.about .items {
    padding: 25px;
    text-align: center;
}
.section-padding {
    padding: 100px 0;
}
[data-overlay-dark]:before {
    background: #000000 !important;
}
.page-header.blg .cont h1 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.page-header.blg .cont h2 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 10px;
}

[data-overlay-dark="3"]:before, [data-overlay-light="3"]:before {
    opacity: 0.6;
}
.blog-grid .item .info a {
    color: #888;
}
.page-header {
   
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.45)),
            url("../images/events/Event Page Banner.png") no-repeat center center;
background-size: cover;
    background-size: cover;
    color: #fff;
}
.center-slider .parallax-slider .caption h1 {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: 4px;
}
p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    color: #685a5a;
    line-height: 2;
    margin: 0;
}
.clients .brands {
    padding: 0px;
    text-align: center;
    border-right: 0px solid rgba(0, 0, 0, 0.08);
}
.clients .brands .img {
    max-width: 120px;
    margin: auto;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.work-carousel .content .cont h4 {
    font-weight: 500;
    opacity: 0;
    font-size: 23px;
}
/* Desktop Navigation */

.desktop-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    padding:25px 50px;
    background:transparent;
    transition:all .4s ease;
}

.desktop-nav-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.desktop-nav .logo img{
  height: 80px;
    margin-bottom: -20px;
    transition: .3s;
}

.desktop-menu{
    display:flex;
    align-items:center;
    gap:40px;
    list-style:none;
    margin:0;
    padding:0;
}

.desktop-menu li a{
      color: #fff;
    text-decoration: none;
    font-weight: 400;
    transition: .3s;
    font-size: 18px;
}
.active a{
        color: #f58a27 !important;
    text-decoration: none;
    font-weight: 400 !important;
}
.dropdown i{
        font-size: 13px;
}

.desktop-menu li a:hover{
    color:#f58a27;
}

.btn-nav{
   background: #f58a27;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 500;
    text-decoration: none;
    transition: .3s;
    font-size: 16px;
}

/* Sticky State */

.desktop-nav.sticky{
    background:#ffffff;
    padding:5px 50px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.desktop-nav.sticky .desktop-menu li a{
    color:#222;
}

.desktop-nav.sticky .desktop-menu li a:hover{
    color:#f4b400;
}

.desktop-nav.sticky .logo img{
     height: 60px;
    margin-bottom: -13px;
    margin-top: 10px;
}

.desktop-menu > li{
    position:relative;
}

.dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    min-width:240px;
    list-style:none;
    padding:10px 0;
    margin:0;
    z-index:9999;
}

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

.dropdown-menu li a{
    display:block;
        font-size: 16px;
    padding:10px 20px;
    color: #000;
}
.hamenu .menu-links {
    color: #fff;
    margin-top: 0px;
}

.o-hidden {
    overflow: visible !important;
}


/* Hide mobile menu on desktop */
@media (min-width: 992px) {
    #navi,
    .topnav,
    .hamenu {
        display: none !important;
    }

    .desktop-nav {
        display: block !important;
    }
}

/* Hide desktop menu on mobile */
@media (max-width: 991.98px) {
    .desktop-nav {
        display: none !important;
    }

    #navi,
    .topnav {
        display: block !important;
    }
}
.portfolio-section{
    padding:100px 0;
}


.portfolio-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom: 60px;
}

.tab-btn{
    border:none;
    background:#f4f4f4;
    padding:12px 32px;
    border-radius:50px;
    cursor:pointer;
    transition:.3s;
    font-weight:600;
}

.tab-btn:hover,
.tab-btn.active{
    background:#f58a27;
    color:#fff;
    border:none;
    outline:0px !important;
}

.tab-content{
    display:none;
}

.tab-content.active{
    display:block;
    animation:fade .4s ease;
}
.tab-content img{
    margin-bottom: 25px;
}

@keyframes fade{

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

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

}

.portfolio-img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:15px;
    transition:.4s;
}

.portfolio-img:hover{
    transform:scale(1.05);
}

@media(max-width:768px){

.section-head h2{
font-size:34px;
}

.portfolio-tabs{
gap:10px;
}

.tab-btn{
padding:12px 22px;
font-size:14px;
}

}


.blog-pg.single .pagination .icon {
    border: 0;
    background: #fafafa;
    width: 70px;
}
.blog-pg,
.blog-pg * {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
}


/*about-us*/

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

.hero-banner {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.hero-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}

.hero-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
}

.hero-banner-content h1 {
    color: #fff;
    font-size: 58px;
    font-weight: 700;
    margin-bottom: 15px;
}

.hero-breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
}

.hero-breadcrumb .breadcrumb-item,
.hero-breadcrumb .breadcrumb-item a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.hero-breadcrumb .breadcrumb-item.active {
    color: #f9b233;
}

.hero-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

/* Responsive */

@media (max-width: 991px) {
    /*.hero-banner {*/
    /*    height: 350px;*/
    /*}*/
    .agency .imgsec {
        margin-bottom: 0px !important;
    }
    .hero-banner-content h1 {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    /*.hero-banner {*/
    /*    height: 250px;*/
    /*}*/
   .agency .section-padding{
       padding-bottom: 0px !important;
   }
    .hero-banner-content h1 {
        font-size: 32px;
    }

    .hero-breadcrumb .breadcrumb-item,
    .hero-breadcrumb .breadcrumb-item a {
        font-size: 14px;
    }
}



.footer {
    background-color: #1a1a1a;
    color: #ddd;
    padding: 80px 0 0px;
    margin-bottom: 0px;
}
.footer-col .logo img{
    width:180px;
}
        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 2fr 1.5fr 2fr 1.2fr;
            gap: 40px;
        }

        .footer-col {
            display: flex;
            flex-direction: column;
        }

        .footer-col h3 {
            color: #fff;
            font-size: 18px;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-col h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background: #f39c12;
        }

        /* About Us */
        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }

        .logo-text {
            font-size: 32px;
            font-weight: 700;
            color: #fff;
            font-style: italic;
        }

        .logo-circle {
            background: #f39c12;
            color: #fff;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
        }

        .about-text {
            line-height: 1.7;
            font-size: 15px;
            color: #ccc;
        }

        /* Keep In Touch */
        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 18px;
            font-size: 15px;
        }

        .contact-item i {
            color: #fff;
            width: 20px;
            margin-top: 3px;
        }

        /* Events Gallery */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .gallery-grid img {
            width: 100%;
            height: 90px;
            object-fit: cover;
            border-radius: 4px;
            transition: transform 0.3s ease;
        }

        .gallery-grid img:hover {
            transform: scale(1.05);
        }

        /* Quick Links */
        .quick-links {
            list-style: none;
        }

        .quick-links li {
            margin-bottom: 18px;
        }

        .quick-links a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .quick-links a:hover {
            color: #f39c12;
        }

        .quick-links a::before {
            content: '▶';
            font-size: 12px;
            color: #f39c12;
        }

        /* Bottom Bar */
        .footer-bottom {
            border-top: 1px solid #333;
            margin-top: 50px;
            padding-top: 30px;
                padding-bottom: 30px;
            background-color: #151515;
        }

        .footer-bottom-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
            font-size: 14px;
        }

        .copyright {
            color: #999;
        }

        .copyright a {
            color: #f39c12;
            text-decoration: none;
        }

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

        .social-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            background: #2a2a2a;
            color: #fff;
            border-radius: 50%;
            transition: all 0.3s;
        }

        .social-icons a:hover {
            background: #f39c12;
            transform: translateY(-3px);
        }

        /* Responsive */
        @media (max-width: 992px) {
            .footer-container {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .footer-container {
                grid-template-columns: 1fr;
            }
        }
        
        .blog-grid .bg-pattern {
    position: absolute;
    width: 100%;
    height: 40% !important;
    left: 0;
    top: 0;
    z-index: -1;
}
.event-img{
    margin-top:80px;
}
.testimonials p {
    font-size: 17px;
}
.testimonials h6 {
    padding-top: 0px;
}
.testimonial-icon{
    width:90px;
    height:90px;
    border:2px solid #f58a27;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    background:#fff;
}

.testimonial-icon i{
    font-size:36px;
    color:#f58a27;
}
.testimonials .navs span{
    top:30%;
}

.page-header  p{
    color:#fff;
}
.page-header.blg .cont .info a{
        color:#fff;
}
.blog-pg.single .post .img {
    min-height: 100vh;
}
@media only screen and (max-width: 767px) {
    .page-header.blg .cont h1 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.page-header.blg .cont h2 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 10px;
}
    .nav-scroll {
        
        box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    }
.topnav {
    position: fixed !important;
    top: 0 !important;
        padding: 10px 10px 0px 0px !important;
}
.logo {
    margin-bottom: 10px !important;
}
.topnav .menu-icon {
    margin-top: 27px;
}
.center-slider .parallax-slider .caption h1{
    font-size: 41px;
}
   .agency .imgsec {
        margin-bottom: -30px;
        padding-right: 0px;
        margin-top: 61px;
    }
.agency .row{
        flex-direction: column-reverse;
}
.section-padding {
    padding: 70px 0;
}
.blog-btn {
    margin-top: 0px !important;
}
.footer {
    background-color: #1a1a1a;
    color: #ddd;
    padding: 70px 0px 0px;
}
.footer-col .logo img{
        width: 183px;
    margin-bottom: 20px;
}
.footer-bottom {
    border-top: 1px solid #333;
    margin-top: 20px;
}
.quick-links {
    list-style: none;
    margin-bottom: -12px;
}
.quick-links a {
    font-size: 15px;
}
.event-img
 {
    margin-top: 0px;
}
.blog-pg.single {
    position: relative;
    margin-top: 70px;
}
.page-header.blg .cont {
    padding: 120px 0;
}
    .hero-banner {
        /* height: 412px; */
        padding: 140px 0px;
    }
    .page-header {
    min-height: 450px;
}
.gallery-img-item a{
    width:100%;
}
    .blog-pg.single .post .img {
        min-height: 33vh;
    }
}
















/*about_us*/

.vision-section{
    max-width:1240px;
    margin:90px auto;
    padding:20px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/* CARD */
.vision-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
   padding: 40px;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.8);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.45s;
    text-align:center;
}

/* hover effect */
.vision-card:hover{
    transform:translateY(-12px);
    box-shadow:0 35px 80px rgba(0,0,0,.15);
}

/* ✅ BLACK GRADIENT OVERLAY (added as you asked) */
.vision-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,
        rgba(0,0,0,0.05),
        rgba(0,0,0,0.25)
    );
    opacity:0.08;
    pointer-events:none;
}


.vision-card:before{
    content:"";
    position:absolute;
    inset:0;
    padding:2px;
    border-radius:28px;

    background: linear-gradient(
        90deg,
        #000000,
        #333333,
        #ffffff,
        #333333,
        #000000
    );
    background-size: 300% 300%;

    animation: borderFlow 4s linear infinite;

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

@keyframes borderFlow{
    0%{
        background-position: 0% 50%;
    }
    100%{
        background-position: 100% 50%;
    }
}
/* GLOW EFFECT */
.glow{
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    filter:blur(70px);
    opacity:.35;
}



/* ICON */
.vision-card .icon-box{
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 30px;
    color:#fff;
    font-size:34px;
    box-shadow: 0 20px 35px rgb(126 122 117 / 35%);
}

/* TEXT */
.vision-card small{
    display:block;
    color:#ff8a00;
    letter-spacing:3px;
    font-weight:700;
    font-size:13px;
}

.vision-card h2{
    margin:15px 0;
    font-size:22px;
    font-weight: 500;
    color:#111;
    line-height:1.3;
}

.vision-card p{
    color:#666;
    line-height:1.9;
    font-size:16px;
    max-width:480px;
    margin:0 auto;
}

/* decorative number */
.vision-card span{
    position:absolute;
    right:35px;
    bottom:25px;
    font-size:80px;
    font-weight:700;
    color:rgba(255,138,0,.08);
}

/* RESPONSIVE */
@media(max-width:991px){
    .vision-section{
        grid-template-columns:1fr;
    }
}
@media screen and (max-width: 767px) {
    .section-padding, .min-area .content {
        padding: 70px 0;
    }
}
@media screen and (max-width: 991px) {
    .agency .imgsec {
        margin-bottom: 0px;
    }
    .vision-section {
            margin: 60px auto;
    }
    .about .items{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (max-width: 767px) {

    .skills-section .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .skills-section .col-lg-6:first-child {
        margin-top: 30px;
    }

    .skills-section .img img {
        width: 100%;
        height: auto;
        display: block;
    }
}
.skills-section{
    padding:100px 0;
    background:#fff;
}

.skills-image img{
    width:100%;
    border-radius:8px;
    display:block;
}

.skills-content{
    padding-left:40px;
}




.skills-content h5{
    color:#222;
    font-size:18px;
    font-weight:500;
    margin-bottom:25px;
    text-transform:uppercase;
}

.skills-content p{
    font-size:16px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
}

.skill{
    margin-top:30px;
}

.skill-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

.skill-head span:first-child{
    font-size:16px;
    font-weight:600;
    color:#222;
}

.skill-head span:last-child{
    background:#ff7300;
    color:#fff;
    padding:4px 10px;
    font-size:12px;
    border-radius:3px;
}

.progress{
    width:100%;
    height:4px;
    background:#d9d9d9;
    overflow:hidden;
}

.progress-bar{
    height:100%;
    background:#ff7300;
}

@media(max-width:991px){

.skills-content{
    padding-left:0;
    margin-top:40px;
}

.skills-content h2{
    font-size:34px;
}

}


/*Services Page*/

.services-section{
    padding:90px 0;
}

.service-card{
    background:#fff;
    border:1px solid #e7dfd8;
    border-radius:32px;
    overflow:hidden;
    transition:.35s ease;
    height:100%;
}

.service-card.active{
    border-color:#d9b68f;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.service-image{
    overflow:hidden;
}

.service-image img{
    width:100%;
    height:290px;
    object-fit:cover;
    display:block;
    transition:.6s;
}

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

.service-content{
    padding:30px;
}

.service-content h3{
font-weight: 500;
    font-size: 23px;
        margin-bottom: 17px;
}

.service-content p{
    margin-bottom:25px;
}

.service-btn{
    align-items: center;
    font-weight: 500;
    color: #111;
    text-decoration: none;
    font-size: 16px;
    position: relative;
}


.service-btn:hover{
    color: #f58a27;
}



@media(max-width:991px){

.service-content{
    padding:28px;
}

.service-content h3{
    font-size:34px;
}

.service-content p{
    font-size:17px;
}

.service-image img{
    height:240px;
}

}

@media(max-width:576px){

.service-content h3{
    font-size:30px;
}

.service-content p{
    font-size:16px;
    line-height:1.7;
}

.service-image img{
    height:220px;
}

}


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

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

.cta-box {
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    padding: 60px;
    background: linear-gradient(90deg, #0f0b09 0%, #1b1512 55%, #5d4638 100%);
}

/* Optional radial glow */
.cta-box::after {
    content: "";
    position: absolute;
    right: -180px;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    height: 500px;
    background: radial-gradient(circle,
            rgba(255,255,255,.08),
            transparent 70%);
    pointer-events: none;
}

.cta-subtitle {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 6px;
    color: #9ab4d8;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.cta-title {
    font-size: 38px;
    line-height: 1.18;
    font-weight: 400;
    color: #f5f1ed;
    /* font-family: "Cormorant Garamond", serif; */
    margin: 0;
}

.cta-btn {
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 22px 42px;
    background: #ff8916;
    color: #fff;
    text-decoration: none;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 600;
}

.cta-btn i {
       font-size: 16px;
    transition: .35s;
    margin-left: 10px;
}

.cta-btn:hover {
    background: #ff9d35;
    color: #fff;
}

.services-icon{
        height: 50px;
    width: 50px;
    text-align: left;
    margin-bottom: 30px;
}

/* Responsive */

@media (max-width:991px) {

    .cta-box {
        padding: 60px 40px;
        text-align: center;
    }

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

}

@media (max-width:767px) {

    .cta-box {
        padding: 40px 25px;
        border-radius: 25px;
    }

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

    .cta-subtitle {
        letter-spacing: 4px;
        font-size: 12px;
    }

    .cta-btn {
        width: 100%;
        padding: 18px 30px;
        font-size: 18px;
    }

}


/*Service Listing Page*/
.min-area .img {
    padding: 100px 0 100px 0px;
    position: relative;
    z-index: 3;
}
.about .items {
    border: 1px solid #eee;
}

.about .items .icon {
    margin-bottom: 0px;
}

.gallery-img{

    width:100%;
    height:260px;
    object-fit:cover;
    cursor:pointer;
    transition:.35s;
    margin-top:25px;
}

.gallery-img:hover{

    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

#galleryModal{

    background:rgba(0,0,0,.95);
}

#modalImage{

    max-height:80vh;
    border-radius:12px;
}

.gallery-prev,
.gallery-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#000;
    font-size:28px;
    cursor:pointer;
    transition:.3s;
}

.gallery-prev:hover,
.gallery-next:hover{

    background:#ff7a00;
    color:#fff;
}

.gallery-prev{

    left:-70px;
}

.gallery-next{

    right:-70px;
}

.image-count{

    font-size:18px;
}
@media screen and (max-width: 767px) {
.min-area .img {
    padding: 70px 0 70px 0px;
    position: relative;
    z-index: 3;
}  

.mob-pad-bottom{
            margin-bottom: 20px !important;
}
.min-area .row{
    flex-direction: column-reverse;
}
}

@media(max-width:992px){

.gallery-prev{

left:10px;
}

.gallery-next{

right:10px;
}

}