/* =====================================================
           ROOT
        ===================================================== */

        :root {

            --primary: #f13e6a;
            --coral: #f86f63;

            --burgundy: #4a1023;
            --dark: #2e101e;

            --gold: #d9a441;
            --gold-light: #f2d28b;

            --cream: #fff8f0;
            --white: #ffffff;

            --text: #5c4a50;
            --border: rgba(74, 16, 35, .10);

            --shadow:
                0 25px 70px rgba(74, 16, 35, .12);

        }


        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }


        html {
            scroll-behavior: smooth;
        }


        body {

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

            color: var(--text);

            background: var(--cream);

            overflow-x: hidden;

        }


        h1,
        h2,
        h3,
        h4,
        h5 {

            font-family: "Cormorant Garamond", serif;

            color: var(--burgundy);

        }


        a {
            text-decoration: none;
        }


        img {
            max-width: 100%;
        }



        /* =====================================================
           TOP BAR
        ===================================================== */

        .top-bar {

            background: var(--burgundy);

            color: #fff;

            padding: 9px 0;

            font-size: 16px;

        }


        .top-bar-content {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }


        .top-bar a {

            color: #fff;

            margin-left: 20px;

        }


        .top-bar i {

            color: var(--gold-light);

            margin-right: 5px;

        }



        /* =====================================================
           NAVBAR
        ===================================================== */

        .main-navbar {

            position: relative;
			background: var(--dark);

            left: 0;

            width: 100%;

            z-index: 1000;

            padding: 0px 0;

            transition: .4s;

        }


        .main-navbar.scrolled {

            position: fixed;

            top: 0;

            background: rgba(255, 248, 240, .95);

            backdrop-filter: blur(15px);

            box-shadow: 0 10px 35px rgba(74, 16, 35, .08);

        }


        .navbar-brand img {

            width: 350px;

        }


        .nav-link {

            color: #fff !important;

            font-size: 16px;

            font-weight: 500;

            margin: 0 10px;

            position: relative;

        }


        .scrolled .nav-link {

            color: var(--burgundy) !important;

        }


        .nav-link::after {

            content: "";

            position: absolute;

            left: 50%;

            bottom: -6px;

            width: 0;

            height: 2px;

            background: var(--primary);

            transform: translateX(-50%);

            transition: .3s;

        }


        .nav-link:hover::after {

            width: 70%;

        }


        .nav-btn {

            background: linear-gradient(
                135deg,
                var(--coral),
                var(--primary)
            );

            color: #fff;

            padding: 12px 22px;

            border-radius: 50px;

            font-size: 16px;

            font-weight: 600;

            box-shadow: 0 10px 25px rgba(241, 62, 106, .25);

        }


        .nav-btn:hover {

            color: #fff;

            transform: translateY(-2px);

        }



        /* =====================================================
           HERO
        ===================================================== */

        .hero {

            min-height: auto;

            position: relative;

            overflow: visible;

            background: var(--dark);

        }


        .hero-slide {

            min-height: auto;

            position: relative;

            display: flex;

            align-items: center;

            background-size: cover;
            background-position: center;

        }


        .hero-slide::before {

            content: "";

            position: absolute;

            inset: 0;

/*
            background:
                linear-gradient(
                    90deg,
                    rgba(24, 13, 18, .94) 0%,
                    rgba(24, 13, 18, .75) 42%,
                    rgba(24, 13, 18, .20) 100%
                );
*/

        }


        .hero-slide::after {

            content: "";

            position: absolute;

            width: 600px;

            height: 600px;

            border-radius: 50%;

            right: -180px;

            top: 100px;

            border: 1px solid rgba(242, 210, 139, .25);

            box-shadow:
                0 0 0 60px rgba(242, 210, 139, .03),
                0 0 0 120px rgba(242, 210, 139, .02);

        }


        .hero-content {

            position: relative;

            z-index: 5;

            max-width: 700px;

            padding-top: 80px;

        }


        .hero-tag {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            color: var(--gold-light);

            text-transform: uppercase;

            letter-spacing: 3px;

            font-size: 16px;

            font-weight: 600;

            margin-bottom: 20px;

        }


        .hero-tag span {

            width: 45px;

            height: 1px;

            background: var(--gold);

        }


        .hero h1 {

            color: #fff;

            font-size: clamp(50px, 6vw, 86px);

            line-height: .95;

            font-weight: 600;

            margin-bottom: 25px;

        }


        .hero h1 em {

            color: var(--gold-light);

            font-style: normal;

        }


        .hero p {

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

            max-width: 570px;

            line-height: 1.9;

            font-size: 15px;

            margin-bottom: 35px;

        }


        .hero-buttons {

            display: flex;

            gap: 15px;

            flex-wrap: wrap;

        }


        .btn-main {

            background:
                linear-gradient(
                    135deg,
                    var(--coral),
                    var(--primary)
                );

            color: #fff;

            padding: 15px 28px;

            border-radius: 50px;

            font-size: 16px;

            font-weight: 600;

            display: inline-flex;

            align-items: center;

            gap: 10px;

            box-shadow:
                0 15px 35px rgba(241, 62, 106, .25);

            transition: .3s;

        }


        .btn-main:hover {

            color: #fff;

            transform: translateY(-4px);

        }


        .btn-outline-light-custom {

            color: #fff;

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

            padding: 14px 27px;

            border-radius: 50px;

            font-size: 16px;

            transition: .3s;

        }


        .btn-outline-light-custom:hover {

            background: #fff;

            color: var(--burgundy);

        }



        /* =====================================================
           HERO DECORATION
        ===================================================== */

        .zodiac-orbit {

            position: absolute;

            right: 8%;

            top: 50%;

            transform: translateY(-50%);

            width: 430px;

            height: 430px;

            border: 1px solid rgba(242,210,139,.25);

            border-radius: 50%;

            z-index: 3;

            animation: rotateOrbit 30s linear infinite;

        }


        .zodiac-orbit::before {

            content: "✦";

            position: absolute;

            top: -14px;

            left: 50%;

            color: var(--gold-light);

            font-size: 25px;

        }


        .zodiac-orbit::after {

            content: "✧";

            position: absolute;

            bottom: -12px;

            left: 50%;

            color: var(--gold-light);

            font-size: 25px;

        }


        .orbit-inner {

            position: absolute;

            inset: 55px;

            border: 1px dashed rgba(242,210,139,.30);

            border-radius: 50%;

        }


        .hero-guru {

            position: absolute;

            z-index: 4;

            right: 12%;

            bottom: 0;

            width: 360px;

            animation: floating 5s ease-in-out infinite;

        }


        @keyframes floating {

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

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

        }


        @keyframes rotateOrbit {

            from {
                transform: translateY(-50%) rotate(0);
            }

            to {
                transform: translateY(-50%) rotate(360deg);
            }

        }



        /* =====================================================
           HERO SLIDER CONTROLS
        ===================================================== */

        .hero-controls {

            position: absolute;

            left: 50%;

            bottom: 35px;

            transform: translateX(-50%);

            z-index: 20;

            display: flex;

            gap: 10px;

        }


        .hero-dot {

            width: 35px;

            height: 4px;

            border: none;

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

            transition: .4s;

        }


        .hero-dot.active {

            width: 65px;

            background: var(--gold-light);

        }


        .slide-number {

            position: absolute;

            right: 35px;

            bottom: 35px;

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

            font-family: "Cormorant Garamond";

            font-size: 24px;

            z-index: 10;

        }



        /* =====================================================
           INTRO STRIP
        ===================================================== */

        .intro-strip {

            margin-top: -20px;

            position: relative;

            z-index: 20;

        }


        .intro-box {

            background: #fff;

            border-radius: 18px;

            padding: 30px 35px;

            box-shadow: var(--shadow);

        }


        .intro-item {

            display: flex;

            align-items: center;

            gap: 15px;

            border-right: 1px solid var(--border);

        }


        .intro-item:last-child {

            border: none;

        }


        .intro-icon {

            width: 52px;

            height: 52px;

            flex-shrink: 0;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(241,62,106,.08);

            color: var(--primary);

            font-size: 20px;

        }


        .intro-item h6 {

            margin: 0;

            color: var(--burgundy);

            font-weight: 600;

            font-family: "Poppins";

            font-size: 16px;

        }


        .intro-item span {

            font-size: 13px;

            color: #8c7d82;

        }



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

        .section {

            padding: 80px 0;

        }


        .section-tag {

            color: var(--primary);

            text-transform: uppercase;

            letter-spacing: 1px;

            font-size: 16px;

            font-weight: 600;

            display: flex;

            align-items: center;

            gap: 10px;

            margin-bottom: 12px;

        }


        .section-tag::before {

            content: "";

            width: 35px;

            height: 2px;

            background: var(--coral);

        }

        .section-tag::after {

            content: "";

            width: 35px;

            height: 2px;

            background: var(--coral);

        }


        .section-title {

            font-size: clamp(40px, 5vw, 64px);

            line-height: 1;

            margin-bottom: 20px;

        }


        .section-title span {

            color: var(--primary);

        }


        .section-text {

            color: #75666b;

            line-height: 1.9;

            font-size: 16px;

        }



        /* =====================================================
           ABOUT
        ===================================================== */

        .about-section {

            position: relative;
			
        }


        .about-image {

            position: relative;

            padding-right: 40px;

        }


        .about-image img {

            width: 100%;

            height: 570px;

            object-fit: cover;

            border-radius: 25px;

        }


        .about-image::after {

            content: "";

            position: absolute;

            right: 10px;

            bottom: -20px;

            width: 180px;

            height: 180px;

            border: 2px solid var(--gold);

            border-radius: 20px;

            z-index: -1;

        }


        .about-badge {

            position: absolute;

            left: -25px;

            bottom: 35px;

            background: var(--burgundy);

            color: #fff;

            padding: 25px;

            border-radius: 15px;

            box-shadow: var(--shadow);

        }


        .about-badge strong {

            display: block;

            color: var(--gold-light);

            font-family: "Cormorant Garamond";

            font-size: 38px;

        }


        .about-list {

            list-style: none;

            padding: 0;

            margin-top: 25px;

        }


        .about-list li {

            display: flex;

            gap: 12px;

            margin-bottom: 14px;

            font-size: 16px;

            color: #625359;

        }


        .about-list i {

            color: var(--primary);

        }



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

        .services-section {

            background:
                radial-gradient(
                    circle at 10% 20%,
                    rgba(241,62,106,.07),
                    transparent 25%
                ),
                #fff;

        }


        .service-card {

            background: var(--cream);

            border: 1px solid rgba(74,16,35,.07);

            padding: 35px 28px;

            border-radius: 20px;

            height: 100%;

            transition: .4s;

            position: relative;

            overflow: hidden;

        }


        .service-card::before {

            content: "";

            position: absolute;

            width: 100px;

            height: 100px;

            right: -40px;

            top: -40px;

            background: rgba(241,62,106,.08);

            border-radius: 50%;

            transition: .4s;

        }


        .service-card:hover {

            transform: translateY(-10px);

            box-shadow: var(--shadow);

            border-color: transparent;

        }


        .service-card:hover::before {

            transform: scale(2.2);

        }


        .service-icon {

            width: 65px;

            height: 65px;

            border-radius: 18px;

            display: flex;

            align-items: center;

            justify-content: center;

            background:
                linear-gradient(
                    135deg,
                    rgba(248,111,99,.12),
                    rgba(241,62,106,.12)
                );

            color: var(--primary);

            font-size: 25px;

            margin-bottom: 25px;

        }


        .service-card h4 {

            font-size: 27px;

            margin-bottom: 12px;

        }


        .service-card p {

            font-size: 16px;

            line-height: 1.8;

            color: #786a6f;

            margin-bottom: 20px;

        }


        .service-link {

            color: var(--primary);

            font-size: 16px;

            font-weight: 600;

            text-transform: uppercase;

            letter-spacing: 1px;

        }


/* =====================================================
   IMAGE SERVICE CARDS
===================================================== */

.image-service-card {

    padding: 0;

    overflow: hidden;

    background: #fff;

    border-radius: 22px;

    border: 1px solid rgba(74,16,35,.07);

    transition: .45s;

}


.image-service-card:hover {

    transform: translateY(-10px);

    box-shadow:
        0 25px 60px rgba(74,16,35,.14);

}


/* IMAGE */

.service-image {

    height: 300px;

    position: relative;

    overflow: hidden;

}


.service-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .7s;

}


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

    transform: scale(1.08);

}


/* OVERLAY */

.service-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(24,13,18,0) 35%,
            rgba(24,13,18,.55) 100%
        );

}


/* ICON */

.floating-icon {

    position: absolute;

    left: 25px;

    bottom: -25px;

    width: 60px;

    height: 60px;

    border-radius: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            var(--coral),
            var(--primary)
        );

    color: #fff;

    font-size: 22px;

    border: 4px solid #fff;

    box-shadow:
        0 10px 25px rgba(241,62,106,.25);

    z-index: 3;

}


/* CONTENT */

.service-content {

    padding: 45px 28px 30px;

    position: relative;

}


.service-number {

    position: absolute;

    right: 25px;

    top: 20px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 42px;

    line-height: 1;

    color: rgba(74,16,35,.07);

    font-weight: 700;

}


.service-content h4 {

    font-size: 29px;

    margin-bottom: 10px;

}


.service-content p {

    font-size: 16px;

    line-height: 1.8;

    color: #786a6f;

    margin-bottom: 20px;

}


.service-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--primary);

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: .3s;

}


.service-link i {

    transition: .3s;

}


.service-link:hover {

    color: var(--burgundy);

}


.service-link:hover i {

    transform: translate(3px,-3px);

}


        /* =====================================================
           FEATURE BANNER
        ===================================================== */

        .feature-banner {

            background:

                linear-gradient(
                    100deg,
                    rgba(74,16,35,.98),
                    rgba(74,16,35,.88)
                ),

                url("images/banner-bg.jpg") center/cover;

            border-radius: 30px;

            padding: 70px;

            position: relative;

            overflow: hidden;

        }


        .feature-banner::after {

            content: "ॐ";

            position: absolute;

            right: 60px;

            top: 50%;

            transform: translateY(-50%);

            font-size: 220px;

            color: rgba(242,210,139,.9);

            font-family: serif;

        }


        .feature-banner h2 {

            color: #fff;

            font-size: 55px;

            max-width: 700px;

        }


        .feature-banner p {

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

            max-width: 650px;

            line-height: 1.8;

        }



        /* =====================================================
           STATS
        ===================================================== */

        .stats-section {

            background: var(--burgundy);

            padding: 80px 0;

        }


        .stat {

            text-align: center;

            position: relative;

        }


        .stat:not(:last-child)::after {

            content: "";

            position: absolute;

            right: 0;

            top: 10%;


            height: 80%;

            width: 1px;

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

        }


        .stat-number {

            color: var(--gold-light);

            font-family: "Cormorant Garamond";

            font-size: 65px;

            line-height: 1;

        }


        .stat-title {

            color: #fff;

            margin-top: 10px;

            font-size: 16px;

            letter-spacing: 1px;

        }



/* =====================================================
   WHY CHOOSE US
===================================================== */

.why-section {

    background:

        radial-gradient(
            circle at 5% 30%,
            rgba(241,62,106,.07),
            transparent 28%
        ),

        var(--cream);

    position: relative;

    overflow: hidden;

}


/* VISUAL */

.why-visual {

    min-height: 520px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}


.why-circle {

    width: 460px;

    height: 460px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,62,106,.13),
            rgba(248,111,99,.04) 55%,
            transparent 56%
        );

    border: 1px solid rgba(241,62,106,.18);

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}


.why-circle::before {

    content: "";

    position: absolute;

    inset: 25px;

    border: 1px dashed
        rgba(217,164,65,.55);

    border-radius: 50%;

    animation:
        rotateWhy 20s linear infinite;

}


.why-circle::after {

    content: "";

    position: absolute;

    inset: 70px;

    border:
        1px solid rgba(74,16,35,.10);

    border-radius: 50%;

}


.why-symbol img{

/*
    font-size: 70px;

    color: var(--gold);
*/
	width: 100%;
	height: 100%;
	border-radius: 50%;
    position: relative;
	
    z-index: -2;

}


.why-word {

    position: absolute;

    bottom: 78px;

    font-size: 16px;

    letter-spacing: 5px;

    color: var(--burgundy);

    font-weight: 600;

}


@keyframes rotateWhy {

    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }

}


/* SMALL CARD */

.why-card-small {

    position: absolute;

    bottom: 65px;

    right: 15px;

    background: #fff;

    border-radius: 15px;

    padding: 18px 22px;

    display: flex;

    align-items: center;

    gap: 13px;

    box-shadow:
        0 20px 45px rgba(74,16,35,.13);

}


.why-card-small > i {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--coral),
            var(--primary)
        );

}


.why-card-small strong {

    display: block;

    color: var(--burgundy);

    font-size: 16px;

}


.why-card-small span {

    display: block;

    font-size: 16px;

    color: #897a7f;

}


/* DOTS */

.why-dots {

    position: absolute;

    top: 55px;

    left: 25px;

    width: 90px;

    height: 90px;

    background-image:
        radial-gradient(
            var(--coral) 1.5px,
            transparent 1.5px
        );

    background-size: 12px 12px;

    opacity: .35;

}


/* WHY ITEMS */

.why-item {

    display: flex;

    gap: 15px;

    padding: 20px;

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

    border-radius: 15px;

    border: 1px solid
        rgba(74,16,35,.06);

    transition: .3s;

}


.why-item:hover {

    background: #fff;

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(74,16,35,.08);

}


.why-item-icon {

    width: 45px;

    height: 45px;

    flex-shrink: 0;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--primary);

    background:
        rgba(241,62,106,.09);

    font-size: 19px;

}


.why-item h5 {

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 7px;

}


.why-item p {

    font-size: 16px;

    line-height: 1.7;

    color: #7b6d72;

    margin: 0;

}


/* BOTTOM */

.why-bottom {

    display: flex;

    gap: 25px;

    flex-wrap: wrap;

    margin-top: 28px;

    padding-top: 25px;

    border-top: 1px solid
        rgba(74,16,35,.08);

}


.why-bottom div {

    font-size: 16px;

    color: var(--burgundy);

}


.why-bottom i {

    color: var(--primary);

    margin-right: 5px;

}


/* RESPONSIVE */

@media(max-width:991px) {

    .why-visual {

        min-height: 430px;

    }

}


@media(max-width:576px) {

    .why-circle {

        width: 290px;

        height: 290px;

    }

    .why-card-small {

        right: 0;

        bottom: 30px;

    }

    .why-dots {

        left: 0;

    }

}


/* =====================================================
           PROCESS
        ===================================================== */

        .process-card {

            text-align: center;

            position: relative;

        }


        .process-number {

            width: 70px;

            height: 70px;

            border-radius: 50%;

            border: 1px solid var(--gold);

            display: flex;

            justify-content: center;

            align-items: center;

            margin: auto auto 25px;

            color: var(--primary);

            font-family: "Cormorant Garamond";

            font-size: 30px;

            background: #fff;

        }


        .process-card h4 {

            font-size: 27px;

        }


        .process-card p {

            font-size: 16px;

            line-height: 1.8;

        }



/* =====================================================
   TESTIMONIAL SECTION
===================================================== */

.testimonial-section {

    background: #fff;

    overflow: hidden;

}


/* =====================================================
   SWIPER VIEWPORT
===================================================== */

.testimonial-viewport {

    width: 100%;

    overflow: hidden;

}


/* =====================================================
   SWIPER WRAPPER
===================================================== */

.testimonial-track {

    width: 100%;

}


/* =====================================================
   TESTIMONIAL ITEM
===================================================== */

.testimonial-item {

    height: auto;

    box-sizing: border-box;

}


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

.testimonial-card {

    background: var(--cream);

    padding: 35px 30px;

    border-radius: 22px;

    position: relative;

    height: 100%;

    min-height: 335px;

    border: 1px solid
        rgba(74,16,35,.07);

    transition: .4s;

    overflow: hidden;

}


.testimonial-card::after {

    content: "";

    position: absolute;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    border: 1px solid
        rgba(217,164,65,.18);

    right: -80px;

    bottom: -80px;

}


.testimonial-card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 20px 45px rgba(74,16,35,.10);

}


/* =====================================================
   QUOTE
===================================================== */

.quote {

    font-family: Georgia, serif;

    font-size: 55px;

    line-height: .6;

    color: var(--coral);

    margin-bottom: 18px;

}


/* =====================================================
   STARS
===================================================== */

.stars {

    color: var(--gold);

    letter-spacing: 2px;

    font-size: 16px;

    margin-bottom: 18px;

}


/* =====================================================
   TEXT
===================================================== */

.testimonial-card p {

    font-size: 16px;

    line-height: 1.85;

    color: #685a60;

    margin-bottom: 25px;

}


/* =====================================================
   CLIENT
===================================================== */

.client {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: auto;

    position: absolute;

    left: 30px;

    bottom: 30px;

    z-index: 5;

}


.client-avatar {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    overflow: hidden;

    border: 3px solid #fff;

    box-shadow:
        0 8px 20px rgba(74,16,35,.15);

}


.client-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}


.client strong {

    display: block;

    color: var(--burgundy);

    font-size: 16px;

}


.client span {

    display: block;

    color: #8a7b80;

    font-size: 16px;

    margin-top: 2px;

}


/* =====================================================
   NAVIGATION
===================================================== */

.testimonial-navigation {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    margin-top: 40px;

}


/* =====================================================
   NAV BUTTON
===================================================== */

.testimonial-nav-btn {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid
        rgba(74,16,35,.12);

    background: #fff;

    color: var(--burgundy);

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: .3s;

}


.testimonial-nav-btn:hover {

    background: var(--burgundy);

    color: #fff;

    border-color: var(--burgundy);

}


.testimonial-nav-btn:active {

    transform: scale(.94);

}


/* =====================================================
   PROGRESS
===================================================== */

.testimonial-progress {

    display: flex;

    align-items: center;

    gap: 12px;

    color: var(--burgundy);

    font-size: 16px;

    font-weight: 600;

}


.progress-line {

    width: 80px;

    height: 1px;

    background:
        rgba(74,16,35,.20);

}


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

@media(max-width:991px) {

    .testimonial-card {

        min-height: 335px;

    }

}


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

@media(max-width:767px) {

    .testimonial-card {

        min-height: 320px;

        padding: 30px 25px;

    }


    .testimonial-card p {

        font-size: 15px;

        line-height: 1.8;

    }


    .client {

        left: 25px;

        bottom: 25px;

    }


    .testimonial-navigation {

        margin-top: 30px;

        gap: 18px;

    }


    .testimonial-nav-btn {

        width: 44px;

        height: 44px;

    }


    .progress-line {

        width: 55px;

    }

}

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

        .cta-section {

            padding: 100px 0;

        }


        .cta-box {

            background:

                radial-gradient(
                    circle at 80% 20%,
                    rgba(248,111,99,.3),
                    transparent 30%
                ),

                var(--burgundy);

            padding: 80px 60px;

            border-radius: 30px;

            text-align: center;

            position: relative;

            overflow: hidden;

        }


        .cta-box h2 {

            color: #fff;

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

        }


        .cta-box p {

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

            max-width: 650px;

            margin: 15px auto 30px;

            line-height: 1.8;

            font-size: 16px;

        }



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

        footer {

            background: #160b10;

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

            padding-top: 80px;

        }


        .footer-logo {

            width: 190px;

            margin-bottom: 20px;

        }


        .footer-title {

            color: #fff;

            font-family: "Poppins";

            font-size: 16px;

            margin-bottom: 20px;

        }


        footer p {

            font-size: 16px;

            line-height: 1.9;

        }


        .footer-links {

            list-style: none;

            padding: 0;

        }


        .footer-links li {

            margin-bottom: 12px;

        }


        .footer-links a {

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

            font-size: 16px;

            transition: .3s;

        }


        .footer-links a:hover {

            color: var(--gold-light);

            padding-left: 5px;

        }


        .footer-bottom {

            border-top: 1px solid rgba(255,255,255,.08);

            margin-top: 60px;

            padding: 20px 0;

            font-size: 16px;

        }



        /* =====================================================
           WHATSAPP
        ===================================================== */

        .whatsapp {

            position: fixed;

            right: 22px;

            bottom: 100px;

            width: 58px;

            height: 58px;

            border-radius: 50%;

            background: #25D366;

            color: #fff;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 26px;

            z-index: 999;

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

            animation: pulse 2s infinite;

        }


        @keyframes pulse {

            0% {
                box-shadow: 0 0 0 0 rgba(37,211,102,.4);
            }

            70% {
                box-shadow: 0 0 0 18px rgba(37,211,102,0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(37,211,102,0);
            }

        }



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

        @media(max-width:991px) {

            .top-bar {
                display: none;
            }

            .main-navbar {
                top: 0;
            }

            .navbar {
                background: rgba(24,13,18,.95);
                padding: 15px;
            }

            .scrolled .navbar {
                background: rgba(255,248,240,.97);
            }

            .navbar-collapse {
                padding: 20px 0;
            }

            .nav-link {
                margin: 8px 0;
            }

            .hero,
            .hero-slide {
                min-height: auto;
            }

            .zodiac-orbit,
            .hero-guru {
                display: none;
            }

            .intro-item {
                border-right: none;
                margin-bottom: 20px;
            }

            .about-image {
                padding-right: 0;
                margin-bottom: 50px;
            }

            .about-badge {
                left: 20px;
            }

            .feature-banner {
                padding: 45px 30px;
            }
			
        .feature-banner::after {

				display: none;
        }

			
            .feature-banner h2 {
                font-size: 42px;
            }

            .stat {
                margin-bottom: 35px;
            }

            .stat:not(:last-child)::after {
                display: none;
            }

        }


        @media(max-width:576px) {

            .navbar-brand img {
                width: 155px;
            }

            .hero h1 {
                font-size: 52px;
            }

            .hero-content {
                padding-top: 100px;
            }

            .section {
                padding: 75px 0;
            }

            .about-image img {
                height: 420px;
            }

            .feature-banner {
                padding: 40px 25px;
            }
        .feature-banner::after {

				display: none;
        }

            .feature-banner h2 {
                font-size: 38px;
            }

            .cta-box {
                padding: 55px 25px;
            }

        }