/* =========================================================
   CHUTKEE HOME SERVICES
========================================================= */
:root {
    --primary-color: #3E2C41;
    --secondry-color: #4A5568;
    --text-color: #ffff;
    --text-color2: #2a2a2a;
    --text-color3: #000;
    --gradient-bg-color:
        linear-gradient(135deg,
            #B76F5A,
            #3E2C41); --gradient-bg-color2:
        linear-gradient(0deg,
            #9529d4 0%,
            #7c3aed 100%); --app-content-background-color: #B76F5A; --demo-color: #9529d4;
    --brand: #7c3aed;
    --se-demo: #6e42e5; --bg-light: #f1f3f6;
    --card-bg: #ffffff; --text-dark: #1c1e21;
    --text-muted: #6c757d; --background:
        linear-gradient(135deg,
            #3E2C41,
            #B76F5A); --blur: 12px;
}
.mob-comnSlide {
    background: var(--gradient-bg-color);
    padding-bottom: 18px;
}
.svc-card-link {
    text-decoration: none;
}
.chutkee-home-services {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: radial-gradient(circle at 10% 15%,rgba(183, 111, 90, .12), transparent 25%),radial-gradient(circle at 90% 80%, rgba(124, 58, 237, .07), transparent 25%),#f1f3f6;

}
.home-services-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 38px;

}
.home-services-kicker { display: inline-flex; align-items: center; gap: 7px; color: #B76F5A; font-size: 10px; font-weight: 900; letter-spacing: 2px;
}
.home-services-kicker i { font-size: 12px;}
.home-services-heading h2 { margin: 10px 0 12px; color: var(--primary-color); font-size: 42px; line-height: 1.08; font-weight: 800; letter-spacing: -.8px; }
.home-services-heading h2 span { display: inline-block; color: #B76F5A;}
.home-services-heading p { max-width: 580px; margin: 0; color: #6c757d; font-size: 14px; line-height: 1.75;}
.home-services-explore { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 7px 8px 7px 18px; color: #fff; background: var(--primary-color); border-radius: 50px; text-decoration: none; font-size: 11px; font-weight: 700; box-shadow: 0 12px 30px rgba(62, 44, 65, .18); transition: .35s ease;}
.home-services-explore span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: var(--primary-color); background: #fff;}
.home-services-explore:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 18px 35px rgba(62, 44, 65, .25);}
.home-service-card { position: relative; display: block; height: 510px; overflow: hidden; border-radius: 30px; text-decoration: none; background: var(--primary-color); box-shadow: 0 22px 60px rgba(62, 44, 65, .12); transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .5s ease; }
.home-service-card:hover { transform: translateY(-8px); box-shadow: 0 35px 75px rgba(62, 44, 65, .20); }
/* =========================================================
   IMAGE
========================================================= */
.home-service-image { position: absolute; inset: 0; overflow: hidden; }
.home-service-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 1s cubic-bezier(.2, .8, .2, 1); }
.home-service-card:hover .home-service-image img { transform: scale(1.08);}
.home-service-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(62, 44, 65, .05) 0%, rgba(62, 44, 65, .15) 35%, rgba(62, 44, 65, .92) 100%); }
.home-service-content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 32px; color: #fff; }
.service-number { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, .55); font-size: 10px; font-weight: 800; letter-spacing: 2px; }
.service-small-title { display: block; margin-bottom: 9px; color: rgba(255, 255, 255, .68); font-size: 8px; font-weight: 800; letter-spacing: 1.8px; }
.home-service-content h3 { margin: 0; color: #fff; font-size: 27px; line-height: 1.08; font-weight: 400; letter-spacing: -.4px; }
.home-service-content h3 strong { color: #fff; font-weight: 800; }
.home-service-content p { max-width: 350px; margin: 13px 0 18px; color: rgba(255, 255, 255, .68); font-size: 11px; line-height: 1.7; }


.service-link { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 10px; font-weight: 800;

}


.service-link i { transition:
        transform .3s ease;

}


.home-service-card:hover .service-link i { transform: translateX(6px);

}


/* =========================================================
   PAINTING CARD
========================================================= */

.painting-card { background: var(--primary-color);

}


.painting-card .home-service-overlay { background:
        linear-gradient(180deg,
            rgba(62, 44, 65, 0) 20%,
            rgba(62, 44, 65, .15) 40%,
            rgba(62, 44, 65, .96) 100%);

}


/* =========================================================
   BIRTHDAY CARD
========================================================= */

.birthday-card { height: 510px;

}


.birthday-card .home-service-overlay { background:
        linear-gradient(180deg,
            rgba(62, 44, 65, .03),
            rgba(62, 44, 65, .87));

}


/* =========================================================
   PUJA CARD
========================================================= */

.puja-card { height: 510px;

}


.puja-card .home-service-overlay { background:
        linear-gradient(180deg,
            rgba(62, 44, 65, .02),
            rgba(62, 44, 65, .9));

}


/* =========================================================
   FLOATING ICON
========================================================= */

.service-floating-icon { position: absolute; right: 24px; top: 24px; z-index: 7; width: 48px; height: 48px; display: grid; place-items: center; border:
        1px solid rgba(255, 255, 255, .28); border-radius: 16px; color: #fff; background:
        rgba(62, 44, 65, .35); backdrop-filter:
        blur(var(--blur)); -webkit-backdrop-filter:
        blur(var(--blur)); box-shadow:
        0 10px 30px rgba(0, 0, 0, .12); animation:
        iconFloat 5s ease-in-out infinite;

}


.service-floating-icon i { font-size: 19px;

}


.birthday-icon { animation-delay: 1s;

}


.puja-icon { animation-delay: 2s;

}


@keyframes iconFloat { 0%,
    100% {     transform:
            translateY(0) rotate(0deg); } 50% {     transform:
            translateY(-8px) rotate(3deg); }

}


/* =========================================================
   PAINTING ORBITS
========================================================= */

.service-orbit { position: absolute; z-index: 4; border:
        1px solid rgba(255, 255, 255, .25); border-radius: 50%; pointer-events: none;

}


.orbit-one { width: 170px; height: 170px; right: -70px; top: 65px;

}


.orbit-two { width: 110px; height: 110px; right: -38px; top: 95px;

}


.orbit-one,
.orbit-two { animation:
        orbitRotate 12s linear infinite;

}


@keyframes orbitRotate { from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }

}


/* =========================================================
   BIRTHDAY BALLOONS
========================================================= */

.birthday-balloon { position: absolute; z-index: 4; border-radius: 50% 50% 45% 45%; background:
        linear-gradient(135deg,
            #B76F5A,
            #7c3aed); opacity: .7; animation:
        balloonFloat 6s ease-in-out infinite;

}


.balloon-one { width: 26px; height: 34px; right: 65px; top: 100px;

}


.balloon-two { width: 16px; height: 22px; right: 105px; top: 75px; animation-delay: 1s;

}


.balloon-three { width: 11px; height: 15px; right: 35px; top: 135px; animation-delay: 2s;

}


@keyframes balloonFloat { 0%,
    100% {     transform:
            translateY(0) rotate(-3deg); } 50% {     transform:
            translateY(-18px) rotate(5deg); }

}


/* =========================================================
   PUJA MANDALE
========================================================= */

.puja-mandala { position: absolute; z-index: 3; right: 30px; top: 30px; width: 95px; height: 95px; border:
        1px solid rgba(255, 255, 255, .25); border-radius: 50%; animation:
        mandalaRotate 18s linear infinite;

}


.puja-mandala::before,
.puja-mandala::after { content: ""; position: absolute; inset: 13px; border:
        1px solid rgba(255, 255, 255, .2); border-radius: 50%;

}


.puja-mandala::after { inset: 27px;

}


.puja-mandala span { position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; margin:
        -4px; border-radius: 50%; background: #fff;

}


.puja-mandala span:nth-child(1) { transform:
        translateY(-42px);

}


.puja-mandala span:nth-child(2) { transform:
        translateX(42px);

}


.puja-mandala span:nth-child(3) { transform:
        translateY(42px);

}


@keyframes mandalaRotate { from {     transform:
            rotate(0deg); } to {     transform:
            rotate(360deg); }

}


/* =========================================================
   BOTTOM BENEFITS
========================================================= */

.home-services-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 35px; padding: 20px 25px; border:
        1px solid rgba(62, 44, 65, .08); border-radius: 22px; background:
        rgba(255, 255, 255, .72); backdrop-filter:
        blur(12px); box-shadow:
        0 12px 40px rgba(62, 44, 65, .05);

}


.service-benefit { display: flex; align-items: center; gap: 10px;

}


.benefit-icon { width: 38px; height: 38px; display: grid; place-items: center; flex-shrink: 0; border-radius: 12px; color: #fff; background:
        var(--gradient-bg-color);

}


.benefit-icon i { font-size: 15px;

}


.service-benefit strong { display: block; color: var(--primary-color); font-size: 9px; font-weight: 800;

}


.service-benefit span { display: block; margin-top: 3px; color: var(--text-muted); font-size: 7px;

}


.benefit-divider { width: 1px; height: 35px; background:
        rgba(62, 44, 65, .1);

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width: 1199px) { .home-service-card,
    .birthday-card,
    .puja-card {     height: 470px; }

}


@media(max-width: 991px) { .chutkee-home-services {     padding: 75px 0; }
 .home-services-heading h2 {     font-size: 35px; }
 .home-services-header {     align-items: flex-start; }
 .home-service-card,
    .birthday-card,
    .puja-card {     height: 450px; }
 .home-services-bottom {     flex-wrap: wrap; }
 .benefit-divider {     display: none; }

}


@media(max-width: 575px) { .chutkee-home-services {     padding: 60px 0; }
 .home-services-header {     display: block;     margin-bottom: 25px; }
 .home-services-heading h2 {     font-size: 30px; }
 .home-services-heading p {     font-size: 12px; }
 .home-services-explore {     margin-top: 18px; }
 .home-service-card,
    .birthday-card,
    .puja-card {     height: 390px;     border-radius: 24px; }
 .home-service-content {     padding: 25px; }
 .home-service-content h3 {     font-size: 24px; }
 .home-service-content p {     font-size: 10px; }
 .service-floating-icon {     width: 42px;     height: 42px;     top: 18px;     right: 18px; }
 .puja-mandala {     transform: scale(.8);     transform-origin: top right; }
 .home-services-bottom {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 18px;     padding: 18px; }

}

/* =========================================================
   CHUTKEE HOME RESCUE
========================================================= */

.chutkee-rescue-section { position: relative; padding: 100px 0; overflow: hidden; background:
        radial-gradient(circle at 8% 20%,
            rgba(183, 111, 90, .25),
            transparent 25%),
        radial-gradient(circle at 90% 80%,
            rgba(124, 58, 237, .18),
            transparent 30%),
        #f1f3f6;

}


/* =========================================================
   HEADER
========================================================= */

.rescue-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 35px;

}


.rescue-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #B76F5A; font-size: 10px; font-weight: 900; letter-spacing: 2px;

}


.rescue-eyebrow i { color: #7c3aed;

}


.rescue-header h2 { margin: 10px 0; color: #3E2C41; font-size: 43px; line-height: 1.08; font-weight: 800; letter-spacing: -1px;

}


.rescue-header h2 span { color: #B76F5A;

}


.rescue-header p { max-width: 560px; margin: 0; color: #6c757d; font-size: 13px; line-height: 1.7;

}


.rescue-all-btn { display: inline-flex; align-items: center; gap: 12px; padding: 13px 17px; border-radius: 50px; color: #fff; background: #3E2C41; text-decoration: none; font-size: 10px; font-weight: 800; white-space: nowrap; box-shadow:
        0 12px 30px rgba(62, 44, 65, .18); transition: .35s ease;

}


.rescue-all-btn:hover { color: #fff; background: #B76F5A; transform: translateY(-3px);

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.rescue-layout { display: grid; grid-template-columns:
        1.25fr .75fr; gap: 20px; min-height: 590px;

}


/* =========================================================
   FEATURED CARD
========================================================= */

.rescue-featured { position: relative; display: block; min-height: 590px; overflow: hidden; border-radius: 32px; color: #fff; text-decoration: none; background: #3E2C41; box-shadow:
        0 30px 70px rgba(62, 44, 65, .18);

}


.rescue-featured>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition:
        transform 1s cubic-bezier(.2, .8, .2, 1);

}


.rescue-featured:hover>img { transform: scale(1.07);

}


.rescue-featured-overlay { position: absolute; inset: 0; background:
        linear-gradient(180deg,
            rgba(62, 44, 65, .08) 0%,
            rgba(62, 44, 65, .25) 35%,
            rgba(62, 44, 65, .97) 100%);

}


.rescue-featured-content { position: absolute; z-index: 5; left: 40px; bottom: 40px; max-width: 500px;

}


.rescue-number { display: block; margin-bottom: 8px; color: rgba(255, 255, 255, .5); font-size: 10px; font-weight: 900; letter-spacing: 2px;

}


.rescue-category { display: block; margin-bottom: 8px; color: rgba(255, 255, 255, .65); font-size: 8px; font-weight: 900; letter-spacing: 2px;

}


.rescue-featured h3 { margin: 0; color: #fff; font-size: 43px; line-height: 1; font-weight: 300; letter-spacing: -1px;

}


.rescue-featured h3 strong { font-weight: 800; color: #fff;

}


.rescue-featured p { max-width: 440px; margin: 17px 0 23px; color: rgba(255, 255, 255, .7); font-size: 12px; line-height: 1.8;

}


.rescue-action { display: inline-flex; align-items: center; gap: 12px; padding: 8px 9px 8px 17px; border-radius: 50px; background: rgba(255, 255, 255, .12); border:
        1px solid rgba(255, 255, 255, .2); backdrop-filter: blur(12px); font-size: 10px; font-weight: 800;

}


.rescue-action i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #3E2C41; background: #fff; transition: .3s ease;

}


.rescue-featured:hover .rescue-action i { transform:
        rotate(45deg);

}


/* =========================================================
   LIVE BADGE
========================================================= */

.rescue-live-badge { position: absolute; z-index: 7; top: 25px; left: 25px; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 50px; color: #fff; background:
        rgba(62, 44, 65, .45); border:
        1px solid rgba(255, 255, 255, .2); backdrop-filter: blur(12px); font-size: 8px; font-weight: 800; letter-spacing: 1px;

}


.rescue-live-badge span { width: 7px; height: 7px; border-radius: 50%; background: #9cffb2; box-shadow:
        0 0 0 5px rgba(156, 255, 178, .12); animation:
        livePulse 2s infinite;

}


@keyframes livePulse { 0%,
    100% {     box-shadow:
            0 0 0 4px rgba(156, 255, 178, .1); } 50% {     box-shadow:
            0 0 0 9px rgba(156, 255, 178, .02); }

}


/* =========================================================
   DECORATIVE RINGS
========================================================= */

.rescue-ring { position: absolute; z-index: 3; border-radius: 50%; border:
        1px solid rgba(255, 255, 255, .22); pointer-events: none;

}


.ring-one { width: 230px; height: 230px; right: -70px; top: 70px; animation:
        ringRotate 15s linear infinite;

}


.ring-two { width: 150px; height: 150px; right: -30px; top: 110px; animation:
        ringRotate 10s linear infinite reverse;

}


@keyframes ringRotate { from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }

}


/* =========================================================
   FLOATING ICON
========================================================= */

.rescue-floating-icon { position: absolute; z-index: 8; top: 28px; right: 28px; width: 55px; height: 55px; display: grid; place-items: center; border-radius: 18px; color: #fff; background:
        rgba(62, 44, 65, .45); border:
        1px solid rgba(255, 255, 255, .25); backdrop-filter:
        blur(12px); animation:
        rescueFloat 4.5s ease-in-out infinite;

}


.rescue-floating-icon i { font-size: 20px;

}


@keyframes rescueFloat { 0%,
    100% {
        transform: translateY(0);
    } 50% {
        transform: translateY(-10px);
    }

}


/* =========================================================
   RIGHT COLUMN
========================================================= */

.rescue-side { display: grid; grid-template-rows:
        1fr 1fr; gap: 20px;

}


/* =========================================================
   SMALL CARDS
========================================================= */

.rescue-small-card { position: relative; display: block; min-height: 285px; overflow: hidden; border-radius: 28px; color: #fff; text-decoration: none; background: #3E2C41; box-shadow:
        0 22px 50px rgba(62, 44, 65, .13); transition:
        transform .45s ease,
        box-shadow .45s ease;

}


.rescue-small-card:hover { color: #fff; transform: translateY(-6px); box-shadow:
        0 30px 60px rgba(62, 44, 65, .2);

}


.rescue-small-image { position: absolute; inset: 0;

}


.rescue-small-image img { width: 100%; height: 100%; object-fit: cover; transition:
        transform .8s ease;

}


.rescue-small-card:hover .rescue-small-image img { transform: scale(1.08);

}


.rescue-small-overlay { position: absolute; inset: 0; background:
        linear-gradient(180deg,
            rgba(62, 44, 65, .03),
            rgba(62, 44, 65, .92));

}


.rescue-small-content { position: absolute; z-index: 5; left: 25px; right: 25px; bottom: 24px;

}


.rescue-small-content h3 { max-width: 330px; margin: 0; color: #fff; font-size: 25px; line-height: 1.05; font-weight: 350;

}


.rescue-small-content h3 strong { font-weight: 800;

}


.rescue-small-content p { max-width: 330px; margin: 10px 0 13px; color: rgba(255, 255, 255, .65); font-size: 9px; line-height: 1.65;

}


.rescue-mini-link { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: 9px; font-weight: 800;

}


.rescue-mini-link i { transition:
        transform .3s ease;

}


.rescue-small-card:hover .rescue-mini-link i { transform:
        translateX(5px);

}


/* =========================================================
   TOOL ICON
========================================================= */

.rescue-tool-icon { position: absolute; z-index: 7; right: 22px; top: 22px; width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; color: #fff; background:
        rgba(62, 44, 65, .4); border:
        1px solid rgba(255, 255, 255, .22); backdrop-filter: blur(12px);

}


.rescue-tool-icon i { font-size: 16px;

}


/* =========================================================
   QUICK BAR
========================================================= */

.rescue-quick-bar { display: grid; grid-template-columns:
        repeat(4, 1fr); gap: 0; margin-top: 25px; padding: 18px 22px; border-radius: 22px; background: #fff; border:
        1px solid rgba(62, 44, 65, .07); box-shadow:
        0 15px 40px rgba(62, 44, 65, .06);

}


.quick-service { display: flex; align-items: center; gap: 11px; padding: 0 18px; border-right:
        1px solid #eee;

}


.quick-service:last-child { border-right: 0;

}


.quick-icon { width: 38px; height: 38px; display: grid; place-items: center; flex-shrink: 0; border-radius: 12px; color: #fff; background:
        linear-gradient(135deg,
            #B76F5A,
            #3E2C41);

}


.quick-icon i { font-size: 14px;

}


.quick-service strong { display: block; color: #3E2C41; font-size: 9px; font-weight: 800;

}


.quick-service small { display: block; margin-top: 3px; color: #8b8b8b; font-size: 7px;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width: 991px) { .rescue-header {     align-items: flex-start; }
 .rescue-header h2 {     font-size: 35px; }
 .rescue-layout {     grid-template-columns: 1fr; }
 .rescue-featured {     min-height: 500px; }
 .rescue-side {     grid-template-columns:
            1fr 1fr;     grid-template-rows: 1fr; }
 .rescue-small-card {     min-height: 350px; }
 .rescue-quick-bar {     grid-template-columns:
            1fr 1fr;     gap: 18px; }
 .quick-service {     border-right: 0; }

}


@media(max-width: 575px) { .chutkee-rescue-section {     padding: 60px 0; }
 .rescue-header {     display: block; }
 .rescue-header h2 {     font-size: 30px; }
 .rescue-header p {     font-size: 11px; }
 .rescue-all-btn {     margin-top: 18px; }
 .rescue-featured {     min-height: 450px;     border-radius: 24px; }
 .rescue-featured-content {     left: 25px;     right: 20px;     bottom: 25px; }
 .rescue-featured h3 {     font-size: 32px; }
 .rescue-small-card {     min-height: 350px;     border-radius: 24px; }
 .rescue-side {     grid-template-columns: 1fr; }
 .rescue-quick-bar {     grid-template-columns: 1fr;     padding: 16px; }
 .quick-service {     padding: 8px 0; }

}

/* =========================================================
   CHUTKEE PREMIUM IMAGE COLLAGE
========================================================= */

.chutkee-premium-collage { position: relative; width: 100%; height: 620px; overflow: hidden; border-radius: 35px; background:
        radial-gradient(circle at 15% 20%,
            rgba(255, 218, 154, .22),
            transparent 25%),
        radial-gradient(circle at 85% 80%,
            rgba(241, 168, 42, .12),
            transparent 28%),
        #fffaf3;

}


/* =========================================================
   IMAGE BASE
========================================================= */

.collage-image { position: absolute; overflow: hidden; background: #eee; border: 5px solid rgba(255, 255, 255, .95); box-shadow:
        0 18px 45px rgba(45, 30, 10, .15); transition:
        transform .6s cubic-bezier(.2, .8, .2, 1),
        box-shadow .6s ease; z-index: 5;

}


.collage-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition:
        transform .8s ease,
        filter .8s ease;

}


.collage-image:hover { z-index: 20; box-shadow:
        0 25px 60px rgba(45, 30, 10, .22);

}


.collage-image:hover img { transform: scale(1.08);

}


/* =========================================================
   WOMEN
========================================================= */

.image-women { width: 245px; height: 315px; left: 25px; top: 45px; border-radius:
        28px 50px 45px 28px; transform:
        rotate(-3deg);

}


.image-women:hover { transform:
        rotate(0deg) translateY(-8px);

}


/* =========================================================
   MEN
========================================================= */

.image-men { width: 150px; height: 185px; left: 285px; top: 30px; border-radius:
        45px 25px 45px 25px; transform:
        rotate(4deg);

}


.image-men:hover { transform:
        rotate(0deg) translateY(-8px);

}


/* =========================================================
   CLEANING
========================================================= */

.image-cleaning { width: 165px; height: 145px; right: 25px; top: 35px; border-radius:
        25px 45px 25px 45px; transform:
        rotate(-2deg);

}


.image-cleaning:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   AC
========================================================= */

.image-ac { width: 155px; height: 170px; right: 45px; top: 205px; border-radius:
        45px 25px 45px 25px; transform:
        rotate(3deg);

}


.image-ac:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   ELECTRICIAN
========================================================= */

.image-electrician { width: 145px; height: 150px; left: 295px; top: 235px; border-radius:
        25px 45px 25px 45px; transform:
        rotate(-4deg);

}


.image-electrician:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   HOUSE HELP
========================================================= */

.image-househelp { width: 180px; height: 160px; left: 30px; top: 375px; border-radius:
        45px 25px 45px 25px; transform:
        rotate(3deg);

}


.image-househelp:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   PAINTING
========================================================= */

.image-painting { width: 150px; height: 135px; left: 225px; top: 405px; border-radius:
        25px 45px 25px 45px; transform:
        rotate(-3deg);

}


.image-painting:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   BIRTHDAY
========================================================= */

.image-birthday { width: 145px; height: 125px; right: 190px; bottom: 30px; border-radius:
        45px 25px 45px 25px; transform:
        rotate(4deg);

}


.image-birthday:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   PUJA
========================================================= */

.image-puja { width: 175px; height: 135px; right: 20px; bottom: 35px; border-radius:
        25px 45px 25px 45px; transform:
        rotate(-3deg);

}


.image-puja:hover { transform:
        rotate(0deg) translateY(-7px);

}


/* =========================================================
   GOLD DECORATIVE LINE
========================================================= */

.gold-line { position: absolute; height: 1px; background:
        linear-gradient(90deg,
            transparent,
            #f1a82a,
            transparent); opacity: .45; z-index: 2;

}


.line-1 { width: 220px; top: 190px; left: 120px; transform:
        rotate(35deg);

}


.line-2 { width: 190px; right: 90px; bottom: 190px; transform:
        rotate(-30deg);

}


/* =========================================================
   GLOW
========================================================= */

.collage-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(3px);

}


.glow-1 { width: 180px; height: 180px; left: -80px; top: 200px; background:
        rgba(241, 168, 42, .12);

}


.glow-2 { width: 220px; height: 220px; right: -100px; bottom: 130px; background:
        rgba(255, 218, 154, .18);

}


/* =========================================================
   FLOATING BUBBLES
========================================================= */

.floating-bubble { position: absolute; display: block; border-radius: 50%; z-index: 1; pointer-events: none; animation:
        bubbleFloat 5s ease-in-out infinite;

}


/* Large */

.bubble-1 { width: 18px; height: 18px; left: 20px; top: 20px; border:
        2px solid rgba(241, 168, 42, .35); animation-delay: 0s;

}


/* Small */

.bubble-2 { width: 9px; height: 9px; left: 270px; top: 205px; background:
        rgba(241, 168, 42, .35); animation-delay: 1s;

}


/* */

.bubble-3 { width: 13px; height: 13px; right: 220px; top: 170px; border:
        2px solid rgba(241, 168, 42, .3); animation-delay: 2s;

}


/* */

.bubble-4 { width: 7px; height: 7px; right: 25px; top: 300px; background:
        rgba(241, 168, 42, .45); animation-delay: 1.5s;

}


/* */

.bubble-5 { width: 15px; height: 15px; left: 210px; bottom: 35px; border:
        2px solid rgba(241, 168, 42, .28); animation-delay: 3s;

}


/* */

.bubble-6 { width: 8px; height: 8px; right: 170px; bottom: 190px; background:
        rgba(241, 168, 42, .35); animation-delay: 2.5s;

}


/* =========================================================
   BUBBLE ANIMATION
========================================================= */

@keyframes bubbleFloat { 0%,
    100% {     transform:
            translateY(0) translateX(0) scale(1);     opacity: .45; } 50% {     transform:
            translateY(-18px) translateX(7px) scale(1.2);     opacity: .9; }

}


/* =========================================================
   DECORATIVE RINGS
========================================================= */

.collage-ring { position: absolute; border-radius: 50%; border:
        1px solid rgba(241, 168, 42, .22); pointer-events: none; z-index: 1; animation:
        ringFloat 8s ease-in-out infinite;

}


.ring-1 { width: 110px; height: 110px; right: 115px; top: 100px;

}


.ring-2 { width: 75px; height: 75px; left: 210px; bottom: 100px; animation-delay: 2s;

}


@keyframes ringFloat { 0%,
    100% {     transform:
            translateY(0) rotate(0deg); } 50% {     transform:
            translateY(-12px) rotate(10deg); }

}


/* =========================================================
   DOT PATTERN
========================================================= */

.collage-dots { position: absolute; display: grid; grid-template-columns:
        repeat(3, 5px); gap: 6px; z-index: 2;

}


.collage-dots span { width: 4px; height: 4px; border-radius: 50%; background: #e8a128; opacity: .4; animation:
        dotPulse 3s ease-in-out infinite;

}


.dots-1 { right: 180px; top: 285px;

}


.dots-1 span:nth-child(2) {
    animation-delay: .2s;
}

.dots-1 span:nth-child(3) {
    animation-delay: .4s;
}

.dots-1 span:nth-child(4) {
    animation-delay: .6s;
}

.dots-1 span:nth-child(5) {
    animation-delay: .8s;
}

.dots-1 span:nth-child(6) {
    animation-delay: 1s;
}

.dots-1 span:nth-child(7) {
    animation-delay: 1.2s;
}

.dots-1 span:nth-child(8) {
    animation-delay: 1.4s;
}

.dots-1 span:nth-child(9) {
    animation-delay: 1.6s;
}


@keyframes dotPulse { 0%,
    100% {     opacity: .25;     transform: scale(.8); } 50% {     opacity: .9;     transform: scale(1.35); }

}


/* =========================================================
   SPARKLES
========================================================= */

.sparkle { position: absolute; z-index: 10; color: #e9a029; font-size: 13px; opacity: .65; animation:
        sparkleAnimation 4s ease-in-out infinite;

}


.sparkle-1 { left: 275px; top: 18px;

}


.sparkle-2 { right: 170px; top: 230px; animation-delay: 1s;

}


.sparkle-3 { left: 190px; bottom: 70px; animation-delay: 2s;

}


.sparkle-4 { right: 25px; bottom: 210px; animation-delay: 3s;

}


@keyframes sparkleAnimation { 0%,
    100% {     transform:
            scale(.7) rotate(0deg);     opacity: .25; } 50% {     transform:
            scale(1.25) rotate(90deg);     opacity: 1; }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width: 1199px) { .chutkee-premium-collage {     height: 570px; } .image-women {     width: 220px;     height: 285px; } .image-men {     left: 250px; } .image-electrician {     left: 260px; } .image-painting {     left: 195px; }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width: 991px) { .chutkee-premium-collage {     height: 600px;     margin-top: 25px; }

}


@media(max-width: 575px) { .chutkee-premium-collage {     height: 500px;     border-radius: 25px; }
 .image-women {     width: 190px;     height: 250px;     left: 12px;     top: 30px; }
 .image-men {     width: 125px;     height: 150px;     left: 205px;     top: 20px; }
 .image-cleaning {     width: 125px;     height: 120px;     right: 10px;     top: 160px; }
 .image-ac {     width: 120px;     height: 135px;     right: 20px;     top: 285px; }
 .image-electrician {     width: 120px;     height: 125px;     left: 215px;     top: 220px; }
 .image-househelp {     width: 135px;     height: 120px;     left: 20px;     top: 295px; }
 .image-painting {     width: 110px;     height: 100px;     left: 155px;     bottom: 20px;     top: auto; }
 .image-birthday {     width: 105px;     height: 90px;     right: 125px;     bottom: 20px; }
 .image-puja {     width: 120px;     height: 100px;     right: 10px;     bottom: 20px; }
 .collage-dots {     display: none; }

}

/* =========================================================
   CHUTKEE SPA SECTION
========================================================= */

.chutkee-spa-section { position: relative; padding: 90px 0; background:
        linear-gradient(180deg,
            #fffdf9 0%,
            #fff8ef 100%); overflow: hidden;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.chutkee-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 35px;

}


.chutkee-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #d58c16; font-size: 10px; font-weight: 900; letter-spacing: 1.8px;

}


.chutkee-eyebrow i { font-size: 12px;

}


.chutkee-section-head h2 { margin: 9px 0 10px; color: #202020; font-size: 42px; line-height: 1.1; font-weight: 800; letter-spacing: -.8px;

}


.chutkee-section-head h2 span { color: #e5a029;

}


.chutkee-section-head p { max-width: 540px; margin: 0; color: #777; font-size: 14px; line-height: 1.7;

}


.chutkee-view-all { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border: 1px solid #eadfce; border-radius: 50px; color: #444; background: #fff; text-decoration: none; font-size: 11px; font-weight: 700; transition: .3s ease;

}


.chutkee-view-all:hover { color: #fff; background: #e5a029; border-color: #e5a029; transform: translateY(-2px);

}


/* =========================================================
   BOOK SPA MAIN CARD
========================================================= */

.chutkee-book-spa { position: relative; min-height: 490px; overflow: hidden; border-radius: 30px; background: #2b211b; box-shadow:
        0 25px 65px rgba(45, 30, 15, .13);

}


.book-spa-image { position: absolute; inset: 0;

}


.book-spa-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition:
        transform .8s ease;

}


.chutkee-book-spa:hover .book-spa-image img { transform: scale(1.04);

}


.book-spa-overlay { position: absolute; inset: 0; background:
        linear-gradient(90deg,
            rgba(24, 18, 14, .94) 0%,
            rgba(24, 18, 14, .78) 37%,
            rgba(24, 18, 14, .22) 75%,
            rgba(24, 18, 14, .05) 100%);

}


.book-spa-content { position: relative; z-index: 5; width: 58%; padding: 55px 45px; color: #fff;

}


.book-spa-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 50px; color: #ffd47d; background:
        rgba(255, 204, 110, .13); border:
        1px solid rgba(255, 204, 110, .25); font-size: 9px; font-weight: 800; letter-spacing: 1px;

}


.book-spa-content h3 { margin: 20px 0 15px; font-size: 43px; line-height: 1.05; font-weight: 400; letter-spacing: -1px;

}


.book-spa-content h3 strong { color: #f4bb52; font-weight: 800;

}


.book-spa-content p { max-width: 420px; margin-bottom: 25px; color: rgba(255, 255, 255, .7); font-size: 13px; line-height: 1.8;

}


.book-spa-features { display: flex; flex-direction: column; gap: 9px;

}


.book-spa-features span { display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .9); font-size: 11px;

}


.book-spa-features i { color: #f3b447;

}


.book-spa-bottom { display: flex; align-items: center; gap: 22px; margin-top: 30px;

}


.chutkee-book-btn { display: inline-flex; align-items: center; gap: 12px; padding: 12px 13px 12px 18px; border-radius: 50px; color: #261c14; background: #f4b84d; text-decoration: none; font-size: 11px; font-weight: 800; box-shadow:
        0 10px 30px rgba(244, 184, 77, .2); transition: .3s ease;

}


.chutkee-book-btn span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #2b211b;

}


.chutkee-book-btn:hover { color: #261c14; transform: translateY(-3px);

}


.book-spa-price small { display: block; color: rgba(255, 255, 255, .45); font-size: 8px;

}


.book-spa-price strong { color: #fff; font-size: 21px;

}


/* =========================================================
   FLOATING CIRCLE
========================================================= */

.spa-floating-circle { position: absolute; right: 33%; top: 15%; width: 75px; height: 75px; display: grid; place-items: center; border-radius: 50%; background:
        rgba(255, 255, 255, .12); border:
        1px solid rgba(255, 255, 255, .25); backdrop-filter: blur(12px); z-index: 8; animation:
        spaFloat 5s ease-in-out infinite;

}


.spa-circle-inner { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 50%; color: #e8a029; background: #fff;

}


@keyframes spaFloat { 0%,
    100% {
        transform: translateY(0);
    } 50% {
        transform: translateY(-12px);
    }

}


/* =========================================================
   BUBBLES
========================================================= */

.spa-bubble { position: absolute; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); z-index: 5; animation:
        spaBubble 5s ease-in-out infinite;

}


.bubble-a { width: 16px; height: 16px; right: 20%; top: 25%;

}


.bubble-b { width: 8px; height: 8px; right: 12%; bottom: 30%; animation-delay: 1s;

}


.bubble-c { width: 11px; height: 11px; left: 46%; bottom: 18%; animation-delay: 2s;

}


@keyframes spaBubble { 0%,
    100% {
        transform: translateY(0);
        opacity: .35;
    } 50% {
        transform: translateY(-18px);
        opacity: .9;
    }

}


/* =========================================================
   RIGHT VISUAL GRID
========================================================= */

.spa-visual-grid { position: relative; min-height: 490px; height: 100%; overflow: hidden; border-radius: 30px; background:
        #f4eadb;

}


.spa-visual-one { position: absolute; left: 0; top: 0; width: 57%; height: 67%; overflow: hidden; border-radius:
        30px 0 35px 0;

}


.spa-visual-one img,
.spa-visual-two img { width: 100%; height: 100%; display: block; object-fit: cover; transition:
        transform .7s ease;

}


.spa-visual-one:hover img,
.spa-visual-two:hover img { transform: scale(1.06);

}


.spa-visual-two { position: absolute; right: 0; bottom: 0; width: 53%; height: 62%; overflow: hidden; border-radius:
        35px 0 30px 0; border:
        7px solid #f4eadb;

}


/* =========================================================
   MINI CARD
========================================================= */

.spa-mini-card { position: absolute; left: 25px; bottom: 27px; z-index: 10; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-radius: 15px; background:
        rgba(255, 255, 255, .9); backdrop-filter: blur(15px); box-shadow:
        0 15px 30px rgba(60, 40, 15, .12);

}


.spa-mini-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #dc941d; background: #fff1d5;

}


.spa-mini-card strong { display: block; color: #333; font-size: 9px;

}


.spa-mini-card small { display: block; margin-top: 2px; color: #999; font-size: 7px;

}


/* =========================================================
   RATING
========================================================= */

.spa-mini-rating { position: absolute; right: 25px; top: 30px; z-index: 10; padding: 12px 15px; border-radius: 17px; background:
        rgba(255, 255, 255, .92); box-shadow:
        0 15px 35px rgba(60, 40, 15, .12);

}


.rating-stars { color: #efa52a; font-size: 10px; letter-spacing: 1px;

}


.spa-mini-rating strong { margin-right: 5px; color: #333; font-size: 15px;

}


.spa-mini-rating small { display: block; color: #999; font-size: 7px;

}


/* =========================================================
   DECORATIVE DOTS
========================================================= */

.visual-dot { position: absolute; border-radius: 50%; background: #e5a029; animation:
        visualDot 4s ease-in-out infinite;

}


.dot-a { width: 9px; height: 9px; left: 63%; top: 20%;

}


.dot-b { width: 6px; height: 6px; left: 28%; bottom: 15%; animation-delay: 1.5s;

}


@keyframes visualDot { 0%,
    100% {
        transform: translateY(0);
        opacity: .35;
    } 50% {
        transform: translateY(-10px);
        opacity: 1;
    }

}


/* =========================================================
   RECENTLY ADDED HEADER
========================================================= */

.recently-added-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 22px;

}


.recently-added-head h3 { margin:
        7px 0 0; color: #222; font-size: 25px; font-weight: 800;

}


.recently-added-head>a { display: inline-flex; align-items: center; gap: 4px; color: #b57917; text-decoration: none; font-size: 11px; font-weight: 700;

}


/* =========================================================
   RECENT SPA CARD
========================================================= */

.recent-spa-card { display: block; color: inherit; text-decoration: none; background: #fff; border:
        1px solid #eee6da; border-radius: 20px; overflow: hidden; box-shadow:
        0 10px 35px rgba(40, 25, 10, .045); transition:
        transform .35s ease,
        box-shadow .35s ease;

}


.recent-spa-card:hover { color: inherit; transform: translateY(-6px); box-shadow:
        0 20px 45px rgba(40, 25, 10, .11);

}


.recent-spa-image { position: relative; height: 220px; overflow: hidden;

}


.recent-spa-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition:
        transform .6s ease;

}


.recent-spa-card:hover .recent-spa-image img { transform: scale(1.07);

}


/* BADGE */

.recent-badge { position: absolute; left: 12px; top: 12px; padding: 5px 9px; border-radius: 30px; color: #fff; background:
        #df991f; font-size: 8px; font-weight: 800; letter-spacing: .5px;

}


/* HEART */

.recent-heart { position: absolute; right: 12px; top: 12px; width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #555; background:
        rgba(255, 255, 255, .9); backdrop-filter: blur(10px);

}


.recent-heart i { font-size: 12px;

}


/* CONTENT */

.recent-spa-content { padding: 17px;

}


.recent-category { color: #c58a25; font-size: 8px; font-weight: 900; letter-spacing: 1.2px;

}


.recent-spa-content h4 { margin:
        7px 0 12px; color: #282828; font-size: 15px; line-height: 1.35; font-weight: 750;

}


.recent-meta { display: flex; align-items: center; gap: 13px; color: #999; font-size: 9px;

}


.recent-meta i { margin-right: 3px;

}


.recent-meta .bi-star-fill { color: #e8a029;

}


.recent-price { display: flex; align-items: center; gap: 8px; margin-top: 13px;

}


.recent-price strong { color: #222; font-size: 17px;

}


.recent-price del { color: #aaa; font-size: 10px;

}


/* =========================================================
   TRUST STRIP
========================================================= */

.chutkee-trust-strip { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 55px; padding: 20px 25px; border:
        1px solid #eee4d5; border-radius: 22px; background:
        rgba(255, 255, 255, .75);

}


.trust-item { display: flex; align-items: center; gap: 11px;

}


.trust-icon { width: 39px; height: 39px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; color: #dc961e; background: #fff2d9;

}


.trust-icon i { font-size: 16px;

}


.trust-item strong { display: block; color: #333; font-size: 9px;

}


.trust-item span { display: block; margin-top: 3px; color: #999; font-size: 7px;

}


.trust-divider { width: 1px; height: 38px; background: #eee5d8;

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width: 991px) { .chutkee-section-head h2 {     font-size: 34px; } .book-spa-content {     width: 65%; } .spa-visual-grid {     min-height: 450px; } .chutkee-trust-strip {     flex-wrap: wrap; }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width: 575px) { .chutkee-spa-section {     padding: 60px 0; }
 .chutkee-section-head {     align-items: flex-start;     flex-direction: column;     margin-bottom: 25px; }
 .chutkee-section-head h2 {     font-size: 30px; }
 .chutkee-section-head p {     font-size: 12px; }
 .chutkee-book-spa {     min-height: 540px;     border-radius: 24px; }
 .book-spa-content {     width: 100%;     padding: 30px 25px; }
 .book-spa-content h3 {     font-size: 32px; }
 .book-spa-content p {     max-width: 300px;     font-size: 11px; }
 .book-spa-features {     gap: 7px; }
 .book-spa-bottom {     margin-top: 20px; }
 .spa-floating-circle {     right: 12%;     top: 55%; }
 .spa-visual-grid {     min-height: 430px;     border-radius: 24px; }
 .recently-added-head h3 {     font-size: 21px; }
 .recent-spa-image {     height: 155px; }
 .recent-spa-content {     padding: 12px; }
 .recent-spa-content h4 {     font-size: 12px; }
 .recent-price strong {     font-size: 14px; }
 .recent-meta {     font-size: 8px; }
 .chutkee-trust-strip {     display: grid;     grid-template-columns: 1fr 1fr;     padding: 18px; }
 .trust-divider {     display: none; }

}

/* =========================================================
   CHUTKEE — HOUSE HELP & DAYCARE
========================================================= */

.chutkee-care-section { position: relative; padding: 100px 0; overflow: hidden; background:
        radial-gradient(circle at 10% 50%,
            rgba(183, 111, 90, .12),
            transparent 28%),
        radial-gradient(circle at 90% 20%,
            rgba(124, 58, 237, .08),
            transparent 25%),
        #f1f3f6;

}


/* =========================================================
   MAIN CARD
========================================================= */

.care-card { position: relative; min-height: 570px; overflow: hidden; border-radius: 35px; background: #3E2C41; box-shadow:
        0 35px 80px rgba(62, 44, 65, .18);

}


/* =========================================================
   IMAGE
========================================================= */

.care-image { position: absolute; inset: 0;

}


.care-image img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition:
        transform 1.2s cubic-bezier(.2, .8, .2, 1);

}


.care-card:hover .care-image img { transform: scale(1.06);

}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.care-image-overlay { position: absolute; inset: 0; background:
        linear-gradient(90deg,
            rgba(62, 44, 65, .98) 0%,
            rgba(62, 44, 65, .90) 34%,
            rgba(62, 44, 65, .42) 65%,
            rgba(62, 44, 65, .08) 100%);

}


/* =========================================================
   CONTENT
========================================================= */

.care-content { position: absolute; z-index: 5; left: 65px; top: 50%; width: 48%; transform:
        translateY(-50%);

}


.care-number { display: block; margin-bottom: 12px; color:
        rgba(255, 255, 255, .35); font-size: 10px; font-weight: 900; letter-spacing: 3px;

}


.care-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #ffcfbd; font-size: 9px; font-weight: 900; letter-spacing: 2px;

}


.care-eyebrow i { color: #B76F5A;

}


.care-content h2 { margin:
        14px 0 17px; color: #fff; font-size: 52px; line-height: .98; font-weight: 300; letter-spacing: -1.5px;

}


.care-content h2 strong { color: #fff; font-weight: 800;

}


.care-content p { max-width: 500px; margin: 0 0 22px; color:
        rgba(255, 255, 255, .68); font-size: 12px; line-height: 1.85;

}


/* =========================================================
   TAGS
========================================================= */

.care-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px;

}


.care-tags span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border:
        1px solid rgba(255, 255, 255, .17); border-radius: 50px; color:
        rgba(255, 255, 255, .85); background:
        rgba(255, 255, 255, .08); backdrop-filter:
        blur(10px); font-size: 8px; font-weight: 700;

}


.care-tags i { color: #e6a68f; font-size: 9px;

}


/* =========================================================
   BOOK BUTTON
========================================================= */

.care-book-btn { display: inline-flex; align-items: center; gap: 13px; padding: 8px 9px 8px 19px; color: #3E2C41; background: #fff; border-radius: 50px; text-decoration: none; font-size: 10px; font-weight: 800; box-shadow:
        0 12px 30px rgba(0, 0, 0, .15); transition:
        .35s ease;

}


.care-book-btn i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background:
        linear-gradient(135deg,
            #B76F5A,
            #3E2C41); transition:
        transform .35s ease;

}


.care-book-btn:hover { color: #3E2C41; transform:
        translateY(-4px);

}


.care-book-btn:hover i { transform:
        rotate(45deg);

}


/* =========================================================
   FLOATING TRUST CARD
========================================================= */

.care-trust-card { position: absolute; z-index: 8; right: 45px; bottom: 40px; display: flex; align-items: center; gap: 12px; max-width: 280px; padding: 12px 17px 12px 12px; border:
        1px solid rgba(255, 255, 255, .2); border-radius: 18px; color: #fff; background:
        rgba(62, 44, 65, .55); backdrop-filter:
        blur(15px); box-shadow:
        0 15px 40px rgba(0, 0, 0, .15);

}


.care-trust-icon { width: 40px; height: 40px; display: grid; place-items: center; flex-shrink: 0; border-radius: 13px; color: #fff; background:
        linear-gradient(135deg,
            #B76F5A,
            #7c3aed);

}


.care-trust-icon i { font-size: 17px;

}


.care-trust-card strong { display: block; font-size: 9px; font-weight: 800;

}


.care-trust-card small { display: block; margin-top: 4px; color:
        rgba(255, 255, 255, .58); font-size: 7px;

}


/* =========================================================
   FLOATING HEART
========================================================= */

.care-floating-heart { position: absolute; z-index: 6; top: 65px; right: 29%; width: 48px; height: 48px; display: grid; place-items: center; border:
        1px solid rgba(255, 255, 255, .22); border-radius: 17px; color: #fff; background:
        rgba(62, 44, 65, .35); backdrop-filter:
        blur(12px); animation:
        careFloat 5s ease-in-out infinite;

}


.care-floating-heart i { color: #e7a08d; font-size: 17px;

}


/* =========================================================
   FLOATING HOME
========================================================= */

.care-floating-home { position: absolute; z-index: 6; top: 145px; right: 18%; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; color: #fff; background:
        rgba(124, 58, 237, .35); border:
        1px solid rgba(255, 255, 255, .2); backdrop-filter:
        blur(12px); animation:
        careFloat 5s ease-in-out infinite; animation-delay:
        1.3s;

}


.care-floating-home i { font-size: 14px;

}


@keyframes careFloat { 0%,
    100% {     transform:
            translateY(0) rotate(0deg); } 50% {     transform:
            translateY(-12px) rotate(4deg); }

}


/* =========================================================
   ORBITS
========================================================= */

.care-orbit { position: absolute; z-index: 3; border:
        1px solid rgba(255, 255, 255, .17); border-radius: 50%; pointer-events: none;

}


.care-orbit-one { width: 300px; height: 300px; right: 5%; top: 70px; animation:
        careOrbit 18s linear infinite;

}


.care-orbit-two { width: 210px; height: 210px; right: 9%; top: 115px; animation:
        careOrbit 13s linear infinite reverse;

}


@keyframes careOrbit { from {     transform:
            rotate(0deg); } to {     transform:
            rotate(360deg); }

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width: 991px) { .care-card {     min-height: 560px; }
 .care-content {     left: 45px;     width: 58%; }
 .care-content h2 {     font-size: 43px; }
 .care-trust-card {     right: 25px;     bottom: 25px; }

}


@media(max-width: 767px) { .chutkee-care-section {     padding: 70px 0; }
 .care-card {     min-height: 620px;     border-radius: 27px; }
 .care-image-overlay {     background:
            linear-gradient(180deg,
                rgba(62, 44, 65, .18) 0%,
                rgba(62, 44, 65, .65) 45%,
                rgba(62, 44, 65, .98) 100%); }
 .care-content {     left: 25px;     right: 25px;     bottom: 35px;     top: auto;     width: auto;     transform: none; }
 .care-content h2 {     font-size: 38px; }
 .care-content p {     font-size: 11px; }
 .care-trust-card {     top: 25px;     bottom: auto;     right: 20px;     max-width: 230px; }
 .care-floating-heart {     top: 95px;     right: 25px; }
 .care-floating-home {     top: 150px;     right: 90px; }
 .care-orbit-one {     width: 210px;     height: 210px;     right: -50px;     top: 70px; }
 .care-orbit-two {     width: 145px;     height: 145px;     right: -15px;     top: 105px; }

}


@media(max-width: 480px) { .care-card {     min-height: 650px; }
 .care-content h2 {     font-size: 34px; }
 .care-tags span {     padding: 6px 9px; }
 .care-trust-card {     padding: 9px 12px; }

}

.svc-section {

    position: relative;

    padding: 80px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(183,111,90,.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(62,44,65,.08),
            transparent 30%
        ),
        #ffffff;
}

.svc-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 38px;
}


.svc-header-left {
    max-width: 650px;
}


/* SMALL LABEL */

.svc-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 7px 14px;

    margin-bottom: 14px;

    border-radius: 50px;

    background:
        rgba(183,111,90,.10);

    color: var(--app-content-background-color);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.svc-eyebrow i {

    font-size: 13px;

    color: var(--demo-color);
}


/* TITLE */

.svc-title {

    margin: 0;

    color: var(--text-color3);

    font-size: clamp(32px,4vw,46px);

    line-height: 1.1;

    font-weight: 700;

    letter-spacing: -1.2px;
}


.svc-title span {

    color: var(--primary-color);
}


/* DESCRIPTION */

.svc-subtitle {

    margin: 12px 0 0;

    max-width: 560px;

    color: var(--text-muted);

    font-size: 15px;

    line-height: 1.7;
}

.svc-see-all {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 13px 20px;

    border: 1px solid #e7e7e7;

    border-radius: 14px;

    background: var(--card-bg);

    color: var(--text-dark);

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    transition: all .35s ease;

    box-shadow:
        0 8px 25px rgba(62,44,65,.05);
}


.svc-see-all i {

    transition: .35s ease;
}


.svc-see-all:hover {

    color: var(--text-color);

    border-color: var(--primary-color);

    background: var(--gradient-bg-color);

    transform: translateY(-3px);

    box-shadow:
        0 15px 35px rgba(62,44,65,.18);
}


.svc-see-all:hover i {

    transform: translateX(4px);
}

.svc-card {

    position: relative;

    height: 100%;

    overflow: hidden;

    border: 1px solid rgba(62,44,65,.08);

    border-radius: 22px;

    background: var(--card-bg);

    box-shadow:
        0 8px 25px rgba(62,44,65,.055);

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease,
        border-color .4s ease;
}


.svc-card:hover {

    transform: translateY(-8px);

    border-color:
        rgba(183,111,90,.35);

    box-shadow:
        0 25px 55px rgba(62,44,65,.15);
}

.svc-card-image {

    position: relative;

    height: 225px;

    overflow: hidden;

    background: var(--bg-light);
}


.svc-card-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1);
}


.svc-card:hover
.svc-card-image img {

    transform: scale(1.08);
}


/* IMAGE OVERLAY */

.svc-card-image::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 80px;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.20),
            transparent
        );

    pointer-events: none;
}
.svc-category {

    position: absolute;

    top: 15px;

    left: 15px;

    z-index: 5;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 7px 11px;

    border-radius: 50px;

    background:
        rgba(255,255,255,.92);

    backdrop-filter:
        blur(var(--blur));

    color: var(--primary-color);

    font-size: 10px;

    font-weight: 700;

    box-shadow:
        0 8px 20px rgba(0,0,0,.10);
}


.svc-category i {

    color: var(--app-content-background-color);
}

.svc-wishlist {

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 5;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255,255,255,.5);

    border-radius: 50%;

    background:
        rgba(255,255,255,.90);

    color: var(--text-dark);

    transition: all .3s ease;
}


.svc-wishlist:hover {

    color: var(--text-color);

    background:
        var(--gradient-bg-color);

    transform: scale(1.08);
}

.svc-popular {

    position: absolute;

    top: 205px;

    right: 15px;

    z-index: 5;

    padding: 6px 10px;

    border-radius: 8px;

    background:
        var(--gradient-bg-color);

    color: var(--text-color);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .6px;

    text-transform: uppercase;

    box-shadow:
        0 8px 20px rgba(62,44,65,.25);
}

.svc-card-content {

    padding: 20px;
}


.svc-card-title {

    margin: 0 0 8px;

    color: var(--text-dark);

    font-size: 17px;

    line-height: 1.4;

    font-weight: 700;
}


.svc-card-description {

    margin: 0 0 15px;

    color: var(--text-muted);

    font-size: 12px;

    line-height: 1.55;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;
}

.svc-rating-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 17px;
}


.svc-rating {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: var(--text-dark);

    font-size: 12px;

    font-weight: 700;
}


.svc-rating i {

    color: #f4b82c;

    font-size: 13px;
}


.svc-reviews {

    color: var(--text-muted);

    font-weight: 500;
}
.svc-card-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;
}


.svc-price-label {

    display: block;

    margin-bottom: 2px;

    color: var(--text-muted);

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .7px;

    text-transform: uppercase;
}


.svc-price {

    color: var(--primary-color);

    font-size: 20px;

    font-weight: 800;
}

.svc-book-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    min-width: 110px;

    padding: 11px 15px;

    border: 0;

    border-radius: 12px;

    background:
        var(--gradient-bg-color);

    color: var(--text-color);

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(62,44,65,.20);

    transition: all .35s ease;
}


.svc-book-btn i {

    transition: .35s ease;
}


.svc-book-btn:hover {

    color: var(--text-color);

    background:
        var(--background);

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(62,44,65,.28);
}


.svc-book-btn:hover i {

    transform: translateX(3px);
}

.svc-trust {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 35px;

    margin-top: 42px;

    padding: 18px 25px;

    border: 1px solid rgba(62,44,65,.08);

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #faf7f8
        );
}


.svc-trust-item {

    display: flex;

    align-items: center;

    gap: 9px;

    color: var(--text-muted);

    font-size: 12px;

    font-weight: 600;
}


.svc-trust-item i {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(183,111,90,.10);

    color: var(--app-content-background-color);
}

@media (max-width: 991px) {

    .svc-section {

        padding: 65px 0;
    }

    .svc-card-image {

        height: 210px;
    }

    .svc-trust {

        gap: 20px;
    }
}

/* =========================================================
   REUSABLE TABS
========================================================= */

.reusable-tabs {
    width: 100%;
    position: relative;
}

.reusable-tabs__nav {

    display: flex;
    align-items: center;

    gap: 10px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    padding: 4px 2px 12px;

    scrollbar-width: none;
}

.reusable-tabs__nav::-webkit-scrollbar {
    display: none;
}


.reusable-tabs__btn {

    position: relative;

    flex: 0 0 auto;

    border: 1px solid rgba(62, 44, 65, 0.10);

    background: #fff;

    color: #4A5568;

    padding: 10px 18px;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    white-space: nowrap;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* Hover */

.reusable-tabs__btn:hover {

    color: #3E2C41;

    border-color: rgba(62, 44, 65, .25);

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(62, 44, 65, .08);
}


/* Active */

.reusable-tabs__btn.is-active {

    color: #fff;

    background: #3E2C41;

    border-color: #3E2C41;

    box-shadow:
        0 8px 20px rgba(62, 44, 65, .18);
}

.reusable-tabs__content {
    width: 100%;
}

.reusable-tabs__panel {

    display: none;

    width: 100%;

    animation: reusableTabFade .35s ease;
}


.reusable-tabs__panel.is-active {
    display: block;
}

.reusable-tabs__grid {

    display: flex;
    flex-wrap: nowrap;

    gap: 18px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;

    padding: 4px 2px 14px;

    -webkit-overflow-scrolling: touch;
}


.reusable-tabs__grid::-webkit-scrollbar {
    height: 6px;
}

.reusable-tabs__grid::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}

.reusable-tabs__grid::-webkit-scrollbar-thumb {
    background: #3E2C41;
    border-radius: 20px;
}

.reusable-tabs__grid::-webkit-scrollbar-thumb:hover {
    background: #2d2030;
}


/* Firefox */

.reusable-tabs__grid {
    scrollbar-width: thin;
    scrollbar-color: #3E2C41 #f1f1f1;
}


@media (max-width: 991px) {

    .reusable-tabs__grid {
        gap: 14px;
    }

    .reusable-tabs__grid > .athome__picks__List {
        flex: 0 0 260px;
        width: 260px;
    }

}

@media (max-width: 575px) {

    .reusable-tabs__grid {
        gap: 12px;

        padding-left: 2px;
        padding-right: 12px;
    }

    .reusable-tabs__grid > .athome__picks__List {
        flex: 0 0 78vw;
        width: 78vw;
    }

}

@keyframes reusableTabFade {

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

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

}

@media (max-width: 767px) {

    .reusable-tabs__nav {

        gap: 8px;

        padding-bottom: 10px;

    }

    .reusable-tabs__btn {

        padding: 9px 15px;

        font-size: 13px;

    }

}

.chutkee-luxury-services {
    position: relative;
    overflow: hidden;
    padding: 95px 0 85px;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(183,111,90,.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(124,58,237,.08),
            transparent 30%
        ),
        var(--bg-light);
}



/* =========================================================
   HEADER
========================================================= */

.luxury-services-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 42px;
}


.luxury-header-left {
    max-width: 700px;
}


.luxury-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 16px;

    color: var(--primary-color);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.4px;
}


.eyebrow-star {
    width: 28px;
    height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #3E2C41
        );

    box-shadow:
        0 7px 20px rgba(62,44,65,.18);
}


.eyebrow-line {
    width: 45px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #B76F5A,
            transparent
        );
}


.luxury-header-left h2 {
    margin: 0;

    color: var(--primary-color);

    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.04;
    letter-spacing: -2.8px;
    font-weight: 500;
}


.luxury-header-left h2 span {
    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #7c3aed
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


.luxury-header-left p {
    max-width: 590px;

    margin: 20px 0 0;

    color: var(--secondry-color);

    font-size: 15px;
    line-height: 1.8;
}



/* =========================================================
   VIEW ALL BUTTON
========================================================= */

.luxury-view-all {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    padding: 8px 8px 8px 20px;

    color: #fff !important;

    text-decoration: none;

    border-radius: 50px;

    background: var(--primary-color);

    box-shadow:
        0 15px 35px rgba(62,44,65,.18);

    transition:
        .35s ease;
}


.luxury-view-all:hover {
    color: #fff !important;

    transform: translateY(-4px);

    box-shadow:
        0 20px 45px rgba(62,44,65,.25);
}


.luxury-view-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #7c3aed
        );
}



/* =========================================================
   CATEGORY FILTER
========================================================= */

.luxury-category-scroll {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 25px;

    overflow-x: auto;

    scrollbar-width: none;
}


.luxury-category-scroll::-webkit-scrollbar {
    display: none;
}


.luxury-category {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 10px 17px;

    border: 1px solid rgba(62,44,65,.10);

    border-radius: 50px;

    color: var(--secondry-color);

    background: rgba(255,255,255,.75);

    font-size: 12px;
    font-weight: 700;

    transition: .3s ease;
}


.luxury-category i {
    font-size: 14px;
}


.luxury-category:hover,
.luxury-category.active {
    color: #fff;

    border-color: transparent;

    background:
        linear-gradient(
            135deg,
            #3E2C41,
            #B76F5A
        );

    box-shadow:
        0 10px 25px rgba(62,44,65,.16);
}



/* =========================================================
   SERVICE GRID
========================================================= */

.luxury-services-grid {
    display: grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr;

    gap: 18px;
}



/* =========================================================
   SERVICE CARD
========================================================= */

.luxury-service-card {
    position: relative;

    min-height: 530px;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    text-decoration: none;

    border-radius: 30px;

    background: #fff;

    border: 1px solid rgba(62,44,65,.07);

    box-shadow:
        0 12px 40px rgba(62,44,65,.07);

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}


.luxury-service-card:hover {
    transform: translateY(-10px);

    box-shadow:
        0 25px 65px rgba(62,44,65,.17);
}



/* =========================================================
   IMAGE
========================================================= */

.luxury-card-image {
    position: relative;

    height: 270px;

    overflow: hidden;

    margin: 8px 8px 0;

    border-radius: 24px;
}


.luxury-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s cubic-bezier(.2,.8,.2,1);
}


.luxury-service-card:hover
.luxury-card-image img {
    transform: scale(1.08);
}



/* =========================================================
   IMAGE SHINE
========================================================= */

.luxury-image-shine {
    position: absolute;

    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    transform: skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );

    transition:
        left .8s ease;
}


.luxury-service-card:hover
.luxury-image-shine {
    left: 140%;
}



/* =========================================================
   CARD BODY
========================================================= */

.luxury-card-body {
    position: relative;

    flex: 1;

    padding: 23px 25px 20px;

    display: flex;
    flex-direction: column;
}


.luxury-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;
}


.luxury-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #3E2C41
        );

    font-size: 11px;
    font-weight: 800;

    box-shadow:
        0 8px 18px rgba(62,44,65,.16);
}


.luxury-card-category {
    color: #9a8d98;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.4px;
}



/* =========================================================
   TITLE
========================================================= */

.luxury-card-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}


.luxury-card-title-row h3 {
    margin: 0;

    color: var(--primary-color);

    font-size: 25px;
    line-height: 1.08;

    letter-spacing: -.8px;

    font-weight: 500;
}


.luxury-card-title-row h3 strong {
    font-weight: 800;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #7c3aed
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.luxury-card-title-row p {
    max-width: 300px;

    margin: 12px 0 0;

    color: #7a737b;

    font-size: 12px;
    line-height: 1.65;
}



/* =========================================================
   FLOATING ICON
========================================================= */

.luxury-service-icon {
    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #3E2C41,
            #B76F5A
        );

    box-shadow:
        0 12px 25px rgba(62,44,65,.2);

    font-size: 19px;

    transition: .4s ease;
}


.luxury-service-card:hover
.luxury-service-icon {
    transform:
        rotate(-8deg)
        scale(1.08);
}



/* =========================================================
   FOOTER
========================================================= */

.luxury-card-footer {
    margin-top: auto;
    padding-top: 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: var(--primary-color);

    font-size: 11px;
    font-weight: 800;

    border-top:
        1px solid rgba(62,44,65,.08);
}


.luxury-arrow {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--primary-color);

    background: #f5f1f4;

    transition: .35s ease;
}


.luxury-service-card:hover
.luxury-arrow {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #7c3aed
        );

    transform: rotate(45deg);
}



/* =========================================================
   DECORATIVE ORBS
========================================================= */

.luxury-orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    opacity: .6;

    filter: blur(.2px);

    animation:
        luxuryFloat 5s ease-in-out infinite;
}


.orb-one {
    width: 80px;
    height: 80px;

    right: -30px;
    top: 190px;

    border: 1px solid rgba(183,111,90,.3);
}


.orb-two {
    width: 35px;
    height: 35px;

    right: 45px;
    top: 225px;

    background:
        radial-gradient(
            circle,
            rgba(124,58,237,.22),
            transparent 70%
        );
}


.orb-three {
    width: 65px;
    height: 65px;

    left: -25px;
    bottom: 85px;

    border:
        1px solid rgba(183,111,90,.25);
}


@keyframes luxuryFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

}



/* =========================================================
   MANDALA
========================================================= */

.luxury-mandala {
    position: absolute;

    right: -20px;
    top: 210px;

    width: 110px;
    height: 110px;

    opacity: .15;

    border: 1px solid #B76F5A;

    border-radius: 50%;

    animation:
        mandalaRotate 18s linear infinite;
}


.luxury-mandala span {
    position: absolute;

    inset: 18px;

    border:
        1px solid #B76F5A;

    border-radius: 50%;
}


.luxury-mandala span:nth-child(2) {
    transform: rotate(45deg);
}


.luxury-mandala span:nth-child(3) {
    transform: rotate(90deg);
}


.luxury-mandala span:nth-child(4) {
    transform: rotate(135deg);
}


@keyframes mandalaRotate {

    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }

}



/* =========================================================
   TRUST BAR
========================================================= */

.luxury-trust-bar {
    margin-top: 22px;

    padding: 18px 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border:
        1px solid rgba(62,44,65,.07);

    border-radius: 22px;

    background:
        rgba(255,255,255,.78);

    backdrop-filter:
        blur(15px);

    box-shadow:
        0 12px 35px rgba(62,44,65,.05);
}


.luxury-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}


.trust-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #B76F5A,
            #3E2C41
        );

    font-size: 15px;
}


.luxury-trust-item strong {
    display: block;

    color: var(--primary-color);

    font-size: 11px;
}


.luxury-trust-item small {
    display: block;

    margin-top: 2px;

    color: #8a838a;

    font-size: 9px;
}


.trust-divider {
    width: 1px;
    height: 30px;

    background:
        rgba(62,44,65,.1);
}



/* =========================================================
   LARGE CARD
========================================================= */

.luxury-card-large {
    min-height: 530px;
}


.luxury-card-large .luxury-card-image {
    height: 295px;
}


.luxury-card-large .luxury-card-title-row h3 {
    font-size: 29px;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .chutkee-luxury-services {
        padding: 70px 0;
    }


    .luxury-services-header {
        align-items: flex-start;
        flex-direction: column;
    }


    .luxury-view-all {
        margin-top: -10px;
    }


    .luxury-services-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .luxury-card-large {
        grid-column: span 2;
    }


    .luxury-trust-bar {
        gap: 20px;
    }

}



/* =========================================================
   MOBILE APP UI
========================================================= */

@media (max-width: 767px) {

    .chutkee-luxury-services {
        padding: 45px 0 35px;
    }


    .chutkee-luxury-services .container {
        padding-left: 15px;
        padding-right: 15px;
    }


    /* HEADER */

    .luxury-services-header {
        margin-bottom: 25px;

        gap: 20px;
    }


    .luxury-eyebrow {
        margin-bottom: 12px;

        font-size: 9px;
        letter-spacing: 1.8px;
    }


    .eyebrow-star {
        width: 24px;
        height: 24px;
    }


    .luxury-header-left h2 {
        font-size: 36px;

        line-height: 1.02;

        letter-spacing: -1.8px;
    }


    .luxury-header-left p {
        margin-top: 13px;

        font-size: 12px;

        line-height: 1.7;
    }


    .luxury-view-all {
        width: 100%;

        justify-content: space-between;

        padding-left: 17px;
    }


    .luxury-view-icon {
        width: 38px;
        height: 38px;
    }



    /* CATEGORY */

    .luxury-category-scroll {
        margin-left: -15px;
        margin-right: -15px;

        padding-left: 15px;
        padding-right: 15px;

        margin-bottom: 18px;
    }


    .luxury-category {
        padding: 9px 14px;

        font-size: 10px;
    }



    /* GRID */

    .luxury-services-grid {
        display: flex;

        overflow-x: auto;

        gap: 14px;

        margin-right: -15px;

        padding-right: 15px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }


    .luxury-services-grid::-webkit-scrollbar {
        display: none;
    }



    /* CARD */

    .luxury-service-card,
    .luxury-card-large {
        flex:
            0 0 84%;

        min-height: 445px;

        border-radius: 25px;

        scroll-snap-align: start;
    }


    .luxury-card-large {
        grid-column: auto;
    }


    .luxury-card-image,
    .luxury-card-large .luxury-card-image {
        height: 215px;

        margin: 7px 7px 0;

        border-radius: 20px;
    }


    .luxury-card-body {
        padding: 18px 18px 17px;
    }


    .luxury-card-top {
        margin-bottom: 14px;
    }


    .luxury-number {
        width: 29px;
        height: 29px;

        font-size: 9px;
    }


    .luxury-card-category {
        font-size: 8px;

        letter-spacing: 1.1px;
    }


    .luxury-card-title-row {
        gap: 10px;
    }


    .luxury-card-title-row h3,
    .luxury-card-large .luxury-card-title-row h3 {
        font-size: 23px;

        letter-spacing: -.6px;
    }


    .luxury-card-title-row p {
        margin-top: 9px;

        font-size: 11px;

        line-height: 1.55;
    }


    .luxury-service-icon {
        width: 42px;
        height: 42px;

        border-radius: 13px;

        font-size: 16px;
    }


    .luxury-card-footer {
        padding-top: 16px;

        font-size: 10px;
    }


    .luxury-arrow {
        width: 30px;
        height: 30px;
    }



    /* TRUST BAR */

    .luxury-trust-bar {
        margin-top: 18px;

        padding: 14px;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 13px;

        border-radius: 18px;
    }


    .luxury-trust-item {
        gap: 8px;
    }


    .trust-icon {
        flex: 0 0 32px;

        width: 32px;
        height: 32px;

        border-radius: 10px;

        font-size: 12px;
    }


    .luxury-trust-item strong {
        font-size: 9px;
    }


    .luxury-trust-item small {
        font-size: 8px;
    }


    .trust-divider {
        display: none;
    }


    /* HIDE 3RD TRUST ITEM ON VERY SMALL UI */

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .luxury-header-left h2 {
        font-size: 23px;
    }


    .luxury-service-card,
    .luxury-card-large {
        flex-basis: 88%;
    }


    .luxury-card-image,
    .luxury-card-large .luxury-card-image {
        height: 205px;
    }


    .luxury-card-title-row h3,
    .luxury-card-large .luxury-card-title-row h3 {
        font-size: 21px;
    }

}
/* =========================================================
   CHUTKEE ULTRA LUXURY — RESCUE + CARE
========================================================= */

.chutkee-rescue-luxury,
.chutkee-family-luxury {

    --luxury-plum: #3E2C41;
    --luxury-rose: #B76F5A;
    --luxury-purple: #7c3aed;
    --luxury-bg: #f1f3f6;
    --luxury-muted: #697078;

    position: relative;

    background:
        radial-gradient(
            circle at 0% 20%,
            rgba(183,111,90,.09),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 80%,
            rgba(124,58,237,.08),
            transparent 32%
        ),
        var(--luxury-bg);

    overflow: hidden;
}


/* =========================================================
   RESCUE SECTION
========================================================= */

.chutkee-rescue-luxury {

    padding: 105px 0 30px;
}


/* =========================================================
   HEADER
========================================================= */

.rescue-luxury-header {

    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;

    margin-bottom: 42px;
}


.rescue-header-copy {

    max-width: 720px;
}


.rescue-luxury-eyebrow {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 18px;

    color: var(--luxury-plum);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;
}


.rescue-eyebrow-icon {

    width: 29px;
    height: 29px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-plum)
        );

    box-shadow:
        0 8px 22px rgba(62,44,65,.18);
}


.rescue-luxury-eyebrow > i {

    color: var(--luxury-rose);

    font-size: 11px;
}


.rescue-header-copy h2 {

    margin: 0;

    color: var(--luxury-plum);

    font-size: clamp(42px,5vw,68px);

    font-weight: 500;

    line-height: .98;

    letter-spacing: -3px;
}


.rescue-header-copy h2 span {
/* 
    display: block; */

    background:
        linear-gradient(
            120deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}


.rescue-header-copy p {

    max-width: 570px;

    margin: 20px 0 0;

    color: var(--luxury-muted);

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   VIEW BUTTON
========================================================= */

.rescue-luxury-view {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 7px 7px 7px 19px;

    color: #fff !important;

    text-decoration: none;

    border-radius: 50px;

    background: var(--luxury-plum);

    box-shadow:
        0 18px 38px rgba(62,44,65,.18);

    transition: .4s ease;
}


.rescue-luxury-view:hover {

    transform: translateY(-5px);

    box-shadow:
        0 24px 48px rgba(62,44,65,.24);
}


.rescue-luxury-view div {

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );
}


/* =========================================================
   MAIN GRID
========================================================= */

.rescue-luxury-grid {

    display: grid;

    grid-template-columns:
        1.35fr
        .75fr;

    gap: 18px;
}


/* =========================================================
   FEATURED CARD
========================================================= */

.rescue-main-card {

    position: relative;

    min-height: 625px;

    overflow: hidden;

    display: flex;

    align-items: flex-end;

    border-radius: 34px;

    text-decoration: none;

    background: var(--luxury-plum);

    box-shadow:
        0 25px 70px rgba(62,44,65,.14);

    isolation: isolate;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        box-shadow .5s ease;
}


.rescue-main-card:hover {

    transform: translateY(-9px);

    box-shadow:
        0 35px 85px rgba(62,44,65,.22);
}


.rescue-main-image {

    position: absolute;

    inset: 0;

    z-index: -3;
}


.rescue-main-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 1s cubic-bezier(.2,.8,.2,1);
}


.rescue-main-card:hover
.rescue-main-image img {

    transform: scale(1.07);
}


.rescue-image-gradient {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(62,44,65,.03) 20%,
            rgba(62,44,65,.12) 40%,
            rgba(30,19,29,.92) 100%
        );
}


.rescue-image-glow {

    position: absolute;

    right: -10%;

    top: 15%;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(183,111,90,.35),
            transparent 70%
        );

    filter: blur(25px);
}


/* =========================================================
   STATUS
========================================================= */

.rescue-status {

    position: absolute;

    top: 22px;
    left: 22px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 9px 13px;

    color: #fff;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 50px;

    background:
        rgba(30,20,30,.45);

    backdrop-filter: blur(14px);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;
}


.rescue-status-dot {

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #83e6a2;

    box-shadow:
        0 0 0 5px rgba(131,230,162,.12);

    animation:
        rescuePulse 1.8s infinite;
}


@keyframes rescuePulse {

    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

}


.rescue-status i {

    opacity: .7;

    margin-left: 2px;
}


/* =========================================================
   INDEX
========================================================= */

.rescue-index {

    position: absolute;

    top: 24px;
    right: 25px;

    color: rgba(255,255,255,.75);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

.rescue-main-content {

    width: 100%;

    padding: 42px 45px 40px;

    color: #fff;
}


.rescue-main-category {

    margin-bottom: 13px;

    color: rgba(255,255,255,.65);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;
}


.rescue-main-content h3 {

    max-width: 590px;

    margin: 0;

    font-size: clamp(38px,4.5vw,62px);

    line-height: .98;

    letter-spacing: -2.7px;

    font-weight: 400;
}


.rescue-main-content h3 strong {

    display: block;

    font-weight: 800;

    background:
        linear-gradient(
            90deg,
            #fff,
            #e8c1b5
        );

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}


.rescue-main-content p {

    max-width: 500px;

    margin: 18px 0 30px;

    color: rgba(255,255,255,.72);

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   MAIN BOTTOM
========================================================= */

.rescue-main-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.rescue-price-hint small {

    display: block;

    margin-bottom: 3px;

    color: rgba(255,255,255,.48);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.4px;
}


.rescue-price-hint strong {

    color: #fff;

    font-size: 20px;
}


.rescue-book {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    /* padding: 8px 8px 8px 19px; */

    border-radius: 50px;

    color: var(--luxury-plum);

    background: #fff;

    font-size: 11px;

    font-weight: 800;

    transition: .35s ease;
}


.rescue-book i {

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );
}


.rescue-main-card:hover
.rescue-book {

    transform: translateY(-3px);

    box-shadow:
        0 10px 30px rgba(0,0,0,.2);
}


/* =========================================================
   FLOATING ICON
========================================================= */

.rescue-floating-glass {

    position: absolute;

    right: 28px;
    bottom: 190px;

    width: 65px;
    height: 65px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    border: 1px solid rgba(255,255,255,.22);

    border-radius: 21px;

    background:
        rgba(255,255,255,.12);

    backdrop-filter: blur(15px);

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

    font-size: 22px;

    animation:
        rescueFloat 4s ease-in-out infinite;
}


@keyframes rescueFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

}


/* =========================================================
   DECORATIVE CIRCLES
========================================================= */

.rescue-decor-circle {

    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.18);

    pointer-events: none;
}


.rescue-circle-1 {

    width: 180px;
    height: 180px;

    right: -80px;
    top: 100px;
}


.rescue-circle-2 {

    width: 100px;
    height: 100px;

    right: 15px;
    top: 140px;
}


/* =========================================================
   SIDE
========================================================= */

.rescue-luxury-side {

    display: grid;

    grid-template-rows: 1fr 1fr;

    gap: 18px;
}


/* =========================================================
   MINI CARD
========================================================= */

.rescue-mini-card {

    position: relative;

    overflow: hidden;

    min-height: 303px;

    display: flex;

    align-items: flex-end;

    border-radius: 29px;

    text-decoration: none;

    isolation: isolate;

    background: var(--luxury-plum);

    box-shadow:
        0 15px 45px rgba(62,44,65,.10);

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.rescue-mini-card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 25px 55px rgba(62,44,65,.18);
}


.rescue-mini-image {

    position: absolute;

    inset: 0;

    z-index: -2;
}


.rescue-mini-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .8s ease;
}


.rescue-mini-card:hover
.rescue-mini-image img {

    transform: scale(1.08);
}


.rescue-mini-gradient {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 10%,
            rgba(34,21,31,.85) 100%
        );
}


.rescue-mini-number {

    position: absolute;

    top: 20px;
    right: 22px;

    color: rgba(255,255,255,.72);

    font-size: 11px;

    font-weight: 800;
}


.rescue-mini-icon {

    position: absolute;

    top: 18px;
    left: 19px;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    border: 1px solid rgba(255,255,255,.2);

    border-radius: 14px;

    background:
        rgba(255,255,255,.12);

    backdrop-filter: blur(13px);

    font-size: 16px;
}


.rescue-mini-content {

    width: 100%;

    padding: 25px;
}


.rescue-mini-content > span {

    display: block;

    margin-bottom: 9px;

    color: rgba(255,255,255,.58);

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.7px;
}


.rescue-mini-content h3 {

    max-width: 340px;

    margin: 0;

    color: #fff;

    font-size: 25px;

    line-height: 1.02;

    letter-spacing: -1px;

    font-weight: 400;
}


.rescue-mini-content h3 strong {

    font-weight: 800;

    color: #edc6ba;
}


.rescue-mini-content p {

    max-width: 350px;

    margin: 10px 0 16px;

    color: rgba(255,255,255,.66);

    font-size: 10px;

    line-height: 1.6;
}


.rescue-mini-action {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #fff;

    font-size: 10px;

    font-weight: 800;
}


.rescue-mini-action i {

    transition: .3s ease;
}


.rescue-mini-card:hover
.rescue-mini-action i {

    transform: translate(4px,-4px);
}


/* =========================================================
   QUICK BAR
========================================================= */

.rescue-quick-bar {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 18px;

    padding: 10px;

    border:
        1px solid rgba(62,44,65,.07);

    border-radius: 22px;

    background:
        rgba(255,255,255,.78);

    backdrop-filter: blur(16px);

    box-shadow:
        0 12px 40px rgba(62,44,65,.05);
}


.rescue-quick-intro {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 4px 14px 4px 5px;

    margin-right: auto;
}


.rescue-quick-intro > span {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-plum)
        );
}


.rescue-quick-intro strong {

    display: block;

    color: var(--luxury-plum);

    font-size: 10px;
}


.rescue-quick-intro small {

    display: block;

    margin-top: 2px;

    color: #929097;

    font-size: 8px;
}


.rescue-quick-bar > a {

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 11px 15px;

    color: var(--luxury-plum);

    text-decoration: none;

    border-radius: 14px;

    background: #f7f4f6;

    font-size: 9px;

    font-weight: 800;

    transition: .3s ease;
}


.rescue-quick-bar > a i {

    color: var(--luxury-rose);

    font-size: 13px;
}


.rescue-quick-bar > a:hover {

    color: #fff;

    background: var(--luxury-plum);

    transform: translateY(-2px);
}


.rescue-quick-bar > a:hover i {

    color: #edc6ba;
}



/* =========================================================
   FAMILY SECTION
========================================================= */

.chutkee-family-luxury {

    padding: 30px 0 105px;
}


.family-luxury-card {

    position: relative;

    min-height: 640px;

    display: grid;

    grid-template-columns: 1.05fr .95fr;

    overflow: hidden;

    border-radius: 36px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #faf7f8
        );

    box-shadow:
        0 25px 80px rgba(62,44,65,.10);
}


/* =========================================================
   FAMILY IMAGE
========================================================= */

.family-image {

    position: relative;

    min-height: 640px;

    overflow: hidden;
}


.family-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 1s ease;
}


.family-luxury-card:hover
.family-image img {

    transform: scale(1.04);
}


.family-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent 50%,
            rgba(255,255,255,.55) 100%
        );
}


.family-image-label {

    position: absolute;

    left: 25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 10px 16px 10px 10px;

    color: #fff;

    border:
        1px solid rgba(255,255,255,.2);

    border-radius: 16px;

    background:
        rgba(62,44,65,.52);

    backdrop-filter:
        blur(16px);
}


.family-image-label > span {

    width: 37px;
    height: 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );
}


.family-image-label strong {

    display: block;

    font-size: 9px;

    letter-spacing: 1px;
}


.family-image-label small {

    display: block;

    margin-top: 3px;

    color: rgba(255,255,255,.68);

    font-size: 8px;
}


/* =========================================================
   HEART
========================================================= */

.family-heart {

    position: absolute;

    top: 45px;
    right: 45px;

    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    border-radius: 50%;

    background:
        rgba(62,44,65,.5);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 15px 35px rgba(62,44,65,.18);

    animation:
        familyHeartFloat 4s ease-in-out infinite;
}


@keyframes familyHeartFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }

}


/* =========================================================
   ORBIT
========================================================= */

.family-orbit {

    position: absolute;

    right: -70px;
    top: 100px;

    width: 220px;
    height: 220px;

    border:
        1px solid rgba(255,255,255,.25);

    border-radius: 50%;

    transform: rotate(30deg);
}


/* =========================================================
   FAMILY CONTENT
========================================================= */

.family-content {

    position: relative;

    padding: 65px 58px;

    display: flex;

    flex-direction: column;

    justify-content: center;
}


.family-top {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 25px;
}


.family-number {

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-plum)
        );

    font-size: 10px;

    font-weight: 900;
}


.family-eyebrow {

    display: flex;

    align-items: center;

    gap: 6px;

    color: var(--luxury-rose);

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.6px;
}


.family-content h2 {

    margin: 0;

    color: var(--luxury-plum);

    font-size: clamp(40px,4.5vw,60px);

    line-height: .98;

    letter-spacing: -2.7px;

    font-weight: 400;
}


.family-content h2 span {

    display: block;

    font-weight: 800;

    background:
        linear-gradient(
            120deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}


.family-description {

    max-width: 500px;

    margin: 20px 0 27px;

    color: var(--luxury-muted);

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================================
   FAMILY SERVICES
========================================================= */

.family-services {

    display: grid;

    gap: 9px;

    margin-bottom: 24px;
}


.family-service {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 10px;

    border:
        1px solid rgba(62,44,65,.07);

    border-radius: 16px;

    background: rgba(255,255,255,.7);

    transition: .3s ease;
}


.family-service:hover {

    transform: translateX(5px);

    border-color:
        rgba(183,111,90,.25);

    box-shadow:
        0 10px 25px rgba(62,44,65,.06);
}


.family-service > span {

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #fff;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--luxury-plum),
            var(--luxury-rose)
        );
}


.family-service strong {

    display: block;

    color: var(--luxury-plum);

    font-size: 10px;
}


.family-service small {

    display: block;

    margin-top: 3px;

    color: #949097;

    font-size: 8px;
}


.family-service > i {

    margin-left: auto;

    color: #b6aeb5;

    font-size: 11px;
}


/* =========================================================
   CTA
========================================================= */

.family-primary-btn {

    width: max-content;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 8px 8px 8px 21px;

    color: #fff !important;

    text-decoration: none;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            var(--luxury-plum),
            #513650
        );

    box-shadow:
        0 15px 35px rgba(62,44,65,.18);

    font-size: 10px;

    font-weight: 800;

    transition: .35s ease;
}


.family-primary-btn i {

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );
}


.family-primary-btn:hover {

    color: #fff !important;

    transform: translateY(-4px);

    box-shadow:
        0 20px 45px rgba(62,44,65,.24);
}


/* =========================================================
   TRUST
========================================================= */

.family-trust {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-top: 24px;
}


.family-trust-avatars {

    display: flex;
}


.family-trust-avatars span {

    width: 28px;
    height: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-left: -5px;

    color: #fff;

    border:
        2px solid #fff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--luxury-rose),
            var(--luxury-purple)
        );

    font-size: 9px;
}


.family-trust-avatars span:first-child {

    margin-left: 0;
}


.family-trust strong {

    display: block;

    color: var(--luxury-plum);

    font-size: 9px;
}


.family-trust small {

    display: block;

    margin-top: 2px;

    color: #99949a;

    font-size: 8px;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .rescue-luxury-header {

        align-items: flex-start;

        flex-direction: column;
    }


    .rescue-luxury-grid {

        grid-template-columns: 1fr;
    }


    .rescue-main-card {

        min-height: 560px;
    }


    .rescue-luxury-side {

        grid-template-columns: 1fr 1fr;

        grid-template-rows: none;
    }


    .rescue-mini-card {

        min-height: 360px;
    }


    .family-luxury-card {

        grid-template-columns: 1fr;
    }


    .family-image {

        min-height: 450px;
    }


    .family-content {

        padding: 55px 45px;
    }

}



/* =========================================================
   MOBILE APP
========================================================= */

@media (max-width: 767px) {

    .chutkee-rescue-luxury {

        padding: 55px 0 20px;
    }


    .chutkee-family-luxury {

        padding: 20px 0 55px;
    }


    .chutkee-rescue-luxury .container,
    .chutkee-family-luxury .container {

        padding-left: 15px;

        padding-right: 15px;
    }


    /* HEADER */

    .rescue-luxury-header {

        margin-bottom: 24px;

        gap: 18px;
    }


    .rescue-luxury-eyebrow {

        font-size: 8px;

        letter-spacing: 1.5px;

        margin-bottom: 13px;
    }


    .rescue-eyebrow-icon {

        width: 24px;
        height: 24px;
    }


    .rescue-header-copy h2 {

        font-size: 24px;

        letter-spacing: -1.8px;
    }


    .rescue-header-copy p {

        margin-top: 13px;

        font-size: 11px;

        line-height: 1.65;
    }


    .rescue-luxury-view {

        width: 100%;

        justify-content: space-between;

        padding-left: 17px;
    }


    .rescue-luxury-view div {

        width: 38px;
        height: 38px;
    }



    /* MAIN CARD */

    .rescue-luxury-grid {

        display: flex;

        overflow-x: auto;

        gap: 13px;

        margin-right: -15px;

        padding-right: 15px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }


    .rescue-luxury-grid::-webkit-scrollbar {

        display: none;
    }


    .rescue-main-card {

        flex: 0 0 87%;

        min-height: 505px;

        border-radius: 27px;

        scroll-snap-align: start;
    }


    .rescue-status {

        top: 15px;

        left: 15px;

        padding: 7px 10px;

        font-size: 7px;
    }


    .rescue-index {

        top: 17px;

        right: 18px;

        font-size: 9px;
    }


    .rescue-main-content {

        padding: 28px 20px 21px;
    }


    .rescue-main-category {

        font-size: 8px;

        letter-spacing: 1.4px;
    }


    .rescue-main-content h3 {

        font-size: 35px;

        letter-spacing: -1.7px;
    }


    .rescue-main-content p {

        margin: 12px 0 20px;

        font-size: 10px;
    }


    .rescue-floating-glass {

        width: 48px;
        height: 48px;

        right: 18px;

        bottom: 175px;

        border-radius: 15px;

        font-size: 16px;
    }


    .rescue-book {

        padding-left: 14px;

        font-size: 9px;
    }


    .rescue-book i {

        width: 31px;
        height: 31px;
    }



    /* SIDE CARDS */

    .rescue-luxury-side {

        display: contents;
    }


    .rescue-mini-card {

        flex: 0 0 87%;

        min-height: 505px;

        border-radius: 27px;

        scroll-snap-align: start;
    }


    .rescue-mini-content {

        padding: 20px;
    }


    .rescue-mini-content h3 {

        font-size: 28px;

        letter-spacing: -1.1px;
    }


    .rescue-mini-content p {

        font-size: 10px;

        max-width: 280px;
    }


    .rescue-mini-icon {

        width: 40px;
        height: 40px;

        top: 15px;
        left: 15px;

        border-radius: 12px;
    }



    /* QUICK BAR */

    .rescue-quick-bar {

        margin-top: 14px;

        padding: 8px;

        overflow-x: auto;

        justify-content: flex-start;

        scrollbar-width: none;
    }


    .rescue-quick-bar::-webkit-scrollbar {

        display: none;
    }


    .rescue-quick-intro {

        min-width: 205px;

        margin-right: 0;
    }


    .rescue-quick-bar > a {

        flex: 0 0 auto;

        padding: 10px 13px;
    }



    /* FAMILY */

    .family-luxury-card {

        min-height: auto;

        display: block;

        border-radius: 27px;
    }


    .family-image {

        min-height: 310px;

        height: 310px;
    }


    .family-image-label {

        left: 15px;

        bottom: 15px;

        padding: 8px 12px 8px 8px;
    }


    .family-image-label > span {

        width: 32px;
        height: 32px;
    }


    .family-heart {

        top: 18px;

        right: 18px;

        width: 43px;
        height: 43px;
    }


    .family-content {

        padding: 32px 20px 28px;
    }


    .family-top {

        margin-bottom: 18px;
    }


    .family-number {

        width: 29px;
        height: 29px;

        font-size: 9px;
    }


    .family-eyebrow {

        font-size: 8px;
    }


    .family-content h2 {

        font-size: 37px;

        letter-spacing: -1.8px;
    }


    .family-description {

        margin: 13px 0 19px;

        font-size: 11px;

        line-height: 1.65;
    }


    .family-services {

        gap: 7px;

        margin-bottom: 20px;
    }


    .family-service {

        padding: 8px;

        border-radius: 13px;
    }


    .family-service > span {

        width: 35px;
        height: 35px;

        border-radius: 10px;
    }


    .family-service strong {

        font-size: 9px;
    }


    .family-service small {

        font-size: 7px;
    }


    .family-primary-btn {

        width: 100%;

        justify-content: space-between;

        padding-left: 17px;
    }


    .family-trust {

        margin-top: 18px;
    }

}

@media (max-width: 390px) {

    .rescue-header-copy h2 {

        font-size: 23px;
    }


    .rescue-main-card,
    .rescue-mini-card {

        flex-basis: 90%;
    }


    .rescue-main-content h3 {

        font-size: 31px;
    }


    .family-content h2 {

        font-size: 33px;
    }

}

.mobile-house-section { display: none;
}


@media (max-width: 800px) { .mobile-house-section { display: block;
 width: 100%;
 padding: 30px 0 20px;
 background: linear-gradient(
180deg,
#ffffff 0%,
#faf8fb 100% ); }
 .mobile-house-container { width: 100%; overflow: hidden; } .mobile-house-header { display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: 15px;
 padding: 0 16px 18px; }
 .mobile-house-eyebrow { display: inline-flex;
 align-items: center;
 gap: 6px;
 margin-bottom: 7px;
 color: #8b708e;
 font-size: 9px;
 font-weight: 800;
 letter-spacing: 1.3px; }
 .mobile-house-eyebrow i { font-size: 11px; }
 .mobile-house-header h2 { margin: 0;
 color: #29212b;
 font-size: 22px;
 line-height: 1.15;
 font-weight: 800;
 letter-spacing: -0.6px; }
 .mobile-house-header h2 span { color: #3e2c41; }
 .mobile-house-header p { margin: 6px 0 0;
 max-width: 250px;
 color: #8b858d;
 font-size: 11px;
 line-height: 1.5; }
 .mobile-house-header > a { flex: 0 0 auto;
 display: flex;
 align-items: center;
 gap: 4px;
 padding: 8px 10px;
 border-radius: 10px;
 background: #f2edf3;
 color: #3e2c41;
 text-decoration: none;
 font-size: 10px;
 font-weight: 700; }
 .mobile-house-slider { display: flex;
 gap: 13px;
 width: 100%;
 padding: 2px 16px 10px;
 overflow-x: auto;
 overflow-y: hidden;
 scroll-snap-type: x mandatory;
 -webkit-overflow-scrolling: touch;
 scrollbar-width: none; }
 .mobile-house-slider::-webkit-scrollbar { display: none; }
 .mobile-house-card { position: relative; flex: 0 0 75%; width: 75%; overflow: hidden; scroll-snap-align: start; border-radius: 22px; background: #fff; text-decoration: none; box-shadow: 0 10px 35px rgba(62, 44, 65, 0.1); border: 1px solid rgba(62, 44, 65, 0.06); transition:
transform 0.3s ease,
box-shadow 0.3s ease; }
 .mobile-house-card:active { transform: scale(0.985); }
 .mobile-house-image { position: relative; height: 137px; overflow: hidden; background: #eee; }
 .mobile-house-image img { width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.6s ease; }
 .mobile-house-card:hover .mobile-house-image img { transform: scale(1.05); }
 .mobile-house-image-overlay { position: absolute;
 inset: 0;
 background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.02) 40%,
rgba(0, 0, 0, 0.58) 100% ); }
 .mobile-house-category { position: absolute;
 left: 12px;
 bottom: 12px;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 7px 10px;
 border-radius: 10px;
 color: #fff;
 background: rgba(40, 30, 43, 0.65);
 border: 1px solid rgba(255, 255, 255, 0.15);
 backdrop-filter: blur(8px);
 -webkit-backdrop-filter: blur(8px);
 font-size: 10px;
 font-weight: 700; }
 .mobile-house-category i { font-size: 11px; }
 .mobile-house-heart { position: absolute;
 top: 12px;
 right: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 36px;
 height: 36px;
 border: 0;
 border-radius: 50%;
 color: #fff;
 background: rgba(255, 255, 255, 0.2);
 border: 1px solid rgba(255, 255, 255, 0.3);
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 font-size: 14px; }
 .mobile-house-booked { position: absolute;
 top: 13px;
 left: 13px;
 padding: 6px 9px;
 border-radius: 8px;
 background: #fff;
 color: #3e2c41;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
 font-size: 9px;
 font-weight: 800; }
 .mobile-house-content { padding: 14px 14px 15px; }
 .mobile-house-rating { display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 7px; }
 .mobile-house-rating span { display: inline-flex;
 align-items: center;
 gap: 4px;
 padding: 4px 7px;
 border-radius: 7px;
 background: #fff8e9;
 color: #9b6c13;
 font-size: 10px;
 font-weight: 800; }
 .mobile-house-rating span i { color: #e3a72f; font-size: 9px; }
 .mobile-house-rating small { color: #99939b;
 font-size: 9px; }
 .mobile-house-content h3 { margin: 0; 
    /* min-height: 38px; */ 
    color: #302832; font-size: 12px; line-height: 1.3; font-weight: 750; letter-spacing: -0.2px; }
 .mobile-house-footer { display: flex;
 align-items: flex-end;
 justify-content: space-between;
 margin-top: 13px;
 padding-top: 12px;
 border-top: 1px solid #f0edf1; }
 .mobile-house-footer div { display: flex;
 flex-direction: column;
 gap: 2px; }
 .mobile-house-footer small { color: #a09aa1;
 font-size: 9px; }
 .mobile-house-footer strong { color: #3e2c41;
 font-size: 18px;
 font-weight: 800; }
 .mobile-house-book { display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 min-width: 76px;
 height: 37px;
 padding: 0 12px;
 border-radius: 11px;
 color: #fff;
 background: #3e2c41;
 box-shadow: 0 7px 16px rgba(62, 44, 65, 0.22);
 font-size: 10px;
 font-weight: 800; }
 .mobile-house-book i { font-size: 10px;
 transition: transform 0.25s ease; }
 .mobile-house-card:active .mobile-house-book i { transform: translateX(3px); }
 .mobile-house-swipe { display: flex;
 align-items: center;
 gap: 5px;
 padding: 10px 16px 0; }
 .mobile-house-swipe > span { width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #d9d3da;
 transition: 0.3s ease; }
 .mobile-house-swipe > span.active { width: 20px;
 border-radius: 10px;
 background: #3e2c41; }
 .mobile-house-swipe em { margin-left: 6px;
 color: #a09aa1;
 font-size: 9px;
 font-style: normal; }
 .mobile-house-swipe em i { margin-left: 2px; }
}