@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;700&display=swap');

p{ font-weight: 400; }
/* Login Form  */
.input-group-text{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #66666630;
    color: var(--primary);
}
.input-group input{
    border: 0;
    border-bottom: 1px solid #66666630;
    border-radius: 0;
    font-size: 14px;
    background-color: transparent ;
} 
.input-group input:focus{ border-color: var(--primary); box-shadow: none; outline: none; }
.input-group button{ background: transparent; border: 0;border-bottom: 1px solid #66666630; color: #999999cb;  }

.btn_theme {
    padding: 6px 20px;
    background-color: #fff;
    color: var(--primaryLight);
    border: 1px solid var(--primaryLight);
    border-radius: 0px;
    filter: drop-shadow(0 3px 5px #d6d6d6);
}
.btn_theme:hover{
    background-color: var(--primary);
    color: #fff !important;
}

.heading{ position: relative; ; }
.heading::before{
    position: absolute;
    content: '';
    bottom: -8px; left: 0;
    height: 5px; 
    width: 50px;
    background-color: var(--primary);
    border-radius: 5px;
    opacity: 0.9;
    transition: 0.4s;
}
.heading.small_heading::before{ height: 2px !important; width: 30px; }
.heading:hover::before{ width: 70px; }
.btn_hover_arrow:hover i{ margin-right: -6px; padding-left: 6px; }

.featured_item{
    width: 100%;
    /* height: 220px; */
    overflow: hidden;
    position: relative;
    transition: 0.4s;

}
.featured_item:hover{
    box-shadow: 0 4px 10px #777 ;
}


.featured_item:hover img.hover-zoom{
   scale: 1.1;
}
.property-details h6,
.property-details p{
    margin-bottom: 0;
}
.btn-view-details{ 
    bottom: -200px; right: 10px; transition: 0.4s;
}
.featured_item:hover .btn-view-details{
    bottom: 10px;
    right: 10px; 
}
.form-floating label{ padding: 0px; background-color: transparent !important; }
.form-floating label::after{ background-color: transparent !important; }
.form-floating input{ 
    background-color: transparent;
    font-size: 14px; height: 30px !important; padding: 0px !important; border: 0; border-bottom: 1px solid var(--primaryLight); border-radius: 0; 
    min-height: 30px !important;
    padding-top: 12px !important;
}
.form-floating input:focus{
    box-shadow: none;
    border: 0;
    outline: 0;
    border-bottom: 1px solid var(--primaryLight);
}

#modal-login .modal-body,  
#modal-register .modal-body{  
    background: linear-gradient(#ffffffd0,#ffffffd0), url(../images/bg-pattern.jpg) no-repeat center center ;
    background-size: cover;
}
.togglePassword{
    background-color: transparent;
    border: 0;
}
.featured_properties_item:hover{
    box-shadow: 0 4px 8px #b6b6b6;
}
.btn-box{ 
    height: 40px;
    width: 40px;
    background-color: #fff;
    color: var(--primaryLight);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* position: absol; */
    z-index: 2121212; filter: drop-shadow(0 0px 10px #bbbbbb);
 }
 .btn-box:hover{
     filter: drop-shadow(0 0px 0px #bbbbbb);
     border: .1px solid var(--primaryLight);
    }
   .btn-prev, .btn-next{ z-index: 21; margin: 0 10px;  }
    
    .btn-hover{ overflow: hidden; }
 .featured_properties_item:hover .property-status{ opacity: 0; }
 .btn-hover .view-details-btn{ position: absolute; top: 100%; left: 0; transition: 0.4s; border-radius: 50px; }
 .featured_properties_item:hover .view-details-btn{ top: 0%;  }



 /* Mobile Footer  */
 .mobile_footer_nav_items{
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background-color: #fff;
    color: #111;
    z-index: 313;
 }

 .style_font{
    font-family: 'Dancing Script', cursive;
 }

.bg-blue-shade{ background-color: #bcf0fd4a; }
.location_img_box{ 
    height: 40px;
    width: 40px;
    background-color: #fff;
    position: absolute;
    top: 0; left: 20px;
    transform: translateY(-50%);
    border: 1px solid var(--primaryLight);
 }

 .popular_location_item:hover .location_img_box{ background-color: var(--primaryLight); color: #fff; }
.property_options button.nav-link{
    background-color: transparent;
    border: none;
    position: relative;
    transition: 0.3s;
    color: #111;
}
.property_options button.nav-link.active{
    color: #111;
    transition: 0.3s;
    font-weight: 700;
    background-color: transparent;
}
.property_options button.nav-link::before{
    position: absolute;
    content: '';
    height: 4px;
    width: 0%;
    bottom: 0; left: 0;
    background-color: var(--primaryLight);
    transition: 0.3s;
}
.property_options button.nav-link.active::before{
    width: 100%;
}
.property_options button.nav-link:hover::before{ width: 100%; }
ul.keywords { list-style: none; }
ul.keywords li{ font-size: 14px; margin-bottom: 3px; }
.property_option_list{ 
    overflow-x: auto;
 }
 .keywords li{
    display: inline-block;
}
.keywords li:nth-of-type(odd) {
    /* background-color: orange; */
}
.subscribe_input{  
    width: 100%;
    padding: 10px 40px 10px 10px;
    border-radius: 50px;
    border: 1px solid #fff;

}
.subscribe_input:focus{
    outline: none;
    border-color: #999;
    filter: drop-shadow(0 0 8px #ffffff);
}
.floating_sub_btn{
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
    z-index: 1;
    color: var(--primaryLight);
    background-color: transparent;
    border: none;
    padding: 6px;
    /* height: calc(100% - 4px); */
    height: 100%;
    /* margin: 1px;
    border: 1px solid var(--primaryLight);
    border-radius: 50px;
*/
}
.social_links ul{ display: flex; justify-content: center; list-style: none; padding: 0; }
.social_links ul li{
    margin-left: 5px ;
    margin-right: 5px ;
}
.social_links ul li a i{ color: #fff; }
/* .social_links ul li .fa-square-facebook{ color: #fff; } */
/* .social_links ul li .fa-youtube{ color: red; } */
/* .social_links ul li .fa-square-twitter{} */
/* .social_links ul li .fa-square-instagram{ color: #e26448; } */
/* .social_links ul li .fa-square-facebook{} */

.form_subscribe #sub_button{ background-color: #fff; color: var(--primary); }


/* .footer_link_style{ position: relative; } */
.footer_link_style::before{ 
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #333;
 }

/* ++++++++++++++++++++++++++++++++++++++++=== */
/* Listing page  */
.before_verticle_line { position: relative; }
.before_verticle_line::before{
    position: absolute;
    content: '';
    left: 0; top: 50%; transform: translateY(-50%);
    width: 1px; height: 60%;
    background-color: #999;
}
.before_verticle_line.small::before{
    width: 1px; height: 30%;
}

/* ++++++++++++++++++++++++++++++++++++++++=== */
/* ++++++++++++++++++++++++++++++++++++++++=== */
/* ++++++++++++++++++++++++++++++++++++++++=== */
/* ++++++++++++++++++++++++++++++++++++++++=== */

.uppercase{ text-transform: uppercase; }
.line_hight_16{ line-height: 16px; }
.list_devider{ height: 10px; background-color: #eeeeee; }

.invert{ filter: invert(1); }

.offcanvasnav { list-style: none; }
.offcanvasnav li{ border-bottom: 1px solid #d6d6d6; padding: 7px 20px ; position: relative; }
.offcanvasnav li::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 10px;
    width: 10px;
    border-top: 5px solid white;
    border-left: 5px solid #000;
    z-index: 1;
}
.offcanvasnav li::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 10px;
    width: 10px;
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid #e9e9e900;
    z-index: 2;
}


@media screen and (min-width: 200px) {
    .property_details_topbar{ display: none; }
}
@media screen and (min-width: 992px) {
    .property_option_list{ overflow: hidden; }
    .list_page_item_width{ width: 250px !important; }
    .property_details_topbar{ display: none; opacity: 0;
        position: fixed; top: 0;
        transform: translateY(-100%);
        transition: 1s;
        background-color: #fff;
        width: 100%;
    }
}



/* =========================================== */
/* Property details  */
#scrollspay-navbar .nav-link{ position: relative;background-color: transparent; }
#scrollspay-navbar .nav-link.active{ color: var(--primary); }
#scrollspay-navbar .nav-link.active::before{ 
    position: absolute;
    content: '';
    bottom: 0; left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--primaryLight);
 }
.image_hover:hover{ filter: drop-shadow(0 0 8px #a5a5a5); }
.gallery_images_no{
    background-color: #000000a1;
}
.property_details_topbar.display_topbar{ display: block; opacity: 1; transform: translateY(0); }
.fw-bold-6{ font-weight: 600; }

.sticky_sidebar_details{
    position: sticky;
    top: 100px;
    
}
/* =========================================== */
#filtersearchcanvas {
    overflow: scroll;
}
.btn-back{ 
    background-color: transparent;
    font-size: 30px;
 }
.city-item,
 #cityList .city-item
  {
    padding: 5px 10px;
    background-color: #cfede2;
    font-size: 12px;
    margin: 3px;
    border-radius: 50px;
 }
.city-item button,
 #cityList .city-item button
 {
    border: none;
    background-color: transparent;
    padding: 0;

 }
 .filterInputBox{
    padding: 4px 10px;
    border: 1px dotted;
    border-radius: 50px;
 }
 .filterInputBox:focus{
    outline: none;
    box-shadow: 0 0 #c2c2c2;
 }
 .property-type-box{
    /* padding: 25px; */
    /* border: 1px dotted var(--primaryLight);   */
    position: relative;
 }
 .property-type-box span{  
    position: absolute;
    top: 5px; right: 5px;
    color: green;
    display: none;
 }
 .property-bhk-box i{ display: none; color: green; }
/* =========================================== */
.dropdown-menu.desktop-nav{
    padding: 10px;
    width: 60vw;
}
.dropdown-menu.desktop-nav.show{
    filter: drop-shadow(0 0 300px #cecece);
}
/* =========================================== */
.accordion-item{ margin-bottom: 7px; border: none !important; }
.accordion-header .accordion-button{
    background: var(--bgLight);
    border-radius: 7px !important;
    border: none;
    font-size: 12px;
    padding: 10px;
}
.accordion-header .accordion-button:focus{
    box-shadow: none;
}
.accordion-header .accordion-button::after{
    content: "-";
    border-radius: 50px;
    border: 1px solid #e4e4e4;
    text-align: center;
    background-image: none;
    background-size: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.accordion-header .accordion-button.collapsed::after{
    content: "+";
    border-radius: 50px;
    border: 1px solid #e4e4e4;
    text-align: center;
    background-image: none;
    background-size: none;
}
.accordion-collapse.collapse{ transition: 0.3s; }
.accordion-collapse.collapse.show{
    background-color: #fbfbfb;
    transition: 0.3s;
}
.offcanvas-ul-li-mb-1 li{ margin-bottom: 10px; font-size: 12px; }
/* =========================================== */
.list-style-none{ list-style: none; }
/* =========================================== */
/* =========================================== */
.section-padding-100{ 
    padding: 100px 0;
}
.profile-section{  
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* min-height: 100vh; */
}
.profile-container{
    border: 4px solid var(--primary);
    border-radius: 4px;
    background-color: #f7f7f7;
}
.profile-navbar{ padding: 0; }
.profile-navbar .profile-nav-item{
    list-style: none;
    position: relative;
}
.profile-navbar .profile-nav-link{
    list-style: none;
    position: relative;
    display: block;
    padding: 7px 10px;
    font-size: 14px;
    text-align: left;
    /* border: 1px solid; */
    text-decoration: none;
    color: #111;
    font-weight: 400;
    margin-bottom: 1px;
    transition: 0.3s;
}
.profile-navbar .profile-nav-link.active{
    background-color: var(--primaryLight);
    color: #fff;
    position: relative;
    
}
.profile-navbar .profile-nav-link.showhover::before,
.profile-navbar .profile-nav-link.active::before
{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 10px;
    background-color: var(--primaryLight);
    transform: translateX(-100%);
    /* border-bottom: 1px solid #fff; */
}
.profile-navbar .profile-nav-link.showhover::after,
.profile-navbar .profile-nav-link.active::after
{
    position: absolute;
    content: '';
    bottom: -1px;
    left: 0;
    height: 10px;
    width: 10px;
    transform: translate(-100%,100%);
    border-top: 10px solid var(--primaryDark);
    border-left: 10px solid #f7f7f7;
}
.profile-navbar .profile-nav-link:not(.active):hover
{
    background-color: var(--primaryLight);
    color: #fff;
}
/* =========================================== */
/* Edit Login details  */
.selection-box{ padding: 0px 10px; background-color: var(--bgLight); border: 1px solid var(--primary); }
.selection-box:focus{ outline-color: var(--primaryLight); }
.edit-login-details-input{ padding: 0 10px; background-color: var(--bgLight); border: 1px solid var(--primary); }
.edit-login-details-input:focus{ 
    outline-color: var(--primaryLight);
}

.edit-login-details-item{
    padding: 0;
}
.edit-login-details-item li{ list-style: none; font-size: 12px; font-weight: 400; margin-bottom: 15px; }
.edit-login-details-item li label{ width: 275px; text-align: right; padding: 0 10px; }
.edit-login-details-item li .edit-login-details-box{ }



@media screen and (max-width: 767px) {
    .edit-login-details-item li label{ width: 100% !important; display: block; text-align: left; padding: 0; margin-bottom: 2px; }
    
}
@media screen and (min-width: 768px) {
    .edit-login-details-item li{ display: flex; }
    .ban_text {
    position: absolute;
    top: 40%;
    right: 20%;
    padding: 20px;
    /* background-color: #28282870; */
    border-radius: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    -ms-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    max-width:60%;
}
}
.position-absolute{
    position: absolute;
    /*top: 95px;*/
    right: 97px;

}
.text-justify{
    text-align: justify;
}
.nav-pills .nav-link.active {
            background-color: #61ce70 !important;
            color: #fff !important;
        }

        .swiper {
            width: 100%;
            padding-top: 50px;
            /* padding-bottom: 50px; */
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 350px;
            /* height: 300px; */
        }

        
        
/* Import Google Font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");



.wrapper {
  width: 400px;
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 40px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
header h2 {
  font-size: 24px;
  font-weight: 600;
}

.field .form-select {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
  }
.price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 19px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* Support */
.support-box {
  top: 2rem;
  position: relative;
  bottom: 0;
  text-align: center;
  display: block;
}
.b-btn {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.b-btn.paypal i {
  color: blue;
}
.b-btn:hover {
  text-decoration: none;
  font-weight: bold;
}
.b-btn i {
  font-size: 20px;
  color: yellow;
  margin-top: 2rem;
}

/*------------------------------------------
    Membership Plan
-------------------------------------------*/
.membership-plan-list{
	background: url('../images/plan_shape_bg.png'), #fbfdff;
	background-size: auto auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	border:1px solid #e2ecf7;
	border-radius: 6px;
	overflow: hidden;
	text-align:center;
	margin-bottom: 25px;
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.05);
}
.membership-plan-list h3{
	background:#ecf1f7;
	padding: 10px;
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	color: #262E44;
	font-weight: 800;
	text-transform: uppercase;
}
.membership-plan-list .btn.vfx7, .payment-details-area .btn.vfx7{
	padding: 5px 15px;
	border-radius: 6px;
	font-size: 14px;
}
.membership-plan-list h1 {
	font-family: 'Readex Pro', sans-serif;
    font-size: 38px;
	line-height:1.2;
    font-weight: 800;
	position:relative;
	margin-bottom:15px;
	color:#088178;
}
.membership-plan-list h1 span {
	font-size: 24px;
	font-weight: 700;
	padding-right: 4px;
}
.membership-plan-list h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.membership-plan-list ul{
	padding:0px 20px 15px 20px;
	margin:0 0 15px 0 ;
	list-style-type:none;
	border-bottom:1px solid #e2ecf7;
}
.membership-plan-list ul li{
	background-image: url('../images/pl-check-icon.svg');
	font-size:15px; 
	font-weight:600;
	color:#575656;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 26px;
	background-size: 16px 16px;
	line-height: 32px;
	background-position: center left;
}
.membership-plan-list ul li span{
	color:#088178;
	font-weight:700;
}
/* Default (desktop/tablet) stays as is */

@media (max-width: 767px) {
  .property-activity h6 {
    font-size: 14px;        /* smaller heading */
  }

  .property-activity i {
    font-size: 26px !important; /* smaller icons */
  }

  .property-activity .fw-bold {
    font-size: 12px;        /* smaller numbers */
  }

  .property-activity p {
    font-size: 11px;
    margin-bottom: 0;
  }
}

/* Smaller icons on mobile */
@media (max-width: 767.98px) {
  .property-icon {
    font-size: 24px !important;
  }
  .property-text {
    font-size: 12px;
  }
}
/* Mobile font size adjustments */
@media (max-width: 576px) {

    /* Section Title */
    .swiper_collection .section_title h2 {
        font-size: 20px !important;
    }

    /* Card Title */
    .swiper_collection h6.fw-bold {
        font-size: 14px !important;
    }

    /* Address text */
    .swiper_collection p {
        font-size: 13px !important;
        line-height: 1.3em;
    }

    /* User name */
    .swiper_collection span.fw-semibold {
        font-size: 8px !important;
    }

    /* Price */
    .swiper_collection h6.mb-0 {
        font-size: 14px !important;
    }

    /* Badges */
    .swiper_collection .box_default,
    .swiper_collection .hot_offer_box {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }

    /* Swiper slide inner card padding */
    .swiper_collection .p-3 {
        padding: 0.75rem !important;
    }
    .swiper_collection .bi-person-circle {
        font-size: 12px !important;  /* Smaller icon on mobile */
        margin-right: 4px !important; /* Adjust spacing */
    }

    .swiper_collection .fw-semibold {
        font-size: 8px !important;  /* Username also smaller */
    }
}
@media (max-width: 576px) {
    .swiper_collection .d-flex.justify-content-between.align-items-center {
        flex-direction: column !important;
        align-items: flex-start !important; /* optional: left align */
        gap: 4px; /* spacing between user & price */
    }

    .swiper_collection h6.mb-0 {
        width: 100%;
        text-align: left; /* or center if you prefer */
        margin-top: 2px;
    }
     /* Previous Arrow */
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        font-size: 14px !important;   /* Smaller size */
    }

    /* Next Arrow */
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        font-size: 14px !important;   /* Smaller size */
    }

    /* Reduce button container size */
    .swiper-button-prev,
    .swiper-button-next {
        width: 20px !important;
        height: 20px !important;
    }
    .select2-container {
        width: 100% !important;
    }
    .select2-dropdown {
        z-index: 99999 !important;
    }
    .developer-link {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .developer-link:hover {
        color: #2f7ae5; /* change to your brand color */
    }
}
    @media (max-width: 768px) {
        .search_result_seaction {
            padding-top: 80px !important;
        }
    }
    .social-icon {
        width: 45px;
        height: 45px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        transition: all 0.3s ease;
    }
    .social-icon:hover {
        color: #fff !important;
        background-color: currentColor;
        transform: translateY(-3px);
    }
    .btn-outline-primary:hover { background-color: #1877f2; }
    .btn-outline-info:hover { background-color: #1da1f2; }
    .btn-outline-success:hover { background-color: #25d366; }
    .btn-outline-danger:hover { background-color: #e4405f; }
    
    .map-preview-wrapper {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .map-overlay {
        position: absolute;
        inset: 0;
        background: rgba(255,255,255,0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        z-index: 10;
    }
    body.modal-open {
        overflow: hidden !important;
        padding-right: 0 !important;
    }
    .mini-blog-wrapper {
        position: relative;
    }
    
    .mini-image {
        float: left;
        width: 40%;          /* Better for portrait */
        margin: 0 20px 15px 0;
    }
    
    .mini-image img {
        width: 100%;
        height: auto;        /* Keep original ratio */
        display: block;
        border-radius: 6px;
    }
    
    /* Mobile Responsive */
    @media (max-width: 768px) {
        .mini-image {
            float: none;
            width: 100%;
            margin: 0 0 20px 0;
        }
    }

    .lead-success-popup{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.6);
        display:none;
        align-items:center;
        justify-content:center;
        z-index:99999;
    }
    
    .popup-box{
        background:#fff;
        padding:35px;
        border-radius:10px;
        text-align:center;
        width:350px;
        animation:popupFade .4s ease;
    }
    
    .popup-icon{
        font-size:50px;
        margin-bottom:10px;
    }
    
    .popup-btn{
        background:#1f7a5c;
        color:#fff;
        border:none;
        padding:10px 20px;
        border-radius:6px;
        cursor:pointer;
        margin-top:15px;
    }
    
    @keyframes popupFade{
    from{transform:scale(.8);opacity:0;}
    to{transform:scale(1);opacity:1;}
    }
    .country-code{
    background:#1e2b3b;
    color:#fff;
    border:1px solid #3a4a60;
    height:45px;
    border-radius:6px;
    padding:6px 10px;
    }
    
    /* dropdown options */
    .country-code option{
    background:#1e2b3b;
    color:#fff;
    }
    .qf-input{
    background:#1e2b3b;
    color:#fff;
    border:1px solid #3a4a60;
    }
    
    .qf-input option{
    background:#1e2b3b;
    color:#fff;
    }
/* =========================================== */
.expert-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
backdrop-filter:blur(4px);
}

.expert-overlay.show{
display:flex;
}

.expert-box{
width:500px;
background:#fff;
border-radius:14px;
overflow:hidden;
font-family:'Outfit',sans-serif;
box-shadow:0 20px 60px rgba(0,0,0,.3);
}

.expert-header{
background:linear-gradient(135deg,#0f2d1f,#1b4a34);
padding:28px;
color:#fff;
position:relative;
text-align:left;
}

.expert-kicker{
font-size:11px;
letter-spacing:2px;
color:#d4af70;
margin-bottom:6px;
}

.expert-header h2{
font-family:'Cormorant Garamond',serif;
font-size:28px;
font-weight:400;
}

.expert-header span{
color:#d4af70;
}

.expert-close{
position:absolute;
right:18px;
top:18px;
width:32px;
height:32px;
border:none;
border-radius:50%;
background:rgba(255,255,255,.15);
color:#fff;
cursor:pointer;
}

.expert-body{
padding:28px;
}

.expert-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.expert-group{
display:flex;
flex-direction:column;
margin-bottom:14px;
}

.expert-group label{
font-size:11px;
font-weight:600;
margin-bottom:4px;
text-transform:uppercase;
}

.expert-group input,
.expert-group select,
.expert-group textarea{
padding:11px;
border:1px solid #ddd;
border-radius:6px;
font-size:14px;
}

.expert-btn{
width:100%;
background:#183827;
color:#fff;
padding:14px;
border:none;
border-radius:7px;
font-weight:600;
cursor:pointer;
margin-top:6px;
}

.expert-btn:hover{
background:#0f2d1f;
}

.expert-wa{
display:block;
text-align:center;
margin-top:12px;
padding:10px;
border-radius:6px;
border:1px solid #25d36640;
color:#25d366;
text-decoration:none;
font-weight:500;
}