:root {
                --navy: #0b1428;
                --navy2: #14233f;
                --gold: #b88a35;
                --goldlight: #e7c981;
                --cream: #f7f5f0;
                --white: #fff;
                --text: #1c2940;
                --muted: #697386;
                --line: rgba(11, 20, 40, 0.12);
                --shadow: 0 25px 70px rgba(12, 22, 42, 0.14);
            }
            * {
                box-sizing: border-box;
            }
            html {
                scroll-behavior: smooth;
            }
            body {
                margin: 0;
                font-family: "DM Sans", sans-serif;
                color: var(--text);
                background: #fff;
                overflow-x: hidden;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
            .container {
                width: min(1220px, 92%);
                margin: auto;
            }
            h1,
            h2,
            h3,
            h4 {
                font-family: "Playfair Display", serif;
                margin: 0;
                line-height: 1.15;
            }
            .top-strip {
                height: 42px;
                background: var(--navy);
                color: #cfd6e1;
                font-size: 12px;
                letter-spacing: 0.3px;
            }
            .top-strip .container {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .top-left {
                display: flex;
                gap: 22px;
            }
            .top-strip i {
                color: var(--goldlight);
                margin-right: 7px;
            }
            header {
                height: 90px;
                  background: rgb(254 254 254);
                display: flex;
                align-items: center;
                position: sticky;
                top: 0;
                z-index: 1000;
                border-bottom: 1px solid rgba(11, 20, 40, 0.07);
                backdrop-filter: blur(12px);
            }
            .nav {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 100%;
                gap: 25px;
            }
            .brand {
                display: flex;
                align-items: center;
                gap: 12px;
            }
            .brand img {
                width: 74px;
                height: 74px;
                object-fit: contain;
            }
            .brand-title {
                font-family: "Playfair Display";
                font-size: 24px;
                font-weight: 700;
                color: var(--navy);
                letter-spacing: 0.5px;
            }
            .brand-sub {
                display: block;
                font-size: 8px;
                font-weight: 700;
                letter-spacing: 2.5px;
                color: var(--gold);
                margin-top: 2px;
            }
            .menu {
                display: flex;
                align-items: center;
                gap: 27px;
                font-size: 13px;
                font-weight: 700;
                color: #1b2940;
            }
            .menu a {
                position: relative;
            }
            .menu a:after {
                content: "";
                position: absolute;
                width: 0;
                height: 2px;
                bottom: -9px;
                left: 0;
                background: var(--gold);
                transition: 0.25s;
            }
            .menu a:hover:after {
                width: 100%;
            }
            .contact-btn {
                background: var(--navy);
                color: #fff;
                padding: 14px 21px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.5px;
                transition: 0.25s;
            }
            .contact-btn:hover {
                background: var(--gold);
            }
            .mobile {
                display: none;
                border: 0;
                background: none;
                font-size: 25px;
            }
            .hero {
                height: 790px;
                min-height: 650px;
                position: relative;
                background: var(--navy);
                overflow: hidden;
            }
            .slide {
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                opacity: 0;
                transform: scale(1.04);
                animation: heroFade 20s infinite;
            }
            .slide:nth-child(1) {
                background-image: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=90");
                animation-delay: 0s;
            }
            .slide:nth-child(2) {
                background-image: url("https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=2000&q=90");
                animation-delay: 5s;
            }
            .slide:nth-child(3) {
                background-image: url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2000&q=90");
                animation-delay: 10s;
            }
            .slide:nth-child(4) {
                background-image: url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=2000&q=90");
                animation-delay: 15s;
            }
            @keyframes heroFade {
                0%,
                22% {
                    opacity: 1;
                    transform: scale(1);
                }
                25%,
                100% {
                    opacity: 0;
                    transform: scale(1.08);
                }
            }
            .hero:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    90deg,
                    rgba(6, 14, 30, 0.91) 0%,
                    rgba(6, 14, 30, 0.69) 48%,
                    rgba(6, 14, 30, 0.18) 100%
                );
            }
            .hero-content {
                position: relative;
                z-index: 2;
                height: 100%;
                display: flex;
                align-items: center;
                color: #fff;
            }
            .hero-inner {
                max-width: 820px;
                padding-bottom: 45px;
            }
            .tag {
                display: flex;
                align-items: center;
                gap: 12px;
                color: var(--goldlight);
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 3px;
                text-transform: uppercase;
                margin-bottom: 22px;
            }
            .tag:before {
                content: "";
                width: 45px;
                height: 1px;
                background: var(--gold);
            }
            .hero h1 {
                font-size: clamp(55px, 7vw, 94px);
                color: #fff;
                letter-spacing: -2px;
            }
            .hero h1 em {
                font-style: normal;
                color: var(--goldlight);
            }
            .hero p {
                font-size: 18px;
                line-height: 1.8;
                max-width: 650px;
                color: #d7dce6;
                margin: 25px 0 34px;
            }
            .buttons {
                display: flex;
                gap: 13px;
                flex-wrap: wrap;
            }
            .btn {
                padding: 16px 25px;
                background: var(--gold);
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.6px;
                display: inline-flex;
                align-items: center;
                gap: 9px;
                transition: 0.3s;
                border: 1px solid var(--gold);
            }
            .btn:hover {
                transform: translateY(-3px);
                background: #d09d42;
            }
            .btn-white {
                background: transparent;
                border-color: rgba(255, 255, 255, 0.7);
            }
            .btn-white:hover {
                background: #fff;
                color: var(--navy);
            }
            .hero-bottom {
                position: absolute;
                z-index: 3;
                bottom: 0;
                left: 0;
                right: 0;
            }
            .hero-cards {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                background: rgba(11, 20, 40, 0.88);
                border-top: 1px solid rgba(255, 255, 255, 0.13);
            }
            .hero-card {
                padding: 22px 26px;
                border-right: 1px solid rgba(255, 255, 255, 0.1);
                color: #fff;
                transition: 0.3s;
            }
            .hero-card:hover {
                background: var(--gold);
            }
            .hero-card .num {
                font-size: 10px;
                color: var(--goldlight);
                font-weight: 700;
                letter-spacing: 2px;
            }
            .hero-card:hover .num {
                color: #fff;
            }
            .hero-card b {
                display: block;
                font-family: "Playfair Display";
                font-size: 20px;
                margin-top: 4px;
            }
            .hero-card small {
                color: #b8c0cf;
                font-size: 11px;
            }
            .hero-card:hover small {
                color: #fff;
            }
            .section {
                padding: 110px 0;
            }
            .cream {
                background: var(--cream);
            }
            .section-tag {
                font-size: 11px;
                letter-spacing: 3px;
                color: var(--gold);
                font-weight: 700;
                margin-bottom: 14px;
            }
            .section-title {
                font-size: 50px;
                color: var(--navy);
                max-width: 800px;
            }
            .section-desc {
                max-width: 720px;
                color: var(--muted);
                line-height: 1.85;
                margin-top: 18px;
            }
            .line {
                width: 70px;
                height: 3px;
                background: var(--gold);
                margin: 22px 0;
            }
            .intro-grid {
                display: grid;
                grid-template-columns: 1fr 0.95fr;
                gap: 85px;
                align-items: center;
            }
            .image-stack {
                height: 610px;
                position: relative;
            }
            .image-main {
                position: absolute;
                left: 0;
                top: 0;
                width: 83%;
                height: 88%;
                background: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1100&q=85")
                    center/cover;
            }
            .image-small {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 52%;
                height: 42%;
                background: url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=800&q=85")
                    center/cover;
                border: 12px solid #fff;
            }
            .image-badge {
                position: absolute;
                right: 4%;
                top: 9%;
                background: var(--gold);
                color: #fff;
                padding: 28px 25px;
                text-align: center;
                box-shadow: var(--shadow);
            }
            .image-badge strong {
                display: block;
                font-family: "Playfair Display";
                font-size: 39px;
            }
            .image-badge span {
                font-size: 10px;
                letter-spacing: 1.8px;
            }
            .intro-copy p {
                color: var(--muted);
                line-height: 1.9;
                margin: 0 0 16px;
            }
            .values {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 18px;
                margin-top: 28px;
            }
            .value {
                display: flex;
                gap: 13px;
                align-items: flex-start;
            }
            .value i {
                color: var(--gold);
                font-size: 22px;
                margin-top: 5px;
            }
            .value b {
                display: block;
                font-size: 14px;
            }
            .value span {
                font-size: 12px;
                color: var(--muted);
            }
            .businesses-head {
               
                align-items: end;
                justify-content: space-between;
                gap: 30px;
                margin-bottom: 40px;
            }
            .businesses-head .section-desc {
                margin-bottom: 0;
            }
            .business-slider-wrap {
                position: relative;
            }
            .business-slider {
                display: flex;
                gap: 22px;
                overflow-x: auto;
                padding: 5px 4px 18px;
                scroll-snap-type: x mandatory;
                scrollbar-width: none;
            }
            .business-slider::-webkit-scrollbar {
                display: none;
            }
            .business {
                min-width: calc(25% - 17px);
                height: 505px;
                position: relative;
                overflow: hidden;
                scroll-snap-align: start;
                color: #fff;
                box-shadow: var(--shadow);
                background: #111;
            }
            .business:before {
                content: "";
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                transition: 0.6s;
            }
            .business:hover:before {
                transform: scale(1.08);
            }
            .business:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(to top, rgba(7, 14, 28, 0.96), rgba(7, 14, 28, 0.12) 70%);
            }
            .b1:before {
                background-image: url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=85");
            }
            .b2:before {
                background-image: url("img/66.jpg");
            }
            .b3:before {
                background-image: url("https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=900&q=85");
            }
            .b4:before {
                background-image: url("img/55.jpg");
            }
            .business-content {
                position: absolute;
                z-index: 2;
                left: 28px;
                right: 28px;
                bottom: 27px;
            }
            .business-no {
                position: absolute;
                z-index: 2;
                right: 23px;
                top: 22px;
                font-size: 11px;
                letter-spacing: 2px;
                color: var(--goldlight);
                font-weight: 700;
            }
            .business i {
                font-size: 15px;
                color: var(--goldlight);
                margin-bottom: 0px;
            }
            .business h3 {
                font-size: 29px;
                color: #fff;
            }
            .business p {
                font-size: 13px;
                color: #d9dfea;
                line-height: 1.7;
            }
            .arrow-link {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 1px;
                color: var(--goldlight);
                margin-top: 7px;
            }
            .slider-controls {
                display: flex;
                gap: 10px;
                margin-top: 10px;
            }
            .slider-controls button {
                width: 45px;
                height: 45px;
                border: 1px solid var(--line);
                background: #fff;
                color: var(--navy);
                font-size: 17px;
                cursor: pointer;
            }
            .slider-controls button:hover {
                background: var(--gold);
                color: #fff;
                border-color: var(--gold);
            }
            .dark-band {
                background: var(--navy);
                padding: 110px 0;
                color: #fff;
                position: relative;
                overflow: hidden;
            }
            .dark-band:before {
                content: "THAKUR";
                position: absolute;
                right: -20px;
                top: -85px;
                font-family: "Playfair Display";
                font-size: 240px;
                color: rgba(255, 255, 255, 0.025);
                font-weight: 700;
            }
            .dark-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 90px;
                position: relative;
            }
            .dark-band h2 {
                font-size: 50px;
                color: #fff;
            }
            .dark-band p {
                color: #bdc6d5;
                line-height: 1.9;
            }
            .focus-list {
                margin-top: 25px;
            }
            .focus {
                display: flex;
                gap: 17px;
                padding: 17px 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            }
            .focus span {
                width: 35px;
                height: 35px;
                border: 1px solid rgba(231, 201, 129, 0.5);
                display: grid;
                place-items: center;
                color: var(--goldlight);
                font-size: 12px;
            }
            .focus b {
                display: block;
                font-size: 15px;
                color: #fff;
            }
            .focus small {
                color: #aeb9c9;
            }
            .punit {
                display: grid;
                grid-template-columns: 0.95fr 1.05fr;
                min-height: 620px;
            }
            .punit-image {
                background: url("https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1400&q=90")
                    center/cover;
            }
            .punit-copy {
                padding: 90px 9%;
                background: #fff;
                display: flex;
                justify-content: center;
                flex-direction: column;
            }
            .punit-copy h2 {
                font-size: 52px;
            }
            .punit-copy p {
                color: var(--muted);
                line-height: 1.9;
            }
            .punit-stats {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px;
                margin-top: 25px;
            }
            .punit-stat {
                border-left: 3px solid var(--gold);
                padding-left: 15px;
            }
            .punit-stat b {
                display: block;
                font-family: "Playfair Display";
                font-size: 23px;
            }
            .punit-stat span {
                font-size: 11px;
                color: var(--muted);
            }
            .services-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
                margin-top: 45px;
            }
            .service {
                background: #fff;
                padding: 33px 28px;
                border: 1px solid var(--line);
                position: relative;
                transition: 0.3s;
            }
            .service:hover {
                transform: translateY(-7px);
                box-shadow: var(--shadow);
                border-color: transparent;
            }
            .service:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: 3px;
                width: 0;
                background: var(--gold);
                transition: 0.3s;
            }
            .service:hover:before {
                width: 100%;
            }
            .service i {
                font-size: 34px;
                color: var(--gold);
            }
            .service h3 {
                font-size: 25px;
                margin: 18px 0 10px;
            }
            .service p {
                font-size: 13px;
                color: var(--muted);
                line-height: 1.75;
                margin: 0;
            }
            .vision-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 75px;
                align-items: center;
            }
            .vision-photo {
                height: 580px;
                background:
                    linear-gradient(rgba(11, 20, 40, 0.08), rgba(11, 20, 40, 0.08)),
                    url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=85")
                        center/cover;
                position: relative;
            }
            .vision-card {
                position: absolute;
                left: -35px;
                bottom: 35px;
                background: var(--navy);
                padding: 32px;
                color: #fff;
                width: 330px;
            }
            .vision-card h3 {
                color: #fff;
                font-size: 25px;
            }
            .vision-card p {
                font-size: 13px;
                color: #c2cbd8;
                margin-bottom: 0;
            }
            .vision-points {
                display: grid;
                gap: 18px;
                margin-top: 28px;
            }
            .vision-point {
                display: flex;
                gap: 17px;
            }
            .vision-point i {
                color: var(--gold);
                font-size: 20px;
                margin-top: 5px;
            }
            .vision-point b {
                font-size: 15px;
            }
            .vision-point p {
                font-size: 13px;
                color: var(--muted);
                margin: 3px 0 0;
            }
            .legacy {
                background:
                    linear-gradient(90deg, rgba(9, 18, 35, 0.91), rgba(9, 18, 35, 0.76)),
                    url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=2000&q=90")
                        center/cover fixed;
                padding: 125px 0;
                color: #fff;
                text-align: center;
            }
            .legacy h2 {
                font-size: 64px;
                color: #fff;
                max-width: 950px;
                margin: auto;
            }
            .legacy h2 span {
                color: var(--goldlight);
            }
            .legacy p {
                max-width: 760px;
                margin: 20px auto 30px;
                color: #d0d7e2;
            }
            .contact {
                background: var(--cream);
            }
            .contact-grid {
                display: grid;
                grid-template-columns: 0.85fr 1.15fr;
                box-shadow: var(--shadow);
            }
            .contact-info-box {
                background: var(--navy);
                padding: 70px 55px;
                color: #fff;
            }
            .contact-info-box h2 {
                font-size: 48px;
                color: #fff;
            }
            .contact-info-box > p {
                color: #bac4d3;
            }
            .info-item {
                display: flex;
                gap: 15px;
                padding: 22px 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            }
            .info-item i {
                color: var(--goldlight);
                font-size: 19px;
                margin-top: 5px;
            }
            .info-item b {
                display: block;
                color: #fff;
                font-size: 13px;
            }
            .info-item span {
                font-size: 13px;
                color: #aeb9c8;
            }
            .form-box {
                padding: 60px;
                background: #fff;
            }
            .form-box h3 {
                font-size: 35px;
                margin-bottom: 25px;
            }
            .row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 15px;
            }
            .form-box input,
            .form-box textarea {
                width: 100%;
                padding: 15px 16px;
                border: 1px solid #e1e3e7;
                font: inherit;
                font-size: 13px;
                margin-bottom: 15px;
                outline: none;
            }
            .form-box input:focus,
            .form-box textarea:focus {
                border-color: var(--gold);
            }
            .form-box textarea {
                height: 130px;
                resize: vertical;
            }
            footer {
                background: #070d19;
                color: #aeb7c5;
                padding-top: 70px;
            }
            .footer-grid {
                display: grid;
                grid-template-columns: 1.3fr 0.8fr 0.9fr;
                gap: 60px;
            }
            .footer-logo {
                display: flex;
                align-items: center;
                gap: 14px;
                color: #fff;
            }
            .footer-logo img {
                width: 80px;
                height: 80px;
                object-fit: contain;
                background: #fff;
               
            }
            .footer-logo b {
                font-family: "Playfair Display";
                font-size: 23px;
            }
            .footer-grid h4 {
                color: #fff;
                font-size: 19px;
                margin-bottom: 18px;
            }
            .footer-grid p {
                font-size: 13px;
                line-height: 1.8;
            }
            .footer-grid a {
                display: block;
                font-size: 13px;
                margin: 10px 0;
            }
            .footer-grid a:hover {
                color: var(--goldlight);
            }
            .footer-bottom {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                margin-top: 55px;
                padding: 22px 0;
                font-size: 14px;
                display: flex;
                justify-content: space-between;
            }
            @media (max-width: 1000px) {
                .menu {
                    display: none;
                }
                .mobile {
                    display: block;
                }
                .contact-btn {
                    display: none;
                }
                .hero-cards {
                    grid-template-columns: 1fr 1fr;
                }
                .business {
                    min-width: calc(50% - 12px);
                }
                .intro-grid,
                .dark-grid,
                .vision-grid {
                    grid-template-columns: 1fr;
                    gap: 50px;
                }
                .punit {
                    grid-template-columns: 1fr;
                }
                .punit-image {
                    min-height: 480px;
                }
                .services-grid {
                    grid-template-columns: 1fr 1fr;
                }
                .contact-grid {
                    grid-template-columns: 1fr;
                }
                .footer-grid {
                    grid-template-columns: 1fr 1fr;
                }
            }
            @media (max-width: 600px) {
                .top-strip {
                    display: none;
                }
                header {
                    height: 76px;
                }
                .brand img {
                    width: 60px;
                    height: 60px;
                }
                .brand-title {
                    font-size: 20px;
                }
                .hero {
                    height: 730px;
                }
                .hero h1 {
                    font-size: 53px;
                }
                .hero-bottom {
                    position: relative;
                    margin-top: -185px;
                }
                .hero-cards {
                    grid-template-columns: 1fr 1fr;
                }
                .hero-card {
                    padding: 16px;
                }
                .hero-card b {
                    font-size: 16px;
                }
                .section {
                    padding: 75px 0;
                }
                .section-title {
                    font-size: 39px;
                }
                .business {
                    min-width: 90%;
                }
                .image-stack {
                    height: 450px;
                }
                .image-main {
                    width: 90%;
                    height: 80%;
                }
                .image-small {
                    width: 54%;
                    height: 38%;
                }
                .image-badge {
                    padding: 17px;
                }
                .dark-band h2,
                .punit-copy h2 {
                    font-size: 40px;
                }
                .services-grid {
                    grid-template-columns: 1fr;
                }
                .vision-photo {
                    height: 450px;
                }
                .vision-card {
                    left: 0;
                    bottom: 0;
                    width: 90%;
                }
                .legacy {
                    padding: 90px 0;
                }
                .legacy h2 {
                    font-size: 43px;
                }
                .row,
                .footer-grid {
                    grid-template-columns: 1fr;
                }
                .contact-info-box,
                .form-box {
                    padding: 45px 27px;
                }
                .footer-bottom {
                    flex-direction: column;
                    gap: 8px;
                }
                .top-left {
                    display: none;
                }
            }
			
/* ===================================
   OUR BUSINESSES DROPDOWN
=================================== */

.dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

.dropdown-toggle {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;

    color: #1b2940;

    cursor: pointer;

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

    position: relative;
}

.dropdown-toggle i {
    font-size: 10px;
    transition: 0.3s ease;
}

.dropdown:hover .dropdown-toggle i,
.dropdown.active .dropdown-toggle i {
    transform: rotate(180deg);
}


/* DESKTOP DROPDOWN */

.dropdown-menu {
    position: absolute;

    top: 35px;
    left: -20px;

    width: 280px;

    background: #ffffff;

    padding: 10px;

    border-top: 3px solid #b88a35;

    box-shadow: 0 20px 50px rgba(11, 20, 40, 0.18);

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition: all 0.3s ease;

    z-index: 99999;
}


/* Desktop hover */

@media (min-width: 1001px) {

    .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

}


/* Dropdown Links */

.dropdown-menu a {
    display: flex;
    align-items: center;

    gap: 13px;

    padding: 14px 15px;

    color: #14233f;

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

    border-bottom: 1px solid rgba(11, 20, 40, 0.08);

    transition: all 0.3s ease;
}

.dropdown-menu a:last-child {
    border-bottom: none;
}

.dropdown-menu a i {
    width: 36px;
    height: 36px;

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

    background: #f7f5f0;

    color: #b88a35;

    font-size: 15px;
}


/* Dropdown Hover */

.dropdown-menu a:hover {
    background: #0b1428;

    color: #ffffff;

    padding-left: 20px;
}

.dropdown-menu a:hover i {
    background: #b88a35;

    color: #ffffff;
}


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

@media (max-width: 1000px) {

    .dropdown {
        display: block;

        width: 100%;

        height: auto;
    }


    .dropdown-toggle {

        width: 100%;

        padding: 16px 5px;

        display: flex;

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

        border-bottom: 1px solid rgba(11, 20, 40, 0.10);

        font-size: 14px;

        text-align: left;
    }


    /* Hide dropdown initially */

    .dropdown-menu {

        position: static;

        width: 100%;

        display: none;

        opacity: 1;
        visibility: visible;

        transform: none;

        box-shadow: none;

        border-top: none;

        border-left: 3px solid #b88a35;

        background: #f7f5f0;

        padding: 5px 0;

        margin: 5px 0 10px;
    }


    /* Show on click */

    .dropdown.active .dropdown-menu {
        display: block;
    }


    .dropdown-menu a {

        padding: 13px 15px;

        font-size: 13px;

        color: #14233f;

        background: transparent;
    }


    .dropdown-menu a:hover {

        background: #ffffff;

        color: #14233f;

        padding-left: 20px;
    }

}









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

.mobile {
    display: none;
    border: none;
    background: transparent;
    color: #0b1428;
    font-size: 25px;
    cursor: pointer;
    padding: 8px;
}


/* MOBILE VIEW */

@media (max-width: 1000px) {

    header {
        position: relative;
        z-index: 9999;
    }

    .nav {
        position: relative;
    }

    /* Desktop menu hide */

    .menu {
        display: none;
    }

    /* Menu button show */

    .mobile {
        display: block;
        margin-left: auto;
    }

    /* CTA hide on mobile */

    .contact-btn {
        display: none;
    }

    /* ================================
       OPEN MOBILE MENU
    ================================ */

    .menu.show {
        display: flex !important;

        position: absolute;

        top: 90px;
        left: -4%;
        right: -4%;

        width: 108%;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        background: #ffffff;

        padding: 10px 20px 25px;

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

        border-top: 3px solid #b88a35;

        z-index: 99999;
    }


    /* Main menu links */

    .menu.show > a,
    .menu.show > .dropdown > .dropdown-toggle {

        width: 100%;

        padding: 15px 5px;

        border-bottom: 1px solid rgba(11, 20, 40, 0.10);

        display: flex;

        align-items: center;

        justify-content: space-between;

        color: #0b1428;

        font-size: 14px;
    }


    /* Remove desktop underline */

    .menu.show a:after {
        display: none;
    }


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

    .dropdown {

        width: 100%;

        height: auto;

        display: block;

        position: relative;
    }


    .dropdown-menu {

        position: static;

        width: 100%;

        display: none;

        opacity: 1;

        visibility: visible;

        transform: none;

        box-shadow: none;

        border: none;

        border-left: 3px solid #b88a35;

        margin: 8px 0 10px;

        padding: 0 0 0 10px;

        background: #f7f5f0;
    }


    /* Mobile dropdown open */

    .dropdown.active .dropdown-menu {

        display: block;
    }


    .dropdown-menu a {

        padding: 13px 12px;

        border-bottom: 1px solid rgba(11, 20, 40, 0.08);

        font-size: 13px;

        color: #14233f;

        display: flex;

        align-items: center;

        gap: 12px;
    }


    .dropdown-menu a:last-child {

        border-bottom: none;
    }


    .dropdown-menu a i {

        width: 34px;

        height: 34px;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #ffffff;

        color: #b88a35;

        font-size: 14px;
    }

}


/* SMALL MOBILE */

@media (max-width: 600px) {

    .menu.show {

        top: 76px;

        left: -4%;

        right: -4%;
    }

}