@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;
}




/* Property Single page  */

/* Default style for thumbnails */
.img-thumbnail {
    border: 2px solid transparent; /* Transparent border by default */
    transition:box-shadow 0.3s ease-in-out;
}

/* Style for the active thumbnail */
.slick-current .img-thumbnail {
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.19);
}
.slider-one .swiper-button-prev{
    left: -150px !important;
}
.slider-one .swiper-button-next{
    right: -150px !important;
}

/* Responsive iframe container */
.virtual-tour-container {
    padding-top: 56.25%; /* 16:9 aspect ratio (height = 56.25% of width) */
}

.floor-meta-label {
    color:#808080;
}
.floor-tabs-btn{
    color:#808080;
}
.floor-tabs-btn.active{
    background: #1db2ff;
    color: #fff;
}
.floor-plan-meta{
    font-size: 15px;
}
.floor-plan-title h4 ,.floor-tabs-btn{
    font-size: 18px;
}
.property-types ul li hr{

    width: 12px;
    border-bottom: 2px solid #1db2ff !important;
}
.property-types ul li a{
    font-size: 15px;
}
.property-types ul li a:hover{
    color: #1DB2FF !important;
}
.address a{
    color: #808080;
}
.trendy-as{
    background:#f58220;
}
#swiper-pagination .swiper-pagination-bullet{
    padding: 3px;
    background-color: #1db2ff !important;
    border: 3px solid white !important;
    outline: 2px solid #1db2ff !important;
}
/* Pagination Styling */
#swiper-pagination {
    margin-top: 20px; /* Adjust as needed */
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper {

    height: 115% !important;
}
.prop_card__price ,.badges-right{
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.reply a{
    color: #1db2ff;
}
.leave,.date-com,.comment{
    color: 
    rgb(128, 128, 128);
}
/* .btn-certain {
    bottom: 60px;
    left: 5px;
}
.feature-btn{
    bottom: 13px;
} */
/* break points  */
@media (max-width: 1800px) {
    .slider-one .swiper-button-prev{
        left: -60px !important;
    }
    .slider-one .swiper-button-next{
        right: -60px !important;
    }
}
@media (max-width: 1400px) {
    .slider-one .swiper-button-prev{
        left: 20px !important;
    }
    .slider-one .swiper-button-next{
        right: 20px !important;
    }
}
@media (max-width: 992px) {
    .search{
        position: static !important;
    }
}


/* Full Width Layout page  */


/* header  */
/* .offcanvas-body{
    background-color:#336CA6 !important;
}

.offcanvas-header{
    background: #2f649a;
}
.btn-close{
    filter: invert(1);
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(245,130,32)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-collapse  .dropdown:hover> .dropdown-menu , .dropend:hover .dropdown-menu {
    display: block;
    
}
.navbar-collapse .nav-item:hover > a , .navbar-nav .nav-link.active ,.dropdown-item.active {
 color: #1db2ff !important;
 background-color:#E7F6FD;
}
.pro-items:hover > .dropdown-item , .all-item:hover > .dropdown-item {
    color: #1db2ff !important;
    background-color:#E7F6FD;
}
.dropdown-menu{
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.19);
}
.tell:hover{
    color: #1DB2FF !important;
}
.social-icon a , .social-logos a{
    color: #1DB2FF;
    
}
.social-icon i{
    font-size: 17px;
}
.social-icon :hover ,.contect-mail-item:hover{
    background-color:#E7F6FD;
}
.contect-mail:hover > .contect-mail-menu{
    display: block;
} */




.search{
    top: -25px;
    
}
.search-form {
    background-color: #E7F6FD !important;
}
.pluse-btn{
    margin: 0 12px 0 12px ;
}
.price-range{
    font-size: 14px;
}
  .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 ,.submit-button{
    background-color: #1DB2FF;
    color: #fff;
}
.advance-btn{
    color: #1DB2FF;
    background-color: #E7F6FD;
    border-color:#1DB2FF ;
}
.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;
    border-color:#1DB2FF ;
}
.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;
    border-color:#1DB2FF ;
}
.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 */

}
/* .btn-certain{
    top: 10px;
} */

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

.features:hover{
    color: #1db2ff;
}
.download-icon{
    visibility: hidden;
}
.ultra-demo:hover .download-icon{
    visibility: visible;
    background: #e7f6fd;
    
}
.ultra-demo:hover {
    background: white;
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.19);
    cursor: pointer;
}

.radio-btn label:hover {
    box-shadow: 0 0 8px inset #ddd;
}

/* Style the input border and SVG when the input is focused */

.slider-one  .fa-caret-right:hover, .slider-one .fa-caret-left:hover,.slider-two  .fa-caret-right:hover, .slider-two .fa-caret-left:hover{
background-color: #1db2ff !important;
}
.overview-bedrooms .home-overview{
    background: #e7f6fd;
}
.overview-bedrooms .home-overview:hover{
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.19);
    background: #fff;
}

.field:focus {
    border-bottom-color: #1db2ff !important;
    fill: #1db2ff !important;
}
lable svg + .field:focus  {
    fill: #1db2ff !important;
    stroke: #1db2ff !important;
}



/* tabs cards  */
.tabs-btn{
    border-color: #1db2ff !important ;
}

.tabs-btn.active {
    background-color: #1db2ff !important;
    color: white !important;
    border-color: #1db2ff !important;
}
.hot{
    background-color: #dd3333;
    }
.featured{
background-color: #1DB2FF;
}
.trendy{
background: #dd9933;
}
.sale:hover{
    background-color: #1DB2FF !important;
    color: white !important;
}
.tab-pane .badges-right .cam-badge,.tab-pane .badges-right .vid-badge{
    color: #1DB2FF !important;
}
.tab-pane .badges-right .cam-badge:hover,.tab-pane .badges-right .vid-badge:hover{
    color: #fff !important;
    background-color: #1DB2FF !important;
}
.tab-pane img:hover {
    opacity: 0.9;
}


.slider-nav .slick-slide.slick-current img {
    border: 5px solid #1DB2FF !important; /* Custom border */
    border-radius: 5px; /* Rounded corners */
}
.slider-nav {
    width: 200px !important;
}
.slider-nav img {
    width: 80px !important;
}
.coral-gables {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8015581232) 100%) !important;
}


.table-active {
    --bs-table-bg-state: #F7F7F7 !important;
}
.table tbody tr td{
    font-size: 15px;
}
.common-note{
    background-color: #E7F6FD;
}

.file-attach i{
    font-size: 70px;
}
/* property video  */
.video-tour{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8015581232) 100%);
}
.video-button:hover span{
background-color: #1db2ff !important;
}
/* energy performance  */

.energy-box{
    border-color: #8DC643 !important;
}

.additional-details-list .aplus{
    background:#00845a !important;
}
.additional-details-list .a{
    background: #18b058 !important;
}
.additional-details-list .b{
    background: #8dc643 !important;
}
.additional-details-list .c{
    background: #ffcc01 !important;
}
.additional-details-list .d{
    background: #f6ac63!important;
}
.additional-details-list .e{
    background:#f78622!important;
}
.additional-details-list .f{
    background: #ef1d3a!important;
}
.additional-details-list .g{
    background:#d10400!important;
}

.additional-details-list .b span{
top: -15px;
left: calc(50% - 12px);
border: 15px solid transparent;

}
.additional-details-list .a span{
    top: -15px;
    left: calc(50% - 12px);
    border: 15px solid transparent;
    }
/* schedule-form */

.schedule-form{
    background-color: #E1F4FD;
}
.submit-button:hover{
    background-color:transparent ;
    color: #1DB2FF;
    border-color:#1DB2FF ;
}
.agent-image img:hover  {
    transform: scale(1.1);
    opacity: 0.85;

}
.agent-img img {
transition: all 0.3s ease-in-out;
    
}
.agent-img{
    width: 120px;
    height: 120px;
    
}

.consent-check {
    border: 1px solid rgba(29, 178, 255, 0.3) !important;
}


.pro-principle{
    left: 8px;
    border-color: #1db2ff !important;
}
.pro-tax{
    left: 8px;
    border-color: #0061bc !important;
}
.pro-dues{
    left: 8px;
    border-color: #bae8ff !important;
}
.principle-bg{
    box-shadow: 0px 5px 19px -14px rgba(29, 178, 255) !important;
}
.mortgage .border {
    border-bottom: 2px dotted #f0f0f0 !important;
}
.mortgage .border-end{
    border-right: 2px dotted #f0f0f0 !important;
}
.mortgage  .dropdown-menu {
    transform: translate(0px, 55px) !important;
}
.time .dropdown-menu {
    transform: translate(624px, 5059px)!important;
}



    /* fixed footer  */

.verification-icon{
    background: #1DB2FF;
    left: 50px !important;
    top: 32px !important;
}
.detail-icon{
    background: #e7f6fd;
}
.page-footer li a:hover{
    color: #1DB2FF !important;
}
/* break points  */
@media  (max-width: 1200px) {
    .coral-gables{
        position: static !important;
        background: #e7f6fd !important;
    }
    .coral-gables .villa-c{
        color: black !important;
        font-size: 26px !important;
    }
    .coral-gables .villa-price{
        font-size: 20px !important;
    }
    .coral-gables .villa-location{
    color: #1db2ff !important;
    }
    .slider-nav {
        position: static !important;
        /* flex-direction:  row !important; */
    }
}
@media  (max-width: 992px){
    .order-form{
        order: 2;
    }
}
@media (max-width:400px) {
    .btn-certain button{
        font-size: 11px !important;
    }
}