/*
Theme Name: Avigo
Theme URI: https://shtheme.com/demosd/avigo
Author: Shtheme
Author URI: https://shtheme.com
Description: Avigo is a multi-purpose, powerful, beautiful, and high-performance website theme. This theme is suitable for corporate, agencies, freelancers, individuals as well as any type of business to showcase their company history, services, works, and projects in the most creative and professional looking.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: avigo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



.stButton .stButton_gradient{
    height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
    padding: 0!important;
}
.st_instagram_hcount .stArrow{
    line-height: 21px!important;
}
.blogp-details-icon-list .stMainServices{
    width: 22px!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.blogp-details-icon-list .stButton .chicklets{
    width: 20px;
    overflow: hidden;
    display: -webkit-inline-box;
    height: 20px;
    line-height: 21px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
.widget_tag_cloud li{
    display: inline-block;
}
.widget_tag_cloud li a{
    font-weight: 500;
    font-size: 14px !important;
    line-height: 13px;
    align-items: center;
    text-align: center;
    color: #161540;
    background: rgba(22, 21, 64, 0.1);
    border-radius: 6px;
    display: inline-block;
    padding: 18px 20px;
    margin: 0 5px 10px 0;
    transition: all 0.3s;
    width: auto;
}
.widget_tag_cloud li a:hover{
    transition: all 0.3s;
    background: #202C4A;
    color: #ffffff !important;
}
.single-commet-img img{
    border-radius: 50%;
}
#gallery-2.gallery.galleryid-41.gallery-columns-3.gallery-size-thumbnail{
    display: none;
}
.comment-head{
    position: relative;
}
@media(min-width: 501px){
    a.comment-reply-link{
        top: -15px;
        right: -16px;
        position: absolute;
    }
}
@media(max-width: 500px){
    .commet-single-box {
        display: block;
    }
    .commet-single-box .single-commet-img{
        margin-bottom: 15px;
    }
    .replly-btn {
        position: unset;
    }
    a.comment-reply-link{
        margin-top: 15px;
    }
    .widgets .recent-post{
        display: block;
        margin-bottom: 20px;
    }
}
#cancel-comment-reply-link{
    padding: 0 14px;
    width: auto;
    border: 1px solid #202C4A;
    background-color: #202C4A;
    color: #fff!important;
    border-radius: 3px;
    font-weight: 600;
    font-size: 15px;
    transition: 0.04s;
    position: absolute;
    right: 0;
}
.comment-respond:has(#cancel-comment-reply-link) h4{
    position: relative;
}
@media(max-width: 767px){
    #cancel-comment-reply-link{
        margin-top: 50px;
    }
    .comment-respond:has(#cancel-comment-reply-link) h4{
        margin-bottom: 80px;
    }
    .comment-respond h4:has(small a[style="display:none;"]){
        margin-bottom: 15px!important;
    }
}
p.logged-in-as a{
    color: var(--bs-body-color);
}
.search-custom{
    padding: 32px;
    margin-bottom: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}
.search-custom form{
    margin-top: 30px;
    margin-bottom: 30px
}
.search-custom form input{
    border: 1px solid #eee;
    height: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.search-custom form button{
    right: -9px;
    font-size: 16px;
    position: relative;
    height: 58px;
    width: 60px;
    float: right;
    margin-top: -59px;
    padding: 0;
    letter-spacing: 0;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #fff;
    color: #333;
}
@media(min-width: 601px){
    .error-page {
        height: 800px;
    }
    .error-desc{
        padding: 30px 0;
    }
    .error-page .font-lg-60 {
        font-size: 120px;
    }
	.contact-page-form .forom-input input {
		width: 96%;
	}
	.contact-page-form .nice-select {
		width: 96%;
	}
	.contact-page-form .forom-input textarea {
		width: 98%;
	}
}
@media(max-width: 600px){
	.contact-page-form .forom-input input {
		width: 98%;
	}
	.contact-page-form .forom-input textarea {
		width: 98%;
	}
	.contact-page-form .nice-select {
		width: 98%;
	}
}
.hadding2 h4.t-title {
    color: #202c4a;
}
@media(min-width: 501px){
	.author-bio .blog-category a:not(:nth-child(1)){
		margin-left: 5px;
	}
}
@media(max-width: 500px){
    .author-bio {
        display: block;
    }
}
.contact-page-form > .row {
    --bs-gutter-x: 0.0rem;
}
.contact-page-form input.wpcf7-submit{
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    background: #2F80ED;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}
.contact-page-form .nice-select {
	background: #202c4a12;
    height: 52px;
    padding-top: 3px;
    margin-top: 10px;
    margin-left: 8px;
}
.contact-page-form .form-check {
    padding-left: 0;
}
.contact-page-form .wpcf7-list-item {
    margin: 0 0 0 10px;
}
.contact-page-form .contact-form-btn{
    margin-left: 10px
}
.contact-page-form span.wpcf7-not-valid-tip{
    color: var(--bs-body-col);
    margin-top: 10px;
    margin-left: 10px;
}
.contact-page-form .wpcf7 form.invalid .wpcf7-response-output, 
.contact-page-form .wpcf7 form.unaccepted .wpcf7-response-output, 
.contact-page-form .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--bs-body-col);
    margin-top: 0;
}
.contact-all-page.sp2 .wpcf7 form.invalid .wpcf7-response-output, 
.contact-all-page.sp2 .wpcf7 form.unaccepted .wpcf7-response-output, 
.contact-all-page.sp2 .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--bs-body-col);
    margin-left: 10px;
    margin-right: 0;
}
.wpcf7-spinner{
    position: absolute;
}
.subsribe-all.sp2 .subsribe-btn input.wpcf7-submit{
    background-color: var(--clr-theme-color);
    border-radius: 7px;
    padding: 15px 20px;
    display: inline-block;
    transition: all.3s;
    border: none;
}
.subsribe-all.sp2 span.wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
/*     margin-left: 10px; */
}
.subsribe-all.sp2 .wpcf7 form.invalid .wpcf7-response-output, 
.subsribe-all.sp2 .wpcf7 form.unaccepted .wpcf7-response-output, 
.subsribe-all.sp2 .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    border-color: #fff;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}
.faq-company .massge-btn .wpcf7-submit{
    border: 1px solid #0072ff;
    color: #0072ff;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
    outline: none;
    text-decoration: none;
}
.faq-company .massge-inputs span.wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
}
.faq-company .massge-inputs .wpcf7 form.invalid .wpcf7-response-output, 
.faq-company .massge-inputs .wpcf7 form.unaccepted .wpcf7-response-output, 
.faq-company .massge-inputs .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    border-color: #fff;
    margin-left: 0;
    margin-right: 0;
}
@media(min-width: 768px){
    .contact5-input > p:has(input) {
        display: flex;
    }
    .contact5-input input {
        width: 96%;
    }
}
.contact5-inputs input.wpcf7-submit{
    font-size: 16px;
    font-weight: 700;
    background-color: var(--clr-theme-color4);
    line-height: 16px;
    color: #fff;
    padding: 16px 24px;
    border: none;
    border-radius: 4px;
}
.contact5-inputs span.wpcf7-not-valid-tip{
    color: var(--bs-body-col);
    margin-top: 10px;
}
.contact5.sp2 .wpcf7 form.invalid .wpcf7-response-output, 
.contact5.sp2 .wpcf7 form.unaccepted .wpcf7-response-output, 
.contact5.sp2 .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--bs-body-col);
    margin-left: 0;
    margin-right: 0;
}
.home2-hero-hadding form input.wpcf7-submit{
    color: #fff;
    font-size: 16px;
    background: var(--clr-theme-color2);
    line-height: 16px;
    padding: 20px 30px;
    display: inline-block;
    transition: all 0.3s;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
    border: none;
}
.home2-hero-hadding span.wpcf7-not-valid-tip{
    color: var(--bs-body-col);
    margin-top: 10px;
}
.home2-hero-hadding .wpcf7 form.invalid .wpcf7-response-output, 
.home2-hero-hadding .wpcf7 form.unaccepted .wpcf7-response-output, 
.home2-hero-hadding .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--bs-body-col);
    margin-left: 0;
    margin-right: 0;
}
.litings .liting-hadding.hadding2 a h4{
    color: #030406;
}
.properties-search .property-search{
    margin: 15px 0;
}
.properties-search .property-search .property-box{
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
}
.roomcount{
    margin-top: 30px;
    color: #202c4a;
}
.property-search .img-border img{
    width: 100%;
}
.main-menu-ex4 .menu-menu-onepage-4 li a {
    font-weight: 600;
}
.ur-frontend-form {
    margin-bottom: 0px;
}
.user-registration button.ur-submit-button,
.user-registration .user-registration-Button.button{
    color: #fff;
    font-size: 14px;
    position: relative;
    line-height: 14px;
    padding: 17px 20px;
    display: inline-block;
    transition: all 0.3s;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
    background: var(--clr-theme-color2);
}
.user-registration form .ur-form-grid .input-wrapper input{
    border: none;
    background: #202c4a12;
    border-radius: 4px!important;
    padding: 13px!important;
    margin-top: 10px;
}
.ur-frontend-form .ur-submit-button {
    margin-right: 0;
    margin-top: 25px;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
    margin-left: 0;
}
.user-registration .user-registration-Button.button{
    margin-top: 25px;
    margin-bottom: 20px;
}
.ur-frontend-form input[type="submit"] {
    float: left; 
}
.user-registration-form__label.user-registration-form__label-for-checkbox.inline{
    clear: both;
}
.header-site-btn a:nth-child(2){
    margin-left: 5px;
}
.comment-respond h4{
    margin-bottom: 20px;
}
form .pera-c-1.font-14.font-f-2.weight-400 p br{
    display: none;
}
.footer5-from input.wpcf7-submit{
    font-size: 16px;
    font-weight: 700;
    background-color: var(--clr-theme-color4);
    line-height: 16px;
    color: #fff;
    padding: 16px 24px;
    border: none;
    border-radius: 4px;
}
.footer5-from input.wpcf7-submit:hover {
    font-size: 16px;
    font-weight: 700;
    background-color: #fff;
    line-height: 16px;
    color: var(--clr-theme-color4);
    padding: 16px 24px;
    border: none;
    border-radius: 4px;
    box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
    transition: all.3s;
}
.button5.button5-footer5 {
    position: absolute;
    right: 20px;
    top: -15px;
}
.footer5-from span.wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
}
.footer-area5 .wpcf7 form.invalid .wpcf7-response-output, 
.footer-area5 .wpcf7 form.unaccepted .wpcf7-response-output, 
.footer-area5 .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}
.login-wrap{
    max-width: 400px;
    margin: 0 auto;
}
.user-registration-LostPassword.lost_password{
    float: right;
    margin-top: -37px;
}
.register-wrap{
    margin: 0 auto;
    max-width: 800px;
}
.subcribe.sp2 input.wpcf7-submit{
    color: #fff;
    font-size: 16px;
    background: var(--clr-theme-color2);
    line-height: 16px;
    padding: 20px 30px;
    display: inline-block;
    transition: all 0.3s;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
    border: none;
}
.subcribe.sp2 span.wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
}
.subcribe.sp2 .wpcf7 form.invalid .wpcf7-response-output, 
.subcribe.sp2 .wpcf7 form.unaccepted .wpcf7-response-output, 
.subcribe.sp2 .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}
.single-widget,
.widget_text {
    margin-bottom: 25px;
}
.home5-hero::before {
    height: 86%;
}
@media(min-width:1200px){
	.our-brands.our-brands-h3.our-brands3.aos-init.aos-animate {
		margin-top: 100px;
	}
}
@media screen and (max-width: 1199.99px){
    .comment-respond .contact-input input:nth-child(2),
    .comment-respond .contact-input textarea{
        margin-right: 0;
    }
	.header-site-btn a.cta-btn,
	.header-area2 a.cta-btn4,
	.main-menu-ex5 + .d-none.d-md-block.button5-btn2{
		display:none!important;
	}
}
@media(min-width:992px){
	.single-widget .recent-post:last-child .recent-img {
		height: auto;
	}
}
@media(max-width: 991px){
    .faq-massge-box-all {
        margin-top: 40px!important;
    }
    .mobile-sidebar .mobile-nav .d-lg-none.d-block.hash-has-sub a:nth-child(2){
        margin-top: -25px;
    }
    .post-blog.post-format-gallery .row .col-lg-6:first-child .blog-post-img.border15{
        margin-bottom: 30px;
    }
    .single .col-lg-8 + .col-lg-4 .widgets{
        margin-top: 12px;
    }
    .blog-page.sp2 .col-lg-4.col-md-6 .single-widget:first-child{
        margin-top: 100px;
    }
	.mobile-nav .mobile-nav-list li a svg{
        display: none;
    }
	.subcribe.sp2 .wpcf7{
		margin-top:30px;
	}
	.hero-1 {
		display: block;
	}
	.home1-main-hero-img {
		position:unset;
	}
}
@media (min-width:650px) and (max-width: 991px){
	.hero1 + .our-brands.our-brands-all2.sp3{
		 margin-top: 140px;
	}
}
@media(max-width: 600px){
    .details-tag-list ul li {
        margin-bottom: 10px!important;
    }
    .single-footer.hadding2{
        margin-bottom: 5px;
    }
    .single-footer ul li a {
        padding: 0px 0;
    }
    .list-commetns > .hadding2 > h4,
    .comment-respond > .hadding2 > h4{
        margin-top: 15px
    }
    .space40 + .list-commetns{
        margin-bottom: 15px
    }
    .single-footer h3 {
        margin-bottom: 10px;
    }
	footer .container .row:not(.copyright2) > div{
		margin-bottom: 20px;
	}
	footer .container .row:not(.copyright2) > div:last-child{
		margin-bottom: 0px;
	}
}
@media (min-width: 501px) and (max-width: 600px){
    .subsribe-all.sp2 .all-subsribe-hadding h1{
        margin-bottom: 30px;
    }
}
@media(max-width: 500px){
    .faq-massge-box-all {
        padding: 50px 20px;
        margin: 0 20px;
    }
    .single-footer h3 {
        margin-top: 0;
    }
    .comment-respond .contact-input input {
        width: 100%;
    }
}
@media(max-width: 300px){
    .input-form-btn-icon2{
        display: none;
    }
    .header-input-form input {
        font-size: 16px;
    }
    .home4-hero .home4-btn1{
        margin-bottom: 20px;
    }
    .reviews-all {
        display: block;
    }
    .star-review {
        padding-left: 0;
        margin-top: 20px;
    }
    .home4-header-form-bg {
        padding: 30px 0px;
    }
    .domain-search-form input.form-control{
        width: 92%;
    }
    .about-icon-box.choose-icon-box {
        display: block;
    }
    .faq-massge-box-all {
        padding: 50px 10px;
    }
    .contact-page-box {
        padding: 20px;
    }
    .contact-page-box .contact-hadding .font-20 {
        font-size: 16px;
    }
    .contact-all-page.sp2 .contact-from-all {
        padding: 20px;
    }
    .single-widget .recent-post {
        display: block;
        margin-bottom: 20px;
    }
    .single-widget .recent-post:last-child{
        margin-bottom: 0;
    }
    .page-template-blog-right-sidebar .theme-pagination{
        margin-bottom: 35px;
    }
}
.pagination{
    display: inline-block;
}
.single-widget .recent-post:last-child{
    padding-bottom: 0;
}
.widgets .single-widget h3{
    padding-left: 0;
    margin-bottom: 20px;
}
.litings.home1-about-us.sp2{
	padding: 120px 0 170px 0;
}
.home1-about-us.sp2{
	padding: 120px 0 170px 0!important;
}
.team-page-all.sp2{
	padding-bottom:75px!important;
}
.subsribe-all.sp2 .wpcf7 form.failed .wpcf7-response-output, 
.subsribe-all.sp2 .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
}
header ul li ul.sub-menu li.has-dropdown1 a svg{
	float: right;
    margin-top: 5px;
}
.comment-respond .details-form-btn .home2-btn button{
	margin-right:1%;
}
.single-blog .post-audio iframe + div{
	display:none;
}
article .single-blog .owl-carousel .owl-item {
    margin-right: 0px;
}
.contact-page-form .nice-select ul.list{
	width:100%;
}
@media(min-width:770px){
	.trusted.sp2{
		padding-bottom: 150px;
	}
}
@media screen and (max-width: 769px){
	.trusred-slider-all .owl-dots {
		bottom: unset;
		right: unset;
		text-align: left;
	}
	.trusted.sp2{
		padding-bottom: 80px;
	}
}
@media (min-width:420px) and (max-width: 769px){
	.about-vision.sp2 .align-items-center .col-md-6 > .hadding2,
	.about-besniess.sp2 .col-md-6 > .hadding2 {
		margin-top: 120px;
	}
}
.about-team {
    margin-top: 0px;
}
.massge-single-inputs textarea {
	font-size:16px;
}
.gallery.gallery-columns-3.gallery-size-thumbnail {
	display:none;
}
.contact-authorarea form p .propertycontact.wpcf7-form-control {
	width: 100%;
    border-radius: 7px;
    background: var(--Blue-1, #2F80ED);
    box-shadow: 0px 4px 10px 0px rgba(47, 128, 237, 0.20);
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
    outline: none;
    margin-top: 24px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    overflow: hidden;
    line-height: inherit;
}
.margin-b60 {
    margin-bottom: 60px;
}
.contact-authorarea .inputarea-contact .wpcf7-not-valid-tip {
	color: #333;
    margin-top: 20px;
}
.contact-authorarea .wpcf7 form.invalid .wpcf7-response-output {
	border-color: #333;
    margin: 2em 0em 1em;
}
.featured-author a {
    font-size: 18px;
}
.liting-hadding-all.hadding2 .liting-hadding a h4 {
	font-size: 22px;
    font-weight: 700 !important;
}
.demo-sidebar {
	display:none;
}
.comment-respond .details-form-btn {
    text-align: start;
}
.elementor .video-play-button {
    box-sizing: content-box;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.panahbawah {
  animation: bounce 2s infinite; /* 2s adalah durasi animasi, sesuaikan sesuai kebutuhan Anda */
}

.kolominput {
	color: #474747;
	background-color: #F0F0F0;
	border-color: #989898;
	transition-duration: 0.1s;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	height: 45px;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	border-radius: 10px 10px 10px 10px;
}