@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body{
    font-family: "DM Sans", sans-serif;
}
/* header  */


/* hero section */
.find{
    color: #1DB2FF;
}
.bg-hero{
    background-color:#E7F6FD;
}
.btn-outline-let{
    background-color: #1DB2FF;
    color: #fff;
}
.btn-outline-let:hover{
    background-color: #FFFFFF00;
    color: #1DB2FF;
    border-color: #1DB2FF;
}
.mySwiper  .featured{
    top: -40px !important;
}


/* hero-form */
.search{
    top: -25px;
}

  .advance-Search input[type=range]::-webkit-slider-runnable-track {
    background: #e7f6fd;
    height: 8px;
    border-radius: 4px;
  }
  .advance-Search input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #1DB2FF;
    border: 2px solid #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
  }
.btn-all:hover,.btn-all{
    background-color: #1DB2FF;
}
.btn-rent{
    background-color:#F0F0F0;
}
.btn-rent:hover{
    background-color: #1DB2FF;
    color: #fff;
}
.advance-btn{
    color: #1DB2FF;
    background-color: #E7F6FD;
}
.advance-btn:hover{
    background-color: #1DB2FF;
    color: #E7F6FD;
}
.advance-btn-1{
    background-color: #1DB2FF;
    color: #E7F6FD;
}
.advance-btn-1:hover{
    color: #1DB2FF;
    background-color: #E7F6FD;
}
.fa-caret-down , .fa-caret-up{
    background-color:#E7F6FD;
    color: #1DB2FF !important;
}
.range span{
    color: #1db2ff;
}
.bg-look{
    background-color: #E7F6FD;
}
.bg-btn-certain{
    background-color: #1DB2FF;
    color: #fff  !important;
}
.bg-btn-certain:hover{
    color: #1DB2FF !important;
    background-color: #fff !important;
}
.btn-check:checked+.btn{
    color: #fff !important;
    background-color: #1DB2FF;
}
.check label{
    border-color: #1DB2FF !important;
    font-size: 14px;
}
.check label:hover{
    color: #1DB2FF !important ;
}
/* Base style for the icon (plus) */
.icon-toggle:after {
    content: '\f067'; /* Font Awesome plus icon */
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
}

/* When the button is expanded, switch to the minus icon */
[aria-expanded="true"] .icon-toggle:after {
content: '\f068'; /* Font Awesome minus icon */
}

/* Base state: Plus icon */
.toggle-icon:after {
content: '\f067'; /* Font Awesome plus icon */

}

/* Expanded state: Minus icon */
[aria-expanded="true"] .toggle-icon:after {
content: '\f068'; /* Font Awesome minus icon */

}


.swiper-button-prev:after, .swiper-button-next:after{
display: none;
}

.slider-one  .fa-caret-right:hover, .slider-one .fa-caret-left:hover{
background-color: #1db2ff !important;
}
.for{
color: #1db2ff;
}

.prices-pro{
font-size: 18px;
}
.pro-bath{
font-size: 13px;
}

.pro-name{
font-size: 15px;
}
.pro-title{
font-size: 17px;
}
.mySwiper-two .badges-right span,.mySwiper-two .badges-bottom span{
color:#1DB2FF !important ;
}
.trendy, .mySwiperlg .hot{
background: #dd9933;
}
.hot{
background-color: #dd3333;
}
.featured{
background-color: #1DB2FF;
}
                            /* slider button & pagination  */
#swiper-button-prev , #swiper-button-next , #button-next:hover , #button-prev:hover , #button-prev-customer , #button-next-customer , #agent-button-prev , #agent-button-next ,#news-button-prev ,#news-button-next {
    background: #1db2ff;
}
#swiper-pagination{

}
#swiper-button-prev:hover , #swiper-button-next:hover ,#button-next , #button-prev , #button-prev-customer:hover , #button-next-customer:hover ,#agent-button-prev:hover , #agent-button-next:hover ,#news-button-prev:hover , #news-button-next:hover{
    background: #000;
}
#swiper-pagination .swiper-pagination-bullet,#pagination .swiper-pagination-bullet , #swiper-pagination-customer .swiper-pagination-bullet ,#agent-pagination .swiper-pagination-bullet ,#news-pagination .swiper-pagination-bullet  {
    padding: 3px;
    background-color: #1db2ff !important;
    border: 3px solid white !important;
    outline: 2px solid #1db2ff !important;
}

/* ----------website multi-slider section-------------- */
.multi-slider{
    background: #e7f6fd !important;
}
.map-multi{
    max-width: 128px;
}
.map-multi:hover{
    opacity: 0.8;
}
.badges-multi span , .discover-badge ,.dis-pro ,.news-date ,.luxury,.deo span,.loction-pro,.rent{
    font-size: 14px;
}
.pro-heading{
    font-size: 36px;
}
.pro-price ,.pro-price h2{
    font-size: 36px ;
    color: #1db2ff;
}
.mySwiperlg .hot , .trendy- , .search-input:hover + .search-btn ,footer  .search-btn:hover{
    background: #F58220 !important;
}

.pro-price span{
    font-size: 21px;
}
.pro-detail{
font-size: 15px;
Color:rgb(26, 26, 26);
}
.multi-btn{
    bottom: -20px ;
}
.multi span:hover{
    background: #1db2ff !important;
    color: #fff !important ;
}

/* customer-love-us  */
.customers-heading{
    font-size: 36px;
}
.genuinely{
    font-size: 30px;
    color: rgb(29, 178, 255);
}
.designer, .real , .check-properties , .agents-profile,.mail{
    font-size: 18px;
}

/* perfect property */

.perfect-property {
    background-color: #1DB2FF;
    background-image: url(../img/CTA-background.png) !important;
    background-repeat: no-repeat !important;
    background-size: 25% !important;
    background-position: right bottom !important;
  }
.findprimary-heading{
    font-size: 42px;
}
.findsecondary-heading{
    font-size: 21px;
    color: #9CDBFF;
}
.check-properties   {
    background: white;
    color: #1db2ff;

}
.agents-profile:hover , .view-profile:hover{
    background: white;
    color: #1db2ff;
    border-color:  #1db2ff;
}

.check-properties:hover , .agents-profile , .view-profile{
    color : white;
    background: #1db2ff;
}
.mail {
    color: #9CDBFF;
}

.pro-hr{
    border-color: #67CBFF !important;
}

/* -------------------Meet Our Agents------------------- */

.our-agent-sec{
    background: linear-gradient(90deg , #fff 30% , #E7F6FD 30%  ) ;
}
.our-agent-sec .agent-cont{
    margin-left: 10% !important;
}
.verified{
    background: #1DB2FF;
    font-size: 12px !important;
    padding: 4px 7px 2px 7px !important;
}
.heading ,.num ,.contect-mail{
    font-size: 30px ;
}
.list-pro a, .list-pro i , .agent-name:hover ,.luxury,.real:hover{
    color: #1db2ff !important;
}
.list-pro:hover a, .list-pro:hover i ,.luxury:hover ,footer .social-logos a:hover  {
    color: #f58220  !important;
}
.view-profile , .list-pro ,.view-all{
    font-size: 15px;
}
.view-agents-profile {
    visibility: hidden;
    padding-top: 60px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 10%, rgb(255, 255, 255) 50%) !important;
    transition: .2s all ease-in-out;
    /* -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px; */
}
.swiper-slide:hover .view-agents-profile, .swiper-slide.swiper-slide-active .view-agents-profile {
    opacity: 1 !important;
    visibility: visible !important;
}
.pro-img{
    min-height: 430px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.miami{
    background-image: url(../img/Discover-pro-1-600x1080.jpg);
}
.coral{
    background-image: url(../img/Discover-pro-2-600x720.jpg);
}
.doral{
    background-image: url(../img/Discover-pro-3-600x720.jpg);
}
.havana{
    background-image: url(../img/Discover-pro-4-600x1080.jpg);
}
.pro-img:hover::before {
    content: "";
    background-color: rgba(0, 0, 0, .3) !important;
    position: absolute !important;
    top: 0 !important; /* Position it at the top */
    left: 0 !important; /* Position it at the left */
    right: 0 !important; /* Extend to the right */
    bottom: 0 !important; /* Extend to the bottom */
    z-index: 0 !important; /* Ensure it's above other content */
    border-radius: 12px !important;
}
.view-all{
    display: none !important;
}
.pro-img:hover .view-all{
    display: block !important ;
}
.discover-badge{
    background: #1DB2FF;
    top: -10px !important;
}
.property-num{
    bottom: -40px !important;

}

/* news-slider  */
.news-sliderinner .swiper-button-next i ,.news-sliderinner .swiper-button-prev i{
    background: #1db2ff;
}
.news-sliderinner .swiper-button-next:hover i ,.news-sliderinner .swiper-button-prev:hover i{
    background: #E2E2E2;
}
.news-sliderinner .swiper-button-next,
.news-sliderinner .swiper-button-prev {
    transition: transform 0.3s ease-in-out;
}
/* When hovering on the inner slider image */
.inner-cardSwiper .news-sliderinner .swiper-button-next {
    transform: translateX(70px); 
}
.inner-cardSwiper:hover .news-sliderinner .swiper-button-next  {
    transform: translateX(15px); /* Moves button inward */
}
.inner-cardSwiper:hover .news-sliderinner .swiper-button-prev {
    transform: translateX(-15px); /* Moves button inward */
}

.inner-cardSwiper .news-sliderinner .swiper-button-prev {
    transform: translateX(-70px); 
}
.Swiper-news a img:hover {
    opacity: .9;
}

.logo-pic {
    width: 135px !important;
}
.builders {
margin: 21px 4px !important;
}

.iron-wood {
margin: 14.8px 1px !important;
}

.rose-wood {
margin: 17px 1px !important;
}

.capital {
margin: 15.5px 1px !important;
}
.adobe{
    margin: 12.3px 1px;
}




/* footer  */




/* break points  */
@media (max-width: 1400px) {
    .bg-hero p{
        font-size: 24px !important;
    }
    .find-home{
        font-size: 34px !important;
    }
    .our-agent-sec .agent-cont{
        margin-left: 2% !important;
    }
    
}
@media (max-width: 1200px) {
    .bg-hero p{
        font-size: 20px !important;
    }
    
    
}
@media (max-width: 992px) {
    .bg-hero p{
        font-size: 20px !important;
    }
    .find-home{
        font-size: 30px !important;
    }
    .bg-hero a{
        font-size: 15px !important;
        font-weight: 700 !important;
    }
    .search {
        position: static !important;
    }
    .hero-pro-info{
        bottom: 80px !important;
    }
    
}
@media (max-width: 768px){
    .hero-pro-info{
        position: static !important;
        width: 100%;
        bottom: 80px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .swiper-button-next , .swiper-button-prev{
        top: 25% !important;
    }
    .multi-pro{
        position: static !important;
    }
    .pro-heading,.pro-price {
        font-size: 26px;
    }
    .genuinely,.contect-mail ,.contect{
        font-size: 24px;
    }
    .findprimary-heading{
        font-size: 28px;
    }
    .heading{
        font-size: 21px;
    }
    /* .meta{
        font-size: 12px !important;
    }
    .meta-icon svg {
        
        width: 15px;
        height: 15px;
    }
    .meta-icon  span{
        font-size: 13px !important;
    } */
}
@media (max-width:500px) {
    .our-agents{
        width: 60px;
    }
    .btn-certain button{
        font-size: 11px !important;
    }
    
}