@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 {

    background-color: #fff;

         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;

        height: 190px;

}



.main_header.sticky {

    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;

        height: 190px;

}



@-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: 192px;

}

.hero_banner{position: relative;

    width: 100%;

    height: 729px;

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

    background: url('../images/home/hero-banner.svg') 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;

}



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

}



/* Bottom Features Grid */

/*.features-grid {*/

/*    display: grid;*/

/*    grid-template-columns: repeat(4, 1fr);*/

/*    gap: 15px;*/

/*    width: 90%;*/

/*    max-width: 1200px;*/

/*    position: absolute;*/

/*    bottom: 40px;*/

/*    left: 50%;*/

/*    transform: translateX(-50%);*/

/*}*/



.hero-section .feature-item {

    background: #0000004D; /* Transparent dark overlay */

    backdrop-filter: blur(3px); /* Glassmorphism effect */

    padding: 11px 20px;

    border-radius: 12px;

    color: white;

    text-align: left;

    border: 1px solid rgba(255, 255, 255, 0.1); 

}



.hero-section .feature-item strong {

    display: block;

    font-size: 16px;

        font-weight: 700;

    margin-bottom: 0px;

}



.hero-section .feature-item span {

    font-size: 0.85rem;

    opacity: 0.9;

}



/*---------hero section end ------*/



 /* Home & Interior Design end  */



 .assurance-section {

    max-width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding: 96px 0px;

}



/* Header Section */

.assurance_title .badge {

    display: inline-block;

   background: rgba(234, 243, 255, 1);    

    padding: 6px 16px;

    border-radius: 6px;   

    margin-bottom: 25px;

}

.gradient-text {

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

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

   font-size: 0.75rem;

    font-weight: 800;

    letter-spacing: 1.5px;

}



.assurance_title h2 {

    font-size: 2.5rem;

    font-weight: 700;

    margin-bottom: 15px;

    color: #1a1a1a;

}



.subtitle {

    font-size: 1.1rem;

    color: #666;

    margin-bottom: 60px;

}



/* Cards Layout */

.cards-container {

    display: flex;

    justify-content: center;

    gap: 25px;

    flex-wrap: wrap;

}



.card_assurance {

    background: #ffffff;

    border: 1px solid #eee;

    border-radius: 20px;

    padding: 40px 30px;

    flex: 1;

    min-width: 300px;

    max-width: 380px;

    text-align: left; /* Aligns text left as per image */

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    box-shadow: 0 2px 21px #0000000D;

}



.card_assurance:hover {

    transform: translateY(-5px);

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

}



/* Icon Design */

.icon-wrapper {

    width: 80px;

    height: 80px;

    margin-bottom: 30px;

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

}





.icon-wrapper img {

    width: 80px;

    height: 80px;

}

.icon-wrapper img::before {

    transform: rotate(-10deg);

}



/* Card Content Typography */

.card_assurance h3 {

    font-size: 1.5rem;

    font-weight: 700;

    margin-bottom: 15px;

    color: #222;

}



.card_assurance p {

    font-size: 1rem;

    color: #6b7280;

    line-height: 1.6;

}

      /* Home & Interior Design end  */





/* EXECUTION TRANSPARENCY end  */

.transparency-section{}

.transparency-container {   

    display: flex;

    align-items: center;

    gap: 80px;

}



/* Left Column - Mockup Styling */

.mockup-column {

    flex: 1;

    display: flex;

    justify-content: center;

}



.phone-frame {

}





/* Right Column - Content Styling */

.content-column {

    flex: 1.2;

}



.execution-badge {

    display: inline-block;

    background-color: #eef4ff;

    color: #4a86e8;

    padding: 6px 12px;

    border-radius: 6px;

    font-size: 0.75rem;

    font-weight: bold;

    letter-spacing: 1.5px;

    margin-bottom: 25px;

}



.content-column h2 {

    font-size: 2.25rem;

    font-family: Inter;

font-weight: 600;

font-style: Semi Bold;

 margin-bottom: 20px;

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

 background-clip: text;

 color: transparent;

}



.content-column .description {

    font-size: 18px;

    color: #6B7280 !important;

    line-height: 1.6;

    margin-bottom: 40px;

    font-weight: 400;

}



.content-column h3 {

    font-size: 1.5rem;

    margin-bottom: 20px; font-weight: 600;

}



.benefit-list {

    list-style: none;

    padding: 0;

}



.benefit-list li {

    position: relative;

    margin-bottom: 18px;

    color: rgba(107, 114, 128, 1);

    font-size: 1.125rem; font-weight: 400;

}



/*.benefit-list li::before {*/

/*    content: '✓';*/

/*    position: absolute;*/

/*    left: 0;*/

/*    width: 22px;*/

/*    height: 22px;*/

/*    background: #eef4ff;*/

/*    color: rgba(37, 99, 234, 1);*/

/*    border-radius: 50%;*/

/*    display: flex;*/

/*    align-items: center;*/

/*    justify-content: center;*/

/*    font-weight: bold;*/

/*    font-size: 0.8rem;*/



/* EXECUTION TRANSPARENCY end  */      



 /* Everything Your Home Needs Start */

 .everything_needs_section{

     padding: 100px 0px;

     

 }

   .services_title {

            text-align: center;

            margin-bottom: 50px;

        }



        .service-badge {

            display: inline-block;

            background: #e8f0fe;

            color: #1a73e8;

            font-size: 12px;

            font-weight: 700;

            padding: 6px 16px;

            border-radius: 6px;

            letter-spacing: 1px;

            margin-bottom: 16px;

        }



        .services_title h2 {

            font-size: 2.25rem;

            font-weight:600;

            margin-bottom: 24px;

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

            background-clip: text;

            color: transparent;

        }



        .top-stats {

            display: flex;

            justify-content: center;

            gap: 12px;

            flex-wrap: wrap;

        }

        

        .top-stats .stat-pill {

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

            padding: 5px 15px;

            border-radius: 50px;

            font-size: 14px;

            font-weight: 700;

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

             background-clip: text;

            color: transparent;          

        }





        .stat-pill {

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

            padding: 8px 20px;

            border-radius: 50px;

            font-size: 14px;

            font-weight: 700;

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

             background-clip: text;

            color: transparent;          

        }



        /* Grid System */

        .services-grid {

            display: grid;

            grid-template-columns: revert-rule;

            gap: 24px;

            margin: 0 auto;

        }
        
        
            
    a.btn-consult.btn.rounded-pill.px-4.py-2.fw-bold{
            padding: 6px 1px !important;
            font-size: 12px;
    }
    
    a.case-study-link.btn.btn-outline-light.rounded-pill.px-4.py-2.fw-bold {
    padding: 0 !important;
        font-size: 12px;
}



        /* Card Styling */

        .card_everyting {

            background: white;

            border-radius: 20px;

            overflow: hidden;

            display: flex;

            flex-direction: column;

            transition: transform 0.3s ease, box-shadow 0.3s ease;

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

        }



        .card_everyting:hover {

            transform: translateY(-8px);

            box-shadow: 0 12px 30px rgba(0,0,0,0.08);

        }



        .image-wrapper {

            position: relative;

            height: 220px;

        }



        .image-wrapper img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        .category-tag {

            position: absolute;

            top: 12px;

            right: 0px;

            padding: 4px 10px;

                border-radius: 4px 0px 0px 4px;

           font-size: 0.688rem; font-weight: 700;

            color: white;

            text-transform: uppercase;

        }



        .tag-most-chosen {background: linear-gradient(90deg, #FFDC61 0%, #FFC100 100%); color: rgba(36, 36, 36, 1); font-size: 0.688rem; font-weight: 700; }

        .tag-designer { background: linear-gradient(90deg, #2563EA 0%, #0FA4E9 100%); }

        .tag-energy { background: rgba(34, 197, 94, 1); }

        .tag-one-team { background: rgba(107, 114, 128, 1);}



        .card-body_everyting {

            padding: 24px 20px;

            flex-grow: 1;

            display: flex;

            flex-direction: column;

        }



        .card-body_everyting h3 {

            font-size: 1.125rem;

            font-weight: 700;

            margin-bottom: 8px;

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

            background-clip: text;

            color: transparent;

        }



        .card-body_everyting p {

            font-size: 0.875rem;

           background: rgba(107, 114, 128, 1);

           background-clip: text;

           color: transparent;

            margin-bottom: 20px;

            min-height: 42px;

        }



        /* Feature Pills inside Cards */

        .card-features {

            display: flex;

            flex-wrap: wrap;

            gap: 8px;

            margin-bottom: auto; /* Pushes footer to bottom */

        }



        .feature-item {

            font-size: 0.75rem;

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

            padding: 6px 12px;

            border-radius: 50px;

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

            font-weight: 600;

            background: #fff;

            

        }



        /* Footer of Card */

        .card-footer {

            margin-top: 30px;

            display: flex;

            justify-content: space-between;

            align-items: center;

        }



        .btn-consult {

           background: rgba(0, 69, 158, 1);

            color: white;

            padding: 12px 17px;

            border-radius: 50px;

            text-decoration: none;

            font-size: 12px;

            font-weight: 600;

            border: none;

            cursor: pointer;

            transition: opacity 0.2s;

        }



        .btn-consult:hover {

            opacity: 0.9;

        }



        .case-study-link {

            color: rgba(0, 69, 158, 1);

            text-decoration: none;

            font-size: 12px;

            font-weight: 700;

        }



        .case-study-link:hover {

            text-decoration: underline;

        }



 /* Everything Your Home Needs end  */



 /* Modular Interiors start */



  /* --- Tab Navigation --- */

  .modular_interiors_section{padding: 40px 0px;}

        .nav-pills {

            background: transparent;

            /*gap: 10px;*/

        }

        .nav-pills .nav-link {

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

            font-weight: 600;

            padding: 12px 25px;

            border-radius: 50px;

            font-size: 1.125rem;

            transition: all 0.3s ease;

        }

        .nav-pills .nav-link.active {

            background-color: rgba(0, 69, 158, 1);

            

            box-shadow: 0 10px 20px rgba(0, 70, 150, 0.2);

        }



        /* --- Main Featured Card --- */

        .featured-card {

            border-radius: 24px;

            color: white;

            padding: 40px;

            height: 100%;

            display: flex;

            flex-direction: column;

            justify-content: flex-end;

            min-height: 498px;

            position: relative;

            overflow: hidden;

            background-size: cover;

            background-position: center;

            border: none;

        }

        /* Dark Overlay for text readability */

        .featured-card::before {

            content: "";

            position: absolute;

            top: 0; left: 0; right: 0; bottom: 0;

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

           background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

            z-index: 1;

        }

        .featured-card-content {

            position: relative;

            z-index: 2;

        }

.featured-card-content h2{ 

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    

}

.featured-card-content .small  { 

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    

}



.featured-card-content p{ 

    color: #E5E7EB;

    font-size: 14px;

    font-weight: 400;

    

}



.featured-card-content .btn-primary{background: rgba(0, 69, 158, 1); font-size: 0.75rem; font-weight: 600 !important; border-color: rgba(0, 69, 158, 1);     padding: 11px 20px !important;}



.featured-card-content .schedule-btn-consult{background: rgba(0, 69, 158, 1); font-size: 0.75rem; font-weight: 600 !important; border-color: rgba(0, 69, 158, 1);     padding: 11px 20px !important; color:#fff;}





.featured-card-content .btn-primary:hover{ background: transparent;}

.featured-card-content .btn-outline-light{background:transparent; font-size: 0.75rem; font-weight: 600 !important; border: 1px solid rgba(255, 255, 255, 1);}

.featured-card-content .btn-outline-light:hover{border-color: rgba(0, 69, 158, 1); color: rgb(255, 255, 255);}

        .pill-badge {

           background: #FFFFFF38;

    backdrop-filter: opacity(0.5);

    border: 1px solid #FFFFFF4D;

    border-radius: 50px;

    padding: 6px 14px;

    font-size: 12px;

    margin: 0 8px 8px 0;

    display: inline-block;

        }



        /* --- Right Side Cards --- */

       .gallery-item-wrapper {

        position: relative;

    border-radius: 12px;

    overflow: hidden;

    height: 193px;

    }



    .gallery-item-wrapper .gallery-img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

    }



    .gallery-overlay {

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        padding: 10px 12px;

        /* Dark gradient at the bottom for text readability */

        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

        color: white;

    }



    .stars {

        color: #F59E0B; /* Golden yellow for stars */

        font-size: 15px;

        letter-spacing: 1px;

        margin-bottom: 2px;

    }



    .location-text {

        font-size: 12px;

        font-weight: 500;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    

    /* Ensuring the card matches the white box in the image */

    .white-card {

        background: white;

        border-radius: 20px;

        padding: 24px;

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

        height: 100%;

    }

    .see_more{ color: rgba(0, 69, 158, 1)!important; font-size: 0.75rem; font-weight: 700;}

    .title_homeinters{color: rgba(36, 36, 36, 1); font-size: 1.25rem; font-weight: 600;}



        /* --- Step Tracker --- */

        .step_title{ color: rgba(36, 36, 36, 1); font-size: 1.25rem; font-weight:600;}

        .step-container {

            display: flex;

            justify-content: space-between;

            position: relative;

            padding-top: 10px;

        }

        .step-container::before {

            content: "";

            position: absolute;

            top: 25px;

            left: 10%;

            right: 10%;

            height: 1px;

            background: #e0e0e0;

            z-index: 0;

        }

        .step-item {

            position: relative;

            z-index: 1;

            text-align: center;

            width: 15%;

        }

        .step-number {

            width: 32px;

            height: 32px;

            background: rgba(234, 243, 255, 1);

            color:rgba(0, 69, 158, 1);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 auto 12px;

            font-weight: 700;

        }

        .step-text {

            font-size:0.875rem;

            font-weight: 500;

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

        }



        /* --- Checklist --- */

        .check-list {

            list-style: none;

            padding: 0;

        }

        .check-list li {

            margin-bottom: 16px;

            font-size: .875rem;

            display: flex;

            align-items: center;

            font-weight: 400;

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

        }

        /*.check-list li::before {*/

        /*    content: "✓";*/

        /*    background: rgba(87, 160, 255, 0.24);*/

        /*    color: rgba(37, 99, 234, 1);*/

        /*    width: 22px;*/

        /*    height: 22px;*/

        /*    border-radius: 50%;*/

        /*    display: inline-flex;*/

        /*    align-items: center;*/

        /*    justify-content: center;*/

        /*    margin-right: 12px;*/

        /*    font-size: 11px;*/

        /*    font-weight: bold;*/

        /*}*/



        .gallery-img {

            border-radius: 14px;

            width: 100%;

            height: 140px;

            object-fit: cover;

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

        }

        .excludes{ color: rgba(107, 114, 128, 1);font-family: Inter;font-weight: 400;font-style: Regular;font-size: 11px;line-height: 100%;}

 /* Modular Interiors end */



 /* Choose Your Package start */

 .chose_package_section{}

  .header-badge {

           background: rgba(234, 243, 255, 1);

            font-weight: 800;

            font-size: 0.875rem;

            padding: 5px 15px;

            line-height: 28px;          

            border-radius: 5px;

            text-transform: uppercase;

        }

        .packege_title h2{ color: rgba(36, 36, 36, 1); font-size: 2.25rem; font-weight: 600;}

        .packege_title p{ color: rgba(107, 114, 128, 1); font-weight: 400; font-size: 1.125rem;}



        /* Calculator Section */

        .calc-container {

            background: rgba(243, 244, 246, 1);

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

            border-radius: 16px;

            padding: 14px 12px 16px !important;

        }

        .calc-container .text-start{ margin-top: 0px!important;}

        .calc-container label{ color: rgba(75, 85, 99, 1); font-weight: 700; font-size: 10px; margin-bottom: 5px;}

        .calc-container .form-select, .form-control  { margin: 0; padding: 10px 16px;border: 1px solid rgba(0, 0, 0, 0.1); color: rgba(36, 36, 36, 1); font-weight: 500; font-size: 0.875rem;}



        .estimate-box {

           background: linear-gradient(146.07deg, #002A5C -0.78%, #00459E 101.5%);

            color: white;

            border-radius: 12px;

            padding: 14px 32px;

        }

        .estimate-box p{ color: rgba(209, 213, 219, 1); font-size: 0.75rem; font-weight: 600;}

        .estimate-box h4{ font-size: 1.25rem; font-weight: 700; color: #fff; margin: 5px 0px;}

        .estimate-box h4 span{ color: rgba(252, 192, 32, 1);}

        .est_fee{color: rgba(209, 213, 219, 1)!important; font-size: 0.75rem!important; font-weight: 400!important; margin: 0;}



        /* Toggles */

        .form-check-input:checked {

            background-color: #003d8c;

            border-color: #003d8c;

        }

        .myborder{border: 1px solid rgba(209, 213, 219, 1)}

        .myborder .form-check-input{ margin-left: 0!important;margin-right: 5px;}

        .myborder label{ color: rgba(36, 36, 36, 1); font-weight: 400; font-size: 0.875rem;}

        .myborder label .civil_scope{ font-weight: 600;}

        .myborder label .text-primary{ color: rgba(0, 69, 158, 1)!important;}



        /* Pricing Cards */

        .pricing-card {

            background: white;

            border-radius: 20px;

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

            box-shadow: 0px 6px 30.4px 0px rgba(0, 0, 0, 0.05);

            transition: transform 0.3s ease;

            position: relative;

            margin: auto;

            max-width: 393px;

            height: 100%;

            padding: 30px 20px;

        }

         .pricing-card  h5{ font-weight: 600; color: rgba(36, 36, 36, 1); font-size: 1.5rem;}



   .pricing-card.recommended {

  border: 1.5px solid rgba(37, 99, 234, 1);

  border-radius: 24px;  

  box-shadow: 20px 40px 100px rgba(8, 69, 133, 0.15);

  max-width: 414px; 

}





        .recommended-badge {

            position: absolute;

            top: -15px;

            left: 50%;

            transform: translateX(-50%);

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

            color: white;

            padding: 5px 25px;

            border-radius: 20px;

            font-size: 12px;

            font-weight: bold;

        }



        .price-text {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

            font-size: 1.75rem;

            font-weight: 700; color: rgba(0, 69, 158, 1);

        }



        .emi-badge {

        background-color: #EAF3FF;

    color: #00459E;

    font-weight: 600;

    font-size: 13px;

    padding: 8px 16px;

    border-radius: 8px;

    display: inline-block;

    width: 100%;

    margin-bottom: 10px;



        }

        hr{border: 1px solid rgba(0, 0, 0, 0.1)}



        .feature-list {

            list-style: none;

            padding: 0;

            text-align: left;

            font-size: 14px;

        }



        .feature-list li {

            margin-bottom: 12px;

            display: flex;

            align-items: center;

        }



        .feature-list li::before {

          content: '✓';

    width: 20px;

    height: 20px;

    background: #eef4ff;

    color: rgba(37, 99, 234, 1);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    margin-right: 5px;            

        }



        .btn-outline-primary-custom {

          border: 1px solid rgba(209, 213, 219, 1)!important;

            color: rgba(0, 69, 158, 1)!important;

            border-radius: 25px!important;

            padding: 10px 30px!important;

            width: 100%!important;

            font-weight: 600; font-size: 0.875rem;

            background: transparent;

        }

 .btn-outline-primary-custom:hover{background: rgba(0, 69, 158, 1); color: rgba(255, 255, 255, 1)!important;}



        .btn-primary-custom {

           background: rgba(0, 69, 158, 1); color: rgba(255, 255, 255, 1);

            border-radius: 25px;

            padding: 10px 30px;

            width: 100%;

            font-weight: 600; font-size: 0.875rem;

            width: 100%;

        }



        .view-inclusions {

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

            /*text-decoration: underline!important;*/

            font-size: 12px;

            font-weight: 500;

            display: block;

            margin-top: 15px;

        }

       .emi_indicative{ text-align: left; font-size: 12px; color: rgba(107, 114, 128, 1); margin-left: 15px;} 



 /* Choose Your Package end */



/* Explore loan options start */



.loan-section {

        margin: 0px auto;

    padding-top: 0;

    padding-bottom: 60px;

}



.loan-section  .header-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;

}



.loan-section  .header-row h2 {

    font-size: 28px;

    font-weight: 600; color: rgba(36, 36, 36, 1);

}



.loan-section .check_eligibility {

    background-color: #004699;

    color: white;

    border: none;

    padding: 12px 24px;

    border-radius: 25px;

    font-weight: 600;

    cursor: pointer;

     font-size: 0.875rem;

}



/* Card Styling */

.explore_loanslider { padding: 0 70px;}

.loan-card {

    background: #fff;

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

    border-radius: 12px;

    padding: 0px 20px;

    text-align: center;

    transition: transform 0.3s ease;

}



.logo-box {

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 8px;

    margin-bottom: 8px;

}



.logo-box img {

    max-width: 150px !important; /* Owl Carousel forces 100% width, this overrides it */

    width: auto !important;

}



.loan-card h3 {

    color: rgba(0, 69, 158, 1);

    font-size: 0.875rem;

    font-weight: 600;

    margin-bottom: 8px;

}



.loan-card p {

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

    font-size: 0.75rem; font-weight: 500;

}



.disclaimer {

    text-align: center;

    font-size: 12px;

    color: rgba(107, 114, 128, 1);

    font-style: italic;

    margin-top: 30px;

}



/* Navigation Customization */

.owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: white !important;

    border-radius: 50% !important;

    width: 40px;

    height: 40px;

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

    border: 1px solid rgba(36, 36, 36, 0.1);

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

    font-family: bootstrap-icons !important;

}

.owl-nav button:hover {color: rgba(0, 69, 158, 1)!important;}

.owl-nav .owl-prev { left: -5px; }

.owl-nav .owl-next { right: -5px; }

/* Explore loan options end */



/* AVA advantage start */



  :root {

            --myprimary-blue: rgba(0, 69, 158, 1);

            --myprimary-blue-light: rgba(240, 246, 255, 1);

            --mylight-blue: #f0f7ff;

            --mylight-blue-2: #e6f0ff;

            --mysuccess-green: #10b981;

            --mywarning-orange: #f59e0b;

            --mytext-dark: #1f2937;

            --mytext-muted: #6b7280;

            --myborder-color: #e5e7eb;

            --mycard-shadow: 0 4px 20px rgba(0, 70, 153, 0.08);

            --mycard-shadow-hover: 0 10px 30px rgba(0, 70, 153, 0.12);

        }



.ava_advantage_section{background: rgba(240, 246, 255, 1); padding: 86px 0;}



.advantage_header{ text-align: center;}

  .advantage_badge {

    padding: 2px 13px;

    border-radius: 8px;

    background: rgba(255, 255, 255, 1);  display: inline-block;    

}



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



  /* 2. Clip the background to the text */

  -webkit-background-clip: text;

  background-clip: text;  

  /* 3. Make the actual text transparent so the background shows through */

  -webkit-text-fill-color: transparent;

  color: transparent; 

  

  font-weight: bold;

  font-size: 3rem;

  font-weight: 800;font-size: 14px;line-height: 28px;letter-spacing: 12%;text-align: center;vertical-align: middle;text-transform: uppercase;

}



.advantage_header h2{font-weight: 600;font-size: 36px;line-height: 100%;letter-spacing: -1%;text-align: center;  color: rgba(36, 36, 36, 1); margin-top: 24px; margin-bottom: 48px;}



.advantage_container { display: grid; grid-template-columns: 350px 1fr;  gap:32px;  margin: 0 auto;  padding: 0 20px;}

       

 /* Sidebar Styling */

 .sidebar { position: sticky; top: 200px; height: fit-content; }



 .tracker-card {

            background: white;

            padding: 40px 30px;

            border-radius: 20px;

            box-shadow: var(--mycard-shadow);

            text-align: center;

            border: 1px solid var(--myborder-color);

            transition: transform 0.3s ease, box-shadow 0.3s ease;

        }



        .tracker-card:hover {

            transform: translateY(-5px);

            box-shadow: var(--mycard-shadow-hover);

        }



        .progress-circle {

            position: relative;

            width: 160px;

            height: 160px;

            border-radius: 50%;

            margin: 0 auto 30px;

            background: conic-gradient(var(--myprimary-blue) 300deg, var(--mylight-blue) 0deg);

            display: flex;

            align-items: center;

            justify-content: center;

        }



        .progress-circle::before {

            content: '';

            position: absolute;

            width: 120px;

            height: 120px;

            background: white;

            border-radius: 50%;

        }



        .score {

            font-size: 32px;

            font-weight: 700;

            color: var(--myprimary-blue);

            position: relative;

            z-index: 1;

        }



        .progress-text {

            color: var(--mytext-muted);

            font-size: 14px;

            margin-top: 5px;

        }



        .tag-cloud {

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

            gap: 8px;

            margin: 30px 0;

        }



        .tag-cloud span {

            font-size: 12px;

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

            background: #fff;

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

            padding: 6px 12px;

            border-radius: 20px;

            font-weight: 600;

            transition: all 0.2s ease;

        }



        .tag-cloud span:hover {

            background: var(--mylight-blue-2);

            transform: translateY(-2px);

        }



        .btn-primary {

            background: var(--myprimary-blue);

            color: white;

            width: 100%;

            padding: 16px;

            border: none;

            border-radius: 10px;

            font-weight: 600;

            cursor: pointer;

            font-size: 15px;

            transition: all 0.3s ease;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

        }



        .btn-primary:hover {

            background: var(--myprimary-blue-light);

            transform: translateY(-2px);

            box-shadow: 0 6px 12px rgba(0, 70, 153, 0.15);

        }



        /* Step Card Styling */



          



        .steps-list {

            display: flex;

            flex-direction: column;

            gap: 24px;

        }



        .step-card {

            background: white;

            border-radius: 20px;

            display: flex;

            overflow: hidden;

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

            border: 1px solid rgba(0, 0, 0, 0.08);

            transition: all 0.3s ease;

            position: relative;

        }



        .step-card:hover {

            transform: translateY(-5px);

            box-shadow: var(--mycard-shadow-hover);

        }



        .step-card.completed {

            border-left: 5px solid var(--mysuccess-green);

        }



        .step-card.current {

            border-left: 5px solid var(--myprimary-blue);

        }



        .step-card.upcoming {

            opacity: 0.9;

        }



        .step-indicator {

            position: absolute;

            top: 20px;

            right: 20px;

            width: 24px;

            height: 24px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 12px;

            font-weight: 700;

        }



        .step-card.completed .step-indicator {

            background-color: var(--mysuccess-green);

            color: white;

        }



        .step-card.current .step-indicator {

            background-color: var(--myprimary-blue);

            color: white;

        }



        .step-card.upcoming .step-indicator {

            background-color: var(--mylight-blue);

            color: var(--mytext-muted);

        }



        .image-box {

            width: 320px;

            background-size: cover;

            background-position: center;

            flex-shrink: 0;

        }



        .content-box {

            padding: 30px;

            flex: 1;

            position: relative;

        }



        .step-numbermy {font-weight: 700;font-size: 40px;line-height: 100%;letter-spacing: 0%;     opacity: 50%; 

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    color: transparent; }



        .content-box h3 {

            margin: 20px 0 12px 0;

            font-size: 20px;

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

            font-weight: 700;

        }



        .content-box p {

            font-size: 15px;

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

            line-height: 1.6;

            margin-bottom: 20px;

            font-weight: 500;

        }



        .pill-group {

            display: flex;

            gap: 10px;

            flex-wrap: wrap;

        }



        .pill {

            font-size: 12px;

            font-weight: 600;

            color: var(--myprimary-blue);

            background: var(--mylight-blue);

            padding: 8px 16px;

            border-radius: 20px;

            display: flex;

            align-items: center;

            gap: 5px;

            border: 1px solid rgba(198, 223, 255, 1)

        }



        .pill.time {

            background-color: #fffbeb;

            color: var(--mywarning-orange);

        }



        .step-progress {

            display: flex;

            align-items: center;

            margin-top: 20px;

            padding-top: 20px;

            border-top: 1px solid var(--myborder-color);

        }



        .step-progress .label {

            font-size: 13px;

            color: var(--mytext-muted);

            margin-right: 15px;

        }



        .step-progress .status {

            font-size: 13px;

            font-weight: 600;

            padding: 4px 12px;

            border-radius: 20px;

        }



        .status.completed {

            background-color: #d1fae5;

            color: var(--mysuccess-green);

        }



        .status.in-progress {

            background-color: var(--mylight-blue);

            color: var(--myprimary-blue);

        }



        .status.upcoming {

            background-color: #f3f4f6;

            color: var(--mytext-muted);

        }

/* AVA advantage end */



/* Clarity Over Guesswork Start */

.clarity_guesswork_section{ padding: 96px 0px;}



.clarity_guesswork_header_section {

  text-align: center;

  margin-bottom: 60px;

}



.clarity_guesswork_header_section .top-badge {

 

  background: rgba(234, 243, 255, 1);

  padding: 2px 13px; 

  border-radius: 8px; display: inline-block;

}



.clarity_guesswork_header_section h4 span { 

  font-size: 14px;

  font-weight: 800;

  letter-spacing: 1px;

  line-height: 30px;



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

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}





.clarity_guesswork_header_section h2 { font-size: 36px; margin: 0px 0 10px; color: rgba(36, 36, 36, 1); font-weight: 600;}

.clarity_guesswork_header_section p{font-weight: 400;font-size: 18px;line-height: 26px;letter-spacing: -1%;text-align: center;vertical-align: middle; color: rgba(107, 114, 128, 1);}



/* Layout Grid */

.comparison-grid {

  display: flex;

  align-items: center;

  justify-content: center;

}



.card {

  padding: 40px;

  border-radius: 24px;

  position: relative;

}



/* Left Card Styling */

.card-left {

 background: rgba(243, 244, 246, 1);

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

  flex: 1;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  margin-right: -20px; /* Overlap effect */

  padding-right: 60px;

}

.subtitle_main{ font-size: 22px; font-weight: 700; color: rgba(75, 85, 99, 1);}

.card-left .subtitle {

  color: rgba(239, 68, 68, 1);

  font-size: 13px;

  font-weight: 600;

  margin-bottom: 20px;

}

.pill-red-light{background: rgba(254, 242, 242, 1); border: 1px solid rgba(252, 165, 165, 1);border-radius: 50px;border-width: 1px;gap: 8px;

padding-right: 10px;padding-left: 10px; font-size: 11px; font-weight: 600; color: rgba(239, 68, 68, 1); padding: 6px 16px;}



/* Right Card Styling */

.card-right {

  background: white;

  flex: 1.1;

  box-shadow: 0px 20px 40px 0px rgba(0, 69, 158, 0.15);

  position: relative;

  border-radius: 24px;

  z-index: 1;

}



.card-right::before {

  content: "";

  position: absolute;

  inset: 0;

  padding: 1px; /* Border thickness */

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

  border-radius: 24px;



  -webkit-mask: 

    linear-gradient(#fff 0 0) content-box, 

    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

}



.promo-tag {

  position: absolute;

  top: -14px;

  left: 15%;

  transform: translateX(-50%);

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

  padding: 4px 12px;

  border-radius: 5px; color: rgba(255, 255, 255, 1);

   font-size: 12px;

  font-weight: 800;

}

.ava_interios_card_header{display: flex;  justify-content: space-between;  align-items: end;  margin-bottom: 24px;}

.ava_interios_card_headerleft h2{ font-size: 24px; font-weight: 700; color: rgba(75, 85, 99, 1); margin: 0;}

.ava_interios_card_headerleft p{ color: rgba(107, 114, 128, 1); font-size: 13px; font-weight: 500; margin: 0;}

.ava_interios_card_header .rating{color: rgba(255, 149, 0, 1);background: inherit;

    border: inherit;}

.ava_interios_card_header .rating span{color: rgba(34, 197, 94, 1); font-size: 14px; font-weight: 600;}

.check_list_right li{margin-bottom: 16px;

  font-size: 14px;

  display: flex;

  align-items: center; font-weight: 400; color: rgba(36, 36, 36, 1);}

.check_list_right li i{color:rgba(239, 68, 68, 1); font-size: 15px;font-weight: 600; margin-right: 5px;}

.footer_link{color:rgba(239, 68, 68, 1); font-size: 15px;font-weight: 600;}



.footer_link i{

    font-size: 12px;

}





.check_list_right {

  list-style: none;

  padding: 0;

  margin: 0px 0;

}



.check_list_right li {

  margin-bottom: 16px;

  font-size: 14px;

  display: flex;

  align-items: center; font-weight: 400; color: rgba(36, 36, 36, 1);

}

.check_list_right li i { color:rgba(34, 197, 94, 1); font-size: 15px;font-weight: 600; margin-right: 15px; background: rgba(240, 253, 244, 1); width: 20px; height: 20px; border-radius: 50px;text-align: center;}

.check_list_right li span{ color: rgba(0, 69, 158, 1); font-weight: 700;margin-right: 4px;}





/* Lists and Items */

.check_list {

  list-style: none;

  padding: 0;

  margin: 30px 0;

}



.check_list li {



  font-size: 14px;

  display: flex;

  align-items: center; font-weight: 400; color: rgba(36, 36, 36, 1);

}

.check_list li i { color:rgba(239, 68, 68, 1); font-size: 22px;font-weight: 600; margin-right: 5px;}

.footer_link{color:rgba(239, 68, 68, 1); font-size: 15px;font-weight: 600;}



/* Tags and Buttons */

.feature-grid {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 20px;

  border-top: 1px solid #eee;

  padding-top: 25px;

}



.feat-tag {

  background: rgba(234, 243, 255, 1);

  border: 1px solid rgba(198, 223, 255, 1);

  color: rgba(0, 69, 158, 1);

  font-size: 12px;

  font-weight: 600;

  padding: 4px 12px;

  border-radius: 50px;

}



.card-right .actions {

  display: flex;

  gap: 15px;

  margin-top: 30px;flex-direction: row;

}



.get_free {

  background: rgba(0, 69, 158, 1);

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

  border: none;

  flex: 1;

  padding: 14px;

  border-radius: 30px;

  font-weight: 600;

  cursor: pointer; font-size: 14px;

}



.preview_dash {

  background: white;

  border: 1px solid #ccc;

  flex: 1;

  padding: 14px;

  border-radius: 30px;

  font-weight: 600;

  color: rgba(0, 69, 158, 1);

  font-size: 14px;

  cursor: pointer;

}



/* Clarity Over Guesswork end */



/* See Homes Like Yours Start */



   /* Header */

   .seelike_header{ text-align: center; margin-top: 96px;}

   .portfolio_badge_bg{ background: #EAF3FF;  padding: 2px 13px;  border-radius: 8px; display: inline-block;}

        .portfolio-badge {

   

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;



    /* Gradient text */

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.seelike_header h2 { font-size: 36px; margin: 15px 0 5px; font-weight: 600; color: #242424; }

        .subtitle { color: #6B7280; margin-bottom: 30px; font-size: 18px; font-weight: 400; }



        /* Filter Bar */

        .seehome_filter_section {

            background: #F3F4F6;

            border: 1px solid #0000001A;

            border-radius: 16px;

            display: flex;

            padding: 16px 40px;

              justify-content: center; max-width: 848px; margin: auto;margin-bottom: 48px;

        }



        .seehome_filter_section .filter-item {

            flex: 1;

            text-align: left;

            padding: 0 15px;

        max-width: 180px;

        }



        .seehome_filter_section .filter-item:last-child { border-right: none; }

        .seehome_filter_section .filter-item label { display: block; font-size: 12px; font-weight: 700; color:#4B5563; text-transform: uppercase; margin-bottom: 4px; }

        .seehome_filter_section .filter-item select { width: 100%;border: 1px solid #0000001A; padding: 10px 16px; border-radius: 6px; background: white; color: #242424; font-size: 14px; font-weight: 500; }



        /* Project Card */

        #project-container { display: flex; flex-direction: column; gap: 30px; }



        .project-card {

            background: white;

            border-radius: 16px;

            border: 1px solid #0000001A;

            display: flex;

            overflow: hidden;

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

            text-align: left;

        }



        .image-side { flex: 1; position: relative; min-height: 400px; }

        .main-img { width: 100%; height: 460px; object-fit: cover; display: block; transition: 0.3s; }



        .content-side { flex: 1; padding: 40px; position: relative; }

        .status-tag { position: absolute; top: 35px; right: 35px; background: #F0FDF4;border: 1px solid #86EFAC; color: #22C55E; padding: 5px 12px; border-radius: 20px; font-size: 14px; font-weight: 600; }

        .content h2 { margin: 0; font-size: 24px; font-weight: 700; color: #242424; }

        .price { color: #00459E; font-size: 20px; font-weight: 700; margin: 8px 0; }

        .desc { color: #4B5563; font-size: 15px; font-weight: 500; line-height: 1.5; margin-bottom: 20px; }



        .tags-row { display: flex; gap: 10px; flex-wrap: wrap; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 25px; }

        .tags-row .tag { background: #EAF3FF; padding: 6px 12px; border-radius: 50px; font-size: 14px; color: #00459E;

             display: flex; align-items: center; gap: 5px;border: 1px solid #C6DFFF; font-weight: 600; }

        .tags-row .tag-rating { background: #FFFBEB; color: #242424;border: 1px solid #FCD34D; }

        .tags-row .tag-rating i{color: #FF9500;}

        .btn-row { display: flex; gap: 15px; align-items: center;margin-top: 80px; }

        .btn { flex: 1; padding: 12px; border-radius: 30px; font-weight: 600; border: none; cursor: pointer; font-size: 14px; text-align: center; }

        .btn-blue_exp {

            background: #00459E; color: white;

            font-size: 14px !important;

    font-weight: 600;

    padding: 11px 50px !important;

            }

        

        .btn-getlook {

    background: white;

    border: 1px solid #D1D5DB !important;

    color: #00459E;

    font-size: 14px !important;

    font-weight: 600;

    padding: 11px 50px !important;

}

        

        .btn-share { color: #00459E; font-size: 14px; font-weight: 600; cursor: pointer; }

        



        /* Thumbnails */

        .thumb-strip { display: flex; gap: 12px; justify-content: center; margin-top: 25px; }

        .thumb { width: 140px; height: 88px; border-radius: 8px; cursor: pointer; border: 3px solid transparent; overflow: hidden; transition: 0.2s; }

        .thumb img { width: 100%; height: 100%; object-fit: cover;filter: opacity(0.5);

        }

      .thumb.active {

  border: 3px solid transparent;

  border-radius: 6px;

  background: linear-gradient(white, white) padding-box,

              linear-gradient(90deg, #2563EA, #0FA4E9) border-box;

}

 .thumb.active img {filter: blur(0px);

}

        .load-more { margin-top: 40px; background: white;  padding: 12px 35px; border: 1px solid #D1D5DB; border-radius: 30px; color: #00459E; font-size: 14px; font-weight: 600; cursor: pointer; }



 /* --- Grid Layout --- */

        .designer-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

            gap: 30px;

            margin-bottom: 50px;

        }



        /* --- Card Styling --- */

        .meet_team_card {

            background: white;

            border-radius: 20px;

            overflow: hidden;

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

            transition: transform 0.3s ease, box-shadow 0.3s ease;

            display: flex;

            flex-direction: column;

           border: 1px solid #0000001A;

        }



        .meet_team_card:hover {

            transform: translateY(-8px);

            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);

        }



        /* --- Image Section --- */

        .image-container {

            position: relative;

            height: 260px;

        }



        .image-container img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        .wishlist-btn {

            position: absolute;

            bottom: 15px;

            right: 15px;

            background: white;

            border: none;

            border-radius: 50%;

            width: 40px;

            height: 40px;

            display: flex;

            align-items: center;

            justify-content: center;

            cursor: pointer;

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

            transition: all 0.2s ease;

            z-index: 1;

            padding: 5px 10px;

        }



        .wishlist-btn i {

            font-size: 22px;

            color: #00459E;

        }



        .wishlist-btn.active i {

            color: #00459E; /* Red color when liked */

        }



        /* --- Content Section --- */

        .content {

            padding: 24px;

        }



        .content h3 {

            font-size: 1.5rem;

            margin-bottom: 8px;

            font-weight: 700;

        }



        .tags {

            font-size: 0.85rem;

            color: #4B5563;

            margin-bottom: 15px;

        }



        .tags .blue-text {

            color: #00459E;

            font-weight: 700;

        }



        .stats-row {

            display: flex;

            gap: 12px;

            margin-bottom: 16px;

        }



        /*.stat-pill {*/

        /*    font-size: 0.85rem;*/

        /*    font-weight: 600;*/

        /*    padding: 6px 12px;*/

        /*    border-radius: 20px;*/

        /*    display: flex;*/

        /*    align-items: center;*/

        /*    gap: 6px;*/

        /*}*/



        .rating { background: #FFFBEB; color: #242424; border: solid 1px #FCD34D; }

        

        .rating i{ 

    color: #FF9500;

    font-size: 12px;

            

        }

        

        .delivery { background: #F0FDF4; border: 1px solid #86EFAC; color: #22C55E; }



        .badges {

            display: flex;

            flex-wrap: wrap;

            gap: 10px;

            margin-bottom: 18px;

        }



        .badge {

            font-size: 0.75rem;

            padding: 6px 12px;

            border-radius: 8px;

            font-weight: 600;

            display: flex;

            align-items: center;

            gap: 4px;

        }



        .badge.blue { background: #EAF3FF; color: #00459E;border: 1px solid #C6DFFF; border-radius: 50px;}

        .badge.purple { background: #F4EAFF;border: 1px solid #E2C6FF; color: #7E22CE; border-radius: 50px;}

        

        



        .description {

            font-size: 0.95rem;

            color: var(--text-muted);

            line-height: 1.5;

            margin-bottom: 24px;

        }



        /* --- Buttons --- */

        .actions {

            display: flex;

            flex-direction: column;

            gap: 12px;

        }



        .btn {

            width: 100%;

            padding: 14px;

            border-radius: 30px;

            font-size: 0.95rem;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.2s ease;

            border: none;

            text-align: center;

        }



      .min_intro{ background-color: #00459E;font-family: Inter;

font-weight: 600;

font-size: 14px;

line-height: 100%;

letter-spacing: 0%;border: 1px solid #00459E;}



.min_intro:hover{ background-color: #fff;color: #00459E;border: 1px solid #D1D5DB;}



        .view_case{border: 1px solid #D1D5DB;font-family: Inter;
 
font-weight: 600;

font-size: 14px;

line-height: 100%;

letter-spacing: 0%;background-color: #fff; color: #00459E;}

.view_case:hover{ background-color: #00459E; color: #fff;border: 1px solid #00459E;}



        /* --- Footer Load More --- */

        .footer-action {

            text-align: center;

            margin-top: 20px;

        }



        .btn-load {

            background: white;

           border: 1px solid #D1D5DB;

            padding: 14px 40px;

            border-radius: 30px;

            color: #00459E;

            font-weight: 600;

            cursor: pointer;

            transition: 0.3s;

        }



        .btn-load:hover {

            border-color: #00459E;

            background: #f0f5ff;

        }



        /* Entry Animation for new cards */

        @keyframes fadeIn {

            from { opacity: 0; transform: translateY(20px); }

            to { opacity: 1; transform: translateY(0); }

        }



        .new-card {

            animation: fadeIn 0.5s ease forwards;

        }





   

/* See Homes Like Yours End */





/* Real Homes. Real Reviews Start */



:root {

            --primary-blue-realhome: #003399;

            --accent-yellow-realhome: #FFC122;

            --bg-light-realhome: #F8FAFC;

            --text-dark-realhome: #6B7280;

            --text-muted-realhome: #64748B;

            --card-shadow-realhome: 0 4px 20px rgba(0, 0, 0, 0.05);

            --border-radius-realhome: 12px;

        }

.real_home_section{ background-color:#F0F6FF; padding-top: 50px; padding-bottom: 50px;}



        /* Header Section */

        /*.stories {*/

        /*    background: #E0F2FE;*/

        /*    color: #0369A1;*/

        /*    padding: 4px 12px;*/

        /*    border-radius: 4px;*/

        /*    font-size: 12px;*/

        /*    font-weight: 700;*/

        /*    text-transform: uppercase;*/

        /*    display: inline-block;*/

        /*    margin-bottom: 12px;*/

        /*}*/

        

         .stories{ background: #fff;  padding: 4px 13px;  border-radius: 12px; display: inline-block; margin-bottom: 20px;}

        .stories span {

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;



    /* Gradient text */

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

        



        



        .real_title { font-size: 36px; font-weight: 600; margin-bottom: 8px; color: #242424; }

        .subtitle { color: var(--text-muted-realhome); margin-bottom: 40px; font-size: 18px; font-weight: 400; }



        /* Layout Grid */

        .main-grid {

            display: grid;

            grid-template-columns: 280px 1fr;

            gap: 30px;

        }



        /* Sidebar Cards */

        .sidebar-card {

            background: white;

            border-radius: var(--border-radius-realhome);

            padding: 24px;

            margin-bottom: 20px;

            box-shadow: var(--card-shadow-realhome);

        }



        .rating-boxst h2 { font-size: 44px; color:#4B5563; font-weight:700; margin-bottom: 5px;display: flex;

       gap: 20px;

    align-items: center; }

        .starssto { color: #FA8232; margin-bottom: 0px; font-size: 22px; }

        .tag-container { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }

        .tag-container .tag {

                  background: #F9FAFB;

    border: 1px solid #0000001A;

    padding: 4px 10px;

    border-radius: 20px;

    font-size: 12px;

    color: #4B5563;

    font-weight: 600;

        }



        .savings-card {

            background: var(--primary-blue-realhome);

            color: white;

            text-align: center;

            padding: 30px 20px;

        }

        .savings-card h3 { font-size: 32px; font-weight: 700; color: #28CCB9; }



        .btn-play {

            width: 100%;

            background: var(--accent-yellow-realhome);

            border: none;

            padding: 14px;

            border-radius: 25px;

            font-weight: 700;

            cursor: pointer;

            transition: transform 0.2s;

        }

        .btn-play:hover { transform: translateY(-2px); }



        /* Filter Bar */

        .filters {

            display: flex;

            gap: 12px;

            margin-bottom: 25px;

        }

        .filter-group { flex: 1; }

        .filter-group label { display: block; font-size: 10px; font-weight: 700; color: var(--text-muted-realhome);

             margin-bottom: 5px; text-transform: uppercase;}

        select {

            width: 100%;

            padding: 10px;

            border-radius: 6px;

            border: 1px solid #E2E8F0;

            background: white;

            color: var(--text-dark-realhome);

        }



        /* Review Cards */

        .review-card {

            background: white;

            border-radius: var(--border-radius-realhome);

            margin-bottom: 20px;

              

            overflow: hidden;

            box-shadow: var(--card-shadow-realhome);

        }



        .review-img {

            width: 220px;

            background: #ddd;

            object-fit: cover;

            height: 200px;

        }



        .review-content {

                padding: 0px 27px 0px 0px;

            flex: 1;

            position: relative;

            border-top: 1px solid #0000001A;

            display: flex;

    gap: 20px;align-items: center;

        }



        .user-info { display: flex; align-items: center; gap: 12px; margin-bottom: 0px;

                 padding: 10px 30px;

        }

        .user_infotext .user_name{font-weight: 700;margin: 0;font-size: 16px;line-height: 24px;

letter-spacing: 0%;

vertical-align: middle;

}

        .user_infotext .user_location{font-family: Inter;

font-weight: 500;

font-style: Medium;

font-size: 12px;

leading-trim: NONE;

line-height: 16px;

letter-spacing: 0%;

text-align: right;

vertical-align: middle; color:#6B7280;

}



.realhome_inforight{text-align: right;    margin-left: auto;}

.realhome_inforight .stars{font-size: 20px;}

.realhome_inforight .coment{}

        .avatar {

            width: 40px;

            height: 40px;

            background: #E2E8F0;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            font-weight: 700;

            color: var(--primary-blue-realhome);

        }



        .review-text {

            font-size: 14px;

            color: #475569;

            margin-bottom: 15px;

            font-style: italic;

            display: flex;

    gap: 20px;

        }

        .qut{ color:#0FA4E9;}



        .verified-badge {

            background: #EAF3FF;

    color: #00459E;

    font-size: 12px;

    font-weight: 600;

    padding: 4px 12px;

    border-radius: 15px;

    border: 1px solid #C6DFFF;

    

        }



        @media (max-width: 850px) {

            .main-grid { grid-template-columns: 1fr; }

            .review-card { flex-direction: column; }

            .review-img { width: 100%; height: 200px; }

        }



/* Real Homes. Real Reviews End */



/* Faq Section Start  */

.faq-section {

    margin: auto;

    background: white;

    padding: 40px  0;

}



.faq-title {

    font-size: 14px;

    font-weight: 800; display: inline-block; border-radius: 8px;     

    padding: 10px 12px;

    margin-bottom: 2rem; background-color: #EAF3FF; 

}

 .fag_badge_bg{ background: #EAF3FF;  padding: 2px 13px;  border-radius: 8px; display: inline-block;}

        .fag_badge {

   

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;



    /* Gradient text */

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.faqtatil_main{ text-align: center;     padding-bottom: 20px;}

.faqtatil_main h3{ font-size: 36px; font-weight: 600; color: #242424;}

.faqtatil_main p{ font-size: 18px; font-weight: 400; color: #6B7280;}

/* Styling for the category buttons (pills) */

.category-btn {

     background-color: #ffffff;

    color: #242424;

    border: 1px solid #0000001A;

    font-weight: 500;

    padding: 8px 16px;

    border-radius: 8px;

    transition: all 0.2s ease;

    white-space: nowrap;

    cursor: pointer;

    border-radius: 50px;

    font-size: 14px;

}



/*.category-btn:hover {*/

/*    background-color: #e0e2e5;*/

/*    color: #333;*/

/*}*/



.category-btn.active-filter {

        background-color: #00459E;

    color: #FFFFFF;

    border-radius: 50px;

}



/* Search input styling */

.search-input-group {

    border: 1px solid #ddd;

    border-radius: 30px;

    overflow: hidden;

    background-color: white;

    transition: box-shadow 0.2s;

    padding: 0px 10px;

}



.search-input-group:focus-within {

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

    border-color: #000;

}



.search-input-group input {

    border: none;

    box-shadow: none;

    padding-left: 1rem;

    padding-right: 0.5rem;

    height: 50px;

}

#expand-all{

    border: 1px solid #D1D5DB;

    border-radius: 30px !important;

    padding: 0 !important;

    font-size: 16px;

    font-weight: 600;

    color: #00459E;

        padding: 13px 20px !important;

        background-color: #fff;

    

}



#collapse-all{

    border: 1px solid #D1D5DB;

    border-radius: 30px !important;

    padding: 0 !important;

    font-size: 16px;

    font-weight: 600;

    color: #00459E;

      padding: 13px 10px !important;

      background-color: #fff;

    

}



/* Accordion custom styling */

.accordion-item {

    border: none;

    border-radius: 0;

    border-bottom: 1px solid #e0e2e5;

}



.accordion-button {

    font-weight: 600;

    background-color: transparent;

    color: #1f2937;

    padding-top: 16px;

    box-shadow: none !important;

    position: relative;

}



.accordion-button:not(.collapsed) {

    color: #111827;

    background-color: transparent;

}



/* Hide default Bootstrap arrow icon */

.accordion-button:after {

    display: none;

}



/* Custom icon container (uses flex layout to align icon) */

.accordion-button-icon {

    font-size: 1.5rem;

    color: #A4A7AE;

    /* Applied custom color */

    margin-left: auto;

    transition: transform 0.2s ease-in-out;

}



.accordion-body {

    padding-bottom: 1.5rem;

    padding-top: 0;

    color: #6b7280;

}



/* --- Custom Styles for Tip and Disclaimer --- */



/* Tip Box Styling (Light Green with Green Left Border) */

.tip-box {

    background-color: #F0FDF4;

    /* Very light green */

    border-left: 5px solid #22C55E;

    /* Solid green border on left */

    padding: 1rem;

    border-radius: 0.5rem;

    font-size: 0.95rem;

    line-height: 1.4;

}



.tip-box strong {

    color: #555555;

    /* Matching green for the title */

    font-weight: 700;

}



/* Disclaimer Box Styling (Light Gray with Border) */

.disclaimer-box {

    background-color: #EAF3FF;

    /* Light gray background */

    border-left: 5px solid #7CB5FF;

    padding: 1rem;

    border-radius: 0.5rem;

    font-size: 0.85rem;

    color: #6c757d;

    line-height: 1.4;

}



.btn-outline-dark{border: 1px solid #D1D5DB;width: 128;

height: 48;

opacity: 1;

border-radius: 30px;

border-width: 1px;

gap: 6px;

padding-top: 16px;

padding-right: 24px;

padding-bottom: 16px;

padding-left: 24px;

}

/* Faq Section End */



/* Also from us Section End */



        /* Card Customization */

        .feature-card {

            border: none;

            border-radius: 20px;

            transition: transform 0.3s ease, box-shadow 0.3s ease;

            overflow: visible; /* Needed for the floating icon */

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

            padding: 0px;

        }



        .feature-card:hover {

            transform: translateY(-8px);

            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);

        }



        /* Image Handling */

        .img-wrapper {

            position: relative;

            height: 200px;

            border-radius: 20px 20px 0 0;

            overflow: hidden;

        }



        .img-wrapper img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        /* The Floating Blue Icon */

        .overlap-icon {

           position: absolute;

    bottom: 255px;

    left: 25px;

    width: 45px;

    height: 45px;

    background-color: #0d6efd;

    color: white;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.25rem;

    box-shadow: 0 4px 15px #00000026;

    z-index: 3;

    border: 2px solid #fff;

        }



        .card-body {

            padding: 45px 25px 30px 25px;

        }



        .card-title {

            font-weight: 700;

            font-size: 24px;

            margin-bottom: 0.75rem;

        }



        .card-text {

            color: #4B5563;

            font-size: 15px;

            font-weight: 400;

            line-height: 1.6;

            margin-bottom: 2rem;

        }



        /* Custom Rounded Button */

        .btn-ava {

            border: 1px solid #D1D5DB;

            border-radius: 50px;

            padding: 8px 25px;

            font-weight: 600;

            font-size: 14px;

            color: #00459E;

            background: transparent;

            transition: all 0.2s;

            text-decoration: none;

            display: inline-block;

        }



        .btn-ava:hover {

            background-color: #f8f9fa;

            border-color: #0d6efd;

        }



/* Also from us Section End */



/* Residents-Only Group Interiors Start */



:root {

    --primary-blue-group: #0047AB;

    --light-blue-group: #E8F0FE;

    --text-dark-group: #333;

    --text-muted-group: #666;

    --accent-blue-group: #2B7FFF;

    --dark-navy-group: #0A1D37;

}



.residents_group_only{background-color: #F0F6FF; padding-top: 50px; padding-bottom: 50px;}



.hero-section-resi { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; }

.hero-content { flex: 1; min-width: 320px; }







 .group_int{ background: #fff;  padding: 2px 13px;  border-radius: 8px; display: inline-block;}

        .badge-new {

       letter-spacing: 2px;

    font-size: 18px;

    font-weight: 800;

    text-transform: uppercase;



    /* Gradient text */

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}





.hero_title_group {

    

        font-size: 36px;

    line-height: 1.2;

    margin: 25px 0;

    font-weight: 600;

}



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

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent; display: block; }

.subtitle-group { font-size: 18px; color: var(--text-muted-group); margin-bottom: 30px; }



.stats-row { display: flex; gap: 20px; font-weight: 600; font-size: 14px; margin-bottom: 30px; }

/*.stats-row i{ background: linear-gradient(90deg, #2563EA 0%, #0FA4E9 100%);*/

/*  -webkit-background-clip: text;*/

/*  -webkit-text-fill-color: transparent;*/

/*  background-clip: text;*/

/*  color: transparent;}*/



.promo-box {

    background: #FFF9E6; border-left: 4px solid #F5A623;

    padding: 15px 20px; border-radius: 4px; margin-bottom: 30px; font-size: 14px;

}

.redtext{ 

          color: #92400E !important;

    font-size: 14px !important;

    margin: 0px;

    font-weight: 500 !important;

    

}

.cta-group { display: flex; flex-direction: column; gap: 12px; }



button {

    padding: 15px 25px; border-radius: 50px; font-weight: 600;

    cursor: pointer; border: none; font-size: 15px; transition: 0.2s;

}



.btn-primary-cta {

   background: #00459E;

    color: white;

    width: fit-content;

    padding: 15px 40px;

    

}



.btn-secondary-cta { 

    background: white;

    color: #00459E;

    border: 1px solid #D1D5DB;

    width: fit-content;

    font-Weight: 600;

    font-Size: 16px;

     padding: 15px 35px;

    

}



.pricing-card {

    flex: 0 1 591px; background: white; padding: 30px;

    border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);max-width: inherit;

}



.pricing-card h3 { margin-top: 0; margin-bottom: 5px; }

.small-text { font-size: 13px; color: var(--text-muted-group); margin-bottom: 20px; }

.table-row { display: flex; justify-content: space-between; font-size: 14px; padding: 12px 0; }

.divider { border-top: 1px solid #eee; margin-bottom: 0px; }

.bold { font-weight: 700; }



.reward-tier {

        background: #F9F9F9;

    margin-bottom: 12px;

    padding: 10px 15px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    gap: 15px;

    font-size: 14px;



}



.tier-label {

    padding: 3px 20px; border-radius: 20px; font-size: 12px;

    font-weight: 700; min-width: 60px; text-align: center;

}



.bronze .tier-label {    

    background: #CD7F311A;

    color: #CD7F31;

    border: 1px solid #CD7F31;

    

}



.silver .tier-label {    background: #BDC3C71A;

    color: #9CA3AF;

    border: 1px solid #BDC3C7; }

    

.gold .tier-label { background: #F1C40E1A;

    color: #F1C40E;

    border: 1px solid #F1C40E; }

    

.platinum .tier-label {     background: #8E44AD1A;

    color: #8E44AD;

    border: 1px solid #8E44AD; }



.info-footer {

        background: #EBF3FF;

    padding: 15px;

    border-radius: 8px;

    font-size: 12px;

    margin-top: 20px;

    line-height: 1.5;

    font-weight: 500;

    color: #555555;

    

}



/* --- NEW SECTIONS (DEALS & SEARCH) --- */

.deals-section{ 

        padding-bottom: 50px;

    padding-top: 50px;

    

}



.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;     padding-top: 20px;}

.view-all-link { color: var(--primary-blue-group); text-decoration: none; font-weight: 700; font-size: 14px; }



.deals-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 30px; }



.deal-card { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }

.card-img { height: 220px; background-size: cover; position: relative; }

.img-badge { position: absolute; top: 15px; right: 15px; padding: 5px 12px; border-radius: 4px; color: white; font-weight: 800; font-size: 11px; }







.card-content { padding: 25px; }

.skiline h3{ color: #242424;font-size: 20px; font-weight: 700; }

.skiline p{

        color: #6B7280;

    font-size: 12px;

    font-weight: 500;

    margin: 0;

    

}

.card-meta { color: var(--text-muted-group); font-size: 13px; margin: -10px 0 20px 0; }

.deal-stats { 

        display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

    padding-top: 20px;

    

    }

.deal-stats span { font-size: 20px; font-weight: 700; }

.green-text { color: #23A192; }

.stat-cap { font-size: 12px!important; font-weight: 600!important; color: #242424!important; margin-top: 5px; }



.bar-bg { background: #eee; height: 8px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; }

.bar-fill { background: var(--accent-blue-group); height: 100%; }

.bar-labels { display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; }

.red-text { color: #FF4D4D; }



.join-btn { width: 100%; background: var(--primary-blue-group); color: white; padding: 15px; border-radius: 50px; margin-top: 20px; border: none; font-weight: 700; }

.expiry-text {

        color: #242424 !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    text-align: center !important;

    

}

.expiry-text i{ color:#EF4444;}

.search-box { 

    background: white; border-radius: 20px; display: flex; 

    overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.08); padding: 0; margin-bottom: 40px;    align-items: center;

}

.search-left { flex: 1; padding: 50px; }

.search-left h2{

    font-size: 24px; font-weight: 700; color:#242424;

    

}

.search-left p{

    font-size: 14px; font-weight: 400; color:#6B7280;

    

}

.confirm-text { font-size: 12px; color: #242424;font-weight: 400; font-style:Italic; margin-top: 30px; }



.my_society{ width: auto;}



.search-right { flex: 1; background: var(--dark-navy-group); color: white; padding: 50px; }

.search-right h3{ color: #fff; font-size: 24px; font-weight: 700;}

.search-desc {  font-size: 14px; margin-bottom: 30px; color: #D1D5DB; }

.form-grid { display: flex; gap: 20px; }

.input-group { flex: 1; margin-bottom: 0px; }



.input-group select, .input-group input { 

    width: 100%; padding: 12px; background: rgba(255,255,255,0.08); 

    border: 1px solid #FFFFFF33; border-radius: 8px!important; color: #eaeaea; box-sizing: border-box;

}





.input-group select, .input-group input.active{

        color: #fff;

}





.form-grid .input-group select {

    background: #24364d;

    color: #fff;

    border: 1px solid rgba(255,255,255,0.2);

}



/* Dropdown options color fix */

.form-grid .input-group select option {

    background: #fff;

    color: #000;

}



/* Hover effect */

.form-grid .input-group select option:hover {

    background: #00459E;

    color: #fff;

}



/* Focus */

.form-grid .input-group select:focus {

    outline: none;

    box-shadow: none;

    border-color: #4d8dff;

}



@media (max-width: 850px) {

    .deals-grid { grid-template-columns: 1fr; }

    .search-box { flex-direction: column; }

}





/* Residents-Only Group Interiors End */



 

/*---------breadcrumb Area------*/



.breadcrumb_section {

    padding: 15px 0px 0px;

}



.breadcrumb ol {

    margin: 0px;

}



.breadcrumb li {

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    display: flex;

    align-items: center;

}



.breadcrumb li.active {

    font-size: 12px;

    font-weight: 500;

    color: #fff;

}



.breadcrumb li a {

    font-size: 12px;

    font-weight: 500;

    color: #fff;

}



.breadcrumb .breadcrumb-item+.breadcrumb-item::before {

    content: "\F285";

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: 400 !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    vertical-align: -.125em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #fff;

}



/*========breadcrumb End==========*/





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

    position: fixed;

    right: 22px;

    bottom: 22px;

    width: 38px;

    height: 38px;

    /*background: #00379C;*/

    border-radius: 50%;

    /*display: none;*/

    align-items: center;

    justify-content: center;

    z-index: 99999;

    box-shadow: 0 8px 22px rgba(0,0,0,0.25);

    cursor: pointer;

    transition: all 0.3s ease;

}



/*.scrollToTop img {*/

/*    width: 18px;*/

/*    height: 18px;*/

/*    object-fit: contain;*/

/*    filter: brightness(0) invert(1);*/

/*}*/



.scrollToTop:hover {

    /*background: #00459E;*/

    transform: translateY(-4px);

}



@media (max-width: 767px) {

    .scrollToTop {

        right: 15px;

        bottom: 15px;

        width: 42px;

        height: 42px;

    }

}











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









.stellarnav li.has-sub > a:after{

        display: none;

}



.form-check-input{

        --bs-form-check-bg: #E5E7EB

}



.myborder .form-check-input {

    margin-left: 0 !important;

    margin-right: 5px;

    padding: 10px 20px;

}



.pricing-card .btn{

        width: 100%;

    padding: 10px 14px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.2s ease;

    border: none;

    text-align: center;

}







.btn-primary-custom:hover{

    border: 1px solid rgba(209, 213, 219, 1) !important;

}





.tags-row .tag i{

    font-size: 18px;

}





.review-img-icon{

       width: 14px;

    margin-bottom: 20px;

    height: 11px;

    object-fit: contain;

}



.fag_badge_bg .fag_badge{

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}





.faq-title .fag-badge{

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}





.faq-btn-gp .feature-box {

background: #F3F4F6;

    border-radius: 14px;

    padding: 20px 18px;

    text-align: center;

    height: 100%;

    transition: 0.3s ease;

    border: 1px solid #0000001A;

}



.faq-btn-gp .feature-box h5 {

  font-size: 14px;

    font-weight: 700;

    color: #555555;

    margin-bottom: 6px;

}



.faq-btn-gp .feature-box p {

      font-size: 14px;

    color: #555555;

    font-weight: 400;

    margin: 0;

        font-style: normal;

}



/* optional hover effect */

.faq-btn-gp .feature-box:hover {

  transform: translateY(-3px);

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

}











.action-btns {

    width: 35%;

    margin: 0 auto;

    padding: 20px 0;

    margin-bottom: 20px;

    margin-top: 10px;

    align-items: center;

}









.action-btns .btn {

  padding: 12px 28px;

  border-radius: 30px;

  font-size: 15px;

  font-weight: 500;

  text-decoration: none;

  transition: 0.3s ease;

}



/* Primary Button */

.action-btns .primary-btn {

  background: #00459E;

  color: #fff;

  border: none;

    max-width:270px;

        padding: 13px;

}







/* Outline Button */

.action-btns .outline-btn {

      border: 1px solid #D1D5DB;

    color: #00459E;

    background: transparent;

    max-width: 170px;

    padding: 13px;

     font-size: 16px;

    font-weight: 600;

}







.faq-btn-gp p{

       margin: 0 auto;

    text-align: center;

    font-size: 12px;

    font-weight: 400;

    font-style: italic;

    color: #242424;

}





.promo-box p{

    font-size: 16px;

    color: #555555;

    font-weight: 400;

}



.pricing-card h3{

        font-size: 16px;

    color: #000000;

    font-weight: 700;

}





.pricing-card h4{

        font-size: 14px;

    color: #000000;

    font-weight: 700;

}





.pricing-card .small-text{

     font-size: 12px;

    color: #4B5563;

    font-weight: 500;

}



.pricing-card span{

    font-size: 12px;

    color: #4B5563;

    font-weight: 700;

}



.pricing-card .bold{

    font-size: 14px;

    color: #242424;

    font-weight: 600;

}



.reward-tier span strong{

     font-size: 12px;

    color: #242424;

    font-weight: 600;

}







.section-header h2{

        font-size: 26px;

    font-weight: 600;

    color: #242424;

}





.gold-bg{

 background: linear-gradient(90deg, #F1C40E 0%, #F5DB8D 100%);

    color: #242424;

    font-size: 12px;

    font-weight: 700;

}





.silver-bg{

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

    color: #fff;

    font-size: 12px;

    font-weight: 700;

}



.join-btn {

    margin-bottom: 20px;

}





.deal-stats .text-right{

        text-align: right;

}





.bar-labels span{

    font-size: 14px;

    font-weight: 600;

    color: #242424;

}







.red-text {

    color: #EF4444 !important;

}



.my_society{

    background-color: #00459E;

    border-radius: 50px;

    padding: 12px 24px;

    margin-top: 30px;

}



.my_society:hover{

    background-color: #00459E;

    border-radius: 50px;

    padding: 12px 24px;

    margin-top: 30px;

    color:#fff;

}



.confirm-text i{

    text-transform: uppercase;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.confirm-text span{

            background-color: #e7f1ffe8;

    border-radius: 50px;

    padding: 2px 4px;

    margin-right: 10px;

    font-size: 15px;

}



.input-group label {

    display: block;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #9CA3AF;

}













.btn-outline-white {

    width: 100%;

    background: transparent;

    color: white;

    border: 1px solid #D1D5DB;

    padding: 15px;

    border-radius: 50px;

    font-weight: 600;

    margin-top: 30px;

    font-size: 14px;

}





.features-grid{

        display: flex;

    gap: 20px;

    margin-bottom: -100px;

}





.hero-section .feature-item {

  

    width: 240px;

}





.benefit-list li span{

    margin-right: 15px;

    background: #eaf3ff;

    border-radius: 50px;

    text-align: center;

    padding: 1px 3px;

}



.benefit-list li span i{

        text-transform: uppercase;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

        font-size: 18px;

}











.meet_team_card .stats-row {

    display: flex;

    gap: 10px;

    font-weight: 600;

    font-size: 14px;

    margin-bottom: 10px;

}



.meet_team_card .stat-pill {

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

    padding: 3px 10px;

    border-radius: 50px;

   

    

}



.meet_team_card .delivery {

    background: #F0FDF4;

    border: 1px solid #86EFAC;

    color: #22C55E;

   

    font-weight: 600;

}





.meet_team_card .stats-row .rating i {

    color: #FF9500;

    font-size: 15px;

    margin-right: 2px;

}





.meet_team_card .content .badge.blue i{

    font-size: 20px;

   

}



.meet_team_card .content .badge.blue {

   

    padding: 3px 6px;

}









.everything_needs_section{

     padding: 60px 0;

     margin-top: 40px;

}







.chose_package_section{

    /*padding-top: 60px;*/

}









.check-list li span {

    margin-right: 15px;

    background: #eaf3ff;

    border-radius: 50px;

    text-align: center;

    padding: 2px 2px;

}



.check-list li span i {

    text-transform: uppercase;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 12px;

}



.check-list li img{

   width: 20px;

    height: 20px;

    margin-right: 10px;

}



.card-features .feature-item{

    color: #4B5563;

}





.confirm-text img{

        width: 20px;

}





.search-left .confirm-text{

    display: flex;

    align-items: center;

    gap: 11px;

}



.content-column .benefit-list li{

    display: flex;

    align-items: center;

    gap: 11px;

}





.content-column .benefit-list img{

    width: 20px;

}





.pricing-card .recommended-badge{

        color: #fff;

}







.filter-group select {

    color: #000000;

}



.realhome_inforight .coment{

        color: #6B7280;

}











.pricing-card.active-package {

    transform: translateY(-6px);

    border-color: #0d6efd;

    box-shadow: 0 18px 45px rgba(13, 110, 253, 0.18);

    background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);

}



.pricing-card.active-package h5,

.pricing-card.active-package .price-text {

    color: #0d6efd;

}



.pricing-card.active-package {

    transform: translateY(-6px);

    border-color: #0d6efd;

    box-shadow: 0 18px 45px rgba(13, 110, 253, 0.18);

    background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);

}



.pricing-card.active-package h5,

.pricing-card.active-package .price-text {

    color: #0d6efd;

}

/*.menu-container {*/
    /* top: 90px; */
/*    margin-top: 8px;*/
/*}*/


#designers-see_home_like_section{
       margin-top: 120px;
    padding: 30px 0;

}