@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");



* {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

    font-family: "Inter", sans-serif;

}



audio,

canvas,

embed,

iframe,

img,

object,

svg,

video {

    display: block;

    height: auto;

    max-width: 100%;

    width: 100%;

}



summary {

    display: list-item;

}



body,

html {

    height: 100%;

}



html {

    font-size: 100%;

    scroll-behavior: smooth;

}



body {

    line-height: 1.4;



    -webkit-overflow-scrolling: touch;



    -ms-overflow-style: scrollbar;



    background-color: #ffffff;

}



body::-webkit-scrollbar {

    width: 10px;

}



body::-webkit-scrollbar-track {

    background-color: #e7e7e7;

}



body::-webkit-scrollbar-thumb {

    background-color: #0a3d91;

    ;



    border: 1px solid #0a3d91;



    border-radius: 10px;

}



p {

    font-size: 15px;

    color: #1c1c1c;

    line-height: 1.55;

    margin-bottom: 1rem;

    font-weight: 500;

}



a,

a:hover,

a:focus,

button:hover,

button:focus,

input:focus {

    outline: none !important;

    text-decoration: none !important;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #000;

}



a {

    color: #00459E;

}



/*------Parallax Css----------*/

.parallax {

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    background-position-x: center;

}



.animation {

    animation-duration: 0.5s;

    animation-timing-function: linear;

    animation-delay: 0s;

    animation-iteration-count: 1;

    animation-direction: normal;

    animation-fill-mode: forwards;

    animation-play-state: running;

}



@keyframes slide-up {

    from {

        opacity: 0;

        top: 100px;

    }



    to {

        opacity: 1;

        top: 0;

    }

}



.animation_slide-up {

    animation-name: slide-up;

}



@keyframes slide-down {

    from {

        opacity: 0;

        bottom: 100px;

    }



    to {

        opacity: 1;

        bottom: 0;

    }

}



.animation_slide-down {

    animation-name: slide-down;

}



@keyframes slide-left {

    from {

        opacity: 0;

        left: 100px;

    }



    to {

        opacity: 1;

        left: 0;

    }

}



.animation_slide-left {

    animation-name: slide-left;

}



@keyframes slide-right {

    from {

        opacity: 0;

        right: 100px;

    }



    to {

        opacity: 1;

        right: 0;

    }

}



.animation_slide-right {

    animation-name: slide-right;

}



@keyframes flip-x {

    from {

        opacity: 0;

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);

    }



    to {

        opacity: 1;

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

    }

}



.animation_flip-x {

    backface-visibility: visible;

    animation-name: flip-x;

}



@keyframes flip-y {

    from {

        opacity: 0;

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    }



    to {

        opacity: 1;

        transform: perspective(400px);

    }

}



.animation_flip-y {

    backface-visibility: visible !important;

    animation-name: flip-y;

}



@keyframes zoom {

    from {

        opacity: 0;

        transform: scale3d(0.3, 0.3, 0.3);

    }



    to {

        opacity: 1;

    }

}



.animation_zoom {

    animation-name: zoom;

}



/*-----Custome Css Area----*/



.sec_padding {

    padding: 30px 0

}



/*------Main Header--------*/

.container {

    max-width: 1340px;

}







@-webkit-keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}









/*---------Home Main ------*/

.site_main {}



/*---------hero section start ------*/

.hero-section {}





/* Heading Style */

.main-title {

    font-size: 3rem;

    font-weight: 800;

    color: rgba(36, 36, 36, 1);

    line-height: 1.2;

    margin-bottom: 40px;

}



/* Button Container */

.button-group_hero {

    display: flex;

    gap: 15px;

    justify-content: center;

    margin-bottom: 80px;

}



.btn_hero {

    padding: 15px 30px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 600;

    font-size: 1rem;

    transition: transform 0.2s ease;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}



.btn_hero:hover {

    transform: translateY(-2px);

}



.btn-primary_hero {

    background-color: #fbbc05;

    /* The specific yellow/gold */

    color: rgba(36, 36, 36, 1);

}



.btn-secondary_hero {

    background-color: #fff;

    color: #333;

}





/*-------footer Area-------*/

.footer_section {

    display: inline-block;

    width: 100%;

}



.footer_bg {

    background: #F3F4F6;

    padding-bottom: 0px;

}



.footer_mainsection {

    padding: 40px 0%;

}



.footer_logo {

    margin-bottom: 15px;

}



.footer_contact h4 {

    font-size: 12px;

    font-weight: 700;

    color: #4B5563;

    margin-bottom: 10px;

}



.footer_contact p {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 10px;

}



.footer_contact p a {

    font-size: 14px;

    font-weight: 600;

    color: #4B5563;

}



.footer_contact h5 {

    font-size: 14px;

    font-weight: 500;

    color: #4B5563;

    margin-bottom: 10px;

    margin-top: 20px;

}



.follow_us {

    display: flex;

    gap: 15px;

}



.follow_us a {}



.follow_us a:hover img {

    transform: scale(1.05) rotate(2deg);

    filter: brightness(1.1) contrast(1.1);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



.footer_about h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_about ul {

    list-style: none;

    padding: 0;

}



.footer_about li {}



.footer_about li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_about li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_quicklink h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_quicklink ul {

    list-style: none;

    padding: 0;

}



.footer_quicklink li {}



.footer_quicklink li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_quicklink li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.boder_lefq {

    padding-left: 15px;

    border-left: solid 1px #d4d0d0;

}



.partner li a {

    color: #00379C;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

    border: solid 1px #00379C;

    border-radius: 6px;

    padding: 5px 10px;

}





.footer_soluction h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_soluction ul {

    list-style: none;

    padding: 0;

}



.footer_soluction li {}



.footer_soluction li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_soluction li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_community h4 {

    font-size: 16px;

    font-weight: 700;

    color: #239F8E;

    margin-bottom: 10px;

}



.footer_community ul {

    list-style: none;

    padding: 0;

}



.footer_community li {}



.footer_community li a {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 12px;

    display: block;

    transition: all 0.3s ease-in-out;

}



.footer_community li a:hover {

    color: #239F8E;

    padding-left: 2px;

}



.footer_community li a span {

    font-size: 11px;

    font-weight: 500;

    background: #E2FFFB;

    color: #239F8E;

    border: solid 1px #239F8E;

    border-radius: 15px;

    padding: 1px 8px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.lang_but {

    text-align: center;

    margin-bottom: 45px;

}



.lang_but img {

    width: auto;

    display: inline-block;

}



.copy_main {

    background: #0B1E48;

    padding: 16px 0;

}



.copy_mainse {

    display: flex;

    justify-content: space-between;

}



.copy_left {

    display: flex;

    gap: 20px;

}



.copy_left p {

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 0px;

}



.copy_right {

    gap: 15px;

    display: flex;

}



.copy_right a {

    font-size: 12px;

    font-weight: 400;

    color: #fff;

}



.copy_right a:hover {

    color: #239F8E;

}



/*-------Testimonial Sec------*/





/*========Scroll Top======*/



.scrollToTop {

    width: 34px;

    height: 34px;

    border-radius: 25px;

    text-align: center;

    font-weight: bold;

    background: #fff;

    text-decoration: none;

    position: fixed;

    bottom: 20px;

    right: 0;

    z-index: 33;

    display: none;

}













/*========new css======*/



/* Smooth slide effect */

@keyframes slideDown {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0);

    }

}























.sidebar {

    /*width: 360px;*/

   border-radius: 10px 0;

    background: #fff;

    padding: 25px;

    overflow-y: auto;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}



/* TOP BUTTONS */

.top-btn button {

    border-radius: 30px;

    font-size: 13px;

    padding: 8px;

}



/* SECTION */

.section {

    

    padding: 20px 0;

}







.arrow {

    transition: 0.3s;

    

 width: auto !important;

    height: auto !important;

    border-right: none !important;

    border-bottom: none !important;

    transform: none !important;

    margin-top: -5px !important;

}









/*.rotate {*/

/*    transform: rotate(180deg);*/

/*}*/



/* BODY */

.section-body {

    margin-top: 10px;

    animation: fade 0.3s ease;

    

}



@keyframes fade {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



/* CHIP */

.chip {

    display: inline-block;

    padding: 7px 14px;

    border-radius: 20px;

    background: #F7F8FA;

    font-size: 12px;

    margin: 10px 6px 0 0;

    cursor: pointer;

    color: #6B7280;

    font-weight: 500;

    border: 1px solid #0000001A;

}



/* BOX */

.box {

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    padding: 3px 16px;

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    

}



/* RANGE */

.range-label {

    display: flex;

    justify-content: space-between;

    font-size: 14px;

    color: #242424;

    margin-top: 10px;

    font-weight: 600;

}



/* FOOTER */

.footer {

    position: sticky;

    bottom: 0;

    background: #fff;

    padding-top: 10px;

}







.arrow-icon {

    transition: transform 0.3s ease;

    font-size: 14px;



}









.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

}



/*.arrow{*/

/*    transition: transform 0.3s ease;*/

/*    transform: rotate(180deg);*/

/*}*/



/* CLOSED state */

/*.arrow-icon.rotate{*/

/*    transform: rotate(180deg);*/

/*}*/







.sidebar .btn-outline-primary {

    border: 1px solid #00459E;

    font-size: 14px;

    font-weight: 600;

    padding: 0 24px;

    color: #00459E;

    font-size: 14PX;

    font-weight: 600;

    border-radius: 30px;



}



.sidebar .top-btn .apply_filters {

    background-color: #00459E;

    padding: 8px 25px;

    color: #FFFFFF;

    font-size: 14px;

    font-weight: 600;

}





.sidebar .footer  .btn-primary {

    background-color: #00459E;

    padding: 8px 25px;

    color: #FFFFFF;

    font-size: 14px;

    font-weight: 600;

    border-radius: 30px;

}



.sidebar .btn-outline-primary:hover {

    background-color: #00459e00;



}



.section-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-weight: 600;

    color: #000000;

    font-size: 16px;

    padding-bottom: 10px;

    cursor: pointer;

    border-bottom: 1px solid #00000026;

}



.form-control {

    display: block;

   

    padding: 10px;

    border: 1px solid #0000001A;

    border-radius: 6px;

    font-size: 14px;

}





.add-btn {

    background: #00459E;

    padding: 10px 25px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 600;

}



.add-btn:hover {

    background-color: #00459E;

}





.add-locations {

    color: #6B7280;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 5px;

}





.add-locations-bottom {

    color: #6B7280;

    font-size: 12px;

    font-weight: 400;

}





.sidebar h3 {

    color: #6B7280;

    font-size: 12px;

    font-weight: 700;

}



.form-select {

    font-size: 12px;

    color: #242424;

    font-weight: 500;

    padding: 10px;

    width: 130px;

}





.box span {

    font-size: 12px;

    font-weight: 700;

    color: #242424;

}





.box p {

    font-size: 13px;

    font-weight: 400;

    color: #242424;

    margin-bottom: 4px;

}









.section h5{

    color: #6B7280;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 4px;

    margin-top: 4px;

}









.configuration .form-select {

    width: 130px;

}



.configuration {

    margin-top: 20px;

}



.form-check-label{

    font-size: 12px;

    font-weight: 500;

    color: #242424;

}



.amenities .form-check{

    gap: 20px;

    margin: 10px;

}



.emi .form-select{

    width: 100%;

}



.configuration .form-select{

    width: 134px;

}











/* SLIDER */

.slider{

    position:relative;

    height:30px;

}



/* TRACK */

.track{

    position:absolute;

    height:4px;

    width:100%;

    background:#ddd;

    top:50%;

    transform:translateY(-50%);

    border-radius:5px;

}





/* INPUT RANGE */

.section .slider input{

    position:absolute;

    width:100%;

    top:0;

    pointer-events:none;

    -webkit-appearance:none;

    background:none;

}



/* THUMB */

.slider input::-webkit-slider-thumb{

    pointer-events:auto;

    -webkit-appearance:none;

    height:18px;

    width:18px;

    background:#fff;

    border:3px solid #2563eb;

    border-radius:50%;

    cursor:pointer;

}



/* FIREFOX */

.slider input::-moz-range-thumb{

    height:18px;

    width:18px;

    background:#fff;

    border:3px solid #2563eb;

    border-radius:50%;

    cursor:pointer;

}













/* MAIN */

.card-main {

    display: flex;

    gap: 20px;

    margin-bottom: 40px;

    border: 1px solid #00000026;

    border-radius: 10px ;

}



/* IMAGE */

.left {

    width: 350px;

    position: relative;

}



/* IMAGE */

.card-main .left img{

    /*width: 363px;*/

    height: 100%;

    object-fit: cover;

    

    border-radius: 10px 0 0 10px;

    

   

}





/* BADGES */

.card-main .live {

    position: absolute;

    top: 10px;

    left: 10px;

    background: linear-gradient(90deg, #2563EA 0%, #0FA4E9 100%);

    font-size: 11px;

    font-weight: 700;

    padding: 4px 8px;

    border-radius: 4px;

    color: #fff;

}







.card-main .joined {

    position: absolute;

    top: 10px;

    right: 10px;

    background: #242424;

    font-size: 12px;

    padding: 4px 8px;

    font-weight: 600;

    border-radius: 4px;

    color: #fff;

}



/* RIGHT */

.card-main .right {

    flex: 1;

    padding: 30px 20px;

}



/* TITLE */

.title-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.title {

    font-size: 24px;

    font-weight: 700;

    color: #242424;

}





.title-row p{

    font-size: 11px;

    font-weight: 400;

    color: #4B5563;

}



.title-row p span{

    color: #00459E;

    font-size: 11px;

    font-weight: 500;

}



.expire {

    background: #CC0D39;

    font-size: 11px;

    padding: 5px 8px;

    border-radius: 4px;

    font-weight: 600;

    color: #fff;

}





.title-row p i{

    color: #EF4444;

    margin-right: 10px;

}





/* TAG ROW */

.tag {

    background: #1f2937;

    padding: 5px 10px;

    border-radius: 6px;

    font-size: 12px;

    margin-right: 5px;

}



/* WHITE CARD */

.white-box {

    background: #f3f4f6;

    color: #000;

    padding: 15px;

    border-radius: 10px;

    margin-top: 10px;

}



.price {

    font-size: 22px;

    font-weight: 600;

}



.old {

    text-decoration: line-through;

    margin-left: 10px;

    color: #6b7280;

}



.save {

    color: #10b981;

    font-size: 13px;

}



.info {

    display: flex;

    justify-content: space-between;

    margin-top: 8px;

    font-size: 13px;

}



/* PROGRESS */

.progress {

    height: 6px;

    margin-top: 12px;

    background: #374151;

}



.progress-bar {

    background: #2563eb;

}



/* PROGRESS LABEL */

.progress-label {

    display: flex;

    justify-content: space-between;

    font-size: 12px;

}



/* PILLS */

.pills {

    margin-top: 10px;

}



.pill {

    background: #1f2937;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 12px;

    margin-right: 5px;

}



/* BUTTONS */

.actions {

    margin-top: 15px;

    display: flex;

    gap: 10px;

    justify-content: space-between;

}



.actions .btn-join {

    background: #00459E;

    color: #fff;

    border-radius: 25px;

       padding: 6px 55px;

}





.actions .btn-join1 {

    border: 1px solid #D1D5DB;

    color: #00459E;

    border-radius: 25px;

    padding: 6px 16px;

}



.actions .btn-outline-custom {

    border: 1px solid #D1D5DB;

    color: #00459E;

    border-radius: 25px;

    padding: 6px 80px;

}

.actions .btn-outline-secondary{

    color: #00459E;

    font-size: 14px;

    font-weight: 600;

    border: none;

   

}



.actions .btn-outline-secondary:hover{

    background-color: #00000000 !important;

}





.actions .btn-outline-secondary i{

    margin-right: 10px;

   

}





/* MAIN WRAP */

.top-header {

    padding: 15px 0;

}



/* BREADCRUMB */

.top-header .breadcrumb-custom {

    font-size: 13px;

    color: #9ca3af;

    display: flex;

    align-items: center;

    gap: 6px;

}



.top-header .breadcrumb-custom span {

    color: #6b7280;

}



.top-header .breadcrumb-custom .active {

    color: #3b82f6;

}



/* TITLE */

.top-header .heading {

    font-size: 22px;

    font-weight: 600;

    margin: 10px 0 5px;

}



/* ROW */

.top-header .row-custom {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/* LEFT */

.top-header .left {

    display: flex;

    align-items: center;

    gap: 12px;

}



.top-header .filter {

    color: #8b5cf6;

    font-size: 18px;

}



/* RIGHT */

.top-header .right {

    display: flex;

    align-items: center;

    gap: 15px;

}



.top-header .sort {

    font-size: 14px;

    color: #9ca3af;

}



/* BUTTON */

.top-header .map-btn {

    background: #fff;

    color: #000;

    border-radius: 20px;

    padding: 6px 14px;

    font-size: 13px;

    border: none;

}





.filter-content {

    /*width: 1280px*/

     padding: 20px;

}



.gap-60{

    gap:200px;

}



.icon-svg {

    width: 6px;

    margin: 0 10px;

}





.breadcrumb-item.active {

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

}



.breadcrumb-item {

    color: #717680;

    font-size: 12px;

    font-weight: 500;

}



.heading {

    font-size: 20px;

    font-weight: 600;

    color: #242424;

}



.heading span {

    font-weight: 500;

}



.filter-img {

    width: 20px;

}





.btn-filter-toggle {

    padding: 6px 16px 6px 16px;

    border-radius: 32px;

    border: 1px solid #0000001A;

}



.btn-filter-toggle:hover {

    padding: 6px 16px 6px 16px;

    border-radius: 32px;

    border: 1px solid #0000001A;

}



.bottom-filters .small {

    font-size: 14px;

    color: #242424 !important;

    font-weight: 500;

}



.bottom-filters .featured {

    border: 1px solid #0000001A;

    padding: 6px 16px;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    background-color: #ffffff00;

    border-radius: 32px;

}



.bottom-filters .featured span {

    color: #6B7280;

    font-size: 14px;

    font-weight: 400;

}



.bottom-filters .btn-sort-map {

    background-color: #F0F0F0;

    padding: 6px 16px;

    border-radius: 32px;

    gap: 10px;

    color: #242424;

    font-size: 14px;

    font-weight: 500

}





.price-rage{

    color: #6B7280;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: 15px;

}



.listing-page{

    padding-bottom: 30px;

        margin-top: 13rem;

}





.invite {

    display: flex;

    gap: 10px;

    align-items: center;

    background: #FFFBEB;

    color: #864D0F;

    padding: 8px 12px;

    border-radius: 6px;

    font-size: 12px;

    margin: 12px 0;

    font-weight: 500;

    border: 1px solid #FEF08A;

    width: 310px;

}



.invite h4{

    color: #864D0F;

    font-size: 12px;

    font-weight: 500;

    margin: 0;

}





.invite img{

    height: 20px;

    width: 20px;

    

   

}





.right-side-badge-btn {

    gap: 10px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.right-side-badge-btn .badge-btn {

    font-size: 11px;

    font-weight: 600;

    background-color: #F3F4F6;

    color: #242424;

    border-radius: 20px;

    padding: 6px 12px;

    border: 1px solid #D1D5DB;

}



.right-side-badge-btn .badge-btn i{

    color: #FF9500;

    font-size: 12px;

}



.right-side-badge-btn img {

    width: 40px;

    margin-right: 5px;

}



.badge-chip p {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 0;

    color: #242424;

    font-size: 12px;

}





.badge-chip-icon {

    background-color: #EAF3FF;

    color: #00459E;

    padding: 6px 10px;

    border-radius: 20px;

    font-size: 11px;

    font-weight: 700;

}



.badge-chip-icon i{

    margin-right: 10px;

}



.price-box {

    background-color: #F9FAFB;

    padding: 20px;

    border-radius: 10px;

    margin-top: 20px;

    border: 1px solid #0000001A;

}



.price-box .price-row {

    display: flex;

    justify-content: flex-start;

    gap: 10px;

    text-align: center;

}



.new-price {

    color: #242424;

    font-size: 24px;

    font-weight: 700;

}



.old-price {

    text-decoration: line-through;

    color: #6B7280;

    font-size: 18px;

    font-weight: 500;

}





.price-row .text-success {

    color: #00BFA5;

    font-size: 12px;

    font-weight: 600;

}



.table-box {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #242424;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 10px;

}



.table-box .text-muted {

    color: #4B5563;

    font-size: 11px;

    font-weight: 600;

}



.table-box .fw-semibold {

    font-size: 16px;

    color: #00459E;

    font-weight: 700 !important;

}



.btm-p{

    font-size: 12px;

    font-weight: 400;

    color: #6B7280;

    margin: 0;

}





.price-progress .progress-top {

    margin-top: 20px;

    padding: 10px 0;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

}





.bar {

    height: 6px;

    background: #e5e7eb;

    border-radius: 10px;

    

}



.fill {

    height: 100%;

    width: 60% !important;

    border-radius: 10px;

    background: linear-gradient(90deg, #2563eb 0%, #0FA4E9 100%);

}





.start-btn .badge {

    font-size: 12px;

    font-weight: 600;

    background-color: #EAF3FF !important;

    color: #242424;

    border: none;

    border-radius: 20px;

    padding: 6px 12px;

    color: #00459E;

}



.start-btn .bg-warning-subtle {

    background-color: #FEF3C7 !important;

    color: #92400E;

}







.right-side-buttons .btn-outline-secondary {

    border: 1px solid #D1D5DB;

    border-radius: 30px;

    color: #00459E;

    font-size: 14px;

    font-weight: 600;

    padding: 10px 20px !important;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    text-align: center;

}

















.pagination-wrapper{

    display:flex;

    align-items:center;

    border: 1px solid #0000001A;

    border-radius:12px;

    overflow:hidden;

    width:max-content;

   

    margin: 0 auto  ;

    

}



.pagination-wrapper .nav-btn{

    color: #242424;

    font-size: 16px;

    font-weight: 600;

}



/* common */

.pagination-wrapper button{

    border:none;

    background:transparent;

    padding:10px 14px;

    font-size:14px;

    color:#242424;

    cursor:pointer;

    border-right:1px solid #0000001A;

}



/* remove last border */

.pagination-wrapper button:last-child{

    border-right:none;

}



/* numbers */

.pagination-wrapper .page{

    min-width:40px;

    color: #6B7280;

    font-size: 12px;

    font-weight: 600;

}



/* active */

.pagination-wrapper .page.active{

    background:#F9FAFB;

    color: #00459E;

    font-weight:600;

}



/* dots */

.pagination-wrapper .dots{

    cursor:default;

    color:#6b7280;

}



/* nav buttons */

.pagination-wrapper .nav-btn{

    display:flex;

    align-items:center;

    gap:6px;

}



/* arrows */

.pagination-wrapper .arrow{

    font-size:16px;

        transform: rotate(0);

        align-items: center;

}



.pagination-wrapper .arrow i{

    color: #4B5563;

}





















/*========newly-launched-projects======*/





.newly-launched-projects {

    padding: 40px 0;

}



.newly-launched-projects .top-contains h2 {

    font-size: 32px;

    font-weight: 600;

    color: #242424;

    gap: 20px;

    display: flex;

    align-items: center;

}



.newly-launched-projects .top-contains h2 button {

    background: #FCC020;

    color: #000;

    border: none;

    border-radius: 5px;

    padding: 10px;

    font-size: 16px;

    font-weight: 800;

}



.newly-launched-projects .top-contains p {

    color: #6B7280;

    font-size: 16px;

    font-weight: 400;

}



.newly-launched-projects .live {

    background: #FCC020 !important;



    color: #000;

}



.newly-launched-projects .price-row {

    display: flex;

    justify-content: flex-start;

    margin-top: 15px;

    gap: 20px;

}



.newly-launched-projects .old-price {

    color: #9CA3AF;

    font-size: 16px;

    font-weight: 600;

}



.header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 25px;

}





.card {

    border-radius: 18px;

    overflow: hidden;

    background: #fff;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

    transition: 0.3s;

    border: none;

}



.top-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    gap: 6px;

}



.top-badges span {

    font-size: 11px;

    padding: 4px 8px;

    border-radius: 6px;

    background: #ffffff;

    color: #00459E;

    font-weight: 700;

}



.btn-tab i {

    margin-right: 5px;

}



.top-badges-2 {

    position: absolute;

    top: 12px;

    right: 12px;

    display: flex;

    gap: 6px;

    align-items: center;

}



.content {

    padding: 16px;

}



.title-row {

    display: flex;

    justify-content: space-between;

}



.views {

    font-size: 13px;

    color: #00459E;

    font-weight: 600;

}



.location {

    font-size: 11px;

    color: gray;

    margin: 6px 0 12px;

}



.location span {

    font-size: 11px;

    color: #00459E;

    font-weight: 500;

}





.new-price {

    color: #242424;

    font-size: 20px;

    font-weight: 700;

}



.save {

    background: #E6FFFA;

    color: #23A192;

    padding: 6px 12px;

    border-radius: 8px;

    margin: 10px 0;

    font-size: 11px;

    font-weight: 600;

}



.progress-top {

    margin-top: 20px;

    padding: 10px 0;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

}



.bar {

    height: 6px;

    background: #e5e7eb;

    border-radius: 10px;

    margin-top: 5px;

}



.fill {

    height: 100%;

    width: 50% !important;

    border-radius: 10px;

    background: linear-gradient(90deg, #2563eb 0%, #0FA4E9 100%);

}





.progress-bottom {

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

}



.progress-bottom span {

    color: #242424;

    font-size: 12px;

    font-weight: 500;

}



.locked {

    color: #F59E0B !important;

    font-size: 12px;

    font-weight: 500;

}



.progress-bottom i {

    color: #EF4444;

    margin-right: 7px;

}





.footer-btn {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

    gap: 20px;

}





.newly-launched-projects .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 45px;

    /*width: 100%;*/

}



.newly-launched-projects .join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 25px;

    font-size: 14px;

    font-weight: 600;

    width: 100%;

}



.card .image img {

    width: 100%;

    height: 289px;

    object-fit: cover;

}



.top-badges-2 i {

    background: #fff;

    color: #000;

    border-radius: 50px;

    padding: 13px 20px;

    align-items: center;

    text-align: center;

    justify-content: center;

    display: flex;

    font-size: 14px;

}



.actions .dealsbtn

 {

    color: #00459E;

    border: none;

    border-radius: 50px;

    padding: 10px 5px;

    font-size: 16px;

    font-weight: 700;

}

























/*========recommended======*/







.recommended {

    padding: 40px 0;

}





.recommended .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 25px !important;

    color: #00459e;

    

}



.recommended .join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 30px !important;

    font-size: 14px;

    font-weight: 600;

}





.recommended .top-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    gap: 13px;

    flex-wrap: wrap;

    width: 300px;

}



.recommended .title-row h3 {

    font-size: 20px;

    font-weight: 700;

    color: #242424;

}



.recommended .location {

    font-size: 11px;

    color: #4B5563;

    margin: -2px 0 12px;

    font-weight: 400;

}



.recommended .label {

    font-size: 11px;

    font-weight: 600;

    color: #4B5563;

    margin-bottom: 5px;



}



.recommended .new-price {

    font-size: 20px;

    font-weight: 700;

    color: #242424;



}





.tags {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

}



.tags span {

    background: #EAF3FF;

    font-size: 12px;

    font-weight: 600;

    padding: 5px 13px;

    border-radius: 50px;

    color: #00459E;

}





.price-row {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

}





button.btn.btn-primary.add-btn {

    background: #00459e !important;

    color: #fff;

    padding: 8px 20px;

    /* font-size: 9px; */

}

























.right-side-badge-btn {

    display: flex;

   

    align-items: center;

    gap: 10px;

}



.badge-btn,

.badge-chip,

.badge-chip-icon {

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 8px 14px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    white-space: nowrap;

}



/* Rating Badge */

.badge-btn:first-child {

    background: #fff7e6;

    color: #ff9800;

    border: 1px solid #ffd699;

}



/* Developer Badge */

.badge-btn:nth-child(2) {

    background: #f3f4f6;

    color: #333;

    border: 1px solid #ddd;

}



/* Joined Today Badge */

.badge-chip {

      margin: 0;

    margin-left: 0;

    padding: 6px 44px 6px 6px;

    display: flex;

    align-items: center;

    /* justify-content: center; */

    gap: 0;

    text-align: left;

}



.badge-chip p {

    display: flex;

    align-items: center;

    gap: 6px;

    margin: 0;

}



/*.badge-chip img {*/

/*    width: 16px;*/

/*    height: 16px;*/

/*    object-fit: contain;*/

/*}*/



/* Viewed Badge */

.badge-chip-icon {

        /* background: #eef5ff; */

    /* border: 1px solid #cfe2ff; */

    /* color: #0d6efd; */

    padding: 6px 25px;

}



.badge-chip-icon i {

    font-size: 15px;

}



/* Tablet */

@media (max-width: 768px) {

    .right-side-badge-btn {

        gap: 8px;

    }



    .badge-btn,

    .badge-chip,

    .badge-chip-icon {

        font-size: 13px;

        padding: 7px 12px;

    }

}



/* Mobile */

@media (max-width: 576px) {

    .right-side-badge-btn {

        flex-direction: column;

        align-items: flex-start;

        width: 100%;

    }



    .badge-btn,

    .badge-chip,

    .badge-chip-icon {

        width: 100%;

        justify-content: center;

        text-align: center;

        white-space: normal;

        padding: 10px 12px;

    }



    .badge-chip p {

        justify-content: center;

    }

}



/* Extra Small Devices */

@media (max-width: 375px) {

    .badge-btn,

    .badge-chip,

    .badge-chip-icon {

        font-size: 12px;

        padding: 8px 10px;

    }

}











.sidebar.filter-hidden {

    display: none !important;

}







.sidebar.filter-hidden ~ .main-content,

.sidebar.filter-hidden + .main-content {

    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;

}













.card-main{

    display:flex;

    gap:20px;

}



.card-main .left{

    flex:0 0 320px; /* image section width */

    max-width:320px;

    position:relative;

}



.card-main .left a{

  
    width:100% !important;

}



.card-main .left img{

    width:100% !important;

    

    object-fit:cover;

}



.card-main .right{

    flex:1;

    min-width:0;

}























  .form-select {

width: 100%;

    /*height: 50px;*/

    padding: 10px 42px 10px 14px !important;

    border: 1px solid #d7dde8;

    border-radius: 8px;

    background-color: #fff;

    color: #111827;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.4;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    cursor: pointer;

    box-shadow: none !important;

}