@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;
}
a {
    transition: 0.2s all linear;
}
/* header  */


/* search form  */

.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 ;
}
.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 */

}

.crumb{
    color: #1DB2FF;
}
.home:hover{
    color: #1DB2FF !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color:#8090b1 ;
    font-weight: 500;

}
.pagination-stats .num{
    color: rgb(102, 102, 102)!important;

}
.pagination-stats .to {
    color: rgb(128, 128, 128) !important ;
}

.grid-btn-page,.list-btn-page{
    background-color: 
    #e7f6fd !important;
}
.grid-btn-page.active ,.list-btn-page.active {
    background-color: #1db2ff !important;
    color: white !important;
    border-color: #1db2ff !important;
}
/* Style for the select element */
.form-select {
    padding: 0.5rem;
    font-size: 0.875rem; /* Adjust font size as needed */
    cursor: pointer;
}

/* Style for the options */

/* Default SVG color */
.tabs-btn .svg {
    fill: #808080;
}

/* Change SVG color when the button is active */
.tabs-btn.active .svg {
    fill: #1db2ff; /* Change this to your desired active color */
}
.tabs-btn svg:hover{
    fill: #1db2ff;
}

.hot{
    background-color: #dd3333;
    }
    .featured{
    background-color: #1DB2FF;
    }
    .grid-tabs .card .badges-bottom .cam-badge ,.grid-tabs .card .badges-bottom .vid-badge,.list-card .heart-badge,.list-card .compare-badge {
        color: #1DB2FF !important;

    }
    .cam-badge , .vid-badge {
        transition: 0.3s all ease-in-out;
    }
    .list-card  .cam-badge:hover ,.list-card  .vid-badge:hover{
        background-color: #fff !important;
        color:#000  !important;
    }
    .trendy{
        background: #dd9933;
        }
    .list-card{
        box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.19);
    }
    .list-card .sale{
        border: 2px solid #1DB2FF;
    }
    .loction-pro{
        font-size: 14px;
        color: #808080;
        transition: 0.3s all ease-in-out;
    }
    .loction-pro:hover ,.pro-title:hover , .pro-name{
        color: #1db2ff;
        transition: 0.3s all ease-in-out;
    }
    .pro-title{
        font-size: 17px;
    }
    .pro-name:hover{
        color: #000;
        
    }
    .property{
        font-size: 13px;
    }
    .card img:hover{
        opacity: 0.9;
    }
     .badges-right span{
        color: #1DB2FF !important;
        transition: 0.3s all ease-in-out;
    }
     .badges-right span:hover ,.sale:hover{
        background-color: #1DB2FF !important;
        color: #fff !important;
    }
    
    /* footer  */
   /* break point  */
    @media (max-width:400px) {
        .btn-certain button{
            font-size: 11px !important;
        }
    }