/********** Banner Start **********/
#mvpbanner .banner-content{max-width:658px;width:100%}
#mvpbanner .banner-content .title{max-width:588px}
#mvpbanner .banner-content h2{font-size:65px;line-height:1.3;z-index:1;position:relative;width:100%}
#mvpbanner .banner-content p{font-family:Poppins;font-size:20px;font-weight:500;line-height:30px}
#mvpbanner .banner-content .sparkle-img{width:100px;height:100px;position:absolute;top:-50px;left:-70px}
#mvpbanner .banner-content .chaker-img,#mvpbanner .banner-content .sparkle-img img{height:100%;width:100%;object-fit:contain}
#mvpbanner .banner-content .chaker-img{width:35px;height:35px;position:absolute;bottom:47px;right:30px}
#mvpbanner .garrow-img{position:absolute;right:-130px;bottom:-33px}
#mvpbanner .form{box-shadow:0 1px 66px #1f61e826;max-width:417px;width:100%;padding:40px;border-radius:20px}
#mvpbanner .form h3{color:#1d1068;font-weight:700;font-size:24px;line-height:1.4;margin:0}
#mvpbanner .form p{color:#53498a;font-size:15px;line-height:1.3;font-weight:400}
/********** Banner End **********/

/********** mvpservices **********/
#mvpindustry .section-head,#mvpservices .section-head {margin-bottom:70px}
#mvpservices .section-head p,.eng-cntent h6,.mvp-content .short-desc p,.process-desc p {font-family:Poppins;font-size:20px;font-weight:500;line-height:30px}
/********** Experience **********/
.experience-wrap .row div>*,.experience-wrap .row>div{padding-left:6px;padding-right:6px}
.exp-column{padding:26px!important}
.experience-wrap .exp-column h2{font-size:48px;font-weight:700;color:#1d1068}
.experience-wrap .exp-column h2{font-family:Poppins;font-size:48px;font-weight:700;line-height:72px;transition:all ease .3s}
.experience-wrap .exp-column p{font-family:Poppins;font-size:16px;font-weight:500;line-height:30px;transition:all ease .3s}
.experience-wrap .exp-column:hover{background-color:#1f61e8!important;color:#fff;transition:all ease .3s}
.exp-column:hover h2,.exp-column:hover p{color:#fff}

/********** mvpprocess **********/
.process-step{margin-top:70px}
.col-item-top{border-bottom:2px solid #c2bed4}
.col-item-head{width:fit-content}
.item-num{width:fit-content;margin:0 auto}
.item-num h2{color:#fff;font-size:80px;text-shadow:-1.5px 1.5px 0 #1d1068,1.5px 1.5px 0 #1d1068,1.5px -1.5px 0 #1d1068,-1.5px -1.5px 0 #1d1068;line-height:.8;position:relative;transition:all ease .3s}
.item-num h2::before{content:'';position:absolute;top:0;width:100%;height:100%;background:#fff;background:linear-gradient(0deg,#fff 11%,rgb(9 9 121 / 0%) 80%)}
.col-item:hover .item-num h2{text-shadow:-1.5px 1.5px 0 #e8af09,1.5px 1.5px 0 #e8af09,1.5px -1.5px 0 #e8af09,-1.5px -1.5px 0 #e8af09}
.col-item:hover .item-title{background-color:#e8af09}
.item-title{width:fit-content;transition:all ease .3s}
.process-step .col-item p{margin-top:20px}

/********** engagement **********/
.eng-cntent{display:flex;flex-direction:column;gap:20px}
.eng-slider-wrap{position:absolute;width:60%;right:0;overflow:hidden}
.eng-slider .slick-track .slick-slide{margin:0 12px;max-width:340px}
.eng-slider .eng-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px 0 #1f61e829}
.eng-slider .eng-item .eng-item-head{padding:24px;border-radius:16px 16px 0 0;color:#fff;display:flex;align-items:center;gap:16px}
.eng-icon{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.eng-slider .eng-item .eng-item-head h6{line-height:28px}
.eng-slider .eng-item .eng-content{padding:24px}
.eng-slider .eng-item .eng-content p{line-height:20px}

/********** Enquire **********/
.enquire-wrap{padding:70px 60px;border-radius:8px}
.enquire-content{max-width:600px;width:100%}
.enquire-wrap h4{font-family:Poppins;font-size:44px;font-weight:600;line-height:52px}
.enquire-wrap h6{font-family:Poppins;font-size:20px;font-weight:500;line-height:30px}

/********** mvpindustry **********/
#mvpindustry .row{row-gap:22px}
.industry-item{border:2px solid #1f61E833;border-radius:30px;padding:28px;height:100%;box-shadow:0 4px 20px 0 #1f61E814}
.industry-item h5{margin-top:20px;margin-bottom:12px}
.industry-item p{line-height:20px}
.lead-wrap .section-head h2{margin-top:20px;margin-bottom:24px}
.lead-wrap .section-head h6{max-width:900px;margin:0 auto}
.lead-item h5{font-size:30px}
.lead-item .spacer{height:6px;margin-top:20px;margin-bottom:20px}

/********** why choose **********/
.whycho-img img{width:100%;height:100%;object-fit:cover}
.whycho-cont .accordion-header button.accordion-button{background:0 0;box-shadow:none}
.whycho-cont .acc-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all ease .3s}
.whycho-cont h2 span{font-family:Poppins;font-size:24px;font-weight:500;line-height:28px;color:#1d1068}
.whycho-cont .accordion-header button.accordion-button.collapsed{padding:0;border:none;background:#fff}
.whycho-cont .accordion-header button:not(:hover):not(:active):not(.has-background){background:#fff;padding:0}
.whycho-cont .acc-icon.green{background:#19b04c26}
.whycho-cont .accordion-header .acc-icon.green button[aria-expanded=true] svg path{fill:#fff}

/********** Prem **********/
.prem-serv-img img{width:100%;height:100%;object-fit:cover}
.prem-item{margin-bottom:40px}
.prem-item:last-child{margin-bottom:0}
.prem-item h5{margin-bottom:6px;font-family: Poppins;font-size: 32px;font-weight: 600;line-height: 38px;}
.prem-list{padding:0;list-style:none;margin:24px 0 0;display:flex;flex-wrap:wrap;row-gap:12px}
.prem-list li{position:relative;flex:0 0 50%;font-size:16px;font-weight:500;display:flex;gap:10px}
.prem-list li .check{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}

/********** Portfolio **********/
.portfolio-wrap .row{row-gap:25px}
.portfolio-item img{width:100%;height:100%;object-fit:cover}

/********** Office Location **********/
.office-img h4{left:40px;top:40px;max-width:300px}
.office-loc{border-radius:16px 16px 0 0;overflow:hidden}

/********** FAQ **********/
.faw-wrap{max-width:1000px;width:100%;margin:0 auto}
#faq .accordion{border-radius:0!important}
#faq .accordion .accordion-item{background:#1f61e8;color:#fff;border:none;margin-bottom:15px;border-radius:10px!important}
#faq .accordion .accordion-item .accordion-header button.accordion-button{border-radius:0;background:0 0}
#faq .accordion-item button{font-size:18px;font-weight:600;color:#fff}
#faq .accordion-button:not(.collapsed){color:#fff}
.accordion-button:focus,.accordion-button:not(.collapsed){box-shadow:none!important}
#faq .accordion .accordion-body{font-size:14px;font-weight:400}

/********** **********/
.new-cta-container{display:flex;justify-content:space-between;align-items:center;background-color:#1f61e8;padding:40px;border-radius:15px;box-shadow:0 6px 15px rgb(111 99 124);width:100%;max-width:900px;margin:40px auto;overflow:hidden}
.new-cta-text-container{max-width:65%;color:#fff}
.new-cta-container .new-cta-text-container h2,.new-cta-container .new-cta-text-container p{color:#fff}
.new-cta-container img{max-width:30%;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.2);background:#19b04ce8}
.new-cta-heading{font-size:36px;margin-bottom:15px;font-weight:700;line-height:1.4;color:#fff}
.new-cta-text{font-size:18px;margin-bottom:25px;line-height:1.6;font-weight:300}
.new-cta-button{background-color:#e1eefd;color:#141411;border:none;padding:12px 25px;font-size:20px;font-weight:700;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s ease,transform .3s ease}
.new-cta-button:hover{background-color:#e1eefd;transform:translateY(-3px)}
.new-cta-span-color{color:#ff0}
@media (max-width: 768px) {
    .new-cta-container{flex-direction:column;align-items:center;padding:10px;box-shadow:none;padding-bottom:20px}
    .new-cta-container img{max-width:70%;margin-bottom:20px;order:-1;box-shadow:unset;border-radius:unset;background:unset;margin-top:10px}
    .new-cta-text-container{max-width:100%;text-align:center}
    .new-cta-button{padding:14px 30px;font-size:18px}
    .new-cta-heading{font-size:28px;line-height:1.2}
}

/**********************************/
/**************Video Slider****************/
.cst-client .thumbnail-slider{display:flex;gap:10px;overflow-x:auto}
body .cst-client .thumbnail-item{flex-shrink:0;width:60px!important;height:60px}
.cst-client .thumbnail-image{width:100%;height:auto;border-radius:5px;object-fit:cover}
.cst-client .thumbnail-slider .slick-slide{width:60px!important;height:60px;margin-right:7px}
.cst-client .thumbnail-slider .slick-track{width:100%!important;padding:10px}

/*********************************/
.cst-client .testimonial-slider{display:flex;align-items:center;background:#fff;border-radius:8px;max-width:1200px;width:100%;margin:0 auto}
.cst-client .thumbnails{width:50%;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;overflow-y:auto}
.cst-client .thumbnails img{width:100%;height:100%;border-radius:50%;cursor:pointer;transition:transform .3s ease,opacity .3s ease}
.cst-client .thumbnails img.slick-current{transform:scale(1.1);border:1px solid green}
.cst-client .testim-content h2{font-size:26px;font-style:normal;font-weight:600;line-height:normal;font-weight:700;color:#e8af09}
.cst-client .testim-content h3{font-size:32px;font-style:normal;font-weight:700;line-height:1.3;margin:0 0 1em;color:#1d1068}
.cst-client .content-slider{width:50%;align-items:center;justify-content:center;background:#eff4fe}
.cst-client .client-profile{display:flex;gap:20px;align-items:center}
.cst-client .client-img .slider-image{background:#fff;width:80px;height:80px;border-radius:50px;padding:5px}
.cst-client .client-img .slider-image img{width:100%;height:100%}
.cst-client .client-profile,.cst-client .slider-content{padding:20px}
.cst-client .slider-content{padding-top:0}
.cst-client .client-profile{padding-bottom:0}
.cst-client .content-slider h2{position:relative;font-size:20px;font-weight:600;font-style:italic;padding:15px 0 0 0;z-index:2;margin:10px 0 0;line-height:1.3}
.cst-client .client-profile h3{font-weight:bolder;color:#212529;font-size:16px;margin:0 0 5px;line-height:1.3}
.cst-client .client-profile p{margin:0;color:#58585a;font-size:13px}
.cst-client .content-slider p{color:#373749;font-size:16px;font-style:italic}
.cst-client .testimonial-content{border-top:1px solid #d6e2fa;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}
.cst-client .watch-video{margin-top:0;padding:0;background:0 0;color:#212529;text-decoration:none;border-radius:4px;font-size:15px;font-weight:500;transition:background .3s ease;display:flex;align-items:center;gap:15px}
.cst-client .watch-video:hover{background:0 0}
.cst-client .thumbnails .slick-slide.slick-current.slick-active .thumbnail-item{border:2px solid #e8af09;border-radius:50%;transform:scale(1.2)}
.clt-logo{width:40px}

/***********************/
.cst-client .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:1000}
.cst-client .popup_testimonial{background:#fff;padding:20px;border-radius:8px;text-align:center;max-width:600px;width:90%;position:relative}
.cst-client .popup_testimonial iframe{width:100%!important;height:450px;border:none}
.cst-client .popup_testimonial .popup-close{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer}

/********** responsive **********/
@media (max-width:767px) {
    .cst-client .testimonial-slider{flex-direction:column}
    .cst-client .thumbnails{width:100%}
    .cst-client .content-slider{width:96%}
    .cst-client .thumbnail-slider .slick-slide{width:40px!important;height:40px}
    body .cst-client .thumbnail-item{width:40px!important;height:40px}
}
/***************End***************/


/* width */
.tech-stack .eael-tabs-nav::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.tech-stack .eael-tabs-nav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #DAE0FF; 
    border-radius: 10px;
}

/* Handle */
.tech-stack .eael-tabs-nav::-webkit-scrollbar-thumb {
    background: #1F61E8; 
    border-radius: 10px;
}