@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap");
:root {
    --blue: #79A9F5;
    --indigo: #C45F90;
    --purple: #A16AE8;
    --pink: #FC8BC0;
    --red: #F85C70;
    --orange: #FF8882;
    --yellow: #FAD02C;
    --green: #A3C14A;
    --teal: #20c997;
    --cyan: #47D8E0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --light-gray: #eee;
    --primary: #F85C70;
    --secondary: #6c757d;
    --success: #A3C14A;
    --info: #47D8E0;
    --warning: #FF8882;
    --danger: #F85C70;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-family-sans-serif: "Source Sans Pro", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* Enhanced Responsive Grid Container Widths */
    --container-xs: 100%;
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1320px;
    /* Enhanced Fluid Typography System */
    --font-size-xs: clamp(0.75rem, 0.5rem + 1.25vw, 0.875rem);
    --font-size-sm: clamp(0.875rem, 0.75rem + 0.625vw, 1rem);
    --font-size-base: clamp(1rem, 0.875rem + 0.625vw, 1.125rem);
    --font-size-md: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
    --font-size-lg: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);
    --font-size-xl: clamp(1.5rem, 1.125rem + 1.875vw, 2rem);
    --font-size-xxl: clamp(2rem, 1.5rem + 2.5vw, 3rem);
    --font-size-xxxl: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);
    /* Enhanced Spacing System */
    --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
    --space-sm: clamp(0.5rem, 1vw, 1rem);
    --space-md: clamp(1rem, 2vw, 2rem);
    --space-lg: clamp(1.5rem, 3vw, 3rem);
    --space-xl: clamp(2rem, 4vw, 4rem);
    --space-xxl: clamp(3rem, 6vw, 6rem);
    /* Header Heights */
    --header-height: 80px;
    --mobile-header-height: 90px;
}


/* Enhanced Comprehensive Responsive Navigation System */


/* Logo stays aligned with text */

.nav-bar-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-bar-container {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 clamp(20px, 4vw, 50px);
    box-sizing: border-box;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* Navigation links responsive behavior */

.nav-bar-left a {
    padding-right: clamp(15px, 3vw, 25px);
    color: black;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: clamp(14px, 2vw, 16px);
}

.nav-bar-left a:hover {
    color: var(--danger);
}

.nav-bar-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-bar-right a {
    padding-right: clamp(15px, 3vw, 25px);
    color: black;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: clamp(14px, 2vw, 16px);
}

.img-responsive {
    margin-top: 10px;
}

.img-responsive:hover {
    color: var(--danger);
}


/* Responsive breakpoint implementations */

/* Mobile Navigation - Show hamburger, hide desktop nav */
@media (max-width: 768px) {
    .nav-bar-container {
        height: auto;
        min-height: 60px;
        padding: 10px 15px;
    }
    .nav-bar-left {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .nav-bar-left > a:first-child img {
        max-width: 120px;
        height: auto;
    }
    .hamburger-menu {
        display: flex !important;
        position: relative;
        z-index: 1001;
        margin-left: auto;
    }
    .nav-bar-left > a.a-tag,
    .dropdown,
    .nav-bar-right {
        display: none !important;
    }
}

/* Desktop Navigation - Show full nav, hide hamburger */
@media (min-width: 769px) {
    .hamburger-menu {
        display: none !important;
    }
    .nav-bar-left > a.a-tag,
    .dropdown {
        display: inline-block;
    }
    .nav-bar-right {
        display: flex;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .nav-bar-left a {
        padding-right: 15px;
        font-size: 14px;
    }
    .nav-bar-right a {
        padding-right: 15px;
    }
    .dropdown-content {
        width: 450px;
        height: 220px;
    }
    .options-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.contact_us_btn {
    text-align: center;
    padding-left: 17px;
    padding-top: 5px;
    padding-bottom: 7px;
    background-color: #F85C70;
    border-radius: 5px;
    transition: 0.5s ease-in-out;
    border: none;
}

.contact_us_btn:hover {
    background-color: rgba(248, 92, 112, 0.4);
    border: solid 1px var(--primary);
}

.dropdown {
    position: relative;
    display: inline-block;
    outline: none;
}

.a-tag {
    color: var(--danger);
}

.dropdown-button {
    -webkit-appearance: none;
    appearance: none;
    border: 1px none;
    min-width: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding-bottom: 0%;
    margin-bottom: 0%;
    background-color: white;
}


/* chevron */

.chev {
    display: inline-block;
    /* width:10px;
    height:10px; 
    margin-left:.5rem; */
    position: relative;
    margin-top: 6px;
}

.chev::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-135deg);
    transition: transform .18s ease;
}


/* menu */

.dropdown-content {
    display: none;
    position: absolute;
    border: 1px none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    height: 250px;
    width: 550px;
    background-color: white;
    background: var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 3;
    pointer-events: none;
}

.dropdown-content a {
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); */
    text-decoration: none;
    font-size: 12px;
    padding-bottom: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.options-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); */
    align-items: stretch;
    padding: 4px;
}

.dropdown-content a:hover {
    color: var(--pink);
}


/* show on hover, focus-within, or when .open is applied (JS toggle) */

.dropdown:hover>.dropdown-content,
.dropdown:focus-within>.dropdown-content,
.dropdown.open>.dropdown-content {
    display: block;
    pointer-events: auto;
}


/* flip chevron when open */

.dropdown:hover .chev::before,
.dropdown:focus-within .chev::before,
.dropdown.open .chev::before {
    transform: rotate(45deg);
}


/* small accessibility/focus styles */

.dropdown-button:focus {
    box-shadow: 0 0 0 3px rgba(110, 168, 254, .12);
    outline: none;
}


/* Hamburger Menu Styles */

.hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.hamburger-line {
    width: 24px;
    height: 2px;
    background: #333;
    margin: 3px 0;
    transition: 0.3s;
}

.hamburger-menu.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-menu.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.hamburger-menu.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}


/* Mobile Navigation Overlay */

.mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-nav-overlay.active {
    display: flex;
    opacity: 1;
}

.mobile-nav-content {
    width: 80%;
    max-width: 300px;
    height: 100%;
    background: white;
    padding: 60px 30px 30px;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.mobile-nav-overlay.active .mobile-nav-content {
    transform: translateX(0);
}

.close-mobile-nav {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #666;
}

.mobile-nav-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.mobile-nav-links a {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.mobile-nav-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-cta {
    padding: 12px 20px;
    text-align: center;
    border: 2px solid var(--primary);
    color: var(--primary);
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
}

.mobile-cta.primary {
    background: var(--primary);
    color: white;
}

.nav-bar-container {
    padding: 0 20px;
}


/* Enhanced Hero Section */

.hero-section-container {
    padding: clamp(60px, 15vw, 200px) clamp(15px, 3vw, 50px) clamp(60px, 12vw, 200px);
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.hero-section-container h1 {
    font-size: var(--font-size-xxxl);
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: var(--space-md);
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-section-container p {
    font-size: var(--font-size-lg);
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: var(--space-lg);
    line-height: 1.5;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.hero-section-container button {
    padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 30px);
    font-size: var(--font-size-md);
    background-color: var(--primary);
    color: var(--light);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease;
    min-width: 160px;
    box-shadow: 0 4px 15px rgba(248, 92, 112, 0.3);
}

.hero-section-container button:hover {
    background-color: var(--red);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(248, 92, 112, 0.4);
}

.hero-section {
    position: relative;
    background-image: url("https://i.postimg.cc/GtG2mM9y/hero-bg.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100vw;
    height: 90vh;
    z-index: 1;
    opacity: 0.9;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.2rem;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}


/* Enhanced Mobile Hero Section Optimizations */

@media (max-width: 768px) {
    .hero-section {
        background-attachment: scroll;
        /* Better mobile performance */
        min-height: clamp(70vh, 80vh, 100vh);
    }
    .hero-section-container {
        padding: clamp(40px, 10vw, 80px) 15px;
    }
}

@media (max-width: 480px) {
    .hero-section {
        min-height: clamp(60vh, 70vh, 80vh);
    }
    .hero-section-container {
        padding: 40px 15px;
    }
    .hero-section-container button {
        width: 100%;
        max-width: 280px;
    }
}


/* High performance mobile optimization */

@media (max-width: 768px) and (orientation: landscape) {
    .hero-section {
        min-height: 100vh;
    }
}


/* services section */


/* Enhanced Services Section Responsive Layout */

.OtherDetails_otherDetails__hqyOv {
    padding: clamp(20px, 4vw, 40px) 0;
}

.OtherDetails_otherDetails__hqyOv ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    align-items: center;
}

.OtherDetails_otherDetails__hqyOv li {
    padding: clamp(15px, 3vw, 20px);
    width: 100%;
    border-left: none;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 120px;
    justify-content: center;
}

.OtherDetails_otherDetails__hqyOv li figure {
    margin: 0 auto 10px;
    width: clamp(35px, 8vw, 45px);
    height: clamp(35px, 8vw, 45px);
}

.OtherDetails_otherDetails__hqyOv li label {
    display: block;
    font-size: clamp(16px, 4vw, 20px);
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}

.OtherDetails_otherDetails__hqyOv li span {
    color: #222;
    font-size: clamp(10px, 2.5vw, 12px);
    line-height: 1.3;
}

.OtherDetails_otherDetails__hqyOv li img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}


/* Enhanced Mobile Services Section Breakpoints */

@media (max-width: 1200px) {
    .OtherDetails_otherDetails__hqyOv ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .OtherDetails_otherDetails__hqyOv {
        overflow: visible;
        padding: clamp(15px, 3vw, 30px) 0;
    }
    .OtherDetails_otherDetails__hqyOv ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .OtherDetails_otherDetails__hqyOv li {
        padding: 15px 10px;
        min-height: 100px;
    }
    .OtherDetails_otherDetails__hqyOv li label,
    .OtherDetails_otherDetails__hqyOv li span {
        white-space: normal;
        word-break: break-word;
    }
}

@media (max-width: 540px) {
    .OtherDetails_otherDetails__hqyOv ul {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .OtherDetails_otherDetails__hqyOv li {
        padding: 20px;
        min-height: 120px;
        text-align: center;
    }
    .OtherDetails_otherDetails__hqyOv li figure {
        width: clamp(30px, 8vw, 40px);
        height: clamp(30px, 8vw, 40px);
        margin-bottom: 15px;
    }
    .OtherDetails_otherDetails__hqyOv li label {
        font-size: clamp(14px, 4vw, 18px);
        margin-bottom: 8px;
    }
    .OtherDetails_otherDetails__hqyOv li span {
        font-size: clamp(10px, 3vw, 12px);
        line-height: 1.4;
    }
}


/* Enhanced Our Services Section Layout */

.OurService_ourServices__TaRvF {
    padding: clamp(40px, 8vw, 80px) 0;
    background-color: #f8f8f8;
}

.OurService_trunkeyUae__bFdmh {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: clamp(15px, 3vw, 24px);
}

.OurService_headingBx__OAV55 {
    padding: clamp(15px, 3vw, 24px) clamp(15px, 3vw, 20px);
    border-radius: 10px;
    background-color: #ffe5ea;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 250px;
}

.OurService_designBx__JSWOk {
    padding: clamp(15px, 3vw, 24px) clamp(15px, 3vw, 20px);
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.OurService_trunkeyIn__9Aegl {
    display: flex;
    gap: 24px
}

.OurService_trunkeyIn__9Aegl .OurService_services__1naKo {
    padding: 25px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    gap: 30px
}

.OurService_trunkeyIn__9Aegl .OurService_services__1naKo figure {
    width: 280px
}

.OurService_trunkeyIn__9Aegl .OurService_services__1naKo img {
    width: 100%
}

.OurService_trunkeyIn__9Aegl .OurService_interiorSrvs__wzXli {
    border: .5px solid #ffb5c4;
    background-image: linear-gradient(90deg, #fff 0, #ffe9ed)
}

.OurService_trunkeyIn__9Aegl .OurService_interiorSrvs__wzXli .OurService_knowBtn__YptuR {
    color: #eb5976
}

.OurService_trunkeyIn__9Aegl .OurService_homeConstrctn__vlOjb {
    border: .5px solid #c1d5ff;
    background-image: linear-gradient(90deg, #fff 0, #eaf1ff)
}

.OurService_trunkeyIn__9Aegl .OurService_homeConstrctn__vlOjb .OurService_knowBtn__YptuR {
    color: #1c2f59
}

.OurService_trunkeyIn__9Aegl .OurService_serviceDetails__kFk1_ {
    display: block;
    width: 100%;
    max-width: 200px
}

.OurService_trunkeyIn__9Aegl .OurService_text__W4XpJ {
    margin-bottom: 15px;
    display: block;
    font-size: 18px
}

.OurService_trunkeyIn__9Aegl .OurService_subText__2in_7 {
    margin-bottom: 10px
}

.OurService_trunkeyIn__9Aegl .OurService_toKnowMore__VB1KL {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

@media screen and (max-width:540px) {
    .OurService_ourServices__TaRvF {
        padding: 40px 0
    }
    .OurService_subHeading__90jQR {
        margin-bottom: 24px
    }
    .OurService_trunkeyIn__9Aegl {
        flex-direction: column
    }
    .OurService_trunkeyIn__9Aegl .OurService_services__1naKo {
        padding: 15px;
        flex-direction: column-reverse;
        text-align: center;
        align-items: center
    }
    .OurService_trunkeyIn__9Aegl .OurService_services__1naKo figure {
        max-width: 212px
    }
    .OurService_trunkeyIn__9Aegl .OurService_interiorSrvs__wzXli {
        background-image: linear-gradient(0deg, #fff 0, #ffe9ed)
    }
    .OurService_trunkeyIn__9Aegl .OurService_homeConstrctn__vlOjb {
        background-image: linear-gradient(0deg, #fff 0, #eaf1ff)
    }
    .OurService_trunkeyIn__9Aegl .OurService_serviceDetails__kFk1_ {
        max-width: 100%
    }
    .OurService_trunkeyIn__9Aegl .OurService_toKnowMore__VB1KL {
        justify-content: center
    }
    .OurService_trunkeyIn__9Aegl .OurService_text__W4XpJ {
        margin-bottom: 12px;
        font-size: 16px
    }
    .OurService_trunkeyIn__9Aegl svg {
        position: relative;
        top: 1px
    }
}

.OurService_trunkeyUae__bFdmh {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
    gap: 24px
}

.OurService_headingBx__OAV55 {
    padding: 24px;
    border-radius: 10px;
    background-color: #ffe5ea;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 305px
}

.OurService_trunkeyUae__bFdmh svg {
    stroke: #eb5976
}

.OurService_turknyKnowMore__QCwXC {
    color: #eb5976;
    text-transform: uppercase;
    cursor: pointer
}

.OurService_turknyKnowMore__QCwXC em {
    margin-left: 5px
}

.OurService_designBx__JSWOk {
    padding: 24px 20px;
    border-radius: 10px;
    background-color: #fff;
    text-align: center
}

.OurService_designBx__JSWOk figure {
    display: flex;
    align-items: center;
    justify-content: center
}

.OurService_designBx__JSWOk .OurService_designBxlabel__xA93U {
    display: block
}

@media screen and (max-width:540px) {
    .OurService_trunkeyUae__bFdmh {
        display: flex;
        flex-direction: column;
        gap: 15px
    }
    .OurService_trunkeyUae__bFdmh .OurService_heading__ec8RN {
        font-weight: 700
    }
    .OurService_trunkeyUae__bFdmh .OurService_subHeading__90jQR {
        margin-bottom: 16px
    }
    .OurService_headingBx__OAV55 {
        height: inherit
    }
    .OurService_turknyKnowMore__QCwXC {
        display: block;
        text-align: center
    }
    .OurService_designBx__JSWOk img {
        max-height: 80px
    }
}

.FactoryJourney_futMinboxhead__gsn_k {
    margin: 46px 0;
    text-align: center;
}

.FactoryJourney_funtLowmianbox__cCCm9 {
    display: flex;
    width: 100%;
}

.FactoryJourney_funMinimgbox__66aUp {
    padding-right: 0%;
    width: 100%;
}

.FactoryJourney_funLftloerbox__DzO_N {
    position: relative;
    width: 40%;
    margin-top: -10px;
}

.FactoryJourney_funRgtlowemainbox__CwBL5 {
    width: 62%;
    background: #f8f8f8;
    border-left: 1px solid #7f279f;
}

.FactoryJourney_funtMiantextbox__8WeEg {
    z-index: 1;
    position: absolute;
    top: calc(50% - 125px);
    left: 30px;
    width: 485px
}

.FactoryJourney_funmboRepoimbox__TwUKZ {
    display: none
}

.FactoryJourney_funMinimgbox__66aUp img {
    width: 100%;
    vertical-align: middle
}

@media screen and (max-width:1024px) {
    .mainContainer {
        display: flex;
        flex-direction: column;
    }
    .FactoryJourney_futMinboxhead__gsn_k {
        margin: 26px 0
    }
    .FactoryJourney_funtMiantextbox__8WeEg .FactoryJourney_stepFacthed___g_9p {
        margin-top: 16px;
        font-size: 24px
    }
    .FactoryJourney_funtMiantextbox__8WeEg {
        width: 340px;
        left: 24px;
        top: calc(50% - 110px)
    }
}

@media screen and (max-width:768px) {
    .mainContainer {
        display: flex;
        flex-direction: column;
    }
    .FactoryJourney_funtMiantextbox__8WeEg .FactoryJourney_stepFacthed___g_9p {
        font-size: 20px;
        margin-bottom: 5px
    }
    .FactoryJourney_funtMiantextbox__8WeEg p {
        font-size: 26px;
        line-height: 30px
    }
    .FactoryJourney_funtMiantextbox__8WeEg {
        width: 235px
    }
}

@media screen and (max-width:540px) {
    .FactoryJourney_funmboRepoimbox__TwUKZ {
        display: block
    }
    /* .FactoryJourney_funMinimgbox__66aUp {
        display: none
    } */
    .FactoryJourney_funtLowmianbox__cCCm9 {
        display: flexbox;
        flex-direction: column;
        gap: 30px;
    }
    .FactoryJourney_funLftloerbox__DzO_N {
        width: 100%;
        display: inline-block;
    }
    .FactoryJourney_funRgtlowemainbox__CwBL5 {
        width: 100%;
        height: 200px
    }
    .FactoryJourney_funmboRepoimbox__TwUKZ img,
    .FactoryJourney_funtMiantextbox__8WeEg {
        width: 100%;
    }
    .FactoryJourney_funtMiantextbox__8WeEg .FactoryJourney_stepFacthed___g_9p {
        font-size: 40px;
        margin-top: 50px
    }
    .FactoryJourney_funtMiantextbox__8WeEg p {
        font-size: 26px;
        line-height: 30px;
    }
    .FactoryJourney_funtMiantextbox__8WeEg {
        padding: 16px;
        left: 0;
    }
    .FactoryJourney_futMinboxhead__gsn_k h3 {
        padding: 16px;
        color: #000000;
        font-size: 25px;
        text-align: left;
        line-height: 24px;
        display: block;
    }
    .FactoryJourney_funRgtlowemainbox__CwBL5 {
        border-left: none
    }
}


/*# sourceMappingURL=bee8aa233ef1ad2e.css.map*/


/* Enhanced Design Ideas Typography */

.design_tab {
    text-align: center;
    padding: var(--space-lg) 0;
}

.design_tab h1 {
    font-size: var(--font-size-xxl);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 600;
    margin-bottom: var(--space-sm);
    line-height: 1.2;
    color: #222;
}

.design_tab p {
    font-size: var(--font-size-lg);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: var(--secondary);
    line-height: 1.5;
    max-width: 600px;
    margin: 0 auto;
}

.parent {
    display: grid;
    gap: clamp(15px, 3vw, 35px);
    padding: 0 clamp(15px, 5vw, 100px);
    margin-bottom: 50px;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
}

.div1,
.div2,
.div3,
.div4,
.div5,
.div6,
.div7,
.div8 {
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 13px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}


/* Enhanced hover effects with reduced motion support */

@media (hover: hover) {
    .div1:hover,
    .div2:hover,
    .div3:hover,
    .div4:hover,
    .div5:hover,
    .div6:hover,
    .div7:hover,
    .div8:hover {
        transform: translateY(-5px);
        box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .div1,
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8 {
        transition: none;
    }
    .div1:hover,
    .div2:hover,
    .div3:hover,
    .div4:hover,
    .div5:hover,
    .div6:hover,
    .div7:hover,
    .div8:hover {
        transform: none;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.25);
    }
}


/* Enhanced Responsive Grid Breakpoints */

@media (min-width: 1400px) {
    .parent {
        grid-template-columns: repeat(4, 1fr);
        gap: clamp(25px, 4vw, 40px);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .parent {
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(20px, 3vw, 30px);
        padding: 0 clamp(30px, 5vw, 80px);
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .parent {
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(15px, 2.5vw, 25px);
        padding: 0 clamp(20px, 4vw, 60px);
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .parent {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(15px, 3vw, 20px);
        padding: 0 clamp(15px, 3vw, 40px);
    }
}

@media (max-width: 599px) {
    .parent {
        grid-template-columns: 1fr;
        gap: clamp(15px, 4vw, 20px);
        padding: 0 20px;
    }
}


/* Enhanced aspect ratios for different screen sizes */

@media (max-width: 480px) {
    .div1,
    .div2,
    .div3,
    .div4,
    .div5,
    .div6,
    .div7,
    .div8 {
        aspect-ratio: 16/10;
        /* Wider aspect ratio on very small screens */
    }
}


/* Tablet landscape optimization */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .parent {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* Living_room photos */

.Living_room_div1 {
    background-image: url('https://i.postimg.cc/FKmcSnDh/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div2 {
    background-image: url('https://i.postimg.cc/L5qZRd63/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div3 {
    background-image: url('https://i.postimg.cc/xC1zxJw7/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div4 {
    background-image: url('https://i.postimg.cc/1XLV3W8h/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div5 {
    background-image: url('https://i.postimg.cc/269BPjm5/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div6 {
    background-image: url('https://i.postimg.cc/T2SD0PC7/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div7 {
    background-image: url('https://i.postimg.cc/YqWmswPp/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Living_room_div8 {
    background-image: url('https://i.postimg.cc/g0Jh46F7/img1.jpg');
    background-position: center;
    background-size: cover;
}


/* Modular_kitchen photos */

.Modular_kitchen_div1 {
    background-image: url('https://i.postimg.cc/g0Jh46F7/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div2 {
    background-image: url('https://i.postimg.cc/8PmrSbT3/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div3 {
    background-image: url('https://i.postimg.cc/Jz7H4Bnh/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div4 {
    background-image: url('https://i.postimg.cc/MHkjWPMk/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div5 {
    background-image: url('https://i.postimg.cc/rsSRz1xD/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div6 {
    background-image: url('https://i.postimg.cc/TY6WFsvg/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div7 {
    background-image: url('https://i.postimg.cc/ryWrhk3q/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Modular_kitchen_div8 {
    background-image: url('https://i.postimg.cc/XY2GZ7Gk/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Wardrobe photos */

.Wardrobe_div1 {
    background-image: url('https://i.postimg.cc/B6zXmhcL/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div2 {
    background-image: url('https://i.postimg.cc/rstz3SQh/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div3 {
    background-image: url('https://i.postimg.cc/m2CyFMBN/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div4 {
    background-image: url('https://i.postimg.cc/cCQTZ8Jm/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div5 {
    background-image: url('https://i.postimg.cc/gcRg31KZ/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div6 {
    background-image: url('https://i.postimg.cc/xT3g4Hhj/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div7 {
    background-image: url('https://i.postimg.cc/2SHGzYCP/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Wardrobe_div8 {
    background-image: url('https://i.postimg.cc/jjLX215C/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Master_bedroom photos */

.Master_bedroom_div1 {
    background-image: url('https://i.postimg.cc/Bn3c56vW/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div2 {
    background-image: url('https://i.postimg.cc/4dyYbCtR/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div3 {
    background-image: url('https://i.postimg.cc/B6zXmhcL/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div4 {
    background-image: url('https://i.postimg.cc/rstz3SQh/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div5 {
    background-image: url('https://i.postimg.cc/MX2XSvLz/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div6 {
    background-image: url('https://i.postimg.cc/VkF9K8SJ/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div7 {
    background-image: url('https://i.postimg.cc/nVskpgWW/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Master_bedroom_div8 {
    background-image: url('https://i.postimg.cc/m2CyFMBN/img7.jpg');
    background-position: center;
    background-size: cover;
}


/* Kids_room photos */

.Kids_room_div1 {
    background-image: url('/images/Kids_room/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div2 {
    background-image: url('https://i.postimg.cc/4NQXdL76/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div3 {
    background-image: url('https://i.postimg.cc/fTNwMnLW/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div4 {
    background-image: url('https://i.postimg.cc/J0bMjKTW/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div5 {
    background-image: url('https://i.postimg.cc/VsMfyLzH/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div6 {
    background-image: url('https://i.postimg.cc/7ZBD15Nb/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div7 {
    background-image: url('https://i.postimg.cc/cJ2SjP2S/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Kids_room_div8 {
    background-image: url('https://i.postimg.cc/3NHHrm3f/img7.jpg');
    background-position: center;
    background-size: cover;
}


/* Kitchen_wall_tiles photos */

.Kitchen_wall_tiles_div1 {
    background-image: url('https://i.postimg.cc/Wbh7pKfK/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div2 {
    background-image: url('https://i.postimg.cc/rmj9zLT6/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div3 {
    background-image: url('https://i.postimg.cc/SK0dvrdP/img11.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div4 {
    background-image: url('https://i.postimg.cc/hvG1d34X/img12.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div5 {
    background-image: url('https://i.postimg.cc/L50BBBhN/img13.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div6 {
    background-image: url('https://i.postimg.cc/ncgGXkyL/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div7 {
    background-image: url('https://i.postimg.cc/FRrjMnLT/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_wall_tiles_div8 {
    background-image: url('https://i.postimg.cc/9Q9tZ92Y/img4.jpg');
    background-position: center;
    background-size: cover;
}


/* Kitchen_false_ceiling photos */

.Kitchen_false_ceiling_div1 {
    background-image: url('https://i.postimg.cc/MpHgSdyK/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div2 {
    background-image: url('https://i.postimg.cc/Y0xTpPnj/img11.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div3 {
    background-image: url('https://i.postimg.cc/c17pMKxZ/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div4 {
    background-image: url('https://i.postimg.cc/Wb2Q92zZ/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div5 {
    background-image: url('https://i.postimg.cc/zX0469Hc/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div6 {
    background-image: url('https://i.postimg.cc/pdn79rGw/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div7 {
    background-image: url('https://i.postimg.cc/13d25wH0/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Kitchen_false_ceiling_div8 {
    background-image: url('https://i.postimg.cc/SRVt0MRM/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Balcony photos */

.Balcony_div1 {
    background-image: url('https://i.postimg.cc/vBqK1n7t/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div2 {
    background-image: url('https://i.postimg.cc/pdkG7jSM/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div3 {
    background-image: url('https://i.postimg.cc/y84bSsRt/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div4 {
    background-image: url('https://i.postimg.cc/FsJ6R7Y0/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div5 {
    background-image: url('https://i.postimg.cc/gc75mv2Y/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div6 {
    background-image: url('https://i.postimg.cc/52BkBTq0/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div7 {
    background-image: url('https://i.postimg.cc/B66YG6WL/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Balcony_div8 {
    background-image: url('https://i.postimg.cc/zBcdDr5d/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Tv_unit photos */

.Tv_unit_div1 {
    background-image: url('https://i.postimg.cc/FzKwHZ2Z/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div2 {
    background-image: url('https://i.postimg.cc/pV0g1wF1/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div3 {
    background-image: url('https://i.postimg.cc/L6nrdxk4/img11.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div4 {
    background-image: url('https://i.postimg.cc/Y0yZGF7w/img12.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div5 {
    background-image: url('https://i.postimg.cc/RVy2vwG7/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div6 {
    background-image: url('https://i.postimg.cc/x1mh8qFW/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div7 {
    background-image: url('https://i.postimg.cc/d0KXyvbD/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Tv_unit_div8 {
    background-image: url('https://i.postimg.cc/bvH50WPg/img5.jpg');
    background-position: center;
    background-size: cover;
}


/* Bathroom photos */

.Bathroom_div1 {
    background-image: url('https://i.postimg.cc/fLJGf5Rr/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div2 {
    background-image: url('https://i.postimg.cc/N0JhXZBX/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div3 {
    background-image: url('https://i.postimg.cc/zDRmLdML/img12.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div4 {
    background-image: url('https://i.postimg.cc/4ycjrdtv/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div5 {
    background-image: url('https://i.postimg.cc/Zqq2Jjp5/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div6 {
    background-image: url('https://i.postimg.cc/Vkg2y2Sh/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div7 {
    background-image: url('https://i.postimg.cc/GpSNtYxJ/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Bathroom_div8 {
    background-image: url('https://i.postimg.cc/1tndqtWx/img6.jpg');
    background-position: center;
    background-size: cover;
}


/* Pooja_mandir photos */

.Pooja_mandir_div1 {
    background-image: url('https://i.postimg.cc/fRgyz2pH/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div2 {
    background-image: url('https://i.postimg.cc/yYjW5YPC/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div3 {
    background-image: url('https://i.postimg.cc/FHK1Q5Wd/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div4 {
    background-image: url('https://i.postimg.cc/RV4NXnwT/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div5 {
    background-image: url('https://i.postimg.cc/JhDnG3WR/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div6 {
    background-image: url('https://i.postimg.cc/2ym8cPL5/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div7 {
    background-image: url('https://i.postimg.cc/MGCGRcWV/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Pooja_mandir_div8 {
    background-image: url('https://i.postimg.cc/26nSxz6J/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Dining_room photos */

.Dining_room_div1 {
    background-image: url('https://i.postimg.cc/2SpY20Qr/dining-room-with-table-chairs-with-painting-wall.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div2 {
    background-image: url('https://i.postimg.cc/QMp9xk3v/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div3 {
    background-image: url('https://i.postimg.cc/zB7yTz3j/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div4 {
    background-image: url('https://i.postimg.cc/8cCjH26V/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div5 {
    background-image: url('https://i.postimg.cc/Pf6Lx5gf/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div6 {
    background-image: url('https://i.postimg.cc/SskXX2QR/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div7 {
    background-image: url('https://i.postimg.cc/SRtjtg6Y/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Dining_room_div8 {
    background-image: url('https://i.postimg.cc/sgpr85mS/modern-interior-dining-room-with-large-table-with-formal-place-settings-long-room-etc.jpg');
    background-position: center;
    background-size: cover;
}


/* False_ceiling photos */

.False_ceiling_div1 {
    background-image: url('https://i.postimg.cc/5yTh6z5F/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div2 {
    background-image: url('https://i.postimg.cc/2y1pkGWD/3d-rendering-modern-dining-room-living-room-with-luxury-decor.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div3 {
    background-image: url('https://i.postimg.cc/ydQ4Ctkj/3d-rendering3d-illustration-interior-scene-mockupbedroom-interior-designdecorate-modern-style-with-w.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div4 {
    background-image: url('https://i.postimg.cc/DybVRCFQ/ceiling-with-lights-large-window.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div5 {
    background-image: url('https://i.postimg.cc/7PR8svvY/empty-luxury-bedroom-premium-photo.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div6 {
    background-image: url('https://i.postimg.cc/dVPMF8tb/large-open-room-with-white-ceiling-white-walls.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div7 {
    background-image: url('https://i.postimg.cc/VNm3rmt4/minimalist-office-interior-design.jpg');
    background-position: center;
    background-size: cover;
}

.False_ceiling_div8 {
    background-image: url('https://i.postimg.cc/PxFcRDRF/room-with-round-ceiling-round-light-couches.jpg');
    background-position: center;
    background-size: cover;
}


/* Wall_paint photos */

.Window_div1 {
    background-image: url('https://i.postimg.cc/cJwkW7LK/3d-contemporary-living-room-interior-modern-furniture.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div2 {
    background-image: url('https://i.postimg.cc/YSHf15t9/beautiful-kitchen-with-modern-interior.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div3 {
    background-image: url('https://i.postimg.cc/LXVyYHf2/front-view-city-building-window.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div4 {
    background-image: url('https://i.postimg.cc/LX4tWjYF/interior-design-with-bed-by-window.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div5 {
    background-image: url('https://i.postimg.cc/DzPQ5xzc/montreal-window.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div6 {
    background-image: url('https://i.postimg.cc/NfZx0yVR/photorealistic-sustainable-garden-with-home-grown-plants.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div7 {
    background-image: url('https://i.postimg.cc/B6hTftHL/selective-shot-pink-flowers-pots-balcony-house-with-stone-walls-white-windows.jpg');
    background-position: center;
    background-size: cover;
}

.Window_div8 {
    background-image: url('https://i.postimg.cc/4yqpnM8X/snowy-window-with-christmas-interior-decor.jpg');
    background-position: center;
    background-size: cover;
}


/* Wall photos */

.Wall_div1 {
    background-image: url('https://i.postimg.cc/9fpxw9PN/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div2 {
    background-image: url('https://i.postimg.cc/14h0jRcq/img10.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div3 {
    background-image: url('https://i.postimg.cc/sxZ9mGSz/img11.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div4 {
    background-image: url('https://i.postimg.cc/qvHQmwj5/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div5 {
    background-image: url('https://i.postimg.cc/pTLsfdqV/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div6 {
    background-image: url('https://i.postimg.cc/zv9pYF53/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div7 {
    background-image: url('https://i.postimg.cc/7hCXRQFp/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_div8 {
    background-image: url('https://i.postimg.cc/PfcSDTZh/img6.jpg');
    background-position: center;
    background-size: cover;
}


/* Window photos */

.Wall_paint_div1 {
    background-image: url('https://i.postimg.cc/9fpxw9PN/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div2 {
    background-image: url('https://i.postimg.cc/qvHQmwj5/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div3 {
    background-image: url('https://i.postimg.cc/pTLsfdqV/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div4 {
    background-image: url('https://i.postimg.cc/zv9pYF53/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div5 {
    background-image: url('https://i.postimg.cc/7hCXRQFp/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div6 {
    background-image: url('https://i.postimg.cc/PfcSDTZh/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div7 {
    background-image: url('https://i.postimg.cc/76RnSn5X/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Wall_paint_div8 {
    background-image: url('https://i.postimg.cc/pTrB96Lp/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* tiles photos */

.tiles_div1 {
    background-image: url('https://i.postimg.cc/RZjmpjjz/img1.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div2 {
    background-image: url('https://i.postimg.cc/VkbQtK5Z/img10.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div3 {
    background-image: url('https://i.postimg.cc/Y97HMQrn/img2.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div4 {
    background-image: url('https://i.postimg.cc/mDSGDhhb/img3.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div5 {
    background-image: url('https://i.postimg.cc/wBLpCwpR/img4.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div6 {
    background-image: url('https://i.postimg.cc/wMTYsHsD/img5.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div7 {
    background-image: url('https://i.postimg.cc/gcNWbwfs/img6.jpg');
    background-position: center;
    background-size: cover;
}

.tiles_div8 {
    background-image: url('https://i.postimg.cc/WzWLGKMC/img7.jpg');
    background-position: center;
    background-size: cover;
}


/* Staircase photos */

.Staircase_div1 {
    background-image: url('https://i.postimg.cc/dt5t6Nsq/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div2 {
    background-image: url('https://i.postimg.cc/SsLmMD1b/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div3 {
    background-image: url('https://i.postimg.cc/DwDfkW4H/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div4 {
    background-image: url('https://i.postimg.cc/mrHLbbQD/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div5 {
    background-image: url('https://i.postimg.cc/SRyk7CH2/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div6 {
    background-image: url('https://i.postimg.cc/nzfHr6k1/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div7 {
    background-image: url('https://i.postimg.cc/kGf9jDdj/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Staircase_div8 {
    background-image: url('https://i.postimg.cc/kGf9jDdj/img7.jpg');
    background-position: center;
    background-size: cover;
}


/* Door photos */

.Door_div1 {
    background-image: url('https://i.postimg.cc/8c3PbjGh/img1.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div2 {
    background-image: url('https://i.postimg.cc/x1LTKf4z/img2.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div3 {
    background-image: url('https://i.postimg.cc/qBZRrZKz/img3.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div4 {
    background-image: url('https://i.postimg.cc/LsR4Dcc0/img4.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div5 {
    background-image: url('https://i.postimg.cc/KYNGH9Fc/img5.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div6 {
    background-image: url('https://i.postimg.cc/NMjsq1f6/img6.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div7 {
    background-image: url('https://i.postimg.cc/Y9DpphhJ/img7.jpg');
    background-position: center;
    background-size: cover;
}

.Door_div8 {
    background-image: url('https://i.postimg.cc/8cFTsNvs/img8.jpg');
    background-position: center;
    background-size: cover;
}


/* Enhanced Comprehensive Tab System */

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 2vw, 15px);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 clamp(15px, 3vw, 60px);
}

.tab button:hover {
    background-color: #cacaca;
    transform: scale(1.02);
}

.tab button.active {
    background-color: var(--primary);
    color: var(--light);
    box-shadow: 0 4px 12px rgba(248, 92, 112, 0.3);
}


/* Enhanced Tab Content */

.tabcontent {
    display: none;
    padding: clamp(10px, 2vw, 20px) clamp(5px, 1vw, 12px);
    min-height: clamp(60vh, 70vh, 80vh);
    opacity: 0;
    animation: fadeIn 0.3s ease-in-out forwards;
}

.tabcontent.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Responsive Tab Adjustments */

@media (max-width: 1200px) {
    .tab {
        padding: 0 clamp(15px, 3vw, 40px);
    }
}

@media (max-width: 768px) {
    .tab {
        padding: 0 15px;
    }
    .scroll-btn {
        font-size: clamp(12px, 3vw, 14px);
        padding: clamp(6px, 1.5vw, 8px) clamp(8px, 2vw, 10px);
        min-width: 35px;
    }
    .button-track button {
        font-size: clamp(10px, 2.5vw, 12px);
        padding: clamp(6px, 1.5vw, 8px) clamp(10px, 2.5vw, 12px);
        min-height: 35px;
    }
}

@media (max-width: 480px) {
    .tab {
        padding: 0 10px;
        gap: 5px;
    }
    .scroll-btn {
        font-size: 12px;
        padding: 6px 8px;
        min-width: 30px;
    }
    .button-track {
        gap: 6px;
    }
    .button-track button {
        font-size: 10px;
        padding: 6px 8px;
        min-height: 32px;
    }
}


/* scrolling buttons */

.scroll-container {
    border: none;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0 clamp(15px, 3vw, 60px);
}

.scroll-btn {
    border: none;
    background: var(--dark);
    color: var(--light);
    font-size: clamp(16px, 2vw, 20px);
    padding: clamp(8px, 1.5vw, 12px) clamp(10px, 2vw, 15px);
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll-btn:hover {
    background: #555;
    transform: scale(1.05);
}

.button-track {
    display: flex;
    gap: clamp(8px, 1.5vw, 15px);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
    flex: 1;
    padding: 0 10px;
}

.button-track::-webkit-scrollbar {
    display: none;
}


/* Chrome/Safari */

.button-track button {
    display: inline-block;
    width: auto;
    padding: clamp(8px, 1.5vw, 12px) clamp(12px, 2vw, 20px);
    height: auto;
    min-height: 40px;
    white-space: nowrap;
    font-size: clamp(12px, 1.8vw, 16px);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: var(--light-gray);
    color: var(--gray);
    transition: transform 0.2s, background 0.3s;
    flex-shrink: 0;
}

.button-track button:hover {
    transform: scale(1.05);
}

.button-track button.active {
    background: var(--primary);
    color: white;
}


/* Mobile tab navigation adjustments */

@media (max-width: 768px) {
    .scroll-container {
        padding: 0 15px;
    }
    .scroll-btn {
        font-size: 14px;
        padding: 8px 10px;
        min-width: 35px;
    }
    .button-track button {
        font-size: 12px;
        padding: 8px 12px;
        min-height: 35px;
    }
}

@media (max-width: 480px) {
    .scroll-container {
        padding: 0 10px;
    }
    .scroll-btn {
        font-size: 12px;
        padding: 6px 8px;
        min-width: 30px;
    }
}

.design_tab_button {
    margin-left: 650px;
}


/* project explore */

.pro-header {
    margin-top: 30px;
    text-align: center;
}

.pro-header h1 {
    font-size: var(--font-size-xxl);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 400;
}

.pro-header p {
    font-size: var(--font-size-lg);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: var(--gray);
}

.project_360 {
    margin-bottom: 70px;
}

.pro-parent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(15px, 3vw, 30px);
    margin: clamp(30px, 8vw, 100px) clamp(15px, 5vw, 110px) 0;
    padding-bottom: 30px;
}

.pro-div1,
.pro-div2,
.pro-div3,
.pro-div4,
.pro-div5 {
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    aspect-ratio: 16/10;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.pro-div1:hover,
.pro-div2:hover,
.pro-div3:hover,
.pro-div4:hover,
.pro-div5:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.pro-div1 {
    background-image: url('https://i.postimg.cc/WbH2RDQr/img1.jpg');
}

.pro-div2 {
    background-image: url('https://i.postimg.cc/BnPJJS0z/img2.jpg');
}

.pro-div3 {
    background-image: url('https://i.postimg.cc/pTCHsyfm/img3.jpg');
}

.pro-div4 {
    background-image: url('https://i.postimg.cc/PxTHb1wG/img4.jpg');
}

.pro-div5 {
    background-image: url('https://i.postimg.cc/BvW46rZn/img5.jpg');
}


/* Responsive adjustments for 360-degree gallery */

@media (min-width: 1400px) {
    .pro-parent {
        grid-template-columns: repeat(3, 1fr);
    }
    .pro-div1,
    .pro-div2 {
        grid-column: span 1;
    }
    .pro-div3,
    .pro-div4,
    .pro-div5 {
        grid-column: span 1;
    }
}

@media (max-width: 900px) {
    .pro-parent {
        grid-template-columns: repeat(2, 1fr);
        margin: 30px 20px 0;
    }
}

@media (max-width: 600px) {
    .pro-parent {
        grid-template-columns: 1fr;
        margin: 20px 15px 0;
    }
    .pro-div1,
    .pro-div2,
    .pro-div3,
    .pro-div4,
    .pro-div5 {
        aspect-ratio: 4/3;
    }
}


/* Responsive improvements */

@media (max-width: 1200px) {
    .parent,
    .pro-parent {
        margin-left: 20px;
        margin-right: 20px;
        gap: 16px;
    }
    .service-box-main {
        padding-left: 20px;
        padding-right: 20px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .parent,
    .pro-parent {
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
    }
    .service-box-main {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
}


/* desging ideas */

.wrap {
    margin-top: 60px;
    max-width: 1100px;
    margin-inline: auto;
    padding: 32px 20px 56px;
}

header {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.search {
    position: relative;
    flex: 1 1 260px;
    max-width: 420px;
}

.search input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    border-radius: 14px;
    border: 1px solid var(--gray);
    background: var(--white);
    color: var(--dark);
    outline: none;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.search input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 30%, transparent 70%);
}

.search svg {
    position: absolute;
    left: 12px;
    top: 50%;
    translate: 0 -50%;
    width: 18px;
    height: 18px;
    opacity: .7;
    color: var(--gray-dark);
}


/* GRID */

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}


/* CARD */

.card {
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 18px;
    overflow: hidden;
    padding-left: 0%;
    box-shadow: 0 6px 20px rgb(0 0 0 / .08);
    transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

.card:focus-within,
.card:hover {
    transform: translateY(-2px);
    border-color: var(--primary);
    box-shadow: 0 14px 40px rgb(0 0 0 / .15);
}

@media (max-width: 992px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
        /* 2 columns on tablets */
    }
}

@media (max-width: 576px) {
    .grid {
        grid-template-columns: 1fr;
        /* 1 column on mobiles */
    }
}

.media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--light-gray);
}

.media img {
    width: 130%;
    height: 130%;
    transition: transform .4s ease;
}

.card:hover .media img {
    transform: scale(1.04);
}

.content {
    padding: 14px 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.title {
    font-size: clamp(15px, 1.6vw, 18px);
    margin: 0;
    letter-spacing: .2px;
    color: var(--dark);
}

.desc {
    color: var(--gray);
    margin: 0;
    font-size: 14px;
}

.meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--secondary);
}

.tag {
    padding: 4px 8px;
    border: 1px solid var(--light-gray);
    border-radius: 999px;
    background: var(--light);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

footer {
    text-align: center;
    opacity: .7;
    margin-top: 28px;
    font-size: 13px;
    color: var(--secondary);
}

.hero-link a {
    text-decoration: none;
    color: var(--gray-dark);
}

.design-hero h1 {
    font-size: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 500;
}

.design-hero p {
    font-size: 18px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: var(--gray);
}


/* whatset */

.whyChooseus_whyItem__oCHhb {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #9996
}

.whyChooseus_whyItem__oCHhb:last-child {
    border-right: none
}

.whyChooseus_whyItem__oCHhb figure {
    margin: 16px 0 12px
}

.whyChooseus_whyItem__oCHhb .whyChooseus_title__jw4Y3 {
    font-size: 16px
}

.whyChooseus_whyInteriorBox__4NFp7 {
    padding: 46px 0;
    overflow: auto
}

.whyChooseus_whyChooseBtn__GTv3X {
    padding: 0 35px;
    line-height: 50px
}

@media screen and (max-width:768px) {
    .whyChooseus_whyInteriorBox__4NFp7 {
        padding: 24px 0 5px;
        margin-bottom: 20px;
        display: flex
    }
    .whyChooseus_whyItem__oCHhb {
        padding: 16px;
        margin-bottom: 0;
        min-width: 230px;
        border-radius: 5px
    }
    .whyChooseus_whyItem__oCHhb figure {
        margin: 0 0 12px
    }
    .whyChooseus_whyItem__oCHhb .whyChooseus_title__jw4Y3 {
        margin-bottom: 12px;
        font-size: 14px
    }
    .whyChooseus_whyItem__oCHhb .whyChooseus_subtitle__OKQmZ {
        font-size: 12px;
        line-height: 16px
    }
}

@media screen and (max-width:540px) {
    .whyChooseus_whyChooseBtn__GTv3X {
        width: 100%;
        justify-content: center;
        text-align: center
    }
}

.HowItWorks_howItWorkMain__O6UJ5 {
    padding-bottom: 100px
}

.HowItWorks_workBx___6HvV {
    display: flex;
    gap: 24px;
    align-items: center
}

.HowItWorks_workImg__fGxlp figure {
    max-width: 474px;
    width: 100%
}

.HowItWorks_workDetails__pKwRC {
    width: 100%
}

.HowItWorks_stepsBx__HY4oU {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 420px;
    width: 100%
}

.HowItWorks_stepsBx__HY4oU:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background-color: #666;
    width: 100%
}

.HowItWorks_stepsBx__HY4oU li {
    width: 32px;
    height: 32px;
    position: relative;
    background-color: #f8f8f8;
    z-index: 1
}

.HowItWorks_stepsBx__HY4oU li,
.HowItWorks_stepsBx__HY4oU li span {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.HowItWorks_stepsBx__HY4oU li span {
    background-color: #ffe7eb;
    font-size: 8px;
    width: 16px;
    height: 16px;
    color: #666
}

.HowItWorks_stepsBx__HY4oU li label {
    margin-left: -50px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    white-space: nowrap;
    width: 100px;
    font-size: 12px;
    text-align: center
}

.HowItWorks_stepsBx__HY4oU li.HowItWorks_active__4JMUw span {
    background-color: #eb5976;
    color: #fff
}

.HowItWorks_stepsBx__HY4oU li.HowItWorks_active__4JMUw label {
    color: #222
}

.HowItWorks_context__T0cn9 {
    margin: 0 auto;
    display: block;
    max-width: 520px;
    width: 100%
}

.HowItWorks_context__T0cn9 li {
    display: none
}

.HowItWorks_context__T0cn9 li label {
    margin-bottom: 12px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #000
}

.HowItWorks_context__T0cn9 li span {
    text-align: center;
    display: block;
    height: 60px
}

.HowItWorks_context__T0cn9 li.HowItWorks_active__4JMUw {
    display: block
}

@media screen and (max-width:540px) {
    .HowItWorks_workBx___6HvV {
        flex-direction: column
    }
    .HowItWorks_workImg__fGxlp figure {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .HowItWorks_stepsBx__HY4oU li label {
        font-size: 10px;
        margin: 0;
        left: calc(50% - 20px);
        width: 40px;
        white-space: inherit;
        bottom: inherit;
        top: 30px
    }
    .HowItWorks_context__T0cn9 li span {
        font-size: 14px
    }
}

.WhatSetsUsApart_setsPartList__nPqCq {
    display: flex;
    justify-content: center;
    grid-gap: 24px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 {
    background: #fff9fa;
    box-shadow: 0 0 15px 0 hsla(0, 0%, 46%, .25);
    border-radius: 8px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li {
    color: #f87690;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ffcdd7;
    padding: 14px 18px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li:first-child {
    border-radius: 10px 10px 0 0
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li:last-child {
    border-radius: 0 0 10px 10px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li p {
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0
}

.WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li p {
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 400
}

.WhatSetsUsApart_whatSetsList__3JQ2A li {
    height: 70px;
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    justify-content: flex-start;
    text-align: right;
}

.WhatSetsUsApart_whatSetsList__3JQ2A {
    padding-top: 36px
}

@media screen and (max-width:768px) {
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li,
    .WhatSetsUsApart_whatSetsList__3JQ2A li {
        font-size: 10px;
        line-height: normal
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li span,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li span {
        display: none
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li p,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li p {
        font-size: 11px;
        line-height: normal
    }
    .WhatSetsUsApart_setsPartList__nPqCq {
        grid-gap: 10px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 57px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A li {
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: right;
        margin-bottom: 0px;
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li {
        padding: 10px;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li {
        padding: 10px 0;
        height: 62px;
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:540px) {
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 37px;
    }
}

@media screen and (max-width:375px) {
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_subHeading__k79Z_ {
        height: 40px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 57px
    }
}

.customSlideArrow_leftCustomSlide__zvOI2 {
    left: 15px
}

.customSlideArrow_leftCustomSlide__zvOI2,
.customSlideArrow_rightCustomSlide__OVwSn {
    position: absolute;
    top: calc(50% - 20px);
    color: #000;
    width: 40px;
    height: 35px;
    background-color: hsla(0, 0%, 97%, .7);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: .3s;
    z-index: 1
}

.customSlideArrow_rightCustomSlide__OVwSn {
    right: 15px
}

.customSlideArrow_left0__AQiVp {
    left: 0;
    top: 0
}

.customSlideArrow_right0__joNsJ {
    right: 0;
    top: 0
}

@media screen and (max-width:540px) {
    .customSlideArrow_leftCustomSlide__zvOI2,
    .customSlideArrow_rightCustomSlide__OVwSn {
        width: 30px;
        height: 30px
    }
    .customSlideArrow_left0__AQiVp {
        left: 0;
        height: 36px;
        top: 0
    }
    .customSlideArrow_right0__joNsJ {
        right: 0;
        height: 36px;
        top: 0
    }
}

.WhyClientsChooseUS_clientVideo__qMrA2 {
    position: relative
}

.WhyClientsChooseUS_clientVideo__qMrA2::-webkit-scrollbar {
    height: 0
}

.WhyClientsChooseUS_VideoBox__XicZE {
    margin-right: 22px;
    box-shadow: 0 5px 15px 0 #e3e3e3;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    max-width: 365px
}

.WhyClientsChooseUS_VideoBox__XicZE:last-child {
    margin-right: 0
}

.WhyClientsChooseUS_VideoBox__XicZE figure {
    margin-bottom: 16px;
    position: relative;
    display: flex
}

.WhyClientsChooseUS_VideoBox__XicZE figure span {
    width: 100% !important
}

.WhyClientsChooseUS_VideoBox__XicZE figure .WhyClientsChooseUS_youtubelogo__sOOLT {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 57px;
    height: 40px;
    cursor: pointer;
    transform: translate(-50%, -50%)
}

.WhyClientsChooseUS_videoName__ga_U1,
.WhyClientsChooseUS_videoText__2JHxl {
    padding: 0 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces
}

.WhyClientsChooseUS_videoName__ga_U1 {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 15px
}

.WhyClientsChooseUS_realStories__2T68H {
    position: relative;
    white-space: nowrap;
    overflow: auto;
    scroll-behavior: smooth
}

.WhyClientsChooseUS_realStories__2T68H::-webkit-scrollbar {
    height: 0
}

@media screen and (max-width:540px) {
    .WhyClientsChooseUS_videoText__2JHxl {
        white-space: break-spaces
    }
    .WhyClientsChooseUS_VideoBox__XicZE {
        max-width: 100%
    }
    .WhyClientsChooseUS_clientVideo__qMrA2 {
        display: block;
        white-space: break-spaces
    }
    .WhyClientsChooseUS_clientVideo__qMrA2 a:last-child {
        margin-right: 0
    }
}

.OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 {
    display: flex;
    width: 162px;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: relative
}

.OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 img {
    object-fit: contain
}

.OurBrandPartners_brandList__xKZlN {
    width: 100%;
    overflow: hidden;
    position: relative
}

.OurBrandPartners_marqueeWrapper__hXonl {
    width: 100%;
    overflow: hidden
}

.OurBrandPartners_marqueeGroup__qv2Ly {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    gap: 2rem;
    animation: OurBrandPartners_scroll__e5ftN 10s linear infinite
}

.OurBrandPartners_marqueeGroup__qv2Ly:hover {
    animation-play-state: paused
}

.OurBrandPartners_sliderImage__ZPMC1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 130px
}

@keyframes OurBrandPartners_scroll__e5ftN {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-50%)
    }
}

@media (max-width:1024px) {
    .OurBrandPartners_marqueeGroup__qv2Ly {
        gap: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .OurBrandPartners_brandList__xKZlN {
        grid-gap: 10px
    }
    .OurBrandPartners_brandList__xKZlN li {
        flex-shrink: 0
    }
    .OurBrandPartners_marqueeGroup__qv2Ly {
        gap: 1rem
    }
    .OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 img {
        max-width: 100px;
        width: 100%
    }
}

.MediaCoverage_mediaCoverage__gy_1_ {
    display: flex;
    position: relative;
    gap: 15px;
    white-space: nowrap;
    overflow: auto;
    scroll-behavior: smooth
}

.MediaCoverage_mediaCoverage__gy_1_::-webkit-scrollbar {
    height: 0
}

.MediaCoverage_tile__zQ_Of {
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    min-width: 274px
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_tileFig__vX8sI {
    margin-bottom: 20px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_tileFig__vX8sI img {
    object-fit: cover;
    width: auto
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_desc__aCS_v {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: break-spaces
}

.MediaCoverage_viewFullArticle__sGu4g {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.MediaCoverage_viewFullArticle__sGu4g span {
    text-transform: capitalize
}

@media screen and (max-width:768px) {
    .MediaCoverage_mediaCoverage__gy_1_ {
        white-space: nowrap;
        overflow: auto;
        scroll-behavior: smooth;
        display: block
    }
    .MediaCoverage_mediaCoverage__gy_1_::-webkit-scrollbar {
        height: 0
    }
    .MediaCoverage_tile__zQ_Of {
        margin-left: 15px;
        padding: 15px;
        width: 273px;
        display: inline-block
    }
    .MediaCoverage_tile__zQ_Of:first-child {
        margin-left: 0
    }
    .MediaCoverage_tile__zQ_Of .MediaCoverage_desc__aCS_v {
        white-space: break-spaces
    }
}


/* walkout */

.OurExecutedProjects_walkthroughBox__qXisU {
    display: flex;
    grid-gap: 24px;
    flex-direction: column;
    align-items: center
}

.OurExecutedProjects_vrBigBox__uoGxM {
    display: flex;
    gap: 24px
}

.OurExecutedProjects_vrBigTiles__69Lyt {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

.OurExecutedProjects_vrBigTiles__69Lyt figure>img {
    max-width: 100%;
    max-height: 280px
}

.OurExecutedProjects_vrBoxuperimg__Lzc6f {
    position: absolute;
    top: 20px;
    left: 20px
}

.OurExecutedProjects_vrbigLtextbox__Byym3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, .5)
}

@media screen and (max-width:540px) {
    .OurExecutedProjects_vrBigBox__uoGxM {
        flex-direction: column;
        gap: 15px
    }
}


/* why choose us */

.whyChooseus_whyItem__oCHhb {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #9996
}

.whyChooseus_whyItem__oCHhb:last-child {
    border-right: none
}

.whyChooseus_whyItem__oCHhb figure {
    margin: 16px 0 12px
}

.whyChooseus_whyItem__oCHhb .whyChooseus_title__jw4Y3 {
    font-size: 16px
}

.whyChooseus_whyInteriorBox__4NFp7 {
    padding: 46px 0;
    overflow: auto
}

.whyChooseus_whyChooseBtn__GTv3X {
    padding: 0 35px;
    line-height: 50px
}

@media screen and (max-width:768px) {
    .whyChooseus_whyInteriorBox__4NFp7 {
        padding: 24px 0 5px;
        margin-bottom: 20px;
        display: flex
    }
    .whyChooseus_whyItem__oCHhb {
        padding: 16px;
        margin-bottom: 0;
        min-width: 230px;
        border-radius: 5px
    }
    .whyChooseus_whyItem__oCHhb figure {
        margin: 0 0 12px
    }
    .whyChooseus_whyItem__oCHhb .whyChooseus_title__jw4Y3 {
        margin-bottom: 12px;
        font-size: 14px
    }
    .whyChooseus_whyItem__oCHhb .whyChooseus_subtitle__OKQmZ {
        font-size: 12px;
        line-height: 16px
    }
}

@media screen and (max-width:540px) {
    .whyChooseus_whyChooseBtn__GTv3X {
        width: 100%;
        justify-content: center;
        text-align: center
    }
}

.HowItWorks_howItWorkMain__O6UJ5 {
    padding-bottom: 100px
}

.HowItWorks_workBx___6HvV {
    display: flex;
    gap: 24px;
    align-items: center
}

.HowItWorks_workImg__fGxlp figure {
    max-width: 474px;
    width: 100%
}

.HowItWorks_workDetails__pKwRC {
    width: 100%
}

.HowItWorks_stepsBx__HY4oU {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 420px;
    width: 100%
}

.HowItWorks_stepsBx__HY4oU:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background-color: #666;
    width: 100%
}

.HowItWorks_stepsBx__HY4oU li {
    width: 32px;
    height: 32px;
    position: relative;
    background-color: #f8f8f8;
    z-index: 1
}

.HowItWorks_stepsBx__HY4oU li,
.HowItWorks_stepsBx__HY4oU li span {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.HowItWorks_stepsBx__HY4oU li span {
    background-color: #ffe7eb;
    font-size: 8px;
    width: 16px;
    height: 16px;
    color: #666
}

.HowItWorks_stepsBx__HY4oU li label {
    margin-left: -50px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    white-space: nowrap;
    width: 100px;
    font-size: 12px;
    text-align: center
}

.HowItWorks_stepsBx__HY4oU li.HowItWorks_active__4JMUw span {
    background-color: #eb5976;
    color: #fff
}

.HowItWorks_stepsBx__HY4oU li.HowItWorks_active__4JMUw label {
    color: #222
}

.HowItWorks_context__T0cn9 {
    margin: 0 auto;
    display: block;
    max-width: 520px;
    width: 100%
}

.HowItWorks_context__T0cn9 li {
    display: none
}

.HowItWorks_context__T0cn9 li label {
    margin-bottom: 12px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #000
}

.HowItWorks_context__T0cn9 li span {
    text-align: center;
    display: block;
    height: 60px
}

.HowItWorks_context__T0cn9 li.HowItWorks_active__4JMUw {
    display: block
}

@media screen and (max-width:540px) {
    .HowItWorks_workBx___6HvV {
        flex-direction: column
    }
    .HowItWorks_workImg__fGxlp figure {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .HowItWorks_stepsBx__HY4oU li label {
        font-size: 10px;
        margin: 0;
        left: calc(50% - 20px);
        width: 40px;
        white-space: inherit;
        bottom: inherit;
        top: 30px
    }
    .HowItWorks_context__T0cn9 li span {
        font-size: 14px
    }
}

.WhatSetsUsApart_setsPartList__nPqCq {
    display: flex;
    justify-content: center;
    grid-gap: 24px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 {
    background: #fff9fa;
    box-shadow: 0 0 15px 0 hsla(0, 0%, 46%, .25);
    border-radius: 8px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li {
    color: #f87690;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ffcdd7;
    padding: 14px 18px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li:first-child {
    border-radius: 10px 10px 0 0
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li:last-child {
    border-radius: 0 0 10px 10px
}

.WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li p {
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0
}

.WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li p {
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 400
}

.WhatSetsUsApart_whatSetsList__3JQ2A li {
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    justify-content: flex-end
}

.WhatSetsUsApart_whatSetsList__3JQ2A {
    padding-top: 36px
}

@media screen and (max-width:768px) {
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li,
    .WhatSetsUsApart_whatSetsList__3JQ2A li {
        font-size: 10px;
        line-height: normal
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li span,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li span {
        display: none
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li p,
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li p {
        font-size: 11px;
        line-height: normal
    }
    .WhatSetsUsApart_setsPartList__nPqCq {
        grid-gap: 10px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 57px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A li {
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: right
    }
    .WhatSetsUsApart_experinceList__ZNqta .WhatSetsUsApart_setsList__Xt5h5 li {
        padding: 10px;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_setsList__Xt5h5 li {
        padding: 10px 0;
        height: 62px;
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:540px) {
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 37px
    }
}

@media screen and (max-width:375px) {
    .WhatSetsUsApart_typicalExperience__6467B .WhatSetsUsApart_subHeading__k79Z_ {
        height: 40px
    }
    .WhatSetsUsApart_whatSetsList__3JQ2A {
        padding-top: 57px
    }
}

.customSlideArrow_leftCustomSlide__zvOI2 {
    left: 15px
}

.customSlideArrow_leftCustomSlide__zvOI2,
.customSlideArrow_rightCustomSlide__OVwSn {
    position: absolute;
    top: calc(50% - 20px);
    color: #000;
    width: 40px;
    height: 35px;
    background-color: hsla(0, 0%, 97%, .7);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: .3s;
    z-index: 1
}

.customSlideArrow_rightCustomSlide__OVwSn {
    right: 15px
}

.customSlideArrow_left0__AQiVp {
    left: 0;
    top: 0
}

.customSlideArrow_right0__joNsJ {
    right: 0;
    top: 0
}

@media screen and (max-width:540px) {
    .customSlideArrow_leftCustomSlide__zvOI2,
    .customSlideArrow_rightCustomSlide__OVwSn {
        width: 30px;
        height: 30px
    }
    .customSlideArrow_left0__AQiVp {
        left: 0;
        height: 36px;
        top: 0
    }
    .customSlideArrow_right0__joNsJ {
        right: 0;
        height: 36px;
        top: 0
    }
}

.WhyClientsChooseUS_clientVideo__qMrA2 {
    position: relative
}

.WhyClientsChooseUS_clientVideo__qMrA2::-webkit-scrollbar {
    height: 0
}

.WhyClientsChooseUS_VideoBox__XicZE {
    margin-right: 22px;
    box-shadow: 0 5px 15px 0 #e3e3e3;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    max-width: 365px
}

.WhyClientsChooseUS_VideoBox__XicZE:last-child {
    margin-right: 0
}

.WhyClientsChooseUS_VideoBox__XicZE figure {
    margin-bottom: 16px;
    position: relative;
    display: flex
}

.WhyClientsChooseUS_VideoBox__XicZE figure span {
    width: 100% !important
}

.WhyClientsChooseUS_VideoBox__XicZE figure .WhyClientsChooseUS_youtubelogo__sOOLT {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 57px;
    height: 40px;
    cursor: pointer;
    transform: translate(-50%, -50%)
}

.WhyClientsChooseUS_videoName__ga_U1,
.WhyClientsChooseUS_videoText__2JHxl {
    padding: 0 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces
}

.WhyClientsChooseUS_videoName__ga_U1 {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 15px
}

.WhyClientsChooseUS_realStories__2T68H {
    position: relative;
    white-space: nowrap;
    overflow: auto;
    scroll-behavior: smooth
}

.WhyClientsChooseUS_realStories__2T68H::-webkit-scrollbar {
    height: 0
}

@media screen and (max-width:540px) {
    .WhyClientsChooseUS_videoText__2JHxl {
        white-space: break-spaces
    }
    .WhyClientsChooseUS_VideoBox__XicZE {
        max-width: 100%
    }
    .WhyClientsChooseUS_clientVideo__qMrA2 {
        display: block;
        white-space: break-spaces
    }
    .WhyClientsChooseUS_clientVideo__qMrA2 a:last-child {
        margin-right: 0
    }
}

.OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 {
    display: flex;
    width: 162px;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: relative
}

.OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 img {
    object-fit: contain
}

.OurBrandPartners_brandList__xKZlN {
    width: 100%;
    overflow: hidden;
    position: relative
}

.OurBrandPartners_marqueeWrapper__hXonl {
    width: 100%;
    overflow: hidden
}

.OurBrandPartners_marqueeGroup__qv2Ly {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    gap: 2rem;
    animation: OurBrandPartners_scroll__e5ftN 10s linear infinite
}

.OurBrandPartners_marqueeGroup__qv2Ly:hover {
    animation-play-state: paused
}

.OurBrandPartners_sliderImage__ZPMC1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 130px
}

@keyframes OurBrandPartners_scroll__e5ftN {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-50%)
    }
}

@media (max-width:1024px) {
    .OurBrandPartners_marqueeGroup__qv2Ly {
        gap: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .OurBrandPartners_brandList__xKZlN {
        grid-gap: 10px
    }
    .OurBrandPartners_brandList__xKZlN li {
        flex-shrink: 0
    }
    .OurBrandPartners_marqueeGroup__qv2Ly {
        gap: 1rem
    }
    .OurBrandPartners_brandList__xKZlN .OurBrandPartners_sliderImage__ZPMC1 img {
        max-width: 100px;
        width: 100%
    }
}

.MediaCoverage_mediaCoverage__gy_1_ {
    display: flex;
    position: relative;
    gap: 15px;
    white-space: nowrap;
    overflow: auto;
    scroll-behavior: smooth
}

.MediaCoverage_mediaCoverage__gy_1_::-webkit-scrollbar {
    height: 0
}

.MediaCoverage_tile__zQ_Of {
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    min-width: 274px
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_tileFig__vX8sI {
    margin-bottom: 20px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_tileFig__vX8sI img {
    object-fit: cover;
    width: auto
}

.MediaCoverage_tile__zQ_Of .MediaCoverage_desc__aCS_v {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: break-spaces
}

.MediaCoverage_viewFullArticle__sGu4g {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.MediaCoverage_viewFullArticle__sGu4g span {
    text-transform: capitalize
}

@media screen and (max-width:768px) {
    .MediaCoverage_mediaCoverage__gy_1_ {
        white-space: nowrap;
        overflow: auto;
        scroll-behavior: smooth;
        display: block
    }
    .MediaCoverage_mediaCoverage__gy_1_::-webkit-scrollbar {
        height: 0
    }
    .MediaCoverage_tile__zQ_Of {
        margin-left: 15px;
        padding: 15px;
        width: 273px;
        display: inline-block
    }
    .MediaCoverage_tile__zQ_Of:first-child {
        margin-left: 0
    }
    .MediaCoverage_tile__zQ_Of .MediaCoverage_desc__aCS_v {
        white-space: break-spaces
    }
}

.FeaturedBlogs_heading__FjBQR {
    font-size: 26px
}

.FeaturedBlogs_blogTaile__BjgVY {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}

.FeaturedBlogs_blogLeft__99Sse {
    max-width: 374px;
    background-color: #f8f8f8;
    border-radius: 10px;
    overflow: hidden
}

.FeaturedBlogs_blogLeft__99Sse figure {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    max-height: 240px;
    height: 100%;
    cursor: pointer
}

.FeaturedBlogs_blogLeft__99Sse .FeaturedBlogs_blogLeftBody__r4o8J {
    padding: 15px;
    cursor: pointer
}

.FeaturedBlogs_blogLeft__99Sse .FeaturedBlogs_blogLeftBody__r4o8J .FeaturedBlogs_blogTag__uq0H5 {
    background: #eee;
    border-radius: 5px;
    padding: 3px 10px
}

.FeaturedBlogs_blogCenter__p4WT3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px
}

.FeaturedBlogs_blogMidTile__6Rfxy {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.FeaturedBlogs_blogMidTile__6Rfxy img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.FeaturedBlogs_blogMidTile__6Rfxy.FeaturedBlogs_midFix___zxxf {
    height: 175px
}

.FeaturedBlogs_blogMidTile__6Rfxy .FeaturedBlogs_imgBx__QuIFD {
    width: 100%;
    height: 100%;
    display: grid;
    position: relative;
    max-height: 188px;
    cursor: pointer
}

.FeaturedBlogs_blogMidTile__6Rfxy .FeaturedBlogs_imgBx__QuIFD:after {
    content: "";
    border-radius: 10px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 67%), rgba(0, 0, 0, .05));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.FeaturedBlogs_midBlogtext__Apqqy {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    padding: 0 16px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
    font-weight: 500
}

.FeaturedBlogs_midBlogtext__Apqqy span {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 10px
}

.FeaturedBlogs_midBlogtext__Apqqy p {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 16px
}

.FeaturedBlogs_blogSmList__iJl2F {
    display: flex;
    grid-gap: 16px;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.FeaturedBlogs_blogSmList__iJl2F figure {
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    width: 100px;
    height: 100px;
    cursor: pointer
}

.FeaturedBlogs_blogSmList__iJl2F figure img {
    object-fit: cover
}

.FeaturedBlogs_blogSmList__iJl2F .FeaturedBlogs_tag__y2kcI {
    font-size: 10px;
    padding: 5px 7px;
    border-radius: 5px
}

.FeaturedBlogs_blogSmList__iJl2F:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.FeaturedBlogs_blogRightList__zRRU7 {
    max-height: 379px;
    overflow: auto
}

.FeaturedBlogs_rightBlogDetails__ko7oE {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .FeaturedBlogs_blogLeft__99Sse figure {
        max-height: inherit;
        height: inherit
    }
    .FeaturedBlogs_blogLeft__99Sse figure img {
        object-fit: contain;
        height: 100%;
        width: 100%
    }
    .FeaturedBlogs_blogLeft__99Sse figure span {
        width: 100% !important
    }
    .FeaturedBlogs_blogCenter__p4WT3 {
        grid-gap: 16px
    }
    .FeaturedBlogs_blogMidTile__6Rfxy a {
        width: 100%
    }
    .FeaturedBlogs_heading__FjBQR {
        text-align: center;
        line-height: 1;
        font-size: 18px
    }
    .FeaturedBlogs_subHeading__3q4rW {
        text-align: center
    }
    .FeaturedBlogs_blogLeft__99Sse .FeaturedBlogs_blogLeftBody__r4o8J {
        width: 100%
    }
    .FeaturedBlogs_blogLeft__99Sse {
        width: 100%;
        overflow: hidden;
        max-width: inherit
    }
    .FeaturedBlogs_blogTaile__BjgVY {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 16px
    }
    .FeaturedBlogs_blogCenter__p4WT3,
    .FeaturedBlogs_blogLeft__99Sse {
        border-bottom: 1px solid #666;
        padding-bottom: 15px
    }
}


/* Enhanced Global Animations and Transitions */

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
    * {
        transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    }
    /* Navigation animations */
    .nav-bar-container {
        transition: box-shadow 0.3s ease, background-color 0.3s ease;
    }
    /* Button animations */
    .btn,
    button,
    .mobile-cta {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .btn:hover,
    button:hover,
    .mobile-cta:hover {
        transform: translateY(-2px);
    }
    /* Card and grid item animations */
    .parent>div {
        animation: fadeInUp 0.6s ease-out;
    }
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    /* Mobile navigation animations */
    .mobile-nav-overlay {
        transition: opacity 0.3s ease;
    }
    .mobile-nav-content {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .hamburger-line {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .btn:hover,
    button:hover,
    .mobile-cta:hover {
        transform: none;
        box-shadow: 0 0 0 3px rgba(248, 92, 112, 0.3);
    }
}


/* Cross-Browser Compatibility and Fallbacks */


/* CSS Grid Fallbacks for IE11 */

@supports not (display: grid) {
    .parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .parent>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
        flex: 0 0 calc(50% - 15px);
        margin-bottom: 15px;
    }
    @media (min-width: 768px) {
        .parent>div {
            -ms-flex: 0 0 calc(33.333% - 15px);
            flex: 0 0 calc(33.333% - 15px);
        }
    }
    @media (min-width: 1200px) {
        .parent>div {
            -ms-flex: 0 0 calc(25% - 15px);
            flex: 0 0 calc(25% - 15px);
        }
    }
}


/* CSS clamp() Fallbacks */

@supports not (font-size: clamp(1rem,
2vw,
2rem)) {
    .hero-section-container h1 {
        font-size: 2rem;
    }
    .hero-section-container p {
        font-size: 1.25rem;
    }
    @media (min-width: 768px) {
        .hero-section-container h1 {
            font-size: 2.5rem;
        }
        .hero-section-container p {
            font-size: 1.5rem;
        }
    }
    @media (min-width: 1200px) {
        .hero-section-container h1 {
            font-size: 3rem;
        }
    }
}


/* CSS Custom Properties Fallbacks */

.hero-section-container button {
    background-color: #F85C70;
    /* IE11 fallback */
    background-color: var(--primary);
}

.mobile-cta {
    border-color: #F85C70;
    /* IE11 fallback */
    border-color: var(--primary);
    color: #F85C70;
    /* IE11 fallback */
    color: var(--primary);
}

.mobile-cta.primary {
    background: #F85C70;
    /* IE11 fallback */
    background: var(--primary);
}


/* Webkit/Blink specific optimizations */

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .hero-section {
        background-size: cover;
        -webkit-background-size: cover;
    }
}


/* Firefox specific optimizations */

@-moz-document url-prefix() {
    .button-track {
        scrollbar-width: none;
    }
}


/* Safari specific fixes */

@supports (-webkit-appearance: none) {
    .hero-section {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .mobile-nav-content {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .mobile-nav-overlay.active .mobile-nav-content {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/* Enhanced Performance and Accessibility */


/* High contrast mode support */

@media (prefers-contrast: high) {
    .hero-section::before {
        background: rgba(0, 0, 0, 0.7);
    }
    .mobile-nav-overlay {
        background: rgba(0, 0, 0, 0.95);
    }
    .nav-bar-container {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}


/* Print styles */

@media print {
    .nav-bar-container,
    .hamburger-menu,
    .mobile-nav-overlay,
    .scroll-btn {
        display: none !important;
    }
    body {
        padding-top: 0 !important;
    }
    .hero-section {
        background: none;
        color: #000;
    }
    .hero-section-container h1,
    .hero-section-container p {
        color: #000;
    }
}


/* Focus management for accessibility */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* Skip to main content link */

.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: var(--primary);
    color: white;
    padding: 8px;
    text-decoration: none;
    border-radius: 4px;
    z-index: 10000;
}

.skip-link:focus {
    top: 6px;
}


/*# sourceMappingURL=5a478e2ee6afda52.css.map*/