@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;*/

/*}*/



.main_header {

    position: relative;

    background-color: #fff;

}



.main_header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

    /* -webkit-animation: smoothScroll 1s forwards;

animation: smoothScroll 1s forwards; */

    box-shadow: var(--bs-box-shadow) !important;

}



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

    }

}



.main_header .navbar-brand {



    margin-top: 0px;

    padding: 0px 10px 0;

    z-index: 0;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    display: flex;

}



.main_header .navbar-brand .logo-2 {

    display: none

}



.main_header.sticky .navbar-brand {

    padding: 5px 10px 0;

    background-color: inherit;

    z-index: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

}



.main_header.sticky .navbar-brand .logo-1 {

    display: none

}



.main_header.sticky .navbar-brand .logo-2 {

    display: block

}



.main_header.sticky .navbar-brand::after {

    display: none;

}



.bg_blue {

    background: #00459E;

}



.topmain_section {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 4px 0px;

}



.top_left {

    display: flex;

    /*align-items: center;*/

}



.top_right {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}



.sell_avamartmain {

    display: flex;

    gap: 5px;

    justify-content: space-between;

    align-items: center;

}



.sell_avamartmain img {

    width: auto;

}



.sell_avamartmain p {

    margin: 0px;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

}



.sell_avamartmain p span {

    color: #FFCC4B;

}



.link_button {

    gap: 20px;

    display: flex;

}



.link_button a {

    color: #00459E;

    font-size: 12px;

    font-weight: 700;

    background: #fff;

    border-radius: 30px;

    padding: 8px 16px;

}



.google_tral {

    position: relative;

}



.header_mid_mainsection {

    border-bottom: solid 1px rgba(0, 0, 0, 0.1);

}



/* Default select styling */

.google_tral .form-select {

    width: 100%;

    padding: 12px 45px 12px 15px;

    font-size: 14px;

    font-weight: 600;

    border: none;

    border-radius: 0px;

    background-color: transparent;

    appearance: none;

    cursor: pointer;

    transition: all 0.2s ease;

    color: #fff;

    box-shadow: none;

}



.google_tral .form-select:focus {

    outline: none;

    border-color: #4285f4;

    box-shadow: none;

}



.google_tral .form-select option {

    color: #000;

}



/* Custom arrow styles */

.google_tral::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    width: 0;

    height: 0;

    pointer-events: none;

}





/* Arrow Style 4 - Modern Arrow */

.arrow-4::after {

    width: 10px;

    height: 10px;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

    transform: translateY(-70%) rotate(45deg);

}



/* header mid section start */

.header_mid_section {

    display: flex;

    justify-content: space-between;

    padding: 15px 0px;

}



.header_mid_right {

    display: flex;

    justify-content: space-around;

    gap: 40px;

}



.mid_cart_section {

    display: flex;

    justify-content: space-around;

    gap: 20px;

    align-items: center;

}



.mid_cart_section a {

    position: relative;

}



.mid_cart_section a span {

    position: absolute;

    top: -5px;

    right: -14px;

    background: #DC2626;

    width: 20px;

    height: 20px;

    border-radius: 100px;

    padding: 2px;

    color: #fff;

    font-weight: 600;

    font-size: 12px;

    line-height: 16px;

    text-align: center;

}



.sign_main a {

    display: flex;

    justify-content: space-around;

    gap: 6px;

    padding: 8px 12px 8px 12px;

    line-height: 20px;

    background: #F0F0F0;

    border-radius: 32px;

    align-items: center;

}



.sign_main a img {

    width: auto;

}



.sign_main a p {

    margin: 0px;

    color: #242424;

    font-weight: 600;

    font-size: 14px;

}





.dropdown-toggle {

    background-color: rgba(240, 240, 240, 1);

    border-color: rgba(240, 240, 240, 1);

    gap: 4px;

    padding: 10px 12px 10px 20px;

    border-radius: 30px;

    font-family: Inter;

    font-weight: 500;

    font-style: Medium;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0%;

    color: rgba(75, 85, 99, 1);

}







.dropdown-menu.show {

    padding: 0px !important;

    background: #fff;

}



.dropdown-menu li a {

    padding: 6px 12px;

    font-family: Inter;

    font-weight: 500;

    font-style: Medium;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0%;

    color: rgba(75, 85, 99, 1) !important;

}



.dropdown-menu li a:hover {

    color: #fff !important;

    background-color: rgb(0 69 158);

}



.dropdown-menu li a.active {

    color: #fff !important;

    background-color: rgb(0 69 158);

}





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

.site_main {}



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

.hero-section {

        margin-top: 12rem;



}





/* 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: 13px;

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

/*}*/



.partner li a {
    color: #00379C;
    margin-bottom: 12px;
    display: block;
    transition: all 0.3s ease-in-out;
    border: solid 1px #00379C;
    border-radius: 20px;
    padding: 5px 3px;
    text-align: center;
}



.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======*/





















.site_main {

    margin-bottom: 80px;

    background-color: #f5f5f52c;



}



.hero_banner {

    position: relative;

    width: 100%;

    height: 70vh;

    /* Using a similar high-quality interior background */

    background: url('../images/home/hero-banner.png') no-repeat center center/cover;

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;

    align-items: center;

    text-align: center;

    padding: 20px;

    border-radius: 32px;

}











/* Text */

.hero-section .hero-content {



    text-align: center;

    color: white;

    top: 35%;

}



.hero-section .hero-content h1 {

    font-size: 48px;

    font-weight: bold;

    color: #fff;

    z-index: 999;

}



.hero-section .hero-content p {

    margin-top: 10px;

    font-size: 18px;

    color: #fff;

}



/* Search Card */

.hero-section .search-card {

    position: absolute;

    bottom: -70px;

    width: 75%;

    background: #ffffff;

    border-radius: 16px;

    padding: 20px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);



}



/* Tabs */

.hero-section .tabs {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

}



.hero-section .tabs span {

    margin-right: 20px;

    color: #666;

    cursor: pointer;

}



.hero-section .tabs .active {

    font-size: 16px !important;

    color: #00459E !important;

    border-bottom: 2px solid #00459E;

    padding-bottom: 5px;

    background: none;

    background: linear-gradient(180deg, #E6F0FF00 0%, #E6F0FF 100%);

    font-weight: 700 !important;

    padding: 16px;

}



.hero-section .tabs .tab{

    color: #838383;

    font-size: 16px;

    font-weight: 500;

}



.hero-section .post-property {

    margin-left: auto;

    color: #00459E;

    font-size: 14px;

    display: flex;

    font-weight: 700;

    gap: 5px;

    align-items: center;

}



.hero-section .post-property img {

    width: 25px;

    height: 25px;

}





.hero-section .free {

    background: green;

    color: #fff !important;

    font-size: 10px;

    padding: 2px 6px;

    font-weight: 600;

    border-radius: 4px;

}



/* Search Box */

.hero-section .search-box {

    display: flex;

    gap: 10px;

    margin-top: 15px;

}



.hero-section .search-box select,

.search-box input {

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 6px;

    outline: none;

}



.hero-section .search-box select {

    width: 200px;

}



.hero-section .search-box input {

    flex: 1;

}



.hero-section .search-box button {

    background: #00459E;

    color: white;

    border: none;

    padding: 0 35px;

    border-radius: 25px;

    cursor: pointer;

    gap: 12px;

}



.hero-section .search-box .search-icon i {



    margin-right: 7px;

}



.hero-section .search-box button:hover {

    background: #00459E;

}



.ava {

    padding: 160px 0 35px 0;

    text-align: center;

}



.ava h3 {

    font-size: 36px;

    font-weight: 600;

    padding-bottom: 50px;

}





.ava .card {

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid #0000001A;

    text-align: left;

    padding: 20px 10px;



    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);



}





.icon-img {

    width: 80px !important;

    height: 80px !important;

    margin-bottom: 10px;



}



.ava .card h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 10px;



}



.ava .card p {

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 20px;

    color: #6B7280;

}





.ava .card button {

    font-size: 12px;

    font-weight: 700;

    color: #00459E;

    border: 1px solid #C6DFFF;

    padding: 5px 20px;

    border-radius: 25px;

    background: #EAF3FF;

    margin-top: 20px;

}











/*========group-deals======*/



.group-deals {

    padding: 40px 0;

}



.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;


}



.card:hover {

    transform: translateY(-6px);

}



.image {

    position: relative;

}







.top-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    gap: 6px;

}



.top-badges-2 {

    position: absolute;

    top: 12px;

    right: 12px;

    display: flex;

    gap: 6px;

    align-items: center;

}



.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;



}



.top-badges span {

    font-size: 11px;

    padding: 4px 8px;

    border-radius: 6px;

    background: rgba(255, 255, 255, 0.9);

}



.live {

    background: #0d6efd !important;

    color: white;

}



.bottom-chip {

    position: absolute;

    bottom: 12px;

    right: 12px;

    background: white;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 13px;

    display: flex;

    width: 40%;

    align-items: center;

    justify-content: center;

    font-weight: 700;

}



.bottom-chip img {

    width: 40px;



    margin-right: 5px;

}



.content {

       padding: 28px 16px;

}



.title-row {

    display: flex;

    justify-content: space-between;

}



.title-row h3{

    font-size: 20px;

    font-weight: 700;

}





.views {

       font-size: 14px;

    color: #00459E;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 3px;

}



.views  img{

     width: 20px;

     

}



.location {

    font-size: 11px;

    color: gray;

    margin: 0px 0 15px;

    font-weight: 400;

}



.location span {

    font-size: 11px;

    color: #00459E;

    font-weight: 500;

}



.tags {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

}



.recommended .tags{

    padding: 5px 0;

}



.tags span {

background: #EAF3FF;

    font-size: 11px;

    font-weight: 600;

    padding: 4px 10px;

    border-radius: 50px;

    color: #00459E;

    border: 1px solid #C6DFFF;

}



.price-row {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

}



.label {

       font-size: 11px;

    color: #4B5563;

    font-weight: 600;

    margin-bottom: 0;

}



.new-price {

    color: #242424;

    font-size: 20px;

    font-weight: 700;

}



.label2 {

    font-size: 11px;

    color: #6B7280;

    font-weight: 600;

    margin-bottom: 0;

}



.old-price {

    text-decoration: line-through;

    color: #6B7280;

    font-size: 16px;

    font-weight: 700;

    text-align: right;

}



.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;

}





.progress-bottom {

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

}



.locked {

    color: #F59E0B !important;

    font-size: 12px;

    font-weight: 500;

}



.progress-bottom span {

    color: #242424;

    font-size: 12px;

    font-weight: 500;

}



.progress-bottom i {

    color: #EF4444;

    margin-right: 7px;

}





.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%);

}



.fill.full {

    width: 100%;

}



.footer-btn {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

}



.view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 40px;

    font-size: 12px;

    font-weight: 600;

}



.join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 50px;

    font-size: 14px;

    font-weight: 600;

}





.btn-tab {

    color: #00459E;

    font-size: 12px;

    font-weight: 700;

}



.btn-tab i {



    margin-right: 5px;

}





.actions {

    gap: 20px;

    display: flex;

    margin-top: 15px;

}



.actions button {

    color: #00459E;

    font-size: 14px;

    font-weight: 600;

    border: none;

    background: white;

    border: 1px solid #D1D5DB;

}



.actions .outline {

border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 0px 25px;

}



.actions .dealsbtn {

    color: #00459E;

    border: none;

    border-radius: 50px;

    padding: 10px 5px;

    font-size: 16px;

    font-weight: 700;

}







/*======  trending-deals ======*/





.trending-deals {

    padding: 40px 0;

}



.trending-deals .top-contains h2 {

    font-size: 32px;

    font-weight: 600;

    color: #242424;

    gap: 20px;

    display: flex;

    align-items: center;

}



.trending-deals .top-contains h2 button {

    background: #FCC020;

    color: #000;

    border: none;

    border-radius: 5px;

    padding: 10px;

    font-size: 16px;

    font-weight: 800;

}



.trending-deals .top-contains p {

    color: #6B7280;

    font-size: 16px;

    font-weight: 400;

}



.trending-deals .live {

    background: #FCC020 !important;

    color: #000;

    font-weight: 700;

}



.trending-deals .price-row {

    display: flex;

    justify-content: flex-start;

    margin-top: 15px;

    gap: 20px;

    align-items: center;

}



.trending-deals .old-price {

    color: #9CA3AF;

    font-size: 16px;

    font-weight: 600;

}



.deal-week{

    padding: 50px 0;

}



.deal-week h3{

    font-size: 32px;

    font-weight: 600 !important;

}



.deal-week .text-muted{

    font-size: 16px;

    color:#6B7280 !important;

    font-weight: 400 !important;

}





/*======  trending-deals css end ======*/









#mainImage {

    border-radius: 20px;

}



.deal-code {

    border: none;

    border-radius: 20px;

    box-shadow: 20px 40px 100px 0px #00000014 !important;

}



.bottom-info {

    position: absolute;

    bottom: 135px;

    left: 5px;

    padding: 10px;

    align-items: center;

    justify-content: space-between;

}



.bottom-info .badge {

    background-color: #24242499;

    color: white;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 12px;

    font-weight: 600;

}



.group-live {

    border-radius: 4px;

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

    padding: 5px 8px;

    color: #fff;

    font-size: 12px;

    font-weight: 600;

}



.group-buyimg .badge {

   color: #00459E;

    padding: 5px 8px;

    font-size: 12px;

    font-weight: 600;

    border-radius: 4px;

}



.right-side-content h4 {

    font-size: 28px;

    font-weight: 700;

    color: #242424;

}



.skylark {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 10px;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

    justify-content: space-between;

}



.expires {

    background-color: #CC0D39;

    border-radius: 4px;

    padding: 3px 8px;

    color: #fff;

    border: none;

    font-size: 11px;

    font-weight: 600;

}



.right-side-top p {

    font-size: 11px;

    font-weight: 500;

    color: #242424;

    margin-top: 10px;

}





.right-side-top p i {

    color: #EF4444;

    margin-right: 5px;

}





.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: 5px 12px;

    border: 1px solid #D1D5DB;

    align-items: center;



}



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

    color: #FF9500;

    font-size: 12px;

    margin-right: 3px;

    align-items: center;

}



.badge-chip {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 20px;

    color: #242424;

    font-size: 12px;

    font-weight: 600;



}



.badge-chip p {

        display: flex;

    align-items: center;

    gap: 2px;

    margin-bottom: 0;

    font-size: 12px;

    font-weight: 600;

    color: #242424;

}



.badge-chip img {

    width: 40px;

    margin-right: 5px;

}



.badge-chip-icon {

    background-color: #EAF3FF;

    color: #00459E;

    padding: 3px 8px;

    border-radius: 20px;

    font-size: 11px;

    font-weight: 700;



}



.badge-chip-icon i {

    margin-right: 7px;

}



.price-box {

    background-color: #F9FAFB;

    padding: 15px 20px;

    border-radius: 10px;

    margin-top: 20px;

    border: 1px solid #0000001A;



}



.price-box .price-row {

    display: flex;

    justify-content: flex-start;

    gap: 10px;

    margin-top: 0px;

    align-items: center;

}



.price-box  .old-price{

        text-decoration: line-through;

    color: #6B7280;

    font-size: 18px;

    font-weight: 500;

    text-align: right;

}



.text-success {

    color: #00BFA5 !important;

    font-size: 12px;

    font-weight: 600;

}



.table-box {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 15px;

    color: #242424;

    font-size: 12px;

    font-weight: 600;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 10px;

}



.table-box .col .text-muted {

        color: #4B5563 !important;

    font-size: 11px;

    font-weight: 600 !important;

}



.table-box .fw-semibold {

    font-size: 16px;

    color: #00459E;

    font-weight: 700 !important;

}



.table-box .color-black{

    font-size: 16px;

    color: #000;

    font-weight: 700 !important;

}



.price-box p {

    font-size: 12px;

    font-weight: 400;

    color: #6B7280;

    padding-top: 10px;

        margin-bottom: 0;

}





.price-progress .progress-top {

    margin-top: 12px;

    padding: 10px 0;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

}





.price-progress .progress-bottom {

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

}



.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-list {

    margin-top: 20px;

}



.right-side-list li {

    font-size: 12px;

    font-weight: 400;

    color: #242424;

    line-height: 2;



}



.btn-primary {

    background-color: #00459E;

}



.right-side-buttons .btn-primary {

    background-color: #00459E;

    border: none;

    border-radius: 20px;

    padding: 10px 80px !important;

        width: 50%;

}



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



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

/*    border-radius: 20px;*/

/*    color: #00459E;*/

/*    font-size: 14px;*/

/*    font-weight: 600;*/

/*    padding: 10px 80px !important;*/

/*}*/





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

    background-color: #ffffff00;

}



.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;

    width: 50%;

}





/*========nearing-completion======*/


.nearing-completion .card {
    height: 100%;
    justify-content: space-between;
}


.nearing-completion {

    padding: 40px 0;

}



.nearing-completion .top-contains h2 {

    font-size: 32px;

    font-weight: 600;

    color: #242424;

    gap: 20px;

    display: flex;

    align-items: center;

}



.nearing-completion .top-contains h2 button {

    background: #CC0D39;

    color: #fff;

    border: none;

    border-radius: 5px;

    padding: 4px 10px;

    font-size: 20px;

    font-weight: 600;

}



.nearing-completion .top-contains p {

    color: #6B7280;

    font-size: 16px;

    font-weight: 400;

}



.nearing-completion .live {

    background: #FFFFFF !important;

    font-size: 11px;

    font-weight: 700;

    color: #00459E;

}



.nearing-completion .price-row {

    display: flex;

    justify-content: flex-start;

    margin-top: 15px;

    gap: 20px;

}







.nearing-completion .left {

    background-color: #FEF2F2;

    color: #EF4444;

    font-size: 11px;

    font-weight: 700;

}



.nearing-completion .bottom-chip {

    position: absolute;

    bottom: 12px;

    right: 12px;

    background: white;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 13px;

    display: flex;

    width: 40%;

    align-items: center;

    justify-content: center;

    font-weight: 700;

}



.nearing-completion .bottom-chip img {

    width: 40px;



    margin-right: 5px;

}









.nearing-completion .price-row {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

}



.nearing-completion .label {

    font-size: 11px;

    color: #4B5563;

    font-weight: 600;

    margin-bottom: 0;

}



.nearing-completion .new-price {

    color: #242424;

    font-size: 20px;

    font-weight: 700;

}



.nearing-completion .label2 {

    font-size: 11px;

    color: #4B5563;

    font-weight: 600;

    margin-bottom: 0;

}



.nearing-completion .old-price {

    text-decoration: line-through;

    color: #9CA3AF;

    font-size: 16px;

    font-weight: 600;

}







.nearing-completion .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

        padding: 10px 25px;

    color: #00459E;

    font-size: 14px;

    font-weight: 600;

}



.nearing-completion .join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 25px;
    

    font-size: 14px;

    font-weight: 600;

}





.nearing-completion .btn-tab {

    color: #00459E;

    font-size: 11px;

    font-weight: 700;

    display: flex;

    align-items: center;

    padding: 4px 10px

}



.nearing-completion .progress-top {

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

    font-size: 12px;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

}



.btn-tab i {



    margin-right: 5px;

}





/*========group-buying======*/







.group-buying{

    background: #F4F7FB;

    padding: 80px 0;

}





.group-buying h2{

font-weight: 600;

font-size: 36px;

color: #242424;



}









/* Card styling */

.custom-card {

    border-radius: 15px;

    border: none;

    background: #ffffff;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

 padding: 8px 0;

}



/* Step circle */

.step-circle {

    width: 40px;

    height: 40px;

    padding: 20px;

    background: #e9f0ff;

    color: #2b6cff;

    font-weight: bold;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

}



/* Badges */

.custom-badge {

background: #EAF3FF;

    color: #00459E;

    padding: 6px 12px;

    border-radius: 20px;

    font-size: 12px;

    margin-right: 5px;

    font-weight: 600;

    border: 1px solid #C6DFFF;

    margin-top: 10px;

}



/* Video box */

.sidebar-container {
    height: 100%;
    position: relative;

}



.sidebar-container-text {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

}



.sidebar-container-text p {

    color: #fff;

    font-size: 11px;

    font-weight: 500;

    margin: 5px;



}



.sidebar-container-text p i {

    margin-right: 10px;



}



.play-btn {



    background: #00459E;

    color: white;

    padding: 10px 18px;

    border-radius: 30px;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 20px;

}



.play-btn i{

        margin-right: 5px;

}



.custom-card-btn {

        margin-top: 20px;

    display: flex;

    align-items: center;

    gap:5px;

    flex-wrap: wrap;

}



.custom-card-btn .custom-badge {

   background-color: #fff;

    border: 1px solid #C6DFFF;

    padding: 8px 14px;

    font-size: 12px;

    color: #00459E;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 4px;

}









.custom-card-btn .custom-badge img {

   width: 16px;

}





.faq-container {

    padding: 20px 0;

}



.faq-item {

    border-bottom: 1px solid #E9EAEB;

}



.faq-question {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 18px 0;

    cursor: pointer;

    font-size: 16px;

    color: #181D27;

    font-weight: 600;

}





.icon {

    font-size: 22px;

    transition: transform 0.3s;

}



.faq-answer {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.3s ease;

    color: #bbb;

}



.faq-answer p {

    margin: 10px 0 20px;

}



.faq-item.active .faq-answer {

    max-height: 150px;

}



.faq-item.active .icon {

    transform: rotate(45deg);

}







/*========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: 8px;

    align-items: center;

}



.newly-launched-projects .old-price {

    color: #9CA3AF;

    font-size: 16px;

    font-weight: 600;

}







/*========ready-homes======*/











.ready-homes {

    padding: 40px 0;

}



.ready-homes .top-contains h2 {

    font-size: 32px;

    font-weight: 600;

    color: #242424;

    gap: 20px;

    display: flex;

    align-items: center;

}



.ready-homes .top-contains h2 button {

    background: #FCC020;

    color: #000;

    border: none;

    border-radius: 5px;

    padding: 10px;

    font-size: 16px;

    font-weight: 800;

}



.ready-homes .top-contains p {

    color: #6B7280;

    font-size: 16px;

    font-weight: 400;

}



.ready-homes .live {

    background: #FCC020 !important;



    color: #000;

}



.ready-homes .price-row {

    display: flex;

    justify-content: space-between;

    margin-top: 15px;

    gap: 20px;

}



.ready-homes .old-price {

    color: #9CA3AF;

    font-size: 16px;

    font-weight: 600;

}





.ready-homes .group-buying-live {

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

    color: #fff;

}















/*========properties-like======*/



.properties-like {

    padding: 40px 0;

}



.properties-like .property-card {

    border-radius: 15px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);

    transition: 0.3s;

    margin-bottom: 20px;

    padding: 12px 0px;

}



.property-card:hover {

    transform: translateY(-5px);

}



.property-img {

        width: 104px;

    height: 120px;

    border-radius: 10px;

    object-fit: cover;

}



.properties-like .badge {

    background-color: #EAF3FF;

    border: 1px solid #C6DFFF;

    color: #00459E;

    border-radius: 50px;

}



.properties-like .fw-bold {

    font-size: 16px;

    font-weight: 700;

    color: #242424;

}





.top-text {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 8px;

    gap: 25px;

}



.properties-box {

    display: flex;

    align-content: center;

    justify-content: start;

    padding: 0px 10px;

}



.properties-box .badge {

    font-size: 11px;

}





.properties-box .new-price {

    color: #242424;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

}





.properties-box .text-muted i {

    color: #242424;

}





.properties-box .location {

    font-size: 11px;

    color: gray;

    margin: 12px 0 7px;

}





.right-side {

    margin-left: 20px;

}



.properties-like h3 {

    font-size: 32px !important;

    font-weight: 600 !important;

    color: #242424;

}



.properties-like .outline {

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 26px;

    background-color: #fff;

    color: #00459E;

     font-weight: 600;



}

















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







.recommended {

    padding: 40px 0;

}





.recommended .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 20px !important;

    color: #00459E;

}



.recommended .join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 20px !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;



}



.recommended .new-price {

    font-size: 20px;

    font-weight: 700;

    color: #242424;



}





/*========recommended-2======*/



.recommended-2 {

    padding: 40px 0;
        /*display: none;*/

}





.recommended-2 .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 10px 20px !important;

        color: #00459E;

}



.recommended-2 .join-btn {

    background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    padding: 10px 20px !important;

    font-size: 14px;

    font-weight: 600;

}





.recommended-2 .top-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    gap: 13px;

    flex-wrap: wrap;

    width: 300px;

}



.recommended-2 .title-row h3 {

    font-size: 20px;

    font-weight: 700;

    color: #242424;

}



.recommended-2 .location {

    font-size: 11px;

    color: #4B5563;

    margin: -2px 0 12px;

    font-weight: 400;

}



.recommended-2 .label {

    font-size: 11px;

    font-weight: 600;

    color: #4B5563;



}



.recommended-2 .new-price {

    font-size: 20px;

    font-weight: 700;

    color: #242424;



}



















/*========possession-timeline======*/









.possession-timeline .property-card {

    border-radius: 15px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);

    transition: 0.3s;

    margin-bottom: 20px;

    padding: 12px 0px;

}











.card-possession-timeline .right-side {

    width: 100%;

    padding: 0 8px;

}





.card-possession-timeline .tags {

    margin-bottom: 10px;

}



.card-possession-timeline .property-img {

    width: 120px;

    border-radius: 10px;

    object-fit: cover;

    height: auto;

}





.card-possession-timeline {

    background-color: #F3F4F6;

    border: 1px solid #0000001A;

    border-radius: 20px;

    padding: 15px;

}





.card-possession-timeline .price-row {

    display: flex;

    justify-content: space-between;

    margin-top: 5px;

    gap: 10px;

}



.possession-timeline .group-buying-live {

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

    color: #fff;

    font-size: 11px;

    padding: 4px 8px;

    border-radius: 6px;

}





.property-img-custom-height {

    height: 160px !important;

    width: 180px !important;

    object-fit: cover;

}





/*========also-frome======*/



.also-from {

    padding: 40px 0;

}



.also-from h5{

    color: #242424;

    font-size: 32px;

    font-weight: 600;

}



.also-from p{

    color: #6B7280;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 30px;

}





.also-from .text-content {

    padding: 40px 20px;

}



.also-from .text-content h3 {

    font-size: 24px;

    font-weight: 700;

    color: #242424;



}



.also-from .text-content p {

    font-size: 14px;

    font-weight: 400;

    color: #4B5563;

    margin-bottom: 30px;

}





.also-from .text-content .outline {

    border: 1px solid #D1D5DB !important;

    border-radius: 50px;

    padding: 10px 25px;

    color: #00459E;

    font-size: 15px;

    font-weight: 600;

    border: none;

    background: white;

    margin-top: 20px;



}



.imgae-ato {

    position: absolute;

    top: 37%;

    left: 4px;

    border-radius: 20px;

    font-size: 13px;

    display: flex;

    width: 70px;

    align-items: center;

    justify-content: center;

    font-weight: 700;



}



.card-3 .text-content p {

    padding-top: 20px;

}



















/*========top-builders======*/









.tabs {

    border: 1px solid #0000001A;

    border-radius: 40px;

    padding: 6px 6px;

}





.tabs button {

    border-radius: 20px;

    padding: 5px 15px;

    border: none;

    background: transparent;

    color: #00459E;

    font-weight: 600;

    font-size: 14px;

}



.tabs .active {

    background: #00459E;

    color: #fff;

}



.builder-card {

    border-radius: 15px;

    padding: 30px 20px;

    background: #fff;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);

    transition: 0.3s;

    height: 100%;

}







.builder-card:hover {

    transform: translateY(-5px);

}





.builder-card h5 {

    margin-bottom: 14px;

    color: #242424;

    font-size: 20px;

    font-weight: 700;

}



.logo-box {

    width: 45px;

    height: 45px;

    background: #0d47a1;

    color: #fff;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

}



.badge-custom {

    font-size: 11px;

    margin-left: 5px;

    background-color: #EAF3FF;

    border: 1px solid #C6DFFF;

    color: #00459E;

    font-weight: 600;

    padding: 5px 10px;

    border-radius: 20px;



}



.badge-custom i {

    margin-right: 10px;

}



.stats {

    background: #FAFAFA;

    border: 1px solid #F3F4F6;

    border-radius: 12px;

    padding: 10px 16px;

    margin: 15px 0;

    display: flex;

    justify-content: space-between;

    text-align: center;

}



.stats i {

    font-size: 22px;

    color: #00459E;

    padding: 10px 0;

}



.stats div {

    flex: 1;

}



.stats strong {

    display: block;

    font-size: 14px;

    font-weight: 600;

    color: #242424;

}



.stats small {

    color: #4B5563;

    font-size: 11px;

    font-weight: 400;

}



.btn-main {

    background: #00459E;

    color: #fff;

    border-radius: 25px;

    padding: 10px;

    width: 100%;

}



.btn-main:hover {

    background: #00459ee7;

    color: #fff;

}



.builder-card .text-muted {

    color: #242424;

    font: 13px;

    font-weight: 400;

}



.builder-card .text-primary {

    color: #00459E !important;

    font-weight: 600;

    font-size: 14px;

}





/*========estate-guides======*/



.estate-guides {

        padding: 0px 0px 50px;



}





.estate-guides img {

    position: relative;

}





.estate-guides .bottom-info {

    position: absolute;

    bottom: 215px;

    left: 0;

    padding: 10px;

    align-items: center;

    justify-content: space-between;



}



.estate-guides .bottom-info .badge {

    background-color: #24242499;

    color: white;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 12px;

    font-weight: 600;

}



/*========estate-guides======*/







/* Container */

.estate-guides .banner {



    background: #fff;

    border-radius: 20px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);



}



/* LEFT IMAGE */

.estate-guides .banner-left {



    position: relative;

}



.estate-guides .banner-left img {

    height: 330px;

    object-fit: cover;

    border-radius: 20px 0 0 20px;

}



/* Overlay tags */

.estate-guides .overlay-tags {

    position: absolute;

    top: 15px;

    left: 15px;

    display: flex;

    gap: 10px;

}



.estate-guides .tag {

    background: #00000066;

    color: #fff;

    font-size: 12px;

    padding: 6px 10px;

    border-radius: 9px;

}



/* RIGHT CONTENT */

.estate-guides .banner-right {



    padding: 40px 20px;

}



/* Badge */

.estate-guides .badge {

    display: inline-block;

    background: #EAF3FF;

    color: #00459E;

    padding: 6px 12px;

    border-radius: 20px;

    font-size: 12px;

    margin-bottom: 20px;

    border: 1px solid #C6DFFF;

}



/* Title */

.estate-guides .banner-right h2 {

    margin: 0 0 10px;

    font-size: 24px;

    font-weight: 700;

    color: #242424;

}



/* Description */

.estate-guides .banner-right p {

    color: #4B5563;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 400;

}



/* Meta info */

.estate-guides .meta {

    margin: 15px 0;

    font-size: 14px;

    color: #333;

    display: flex;

    gap: 20px;

}



.estate-guides .meta .fa-circle {

    color: #22C55E;

    font-size: 10px;

}



.estate-guides .meta .fa-book {

    color: #1C1C1E;

    font-size: 10px;

}



.estate-guides .meta span {

    display: flex;

    align-items: center;

    gap: 6px;

    font-size: 13px;

    font-weight: 600;

    color: #242424;

}



/* Buttons */

.estate-guides .buttons {

    margin-top: 40px;

}



.estate-guides .btn {

    padding: 10px 20px;

    border-radius: 25px;

    border: none;

    cursor: pointer;

    font-weight: 500;

    margin-right: 10px;

}



.estate-guides .btn-primary {

    background: #0d47a1;

    color: #fff;

}



.estate-guides .btn-outline {

    background: transparent;

    border: 1px solid #D1D5DB;

    color: #00459E;

}



/* Responsive */

@media (max-width: 768px) {

    .estate-guides .banner {

        flex-direction: column;

    }



    .estate-guides .banner-left,

    .estate-guides .banner-right {

        width: 100%;

    }



    .estate-guides .banner-right {

        padding: 20px;

    }

}





















.reviews{

    background: #F0F6FF;



}



.top-rev samp{

    background-color: #FFFFFF;

        padding: 7px 17px;

    border-radius: 8px;

}

.top-rev span {



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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    color: transparent;

    

font-weight: 800;

font-size: 14px;

line-height: 28px;

letter-spacing: 12%;

text-transform: uppercase;





}



.top-rev h2{

font-weight: 600;

font-size: 36px;

color:#242424;

}





.top-rev .text-muted{

    font-weight: 400;

font-size: 18px;

color:#6B7280 !important;

}





.reviews .card-box {

    background: #fff;

    border-radius: 12px;

    padding: 20px;

    margin-bottom: 20px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

}





.reviews .tag {

    background: #eef3ff;

    color: #2d5cff;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: 12px;

    margin-right: 5px;

}



.reviews .btn-yellow {

    background: #ffc107;

    border-radius: 30px;

    padding: 10px;

    font-weight: bold;

}



.reviews .review-img {

    width: 120px;

    border-radius: 10px;

}





.reviews .rating {

    color: #ff9800;

    font-size: 18px;

    text-align: left;

}









.reviews .rating h1 {

    color: #4B5563;

    font-size: 44px;

    font-weight: 700;

}



.rating i {

    color: #FA8232;



    font-size: 18px;

    text-align: left;

}







.card-box .text-muted {

    color: #242424;

    font-size: 14px;

    font-weight: 400;

    text-align: left;

}





.card-box .top-badges {

    display: flex;

    gap: 13px;

    flex-wrap: wrap;

    width: 250px;

    position: unset;

}



.card-box .top-badges .btn-sm {

        border: 1px solid #0000001A;

    color: #4B5563;

    font-size: 12px;

    font-weight: 600;

    padding: 3px 10px;

    border-radius: 50px;

}



.card-box .top-badges .btn-sm:hover {

    background-color: none;

}



.card-box h5 {

    color: #242424;

    font-size: 20px;

    font-weight: 700;

}



.card-box li {

    color: #242424;

    font-size: 14px;

    font-weight: 400;

}



.ft-12 {

    font-size: 17px !important;

}







/* Tabs */

.reviews .tabs {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #0000001A;

    margin-bottom: 20px;

    width: 60%;

    background-color: #fff;

}



.reviews .tabs button {



    color: #838383;



}



.reviews .tabs .active {

    color: #fff;

}















/* Header */

.reviews .card-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #fff;



}



.reviews .user {

    display: flex;

    align-items: center;

    gap: 10px;

}



.reviews .avatar {

    width: 40px;

    height: 40px;

    background: #E5E7EB;

    color: #00459E;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-weight: bold;

}



.reviews .card-header h3 {

    margin: 0;

    font-size: 16px;

    font-weight: 700;

    color: #000000;

}



.reviews .card-header h3 span {

    font-weight: 600;

    color: #23A192;

    font-size: 11px;

    margin-left: 8px;

}



.reviews .card-header p {

    margin: 0;

    font-weight: 500;

    font-size: 12px;

    color: #6B7280;

}



.reviews .card-header .rating p{

    text-align: right;

}



.reviews .rating {

    color: orange;

}



/* Body */

.reviews .card-body {

    display: flex;

    gap: 15px;

    margin-top: 15px;

}



.reviews .card-body img {

    width: 180px;

    border-radius: 10px;

}



.reviews .card-body p {

    font-size: 14px;

    line-height: 1.5;

    color: #4B5563;

}



/* Tags */

.reviews .tags {

    margin-top: 15px;

}



.reviews .tags span {

    display: inline-block;

    background: #EAF3FF;

    color: #1e40af;

    padding: 3px 10px;

    border-radius: 15px;

    font-size: 12px;

    margin-right: 8px;

}





.reviews .card {

    margin-bottom: 20px;

}





.reviews .btn-outline-primary {

    border: 1px solid #D1D5DB !important;

    border-radius: 50px;

    padding: 10px 25px;

    color: #00459E;

    font-size: 15px;

    font-weight: 600;

    border: none;

    background: white;

    margin-top: 20px;



}





/* FAQ */



.faq .faq-title {

    text-align: center;

    margin-top: 50px;

}



.faq .faq-title h1 {

    font-weight: 600;

}



.faq .faq-title p {

    color: #aaa;

}







.faq .tabs button {

    border-radius: 20px;

    margin: 5px;

}



.faq .accordion-item {

    background: transparent;

    border-bottom: 1px solid #222;

}



.faq .accordion-button {

    background: transparent;

    color: #fff;

}



.faq .accordion-button:not(.collapsed) {

    background: transparent;

    color: #fff;

    box-shadow: none;

}



.faq .accordion-body {

    color: #bbb;

}



.faq .btn-primary {

    background-color: #0d6efd;

    border-radius: 30px;

    padding: 12px 25px;

}



.faq .btn-outline-light {

    border-radius: 30px;

    padding: 12px 25px;

}







.faq-title .badge {

       background-color: #EAF3FF;

    color: #0d6efd;

    font-size: 14px;

    padding: 12px;

    font-weight: 800;

}



.faq-title h3 {

    color: #242424;

    font-size: 36px;

    font-weight: 600;

    margin-top: 25px;

}



.faq-title p {

    color: #6B7280 !important;

    font-size: 16px;

    font-weight: 400;

}









.faq .search-box {

    background-color: #fff;

    border-radius: 30px;

    padding: 0px 20px;

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    border: 1px solid #0000001A;

}



.faq .button{

    margin-top: -20px;

}



.faq .search-box input {

    background: transparent;

    border: none;

    outline: none;

    color: #fff;

    width: 100%;

}



.faq .search-box input::placeholder {

    color: #8b949e;

}







.faq .btn-custom {

    border-radius: 25px;

    padding: 10px 18px;

    border: 1px solid #D1D5DB;

    color: #00459E;

    background: transparent;

}



.tabs-btn{

    display: flex;

    justify-content: left;

    align-items: center;

    gap: 10px;

}



.faq .tabs-btn {

    margin-bottom: 20px;

}



.faq .view-btn {

    border: 1px solid #d1d5db;

    background: white;

    border: 1px solid #D1D5DB;

    border-radius: 50px;

    padding: 8px 20px;

}



.join-btn{

background: #00459E;

    color: white;

    border: none;

    border-radius: 50px;

    

    font-size: 12px;

    font-weight: 600;



}

.faq-btn-ft{

    margin-bottom: 20px;

}



.faq-btn-ft .btn-primary{

    background-color: #00459E;

    border-radius: 30px;

    padding: 10px 40px;

    color: #fff;

}



.faq-btn-ft .btn-outline-light{

    border: 1px solid #D1D5DB;

    border-radius: 30px;

    color: #00459E !important;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 40px;

    color: #fff;

}



.disclaimer strong{

    color: #555555;

    font-size: 16px;

    font-weight: 700;

}



.faq .disclaimer p{

    padding-top: 10px;

    color: #6B7280;

    font-size: 15px;

    font-weight: 500;

}



.faq .disclaimer {

    background: #EAF3FF;

    

    padding: 20px;

    border-radius: 8px;

    margin-top: 20px;

    border-left: #7CB5FF solid 2px;

    color: #555555;

    font-size: 15px;

    font-weight: 400;

}



.faq .disclaimer span{

    color: #00459E;

    font-size: 14px;

    font-weight: 700;

}

















.faq-accordion {

  max-width: 700px;

  margin: 50px auto;

}



.faq__item {

  background: #fff;

  border-radius: 10px;

  margin-bottom: 15px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.05);

  overflow: hidden;

}



.faq__question {

  width: 100%;

  padding: 18px 20px;

  font-size: 16px;

  font-weight: 600;

  text-align: left;

  border: none;

  background: none;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.faq__icon {

  font-size: 22px;

  transition: transform 0.3s;

}



.faq__item.active .faq__icon {

  transform: rotate(45deg); /* turns + into × */

}



.faq__answer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.3s ease;

  padding: 0 20px;

}



.faq__answer p {

  margin: 10px 0 20px;

  color: #555;

}











/*.main_header {*/

/*  width: 100%;*/

/*  position: relative;*/

/*  transition: all 0.3s ease;*/

/*  z-index: 999;*/

/*}*/



/* Fixed class after scroll */

.main_header.fixed {

  position: fixed;

  top: 0;

  left: 0;

  background: #fff; /* ya jo bhi color chahiye */

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

  animation: slideDown 0.3s ease;

}



#lens {

  position: absolute;

  border: 2px solid #000;

  width: 120px;

  height: 120px;

  display: none;

  pointer-events: none;

border-radius: 5px;

  background-color: rgba(255, 255, 255, 0.7);

}



#zoomResult {

  position: absolute;

  top: 0;

  left: 105%;

  width: 100%;

  height: 600px;

  border-radius: 12px;

  background-repeat: no-repeat;

  background-size: cover; /* 👈 GAP FIX */

  display: none;

  overflow: hidden;

  border-radius: 16px;

}



.thumbnail-strip .thumb {

        height: 88px;

    border-radius: 10px;

    object-fit: cover;

    width: 115px !important;

    opacity: 0.5;

}

.thumbnail-strip .thumb.active{

    opacity: unset;

}



.hero-section .post-property a{

     display: flex;

    gap: 4px;

    align-items: center;

}





#mainImage{

     height: 600px;

}



/* Smooth slide effect */

@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }

  to {

    transform: translateY(0);

  }

}







.emi{

  

font-weight: 400;

font-size: 12px;

color:#6B7280;

}





.recommended-2 .tags{

    padding: 5px 0;

}









.section-box h3{

    font-size: 32px;

    color: #242424;

    font-weight: 600 !important;

}



.section-box .text-muted{

    font-size: 16px;

    color: #6B7280;

    font-weight: 400 !important;

}



.ft-14{

    font-size:14px;

    font-weight: 400;

    color: #242424;

}



.color-g{

    color:#6B7280;

        font-size: 12px;

    font-weight: 400;

}







.reviews-iconimg{

    width: 23px !important;

    height: 13px;

    margin-bottom: 20px;



}





.faq .tabs-btn .join-btn {

    background: #00459E;

    color: white !important;

    border: none;

    border-radius: 50px;

        padding: 10px 14px;

    font-size: 14px;

    font-weight: 600;

}



.ft-color{

        font-size: 12px;

    font-weight: 400;

    font-style: italic;

    color: #242424;

}





.card .image a img{

        height: 293px;

    object-fit: cover;

}

.info-box .tabs .btn:hover {

    background-color: #0f00f900 !important;

    color: #00459E !important;

    border: 1px solid #00459E !important;

}


.also-from .card {
    height: 100%;
        justify-content: space-between;
}

.group-deals .card {
    height: 100%;
        justify-content: space-between;
}


.trending-deals .card {
    height: 100%;
        justify-content: space-between;
}

.nearing-completion .card {
    height: 100%;
        justify-content: space-between;
}

.newly-launched-projects .card {
    height: 100%;
        justify-content: space-between;
}


.ready-homes .card {
    height: 100%;
        justify-content: space-between;
}

.recommended .card {
    height: 100%;
        justify-content: space-between;
}

.recommended-2 .card {
    height: 100%;
        justify-content: space-between;
}

.also-from .card {
    height: 100%;
        justify-content: space-between;
}


.sidebar-container img.img-fluid.rounded {
    height: 100%;
}