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






:root {
           --yellow: #f4c400;
           --black: #070707;
           --white: #ffffff;
           --gray: #f5f5f5;
       }

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

       html {
           scroll-behavior: smooth;
       }

       body {
           font-family: 'Outfit', sans-serif;
           overflow-x: hidden;
           background: #fff;
           color: #111;
       }

       a {
           text-decoration: none;
       }

       section {
           position: relative;
       }

       /* =========================
           SCROLLBAR
        ========================= */

       ::-webkit-scrollbar {
           width: 10px;
       }

       ::-webkit-scrollbar-track {
           background: #111;
       }

       ::-webkit-scrollbar-thumb {
           background: var(--yellow);
       }

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

       .navbar {
           background: rgba(0, 0, 0, .82);
           backdrop-filter: blur(12px);
       }

       .navbar-brand {
           font-family: 'Bebas Neue', sans-serif;
           font-size: 48px;
           color: var(--yellow);
           letter-spacing: 2px;
           line-height: .9;
           background-color: var(--yellow);
           height: 8vh;
       }

       .navbar-brand:hover {
           color: var(--yellow);
       }

       .navbar-nav .nav-link {
           color: #fff;
           margin-left: 30px;
           font-weight: 600;
           text-transform: uppercase;
           position: relative;
           letter-spacing: 1px;
       }

       .navbar-nav .nav-link::after {
           content: '';
           position: absolute;
           left: 0;
           bottom: -8px;
           width: 0;
           height: 3px;
           background: var(--yellow);
           transition: .4s;
       }

       .navbar-nav .nav-link:hover {
           color: var(--yellow);
       }

       .navbar-nav .nav-link:hover::after {
           width: 100%;
       }


       #navMenu button {
           background-color: var(--yellow);
           width: 15%;
           border-style: none;
           font-weight: 600;
           padding: 1%;
           margin-left: 5%;
           border-radius: 20px;
       }

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

       .theme-btn {
           background: var(--yellow);
           color: #000;
           padding: 16px 38px;
           display: inline-flex;
           align-items: center;
           gap: 10px;
           font-weight: 700;
           text-transform: uppercase;
           border: 2px solid var(--yellow);
           transition: .4s;
           overflow: hidden;
           position: relative;
           z-index: 1;
       }

       .theme-btn::before {
           content: '';
           position: absolute;
           inset: 0;
           background: #fff;
           transform: translateX(-100%);
           transition: .4s;
           z-index: -1;
       }

       .theme-btn:hover::before {
           transform: translateX(0);
       }

       .theme-btn:hover {
           color: #000;
           transform: translateY(-6px);
       }

       .outline-btn {
           background: transparent;
           color: #fff;
           border: 2px solid rgba(255, 255, 255, .25);
       }

       .outline-btn::before {
           background: var(--yellow);
       }

       .outline-btn:hover {
           border-color: var(--yellow);
       }

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

       .hero-section {
           max-height: 92vh;
           overflow: hidden;
           display: flex;
           align-items: center;
           background: #000;
           margin-top: 8vh;
       }

       .hero-video {
           position: absolute;
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .hero-overlay {
           position: absolute;
           inset: 0;
           background: linear-gradient(90deg,
                   rgba(0, 0, 0, .92),
                   rgba(0, 0, 0, .72),
                   rgba(0, 0, 0, .45));
           z-index: 1;
       }

       .hero-circle {
           position: absolute;
           border-radius: 50%;
           filter: blur(100px);
           z-index: 1;
       }

       .circle-1 {
           width: 320px;
           height: 320px;
           background: rgba(244, 196, 0, .18);
           top: -100px;
           left: -100px;
       }

       .circle-2 {
           width: 260px;
           height: 260px;
           background: rgba(244, 196, 0, .12);
           right: -100px;
           bottom: -100px;
       }

       .hero-content {
           position: relative;
           z-index: 5;
           color: #fff;
       }

       .hero-badge {
           display: inline-flex;
           align-items: center;
           gap: 12px;
           padding: 14px 28px;
           background: rgba(244, 196, 0, .10);
           border: 1px solid rgba(244, 196, 0, .25);
           backdrop-filter: blur(12px);
           color: var(--yellow);
           margin-bottom: 28px;
           font-weight: 600;
           text-transform: uppercase;
           letter-spacing: 1px;
       }

       .hero-content h1 {
           font-family: 'Bebas Neue', sans-serif;
           font-size: 130px;
           line-height: .9;
           letter-spacing: 3px;
           margin-bottom: 25px;
       }

       .hero-content h1 span {
           color: var(--yellow);
       }

       .hero-content p {
           max-width: 650px;
           font-size: 18px;
           line-height: 2;
           color: #d2d2d2;
           margin-bottom: 38px;
       }

       .hero-btns {
           display: flex;
           gap: 20px;
           flex-wrap: wrap;
       }

       .hero-stats {
           margin-top: 55px;
           display: flex;
           gap: 25px;
           flex-wrap: wrap;
       }

       .hero-stat-box {
           background: rgba(255, 255, 255, .06);
           border: 1px solid rgba(255, 255, 255, .08);
           padding: 22px 35px;
           backdrop-filter: blur(10px);
           transition: .4s;
       }

       .hero-stat-box:hover {
           transform: translateY(-8px);
           background: rgba(244, 196, 0, .12);
       }

       .hero-stat-box h3 {
           color: var(--yellow);
           font-size: 48px;
           font-weight: 800;
           margin-bottom: 5px;
       }

       .hero-stat-box p {
           margin: 0;
           font-size: 14px;
           text-transform: uppercase;
           color: #fff;
       }

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

       .hero-img-wrapper {
           position: relative;
           z-index: 5;
       }

       .hero-main-img {
           overflow: hidden;
           border: 8px solid rgba(255, 255, 255, .08);
           box-shadow: 0 20px 80px rgba(0, 0, 0, .45);
       }

       .hero-main-img img {
           width: 100%;
           height: 720px;
           object-fit: cover;
           transition: .5s;
       }

       .hero-main-img:hover img {
           transform: scale(1.08);
       }

       .floating-box {
           position: absolute;
           background: #fff;
           padding: 18px 24px;
           display: flex;
           align-items: center;
           gap: 16px;
           box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
           animation: float 3s ease-in-out infinite;
       }

       .floating-box i {
           width: 65px;
           height: 65px;
           background: var(--yellow);
           color: #000;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 24px;
       }

       .floating-box h5 {
           margin: 0;
           font-weight: 800;
       }

       .floating-box p {
           margin: 0;
           color: #777;
           font-size: 14px;
       }

       .box-1 {
           top: 50px;
           left: -60px;
       }

       .box-2 {
           right: -60px;
           bottom: 60px;
       }

       @keyframes float {

           0% {
               transform: translateY(0px);
           }

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

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

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

       .section-title {
           margin-bottom: 60px;
       }

       .section-title h6 {
           color: var(--yellow);
           text-transform: uppercase;
           font-weight: 700;
           letter-spacing: 3px;
           margin-bottom: 15px;
       }

       .section-title h2 {
           font-family: 'Bebas Neue', sans-serif;
           font-size: 80px;
           line-height: 1;
           letter-spacing: 2px;
       }

       /* =========================
           home-about
        ========================= */

       .home-about-section {
           padding: 30px 0;
       }

       .home-about-img {
           position: relative;
       }

       .home-about-img::before {
           content: '';
           position: absolute;
           width: 220px;
           height: 220px;
           background: var(--yellow);
           top: -35px;
           left: -35px;
           z-index: -1;
       }

       .home-about-img img {
           width: 100%;
       }

       .home-about-content p {
           color: #c7c7c7;
           line-height: 2;
           margin-bottom: 25px;
       }

       .home-about-feature {
           display: flex;
           gap: 20px;
           margin-bottom: 30px;
       }

       .home-about-feature i {
           width: 75px;
           height: 75px;
           background: var(--yellow);
           color: #000;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 28px;
           flex-shrink: 0;
       }

       .home-about-feature h5 {
           font-weight: 800;
           margin-bottom: 8px;
           color:var(--yellow);
       }

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

       .service-section {
           background: #090909;
           padding: 80px 0;
       }

       .service-section .section-title h2 {
           color: #fff;
       }

       .service-card {
           background: #151515;
           padding: 45px 35px;
           overflow: hidden;
           position: relative;
           transition: .4s;
           height: 100%;
           border-radius: 10px;
       }

       .service-card::before {
           content: '';
           position: absolute;
           width: 100%;
           height: 0;
           left: 0;
           bottom: 0;
           background: var(--yellow);
           transition: .5s;
       }

       .service-card:hover::before {
           height: 100%;
       }

       .service-card:hover {
           transform: translateY(-12px);
       }

       .service-card * {
           position: relative;
           z-index: 2;
       }

       .service-icon {
           width: 95px;
           height: 95px;
           background: var(--yellow);
           border-radius: 20px;
           color: #000;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 38px;
           margin-bottom: 30px;
       }

       .service-card h4 {
           color: #fff;
           font-size: 28px;
           font-weight: 800;
           margin-bottom: 18px;
       }

       .service-card p {
           color: #cfcfcf;
           line-height: 2;
       }

       .service-card:hover h4,
       .service-card:hover p {
           color: #000;
       }

       /* =========================
           GALLERY
        ========================= */

       .gallery-section {
           padding: 100px 0;
           background: var(--dark);
       }

       .gallery-item {
           position: relative;
           overflow: hidden;
           border-radius: 20px;
       }

       .gallery-item img {
           width: 100%;
           height: 380px;
           object-fit: cover;
           transition: .5s;
       }

       .gallery-overlay {
           position: absolute;
           inset: 0;
           background: rgba(0, 0, 0, .6);
           display: flex;
           align-items: center;
           justify-content: center;
           opacity: 0;
           transition: .4s;
       }

       /* .gallery-overlay i {
            width: 80px;
            height: 80px;
            background: var(--yellow);
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
        } */

       .gallery-item:hover img {
           transform: scale(1.1);
       }

       .gallery-item:hover .gallery-overlay {
           opacity: 1;
       }

       /* =========================
           COUNTER
        ========================= */
       /* 
        .counter-section {
            padding: 100px 0;
            background: var(--yellow);
        }

        .counter-box {
            text-align: center;
        }

        .counter-box h2 {
            font-size: 75px;
            font-weight: 900;
            color: #000;
        }

        .counter-box p {
            font-weight: 700;
            text-transform: uppercase;
        } */

       /* =========================
                   PREMIUM FULL GALLERY SECTION
                           ========================= */

       .custom-gallery-section {
           padding: 60px 0;
           background:
               radial-gradient(circle at top left, rgba(244, 196, 0, .12), transparent 30%),
               radial-gradient(circle at bottom right, rgba(47, 125, 50, .12), transparent 30%),
               #050505;
           overflow: hidden;
           position: relative;
       }

       /* =========================
                    HEADING
                                ========================= */

       .gallery-heading {
           text-align: center;
           margin-bottom: 0px;
       }

       .gallery-heading span {
           color: #f4c400;
           text-transform: uppercase;
           font-weight: 700;
           letter-spacing: 4px;
           display: inline-block;
           margin-bottom: 18px;
           position: relative;
       }

       .gallery-heading span::after {
           content: '';
           width: 70px;
           height: 2px;
           background: #f4c400;
           position: absolute;
           top: 50%;
           left: 115%;
       }

       .gallery-heading span::before {
           content: '';
           width: 70px;
           height: 2px;
           background: #f4c400;
           position: absolute;
           top: 50%;
           right: 115%;
       }

       .gallery-heading h2 {
           font-size: 78px;
           color: #fff;
           font-weight: 900;
           margin-bottom: 18px;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 3px;
           line-height: 1;
       }

       .gallery-heading p {
           color: #cfcfcf;
           max-width: 700px;
           margin: auto;
           line-height: 2;
           font-size: 17px;
       }

       /* =========================
MASONRY GALLERY
========================= */

       .custom-gallery-grid {
           columns: 4 280px;
           column-gap: 22px;
       }

       .gallery-box {
           position: relative;
           overflow: hidden;
           border-radius: 18px;
           margin-bottom: 22px;
           break-inside: avoid;
           cursor: pointer;
           background: #111;
           border: 1px solid rgba(255, 255, 255, .08);
           box-shadow: 0 10px 35px rgba(0, 0, 0, .35);
           /* width: 80%;
           height: 80%; */
       }

       .gallery-box::before {
           content: '';
           position: absolute;
           inset: 0;
           background: linear-gradient(to top,
                   rgba(0, 0, 0, .75),
                   rgba(0, 0, 0, .15),
                   transparent);
           opacity: 0;
           transition: .4s;
           z-index: 1;
       }

       .gallery-box::after {
           content: 'View Image';
           position: absolute;
           left: 50%;
           top: 50%;
           transform: translate(-50%, -50%) scale(.8);
           color: #fff;
           background: rgba(244, 196, 0, .92);
           color: #000;
           font-weight: 700;
           padding: 12px 24px;
           border-radius: 50px;
           opacity: 0;
           transition: .4s;
           z-index: 2;
       }

       .gallery-box img {
           width: 100%;
           display: block;
           transition: 1s;
       }

       .gallery-box:hover img {
           transform: scale(1.12) rotate(2deg);
       }

       .gallery-box:hover::before {
           opacity: 1;
       }

       .gallery-box:hover::after {
           opacity: 1;
           transform: translate(-50%, -50%) scale(1);
       }

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

       @media(max-width:1200px) {

           .gallery-heading h2 {
               font-size: 62px;
           }
       }

       @media(max-width:991px) {

           .custom-gallery-grid {
               columns: 3 250px;
           }

           .gallery-heading h2 {
               font-size: 52px;
           }
       }

       @media(max-width:767px) {

           .custom-gallery-section {
               padding: 90px 0;
           }

           .custom-gallery-grid {
               columns: 2 180px;
               column-gap: 15px;
           }

           .gallery-box {
               margin-bottom: 15px;
               border-radius: 14px;
           }

           .gallery-heading h2 {
               font-size: 38px;
           }

           .gallery-heading span::before,
           .gallery-heading span::after {
               display: none;
           }

           .gallery-heading p {
               font-size: 15px;
           }
       }

       @media(max-width:500px) {

           .custom-gallery-grid {
               columns: 1;
           }
       }

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

       @media(max-width:991px) {

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

           .gallery-heading h2 {
               font-size: 50px;
           }
       }

       @media(max-width:767px) {

           .custom-gallery-grid {
               grid-template-columns: 1fr;
           }

           .gallery-heading h2 {
               font-size: 38px;
           }

           .gallery-box img {
               height: 280px;
           }
       }

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

       .cta-section {
           padding: 150px 0;
           background: url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?q=80&w=1400&auto=format&fit=crop') center/cover;
       }

       .cta-section::before {
           content: '';
           position: absolute;
           inset: 0;
           background: rgba(0, 0, 0, .82);
       }

       .cta-content {
           position: relative;
           z-index: 2;
           text-align: center;
       }

       .cta-content h2 {
           font-family: 'Bebas Neue', sans-serif;
           color: #fff;
           font-size: 90px;
           line-height: 1;
           letter-spacing: 2px;
           margin-bottom: 30px;
       }

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

       .footer {
           background: #050505;
           padding: 50px 0 30px;
       }

       .footer h4 {
           color: var(--yellow);
           font-size: 30px;
           margin-bottom: 25px;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 2px;
       }

       .footer p {
           color: #bbb;
           line-height: 2;
       }

       .footer-links a {
           display: block;
           color: #bbb;
           margin-bottom: 14px;
           transition: .3s;
           text-transform: uppercase;
           font-weight: 600;
       }

       .footer-links a:hover {
           color: var(--yellow);
           padding-left: 20px;
       }

       .social-icons {
           display: flex;
           gap: 12px;
       }

       .social-icons a {
           width: 50px;
           height: 50px;
           background: #151515;
           color: var(--yellow);
           display: flex;
           align-items: center;
           justify-content: center;
           transition: .4s;
       }

       .social-icons a:hover {
           background: var(--yellow);
           color: #000;
           transform: translateY(-8px);
       }

       #fab-icons i {
           color: var(--yellow);
       }

       .copyright {
           border-top: 1px solid rgba(255, 255, 255, .08);
           margin-top: 30px;
           padding-top: 25px;
           text-align: center;
           color: #888;
       }

       .copyright a {
           color: var(--yellow);
       }

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

       @media(max-width:1200px) {

           .hero-content h1 {
               font-size: 95px;
           }
       }

       @media(max-width:991px) {

           .hero-section {
               padding: 120px 0 80px;
           }

           .hero-content h1 {
               font-size: 70px;
           }

           .hero-main-img {
               margin-top: 60px;
           }

           .box-1 {
               left: 0;
           }

           .box-2 {
               right: 0;
           }

           .section-title h2 {
               font-size: 58px;
           }

           .cta-content h2 {
               font-size: 60px;
           }
       }

       @media(max-width:767px) {

           .hero-content h1 {
               font-size: 48px;
           }

           .section-title h2 {
               font-size: 42px;
           }

           .cta-content h2 {
               font-size: 44px;
           }

           .hero-main-img img {
               height: 450px;
           }

           .floating-box {
               position: relative;
               margin-top: 20px;
           }

           .box-1,
           .box-2 {
               left: auto;
               right: auto;
               top: auto;
               bottom: auto;
           }

           .hero-stat-box {
               width: 100%;
           }

           .counter-box {
               margin-bottom: 35px;
           }

           .navbar-nav {
               margin-top: 20px;
           }
       }













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


       :root {
           --yellow: #f4c400;
           --green: #2f7d32;
           --dark: #020817;
           --card: #081120;
           --white: #ffffff;
       }

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

       html {
           scroll-behavior: smooth;
       }

       body {
           font-family: 'Outfit', sans-serif;
           background: var(--dark);
           overflow-x: hidden;
       }

       a {
           text-decoration: none;
       }

       img {
           max-width: 100%;
       }

       /* =========================
        SCROLLBAR
        ========================= */

       ::-webkit-scrollbar {
           width: 10px;
       }

       ::-webkit-scrollbar-track {
           background: #000;
       }

       ::-webkit-scrollbar-thumb {
           background: var(--yellow);
       }



       /* =========================
        BREADCRUMB
        ========================= */

       .about-breadcrumb {
           padding: 220px 0 140px;
           background:
               linear-gradient(rgba(0, 0, 0, .82), rgba(0, 0, 0, .82)),
               url('https://images.unsplash.com/photo-1555244162-803834f70033?q=80&w=1400&auto=format&fit=crop');
           background-size: cover;
           background-position: center;
           text-align: center;
           position: relative;
       }

       .about-breadcrumb span {
           color: var(--yellow);
           letter-spacing: 4px;
           text-transform: uppercase;
           font-weight: 700;
           display: block;
           margin-bottom: 20px;
       }

       .about-breadcrumb h1 {
           font-size: 110px;
           color: #fff;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 3px;
           margin-bottom: 25px;
       }

       .breadcrumb-links {
           display: flex;
           align-items: center;
           justify-content: center;
           gap: 12px;
       }

       .breadcrumb-links a {
           color: var(--yellow);
           font-weight: 600;
       }

       .breadcrumb-links i {
           color: #fff;
           font-size: 14px;
       }

       .breadcrumb-links p {
           color: #fff;
           margin: 0;
       }

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

       .premium-about-section {
           padding: 80px 0;
           position: relative;
           overflow: hidden;
       }

       .premium-about-section::before {
           content: '';
           position: absolute;
           width: 350px;
           height: 350px;
           background: rgba(244, 196, 0, .08);
           border-radius: 50%;
           top: -120px;
           right: -120px;
           filter: blur(80px);
       }

       .premium-about-section::after {
           content: '';
           position: absolute;
           width: 300px;
           height: 300px;
           background: rgba(47, 125, 50, .10);
           border-radius: 50%;
           bottom: -100px;
           left: -100px;
           filter: blur(80px);
       }

       /* =========================
        TEAM CARDS
        ========================= */

       .about-team-wrapper {
           display: flex;
           flex-direction: column;
           gap: 95px;
       }

       .about-team-card {
           background: var(--card);
           border: 1px solid rgba(255, 255, 255, .06);
           border-radius: 22px;
           overflow: hidden;
           transition: .4s;
           box-shadow: 0 10px 35px rgba(0, 0, 0, .35);
       }

       .about-team-card:hover {
           transform: translateY(-10px);
       }

       .about-team-img {
           height: 420px;
           overflow: hidden;
           background: #000;
       }

       .about-team-img img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           transition: .6s;
       }

       .about-team-card:hover img {
           transform: scale(1.05);
       }

       .about-team-content {
           padding: 25px;
           text-align: center;
       }

       .about-team-content h4 {
           color: #fff;
           font-size: 30px;
           margin-bottom: 8px;
           font-weight: 800;
       }

       .about-team-content span {
           color: var(--yellow);
           font-weight: 600;
           letter-spacing: 1px;
       }

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

       .about-mini-title {
           color: var(--yellow);
           text-transform: uppercase;
           letter-spacing: 4px;
           font-weight: 700;
           display: block;
           margin-bottom: 18px;
       }

       .premium-about-content h2 {
           color: #fff;
           font-size: 75px;
           line-height: 1;
           margin-bottom: 35px;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 2px;
       }

       .premium-about-content p {
           color: #d2d2d2;
           line-height: 2;
           margin-bottom: 30px;
           font-size: 17px;
       }

       /* =========================
        HIGHLIGHT BOX
        ========================= */

       .about-highlight-box {
           display: flex;
           gap: 25px;
           background: var(--card);
           border: 1px solid rgba(255, 255, 255, .06);
           padding: 30px;
           border-radius: 20px;
           margin-bottom: 25px;
           transition: .4s;
       }

       .about-highlight-box:hover {
           transform: translateX(10px);
           border-color: rgba(244, 196, 0, .3);
       }

       .about-icon {
           width: 85px;
           height: 85px;
           background: var(--yellow);
           color: #000;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 32px;
           border-radius: 18px;
           flex-shrink: 0;
       }

       .about-highlight-box h3 {
           color: #fff;
           font-size: 34px;
           margin-bottom: 12px;
           font-weight: 800;
       }

       .about-highlight-box p {
           margin: 0;
       }



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

       @media(max-width:991px) {

           .about-breadcrumb h1 {
               font-size: 70px;
           }

           .premium-about-content h2 {
               font-size: 55px;
           }

           .about-team-img {
               height: 350px;
           }
       }

       @media(max-width:767px) {

           .about-breadcrumb {
               padding: 180px 0 100px;
           }

           .about-breadcrumb h1 {
               font-size: 45px;
           }

           .premium-about-section {
               padding: 90px 0;
           }

           .premium-about-content h2 {
               font-size: 40px;
           }

           .about-highlight-box {
               flex-direction: column;
           }

           .about-icon {
               width: 70px;
               height: 70px;
               font-size: 28px;
           }

           .about-highlight-box h3 {
               font-size: 28px;
           }

           .navbar-nav {
               margin-top: 20px;
           }
       }














       /* ===========================================================================
                                                              VENUE PAGE
                                                =========================================================================== */







       :root {
           --yellow: #f4c400;
           --green: #2f7d32;
           --dark: #020817;
           --card: #081120;
           --white: #ffffff;
       }

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

       body {
           font-family: 'Outfit', sans-serif;
           background: var(--dark);
           overflow-x: hidden;
       }

       html {
           scroll-behavior: smooth;
       }

       a {
           text-decoration: none;
       }

       img {
           max-width: 100%;
       }

       section {
           position: relative;
       }

       /* =========================
        SCROLLBAR
        ========================= */

       ::-webkit-scrollbar {
           width: 10px;
       }

       ::-webkit-scrollbar-track {
           background: #000;
       }

       ::-webkit-scrollbar-thumb {
           background: var(--yellow);
       }

       /* =========================

        ========================= */



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

       .venue-hero {
           min-height: 60vh;
           background:
               linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)),
               url('venueimg1.png');
           background-size: cover;
           background-position: center;
           display: flex;
           align-items: center;
           text-align: center;
           overflow: hidden;
           padding-top: 5%;
       }

       .venue-hero-content {
           position: relative;
           z-index: 2;
       }

       .venue-hero-content span {
           color: var(--yellow);
           text-transform: uppercase;
           letter-spacing: 5px;
           font-weight: 700;
           display: block;
           margin-bottom: 25px;
       }

       .venue-hero-content h1 {
           color: #fff;
           font-size: 130px;
           line-height: .9;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 4px;
           margin-bottom: 25px;
       }

       .venue-hero-content p {
           color: #d2d2d2;
           max-width: 800px;
           margin: auto;
           line-height: 2;
           font-size: 18px;
       }

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

       .venue-section {
           padding: 50px 0;
           position: relative;
       }

       .section-title {
           text-align: center;
           margin-bottom: 70px;
       }

       .section-title span {
           color: var(--yellow);
           text-transform: uppercase;
           letter-spacing: 4px;
           font-weight: 700;
           display: block;
           margin-bottom: 15px;
       }

       .section-title h2 {
           color: #fff;
           font-size: 80px;
           line-height: 1;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 3px;
       }

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

       .venue-card {
           background: var(--card);
           border-radius: 24px;
           overflow: hidden;
           border: 1px solid rgba(255, 255, 255, .06);
           transition: .5s;
           height: 100%;
           box-shadow: 0 15px 40px rgba(0, 0, 0, .35);
       }

       .venue-card:hover {
           transform: translateY(-12px);
           border-color: rgba(244, 196, 0, .25);
       }

       .venue-img {
           height: 340px;
           overflow: hidden;
           position: relative;
       }

       .venue-img img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           transition: 1s;
       }

       .venue-card:hover img {
           transform: scale(1.12);
       }

       .venue-tag {
           position: absolute;
           top: 20px;
           left: 20px;
           background: var(--yellow);
           color: #000;
           padding: 10px 22px;
           border-radius: 50px;
           font-weight: 700;
           font-size: 14px;
           z-index: 2;
       }

       .venue-content {
           padding: 35px;
       }

       .venue-content h3 {
           color: #fff;
           font-size: 37px;
           margin-bottom: 15px;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 2px;
       }

       .venue-content p {
           color: #cfcfcf;
           line-height: 2;
           margin-bottom: 25px;
       }

       .venue-info {
           display: flex;
           flex-wrap: wrap;
           gap: 15px;
           margin-bottom: 25px;
       }

       .venue-info span {
           background: rgba(255, 255, 255, .05);
           color: #fff;
           padding: 12px 18px;
           border-radius: 12px;
           font-size: 14px;
           display: flex;
           align-items: center;
           gap: 10px;
       }

       .venue-info span i {
           color: var(--yellow);
       }

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

       .theme-btn {
           background: var(--yellow);
           color: #000;
           padding: 15px 35px;
           display: inline-flex;
           align-items: center;
           gap: 10px;
           font-weight: 700;
           border-radius: 10px;
           transition: .4s;
       }

       .theme-btn:hover {
           background: #fff;
           transform: translateY(-5px);
           color: #000;
       }

       /* =========================
        FEATURES
        ========================= */

       .venue-feature-section {
           padding: 120px 0;
           background: #05101f;
       }

       .feature-box {
           background: var(--card);
           padding: 45px 35px;
           border-radius: 22px;
           text-align: center;
           height: 100%;
           transition: .4s;
           border: 1px solid rgba(255, 255, 255, .06);
       }

       .feature-box:hover {
           transform: translateY(-10px);
           border-color: rgba(244, 196, 0, .25);
       }

       .feature-icon {
           width: 95px;
           height: 95px;
           background: var(--yellow);
           color: #000;
           display: flex;
           align-items: center;
           justify-content: center;
           margin: auto;
           border-radius: 22px;
           font-size: 38px;
           margin-bottom: 30px;
       }

       .feature-box h4 {
           color: #fff;
           font-size: 30px;
           margin-bottom: 15px;
           font-weight: 800;
       }

       .feature-box p {
           color: #cfcfcf;
           line-height: 2;
       }

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

       .venue-cta {
           padding: 140px 0;
           background:
               linear-gradient(rgba(0, 0, 0, .78), rgba(0, 0, 0, .78)),
               url('https://images.unsplash.com/photo-1469371670807-013ccf25f16a?q=80&w=1600&auto=format&fit=crop');
           background-size: cover;
           background-position: center;
           text-align: center;
       }

       .venue-cta h2 {
           color: #fff;
           font-size: 95px;
           line-height: 1;
           margin-bottom: 25px;
           font-family: 'Bebas Neue', sans-serif;
           letter-spacing: 3px;
       }

       .venue-cta p {
           color: #d2d2d2;
           max-width: 750px;
           margin: auto;
           line-height: 2;
           margin-bottom: 35px;
       }



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

       @media(max-width:991px) {

           .venue-hero-content h1 {
               font-size: 75px;
           }

           .section-title h2 {
               font-size: 55px;
           }

           .venue-cta h2 {
               font-size: 60px;
           }
       }

       @media(max-width:767px) {

           .venue-hero {
               min-height: 80vh;
           }

           .venue-hero-content h1 {
               font-size: 48px;
           }

           .section-title h2 {
               font-size: 40px;
           }

           .venue-cta h2 {
               font-size: 42px;
           }

           .navbar-nav {
               margin-top: 20px;
           }

           .venue-content h3 {
               font-size: 32px;
           }
       }










       /* ===========================================================================
                                                              TESTIMONIALS PAGE
                                                =========================================================================== */











       :root{
            --yellow:#f4c400;
            --green:#2f7d32;
            --dark:#020817;
            --card:#081120;
            --white:#ffffff;
        }

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

        body{
            font-family:'Outfit',sans-serif;
            background:#020817;
            overflow-x:hidden;
        }

        html{
            scroll-behavior:smooth;
        }

        a{
            text-decoration:none;
        }

        img{
            max-width:100%;
        }

        /* =========================
        SCROLLBAR
        ========================= */

        ::-webkit-scrollbar{
            width:10px;
        }

        ::-webkit-scrollbar-track{
            background:#000;
        }

        ::-webkit-scrollbar-thumb{
            background:#f4c400;
        }

        /* =========================
        
        ========================= */

    

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

        .review-hero{
            min-height:60vh;
            background:
            linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),
            url('testimonial-banner-img2.png');
            background-size:cover;
            background-position:center;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            position:relative;
            overflow:hidden;
        }

        .review-hero-content span{
            color:#f4c400;
            text-transform:uppercase;
            letter-spacing:5px;
            font-weight:700;
            display:block;
            margin-bottom:20px;
        }

        .review-hero-content h1{
            color:#fff;
            font-size:120px;
            line-height:.9;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:4px;
            margin-bottom:25px;
        }

        .review-hero-content p{
            color:#d0d0d0;
            max-width:760px;
            margin:auto;
            line-height:2;
            font-size:18px;
        }

        /* =========================
        GOOGLE REVIEW SECTION
        ========================= */

        .google-review-section{
            padding:120px 0;
            background:
            radial-gradient(circle at top left, rgba(244,196,0,.12), transparent 25%),
            radial-gradient(circle at bottom right, rgba(47,125,50,.12), transparent 25%),
            #020817;
            position:relative;
            overflow:hidden;
        }

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

        .review-title{
            text-align:center;
            margin-bottom:80px;
        }

        .review-title span{
            color:#f4c400;
            text-transform:uppercase;
            letter-spacing:5px;
            font-weight:700;
            display:inline-block;
            margin-bottom:18px;
            position:relative;
        }

        .review-title span::before,
        .review-title span::after{
            content:'';
            width:70px;
            height:2px;
            background:#f4c400;
            position:absolute;
            top:50%;
        }

        .review-title span::before{
            right:115%;
        }

        .review-title span::after{
            left:115%;
        }

        .review-title h2{
            color:#fff;
            font-size:95px;
            line-height:.9;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:4px;
            margin-bottom:25px;
        }

        .review-title p{
            color:#d0d0d0;
            max-width:760px;
            margin:auto;
            line-height:2;
            font-size:17px;
        }

        /* =========================
        GOOGLE BOX
        ========================= */

        .google-rating-box{
            background:
            linear-gradient(135deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.02));
            border:1px solid rgba(244,196,0,.12);
            border-radius:35px;
            padding:55px;
            margin-bottom:80px;
            backdrop-filter:blur(14px);
            position:relative;
            overflow:hidden;
            box-shadow:0 20px 60px rgba(0,0,0,.35);
        }

        .google-rating-box::before{
            content:'';
            position:absolute;
            width:260px;
            height:260px;
            background:rgba(244,196,0,.08);
            border-radius:50%;
            top:-120px;
            right:-120px;
        }

        .google-rating-box::after{
            content:'';
            position:absolute;
            width:220px;
            height:220px;
            background:rgba(47,125,50,.08);
            border-radius:50%;
            bottom:-120px;
            left:-120px;
        }

        .rating-flex{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:40px;
            flex-wrap:wrap;
            position:relative;
            z-index:2;
        }

        .google-left{
            display:flex;
            align-items:center;
            gap:30px;
        }

        .google-icon{
            width:120px;
            height:120px;
            background:#fff;
            border-radius:30px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:60px;
            color:#4285F4;
            box-shadow:0 15px 35px rgba(0,0,0,.25);
        }

        .google-text h3{
            color:#fff;
            font-size:75px;
            font-weight:900;
            margin-bottom:5px;
            line-height:1;
        }

        .google-text p{
            color:#d0d0d0;
            margin:0;
            font-size:17px;
        }

        .rating-stars{
            margin-top:15px;
            color:#f4c400;
            font-size:22px;
            letter-spacing:3px;
        }

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

        .google-btn{
            background:#f4c400;
            color:#000;
            padding:18px 38px;
            border-radius:14px;
            font-weight:800;
            display:inline-flex;
            align-items:center;
            gap:12px;
            transition:.4s;
            box-shadow:0 12px 30px rgba(244,196,0,.18);
        }

        .google-btn:hover{
            background:#fff;
            color:#000;
            transform:translateY(-6px);
        }

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

        .swiper{
            overflow:visible;
        }

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

        .review-card{
            background:
            linear-gradient(135deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.02));
            border:1px solid rgba(255,255,255,.06);
            backdrop-filter:blur(12px);
            border-radius:30px;
            padding:35px;
            transition:.5s;
            height:300px;
            position:relative;
            overflow:hidden;
            box-shadow:0 15px 40px rgba(0,0,0,.35);
        }

        .review-card:hover{
            transform:translateY(-12px);
            border-color:rgba(244,196,0,.25);
        }

        .review-card::before{
            content:'';
            position:absolute;
            width:180px;
            height:180px;
            background:rgba(244,196,0,.08);
            border-radius:50%;
            top:-80px;
            right:-80px;
        }

        .review-top{
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:25px;
            position:relative;
            z-index:2;
        }

        .review-user{
            display:flex;
            align-items:center;
            gap:16px;
        }

        .review-user img{
            width:72px;
            height:72px;
            border-radius:50%;
            object-fit:cover;
            border:4px solid rgba(244,196,0,.15);
        }

        .review-user h4{
            color:#fff;
            margin-bottom:5px;
            font-size:24px;
            font-weight:800;
        }

        .review-user span{
            color:#aaa;
            font-size:14px;
        }

        .google-small{
            width:55px;
            height:55px;
            background:#fff;
            color:#4285F4;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:16px;
            font-size:24px;
        }

        .review-stars{
            color:#f4c400;
            margin-bottom:20px;
            font-size:15px;
            letter-spacing:2px;
            position:relative;
            z-index:2;
        }

        .review-card p{
            color:#d0d0d0;
            line-height:2;
            margin:0;
            position:relative;
            z-index:2;
        }

        /* =========================
        AUTO UPDATE BOX
        ========================= */

        .review-update-box{
            margin-top:90px;
            background:
            linear-gradient(135deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.02));
            border:1px solid rgba(244,196,0,.10);
            border-radius:35px;
            padding:55px;
            position:relative;
            overflow:hidden;
        }

        .review-update-box::before{
            content:'';
            position:absolute;
            width:220px;
            height:220px;
            background:rgba(244,196,0,.05);
            border-radius:50%;
            right:-80px;
            top:-80px;
        }

        .review-update-box h3{
            color:#fff;
            font-size:52px;
            margin-bottom:20px;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:2px;
            position:relative;
            z-index:2;
        }

        .review-update-box p{
            color:#d0d0d0;
            line-height:2;
            margin-bottom:30px;
            position:relative;
            z-index:2;
        }

        .code-box{
            background:#000;
            color:#f4c400;
            padding:28px;
            border-radius:20px;
            overflow:auto;
            font-size:14px;
            line-height:2;
            border:1px solid rgba(244,196,0,.12);
            position:relative;
            z-index:2;
        }

        

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

        @media(max-width:991px){

            .review-hero-content h1{
                font-size:75px;
            }

            .review-title h2{
                font-size:65px;
            }

            .google-text h3{
                font-size:55px;
            }
        }

        @media(max-width:767px){

            .review-hero{
                min-height:70vh;
            }

            .review-hero-content h1{
                font-size:48px;
            }

            .review-title h2{
                font-size:45px;
            }

            .review-title span::before,
            .review-title span::after{
                display:none;
            }

            .google-rating-box{
                padding:35px;
            }

            .google-left{
                flex-direction:column;
                align-items:flex-start;
            }

            .google-text h3{
                font-size:45px;
            }

            .review-update-box{
                padding:35px;
            }

            .review-update-box h3{
                font-size:38px;
            }

            .review-card{
                padding:28px;
            }

            .navbar-nav{
                margin-top:20px;
            }
        }


















/* ===========================================================================
                                                              CONTACT PAGE
                                                =========================================================================== */







         :root{
            --yellow:#f4c400;
            --green:#2f7d32;
            --dark:#050816;
            --card:#0c1425;
            --white:#ffffff;
        }

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

        body{
            font-family:'Outfit',sans-serif;
            background:var(--dark);
            overflow-x:hidden;
        }

        a{
            text-decoration:none;
        }

        img{
            max-width:100%;
        }

        section{
            position:relative;
        }


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

        .contact-hero{
            min-height:90vh;
            display:flex;
            align-items:center;
            background:
            linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.8)),
            url('https://images.unsplash.com/photo-1528605248644-14dd04022da1?q=80&w=1600&auto=format&fit=crop');
            background-size:cover;
            background-position:center;
            overflow:hidden;
        }

        .hero-left span{
            color:var(--yellow);
            letter-spacing:5px;
            font-weight:700;
            display:block;
            margin-bottom:25px;
            text-transform:uppercase;
        }

        .hero-left h1{
            color:#fff;
            font-size:130px;
            line-height:.9;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:4px;
            margin-bottom:30px;
        }

        .hero-left p{
            color:#d0d0d0;
            line-height:2;
            font-size:18px;
            margin-bottom:35px;
            max-width:650px;
        }

        .hero-btn{
            background:var(--yellow);
            color:#000;
            padding:18px 40px;
            border-radius:14px;
            display:inline-flex;
            align-items:center;
            gap:12px;
            font-weight:700;
            transition:.4s;
        }

        .hero-btn:hover{
            background:#fff;
            transform:translateY(-5px);
            color:#000;
        }

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

        .hero-contact-card{
            background:
            linear-gradient(135deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.03));
            border:1px solid rgba(255,255,255,.08);
            border-radius:35px;
            padding:45px;
            backdrop-filter:blur(14px);
            position:relative;
            overflow:hidden;
        }

        .hero-contact-card::before{
            content:'';
            position:absolute;
            width:220px;
            height:220px;
            background:rgba(244,196,0,.08);
            border-radius:50%;
            top:-90px;
            right:-90px;
        }

        .hero-contact-card h3{
            color:#fff;
            font-size:45px;
            margin-bottom:30px;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:2px;
        }

        .mini-contact{
            display:flex;
            gap:18px;
            margin-bottom:28px;
            position:relative;
            z-index:2;
        }

        .mini-contact i{
            width:65px;
            height:65px;
            background:var(--yellow);
            color:#000;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
            flex-shrink:0;
        }

        .mini-contact h5{
            color:#fff;
            font-size:22px;
            margin-bottom:6px;
            font-weight:700;
        }

        .mini-contact p{
            color:#cfcfcf;
            margin:0;
            line-height:1.8;
        }

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

        .contact-main{
            padding:120px 0;
            background:
            radial-gradient(circle at top left, rgba(244,196,0,.10), transparent 25%),
            radial-gradient(circle at bottom right, rgba(47,125,50,.10), transparent 25%),
            #050816;
        }

        .section-title{
            text-align:center;
            margin-bottom:80px;
        }

        .section-title span{
            color:var(--yellow);
            text-transform:uppercase;
            letter-spacing:5px;
            font-weight:700;
            display:block;
            margin-bottom:18px;
        }

        .section-title h2{
            color:#fff;
            font-size:90px;
            line-height:.9;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:4px;
        }

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

        .contact-form-wrap{
            background:
            linear-gradient(135deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.02));
            border-radius:35px;
            padding:55px;
            border:1px solid rgba(255,255,255,.06);
            backdrop-filter:blur(12px);
        }

        .contact-form-wrap h3{
            color:#fff;
            font-size:55px;
            margin-bottom:35px;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:2px;
        }

        .form-control{
            height:70px;
            background:#0b1322;
            border:1px solid rgba(255,255,255,.06);
            color:#fff;
            border-radius:16px;
            margin-bottom:25px;
            padding:15px 22px;
        }

        .form-control:focus{
            background:#0b1322;
            border-color:var(--yellow);
            box-shadow:none;
            color:#fff;
        }

        textarea.form-control{
            height:180px;
            resize:none;
        }

        .form-control::placeholder{
            color:#999;
        }

        .submit-btn{
            background:var(--yellow);
            border:none;
            color:#000;
            padding:18px 38px;
            border-radius:14px;
            font-weight:800;
            transition:.4s;
        }

        .submit-btn:hover{
            background:#fff;
            transform:translateY(-5px);
        }

        /* =========================
        MAP
        ========================= */

        .map-section{
            padding-bottom:120px;
            background:#050816;
        }

        .map-wrapper{
            position:relative;
            border-radius:40px;
            overflow:hidden;
            border:2px solid rgba(244,196,0,.12);
        }

        .map-wrapper iframe{
            width:100%;
            height:500px;
            border:0;
            /* filter:grayscale(100%); */
        }

        .map-card{
            position:absolute;
            left:40px;
            bottom:40px;
            background:#fff;
            padding:35px;
            border-radius:28px;
            width:350px;
            box-shadow:0 20px 50px rgba(0,0,0,.35);
        }

        .map-card h4{
            color:#000;
            font-size:34px;
            margin-bottom:15px;
            font-family:'Bebas Neue',sans-serif;
            letter-spacing:2px;
        }

        .map-card p{
            color:#555;
            line-height:1.8;
            margin-bottom:18px;
        }

        .map-card a{
            background:var(--yellow);
            color:#000;
            padding:14px 25px;
            border-radius:12px;
            display:inline-block;
            font-weight:700;
        }

        

        

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

        @media(max-width:991px){

            .hero-left{
                margin-bottom:50px;
            }

            .hero-left h1{
                font-size:80px;
            }

            .section-title h2{
                font-size:60px;
            }

            .map-card{
                position:relative;
                left:0;
                bottom:0;
                width:100%;
                border-radius:0;
            }
        }

        @media(max-width:767px){

            .contact-hero{
                padding:120px 0 80px;
            }

            .hero-left h1{
                font-size:50px;
            }

            .section-title h2{
                font-size:42px;
            }

            .contact-form-wrap,
            .hero-contact-card{
                padding:35px;
            }

            .contact-form-wrap h3{
                font-size:38px;
            }

            .map-wrapper iframe{
                height:420px;
            }

            .navbar-nav{
                margin-top:20px;
            }

            .mini-contact{
                flex-direction:column;
            }
        }























































        
/* =========================================
        ULTRA RESPONSIVE FIX
========================================= */

.container{
    width:100%;
    max-width:1320px;
    padding-left:15px;
    padding-right:15px;
}

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

.navbar{
    padding:12px 0;
}

.navbar-brand{
    height:auto;
    align-items:center;
}

.navbar-brand img{
    width:140px;
    max-width:100%;
    object-fit:contain;
}

#navMenu button{
    width:auto;
    padding:12px 26px;
    margin-left:25px;
    white-space:nowrap;
}

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

.hero-section{
    min-height:100vh;
    height:auto;
    padding:120px 0 80px;
}

.hero-video{
    object-fit:cover;
}

.hero-content h1{
    font-size:120px;
    line-height:.9;
}

.hero-content p{
    width:100%;
    max-width:650px;
}

.hero-btns{
    gap:15px;
}

.hero-stat-box{
    min-width:180px;
}

.hero-main-img img{
    width:100%;
    height:650px;
    object-fit:cover;
}

/* =========================
        FLOATING BOX
========================= */

.floating-box{
    max-width:260px;
}

.box-1{
    left:-40px;
}

.box-2{
    right:-40px;
}

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

.home-about-img img{
    width:100%;
    height:auto;
}

.home-about-content{
    padding-left:10px;
}

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

.service-card{
    height:100%;
}

/* =========================
        GALLERY
========================= */

.gallery-item img{
    width:100%;
    height:380px;
    object-fit:cover;
}

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

.cta-content h2{
    font-size:85px;
}

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

.footer{
    overflow:hidden;
}

.footer p{
    word-break:break-word;
}

/* =========================================
        1400PX
========================================= */

@media(max-width:1400px){

    .contact-hero{
        margin-top: 50%;
    }

    .hero-content h1{
        font-size:100px;
    }

    .hero-main-img img{
        height:600px;
    }

}

/* =========================================
        1200PX
========================================= */

@media(max-width:1200px){

    .contact-hero{
        margin-top: 20%;
    }

    .hero-content h1{
        font-size:82px;
    }

    .section-title h2,
    .gallery-heading h2,
    .cta-content h2{
        font-size:65px;
    }

    .hero-main-img img{
        height:550px;
    }

    .floating-box{
        transform:scale(.9);
    }

}

/* =========================================
        991PX
========================================= */

@media(max-width:991px){

    .contact-hero{
        margin-top: 20%;
    }

    .navbar-collapse{
        background:#000;
        padding:25px;
        margin-top:15px;
        border-radius:15px;
    }

    .navbar-nav{
        align-items:flex-start !important;
    }

    .navbar-nav .nav-link{
        margin-left:0;
        margin-bottom:12px;
    }

    #navMenu button{
        margin-left:0;
        margin-top:20px;
        width:100%;
    }

    .hero-section{
        text-align:center;
        padding:140px 0 90px;
    }

    .hero-content{
        margin-bottom:60px;
    }

    .hero-content h1{
        font-size:70px;
    }

    .hero-content p{
        margin:auto auto 35px;
    }

    .hero-btns{
        justify-content:center;
    }

    .hero-stats{
        justify-content:center;
    }

    .hero-main-img{
        margin-top:40px;
    }

    .hero-main-img img{
        height:500px;
    }

    .floating-box{
        position:relative;
        max-width:100%;
        margin-top:20px;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }

    .home-about-section{
        text-align:center;
    }

    .home-about-feature{
        text-align:left;
    }

    .section-title h2,
    .gallery-heading h2,
    .cta-content h2{
        font-size:55px;
    }

}

/* =========================================
        767PX
========================================= */

@media(max-width:767px){

    .contact-hero{
        margin-top: 20%;
    }

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

    .hero-section{
        min-height:auto;
        padding:130px 0 70px;
    }

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

    .hero-content p{
        font-size:15px;
        line-height:1.8;
    }

    .hero-badge{
        padding:12px 20px;
        font-size:13px;
    }

    .theme-btn{
        width:100%;
        justify-content:center;
    }

    .hero-btns{
        flex-direction:column;
    }

    .hero-stat-box{
        width:100%;
        text-align:center;
    }

    .hero-main-img img{
        height:420px;
    }

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2,
    .gallery-heading h2,
    .cta-content h2{
        font-size:42px;
    }

    .service-card{
        padding:35px 25px;
    }

    .gallery-item img{
        height:260px;
    }

    .custom-gallery-section{
        padding:70px 0;
    }

    .gallery-heading p{
        font-size:15px;
    }

    .footer{
        text-align:center;
    }

    .social-icons{
        justify-content:center;
    }

}

/* =========================================
        575PX
========================================= */

@media(max-width:575px){

    .contact-hero{
        margin-top: 20%;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:14px;
    }

    .section-title h2,
    .gallery-heading h2,
    .cta-content h2{
        font-size:34px;
    }

    .hero-main-img img{
        height:350px;
    }

    .hero-badge{
        width:100%;
        justify-content:center;
    }

    .floating-box{
        flex-direction:column;
        text-align:center;
    }

    .home-about-feature{
        flex-direction:column;
        text-align:center;
    }

    .service-icon{
        margin:auto auto 25px;
    }

    .service-card{
        text-align:center;
    }

    .cta-section{
        padding:100px 0;
    }

    .copyright{
        font-size:13px;
        line-height:2;
    }

}

/* =========================================
        400PX
========================================= */

@media(max-width:400px){

    .contact-hero{
        margin-top: 20%;
    }

    .hero-content h1{
        font-size:36px;
    }

    .section-title h2,
    .gallery-heading h2,
    .cta-content h2{
        font-size:28px;
    }

    .hero-main-img img{
        height:300px;
    }

}






















/* ======================================================
                        menu.html
        ====================================================== */



* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        

        .main-wrapper {
            max-width: 950px;
            margin: auto;
            padding-top: 8%;
            padding-bottom: 3%;
        }

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

        .step-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 35px;
            position: relative;
        }

        .step-header::before {
            content: "";
            position: absolute;
            top: 31px;
            left: 13%;
            width: 74%;
            height: 3px;
            background: rgba(255, 255, 255, .15);
            z-index: 1;
        }

        .step-box {
            width: 33%;
            text-align: center;
            position: relative;
            z-index: 5;
        }

        .step-circle {
            width: 62px;
            height: 62px;
            border-radius: 50%;
            background: #1b1b1b;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;
            font-size: 20px;
            color: #fff;
            transition: .4s;
            border: 2px solid #333;
        }

        .step-box.active .step-circle {
            background: #ffcc00;
            color: #000;
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(255, 204, 0, .5);
        }

        .step-box.completed .step-circle {
            background: #ffcc00;
            color: #000;
        }

        .step-box h4 {
            color: #fff;
            margin-top: 12px;
            font-size: 14px;
            font-weight: 500;
        }

        /* ======================================================
                        FORM CONTAINER
        ====================================================== */

        .form-container {
            background: rgba(17, 17, 17, .92);
            border: 2px solid #ffcc00;
            border-radius: 18px;
            padding: 40px;
            box-shadow:
                0 0 20px rgba(255, 204, 0, .08),
                0 10px 40px rgba(0, 0, 0, .55);
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(5px);
        }

        .form-container::before {
            content: "";
            position: absolute;
            width: 250px;
            height: 250px;
            background: rgba(255, 204, 0, .08);
            border-radius: 50%;
            top: -120px;
            right: -120px;
        }

        .form-container::after {
            content: "";
            position: absolute;
            width: 220px;
            height: 220px;
            background: rgba(255, 204, 0, .05);
            border-radius: 50%;
            bottom: -100px;
            left: -100px;
        }

        .form-step {
            display: none;
            animation: fade .4s ease;
            position: relative;
            z-index: 2;
        }

        .form-step.active {
            display: block;
        }

        @keyframes fade {

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

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

        .form-title {
            font-size: 34px;
            color: #ffcc00;
            margin-bottom: 35px;
            font-weight: 700;
            position: relative;
            display: inline-block;
        }

        .form-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 70%;
            height: 3px;
            background: #ffcc00;
            border-radius: 10px;
        }

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

        /* ======================================================
                        INPUTS
        ====================================================== */

        .input-group {
            position: relative;
        }

        .input-group input,
        .input-group select,
        .input-group textarea {

            width: 100%;
            border: none;
            background: #181818;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 10px;
            padding: 16px 15px;
            outline: none;
            font-size: 15px;
            transition: .4s;
            color: #fff;
        }

        .input-group textarea {
            resize: none;
            height: 110px;
        }

        .input-group input:focus,
        .input-group select:focus,
        .input-group textarea:focus {

            border-color: #ffcc00;
            box-shadow: 0 0 15px rgba(255, 204, 0, .2);
            transform: translateY(-2px);
        }

        .input-group label {

            position: absolute;
            top: 15px;
            left: 15px;
            color: #9e9e9e;
            pointer-events: none;
            transition: .3s;
            font-size: 14px;
            background: #181818;
            padding: 0 5px;
        }

        .input-group input:focus~label,
        .input-group input:valid~label,
        .input-group textarea:focus~label,
        .input-group textarea:valid~label,
        .input-group select:focus~label,
        .input-group select:valid~label {

            top: -10px;
            left: 12px;
            font-size: 11px;
            color: #ffcc00;
        }

        .input-group select option {
            color: #e6d9d9;
        }

        /* ======================================================
                        BUTTONS
        ====================================================== */

        .button-area {
            margin-top: 35px;
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .btn {
            border: none;
            padding: 14px 34px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 600;
            transition: .4s;
            position: relative;
            overflow: hidden;
        }

        .btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, .15);
            transition: .5s;
        }

        .btn:hover::before {
            left: 100%;
        }

        .btn:hover {
            transform: translateY(-4px);
        }

        .next-btn {
            background: #ffcc00;
            color: #000;
            box-shadow: 0 5px 15px rgba(255, 204, 0, .3);
        }

        .prev-btn {
            background: #1f1f1f;
            color: #fff;
            border: 1px solid #333;
        }

        /* ======================================================
                        SUCCESS
        ====================================================== */

        .success-box {
            text-align: center;
            padding: 45px 10px;
        }

        .success-box i {
            width: 90px;
            height: 90px;
            line-height: 90px;
            border-radius: 50%;
            background: #ffcc00;
            color: #000;
            font-size: 40px;
            margin-bottom: 20px;
            box-shadow: 0 0 20px rgba(255, 204, 0, .4);
        }

        .success-box h2 {
            font-size: 32px;
            color: #ffcc00;
            margin-bottom: 15px;
        }

        .success-box p {
            color: #d6d6d6;
            font-size: 15px;
            line-height: 1.8;
        }

        .error {
            border: 1px solid red !important;
        }

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

        @media(max-width:768px) {

            .main-wrapper{
                margin-top: 20%;
            }

            .form-grid {
                grid-template-columns: 1fr;
            }

            .form-container {
                padding: 25px 18px;
            }

            .form-title {
                font-size: 26px;
            }

            .step-header::before {
                display: none;
            }

            .step-circle {
                width: 50px;
                height: 50px;
                font-size: 17px;
            }

            .btn {
                width: 100%;
            }

            .logo-box img {
                width: 140px;
            }

        }   
























         *{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins',sans-serif;
        }

        

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

        .menu-wrapper{

            /* max-width:1400px; */
            margin:auto;
        }

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

        .menu-title{

            text-align:center;

            color:#ffcc00;

            font-size:65px;

            font-weight:700;

            margin-bottom:100px;
        }

        /* ======================================================
                    CONTAINER
        ====================================================== */

        #menuContainer{

            display:flex;

            flex-wrap:wrap;

            gap:20px;

            align-items:flex-start;
        }

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

        .menu-category{

            width:calc(33.33% - 14px);

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

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

            border-radius:16px;

            overflow:hidden;

            backdrop-filter:blur(4px);

            transition:.4s;
        }

        .menu-category:hover{

            transform:translateY(-8px);

            box-shadow:0 15px 35px rgba(255,204,0,.12);
        }

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

        .category-header{

            display:flex;

            justify-content:space-between;

            align-items:center;

            padding:20px;

            cursor:pointer;

            transition:.4s;

            min-height:90px;
        }

        .category-header:hover{

            background:rgba(255,204,0,.08);
        }

        .category-header h3{

            color:#ffcc00;

            font-size:22px;

            font-weight:500;

            line-height:2;
        }

        .category-header i{

            color:#ffcc00;

            font-size:22px;

            transition:.4s;
        }

        .menu-category.active .category-header i{

            transform:rotate(180deg);
        }

        /* ======================================================
                    DISH LIST
        ====================================================== */

        .dish-list{

            display:none;

            padding:0 18px 18px;

            max-height:1450px;

            overflow-y:auto;
        }

        .menu-category.active .dish-list{

            display:block;
        }

        /* ======================================================
                    SEARCH BOX
        ====================================================== */

        .search-box{

            margin-bottom:20px 20px;

            position:sticky;

            top:0;

            background:#111;

            padding-top:20px;
        }

        .search-box input{

            width:100%;

            background:#1c1c1c;

            border:3px solid rgba(255,255,255,.08);

            border-radius:10px;

            padding:13px;

            color:#fff;

            outline:none;

            font-size:18px;
        }

        /* ======================================================
                    DISH ITEM
        ====================================================== */

        .dish-item{

            display:flex;

            align-items:center;

            gap:12px;

            padding:12px 0;

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

        .dish-item:last-child{

            border-bottom:none;
        }

        .dish-item input{

            width:18px;

            height:18px;

            accent-color:#ffcc00;

            cursor:pointer;
        }

        .dish-item label{

            color:#fff;

            font-size:20px;

            line-height:1.5;

            cursor:pointer;
        }

        /* ======================================================
                    SCROLLBAR
        ====================================================== */

           

        .dish-list::-webkit-scrollbar-thumb{

            background:#ffcc00;
            border-radius:10px;
        }

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

        @media(max-width:992px){

            .menu-category{

                width:calc(50% - 10px);
            }

        }

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

        @media(max-width:768px){

            .menu-category{

                width:100%;
            }

            .menu-title{

                font-size:32px;
            }

            .category-header{

                min-height:auto;

                padding:16px;
            }

            .category-header h3{

                font-size:16px;
            }

        }