* {
                box-sizing: border-box;
            }
            body {
                margin: 0;
                font-family: "DM Sans", sans-serif;
                background: #071a30;
            }
            .cgc-slider {
                position: relative;
                overflow: hidden;
                color: white;
            }
            .cgc-slide {
                display: flex;
                position: absolute;
                inset: 0;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition:
                    opacity 1.15s ease,
                    visibility 1.15s;
                position: relative;
                min-height: clamp(620px, 57vw, 920px);
                isolation: isolate;
                overflow: hidden;
            }
            .cgc-slide.active {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                align-items: center;
                z-index: 2;
            }
            .cgc-slide:not(.active) {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                z-index: 1;
            }
            .cgc-bg {
                position: absolute;
                inset: 0;
                z-index: -3;
                background-position: center;
                background-size: cover;
            }
            .cgc-slide:before {
                content: "";
                position: absolute;
                inset: 0;
                z-index: -2;
                background: transparent
            }
            .cgc-slide:after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: -1;
                opacity: 0.6;
                background: radial-gradient(circle at 12% 18%, rgba(28, 113, 168, 0.3), transparent 45%);
            }
            .cgc-container {
                width: min(100% - 9%, 1500px);
                margin: auto;
                padding: 85px 0 100px;
            }
            .cgc-content {
                max-width: 820px;
            }
            .cgc-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                letter-spacing: 0.22em;
                text-transform: uppercase;
                font-size: 13px;
                color: #f5c582;
                font-weight: 700;
                margin-bottom: 26px;
            }
            .cgc-eyebrow:before {
                content: "";
                width: 35px;
                height: 2px;
                background: #dca45b;
            }
            .cgc-heading {
                font:
                    500 clamp(52px, 6.2vw, 112px) / 1.06 "Playfair Display",
                    Georgia,
                    serif;
                letter-spacing: -0.035em;
                text-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);
                margin: 0 0 24px;
            }
            .cgc-goldline {
                width: min(100%, 620px);
                height: 2px;
                background: linear-gradient(90deg, transparent, #e4ae65, transparent);
                margin: 18px 0 23px;
            }
            .cgc-subtitle {
                font-size: clamp(19px, 1.7vw, 29px);
                font-weight: 600;
                line-height: 1.4;
            }
            .cgc-services {
                font-size: clamp(17px, 1.45vw, 25px);
                margin-top: 34px;
                letter-spacing: 0.02em;
                color: #f0f2f6;
            }
            .cgc-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
                margin-top: 48px;
            }
            .cgc-btn {
                display: inline-flex;
                align-items: center;
                gap: 20px;
                text-decoration: none;
                padding: 16px 23px;
                border-radius: 8px;
                font-weight: 700;
                font-size: 15px;
                transition: 0.25s;
            }
            .cgc-btn:hover {
                transform: translateY(-3px);
            }
            .cgc-btn.gold {
                background: #bd813b;
                color: white;
            }
            .cgc-btn.outline {
                border: 1px solid #d4a35e;
                background: #06213f;
                color: white;
            }
            .cgc-controls {
                position: absolute;
                bottom: 27px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                align-items: center;
                gap: 14px;
                z-index: 4;
            }
            .cgc-dot {
                height: 8px;
                width: 9px;
                background: #ffffff77;
                border: 0;
                border-radius: 10px;
                padding: 0;
                transition: 0.3s;
            }
            .cgc-dot.active {
                width: 35px;
                background: #dca45b;
            }
            .cgc-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                border: 1px solid #ffffff55;
                background: #061b3580;
                color: white;
                width: 43px;
                height: 43px;
                border-radius: 50%;
                z-index: 4;
                font-size: 25px;
            }
            .cgc-prev {
                left: 16px;
            }
            .cgc-next {
                right: 16px;
            }
            .cgc-slide.two:before {
                background:transparent
            }
            .cgc-slide.two .cgc-bg {
                filter: hue-rotate(15deg) brightness(0.85);
            }
            .cgc-slide .cgc-content {
                transition:
                    transform 1.05s cubic-bezier(0.22, 1, 0.36, 1),
                    opacity 1.05s ease;
                transform: translateY(22px);
                opacity: 0;
            }
            .cgc-slide.active .cgc-content {
                transform: translateY(0);
                opacity: 1;
            }
            .cgc-mosaic {
                position: absolute;
                inset: 0;
                z-index: 5;
                pointer-events: none;
                display: grid;
                grid-template-columns: repeat(8, 1fr);
                grid-template-rows: repeat(5, 1fr);
                overflow: hidden;
            }
            .cgc-tile {
                background-size: 800% 500%;
                background-repeat: no-repeat;
                opacity: 0;
                transform: scale(1.045);
                will-change: opacity, transform;
            }
            .cgc-mosaic.is-animating .cgc-tile {
                animation: cgcTileReveal 1.25s both cubic-bezier(0.2, 0.7, 0.2, 1);
                animation-delay: var(--delay);
            }
            @keyframes cgcTileReveal {
                0% {
                    opacity: 0;
                    transform: scale(1.08);
                }
                30% {
                    opacity: 1;
                }
                78% {
                    opacity: 1;
                }
                100% {
                    opacity: 0;
                    transform: scale(1);
                }
            }
            @media (prefers-reduced-motion: reduce) {
                .cgc-mosaic {
                    display: none;
                }
                .cgc-slide,
                .cgc-slide .cgc-content {
                    transition: none !important;
                }
            }
            @keyframes cgcFade {
                from {
                    opacity: 0.45;
                }
                to {
                    opacity: 1;
                }
            }
            @media (max-width: 767px) {
                .cgc-slide {
                    min-height: 790px;
                    align-items: flex-end !important;
                }
                .cgc-bg {
                    background-image: url("../images/mob1.jpg") !important;
                    background-size: cover;
                    background-position: center bottom;
                }

                .cgc-slide.one .cgc-bg {
                     background-image: url("../images/mob1.jpg") !important;
                    background-size: cover;
                    background-position: center bottom;
                }

                .cgc-slide.two .cgc-bg {
                    background-image: url("../images/mob2.jpg") !important;
                }

                .cgc-slide.three .cgc-bg {
                    background-image: url("../images/mob3.jpg") !important;
                }

                .cgc-slide:before,
                .cgc-slide.two:before {
                    background:transparent;
                }

                .cgc-slide:before,
                .cgc-slide.three:before {
                    background:transparent;
                }

                .cgc-container {
                    width: calc(100% - 42px);
                    margin: 0 auto;
                    padding: 30px 0 92px;
                    position: relative;
                    z-index: 1;
                }
                .cgc-content {
                    max-width: 100%;
                    text-align: center;
                }
                .cgc-eyebrow {
                    font-size: 10px;
                    letter-spacing: 0.12em;
                    justify-content: center;
                    margin-bottom: 19px;
                }
                .cgc-heading {
                    font-size: clamp(39px, 10.5vw, 64px);
                    margin-bottom: 15px;
                }
                .cgc-goldline {
                    margin: 15px auto;
                }
                .cgc-subtitle {
                    font-size: 17px;
                }
                .cgc-services {
                    font-size: 15px;
                    margin-top: 19px;
                }
                .cgc-actions {
                    justify-content: center;
                    gap: 10px;
                    margin-top: 23px;
                }
                .cgc-btn {
                    padding: 12px 14px;
                    font-size: 12px;
                    gap: 8px;
                }
                .cgc-arrow {
                    width: 32px;
                    height: 32px;
                    font-size: 20px;
                    top: auto;
                    bottom: 17px;
                    transform: none;
                }
                .cgc-prev {
                    left: 20px;
                }
                .cgc-next {
                    right: 20px;
                }
                .cgc-controls {
                    bottom: 29px;
                }
            }
            @media (max-width: 390px) {
                .cgc-slide {
                    min-height: 740px;
                }
                .cgc-heading {
                    font-size: 38px;
                }
                .cgc-btn {
                    font-size: 11px;
                    padding: 11px;
                }
            }