@font-face {
    font-family: 'Azonix';
    src: url('/fonts/Azonix.otf') format('opentype');
}

body {
    font-family: 'Inter', sans-serif;
    background: #0B0B0B;
    color: white;
}
.text-gray{
  color: #8f8f8f;
}

.heading-font {
    font-family: 'Azonix', sans-serif;
}

.gradient-text {
    background: linear-gradient(90deg, #FFDB71, #E9B841, #A46426);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-color-gradient{
   background: linear-gradient(90deg, #FFDB71, #e0ae3a, #c8c3be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gold-button {
    background: linear-gradient(135deg, #fbc522, #E9B841);
    color: black;
    transition: all 0.3s ease;
}

.gold-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(233,184,65,0.3);
}

/* Navbar */

.bg-light{
  background-color: #A46426 !important;
}
.bg-black{
  background-color: #16100a !important;
}

.btn {
  font-weight: 500;
  transition: .5s;
}

.btn.btn-primary {
  color: #FFFFFF;
}
.text-color{
  color: #EEEEEE !important;
}

.btn-sm-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-weight: normal;
}

.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 25px 0;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  outline: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #A46426;
}
.btn-gold{
  background-color: #A46426 !important;
}
.btn-gold:hover{
  background-color: #A46426 !important;
}

@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link  {
      margin-right: 0;
      padding: 10px 0;
  }

  .navbar-light .navbar-nav {
      border-top: 1px solid #EEEEEE;
  }

  .text-color{
  color: #EEEEEE !important;
}
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
  height: 75px;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
  font-weight: 500;
}

.navbar-light.sticky-top {
  top: -100px;
  transition: .5s;
}

@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
      display: block;
      border: none;
      margin-top: 0;
      top: 150%;
      opacity: 0;
      visibility: hidden;
      transition: .5s;
  }
  .text-color{
  color: #EEEEEE !important;
}

  .navbar .nav-item:hover .dropdown-menu {
      top: 100%;
      visibility: visible;
      transition: .5s;
      opacity: 1;
  }
}

/* footer */

        .footer{
            background:#000;
            color:#fff;
            padding:80px 0 30px;
        }

        .footer-logo{
            font-size:32px;
            font-weight:700;
            margin-bottom:30px;
        }

        .footer h4{
            font-size:24px;
            font-weight:700;
            margin-bottom:30px;
        }

        .footer a{
            color:#9ca3af;
            text-decoration:none;
            display:block;
            margin-bottom:14px;
            transition:0.3s;
            font-size:15px;
        }

        .footer a:hover{
            color:#fff;
            transform:translateX(5px);
        }

        .footer-contact p{
            margin-bottom:12px;
            color:#fff;
            font-size:15px;
        }

        .review-box{
            display:inline-flex;
            align-items:center;
            gap:10px;
            background:#111;
            border:1px solid #333;
            padding:12px 20px;
            border-radius:50px;
            margin-right:15px;
            margin-top:30px;
        }

        .review-box span{
            color:#fff;
            font-size:14px;
        }

        .social-icons{
            display:flex;
            gap:18px;
            justify-content:end;
            margin-top:40px;
        }

        .social-icons a{
            width:42px;
            height:42px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            transition:0.3s;
        }

        .social-icons a:hover{
            background:#fff;
            border:1px solid #333;
             border-radius:50%;
            color:#000;
            transform:translateY(-5px);
        }

        .footer-bottom{
            border-top:1px solid #222;
            margin-top:60px;
            padding-top:25px;
        }

        .footer-bottom-links{
            display:flex;
            gap:25px;
            justify-content:end;
        }

        .footer-bottom-links a{
            font-size:14px;
            color:#9ca3af;
        }

        @media(max-width:991px){

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

            .footer-bottom-links{
                justify-content:start;
                margin-top:15px;
                flex-wrap:wrap;
            }

        }


/* footer end */


/* services */


        body{
            background:#000;
            color:#fff;
            font-family:Arial, sans-serif;
        }

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

        /* Heading */
        .section-title{
            text-align:center;
            font-size:72px;
            line-height:1.1;
            font-weight:700;
            margin-bottom:100px;
        }

        /* Cards Wrapper */
        .marketing-grid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            border-top:1px solid #1f1f1f;
            border-bottom:1px solid #1f1f1f;
        }

        /* Card */
        .marketing-card{

            position:relative;

            min-height:420px;

            padding:50px 28px;

            border-right:1px solid #1f1f1f;

            overflow:hidden;

            transition:0.4s ease;

            display:flex;

            align-items:flex-end;

            cursor:pointer;

        }

        .marketing-card:first-child{
            border-left:1px solid #1f1f1f;
        }

        /* Gold Border Hover */
        .marketing-card:hover{

            border-color:#d4af37;

            box-shadow:
                inset 0 0 0 1px #d4af37,
                0 0 20px rgba(212,175,55,0.18);

            background:linear-gradient(
                180deg,
                rgba(212,175,55,0.03),
                rgba(255,255,255,0)
            );

        }

        /* Content */
        .card-content{

            transform:translateY(70px);

            transition:0.5s ease;

        }

        /* Move Up on Hover */
        .marketing-card:hover .card-content{

            transform:translateY(0);

        }

        .card-title{
            font-size:28px;
            font-weight:700;
            margin-bottom:18px;
        }

        .card-text{
            font-size:20px;
            line-height:1.6;
            font-weight:500;
        }

        /* Colors */
        .blue{
            color:#2d6cff;
        }

        .pink{
            color:#d56bff;
        }

        .red{
            color:#ff4d5a;
        }

        .gold{
            color:#f4a742;
        }

        /* Bottom Box */
        .bottom-box{

            margin-top:70px;

            border:1px solid #d4af37;

            border-radius:22px;

            padding:35px;

            text-align:center;

            background:#0a0a0a;

            box-shadow:
                0 0 20px rgba(212,175,55,0.08);

        }

        .bottom-box h3{

            font-size:34px;

            margin-bottom:15px;

            font-weight:700;

        }

        .bottom-box p{

            font-size:24px;

            color:#8d8d8d;

            margin:0;

        }

        .gradient-text{

            background:linear-gradient(
                90deg,
                #2d6cff,
                #d56bff,
                #ff4d5a,
                #f4a742
            );

            -webkit-background-clip:text;

            -webkit-text-fill-color:transparent;

        }

        /* Responsive */

        @media(max-width:1200px){

            .section-title{
                font-size:56px;
            }

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

        }

        @media(max-width:768px){

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

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

            .marketing-card{
                min-height:320px;
            }

            .bottom-box h3{
                font-size:26px;
            }

            .bottom-box p{
                font-size:18px;
            }

        }


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

        /* Heading */

        .section-title{

            font-size:72px;

            line-height:1.1;

            font-weight:700;

            text-align:center;

            margin-bottom:90px;

        }

        /* Slider */

        .service-slider{
            position:relative;
        }

        /* Card */

        .service-card{

            background: #121212;

            border-radius:35px;

            min-height:420px;

            padding:45px;

            position:relative;

            overflow:hidden;

            border:1px solid rgba(255,255,255,0.06);

            transition:0.5s ease;

        }

        /* Hover */

        .service-card:hover{

            transform:translateY(-10px);

            border-color:#d4af37;

            box-shadow:
                0 0 25px rgba(212,175,55,0.15);

        }

        /* Shine Animation */

        .service-card::before{

            content:'';

            position:absolute;

            top:0;
            left:-120%;

            width:100%;
            height:100%;

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

            transition:1s;

        }

        .service-card:hover::before{
            left:120%;
        }

        /* Icon */

        .service-icon{

            width:120px;
            height:120px;

            border-radius:50%;

            border:1px solid rgba(255,255,255,0.2);

            display:flex;

            align-items:center;

            justify-content:center;

            position:absolute;

            top:40px;
            right:40px;

            font-size:50px;

            color: #A46426;

        }

        /* Title */

        .service-title{

            font-size:60px;

            font-weight:700;

            margin-bottom:20px;

        }

        /* Description */

        .service-desc{

            font-size:24px;

            line-height:1.7;

            color:#8d8d8d;

            max-width:850px;

            margin-bottom:40px;

        }

        /* Tags */

        .tags{

            display:flex;

            flex-wrap:wrap;

            gap:15px;

        }

        .tag{

            padding:12px 22px;

            border-radius:50px;

            background:#1a1a1a;

            border:1px solid rgba(255,255,255,0.05);

            color:#bcbcbc;

            transition:0.3s;

            font-size:16px;

        }

        .tag:hover{

            background:#d4af37;

            color:#000;

        }

        /* Buttons */

        .slider-btn{

            width:65px;

            height:65px;

            border-radius:50%;

            background:#0d0d0d;

            border:1px solid rgba(255,255,255,0.12);

            display:flex;

            align-items:center;

            justify-content:center;

            color:#fff;

            position:absolute;

            top:50%;

            transform:translateY(-50%);

            z-index:50;

            cursor:pointer;

            transition:0.3s;

        }

        .slider-btn:hover{

            background:#d4af37;

            color:#000;

            border-color:#d4af37;

        }

        .prev-btn{
            left:-25px;
        }

        .next-btn{
            right:-25px;
        }

        /* Responsive */

        @media(max-width:1200px){

            .section-title{
                font-size:56px;
            }

            .service-title{
                font-size:46px;
            }

            .service-desc{
                font-size:20px;
            }

        }

        @media(max-width:768px){

            .section-title{
                font-size:38px;
            }

            .service-card{
                padding:30px;
                min-height:auto;
            }

            .service-title{
                font-size:38px;
            }

            .service-desc{
                font-size:18px;
            }

            .service-icon{

                position:relative;

                top:auto;
                right:auto;

                margin-bottom:30px;

                width:90px;
                height:90px;

                font-size:35px;

            }

            .prev-btn,
            .next-btn{
                display:none;
            }

        }


        body{
            background:#000;
            font-family:Arial, sans-serif;
            color:white;
        }

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

        .section-title{
            font-size:72px;
            font-weight:700;
            line-height:1.1;
            text-align:center;
            margin-bottom:80px;
        }

        .stats-card{
            background: #121212;
            border-radius:30px;
            padding:40px;
            height:100%;
            position:relative;
            overflow:hidden;
            transition:0.4s;    
            border:1px solid rgba(255,255,255,0.04);
        }

        .stats-card:hover{
            transform:translateY(-10px);
            border-color:rgba(239, 187, 97, 0.71);
        }

        .stats-number{
            font-size:90px;
            font-weight:700;
            line-height:1;
            margin-bottom:20px;
        }

        .stats-title{
            font-size:22px;
            font-weight:600;
            margin-bottom:35px;
        }

        .stats-text{
            color:#8f8f8f;
            font-size:20px;
            line-height:1.6;
        }

        .blue{
            color:#4c6fff;
        }

        .pink{
            color:#d76cff;
        }

        .orange{
            color:#ff7b61;
        }

        .bottom-line{
            width:100%;
            height:1px;
            background:#1f1f1f;
            margin-top:35px;
        }

        @media(max-width:991px){

            .section-title{
                font-size:48px;
            }

            .stats-number{
                font-size:70px;
            }

        }

        @media(max-width:576px){

            .section-title{
                font-size:36px;
            }

            .stats-card{
                padding:30px;
            }

            .stats-number{
                font-size:55px;
            }

            .stats-text{
                font-size:17px;
            }

        }

        /* next */
        .challenge-card{
    background:  #121212;
    border-radius:28px;
    padding:45px 38px;
    height:350px;
    display:flex;
    flex-direction:column;
    justify-content:end;
    position:relative;
    overflow:hidden;
    transition:0.4s;
    border:1px solid rgba(255,255,255,0.04);
}

/* Hover Effect */
.challenge-card:hover{
            transform:translateY(-10px);
            border-color:rgba(239, 187, 97, 0.71);
}


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

        .section-title{
            font-size:72px;
            font-weight:700;
            line-height:1.1;
            text-align:center;
            margin-bottom:35px;
        }

        .section-desc{
            max-width:1100px;
            margin:auto;
            text-align:center;
            font-size:24px;
            line-height:1.7;
            color:#8f8f8f;
            margin-bottom:90px;
        }

        .challenge-card{
            background:linear-gradient(145deg,#0c0c0c,#111);
            border-radius:28px;
            padding:45px 38px;
            height:350px;
            display:flex;
            flex-direction:column;
            justify-content:end;
            position:relative;
            overflow:hidden;
            transition:0.4s;
            border:1px solid rgba(255,255,255,0.04);
        }

        .challenge-card:hover{
            transform:translateY(-10px);
            border-color: #A46426;
        }

        .quote-icon{
            font-size:90px;
            color:#2c2c2c;
            line-height:1;
            margin-bottom:25px;
        }

        .challenge-text{
            font-size:22px;
            line-height:1.5;
            font-weight:500;
        }

        @media(max-width:1200px){

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

            .section-desc{
                font-size:20px;
            }

        }

        @media(max-width:768px){

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

            .section-desc{
                font-size:18px;
            }

            .challenge-card{
                height:auto;
                min-height:300px;
            }

            .challenge-text{
                font-size:20px;
            }

        }

        @media(max-width:576px){

            .section-title{
                font-size:34px;
            }

            .challenge-card{
                padding:35px 28px;
            }

            .quote-icon{
                font-size:70px;
            }

            .challenge-text{
                font-size:18px;
            }

        }


/* end */


/* Navbar now */


        a{
            text-decoration:none;
        }

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

.navbar{

    position:sticky !important; 

    top:0 !important;

    left:0 !important;

    right:0 !important;

    width:100% !important;

    z-index:999999 !important;

    padding:18px 0;

    background:rgba(10,10,10,0.92);

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(255,255,255,0.06);

    transition:0.4s ease;

}

        .navbar-container{

            width:92%;

            margin:auto;

            display:flex;

            align-items:center;

            justify-content:space-between;

        }

        /* ====================================
            LOGO
        =====================================*/

        .logo{

            color:#fff;

            font-size:34px;

            font-weight:800;

            letter-spacing:1px;

        }

        .logo span{
            color:#d4af37;
        }

        /* ====================================
            DESKTOP MENU
        =====================================*/

        .desktop-menu{

            display:flex;

            align-items:center;

            gap:10px;

        }

        .desktop-menu > a,
        .mega-parent{

            color:#fff;

            font-size:16px;

            font-weight:600;

            padding:14px 20px;

            border-radius:14px;

            transition:0.4s ease;

            display:flex;

            align-items:center;

            gap:8px;

            position:relative;

        }

        .desktop-menu > a:hover,
        .mega-parent:hover{

            background:rgba(212,175,55,0.08);

            color:#d4af37;

        }

        /* ====================================
            ARROW
        =====================================*/

        .mega-parent i{

            font-size:12px;

            transition:0.4s ease;

        }

        .mega-wrapper:hover .mega-parent i{

            transform:rotate(180deg);

            color:#d4af37;

        }

        /* ====================================
            MEGA MENU
        =====================================*/

        .mega-wrapper{

            position:relative;

            padding-bottom:25px;

        }

        /* Hover Gap Fix */

        .mega-wrapper::before{

            content:'';

            position:absolute;

            left:0;

            bottom:-25px;

            width:100%;

            height:30px;

        }

        .mega-menu{

            position:absolute;

            top:100%;

            left:50%;

            transform:translateX(-50%) translateY(20px);

            width:900px;

            background:#111;

            border-radius:30px;

            padding:35px;

            border:1px solid rgba(212,175,55,0.15);

            box-shadow:
                0 20px 60px rgba(0,0,0,0.45);

            opacity:0;

            visibility:hidden;

            transition:0.4s ease;

            z-index:999;

        }

        .mega-wrapper:hover .mega-menu{

            opacity:1;

            visibility:visible;

            transform:translateX(-50%) translateY(0);

        }

        /* Mega Grid */

        .mega-grid{

            display:grid;

            grid-template-columns:repeat(3,1fr);

            gap:20px;

        }

        /* Card */

        .mega-card{

            background:#181818;

            border-radius:22px;

            padding:25px;

            transition:0.4s ease;

            border:1px solid transparent;

        }

        .mega-card:hover{

            transform:translateY(-6px);

            border-color:#d4af37;

            background:
            rgba(212,175,55,0.06);

        }

        .mega-card i{

            width:60px;
            height:60px;

            border-radius:18px;

            background:
            rgba(212,175,55,0.1);

            display:flex;

            align-items:center;

            justify-content:center;

            color:#d4af37;

            font-size:24px;

            margin-bottom:20px;

        }

        .mega-card h4{

            color:#fff;

            margin-bottom:12px;

            font-size:20px;

        }

        .mega-card p{

            color:#9a9a9a;

            line-height:1.7;

            font-size:15px;

        }

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

        .btn-gold{

            background:linear-gradient(
                90deg,
                #8c6b1f,
                #d4af37,
                #f5d77a
            );

            color:#000;

            padding:15px 30px;

            border-radius:50px;

            font-weight:700;

            transition:0.4s ease;

        }

        .btn-gold:hover{

            transform:translateY(-4px);

            box-shadow:
                0 12px 30px
                rgba(212,175,55,0.25);

        }

        /* ====================================
            HAMBURGER
        =====================================*/

        .hamburger{

            width:52px;
            height:52px;

            border:none;

            background:#d4af37;

            border-radius:16px;

            display:none;

            flex-direction:column;

            justify-content:center;

            align-items:center;

            gap:5px;

            cursor:pointer;

        }

        .hamburger span{

            width:24px;
            height:3px;

            background:#000;

            border-radius:10px;

            transition:0.3s ease;

        }

        /* Animation */

        .hamburger.active span:nth-child(1){

            transform:rotate(45deg)
            translateY(8px);

        }

        .hamburger.active span:nth-child(2){

            opacity:0;

        }

        .hamburger.active span:nth-child(3){

            transform:rotate(-45deg)
            translateY(-8px);

        }

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

        .mobile-menu{

            position:fixed;

            top:0;
            right:-100%;

            width:320px;
            height:100vh;

            background:#111;

            z-index:99999;

            padding:100px 25px 30px;

            transition:0.4s ease;

            overflow-y:auto;

        }

        .mobile-menu.active{
            right:0;
        }

        .mobile-menu a{

            display:flex;

            align-items:center;

            justify-content:space-between;

            color:#fff;

            background:#181818;

            padding:16px 18px;

            border-radius:16px;

            margin-bottom:12px;

            transition:0.4s ease;

        }

        .mobile-menu a:hover{

            background:
            rgba(212,175,55,0.08);

            color:#d4af37;

        }

        /* Mobile Dropdown */

        .mobile-dropdown-btn{

            width:100%;

            border:none;

            background:#181818;

            color:#fff;

            padding:16px 18px;

            border-radius:16px;

            font-size:16px;

            font-weight:600;

            display:flex;

            align-items:center;

            justify-content:space-between;

            cursor:pointer;

            margin-bottom:12px;

        }

        .mobile-dropdown-content{

            display:none;

            padding-left:12px;

        }

        .mobile-dropdown-content.active{
            display:block;
        }

        /* Overlay */

        .overlay{

            position:fixed;

            inset:0;

            background:rgba(0,0,0,0.6);

            z-index:9999;

            opacity:0;

            visibility:hidden;

            transition:0.4s ease;

        }

        .overlay.active{

            opacity:1;

            visibility:visible;

        }

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

        @media(max-width:991px){

            .desktop-menu,
            .desktop-btn{
                display:none;
            }

            .hamburger{
                display:flex;
            }

            .mobile-menu{
                display:block;
            }

        }

        @media(min-width:992px){

            .mobile-menu,
            .overlay{
                display:none;
            }

        }
/* Remove Bottom Border From All Menu Links */

.desktop-menu a,
.mobile-menu a,
.mobile-dropdown-btn,
.mega-parent{

    border:none !important;

    box-shadow:none !important;

}

/* Remove Underline */

.desktop-menu a::after,
.mobile-menu a::after,
.mega-parent::after{

    display:none !important;

    content:none !important;

}

/* Remove Bootstrap/Tailwind Border */

a{
    text-decoration:none !important;
}

/* Remove Focus Border */

.desktop-menu a:focus,
.mobile-menu a:focus,
.mobile-dropdown-btn:focus,
.mega-parent:focus{

    outline:none !important;

    box-shadow:none !important;

}

        

/* end */