/* homepage css */
/*==================================================
                HERO VIDEO SECTION
==================================================*/

.g-video-container{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    background:#000;
}

/*=========================
        YOUTUBE VIDEO
=========================*/

.g-video-element{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw;          /* 16:9 */
    min-width:177.77vh;
    min-height:100vh;
    transform:translate(-50%,-50%) scale(1.25); /* Desktop zoom */
    border:0;
    pointer-events:none;
}

/*=========================
        OVERLAY
=========================*/

.g-video-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:rgba(0,0,0,.45);
    padding:20px;
    z-index:2;
}

.g-video-overlay img{
    width:120px;
    margin-bottom:20px;
}

.g-video-overlay h2{
    color:#fff;
    font-size:clamp(38px,5vw,72px);
    font-weight:700;
    line-height:1.2;
    margin:0 0 15px;
}

.g-video-overlay .subline{
    color:var(--primary-color);
    font-size:clamp(18px,2vw,28px);
    font-weight:500;
}

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

@media(max-width:991px){

    .g-video-container{
        height:70vh;
    }

    .g-video-element{
        width:100vw;
        height:56.25vw;
        min-width:177.77vh;
        min-height:100vh;
        transform:translate(-50%,-50%) scale(1.25);
    }

    .g-video-overlay img{
        width:90px;
    }

    .g-video-overlay h2{
        font-size:42px;
    }

    .g-video-overlay .subline{
        font-size:18px;
    }

}

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

@media(max-width:767px){

    .g-video-container{
        height:55vh;
    }

    .g-video-element{
        width:100vw;
        height:56.25vw;
        min-width:177.77vh;
        min-height:100vh;
        transform:translate(-50%,-50%) scale(1.25);
    }

    .g-video-overlay img{
        width:70px;
        margin-bottom:12px;
    }

    .g-video-overlay h2{
        font-size:30px;
        margin-bottom:10px;
    }

    .g-video-overlay .subline{
        font-size:15px;
    }

}
/*=========================================
            ABOUT VARCHAS
==========================================*/

.ve-about-section{
    position:relative;
    padding:100px 0;
    background:#fff;
    overflow:hidden;
}

.ve-about-section::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(24,157,201,.05);
    top:-150px;
    right:-120px;
}

.ve-about-header{
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

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

.ve-about-title{
    font-size:42px;
    color:var(--heading-color);
    line-height:1.25;
    margin-bottom:25px;
}

.ve-about-text{
    color:var(--text-color);
    line-height:1.9;
    font-size:17px;
}

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

.ve-about-center{
    position:relative;
    max-width:900px;
    margin:auto;
    height:500px;
}

.ve-about-graphic{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:320px;
    height:320px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px dashed rgba(24,157,201,.25);
}

.ve-about-graphic img{
    width:180px;
}

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

.ve-about-point{
    position:absolute;
    width:230px;
}

.ve-about-point span{
    display:block;
    font-size:22px;
    font-weight:700;
    color:var(--heading-color);
    margin-bottom:8px;
}

.ve-about-point small{
    color:var(--light-text);
    font-size:15px;
    line-height:1.7;
}

.ve-about-top-left{
    top:20px;
    left:0;
    text-align:right;
}

.ve-about-top-right{
    top:20px;
    right:0;
}

.ve-about-bottom-left{
    bottom:20px;
    left:0;
    text-align:right;
}

.ve-about-bottom-right{
    bottom:20px;
    right:0;
}

/* Connector Lines */

.ve-about-top-left::after,
.ve-about-bottom-left::after{
    content:"";
    position:absolute;
    top:15px;
    right:-45px;
    width:35px;
    height:2px;
    background:var(--secondary-color);
}

.ve-about-top-right::before,
.ve-about-bottom-right::before{
    content:"";
    position:absolute;
    top:15px;
    left:-45px;
    width:35px;
    height:2px;
    background:var(--secondary-color);
}

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

.ve-about-trust{
    max-width:850px;
    margin:70px auto 0;
    padding-top:30px;
    border-top:1px solid rgba(0,0,0,.08);
    text-align:center;
    color:var(--text-color);
    line-height:1.8;
    font-size:17px;
}

.ve-about-trust strong{
    color:var(--heading-color);
}

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

@media(max-width:991px){

    .ve-about-title{
        font-size:34px;
    }

    .ve-about-center{
        height:auto;
        display:flex;
        flex-direction:column;
        gap:30px;
        align-items:center;
    }

    .ve-about-graphic{
        position:relative;
        transform:none;
        top:auto;
        left:auto;
        order:2;
    }

    .ve-about-point{
        position:relative;
        width:100%;
        text-align:center !important;
    }

    .ve-about-top-left,
    .ve-about-top-right,
    .ve-about-bottom-left,
    .ve-about-bottom-right{
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

    .ve-about-point::before,
    .ve-about-point::after{
        display:none;
    }
}

@media(max-width:767px){

    .ve-about-section{
        padding:70px 0;
    }

    .ve-about-title{
        font-size:28px;
    }

    .ve-about-text{
        font-size:16px;
    }

    .ve-about-graphic{
        width:260px;
        height:260px;
    }

    .ve-about-graphic img{
        width:140px;
    }

    .ve-about-point span{
        font-size:20px;
    }

    .ve-about-trust{
        font-size:16px;
    }
}
.ve-about-graphic{
    width:320px;
    height:320px;
    border-radius:50%;
    overflow:hidden;              /* Add */
    border:2px dashed rgba(24,157,201,.25);
    display:flex;
    align-items:center;
    justify-content:center;
}

.ve-about-graphic img{
    width:100%;
    height:100%;
    object-fit:cover;             /* Add */
    border-radius:50%;            /* Add */
    display:block;
}
.ve-about-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;
    background:#fff;
    overflow:hidden;
}
/*==================================================
            OUR EXPERTISE SECTION
==================================================*/

.ve-expertise-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;

    background:#f8fbfd;

    overflow:hidden;
}

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

.ve-expertise-section::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(24,157,201,.05);
}

.ve-expertise-section::after{
    content:"";
    position:absolute;
    left:-120px;
    bottom:-120px;
    width:260px;
    height:260px;
    border:1px dashed rgba(24,157,201,.12);
    border-radius:50%;
}

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

.ve-expertise-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;
}

.ve-expertise-subtitle{

    display:inline-block;

    padding:8px 18px;

    margin-bottom:18px;

    border-radius:50px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

.ve-expertise-heading h2{

    margin-bottom:20px;

    font-size:44px;

    line-height:1.2;

    color:var(--heading-color);

    font-weight:700;
}

.ve-expertise-heading p{

    font-size:17px;

    line-height:1.9;

    color:var(--text-color);

    margin:0;
}

/*==================================================
                GRID
==================================================*/

.ve-expertise-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:32px;
}

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

.ve-expertise-card{

    position:relative;

    display:flex;

    flex-direction:column;

    height:100%;

    padding:40px 34px;

    background:var(--white);

    border-radius:22px;

    border:1px solid rgba(24,157,201,.08);

    overflow:hidden;

    transition:var(--transition);

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

/* Top Accent */

.ve-expertise-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        var(--secondary-color),
        var(--primary-color)
    );
}

/* Engineering Grid */

.ve-expertise-card::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(24,157,201,.025) 1px, transparent 1px),

    linear-gradient(
    90deg,
    rgba(24,157,201,.025) 1px,
    transparent 1px);

    background-size:24px 24px;

    opacity:0;

    transition:var(--transition);

    pointer-events:none;
}

/*==================================================
                NUMBER
==================================================*/

.ve-card-number{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    margin-bottom:28px;

    border-radius:50%;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:22px;

    font-weight:700;

    transition:var(--transition);
}

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

.ve-expertise-card h3{

    margin-bottom:18px;

    font-size:24px;

    line-height:1.35;

    color:var(--heading-color);

    transition:var(--transition);
}

.ve-expertise-card p{

    margin:0;

    color:var(--light-text);

    line-height:1.9;

    font-size:15px;
}

/* Hidden Link */

.ve-card-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:25px;

    color:var(--secondary-color);

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    transition:var(--transition);
}
/*==================================================
                HOVER EFFECT
==================================================*/

.ve-expertise-card:hover{

    transform:translateY(-10px);

    border-color:rgba(24,157,201,.18);

    box-shadow:
        0 22px 55px rgba(0,0,0,.08);

}

.ve-expertise-card:hover::after{

    opacity:1;

}

.ve-expertise-card:hover::before{

    height:6px;

}

.ve-expertise-card:hover .ve-card-number{

    background:var(--primary-color);

    color:var(--white);

    transform:rotate(-10deg) scale(1.08);

}

.ve-expertise-card:hover h3{

    color:var(--primary-color);

}

.ve-expertise-card:hover .ve-card-link{

    color:var(--primary-color);

    transform:translateX(6px);

}

/*==================================================
        OPTIONAL ARROW ICON
==================================================*/

.ve-card-link i{

    transition:var(--transition);

}

.ve-expertise-card:hover .ve-card-link i{

    transform:translateX(5px);

}

/*==================================================
        CARD ANIMATION
==================================================*/

.ve-expertise-card{

    animation:veFadeUp .8s ease both;

}

.ve-expertise-card:nth-child(2){

    animation-delay:.15s;

}

.ve-expertise-card:nth-child(3){

    animation-delay:.30s;

}

.ve-expertise-card:nth-child(4){

    animation-delay:.45s;

}

.ve-expertise-card:nth-child(5){

    animation-delay:.60s;

}

.ve-expertise-card:nth-child(6){

    animation-delay:.75s;

}

@keyframes veFadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media(max-width:1199px){

    .ve-expertise-heading h2{

        font-size:40px;

    }

    .ve-expertise-grid{

        gap:24px;

    }

    .ve-expertise-card{

        padding:34px 28px;

    }

}

@media(max-width:991px){

    .ve-expertise-section{

        padding:80px 0;

    }

    .ve-expertise-grid{

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

    }

    .ve-expertise-heading{

        margin-bottom:50px;

    }

    .ve-expertise-heading h2{

        font-size:34px;

    }

    .ve-expertise-heading p{

        font-size:16px;

    }

}

@media(max-width:767px){

    .ve-expertise-section{

        padding:70px 0;

    }

    .ve-expertise-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .ve-expertise-heading{

        margin-bottom:40px;

    }

    .ve-expertise-heading h2{

        font-size:28px;

    }

    .ve-expertise-heading p{

        font-size:15px;

        line-height:1.8;

    }

    .ve-expertise-card{

        padding:28px 24px;

    }

    .ve-card-number{

        width:56px;

        height:56px;

        font-size:20px;

        margin-bottom:20px;

    }

    .ve-expertise-card h3{

        font-size:21px;

    }

}

@media(max-width:575px){

    .ve-expertise-section{

        padding:60px 0;

    }

    .ve-expertise-heading h2{

        font-size:24px;

    }

    .ve-expertise-heading p{

        font-size:14px;

    }

    .ve-expertise-card{

        padding:24px 20px;

        border-radius:18px;

    }

    .ve-card-number{

        width:50px;

        height:50px;

        font-size:18px;

    }

    .ve-expertise-card h3{

        font-size:19px;

    }

    .ve-expertise-card p{

        font-size:14px;

        line-height:1.8;

    }

}
/*==================================================
                OUR PROCESS
==================================================*/

.ve-process-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;

    background:#fff;

    overflow:hidden;
}

/*==================================
        Background Shape
==================================*/

.ve-process-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(24,157,201,.04);
    top:-180px;
    right:-150px;
}

.ve-process-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px dashed rgba(24,157,201,.10);
    border-radius:50%;
    bottom:-120px;
    left:-80px;
}

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

.ve-process-heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

    position:relative;

    z-index:2;

}

.ve-process-subtitle{

    display:inline-block;

    padding:8px 18px;

    margin-bottom:18px;

    border-radius:40px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.ve-process-heading h2{

    font-size:42px;

    line-height:1.2;

    color:var(--heading-color);

    margin-bottom:18px;

}

.ve-process-heading p{

    font-size:17px;

    line-height:1.9;

    color:var(--text-color);

}

/*==================================
        Timeline
==================================*/

.ve-process-flow{

    position:relative;

    display:grid;

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

    gap:25px;

    z-index:2;

}

/* Line */

.ve-process-flow::before{

    content:"";

    position:absolute;

    top:48px;

    left:10%;

    width:80%;

    height:2px;

    background:linear-gradient(
        to right,
        var(--primary-color),
        var(--secondary-color)
    );

}

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

.ve-process-step{

    position:relative;

    text-align:center;

    padding-top:10px;

}

/* Icon */

.ve-process-icon{

    width:78px;

    height:78px;

    margin:0 auto 18px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#fff;

    border:2px solid rgba(24,157,201,.12);

    color:var(--primary-color);

    font-size:28px;

    transition:var(--transition);

    position:relative;

    z-index:2;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

/* Number */

.ve-process-count{

    margin-bottom:16px;

    color:var(--secondary-color);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

/* Title */

.ve-process-step h3{

    font-size:22px;

    margin-bottom:15px;

    color:var(--heading-color);

    line-height:1.35;

    transition:var(--transition);

}

/* Text */

.ve-process-step p{

    font-size:15px;

    line-height:1.8;

    color:var(--light-text);

    margin:0;

}

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

.ve-process-step:hover .ve-process-icon{

    background:var(--primary-color);

    color:#fff;

    transform:translateY(-8px);

    border-color:var(--primary-color);

}

.ve-process-step:hover h3{

    color:var(--primary-color);

}

.ve-process-icon,
.ve-process-step h3{

    transition:var(--transition);

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

@media (max-width:1199px){

    .ve-process-flow{

        gap:20px;

    }

    .ve-process-heading h2{

        font-size:38px;

    }

    .ve-process-icon{

        width:72px;
        height:72px;

        font-size:26px;

    }

    .ve-process-step h3{

        font-size:20px;

    }

}


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

@media (max-width:991px){

    .ve-process-section{

        padding:80px 0;

    }

    .ve-process-heading{

        margin-bottom:60px;

    }

    .ve-process-heading h2{

        font-size:34px;

    }

    .ve-process-heading p{

        font-size:16px;

    }

    .ve-process-flow{

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

        gap:40px 35px;

    }

    .ve-process-flow::before{

        display:none;

    }

    .ve-process-step{

        padding:15px;

    }

}


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

@media (max-width:767px){

    .ve-process-section{

        padding:70px 0;

    }

    .ve-process-heading{

        margin-bottom:45px;

    }

    .ve-process-heading h2{

        font-size:28px;

    }

    .ve-process-heading p{

        font-size:15px;

        line-height:1.8;

    }

    .ve-process-flow{

        grid-template-columns:1fr;

        gap:35px;

        max-width:450px;

        margin:auto;

    }

    .ve-process-step{

        position:relative;

        padding-left:95px;

        text-align:left;

    }

    .ve-process-icon{

        position:absolute;

        left:0;

        top:0;

        margin:0;

        width:65px;

        height:65px;

        font-size:22px;

    }

    .ve-process-count{

        margin-bottom:10px;

    }

    .ve-process-step h3{

        font-size:21px;

    }

    .ve-process-step p{

        font-size:14px;

        line-height:1.8;

    }

}


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

@media (max-width:575px){

    .ve-process-section{

        padding:60px 0;

    }

    .ve-process-heading h2{

        font-size:24px;

    }

    .ve-process-heading p{

        font-size:14px;

    }

    .ve-process-step{

        padding-left:80px;

    }

    .ve-process-icon{

        width:58px;

        height:58px;

        font-size:20px;

    }

    .ve-process-step h3{

        font-size:19px;

    }

}


/*==================================================
        ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion: reduce){

    .ve-process-icon,
    .ve-process-step h3{

        transition:none;

    }

}
/*==================================================
        ENGINEERING EXCELLENCE
==================================================*/

.ve-excellence-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;

    background:#f8fbfd;

    overflow:hidden;
}

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

.ve-excellence-section::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(24,157,201,.05);
}

.ve-excellence-section::after{
    content:"";
    position:absolute;
    left:-120px;
    bottom:-120px;
    width:260px;
    height:260px;
    border:1px dashed rgba(24,157,201,.10);
    border-radius:50%;
}

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

.ve-excellence-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;

}

.ve-excellence-subtitle{

    display:inline-block;

    padding:8px 18px;

    margin-bottom:18px;

    border-radius:40px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.ve-excellence-heading h2{

    font-size:42px;

    line-height:1.2;

    color:var(--heading-color);

    margin-bottom:20px;

}

.ve-excellence-heading p{

    font-size:17px;

    line-height:1.9;

    color:var(--text-color);

    margin:0;

}

/*==================================
        Excellence List
==================================*/

.ve-excellence-list{

    position:relative;

    z-index:2;

}

/*==================================
        Item
==================================*/

.ve-excellence-item{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    padding:40px 0;

    border-bottom:1px solid rgba(24,157,201,.12);

    transition:var(--transition);

}

/* Left */

.ve-excellence-left{

    display:flex;

    align-items:flex-start;

    gap:28px;

    flex:1;

}

/* Number */

.ve-excellence-number{

    flex-shrink:0;

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:20px;

    font-weight:700;

    transition:var(--transition);

}

/* Content */

.ve-excellence-content{

    max-width:700px;

}

.ve-excellence-content h3{

    margin-bottom:14px;

    font-size:28px;

    color:var(--heading-color);

    transition:var(--transition);

}

.ve-excellence-content p{

    margin:0;

    color:var(--light-text);

    line-height:1.9;

    font-size:15px;

}

/* Right Value */

.ve-excellence-right{

    flex-shrink:0;

}

.ve-excellence-value{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 22px;

    border-radius:50px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:15px;

    font-weight:600;

    white-space:nowrap;

    transition:var(--transition);

}

/*==================================
        Left Accent Line
==================================*/

.ve-excellence-item::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:0;

    height:70%;

    border-radius:10px;

    background:linear-gradient(
        to bottom,
        var(--secondary-color),
        var(--primary-color)
    );

    transition:var(--transition);

}

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

.ve-excellence-item:hover{

    padding-left:28px;

    background:rgba(24,157,201,.03);

}

.ve-excellence-item:hover::before{

    width:5px;

}

.ve-excellence-item:hover .ve-excellence-number{

    background:var(--primary-color);

    color:var(--white);

    transform:scale(1.08);

}

.ve-excellence-item:hover .ve-excellence-content h3{

    color:var(--primary-color);

}

.ve-excellence-item:hover .ve-excellence-value{

    background:var(--primary-color);

    color:var(--white);

}
/*==================================================
            LAPTOP
==================================================*/

@media (max-width:1199px){

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

    .ve-excellence-item{
        gap:30px;
        padding:35px 0;
    }

    .ve-excellence-content h3{
        font-size:24px;
    }

    .ve-excellence-value{
        font-size:44px;
    }

}


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

@media (max-width:991px){

    .ve-excellence-section{
        padding:80px 0;
    }

    .ve-excellence-heading{
        margin-bottom:55px;
    }

    .ve-excellence-heading h2{
        font-size:34px;
    }

    .ve-excellence-heading p{
        font-size:16px;
    }

    .ve-excellence-item{

        gap:25px;

        padding:30px 0;

    }

    .ve-excellence-content h3{
        font-size:22px;
    }

    .ve-excellence-value{
        font-size:38px;
    }

}


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

@media (max-width:767px){

    .ve-excellence-section{
        padding:70px 0;
    }

    .ve-excellence-heading{

        margin-bottom:45px;

    }

    .ve-excellence-heading h2{

        font-size:28px;

    }

    .ve-excellence-heading p{

        font-size:15px;

        line-height:1.8;

    }

    .ve-excellence-item{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

        padding:25px 0;

    }

    .ve-excellence-item:hover{

        padding-left:18px;

    }

    .ve-excellence-left{

        width:100%;

        gap:18px;

    }

    .ve-excellence-number{

        width:52px;

        height:52px;

        font-size:18px;

    }

    .ve-excellence-content h3{

        font-size:20px;

        margin-bottom:10px;

    }

    .ve-excellence-content p{

        font-size:14px;

        line-height:1.8;

    }

    .ve-excellence-right{

        margin-left:70px;

    }

    .ve-excellence-value{

        font-size:32px;

    }

}


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

@media (max-width:575px){

    .ve-excellence-section{
        padding:60px 0;
    }

    .ve-excellence-heading h2{

        font-size:24px;

    }

    .ve-excellence-heading p{

        font-size:14px;

    }

    .ve-excellence-left{

        gap:15px;

    }

    .ve-excellence-number{

        width:46px;

        height:46px;

        font-size:16px;

    }

    .ve-excellence-content h3{

        font-size:18px;

    }

    .ve-excellence-content p{

        font-size:13px;

    }

    .ve-excellence-right{

        margin-left:60px;

    }

    .ve-excellence-value{

        font-size:28px;

    }

}


/*==================================================
        REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion: reduce){

    .ve-excellence-item,
    .ve-excellence-number,
    .ve-excellence-content h3,
    .ve-excellence-value{

        transition:none;

    }

}
/*==================================================
            PROJECT STATISTICS
==================================================*/

.ve-stats-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;

    background:#fff;

    overflow:hidden;
}

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

.ve-stats-section::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(24,157,201,.05);
}

.ve-stats-section::after{
    content:"";
    position:absolute;
    bottom:-120px;
    right:-120px;
    width:260px;
    height:260px;
    border:1px dashed rgba(24,157,201,.10);
    border-radius:50%;
}

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

.ve-stats-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;

}

.ve-stats-subtitle{

    display:inline-block;

    padding:8px 18px;

    margin-bottom:18px;

    border-radius:40px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.ve-stats-heading h2{

    font-size:42px;

    line-height:1.2;

    color:var(--heading-color);

    margin-bottom:18px;

}

.ve-stats-heading p{

    font-size:17px;

    line-height:1.9;

    color:var(--text-color);

    margin:0;

}

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

.ve-stats-wrapper{

    position:relative;

    z-index:2;

    text-align:center;

}

/*==================================
        Main Highlight
==================================*/

.ve-stats-highlight{

    max-width:700px;

    margin:0 auto 60px;

    padding-bottom:45px;

    border-bottom:1px solid rgba(24,157,201,.12);

}

.ve-highlight-number{

    display:block;

    font-size:92px;

    font-weight:700;

    color:var(--primary-color);

    line-height:1;

    margin-bottom:18px;

    transition:var(--transition);

}

.ve-stats-highlight h3{

    font-size:30px;

    color:var(--heading-color);

    margin-bottom:15px;

}

.ve-stats-highlight p{

    max-width:500px;

    margin:auto;

    color:var(--light-text);

    line-height:1.8;

}

/*==================================
        Bottom Stats
==================================*/

.ve-stats-grid{

    display:grid;

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

    gap:40px;

}

.ve-stat-item{

    position:relative;

    padding:20px;

    transition:var(--transition);

}

.ve-stat-item::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:40px;

    height:3px;

    border-radius:10px;

    background:var(--secondary-color);

    transition:var(--transition);

}

.ve-stat-number{

    display:block;

    font-size:44px;

    font-weight:700;

    color:var(--heading-color);

    margin:18px 0 12px;

    transition:var(--transition);

}

.ve-stat-item h4{

    font-size:18px;

    color:var(--light-text);

    font-weight:600;

    line-height:1.5;

}

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

.ve-stat-item:hover{

    transform:translateY(-8px);

}

.ve-stat-item:hover::before{

    width:90px;

    background:linear-gradient(
        90deg,
        var(--secondary-color),
        var(--primary-color)
    );

}

.ve-stat-item:hover .ve-stat-number{

    color:var(--primary-color);

}

.ve-stats-highlight:hover .ve-highlight-number{

    transform:scale(1.05);

    color:var(--secondary-color);

}

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

@media(max-width:991px){

    .ve-stats-section{

        padding:80px 0;

    }

    .ve-stats-heading h2{

        font-size:34px;

    }

    .ve-highlight-number{

        font-size:72px;

    }

    .ve-stats-grid{

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

        gap:30px;

    }

}

@media(max-width:767px){

    .ve-stats-section{

        padding:70px 0;

    }

    .ve-stats-heading{

        margin-bottom:45px;

    }

    .ve-stats-heading h2{

        font-size:28px;

    }

    .ve-stats-heading p{

        font-size:15px;

    }

    .ve-highlight-number{

        font-size:58px;

    }

    .ve-stats-highlight h3{

        font-size:24px;

    }

    .ve-stats-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .ve-stat-number{

        font-size:36px;

    }

}

@media(max-width:575px){

    .ve-stats-section{

        padding:60px 0;

    }

    .ve-stats-heading h2{

        font-size:24px;

    }

    .ve-highlight-number{

        font-size:48px;

    }

    .ve-stats-highlight h3{

        font-size:22px;

    }

    .ve-stat-number{

        font-size:32px;

    }

    .ve-stat-item h4{

        font-size:16px;

    }

}
/*==================================================
        FEATURED CASE STUDIES
==================================================*/

.ve-case-section{

    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:75px 0;

    background:#f8fbfd;

    overflow:hidden;

}

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

.ve-case-heading{

    max-width:760px;

    margin:0 auto 45px;

    text-align:center;

}

.ve-case-subtitle{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.ve-case-heading h2{

    font-size:42px;

    line-height:1.2;

    color:var(--heading-color);

    margin-bottom:18px;

}

.ve-case-heading p{

    max-width:700px;

    margin:auto;

    color:var(--text-color);

    line-height:1.8;

    font-size:16px;

}

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

.ve-case-slider-wrapper{

    position:relative;

    max-width:900px;

    margin:auto;

}

.ve-case-slider{

    position:relative;

    width:100%;

    min-height:auto;

}

/*==================================
            Slide
==================================*/

.ve-case-slide{

    position:absolute;

    inset:0;

    opacity:0;

    visibility:hidden;

    transform:translateY(25px);

    transition:all .5s ease;

}

.ve-case-slide.active{

    position:relative;

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

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

.ve-case-image{

    display:block;

    overflow:hidden;

    border-radius:22px;

    aspect-ratio:16/9;

    background:#fff;

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

}

.ve-case-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease;

}

.ve-case-slide:hover .ve-case-image img{

    transform:scale(1.05);

}

/*==================================
            Content
==================================*/

.ve-case-content{

    padding:22px 15px 0;

    text-align:center;

}

.ve-case-label{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:rgba(255,122,0,.10);

    color:var(--secondary-color);

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}

.ve-case-content h3{

    font-size:34px;

    line-height:1.3;

    margin-bottom:18px;

}

.ve-case-content h3 a{

    color:var(--heading-color);

    text-decoration:none;

    transition:var(--transition);

}

.ve-case-content h3 a:hover{

    color:var(--primary-color);

}

.ve-case-content p{

    max-width:720px;

    margin:0 auto 25px;

    color:var(--light-text);

    line-height:1.9;

    font-size:16px;

}

.ve-case-read{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:var(--primary-color);

    font-weight:600;

    transition:var(--transition);

}

.ve-case-read:hover{

    gap:16px;

    color:var(--secondary-color);

}
/*==================================
        Navigation
==================================*/

.ve-case-nav{

    position:absolute;

    right:-80px;

    background:none;

    border:none;

    padding:0;

    cursor:pointer;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    color:var(--heading-color);

    transition:var(--transition);

    z-index:10;

}

.ve-case-prev{

    top:34%;

    transform:translateY(-50%);

}

.ve-case-next{

    top:62%;

    transform:translateY(-50%);

}

.ve-case-nav i{

    font-size:22px;

    transition:var(--transition);

}

.ve-case-nav span{

    writing-mode:vertical-rl;

    transform:rotate(180deg);

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

}

.ve-case-nav:hover{

    color:var(--primary-color);

}

.ve-case-nav:hover i{

    transform:translateY(-3px);

}

.ve-case-next:hover i{

    transform:translateY(3px);

}

/*==================================
        Footer Button
==================================*/

.ve-case-footer{

    text-align:center;

    margin-top:40px;

}

.ve-case-all-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 34px;

    border-radius:50px;

    background:var(--primary-color);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:var(--transition);

}

.ve-case-all-btn i{

    transition:var(--transition);

}

.ve-case-all-btn:hover{

    background:var(--secondary-color);

    color:#fff;

}

.ve-case-all-btn:hover i{

    transform:translateX(4px);

}

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

@media(max-width:1199px){

    .ve-case-slider-wrapper{

        max-width:820px;

    }

    .ve-case-nav{

        right:-60px;

    }

}

@media(max-width:991px){

    .ve-case-section{

        padding:65px 0;

    }

    .ve-case-heading h2{

        font-size:36px;

    }

    .ve-case-slider-wrapper{

        max-width:100%;

        padding-right:0;

    }

    .ve-case-nav{

        position:static;

        transform:none;

        flex-direction:row;

        justify-content:center;

        writing-mode:initial;

        margin:18px 0;

        gap:12px;

    }

    .ve-case-prev{

        order:1;

    }

    .ve-case-next{

        order:3;

    }

    .ve-case-nav span{

        writing-mode:horizontal-tb;

        transform:none;

    }

}

@media(max-width:767px){

    .ve-case-section{

        padding:55px 0;

    }

    .ve-case-heading{

        margin-bottom:35px;

    }

    .ve-case-heading h2{

        font-size:30px;

    }

    .ve-case-heading p{

        font-size:15px;

    }

    .ve-case-image{

        border-radius:16px;

    }

    .ve-case-content{

        padding-top:20px;

    }

    .ve-case-content h3{

        font-size:24px;

    }

    .ve-case-content p{

        font-size:15px;

        line-height:1.8;

    }

    .ve-case-footer{

        margin-top:30px;

    }

}

@media(max-width:575px){

    .ve-case-section{

        padding:50px 0;

    }

    .ve-case-heading h2{

        font-size:24px;

    }

    .ve-case-subtitle{

        font-size:12px;

        padding:7px 15px;

    }

    .ve-case-content h3{

        font-size:21px;

    }

    .ve-case-all-btn{

        width:100%;

        justify-content:center;

        padding:14px 20px;

    }

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

.ve-industry-section{

    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:100px 0;

    background:#fff;

    overflow:hidden;

}

/*==================================
        Background Shape
==================================*/

.ve-industry-section::before{

    content:"";

    position:absolute;

    right:-180px;

    top:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(24,157,201,.05);

}

.ve-industry-section::after{

    content:"";

    position:absolute;

    left:-120px;

    bottom:-120px;

    width:260px;

    height:260px;

    border:1px dashed rgba(24,157,201,.10);

    border-radius:50%;

}

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

.ve-industry-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;

}

.ve-industry-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.ve-industry-heading h2{

    font-size:42px;

    line-height:1.2;

    color:var(--heading-color);

    margin-bottom:20px;

}

.ve-industry-heading p{

    color:var(--text-color);

    font-size:17px;

    line-height:1.9;

}

/*==================================
        Layout
==================================*/

.ve-industry-wrapper{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:90px;

    align-items:start;

    position:relative;

    z-index:2;

}

/*==================================
        Left Illustration
==================================*/

.ve-industry-visual{

    position:sticky;

    top:120px;

}

.ve-industry-image{

    position:relative;

}

.ve-industry-image::before{

    content:"";

    position:absolute;

    inset:-25px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        rgba(24,157,201,.08),
        rgba(255,122,0,.06)
    );

    z-index:-1;

}

.ve-industry-image img{

    width:100%;

    display:block;

    border-radius:24px;

    animation:veIndustryFloat 5s ease-in-out infinite;

}

@keyframes veIndustryFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================
        Timeline
==================================*/

.ve-industry-timeline{

    position:relative;

    padding-left:55px;

}

.ve-industry-timeline::before{

    content:"";

    position:absolute;

    left:14px;

    top:0;

    bottom:0;

    width:2px;

    background:#e5eef2;

}

/*==================================
        Timeline Item
==================================*/

.ve-industry-item{

    position:relative;

    padding-bottom:60px;

    opacity:.45;

    transition:var(--transition);

}

.ve-industry-item:last-child{

    padding-bottom:0;

}

.ve-industry-dot{

    position:absolute;

    left:-55px;

    top:8px;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#d9e5ea;

    border:4px solid #fff;

    box-shadow:0 0 0 2px #d9e5ea;

    transition:var(--transition);

}

.ve-industry-content{

    transition:var(--transition);

}

.ve-industry-content h3{

    font-size:26px;

    color:var(--heading-color);

    margin-bottom:12px;

    transition:var(--transition);

}

.ve-industry-content p{

    color:var(--light-text);

    line-height:1.9;

    max-width:520px;

}
/*==================================
        Active State
==================================*/

.ve-industry-item.active{

    opacity:1;

}

.ve-industry-item.active .ve-industry-dot{

    background:var(--secondary-color);

    box-shadow:0 0 0 6px rgba(255,122,0,.15);

    transform:scale(1.15);

}

.ve-industry-item.active .ve-industry-content{

    transform:translateX(15px);

}

.ve-industry-item.active h3{

    color:var(--primary-color);

}

.ve-industry-item.active p{

    color:var(--text-color);

}

/*==================================
        Hover Effect
==================================*/

.ve-industry-item:hover{

    opacity:1;

}

.ve-industry-item:hover .ve-industry-dot{

    background:var(--secondary-color);

    box-shadow:0 0 0 6px rgba(255,122,0,.12);

    transform:scale(1.1);

}

.ve-industry-item:hover .ve-industry-content{

    transform:translateX(12px);

}

.ve-industry-item:hover h3{

    color:var(--primary-color);

}

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

@media(max-width:1199px){

    .ve-industry-wrapper{

        grid-template-columns:340px 1fr;

        gap:60px;

    }

}

@media(max-width:991px){

    .ve-industry-section{

        padding:80px 0;

    }

    .ve-industry-heading{

        margin-bottom:50px;

    }

    .ve-industry-heading h2{

        font-size:34px;

    }

    .ve-industry-wrapper{

        grid-template-columns:1fr;

        gap:50px;

    }

    .ve-industry-visual{

        position:relative;

        top:0;

        max-width:420px;

        margin:auto;

    }

    .ve-industry-image img{

        max-width:100%;

    }

}

@media(max-width:767px){

    .ve-industry-section{

        padding:70px 0;

    }

    .ve-industry-heading h2{

        font-size:28px;

    }

    .ve-industry-heading p{

        font-size:15px;

    }

    .ve-industry-timeline{

        padding-left:40px;

    }

    .ve-industry-timeline::before{

        left:10px;

    }

    .ve-industry-dot{

        left:-40px;

        width:16px;

        height:16px;

    }

    .ve-industry-item{

        padding-bottom:40px;

    }

    .ve-industry-content h3{

        font-size:22px;

    }

}

@media(max-width:575px){

    .ve-industry-section{

        padding:60px 0;

    }

    .ve-industry-heading{

        margin-bottom:40px;

    }

    .ve-industry-heading h2{

        font-size:24px;

    }

    .ve-industry-heading p{

        font-size:14px;

        line-height:1.8;

    }

    .ve-industry-tag{

        font-size:12px;

        padding:7px 15px;

    }

    .ve-industry-timeline{

        padding-left:30px;

    }

    .ve-industry-timeline::before{

        left:7px;

    }

    .ve-industry-dot{

        left:-30px;

        width:14px;

        height:14px;

    }

    .ve-industry-content h3{

        font-size:20px;

    }

    .ve-industry-content p{

        font-size:14px;

    }

}
/*==================================================
            CLIENT LOGO SECTION
==================================================*/

.ve-client-logo-section{

    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:70px 0;

    background:#fff;

    overflow:hidden;

}

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

.ve-client-heading{

    text-align:center;

    margin-bottom:45px;

}

.ve-client-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:15px;

}

.ve-client-heading h2{

    font-size:38px;

    color:var(--heading-color);

    margin:0;

}

/*==================================
        Marquee
==================================*/

.ve-logo-marquee{

    position:relative;

    overflow:hidden;

    margin:18px 0;

}

.ve-logo-track{

    display:flex;

    align-items:center;

    width:max-content;

    gap:60px;

}

.marquee-left .ve-logo-track{

    animation:veLogoLeft 32s linear infinite;

}

.marquee-right .ve-logo-track{

    animation:veLogoRight 32s linear infinite;

}

.ve-logo-marquee:hover .ve-logo-track{

    animation-play-state:paused;

}

/*==================================
            Logo
==================================*/

.ve-logo-item{

    flex:0 0 auto;

    width:180px;

    height:100px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.ve-logo-item img{

    max-width:180px;

    max-height:100px;

    width:auto;

    height:auto;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.7;

    transition:all .35s ease;

}

.ve-logo-item:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}

/*==================================
        Animation
==================================*/

@keyframes veLogoLeft{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

@keyframes veLogoRight{

    from{

        transform:translateX(-50%);

    }

    to{

        transform:translateX(0);

    }

}

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

@media(max-width:991px){

    .ve-client-logo-section{

        padding:60px 0;

    }

    .ve-client-heading{

        margin-bottom:35px;

    }

    .ve-client-heading h2{

        font-size:32px;

    }

    .ve-logo-track{

        gap:40px;

    }

    .ve-logo-item{

        width:150px;

        height:85px;

    }

    .ve-logo-item img{

        max-width:150px;

        max-height:85px;

    }

}

@media(max-width:767px){

    .ve-client-logo-section{

        padding:50px 0;

    }

    .ve-client-heading h2{

        font-size:26px;

    }

    .ve-client-tag{

        font-size:12px;

        padding:7px 15px;

    }

    .ve-logo-track{

        gap:30px;

    }

    .ve-logo-item{

        width:120px;

        height:70px;

    }

    .ve-logo-item img{

        max-width:120px;

        max-height:70px;

    }

}

@media(max-width:575px){

    .ve-client-heading h2{

        font-size:22px;

    }

    .ve-logo-track{

        gap:22px;

    }

    .ve-logo-item{

        width:100px;

        height:60px;

    }

    .ve-logo-item img{

        max-width:100px;

        max-height:60px;

    }

}
/*==================================================
            REVIEW SECTION HEADING
==================================================*/

.ve-review-heading{

    max-width:760px;

    margin:0 auto 50px;

    padding:0 15px;

    text-align:center;

}

.ve-review-heading span{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(24,157,201,.08);

    color:var(--primary-color);

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:18px;

}

.ve-review-heading h2{

    font-size:42px;

    font-weight:700;

    line-height:1.2;

    color:var(--heading-color);

    margin:0 0 18px;

}

.ve-review-heading p{

    max-width:650px;

    margin:0 auto;

    font-size:16px;

    line-height:1.8;

    color:var(--text-color);

}

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

@media(max-width:1199px){

    .ve-review-heading{

        margin-bottom:45px;

    }

    .ve-review-heading h2{

        font-size:38px;

    }

}

@media(max-width:991px){

    .ve-review-heading{

        margin-bottom:40px;

    }

    .ve-review-heading span{

        font-size:12px;

        padding:8px 16px;

    }

    .ve-review-heading h2{

        font-size:34px;

    }

    .ve-review-heading p{

        font-size:15px;

    }

}

@media(max-width:767px){

    .ve-review-heading{

        margin-bottom:35px;

    }

    .ve-review-heading span{

        font-size:11px;

        padding:7px 15px;

        margin-bottom:15px;

    }

    .ve-review-heading h2{

        font-size:28px;

        line-height:1.3;

        margin-bottom:15px;

    }

    .ve-review-heading p{

        font-size:15px;

        line-height:1.7;

    }

}

@media(max-width:575px){

    .ve-review-heading{

        margin-bottom:30px;

        padding:0 20px;

    }

    .ve-review-heading span{

        font-size:11px;

        padding:6px 14px;

        margin-bottom:12px;

    }

    .ve-review-heading h2{

        font-size:24px;

        line-height:1.35;

        margin-bottom:12px;

    }

    .ve-review-heading p{

        font-size:14px;

        line-height:1.7;

    }

}
/* start */
section.cta-section {
    margin-top: 50px;
}
/* css for riview bottam space */
/*=========================================
            CTA SECTION
=========================================*/

.cta-section{
    padding:90px 0;
    background:linear-gradient(135deg,#f7fcff,#eef8fc);
    position:relative;
    overflow:hidden;
}

.cta-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(24,157,201,.06);
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.cta-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(255,122,0,.06);
    border-radius:50%;
    bottom:-90px;
    right:-90px;
}

.cta-box{
    background:var(--white);
    border-radius:28px;
    padding:70px;
    text-align:center;
    position:relative;
    z-index:2;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
    border:1px solid rgba(24,157,201,.08);
}

.cta-logo img{
    width:70px;
    margin-bottom:25px;
    animation:floatLogo 4s ease-in-out infinite;
}

@keyframes floatLogo{

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

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

}

.cta-tag{

    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(24,157,201,.10);
    color:var(--primary-color);
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:20px;

}

.cta-content h2{

    font-size:48px;
    color:var(--heading-color);
    margin-bottom:20px;
    line-height:1.2;
    font-weight:700;

}

.cta-content p{

    max-width:820px;
    margin:auto;
    color:var(--text-color);
    font-size:18px;
    line-height:1.9;

}

.cta-btns{

    margin-top:45px;

}

.cta-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    background:var(--secondary-color);
    color:var(--white);
    padding:18px 40px;
    border-radius:60px;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    transition:var(--transition);
    box-shadow:0 12px 30px rgba(255,122,0,.25);

}

.cta-btn:hover{

    background:var(--primary-color);
    color:#fff;
    transform:translateY(-5px);

}

.cta-bottom{

    margin-top:45px;

    display:flex;
    justify-content:center;
    gap:35px;
    flex-wrap:wrap;

}

.cta-bottom div{

    display:flex;
    align-items:center;
    gap:10px;
    color:var(--heading-color);
    font-weight:600;

}

.cta-bottom i{

    color:var(--secondary-color);

}

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

@media(max-width:991px){

.cta-section{

padding:70px 0;

}

.cta-box{

padding:50px 35px;

}

.cta-content h2{

font-size:38px;

}

.cta-content p{

font-size:17px;

}

}

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

@media(max-width:767px){

.cta-box{

padding:40px 25px;
border-radius:22px;

}

.cta-logo img{

width:55px;

}

.cta-content h2{

font-size:30px;

}

.cta-content p{

font-size:15px;
line-height:1.8;

}

.cta-btn{

width:100%;
justify-content:center;
font-size:16px;
padding:16px;

}

.cta-bottom{

flex-direction:column;
gap:15px;
margin-top:35px;

}

.cta-bottom div{

justify-content:center;

}

}

@media(max-width:480px){

.cta-section{

padding:60px 0;

}

.cta-content h2{

font-size:26px;

}

.cta-tag{

font-size:13px;

}

}
.cta-section{
    position:relative;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    width:100vw;

    padding:90px 0;

    background:linear-gradient(135deg,#f7fcff,#eef8fc);
}

/* over home */