/*===== Faq ===================*/
 .premium-faq-section {
        padding: 20px 0;
        background: #f7f8fb;
    }

    .faq-heading h2 {
        font-size: 56px;
        font-weight: 800;
        color: #0b6b96;
        margin: 0;
    }

    .faq-list {
        max-width: 100%;
    }

    .faq-item {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 9px;
        border: 1px solid #d9e1ea;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    }

    .faq-question {
        width: 100%;
        border: none;
        background: #fff;
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 10px 25px;
        cursor: pointer;
        text-align: left;
        transition: .35s;
    }

    .faq-item.active .faq-question {
        background: #0b6b96;
        color: #fff;
    }

    .faq-left-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0b6b96;
        color: #fff;
        font-size: 13px;
        transition: .35s;
    }

    .faq-item.active .faq-left-icon {
        background: #fff;
        color: #0b6b96;
    }

    .faq-title {
        flex: 1;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    .faq-arrow i {
        transition: .35s;
    }

    .faq-item.active .faq-arrow i {
        transform: rotate(180deg);
    }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        background: #fff;
        transition: max-height .55s ease, opacity .35s ease;
    }

    .faq-item.active .faq-answer {
        opacity: 1;
    }

    .answer-border {
        margin: 12 12px 17px;
        padding-left: 18px;
        border-left: 3px solid #0b6b96;
        color: #44506b;
        line-height: 1.9;
        font-size: 17px;
    }

    @media(max-width:768px) {

        .premium-faq-section {
            padding: 20px 0;
        }

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

        .faq-title {
            font-size: 15px;
        }

        .faq-question {
            padding: 18px;
        }

        .answer-border {
            font-size: 15px;
            margin: 0 18px 18px;
        }
    }
     .wvs-why-section {
        padding: 100px 0;
        background: #f8fbfd;
        /*overflow:hidden;*/
    }

    /* LEFT SECTION */

    .why-choose-box {
        position: relative;
        height: 620px;
       

        border-radius: 300px 300px 0 0;

        background:
            linear-gradient(135deg,
                #ffffff,
                #f5fbff);

        border: 2px solid rgba(11, 107, 150, .15);

        box-shadow:
            0 30px 80px rgba(11, 107, 150, .15);
    }

    /* RING */

    .question-ring {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 2px dashed rgba(11, 107, 150, .25);
        animation: spinRing 18s linear infinite;
    }

    @keyframes spinRing {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    /* QUESTION ICON */

    .question-icon {
        position: absolute;
        top: 38px;
        left: 38px;

        width: 95px;
        height: 95px;

        border-radius: 50%;

        background: #fff;

        border: 4px solid #0b6b96;

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

        font-size: 40px;
        color: #0b6b96;

        z-index: 5;

        box-shadow:
            0 15px 40px rgba(11, 107, 150, .20);

        animation: floatQuestion 3s ease-in-out infinite;
    }

    @keyframes floatQuestion {

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

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

    }

    /* TOP BADGE */

    .premium-tag {
        position: absolute;
        top: 35px;
        right: 35px;

        background: #0b6b96;
        color: #fff;

        padding: 12px 25px;

        border-radius: 50px;

        font-weight: 700;

        z-index: 5;
    }

    /* CORNER */

    
    /* BIG TEXT */

    .faq-text {
        position: absolute;
        right: 15px;
        top: 160px;

        writing-mode: vertical-rl;

        font-size: 95px;
        font-weight: 900;

        color: #edf6fb;

        letter-spacing: 6px;
    }

    /* FLOATING DOTS */

    .spark {
        position: absolute;
        border-radius: 50%;
        background: #0b6b96;
        opacity: .08;
    }

    .s1 {
        width: 90px;
        height: 90px;
        left: 40px;
        top: 260px;
    }

    .s2 {
        width: 45px;
        height: 45px;
        left: 150px;
        top: 350px;
    }

    .s3 {
        width: 140px;
        height: 140px;
        right: 40px;
        top: 120px;
    }

    /* IMAGE */

    .person-image {
        position: absolute;
        left: 50%;
        bottom: 90px;

        transform: translateX(-50%);

        width: 75%;

        z-index: 4;

        animation: floatImage 4s ease-in-out infinite;
    }

    .person-image img {
        width: 100%;

        filter:
            drop-shadow(0 25px 40px rgba(0, 0, 0, .18));
    }

    @keyframes floatImage {

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

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

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

    }

    /* EXTRA SHAPES */

    .floating-circle {
        position: absolute;
        border-radius: 50%;
        background: rgba(11, 107, 150, .08);
    }

    .circle1 {
        width: 140px;
        height: 140px;
        top: 100px;
        right: -20px;
    }

    .circle2 {
        width: 80px;
        height: 80px;
        left: 20px;
        bottom: 230px;
    }

    .circle3 {
        width: 50px;
        height: 50px;
        left: 100px;
        top: 320px;
    }

    /* BOTTOM WAVE */

    .why-choose-box:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 220px;

        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230b6b96' fill-opacity='1' d='M0,160L60,149.3C120,139,240,117,360,128C480,139,600,181,720,192C840,203,960,181,1080,154.7C1200,128,1320,96,1380,80L1440,64L1440,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") bottom center/cover no-repeat;
    }

    /* BADGE */

    .bottom-service {

        position: absolute;
        right: 30px;
        bottom: 35px;

        z-index: 10;

        background: #fff;

        color: #0b6b96;

        padding: 18px 35px;

        border-radius: 60px;

        font-weight: 700;

        box-shadow:
            0 20px 50px rgba(11, 107, 150, .20);

    }

    .bottom-service i {
        margin-right: 8px;
    }

    /* RIGHT CONTENT */

    .why-badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;

        background: #0b6b96;
        color: #fff;

        padding: 12px 24px;
        border-radius: 50px;
    }


/*================= Review Video ======================*/
   .wvs-testimonial-section{

padding:30px 0;


}
.wvs-review-video{
    border-radius:20px;
    overflow:hidden;
}

.wvs-youtube-lazy{
    position:relative;
    cursor:pointer;
}

.wvs-youtube-lazy img{
    width:100%;
    display:block;
    border-radius:20px;
}

.wvs-youtube-lazy iframe{
    width:100%;
    height:500px;
    border:0;
    border-radius:20px;
}

.wvs-play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.3s;
}

.wvs-youtube-lazy:hover .wvs-play-btn{
    transform:translate(-50%,-50%) scale(1.08);
}
.wvs-testimonial-head{

text-align:center;

margin-bottom:60px;

}


.wvs-verified{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    background:#eef7ff;
    border:1px solid #d5e8ff;
    border-radius:50px;
    color:#0b5ed7;
    font-size:15px;
    font-weight:600;
}

.wvs-verified-icon{
    width:22px;
    height:22px;
    flex-shrink:0;
}

.wvs-review-card{
border-radius:25px;
overflow:hidden;
}

.wvs-review-video{
height:100%;
}

.wvs-review-video iframe{
width:100%;
height:425px;
border:0;
border-radius:18px;
}

.wvs-review-content{

padding:6px;

position:relative;

}

.wvs-quote-icon{

font-size:110px;

color:#0d6efd15;

position:absolute;

right:30px;

top:10px;

}

.wvs-review-rating{

margin-bottom:25px;

color:#ffc107;

font-size:22px;

}

.wvs-review-text{

font-size:21px;
text-align: justify;
line-height:1.7;

font-style:italic;

color:#444;


}

.wvs-client-info{

display:flex;

align-items:center;

border-top:1px solid #ececec;

padding-top:9px;

}

.wvs-client-image{

margin-right:20px;

}

.wvs-client-image img{

width:85px;

height:85px;

border-radius:50%;

object-fit:scale-down;
    border: 4px solid #0b6b9621  !important;

}

.wvs-client-details h3{

margin:0;

font-size:21px;

font-weight:700;

color:#116f99;

}

.wvs-client-details span{
display:block;
font-size:14px;
color:#777;

}

.wvs-verified{

display:inline-flex;

align-items:center;

gap:8px;

margin-top:4px;

background:#00812d0a;

padding:3px 18px;

border-radius:30px;

color:#0d8c45;

font-size:14px;

font-weight:600;

}

@media(max-width:991px){

.wvs-testimonial-head h2{

font-size:34px;

}

.wvs-review-video iframe{

height:350px;

}



.wvs-review-text{

font-size:18px;

}

.wvs-client-info{

flex-direction:column;

text-align:center;

}

.wvs-client-image{

margin:0 0 20px;

}

.wvs-quote-icon{

display:none;

}

}
.wvs-review-video{
    height:425px;
}

.wvs-youtube-lazy{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:20px;
    cursor:pointer;
}

.wvs-youtube-lazy img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    border-radius:20px;
}

.wvs-youtube-lazy iframe{
    width:100%;
    height:100%;
    border:0;
    border-radius:20px;
    display:block;
}

.wvs-play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.3s;
    z-index:2;
}

.wvs-youtube-lazy:hover .wvs-play-btn{
    transform:translate(-50%,-50%) scale(1.08);
}


 /*========================= Benifitrs ==================*/
 
   .benefits-area{
    background:#fff;
}

.section-title span{
    color:#0f66b3;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-title h2{
    font-size:34px;
    font-weight:700;
    margin-top:8px;
}

.benefit-item{
    display:flex;
    align-items:center;
    gap:15px;
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:12px;
    padding:18px 20px;
    transition:.3s;
}

.benefit-item i{
    width:52px;
    height:52px;
    background:#086995;
    color:#fff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.benefit-item h6{
    margin:0;
    font-weight:700;
    color:#222;
}

.benefit-item small{
    color:#666;
    display:block;
    margin-top:3px;
}

.benefit-item:hover{
    border-color:#0f66b3;
    box-shadow:0 8px 20px rgba(15,102,179,.12);
    transform:translateY(-2px);
}
 /*Close Benifits ======================================*/
 
 
 
    /* =========================
   PREMIUM SECTION
========================= */

    .logo-marquee-section {
        position: relative;
        overflow: hidden;
    }



    .logo-track {
        display: flex;
        width: max-content;
        flex-wrap: nowrap;
        will-change: transform;
        transform: translateZ(0);
        backface-visibility: hidden;
        margin-bottom: 17px;
    }

    /* GROUP */

    .logo-group {
        display: flex;
        align-items: center;
        gap: 20px;
        padding-right: 30px;
        flex-shrink: 0;
    }

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

    .logo-box {
        width: 194px;
        height: 62px;
        border-radius: 5px;
        background: rgb(11 107 150 / 9%);
        border: 1px solid rgba(255, 255, 255, .10);
        backdrop-filter: blur(14px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        transition: .4s ease;
    }

    /* SHINE */

    .logo-box::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(120deg,
                transparent 20%,
                rgba(255, 255, 255, .12),
                transparent 80%);
        transform: translateX(-100%);
        animation: shineMove 5s linear infinite;
    }

    /* =========================
   IMAGE
========================= */

    .logo-box img {
        max-width: 125px;
        max-height: 100%;
        object-fit: contain;
        opacity: .9;
        position: relative;
        z-index: 2;
        animation: logoRotate 12s ease-in-out infinite alternate;
        transition: .4s ease;
    }

    .logo-box:hover img {
        opacity: 1;
    }

    /* =========================
   TOP SLIDER
========================= */

    .logo-track-one {
        animation: moveLeft 45s linear infinite;
    }

    /* =========================
   BOTTOM SLIDER
========================= */

    .logo-track-two {
        animation: moveRight 45s linear infinite;
    }

    /* HOVER PAUSE */

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

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

    @keyframes moveLeft {
        from {
            transform: translate3d(0, 0, 0);
        }

        to {
            transform: translate3d(-50%, 0, 0);
        }
    }

    @keyframes moveRight {
        from {
            transform: translate3d(-50%, 0, 0);
        }

        to {
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes logoRotate {
        0% {
            transform: rotate(-2deg);
        }

        50% {
            transform: rotate(2deg);
        }

        100% {
            transform: rotate(-2deg);
        }
    }

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

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

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

    @media(max-width:768px) {

        .logo-marquee-section {
            padding: 60px 0;
        }

        .logo-group {
            gap: 18px;
        }

        .logo-box {
            width: 170px;
            height: 90px;
            border-radius: 18px;
        }

        .logo-box img {
            max-width: 90px;
            max-height: 38px;
        }

    }
    /*================ Close ==============*/


/*Home H1 Setcion ====*/

.wvs-content-box{
   
    padding:10px;
}

.wvs-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#0b6b96;
    color:#fff;
    padding:12px 25px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:25px;
}

.wvs-title{
    font-size:34px;
    line-height:1.25;
    font-weight:800;
    color:#082f49;
    margin-bottom:25px;
}

.wvs-title span{
    color:#0b6b96;
}

.wvs-subtitle{
    font-size:36px;
    font-weight:800;
    color:#082f49;
    margin-bottom:20px;
}

.wvs-subtitle span{
    color:#0b6b96;
}

.wvs-text{
    font-size:18px;
    line-height:1.9;
    text-align: justify;
    color:#555;
    margin-bottom:25px;
}

.wvs-text strong{
    color:#0b6b96;
}

.wvs-divider{
    width:100px;
    height:4px;
    background:#0b6b96;
    margin:35px auto;
    border-radius:20px;
}

.wvs-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:40px;
}

.wvs-feature{
    display:flex;
    align-items:center;
    gap:15px;
    background:#f8fbfd;
    padding:18px 20px;
    border-radius:12px;
    border-left:4px solid #0b6b96;
    transition:.3s;
}

.wvs-feature:hover{
    transform:translateY(-5px);
  
}

.wvs-feature i{
    color:#0b6b96;
    font-size:22px;
}

.wvs-feature span{
    font-weight:600;
    color:#082f49;
}

/* Tablet */

@media(max-width:991px){

    .wvs-content-box{
        padding:40px 0px;
    }

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

    .wvs-subtitle{
        font-size:28px;
    }

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

}

/* Mobile */

@media(max-width:767px){



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

    .wvs-subtitle{
        font-size:22px;
    }

    .wvs-text{
        font-size:16px;
        text-align: justify;
        line-height:1.8;
    }

    .wvs-feature-grid{
        grid-template-columns:1fr;
    }

    .wvs-badge{
        font-size:13px;
        padding:10px 18px;
    }

}

/*===== Close Home Sectioon h1 =====*/


/*Marque ===============================*/

.premium-marquee{
    position:relative;
    overflow:hidden;
    margin:70px 0;
    padding:18px 0;

    background:#005074;

    transform:rotate(-2deg);

    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);

    box-shadow:
    0 15px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* Center Cut Design */
.premium-marquee::before{
    content:'';
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);

    width:0;
    height:0;

    border-left:24px solid transparent;
    border-right:24px solid transparent;
    border-top:24px solid #ffffff;

    z-index:5;
}

/* Glow Layer */
.premium-marquee::after{
    content:'';
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 50% 50%,
    rgba(255,255,255,.10),
    transparent 60%);

    pointer-events:none;
}

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

.marquee-content{
    display:flex;
    align-items:center;
    gap:45px;
    width:max-content;
    animation:scrollMarquee 35s linear infinite;
}

.marquee-content span{
    display:flex;
    align-items:center;
    gap:12px;

    color:#fff;
    font-size:21px;
    font-weight:700;
    white-space:nowrap;
}

.marquee-content span i{
    color:#ffd54f;
    font-size:26px;
}

/* Premium Diamond Separator */
.separator{
    width:12px;
    height:12px;

    background:#ffd54f;

    transform:rotate(45deg);

    border-radius:2px;

    box-shadow:
    0 0 15px rgba(255,213,79,.8);
}

@keyframes scrollMarquee{

    0%{
        transform:translateX(0);
    }

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

}

/* Hover Pause */
.premium-marquee:hover .marquee-content{
    animation-play-state:paused;
}

/* Mobile Responsive */
@media(max-width:991px){

    .premium-marquee{
        padding:16px 0;
    }

    .premium-marquee::before{
        border-left:16px solid transparent;
        border-right:16px solid transparent;
        border-top:16px solid #fff;
    }

    .marquee-content{
        gap:25px;
    }

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

    .marquee-content span i{
        font-size:16px;
    }

    .separator{
        width:8px;
        height:8px;
    }
}

/*=== marque Close ==========================================/*/





/*About Us */
.about-style-01 {
        position: relative;
        overflow: hidden;
        color: #fff;
    }

    /* Animated Background */
    .about-style-01::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 120%;
        background: url('https://img.freepik.com/premium-vector/modern-memphis-geometric-blue-abstract-banner-design-background-blue-banner-background-geometric-blue-light-stripes-texture-background_181182-28834.jpg?uid=R185465006&ga=GA1.1.207431052.1745082023&semt=ais_related_payload_trends&w=740&q=80') no-repeat center center/cover;
        animation: floatBackground 6s ease-in-out infinite alternate;
        z-index: -2;
    }



    /* Dark Overlay */
    .about-style-01::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        z-index: -1;
    }

    /* Floating Animation */
    @keyframes floatBackground {
        0% {
            transform: translateY(-25px) scale(1);
        }

        100% {
            transform: translateY(25px) scale(1.05);
        }
    }
    /* =========================
   IMAGE STRETCH HOVER EFFECT
========================= */

.image-hover{
    border-radius:20px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}

.image-hover img{
    transition:transform 0.7s ease;
    will-change:transform;
    transform-origin:center;
}

/* Stretch Hover Effect */

.image-hover:hover img{
    transform:scaleX(1.08) scaleY(0.96);
}

/* =========================
   FLOATING 10+ BOX
========================= */

.sm-box-wrapper{
    animation:rightLeftMove 4s ease-in-out infinite;
    backdrop-filter:blur(10px);
    will-change:transform;
}

/* Right To Left Animation */

@keyframes rightLeftMove{

    0%{
        transform:translateX(0px);
    }

    25%{
        transform:translateX(12px);
    }

    50%{
        transform:translateX(0px);
    }

    75%{
        transform:translateX(-12px);
    }

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

}

/* 10+ Text Stretch Animation */

.exp-no{
    animation:stretchText 2s ease-in-out infinite;
    display:inline-block;
}

/* Stretch Effect */

@keyframes stretchText{

    0%{
        transform:scaleX(1);
    }

    50%{
        transform:scaleX(1.15);
    }

    100%{
        transform:scaleX(1);
    }

}

/* Premium Glow */

.sm-box-wrapper{
    box-shadow:
    0 10px 30px rgba(0,0,0,0.25),
    0 0 20px rgba(1,151,197,0.35);
}

/*Footer Animeted */
.wave {
        position: absolute;
        bottom: 0;
        width: 200%;

.premium-marquee{
    position:relative;
    overflow:hidden;
    margin:70px 0;
    padding:18px 0;

    background:#005074;

    transform:rotate(-2deg);

    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);

    box-shadow:
    0 15px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* Center Cut Design */
.premium-marquee::before{
    content:'';
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);

    width:0;
    height:0;

    border-left:24px solid transparent;
    border-right:24px solid transparent;
    border-top:24px solid #ffffff;

    z-index:5;
}

/* Glow Layer */
.premium-marquee::after{
    content:'';
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 50% 50%,
    rgba(255,255,255,.10),
    transparent 60%);

    pointer-events:none;
}

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

.marquee-content{
    display:flex;
    align-items:center;
    gap:45px;
    width:max-content;
    animation:scrollMarquee 35s linear infinite;
}

.marquee-content span{
    display:flex;
    align-items:center;
    gap:12px;

    color:#fff;
    font-size:21px;
    font-weight:700;
    white-space:nowrap;
}

.marquee-content span i{
    color:#ffd54f;
    font-size:26px;
}

/* Premium Diamond Separator */
.separator{
    width:12px;
    height:12px;

    background:#ffd54f;

    transform:rotate(45deg);

    border-radius:2px;

    box-shadow:
    0 0 15px rgba(255,213,79,.8);
}

@keyframes scrollMarquee{

    0%{
        transform:translateX(0);
    }

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

}

/* Hover Pause */
.premium-marquee:hover .marquee-content{
    animation-play-state:paused;
}

/* Mobile Responsive */
@media(max-width:991px){

    .premium-marquee{
        padding:16px 0;
    }

    .premium-marquee::before{
        border-left:16px solid transparent;
        border-right:16px solid transparent;
        border-top:16px solid #fff;
    }

    .marquee-content{
        gap:25px;
    }

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

    .marquee-content span i{
        font-size:16px;
    }

    .separator{
        width:8px;
        height:8px;
    }
}

/*=== marque Close ==========================================/        height: 140px;*/
        background-repeat: repeat-x;
        z-index: 1;
    }

    .wave1 {
        background: url('Assests/images/rocket.png');
        animation: waveMove 10s linear infinite;
    }

    .wave2 {
        background: url('https://svgshare.com/i/13v1.svg');
        opacity: 0.5;
        animation: waveMoveReverse 12s linear infinite;
    }

    /* =======================
   ANIMATIONS
======================= */
    @keyframes waveMove {
        0% {
            transform: translateX(0);
        }

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

    @keyframes waveMoveReverse {
        0% {
            transform: translateX(-50%);
        }

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

    /* =======================
   ROCKET (LEFT TOP)
======================= */
    .rocket {
        position: absolute;
        left: 20px;
        top: -90px;
        /* 👈 full visible */
        width: 270px;
        z-index: 5;
        animation: rocketFloat 3s ease-in-out infinite;
    }

    /* =======================
   BOY (RIGHT TOP)
======================= */
    .boy {
        position: absolute;
        right: 30px;
        top: -190px;
        /* 👈 full visible */
        width: 290px;
        z-index: 5;
        animation: floatBoy 3s ease-in-out infinite;
    }

    /* =======================
   FLOAT EFFECT
======================= */
    @keyframes rocketFloat {

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

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

    @keyframes floatBoy {

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

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

    /* =======================
   FOOTER SECTION
======================= */
    .footer-section {
        position: relative;
        z-index: 2;
        padding-top: 140px;
        /* 👈 content niche shift */
        background: #0f2c3f;
    }

    /* =======================
   COMPANY LOGOS
======================= */
    .company-logos {
        gap: 7px;
    }

    .company-logo {
        background: #ffffff;
        padding: 12px 22px;
        border-radius: 12px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s ease;
    }

    .company-logo img {
        max-height: 40px;
        width: auto;
        filter: grayscale(100%);
        transition: 0.3s ease;
    }

    .company-logo:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    }

    .company-logo:hover img {
        filter: grayscale(0%);
    }

    /* =======================
   SUB FOOTER
======================= */
    .sub-footer {
        background-color: #0b6b96;
        color: #ffffff;
        padding: 6px 0;
        text-align: center;
    }

    .sub-footer a {
        color: #ffffff;
        text-decoration: none;
        transition: 0.3s;
    }

    .sub-footer a:hover {
        color: #ffcc00;
        text-decoration: underline;
    }

    /* =======================
   RESPONSIVE FIX
======================= */
    @media (max-width: 768px) {
        .rocket {
            width: 90px;
            top: -50px;
        }

        .boy {
            width: 90px;
            top: -60px;
        }

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

    @media (max-width: 768px) {
        .callback-box {
            display: none;
        }


    }

    .address-link {
        text-decoration: none;
        color: #fff;
    }

    .address-link:hover {
        text-decoration: none;
        color: #ff6600;
        /* optional hover effect */
    }

    .phone-link {
        text-decoration: none;
        color: #fff;
    }

    .phone-link:hover {
        text-decoration: none;
        color: #ff6600;
        /* optional hover */
    }

    .email-link {
        text-decoration: none;
        color: #fff;
    }

    .email-link:hover {
        text-decoration: none;
        color: #ff6600;
        /* optional premium hover */
    }
/*=================== Proce Standard Start==============*/
  .pkg-card{
    position: relative;
    overflow: hidden;
    border-radius: 22px;
}

/* Premium Recommended Ribbon */
.pkg-recommended{
    position: absolute;
    top: 41px;
    right: -25px;
    width: 234px;
    text-align: center;

    background: linear-gradient(135deg,#0077b6,#00b4d8);
    color: #fff;

    padding: 4px 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    transform: rotate(33deg);
    z-index: 99;

    /*box-shadow: 0 8px 20px rgba(0,119,182,0.35);*/
    border: 1px solid rgba(255,255,255,0.2);

    backdrop-filter: blur(8px);
}

/* Shine Effect */
.pkg-recommended::before{
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;

    background: rgba(255,255,255,0.35);
    transform: skewX(-25deg);

    animation: shine 3s infinite;
}

@keyframes shine{
    0%{
        left: -60%;
    }
    100%{
        left: 130%;
    }
}
/*=================== Proce Standard Close ==============*/
/* Base tab */
.product-tabs-nav li {
    position: relative;
    padding: 16px 28px;
    font-weight: 600;
    color: #ffffff;
}

/* REMOVE old active background clash */
.product-tabs-nav li.active {
    background: #ffffff;
    color: #0b3a57;
}

/* 🔥 Bottom indicator */
.product-tabs-nav li.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;              /* thickness */
    background: #325c76;     /* highlight color (changeable) */
    border-radius: 2px 2px 0 0;
}

/* Optional hover polish */
.product-tabs-nav li:hover:not(.active) {
    background: rgba(255,255,255,0.12);
}

    .product-tabs-section {
    padding: 70px 0;
}

.product-tabs-nav {
    display: flex;
    flex-wrap: nowrap;
    background: #0b3a57; /* dark blue strip */
    border-radius: 4px;
    overflow-x: auto;
    padding: 5px;
    margin-bottom: 30px;
}

.product-tabs-nav li {
    list-style: none;
    padding: 16px 28px;
    font-weight: 600;
    cursor: pointer;
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
    white-space: nowrap;
    background: transparent;
}

/* Remove last divider */
.product-tabs-nav li:last-child {
    border-right: none;
}

/* Active Tab */
.product-tabs-nav li.active {
    background: #ffffff;
    color: #0b3a57;
    box-shadow: inset 0 -3px 0 #0b3a57;
}

/* Hover */
.product-tabs-nav li:hover {
    background: rgba(255,255,255,0.1);
}

.product-tabs-nav li {
    list-style: none;
    padding: 7px 22px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.product-tabs-nav li.active,
.product-tabs-nav li:hover {
    background: #102d51;
    color: #fff;
}

.product-tabs-content .tab-content {
    display: none;
    animation: fadeUp 0.4s ease;
}

.product-tabs-content .tab-content.active {
    display: block;
}

.tab-list li {
    margin-bottom: 10px;
    font-size: 16px;
}

.tab-steps li {
    margin-bottom: 8px;
    font-weight: 500;
}

.faq-item {
    margin-bottom: 15px;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .product-tabs-nav li {
        font-size: 14px;
        padding: 10px 15px;
    }
}

.bt-image{
    border-radius: 19px;
}
.accordion-button{
    font-size: 15px;
}

.single-tab-image img{
    width:100%;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,0.15);
    object-fit:cover;
}

 .contact-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    /* Force one line */
    margin: 20px auto;
    max-width: 100%;
    overflow-x: auto;
    /* Scroll if screen too small */
    padding: 0 5px;
}

.btn-action {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    transition: all 0.3s ease;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.btn-action svg {
    flex-shrink: 0;
}

.btn-action.live {
    background: #25D366;
    /* WhatsApp green */
}

.btn-action.call {
    background: #d93025;
    /* red for call */
}

.btn-action.email {
    background: #0077b6;
    /* webstron blue */
}

.btn-action:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

/* Make sure buttons don't wrap even on small screens */
@media (max-width: 480px) {
    .contact-buttons {
        gap: 6px;
    }

    .btn-action {
        padding: 8px 12px;
        font-size: 13px;
    }
}

.bt-key-features {
    background: #f8fafc;
}

.feature-intro {
    max-width: 850px;
    margin: 0 auto;
    font-size: 16px;
    color: #555;
    line-height: 1.7;
}

.feature-box {
    background: #ffffff;
    padding: 28px;
    border-radius: 14px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

.feature-box h4 {
    font-size: 18px;
    color: #102d51;
    margin-bottom: 10px;
}

.feature-box p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}

.feature-footer {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}







/*========== Why Choose YUs =================*/ 
.wvs-why-choose-us{
    position:relative;
    overflow:hidden;
}
.wvs-why-choose-us{
    position:relative;
    overflow:hidden;

    background-image:url('/Assests/banner-bg.png');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.wvs-why-choose-us::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 78%);
    z-index:1;
}

.why-choose-section{
    background:transparent !important;
    position:relative;
    z-index:2;
}

.choose-content,
.choose-image,
.container-fluid{
    position:relative;
    z-index:3;
}


/* Content Layer */
.wvs-why-choose-us .why-choose-section{
    position:relative;
    background:transparent !important;
    z-index:3;
}

/* Existing Shapes */
.why-choose-section::before{
    content:"";
    position:absolute;
    left:-80px;
    top:73px;
    width:240px;
    height:74px;
    background:#95cee8;
    border-radius:80px;
    z-index:4;
}

.why-choose-section::after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:54px;
    z-index: -1;
    width:330px;
    height:73px;
    background:#95cee8;
    border-radius:120px;

}

/* Content Above Everything */
.choose-content,
.choose-image,
.container-fluid{
    position:relative;
    z-index:5;
}

.wvs-why-choose-us .container-fluid,
.wvs-why-choose-us .container {
    position: relative;
    z-index: 2;
}
    .why-choose-section {
        width: 100%;
        background: #0d6a8a;
        overflow: hidden;
        position: relative;
        overflow: hidden;
    }
    
    .why-choose-section::before{
        content: "";
        position: absolute;
        left: -80px;
        top: 43px;
        width: 240px;
        height: 74px;
        background: #95cee8ad !important;
        border-radius: 80px;
    }
    


    .choose-image {
        position: relative;
        text-align: center;
    }

    .choose-image>img {
        width: 100%;
        max-width: 520px;
        border-radius: 20px;
        position: relative;
        z-index: 2;
    }

    /* LEFT HAND CARD */

    .startup-card-one {
        position: absolute;
        left: 70px;
        border-radius: 20px;
        top: 54%;
        padding: 13px;
        background: #ffffff;
        z-index: 5;
        animation: leftFloat 4s ease-in-out infinite;
    }

    .startup-card-one img {
        width: 114px !important;
        height: auto;
        border-radius: 15px;
    }

    /* RIGHT HAND CARD */

    .startup-card-two {
        position: absolute;
        right: 55px;
        padding: 10px;
        top: 53%;
        border-radius: 21px;
        z-index: 5;
        background: #ffffff;
        animation: rightFloat 5s ease-in-out infinite;
    }

    .startup-card-two img {
        width: 180px !important;
        height: auto;
        border-radius: 15px;
    }

    /* Smooth Floating */

    @keyframes leftFloat {

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

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

    @keyframes rightFloat {

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

        50% {
            transform: translateY(18px);
        }
    }

    /* Tablet */

    @media(max-width:991px) {

        .startup-card-one {
            left: 10px;
        }

        .startup-card-two {
            right: 10px;
        }
    }

    /* Mobile */

    @media(max-width:767px) {

        .startup-card-one {
            left: 0;
            top: 10%;
        }

        .startup-card-two {
            right: 0;
            top: 65%;
        }

        .startup-card-one img,
        .startup-card-two img {
            width: 110px !important;
        }
    }

    .choose-image {
        position: relative;
        text-align: center;
    }

    .choose-image img {
        width: 100%;
        max-width: 520px;
        border-radius: 0px;
    }



    .choose-content {
        color: #fff;
    }

    .wvs-feature {
        background: #1d1b1b1f;
        padding: 9px;
        border-radius: 12px;
    }


    .choose-content h2 {
        font-size: 31px;
        line-height: 1.2;
        font-weight: 800;
        margin-bottom: 25px;
    }

    .choose-content p {
        font-size: 18px;
        opacity: .9;
        line-height: 1.8;
    }

    .feature-list {
        margin-top: 35px;
    }

    .feature-item {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-bottom: 25px;
        transition: .3s;
    }

    .feature-item:hover {
        transform: translateX(8px);
    }

    .feature-item .icon {
        width: 65px;
        height: 65px;
        min-width: 65px;
        background: rgba(255, 255, 255, .12);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .feature-item .icon svg {
        width: 28px;
        height: 28px;
        fill: #4fd1ff;
    }

    .feature-item h5 {
        font-size: 17px;
        margin-bottom: 2px;
        color: #fff;
    }

    .feature-item p {
        margin: 0;
        font-size: 15px;
    }

    .theme-btn {
        display: inline-block;
        margin-top: 20px;
        padding: 15px 35px;
        background: #2ec5ff;
        color: #fff;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 700;
        transition: .4s;
    }

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

    @keyframes floatY {

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

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

    /* Responsive */

    @media(max-width:991px) {

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

        .choose-content {
            margin-top: 40px;
            text-align: center;
        }

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

        .feature-item {
            text-align: left;
        }
    }

    @media(max-width:576px) {

        .choose-content h2 {
            font-size: 30px;
        }

        .feature-item {
            gap: 12px;
        }

        .feature-item .icon {
            width: 55px;
            height: 55px;
            min-width: 55px;
        }


    }
    /*================ Close Why Choose Us ====================*/