/* =====================================================
   LAX PRINT SOLUTION - HEADER CSS
   File: assets/css2/style.css
===================================================== */

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

html{
    scroll-behavior:smooth;
}

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

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

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

.container{
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

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

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

.top-header{

    background:linear-gradient(90deg,#0B57D0,#0D6EFD);

    color:#fff;

    height:38px;

    overflow:hidden;

    position:relative;

}

.top-wrapper{

    display:grid;

    grid-template-columns:260px 1fr 170px;

    align-items:center;

    height:38px;

    gap:20px;

}

.top-left{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:13px;

    font-weight:500;

}

.top-left span{

    opacity:.5;

}

.top-left a{

    color:#fff;

    display:flex;

    align-items:center;

    gap:6px;

    transition:.3s;

}

.top-left a:hover{

    color:#FFD54F;

}

.top-left i{

    font-size:14px;

}

.top-center{

    overflow:hidden;

}

.top-center marquee{

    font-size:13px;

    font-weight:400;

    color:#fff;

    letter-spacing:.3px;

}

.top-right{

    display:flex;

    justify-content:flex-end;

    gap:14px;

}

.top-right a{

    color:#fff;

    font-size:16px;

    transition:.3s;

}

.top-right a:hover{

    color:#FFD54F;

    transform:translateY(-2px);

}

@media(max-width:991px){

.top-wrapper{

    grid-template-columns:1fr;

    height:auto;

    padding:8px 0;

    gap:6px;

}

.top-center{

    display:none;

}

.top-left{

    justify-content:center;

}

.top-right{

    justify-content:center;

}

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

.main-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.navbar-custom{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    height:70px;
    transition:.4s;
}

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

.nav-menu{
    display:flex;
    gap:10px;
    align-items:center;
}

.nav-menu li a{
    position:relative;
    color:#111;
    font-size:15px;
    font-weight:600;
    padding:12px 22px;
    border-radius:50px;
    transition:.35s;
}

.nav-menu li a::before{
    content:"";
    position:absolute;
    inset:0;
    background:#0d5bcb;
    border-radius:50px;
    transform:scale(.2);
    opacity:0;
    z-index:-1;
    transition:.35s;
}

.nav-menu li a:hover::before,
.nav-menu li a.active::before{
    opacity:1;
    transform:scale(1);
}

.nav-menu li a:hover,
.nav-menu li a.active{
    color:#fff;
}

.menu-toggle{
    display:none;
    width:42px;
    cursor:pointer;
}

.menu-toggle span{
    display:block;
    height:3px;
    background:#111;
    margin:7px 0;
    border-radius:10px;
}

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

.mobile-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:1098;
}

.mobile-overlay.active{
    opacity:1;
    visibility:visible;
}

.mobile-menu{
    position:fixed;
    top:0;
    right:-320px;
    width:300px;
    height:100%;
    background:#fff;
    z-index:1099;
    transition:.4s;
    box-shadow:-10px 0 30px rgba(0,0,0,.15);
    padding:25px;
}

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

.mobile-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.mobile-top img{
    height:60px;
}

.close-menu{
    font-size:28px;
    cursor:pointer;
}

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

.mobile-menu ul li a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    color:#111;
    font-weight:600;
    border-radius:10px;
    transition:.35s;
}

.mobile-menu ul li a:hover{
    background:#0d5bcb;
    color:#fff;
}

.mobile-contact{
    margin-top:25px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mobile-contact a{
    background:#0d5bcb;
    color:#fff;
    padding:14px;
    border-radius:10px;
    text-align:center;
    font-weight:600;
}

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

@media(max-width:991px){

.top-center{
display:none;
}

.nav-menu{
display:none;
}

.menu-toggle{
display:block;
}

.logo img{
height:60px;
}

.navbar-custom{
height:82px;
}

}

@media(max-width:767px){

.top-wrapper{
flex-direction:column;
padding:10px 0;
gap:10px;
}

.top-left{
flex-wrap:wrap;
justify-content:center;
}

.top-right{
justify-content:center;
}

.logo img{
height:55px;
}

}

@media(max-width:480px){

.top-left span{
display:none;
}

.top-left{
gap:8px;
}

.top-right a{
width:34px;
height:34px;
}

.mobile-menu{
width:280px;
}

}


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

.hero-slider{

    width:100%;

    overflow:hidden;

}

.hero-slider .carousel{

    width:100%;

}

.hero-slider .carousel-item{

    height:500px;

}

.hero-slider .carousel-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

}



/* Dots */

.carousel-indicators{

    margin-bottom:25px;

}

.carousel-indicators button{

    width:12px !important;

    height:12px !important;

    border-radius:50%;

    border:none !important;

    margin:0 6px !important;

    background:#fff !important;

    opacity:.55;

    transition:.35s;

}

.carousel-indicators .active{

    width:34px !important;

    border-radius:20px;

    opacity:1;

    background:#0D5BCB !important;

}



/* Mobile */

@media(max-width:991px){

.hero-slider .carousel-item{

height:420px;

}

}



@media(max-width:767px){

.hero-slider .carousel-item{

height:300px;

}

}



@media(max-width:575px){

.hero-slider .carousel-item{

height:220px;

}

}

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

.about-section{

    padding:100px 0;

    position:relative;

    overflow:hidden;

    background:#fff;

}

/* Floating Shapes */

.about-section::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:#0D5BCB15;

    border-radius:50%;

    top:-80px;

    left:-80px;

    filter:blur(20px);

}

.about-section::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:#4da3ff18;

    border-radius:50%;

    bottom:-70px;

    right:-70px;

    filter:blur(15px);

}

.about-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.section-tag{

    display:inline-block;

    padding:8px 20px;

    border-radius:50px;

    background:#eef5ff;

    color:#0D5BCB;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.about-content h2{

    font-size:46px;

    font-weight:700;

    line-height:1.25;

    margin-bottom:20px;

}

.about-content h2 span{

    color:#0D5BCB;

}

.about-content p{

    font-size:16px;

    line-height:30px;

    color:#666;

    margin-bottom:30px;

}

.about-features{

    display:grid;

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

    gap:15px;

    margin-bottom:35px;

}

.about-features div{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

}

.about-features i{

    color:#0D5BCB;

    font-size:20px;

}

.about-btn{

    display:inline-block;

    background:#0D5BCB;

    color:#fff;

    padding:15px 36px;

    border-radius:50px;

    font-weight:600;

    transition:.4s;

}

.about-btn:hover{

    background:#111;

    color:#fff;

    transform:translateY(-5px);

}

/* IMAGE */

.image-box{

    position:relative;

}

.image-box img{

    width:100%;

    border-radius:28px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

/* Floating Cards */

.floating-card{

    position:absolute;

    background:#fff;

    padding:18px 24px;

    border-radius:18px;

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

    animation:floatCard 4s ease-in-out infinite;

}

.floating-card h3{

    color:#0D5BCB;

    font-size:30px;

    margin-bottom:5px;

}

.floating-card p{

    margin:0;

    color:#666;

    font-size:14px;

}

.card1{

    top:30px;

    left:-40px;

}

.card2{

    right:-35px;

    top:45%;

}

.card3{

    bottom:30px;

    left:40px;

}

@keyframes floatCard{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

/* Responsive */

@media(max-width:991px){

.about-wrapper{

    grid-template-columns:1fr;

}

.about-content{

    order:2;

}

.about-image{

    order:1;

}

.about-content h2{

    font-size:36px;

}

}

@media(max-width:576px){

.about-section{

    padding:70px 0;

}

.about-content h2{

    font-size:28px;

}

.about-features{

    grid-template-columns:1fr;

}

.card1,
.card2,
.card3{

    position:static;

    margin-top:20px;

}

}

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

.services-section{

    position:relative;

    padding:100px 0;

    background:#f8fbff;

    overflow:hidden;

}

/* Background Shapes */

.service-shape{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    z-index:0;

}

.shape1{

    width:320px;

    height:320px;

    background:#0D5BCB18;

    top:-120px;

    left:-120px;

}

.shape2{

    width:250px;

    height:250px;

    background:#53a8ff18;

    bottom:-80px;

    right:-80px;

}

/* Heading */

.section-heading{

    position:relative;

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

    z-index:2;

}

.section-heading span{

    display:inline-block;

    color:#0D5BCB;

    background:#eaf3ff;

    padding:8px 20px;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.section-heading h2{

    font-size:44px;

    font-weight:700;

    color:#111;

    line-height:1.3;

    margin-bottom:18px;

}

.section-heading p{

    color:#666;

    line-height:28px;

    font-size:16px;

}

/* Grid */

.services-grid{

    position:relative;

    display:grid;

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

    gap:30px;

    z-index:2;

}

/* Card */

.service-card{

    background:rgba(255,255,255,.95);

    border-radius:24px;

    padding:35px 28px;

    box-shadow:0 15px 45px rgba(0,0,0,.06);

    transition:.45s;

    position:relative;

    overflow:hidden;

}

.service-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    background:#0D5BCB10;

    border-radius:50%;

    top:-90px;

    right:-90px;

    transition:.45s;

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 55px rgba(13,91,203,.18);

}

.service-card:hover::before{

    transform:scale(1.3);

}

/* Icon */

.service-icon{

    width:78px;

    height:78px;

    background:linear-gradient(135deg,#0D5BCB,#4aa3ff);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    position:relative;

    box-shadow:0 15px 30px rgba(13,91,203,.25);

}

.service-icon::after{

    content:"";

    position:absolute;

    width:90px;

    height:90px;

    border-radius:50%;

    border:2px dashed rgba(13,91,203,.25);

    animation:rotateCircle 12s linear infinite;

}

.service-icon i{

    color:#fff;

    font-size:34px;

}

/* Heading */

.service-card h3{

    font-size:22px;

    line-height:1.4;

    margin-bottom:18px;

    font-weight:700;

    color:#111;

}

/* Text */

.service-card p{

    color:#666;

    line-height:28px;

    font-size:15px;

    margin-bottom:28px;

}

/* Link */

.service-card a{

    color:#0D5BCB;

    font-weight:600;

    display:inline-flex;

    align-items:center;

    gap:10px;

    transition:.35s;

}

.service-card a i{

    transition:.35s;

}

.service-card:hover a{

    color:#111;

}

.service-card:hover a i{

    transform:translateX(8px);

}

/* Rotate */

@keyframes rotateCircle{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

/*==========================
Responsive
==========================*/

@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:992px){

.services-grid{

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

}

.section-heading h2{

font-size:38px;

}

}

@media(max-width:576px){

.services-section{

padding:70px 0;

}

.services-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:30px;

}

.service-card{

padding:28px;

}

.service-icon{

width:70px;

height:70px;

}

.service-icon i{

font-size:30px;

}

}

/*=========================================
            OUR PRODUCTS
==========================================*/

.products-section{

    position:relative;

    padding:110px 0;

    background:#f8fbff;

    overflow:hidden;

}

/*====================
Background Shapes
=====================*/

.product-bg-shape{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    z-index:0;

}

.product-bg-shape.shape1{

    width:320px;

    height:320px;

    background:#0D5BCB18;

    left:-120px;

    top:-120px;

}

.product-bg-shape.shape2{

    width:260px;

    height:260px;

    background:#59a8ff20;

    right:-90px;

    bottom:-90px;

}

/*====================
Heading
=====================*/

.products-heading{

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

    position:relative;

    z-index:5;

}

.products-heading span{

    display:inline-block;

    background:#eaf4ff;

    color:#0D5BCB;

    padding:8px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.products-heading h2{

    font-size:46px;

    font-weight:700;

    line-height:1.3;

    color:#111;

    margin-bottom:20px;

}

.products-heading p{

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*====================
Grid
=====================*/

.products-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:5;

}

/*====================
Card
=====================*/

.product-card{

    perspective:1200px;

    height:330px;

}

.product-inner{

    width:100%;

    height:100%;

    position:relative;

    transform-style:preserve-3d;

    transition:all .75s ease;

}

.product-card:hover .product-inner{

    transform:rotateY(180deg);

}

/*====================
Front
=====================*/

.product-front,

.product-back{

    position:absolute;

    width:100%;

    height:100%;

    border-radius:22px;

    overflow:hidden;

    backface-visibility:hidden;

}

/*====================
Image
=====================*/

.product-front{

    background:#fff;

    border:1px solid rgba(13,91,203,.12);

    box-shadow:

    0 18px 45px rgba(0,0,0,.08);

}

.product-front img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;

}

.product-card:hover img{

    transform:scale(1.08);

}

/*====================
Back
=====================*/

.product-back{

    transform:rotateY(180deg);

    background:linear-gradient(135deg,#0D5BCB,#2f8cff);

    color:#fff;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:30px;

    box-shadow:

    0 20px 45px rgba(13,91,203,.25);

}

.product-back h3{

    font-size:26px;

    font-weight:700;

    margin-bottom:12px;

}

.product-back p{

    font-size:15px;

    line-height:28px;

    opacity:.95;

}

/*====================
Hover Glow
=====================*/

.product-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    pointer-events:none;

    box-shadow:0 0 0 rgba(13,91,203,0);

    transition:.4s;

}

.product-card:hover::after{

    box-shadow:

    0 0 35px rgba(13,91,203,.30);

}

/*====================
Responsive
=====================*/

@media(max-width:1200px){

.products-grid{

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

}

}

@media(max-width:992px){

.products-grid{

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

}

.products-heading h2{

font-size:38px;

}

}

@media(max-width:576px){

.products-section{

padding:70px 0;

}

.products-grid{

grid-template-columns:1fr;

}

.products-heading h2{

font-size:30px;

}

.product-card{

height:300px;

}

}



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

.counter-section{

    position:relative;

    padding:90px 0;

    background:linear-gradient(135deg,#0D5BCB,#1978ff);

    overflow:hidden;

}

/* Shapes */

.counter-shape{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

}

.counter-shape.shape1{

    width:300px;

    height:300px;

    background:rgba(255,255,255,.08);

    top:-120px;

    left:-120px;

}

.counter-shape.shape2{

    width:250px;

    height:250px;

    background:rgba(255,255,255,.08);

    right:-80px;

    bottom:-80px;

}

/* Grid */

.counter-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:2;

}

/* Card */

.counter-card{

    text-align:center;

    padding:40px 25px;

    border-radius:22px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    transition:.4s;

}

.counter-card:hover{

    transform:translateY(-12px);

    background:rgba(255,255,255,.18);

}

/* Icon */

.counter-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#fff;

    color:#0D5BCB;

    margin:auto;

    margin-bottom:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

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

}

/* Number */

.counter-card h2{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-bottom:10px;

}

/* Text */

.counter-card p{

    color:#eef4ff;

    font-size:17px;

    margin:0;

}


/* Responsive */

@media(max-width:992px){

.counter-grid{

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

}

}

@media(max-width:576px){

.counter-grid{

grid-template-columns:1fr;

}

.counter-card{

padding:35px 20px;

}

.counter-card h2{

font-size:38px;

}

}


/*======================================
        INDUSTRIES WE SERVE
=======================================*/

.industries-section{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

/*=========================
Background Shapes
=========================*/

.industry-shape{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    z-index:0;

}

.shape1{

    width:320px;

    height:320px;

    background:rgba(13,91,203,.08);

    top:-120px;

    left:-120px;

}

.shape2{

    width:250px;

    height:250px;

    background:rgba(79,161,255,.12);

    bottom:-90px;

    right:-90px;

}

/*=========================
Heading
=========================*/

.industry-heading{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

}

.industry-heading span{

    display:inline-block;

    background:#eef5ff;

    color:#0D5BCB;

    padding:8px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.industry-heading h2{

    font-size:44px;

    font-weight:700;

    line-height:1.3;

    color:#111;

    margin-bottom:18px;

}

.industry-heading p{

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*=========================
Grid
=========================*/

.industries-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:30px;

}

/*=========================
Card
=========================*/

.industry-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    overflow:hidden;

    transition:.45s;

    border:1px solid rgba(13,91,203,.08);

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.industry-card::before{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    background:rgba(13,91,203,.05);

    border-radius:50%;

    top:-80px;

    right:-80px;

    transition:.45s;

}

.industry-card:hover::before{

    transform:scale(1.4);

}

.industry-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 55px rgba(13,91,203,.16);

}

/*=========================
Icon
=========================*/

.industry-icon{

    width:82px;

    height:82px;

    margin:auto;

    margin-bottom:22px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D5BCB,#3D98FF);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    transition:.45s;

    box-shadow:0 15px 30px rgba(13,91,203,.25);

}

.industry-card:hover .industry-icon{

    transform:rotate(12deg) scale(1.08);

}

/*=========================
Heading
=========================*/

.industry-card h3{

    font-size:22px;

    font-weight:700;

    color:#111;

    margin-bottom:12px;

}

/*=========================
Text
=========================*/

.industry-card p{

    font-size:15px;

    color:#666;

    line-height:28px;

    margin:0;

}

/*=========================
Hover Glow
=========================*/

.industry-card::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:4px;

    background:linear-gradient(90deg,#0D5BCB,#48A3FF);

    transform:translateX(-50%);

    transition:.45s;

    border-radius:20px;

}

.industry-card:hover::after{

    width:100%;

}

/*=========================
Responsive
=========================*/

@media(max-width:1200px){

.industries-grid{

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

}

}

@media(max-width:992px){

.industries-grid{

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

}

.industry-heading h2{

font-size:38px;

}

}

@media(max-width:576px){

.industries-section{

padding:70px 0;

}

.industries-grid{

grid-template-columns:1fr;

}

.industry-heading h2{

font-size:30px;

}

.industry-card{

padding:35px 25px;

}

.industry-icon{

width:72px;

height:72px;

font-size:30px;

}

}

/*=================================
Universal Reveal Animation
=================================*/

.reveal{

    opacity:0;

    transform:translateY(70px);

    transition:

    opacity .8s ease,

    transform .8s cubic-bezier(.22,1,.36,1);

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

}


/*======================================
        WORKING PROCESS
=======================================*/

.process-section{

    padding:110px 0;

    background:#f8fbff;

    position:relative;

    overflow:hidden;

}

.process-section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(13,91,203,.06);

    border-radius:50%;

    left:-140px;

    top:-120px;

    filter:blur(80px);

}

.process-section::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:rgba(70,155,255,.08);

    border-radius:50%;

    right:-100px;

    bottom:-120px;

    filter:blur(80px);

}

/*======================
Heading
=======================*/

.process-heading{

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.process-heading span{

    display:inline-block;

    padding:8px 22px;

    background:#eaf4ff;

    color:#0D5BCB;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.process-heading h2{

    font-size:44px;

    font-weight:700;

    color:#111;

    margin-bottom:18px;

    line-height:1.3;

}

.process-heading p{

    color:#666;

    font-size:16px;

    line-height:30px;

}

/*======================
Wrapper
=======================*/

.process-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:nowrap;

    position:relative;

    z-index:2;

}

/*======================
Card
=======================*/

.process-card{

    background:#fff;

    width:230px;

    min-height:270px;

    border-radius:24px;

    padding:30px 22px;

    text-align:center;

    position:relative;

    box-shadow:0 15px 40px rgba(0,0,0,.07);

    border:1px solid rgba(13,91,203,.08);

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 50px rgba(13,91,203,.18);

}

/*======================
Step Number
=======================*/

.process-number{

    position:absolute;

    top:-18px;

    right:18px;

    width:48px;

    height:48px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D5BCB,#3D98FF);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

    font-weight:700;

    box-shadow:0 12px 30px rgba(13,91,203,.30);

}

/*======================
Icon
=======================*/

.process-icon{

    width:82px;

    height:82px;

    margin:auto;

    margin-bottom:24px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D5BCB,#49A5FF);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    box-shadow:0 15px 35px rgba(13,91,203,.25);

}

/*======================
Title
=======================*/

.process-card h3{

    font-size:22px;

    margin-bottom:12px;

    color:#111;

    font-weight:700;

}

/*======================
Text
=======================*/

.process-card p{

    color:#666;

    line-height:28px;

    font-size:15px;

    margin:0;

}

/*======================
Arrow
=======================*/

.process-arrow{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0D5BCB;

    font-size:26px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    flex-shrink:0;

}

/*======================
Responsive
=======================*/

@media(max-width:1200px){

.process-wrapper{

    flex-wrap:wrap;

    gap:25px;

}

.process-arrow{

    display:none;

}

}

@media(max-width:768px){

.process-heading h2{

    font-size:34px;

}

.process-card{

    width:100%;

    max-width:340px;

}

}

@media(max-width:576px){

.process-section{

    padding:70px 0;

}

.process-heading h2{

    font-size:28px;

}

.process-heading p{

    font-size:15px;

}

.process-card{

    min-height:auto;

    padding:28px 20px;

}

.process-icon{

    width:72px;

    height:72px;

    font-size:30px;

}

}

/*======================================
      INDUSTRY MARQUEE
=======================================*/

.industry-marquee-section{

    padding:100px 0;

    background:#f8fbff;

    overflow:hidden;

}

.industry-marquee-heading{

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:55px;

}

.industry-marquee-heading span{

    display:inline-block;

    padding:8px 22px;

    background:#eaf4ff;

    color:#0D5BCB;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.industry-marquee-heading h2{

    font-size:44px;

    font-weight:700;

    color:#111;

    margin-bottom:18px;

}

.industry-marquee-heading p{

    color:#666;

    line-height:30px;

}

/* Slider */

.industry-slider{

    overflow:hidden;

    position:relative;

}

.industry-slider::before,

.industry-slider::after{

    content:"";

    position:absolute;

    top:0;

    width:120px;

    height:100%;

    z-index:5;

}

.industry-slider::before{

    left:0;

    background:linear-gradient(to right,#f8fbff,transparent);

}

.industry-slider::after{

    right:0;

    background:linear-gradient(to left,#f8fbff,transparent);

}

.industry-track{

    display:flex;

    width:max-content;

    animation:industryMove 26s linear infinite;

}

.industry-slider:hover .industry-track{

    animation-play-state:paused;

}

/* Card */

.industry-box{

    width:190px;

    height:170px;

    background:#fff;

    margin:0 15px;

    border-radius:22px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    border:1px solid rgba(13,91,203,.08);

    transition:.35s;

}

.industry-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(13,91,203,.18);

}

.industry-box i{

    width:70px;

    height:70px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D5BCB,#4aa3ff);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin-bottom:18px;

}

.industry-box h4{

    margin:0;

    font-size:18px;

    font-weight:600;

    color:#111;

}

/* Animation */

@keyframes industryMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

/* Responsive */

@media(max-width:768px){

.industry-box{

    width:150px;

    height:145px;

}

.industry-box i{

    width:58px;

    height:58px;

    font-size:24px;

}

.industry-marquee-heading h2{

    font-size:32px;

}

}