/*=====================================
ROOT VARIABLES
=====================================*/

:root{
    --primary:#eb4623;
    --secondary:#5a2369;
    --dark:#111111;
    --text:#555555;
    --white:#ffffff;
    --light:#f8f8f8;
    --border:#ececec;
}

/*=====================================
GLOBAL CSS
=====================================*/

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    color:var(--text);
    overflow-x:hidden;
    background:#fff;
    font-size:16px;
    line-height:1.7;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    transition:.4s;
}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

.container{
    max-width:1320px;
}

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

h1,
h2,
h3,
h4,
h5,
h6{
    color:var(--dark);
    font-weight:700;
    line-height:1.2;
    font-family: "Futura PT", "Avenir Next", "Century Gothic", sans-serif;
    /* font-weight: 00; */
    /* letter-spacing: 3px; */
}

p{
    margin-bottom:0;
}
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover{
    cursor: none;
}
.custom-cursor.hide {
    opacity: 0;
    visibility: hidden;
}
/*=====================================
BUTTONS
=====================================*/

.theme-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--primary);
    color:#fff;
    padding:16px 32px;
    font-size:15px;
    font-weight:600;
    border:none;
}

.theme-btn:hover{
    background:#111;
    color:#fff;
}

.outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #111;
    color:#111;
    padding:16px 32px;
    font-weight:600;
}

.outline-btn:hover{
    background:#111;
    color:#fff;
}

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

.top-header{
    background:#111;
    padding:12px 0;
}

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

.top-left a{
    color:#fff;
    font-size:14px;
}

.top-left a:hover{
    color:var(--primary);
}

.top-left i{
    margin-right:8px;
}

.top-right{
    text-align:right;
}

.top-right span{
    color:#fff;
    font-size:14px;
}

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

.preloader{
    position:fixed;
    inset:0;
    background:#fff;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.6s ease;
}

.preloader.loaded{
    opacity:0;
    visibility:hidden;
}

.preloader-inner{
    text-align:center;
}

.preloader-logo{
    width:220px;
    max-width:80%;
    margin:0 auto 30px;
}

.loader-line{
    width:220px;
    max-width:80vw;
    height:4px;
    background:#f2f2f2;
    overflow:hidden;
    border-radius:50px;
}

.loader-line span{
    display:block;
    width:40%;
    height:100%;
    background:var(--primary);
    animation:loaderMove 1.2s linear infinite;
}

@keyframes loaderMove{

    0%{
        transform:translateX(-100%);
    }

    100%{
        transform:translateX(350%);
    }

}
.main-header{
    background:#fff;
    position:relative;
    z-index:99;
}

.navbar{
    padding:5px 0;
}
.navbar-brand{
    padding:0;
    margin:0;
}

.logo-img{
     height:75px;
    width:auto;
    object-fit:contain;
    image-rendering:auto;
}

.logo-img:hover{
    transform:scale(1.02);
}


.navbar-nav{
    gap:40px;
}

.nav-link{
    color:#111;
    font-size:16px;
    font-weight:500;
    padding:0 !important;
}

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

.nav-link.active{
    color:var(--primary);
}

.header-btn{
    margin-left:30px;
}

.navbar-toggler{
    font-size:28px;
    color:#111;
}

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

.mega-dropdown{
    position:static;
}

.mega-dropdown .nav-link{
    position:relative;
}

.mega-menu{
    position:absolute;
    left:0;
    top:78%;
    width:100%;
    background:#fff;
    padding:10px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s ease;
    border-top:3px solid var(--primary);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    z-index:999;
     max-height:75vh;
    overflow-y:auto;
    scrollbar-width:thin;
}

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

.mega-menu-group h5{
    
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
    color: var(--primary) !important;
}
.mega-menu-group h5 a{
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mega-menu-group h5 i{
    color:var(--primary);
    font-size:25px;
}

.mega-menu-group ul{
    margin:0;
    padding:0;
    list-style:none;
}

.mega-menu-group ul li{
    margin-bottom:12px;
}

.mega-menu-group ul li a{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#555;
    font-size:15px;
    transition:.3s;
}

.mega-menu-group ul li a i{
    color:var(--primary);
    font-size:14px;
    margin-top:4px;
    min-width:14px;
}

.mega-menu-group ul li a:hover{
    color:var(--primary);
    padding-left:6px;
}


.service-menu-link{
    display:flex;
    align-items:center;
    gap:3px;
}

.menu-icon{
    position:relative;
    width:14px;
    height:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-line{
    position:absolute;
    background:var(--primary);
    transition:all .35s ease;
    border-radius:10px;
}

.icon-line.horizontal{
    width:14px;
    height:2px;
}

.icon-line.vertical{
    width:2px;
    height:14px;
}

/* Default = PLUS */

.mega-dropdown .menu-icon{
    transform:rotate(0deg);
    transition:transform .35s ease;
}

/* Hover = MINUS */

.mega-dropdown:hover .vertical{
    transform:scaleY(0);
    opacity:0;
}

.mega-dropdown:hover .menu-icon{
    transform:rotate(180deg);
}

@media (max-width:1199px){

    .mega-dropdown{
        position:relative;
    }

    .mega-menu{
        position:static;
        width:100%;
        opacity:1;
        
        visibility:visible;
        transform:none;
        display:none;
        padding:20px;
        box-shadow:none;
        border-top:none;
        background:#f8f8f8;
        /* margin-top:15px; */
    }

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

}
.mega-menu::-webkit-scrollbar{
    width:6px;
}

.mega-menu::-webkit-scrollbar-thumb{
    background:var(--primary);
}

.industries-menu{
    padding:10px 0;
}

.industry-card{
    display:block;
    text-align:center;
    padding:25px 15px;
    border:1px solid #eee;
    background:#fff;
    height:100%;
    transition:.35s ease;
}

.industry-card:hover{
    border-color:var(--primary);
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(235,70,35,.10);
}

.industry-card i{
    font-size:34px;
    color:var(--primary);
    margin-bottom:15px;
}

.industry-card h6{
    font-size:18px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
}

.industry-card p{
    font-size:13px;
    color:#666;
    margin:0;
}

.insights-menu{
    padding:10px 0;
}

.insight-feature-card{
    background:var(--primary);
    padding:30px;
    height:100%;
    color:#fff;
}

.insight-tag{
    display:inline-block;
    padding:6px 12px;
    background:rgba(255,255,255,.15);
    font-size:12px;
    font-weight:600;
    margin-bottom:15px;
}

.insight-feature-card h4{
    color:#fff;
    margin-bottom:15px;
    line-height:1.4;
}

.insight-feature-card p{
    color:#fff;
    opacity:.9;
    margin-bottom:20px;
}

.insight-btn{
    display:inline-block;
    background:#fff;
    color:var(--primary);
    padding:12px 20px;
    font-weight:600;
}

.insight-btn:hover{
    background:#111;
    color:#fff;
}
/* Chrome, Edge, Safari */

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

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

::-webkit-scrollbar-thumb{
    background:var(--primary);
    border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
    background:#d63d1c;
}

/* Firefox */

*{
    scrollbar-width:thin;
    scrollbar-color:var(--primary) #f1f1f1;
}

/* breadcrumb */
/*=====================================
BREADCRUMB SECTION
=====================================*/

.breadcrumb-section{
    position:relative;
    min-height:380px;

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

    background:url('https://i.pinimg.com/736x/7d/85/4e/7d854e771db9ffa905c648b419447410.jpg');
    background-size:cover;
    background-position:center;

    overflow:hidden;
}

.breadcrumb-overlay{
    position:absolute;
    inset:0;

    background:rgba(17,17,17,.65);
}

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

.breadcrumb-subtitle{
    display:inline-block;

    color:var(--primary);

    font-size:14px;
    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.breadcrumb-content h1{
    color:#fff;

    font-size:68px;

    margin-bottom:25px;

    font-weight:800;
}

.breadcrumb-list{
    display:flex;

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

    gap:12px;

    padding:0;
    margin:0;

    list-style:none;
}

.breadcrumb-list li{
    color:#fff;
    font-size:16px;
}

.breadcrumb-list li a{
    color:#fff;
}

.breadcrumb-list li a:hover{
    color:var(--primary);
}

.breadcrumb-list i{
    color:var(--primary);
    font-size:12px;
}

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

@media(max-width:991px){

    .breadcrumb-section{
        min-height:320px;
    }

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

}

@media(max-width:575px){

    .breadcrumb-section{
        min-height:280px;
    }

    .breadcrumb-content h1{
        font-size:34px;
    }

    .breadcrumb-list{
        flex-wrap:wrap;
    }

}


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

.hero-section{
    padding-top:90px;   
    padding-bottom:100px;
    position:relative;
}

.hero-content{
    max-width:720px;
}

.hero-subtitle{
    display:inline-block;
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:20px;
}

.hero-content h1{
    font-size:78px;
    line-height:1.05;
    margin-bottom:25px;
    font-weight:800;
}

.hero-content p{
    font-size:18px;
    max-width:620px;
    margin-bottom:35px;
}

.hero-btn-wrap{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:60px;
}

.hero-counter{
    display:flex;
    gap:50px;
    flex-wrap:wrap;
}

.counter-box h3{
    color:var(--primary);
    font-size:50px;
    margin-bottom:5px;
}

.counter-box p{
    font-size:15px;
    color:#ffffff;
}

.hero-image{
    position:relative;
}

.hero-image img{
    width:100%;
    border-radius:10px;
}

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

.services-section, .services-section2{
    padding:100px 0;
    background-color: #f1f1f1;
}

.service-card{
    background:#fff;
    padding:40px 30px;
    border:1px solid var(--border);
    height:100%;
    transition:.4s;
}

.service-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
}

.service-icon{
    width:80px;
    height:80px;
    background:#fff3ef;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:var(--primary);
    margin-bottom:25px;
}

.service-card h4{
    font-size:24px;
    margin-bottom:15px;
}

.service-card p{
    color:#666;
}

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

@media(max-width:1199px){

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

}

@media(max-width:991px){
 .top-header{
        display:none;
    }
.top-right{
    text-align:left;
    margin-top:10px;
}

.navbar-nav{
    gap:20px;
    padding-top:25px;
}

.header-btn{
    margin-left:0;
    margin-top:25px;
}

.hero-section{
    padding-top:50px;   
    padding-bottom: 0px;
}

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

.hero-counter{
    display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
}

.services-section{
    padding:0px 0;
}
.services-section2  {
    padding:50px 0;
}

}

@media(max-width:767px){

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

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

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

.top-left{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.hero-btn-wrap{
    flex-direction:column;
}

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

}

@media(max-width:575px){

.hero-section{
    padding-top:50px;
}

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

.logo-wrap{
    font-size:30px;
}

.counter-box{
    width:100%;
}

.service-card{
    padding:30px 20px;
}

}

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

.about-section{
    padding:100px 0;
    position:relative;
}

.about-images{
    position:relative;
}

.about-img{
    overflow:hidden;
}

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

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

.about-img-one img{
    min-height:500px;
}

.about-img-two img{
    min-height:350px;
}

.experience-box{
    position:absolute;
    right:-20px;
    bottom:40px;
    background:var(--primary);
    color:#fff;
    padding:35px;
    width:220px;
}

.experience-box h3{
    color:#fff;
    font-size:55px;
    line-height:1;
    margin-bottom:10px;
}

.experience-box span{
    display:block;
    font-size:16px;
    font-weight:500;
}

.section-subtitle{
    display:inline-block;
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.about-content h2{
    font-size:45px;
    line-height:1.15;
    margin-bottom:25px;
}

.about-content p{
    margin-bottom:35px;
    color:#666;
}

.about-feature-list{
    margin-bottom:40px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.feature-item:last-child{
    margin-bottom:0;
}

.feature-item i{
    color:var(--primary);
    font-size:20px;
}

.feature-item span{
    color:#111;
    font-weight:500;
}

.about-bottom{
    margin-top:20px;
}

/*=====================================
MARQUEE SECTION
=====================================*/

.marquee-section{
    background:#111;
    overflow:hidden;
    padding:30px 0;
}

.marquee-wrapper{
    width:100%;
    overflow:hidden;
}

.marquee-track{
    display:flex;
    align-items:center;
    gap:40px;
    white-space:nowrap;
    width:max-content;
    animation:marqueeMove 35s linear infinite;
}

.marquee-track span{
    color:#fff;
    font-size:38px;
    font-weight:700;
    text-transform:uppercase;
}

.marquee-track span:nth-child(even){
    color:var(--primary);
}

@keyframes marqueeMove{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

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

@media(max-width:1199px){

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

}

@media(max-width:991px){

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

    .about-content{
        margin-top:20px;
    }

    .experience-box{
        right:0;
        bottom:20px;
    }

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

    .marquee-track span{
        font-size:28px;
    }

}

@media(max-width:767px){

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

    .experience-box{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:20px;
        width:100%;
        display: none;
    }

    .about-img-one img{
        min-height:300px;
    }

    .about-img-two img{
        min-height:250px;
    }

    .marquee-track{
        gap:25px;
    }

    .marquee-track span{
        font-size:22px;
    }

}

@media(max-width:575px){

    .about-section{
        padding:40px 0;
    }

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

    .feature-item{
        align-items:flex-start;
    }

    .marquee-track span{
        font-size:18px;
    }

}

/*=====================================
STRATEGY SECTION
=====================================*/

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

.strategy-content h2{
    font-size:52px;
    line-height:1.15;
    margin-bottom:25px;
}

.strategy-content p{
    color:#666;
}

.strategy-list{
    margin-top:40px;
}

.strategy-item{
    display:flex;
    gap:20px;
    margin-bottom:30px;
}

.strategy-item:last-child{
    margin-bottom:0;
}

.strategy-icon{
    width:50px;
    height:50px;
    min-width:50px;
    background:#fff3ef;
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.strategy-item h5{
    margin-bottom:10px;
    font-size:22px;
}

.strategy-img{
    width:100%;
    height:100%;
    min-height:280px;
    object-fit:cover;
}

/*=====================================
CASE STUDY SECTION
=====================================*/

.case-study-section{
    padding:100px 0;
    background:#111111;
}

.case-subtitle{
    display:inline-block;
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.case-title{
    color:#fff;
    font-size:40px;
    line-height:1.15;
}

.case-desc{
    color:#bdbdbd;
    margin-top:30px;
}

.case-card{
    border:1px solid rgba(255,255,255,.1);
    padding:40px;
    height:100%;
    transition:.4s;
}

.case-card:hover{
    border-color:var(--primary);
    transform:translateY(-8px);
}

.case-number{
    color:var(--primary);
    font-size:55px;
    font-weight:700;
    line-height:1;
    margin-bottom:25px;
}

.case-card h4{
    color:#fff;
    margin-bottom:15px;
    font-size:26px;
}

.case-card p{
    color:#bdbdbd;
    margin-bottom:25px;
}

.case-card a{
    color:#fff;
    font-weight:600;
}

.case-card a:hover{
    color:var(--primary);
}

.case-card a i{
    margin-left:8px;
}

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

@media(max-width:1199px){

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

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

}

@media(max-width:991px){

    .strategy-section,
    .case-study-section{
        padding:90px 0;
    }

    .strategy-content h2{
        font-size:38px;
    }

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

}

@media(max-width:767px){

    .strategy-content h2{
        font-size:32px;
    }

    .case-title{
        font-size:32px;
    }

    .case-card{
        padding:30px;
    }

}

@media(max-width:575px){

    .strategy-section,
    .case-study-section{
        padding:50px 0;
    }

    .strategy-content h2,
    .case-title{
        font-size:28px;
    }

  

}

/*=====================================
WHY CHOOSE SECTION
=====================================*/

.why-choose-section{
    padding:100px 0;
}

.why-image img{
    width:100%;
}

.why-content h2{
    font-size:40px;
    line-height:1.15;
    margin-bottom:25px;
}

.why-content p{
    margin-bottom:35px;
    color:#666;
}

.custom-accordion .accordion-item{
    border:none;
    margin-bottom:15px;
}

.custom-accordion .accordion-button{
    background:#f8f8f8;
    color:#111;
    font-weight:600;
    padding:22px 25px;
    box-shadow:none;
}

.custom-accordion .accordion-button:not(.collapsed){
    background:var(--primary);
    color:#fff;
}

.custom-accordion .accordion-body{
    padding:25px;
    border:1px solid #eee;
}

/*=====================================
TESTIMONIAL SECTION
=====================================*/

.testimonial-section{
    padding:100px 0;
    background:#ffffff;
}

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

.testimonial-card{
    height:100%;
    width:100%;

    display:flex;
    flex-direction:column;

    background:#fff;
    padding:40px;
    border:1px solid #eee;
    transition:.3s ease;
}

.testimonial-stars{
    color:var(--primary);
    margin-bottom:25px;
}

.testimonial-card p{
    margin-bottom:30px;
    color:#666;
}

.testimonial-user h5{
    margin-bottom:5px;
}

.testimonial-user span{
    color:#888;
    font-size:14px;
}

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

@media(max-width:1199px){

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

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

}

@media(max-width:991px){

    .why-choose-section,
    .testimonial-section{
        padding:50px 0;
    }

    .why-content h2{
        font-size:38px;
    }

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

}

@media(max-width:767px){

    .why-content h2{
        font-size:32px;
    }

    .testimonial-title{
        font-size:32px;
    }

    .testimonial-card{
        padding:30px;
    }

}

@media(max-width:575px){

    .why-choose-section,
    .testimonial-section{
        padding:50px 0;
    }

    .why-content h2,
    .testimonial-title{
        font-size:28px;
    }

}


/*=====================================
BLOG SECTION
=====================================*/

.blog-section{
    padding:100px 0;
    background: #f1f1f1;
}

.blog-title{
    font-size:54px;
}

.blog-card{
    border:1px solid #ffffff;
    overflow:hidden;
    height:100%;
    transition:.4s;
}
.blog-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    object-position:center;
    display:block;
}
@media(max-width:991px){

    .blog-card img{
        height:260px;
    }

}

@media(max-width:575px){

    .blog-card img{
        height:220px;
    }

}
.blog-card:hover{
    transform:translateY(-8px);
}

.blog-content{
    padding:30px;
}

.blog-content span{
    color:var(--primary);
    font-size:14px;
    font-weight:600;
}

.blog-content h4{
    margin:15px 0;
    line-height:1.4;
}

.blog-content a{
    color:var(--primary);
    font-weight:600;
}


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

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

.cta-box{
    background:var(--primary);
    padding:50px;
}

.cta-box h2{
    color:#fff;
    font-size:40px;
}

.cta-box p{
    color:#fff;
    margin-top:15px;
}

.white-btn{
    display:inline-block;
    background:#fff;
    color:#111;
    padding:18px 35px;
    font-weight:600;
}

.white-btn:hover{
    background:#111;
    color:#fff;
}

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

.footer-section{
    background:#111;
    padding-top:100px;
}

.footer-section h3,
.footer-section h5{
    color:#fff;
    margin-bottom:25px;
}

.footer-about p{
    color:#bdbdbd;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#bdbdbd;
}

.footer-links a:hover{
    color:var(--primary);
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#bdbdbd;
    margin-bottom:15px;
    line-height:1.7;
}
.footer-contact li i{
    color:var(--primary);
    font-size:16px;
    margin-top:5px;
    min-width:16px;
}
.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:50px;
    padding:25px 0;
}

.copyright-text p{
    color:#999;
    margin:0;
}

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

.footer-bottom-links a{
    color:#999;
    transition:.3s ease;
}

.footer-bottom-links a:hover{
    color:var(--primary);
}

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

@media(max-width:991px){

    .blog-section,
    .clients-section,
    .cta-section{
        padding-bottom:90px;
    }

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

    .cta-box{
        padding:50px;
    }

    .cta-box h2{
        font-size:36px;
    }

}

@media(max-width:767px){

    .blog-title{
        font-size:32px;
    }

    .client-heading{
        font-size:28px;
    }

    .cta-box{
        padding:35px;
    }

    .cta-box h2{
        font-size:28px;
    }

}

@media(max-width:575px){

    .blog-section,
    .clients-section
    {
        padding-bottom:0px;
    }
    .cta-section{
        padding: 50px 0;
    }
    .blog-title{
        font-size:28px;
    }

    .cta-box{
        padding:25px;
    }

}


.sticky-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    z-index:999;
    animation:headerFade .3s ease;
}

@keyframes headerFade{

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

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

}

.footer-social{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    font-size:16px;
    transition:.3s ease;
}

.footer-social a:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
    transform:translateY(-3px);
}
.footer-logo{
    height:60px;
    width:auto;
    margin-bottom:10px;
}

.testimonial-slider{
    padding-bottom:60px;
}

.testimonial-card{
    background:#fff;
    padding:40px;
    height:100%;
    border:1px solid #eee;
    transition:.3s ease;
}

.testimonial-card:hover{
    border-color:var(--primary);
    transform:translateY(-8px);
}

.testimonial-slider .swiper-wrapper{
    align-items:stretch;
}

.testimonial-slider .swiper-slide{
    height:auto;
    display:flex;
}



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


.stats-title{
    font-size:54px;
    margin-bottom:20px;
    color: white;
}

.stats-desc{
    max-width:700px;
    margin:0 auto 60px;
    color: white;

}

.stats-section .hero-counter{
    gap:80px;
}

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

@media(max-width:991px){

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

    .stats-wrapper{
        padding:60px 30px;
    }

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

    .stats-section .hero-counter{
        /* gap:40px; */
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

}

@media(max-width:575px){

    .stats-wrapper{
        padding:40px 20px;
    }

    .stats-title{
        font-size:28px;
    }

}

/*=====================================
REGISTRATION DETAILS
=====================================*/

.registration-section{
    padding:100px 0;
    background:#000000;
}

.registration-title{
    font-size:54px;
    margin-bottom:60px;
    color: white;
}
.info-card h5{
    display:flex;
    align-items:center;
    gap:10px;
}

.info-card h5 i{
    color:var(--primary);
    font-size:16px;
}

.info-card{
    height:100%;
    padding:25px;
    border:1px solid var(--primary);
    transition:.3s ease;
}

.info-card:hover{
    border-color:var(--primary);
    transform:translateY(-5px);
}

.info-card h5{
    font-size:14px;
    text-transform:uppercase;
    color:var(--primary);
    margin-bottom:12px;
    font-weight:700;
}

.info-card p{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#ffffff;
}

.info-card small{
    display:block;
    margin-top:10px;
    color:#ffffff;
}

.info-card a{
    color:#ffffff;
}

.info-card a:hover{
    color:var(--primary);
}

.status-badge{
    display:inline-block;
    padding:8px 18px;
    background:#eb4623;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

@media(max-width:991px){

    .registration-section{
        padding:50px 0;
    }

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

    .registration-wrapper{
        padding:30px;
    }

}

@media(max-width:575px){

    .registration-title{
        font-size:30px;
    }

    .registration-wrapper{
        padding:20px;
    }

}


/* services page css */
/*=====================================
SERVICES OVERVIEW SECTION
=====================================*/

.services-overview-section{
    padding:100px 0;
    background: #f1f1f1;
}

.overview-image{
    overflow:hidden;
}

.overview-image img{
    width:100%;
    border-radius:0;
    transition:.5s ease;
}

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

.overview-content h2{
    font-size:40px;
    line-height:1.2;
    margin-bottom:25px;
}

.overview-content p{
    margin-bottom:20px;
}

/*=====================================
SERVICES GRID SECTION
=====================================*/

.services-grid-section{
    padding:100px 0;
}

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

.service-page-card{
    background:#fff;
    border:1px solid #eee;
    padding:35px 30px;
    height:100%;

    transition:.4s ease;

    display:flex;
    flex-direction:column;
}

.service-page-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 15px 40px rgba(235,70,35,.12);
}

.service-icon{
    width:75px;
    height:75px;

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

    background:rgba(235,70,35,.08);

    margin-bottom:25px;

    transition:.4s ease;
}

.service-icon i{
    font-size:30px;
    color:var(--primary);
}

.service-page-card:hover .service-icon{
    background:var(--primary);
}

.service-page-card:hover .service-icon i{
    color:#fff;
}

.service-page-card h4{
    font-size:24px;
    margin-bottom:18px;
    color:#111;
}

.service-page-card p{
    margin-bottom:25px;
    color:#666;
    flex-grow:1;
}

.service-page-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:var(--primary);
    font-weight:600;
}

.service-page-card a i{
    transition:.3s ease;
}

.service-page-card:hover a i{
    transform:translateX(5px);
}

/*=====================================
EQUAL HEIGHT FIX
=====================================*/

.services-grid-section .row.g-4 > div{
    display:flex;
}

.services-grid-section .service-page-card{
    width:100%;
}

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

@media(max-width:1199px){

    .overview-content h2{
        font-size:46px;
    }

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

}

@media(max-width:991px){

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

    .services-grid-section{
        padding-bottom:90px;
    }

    .overview-content h2{
        font-size:38px;
    }

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

}

@media(max-width:767px){

    .overview-content h2{
        font-size:32px;
    }

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

    .service-page-card{
        padding:30px 25px;
    }

}

@media(max-width:575px){

    .services-overview-section{
        padding:50px 0;
    }

    .services-grid-section{
        padding-bottom:50px;
    }

    .overview-content h2{
        font-size:28px;
    }

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

    .service-icon{
        width:65px;
        height:65px;
    }

    .service-icon i{
        font-size:26px;
    }

}

/*=====================================
WHY CHOOSE US
=====================================*/

.why-choose-section{
    padding:100px 0;
    background:#f8f8f8;
}

.choose-card{
    background:#fff;
    border:1px solid #eee;
    padding:35px 30px;
    height:100%;
    text-align:center;
    transition:.4s ease;
}

.choose-card:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 15px 40px rgba(235,70,35,.12);
}

.choose-icon{
    width:80px;
    height:80px;

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

    margin:0 auto 25px;

    background:rgba(235,70,35,.08);
    transition:.4s ease;
}

.choose-icon i{
    font-size:32px;
    color:var(--primary);
}

.choose-card:hover .choose-icon{
    background:var(--primary);
}

.choose-card:hover .choose-icon i{
    color:#fff;
}

.choose-card h4{
    margin-bottom:15px;
}

.choose-card p{
    margin-bottom:0;
}

/*=====================================
INDUSTRIES
=====================================*/

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

.industry-box{
    border:1px solid #eee;
    padding:40px 20px;
    text-align:center;
    height:100%;
    transition:.4s ease;
}

.industry-box:hover{
    border-color:var(--primary);
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(235,70,35,.12);
}

.industry-box i{
    font-size:42px;
    color:var(--primary);
    margin-bottom:20px;
}

.industry-box h5{
    margin:0;
    color:#111;
}

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

@media(max-width:991px){

    .why-choose-section,
    .industries-section{
        padding:50px 0;
    }

}

@media(max-width:575px){

    .choose-card,
    .industry-box{
        padding:25px;
    }

}

/*=====================================
PROCESS SECTION
=====================================*/

.process-section{
    padding:100px 0;
    background:#f8f8f8;
}

.process-box{
    position:relative;

    background:#fff;
    border:1px solid #eee;

    padding:40px 25px;

    text-align:center;
    height:100%;

    transition:.4s ease;
}

.process-box:hover{
    transform:translateY(-8px);
    border-color:var(--primary);
    box-shadow:0 15px 40px rgba(235,70,35,.12);
}

.process-number{
    display:inline-flex;

    width:50px;
    height:50px;

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

    background:rgba(235,70,35,.08);

    color:var(--primary);

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

    margin-bottom:25px;

    transition:.4s ease;
}

.process-box:hover .process-number{
    background:var(--primary);
    color:#fff;
}

.process-box h5{
    margin:0;
    line-height:1.5;
}

/*=====================================
COUNTER SECTION
=====================================*/

.service-counter-section{
    padding:100px 0;
    background:#111;
}

.counter-wrapper{
    padding:50px 50px;
    border:1px solid rgba(255,255,255,.08);
}

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

.service-counter-section .hero-counter{
    gap:50px;
}

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

.service-counter-section .counter-box h3{
    color:#fff;
    font-size:60px;
    margin-bottom:10px;
}

.service-counter-section .counter-box p{
    color:rgba(255,255,255,.7);
    margin-bottom:0;
}

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

@media(max-width:991px){

    .process-section,
    .service-counter-section{
        padding:90px 0;
    }

    .counter-wrapper{
        padding:50px 30px;
    }

    .service-counter-section .hero-counter{
        gap:40px;
    }

}

@media(max-width:575px){

    .process-section,
    .service-counter-section{
        padding:50px 0;
    }

    .counter-wrapper{
        padding:40px 20px;
    }

    .service-counter-section .counter-box h3{
        font-size:42px;
    }

}

/* contact-us page css */
.contact-section{
    padding:100px 0;
}

.contact-info h2{
    font-size:54px;
    margin-bottom:25px;
}

.contact-info-box{
    display:flex;
    gap:20px;
    margin-top:30px;
}

.contact-icon{
    width:60px;
    height:60px;

    min-width:60px;

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

    background:rgba(235,70,35,.08);
}

.contact-icon i{
    color:var(--primary);
    font-size:22px;
}

.contact-info-box h5{
    margin-bottom:10px;
}

.contact-info-box p{
    margin-bottom:0;
}

.contact-info-box a{
    color:#111;
}

.contact-info-box a:hover{
    color:var(--primary);
}

.contact-form-wrap{
    padding:50px;
    border:1px solid #eee;
}

.contact-form-wrap h3{
    margin-bottom:30px;
}

.contact-form-wrap .form-control,
.contact-form-wrap .form-select{
    height:60px;
    border:1px solid #ddd;
    border-radius:0;
}

.contact-form-wrap textarea.form-control{
    height:auto;
    padding-top:15px;
}

.contact-form-wrap .form-control:focus,
.contact-form-wrap .form-select:focus{
    box-shadow:none;
    border-color:var(--primary);
}

@media(max-width:991px){

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

    .contact-info h2{
        font-size:38px;
    }

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

}

@media(max-width:575px){

    .contact-section{
        padding:50px 0;
    }

    .contact-info h2{
        font-size:30px;
    }

    .contact-form-wrap{
        padding:25px;
    }

}

.map-section{
    position:relative;
    overflow:hidden;
    line-height:0;
    padding:0 0 100px 0;
}

.map-section iframe{
    width:100%;
    height:550px;
    border:0;
    display:block;
}

@media(max-width:991px){

    .map-section iframe{
        height:450px;
    }

}

@media(max-width:575px){

    .map-section iframe{
        height:350px;
    }

}

/* pop up  css*/
/*=====================================
CONSULTATION MODAL
=====================================*/

.consultation-modal{
    border:none;
    overflow:hidden;
}

.consultation-image{
    position:relative;
    height:100%;
    min-height:400px;
}

.consultation-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.consultation-overlay{
    position:absolute;
    inset:0;

    padding:50px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.15)
    );
}

.consultation-overlay span{
    color:var(--primary);
    font-weight:600;
    margin-bottom:15px;
}

.consultation-overlay h3{
    color:#fff;
    margin-bottom:15px;
}

.consultation-overlay p{
    color:rgba(255,255,255,.8);
    margin-bottom:0;
}

.consultation-form-wrap{
    padding:40px;
}

.consultation-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:30px;
}

.consultation-header h3{
    margin-top:10px;
}

.consultation-form-wrap .form-control,
.consultation-form-wrap .form-select{
    height:60px;
    border:1px solid #ddd;
    border-radius:0;
}

.consultation-form-wrap textarea.form-control{
    height:auto;
    padding-top:15px;
}

.consultation-form-wrap .form-control:focus,
.consultation-form-wrap .form-select:focus{
    box-shadow:none;
    border-color:var(--primary);
}

.consultation-actions{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.consultation-actions .outline-btn{
    min-width:auto;
}

.modal-backdrop.show{
    opacity:.75;
}

.btn-close{
    box-shadow:none !important;
}

@media(max-width:991px){

    .consultation-image{
        min-height:350px;
    }

    .consultation-form-wrap{
        padding:30px;
    }

}

@media(max-width:575px){

    .consultation-overlay{
        padding:30px;
    }

    .consultation-form-wrap{
        padding:25px;
    }

}

/* audit-assurance page css */
/*=====================================
AUDIT PAGE
=====================================*/

.overview-image img{
    width:100%;
    height:550px;
    object-fit:cover;
}

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

@media(max-width:991px){

    .hero-image img{
        height:auto;
    }

    .overview-image img{
        height:auto;
    }

}

/*=====================================
COMPANY SETUP SECTION
=====================================*/

.company-setup-section{
    padding:100px 0;
}

.setup-title{
    font-size:56px;
    color:#5a2369;
    margin-bottom:0;
}

.setup-card{
    text-align:center;
    padding:50px 40px;
    height:100%;
}

.purple-card{
    background:#5a2369;
}

.orange-card{
    background:#eb4623;
}

.setup-subtitle{
    display:block;

    color:#fff;

    font-size:16px;
    font-weight:600;

    margin-bottom:20px;
}

.setup-card h3{
    color:#fff;

    font-size:58px;
    font-weight:800;

    margin-bottom:30px;
}

.setup-card p{
    color:rgba(255,255,255,.9);

    max-width:350px;

    margin:0 auto 35px;

    line-height:1.9;
}

.setup-price{
    color:#fff;

    font-size:58px;
    font-weight:800;

    margin-bottom:30px;
}

.setup-btn{
    display:inline-block;

    padding:14px 28px;

    background:#eb4623;
    color:#fff;

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

    transition:.3s ease;
}

.setup-btn:hover{
    background:#fff;
    color:#111;
}

.white-btn{
    background:#fff;
    color:#111;
}

.white-btn:hover{
    background:#5a2369;
    color:#fff;
}

@media(max-width:991px){

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

    .setup-card h3{
        font-size:42px;
    }

    .setup-price{
        font-size:42px;
    }

}

@media(max-width:575px){

    .company-setup-section{
        padding:50px 0;
    }

    .setup-title{
        font-size:30px;
    }

    .setup-card{
        padding:40px 25px;
    }

    .setup-card h3{
        font-size:34px;
    }

    .setup-price{
        font-size:36px;
    }

}

/* css uploaded */
/* new css */

.logo-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.logo-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.logo-item {
    flex: 0 0 auto;
    margin: 0 40px;
}

.logo-item img {
    max-height: 90px;
    width: auto;
    display: block;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.logo-marquee:hover .logo-track {
    animation-play-state: paused;
}


.article-body h2 {
    color: var(--brand-navy);
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}

.article-body p {
    color: #4b5563;
    line-height: 1.75;
}

.article-title {
    color: var(--brand-navy);
    font-weight: 700;
}



.meta-strip {
    color: var(--text-muted-custom);
    font-size: 0.9rem;
}

.meta-strip i {
    color: var(--primary);
    margin-right: 0.35rem;
}




.btn-gold {
    background-color: var(--brand-navy);
    color: #fff;
    font-weight: 600;
    border-radius: 0.4rem;
    padding: 0.6rem 1.4rem;
}

.btn-gold:hover {
    background-color: #0f2244;
    color: #fff;
}

.sidebar-card {
    border: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.sidebar-card:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar-thumb {
    width: 90px;
    height: 65px;
    object-fit: cover;
    border-radius: 0.35rem;
}

.sidebar-title {
    color: var(--brand-navy);
    font-weight: 600;
    font-size: 0.92rem;
    line-height: 1.35;
    text-decoration: none;
}

.sidebar-title:hover {
    color: var(--brand-gold-dark);
}

.sidebar-date {
    color: var(--text-muted-custom);
    font-size: 0.78rem;
}
.sidebar-date i{
    color: var(--primary);
    /* font-size: 0.78rem; */
}

.sidebar-heading {
    color: var(--brand-navy);
    font-weight: 700;
}

.view-all-link {
    color: var(--brand-navy);
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
}

.view-all-link:hover {
    color: var(--brand-gold-dark);
}

.resource-meta {
    color: var(--text-muted-custom);
    font-size: 0.8rem;
}


/* Tabs */
.filter-tabs .btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: .9rem;
    padding: .55rem 1.2rem;
    border: 1px solid var(--border);
    color: #374151;
    background: #fff;
}

.filter-tabs .btn.active-tab {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
}

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

.search-box input {
    border-radius: 8px;
    border: 1px solid var(--border);
    padding: .55rem .9rem;
}

/* Cards */
.insight-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    height: 100%;
    transition: box-shadow .2s ease, transform .2s ease;
}

.insight-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.insight-card img {
    height: 170px;
    object-fit: cover;
    width: 100%;
}


.card-date {
    font-size: .8rem;
    color: var(--text-muted);
}
.card-date i, .side-item-date i{
    color: var(--primary);
}
.card-title-link {
    color: #111827;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1.35;
}

.card-title-link:hover {
    color: var(--navy);
}

.card-desc {
    font-size: .88rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.read-more {
    color: var(--light);
    font-weight: 600;
    font-size: .85rem;
    text-decoration: none;
    background: var(--primary);
    padding: 7px 20px;
}

.read-more:hover {
    background: var(--dark);
}

/* Sidebar */
.side-panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.1rem;
}

.side-panel h5 {
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0;
}

.view-all-link {
    color: var(--blue-link);
    font-weight: 600;
    font-size: .85rem;
    text-decoration: none;
    white-space: nowrap;
}

.side-item img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.side-item-title {
    color: #111827;
    text-decoration: none;
    font-weight: 600;
    font-size: .86rem;
    line-height: 1.3;
}

.side-item-title:hover {
    color: var(--navy);
}

.side-item-date,
.side-item-meta {
    font-size: .75rem;
    color: var(--text-muted);
}

.side-divider {
    border-top: 1px solid var(--border);
}