:root{--black:#000;--light-black:#2A2A2A;--blue:#283E76;--yellow:#F3D814;--pink:#FFE3E4;--white:#fff;--red:#F34F55;--grey:#F5F5F5;--primary:#8ac8fe; --secondary: #19557d;}
*{font-family:Poppins,sans-serif;border:none;outline:0;list-style:none;text-decoration:none;box-sizing:border-box}
::selection{background-color:var(--yellow);color:var(--black)}
:focus{outline:0}
body,html{overflow-x:hidden;scroll-behavior:smooth}
.box-mobile::-webkit-scrollbar,body::-webkit-scrollbar{width:8px}
.box-mobile::-webkit-scrollbar-track,body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #fff}
.box-mobile::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:var(--yellow);outline:1px solid var(--yellow)}
.relative{position:relative}
.absolute{position:absolute}
a,a:hover{text-decoration:none}
ul{padding:0;margin:0}
h1,h2,h3,h4,h5,h6,p,span,ul{margin-bottom:0}
img{max-width:100%;height:auto}
a,li,p,span{font-size:16px;margin-bottom:0}
.container{max-width:1170px}
section{padding:80px 0}
.header{padding:0}
.header ul li:nth-child(2){margin-left:auto}
.header ul li:nth-child(2) a{font-size:16px;color:var(--white)}
.bilink{animation:red-hover .5s infinite alternate}
.primary-btn-wrap{font-size:16px;color:#fff;background-color:#0e82cd;padding:10px 30px;border-radius:0;FONT-WEIGHT:600;display:inline-block}
.primary-btn-wrap:hover{background-color:var(--yellow);color:var(--black)}
.f-30{font-size:30px}
.f-25{font-size:25px}
.f-60{font-size:60px}
.f-40{font-size:40px}
.fw-100{font-weight:100}
.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.text-white{color:var(--white)}
.bg-blue{background-color:var(--blue)}
.text-red{color:#c8c32f}
.bg-pink{background-color:var(--pink)}
.secondary-btn-wrap{font-size:16px;color:#fff;background-color:#0e82cd;padding:10px 25px;border-radius:0;FONT-WEIGHT:600;display:inline-block}
.secondary-btn-wrap:hover{background-color:#000;color:#fff}
.banner{background:url(../pub.webp) center center/cover no-repeat;padding-bottom:40px;padding-top:80px;background-size:cover}
.banner .left-content h1{font-size:50px;font-weight:700;color:var(--red);padding-bottom:35px}
.banner .left-content h3{font-size:45px;font-weight:700;text-transform:capitalize;color:#000}
.banner .left-content h4{font-style:normal;font-weight:600;font-size:20.4959px;color:#000}
.banner .left-content .list li{list-style:none;line-height:20px;margin-left:0;display:flex;align-items:flex-start;gap:6px;font-size:15px;padding-right:20px}
.banner .left-content .list li i{color:#0e82cd;font-weight:700;font-size:17px;top:9px;position:relative}
.banner .left-content .primary-btn-wrap{background-color:#c8c32f;color:#000}
.banner .left-content .primary-btn-wrap:hover{background-color:#0e82cd;color:#fff!important}
.banner form{width:470px;height:600px;text-align:left;border-radius:0;background-color:var(--white);padding:85px 30px 40px 30px;position:relative;background:url(../images/banner-form-bg.webp);background-size:contain}
.banner form h6{font-size:20px;color:#fff}
.text2{color:#fff}
.banner form h4{font-size:30px;font-weight:600;color:#fff}
.banner form input{width:405px;height:45px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding-left:15px;font-size:15px;margin-bottom:10px}
.banner form textarea{width:405px;height:120px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding:20px;font-size:15px;margin-bottom:10px}
.banner form button{font-size:16px;font-weight:500;background-color:#c8c32f;color:#000;padding:10px 50px;border-radius:0}
.banner form button:hover{background-color:#000;color:#fff}
.banner .left-content img{position:absolute;left:0;top:110%;width:150px}
.logo img{display:block;padding-top:30px;margin-right:auto}
.plateform__slider-1 li,.plateform__slider-2 li{border:1px solid #80808087;height:120px;width:275px;display:flex!important;align-items:center;justify-content:center;filter:grayscale(1)}
.plateform__slider-1 li:hover,.plateform__slider-2 li:hover{filter:revert}
.info{background:url(../images/info-bg.webp) center center/cover no-repeat}
.platform-slider{padding-bottom:0}
.info-list li{list-style:disc;line-height:41px;font-weight:600;font-size:19px}
.info .after-arrow{position:absolute;right:20%}
.cta{background:url(../images/cta-bg.webp) center center/cover no-repeat;padding:50px}
._relate{position:relative}
.cta img{position:absolute;top:-160px;left:-70px;min-width:350px}
.cta .secondary-btn-wrap{background-color:var(--white);color:var(--black)}
.cta .secondary-btn-wrap:hover{background-color:#0e82cd;color:#fff}
.cta .primary-btn-wrap{background-color:var(--yellow);color:var(--black)}
.cta .primary-btn-wrap:hover{background-color:#0e82cd;color:#fff}
.services-card-box-container{display:grid;grid-template-columns:auto auto auto;gap:25px}
.services-card-box-container .card-box span{font-size:16px;font-weight:600;background-color:#0e82cd;padding:5px 30px;color:#fff}
.services-card-box-container .card-box h3{font-size:20px;font-weight:800;padding:15px 0}
.services-card-box-container .card-box{padding:50px 25px;background-color:var(--white);border-radius:4px;position:relative;width:360px;height:290px}
.services{background:linear-gradient(357deg,rgba(248,247,253,1) 92%,rgba(255,255,255,1) 72%)}
.services-card-box-container .card-box:hover{background-color:#000;color:var(--white)}
.services-card-box-container .card-box:hover span{color:var(--black);background-color:var(--white)}
.services-card-box-container .card-box:hover::before{position:absolute;content:'';width:360px;height:290px;background-color:transparent;top:-3%;border:5px solid var(--yellow);border-radius:5px;left:3%}
.card-slider .slick-track{padding-top:10px}
.services .shade{position:absolute;top:30%;left:7%}
.services .circle{position:absolute;bottom:18%;right:0;right:11%}
.after-service-cta{background:url(../images/after-service-cta-bg.webp) center center/cover no-repeat;padding:60px 0}
.after-service-cta img{position:absolute;top:-200px;max-width:400px;right:10px}
.after-service-cta .secondary-btn-wrap{background-color:#c8c32f;color:var(--black)}
a.secondary-btn-wrap.d-lg-flex.d-none.popup-btn.yelllow_color:hover{background:#0e82cd;color:#fff}
.after-service-cta .primary-btn-wrap{background-color:#fff;color:#000}
.after-service-cta .primary-btn-wrap:hover{background-color:#0e82cd;color:#fff!important}
.testimonial{background:url(../images/testimonial-bg.webp) center center/cover no-repeat}
.testimonial .slide{background:url(../images/quote.webp) center center/contain no-repeat;width:370px;height:290px;background-color:var(--white);border-radius:5px;text-align:center;padding:40px 30px;background-size:auto;background-position:48% 10%}
.testimonial .slide p{font-size:15px;font-weight:400;padding-top:10px;padding-bottom:10px;height:159px;overflow:auto;padding-right:5px}
.testimonial .slide p::-webkit-scrollbar{width:1px}
.testimonial .slide p::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.testimonial .slide p::-webkit-scrollbar-thumb{background-color:#0e82cd;outline:1px solid var(--red)}
.slide img{display:block;margin:auto;margin-top:10px}
.testimonial .slick-track{padding-bottom:45px}
.testimonial .slick-slide.slick-current.slick-active .slide{background-color:#0e82cd;color:#000}
.best-seller{padding:45px 0}
.footer{background:url(../images/footer.webp) center center/cover no-repeat;background-position:right}
.best-seller h3{text-align:center}
.best-seller p{text-align:center;font-size:19px;font-weight:500}
.footer .left-content{padding:90px 0}
.footer h3{padding-right:60px;line-height:47px}
.footer ul li span{font-size:16px;color:var(--white)!important}
.footer ul li svg{padding-right:10px}
.footer ul li a{display:block;font-size:18px;font-weight:600;color:var(--white)}
.footer ul li:hover a{color:var(--red)}
.footer form{background-color:#2e4862;padding:48px 24px;position:relative}
.footer form p{padding-right:50px;line-height:21px;font-size:16px;color:#fff}
.footer form h6{color:#fff}
.footer form input{width:270px;height:40px;padding-left:15px;font-size:15px;display:block;border:1px solid #80808091;border-radius:5px;margin-bottom:10px}
.footer form textarea{border:1px solid #80808078;border-radius:5px;padding:10px;font-size:15px}
.footer form button{font-size:16px;font-weight:500;background-color:#c8c32f;color:#000;padding:10px 25px;margin-top:30px}
.form button:hover{background-color:var(--white);color:var(--black)}
.banner form img{position:absolute;top:-10%;right:-20%;animation:blinker 3s linear 0s infinite normal none running}
@keyframes blinker{
0%{filter:invert(1)}
49%{filter:invert(0)}
60%{filter:invert(1)}
99%{filter:invert(0);transition:.5s}
100%{filter:invert(1)}
}
.banner .banner-after-img{position:absolute;right:110px;bottom:0;z-index:999}
.after-header{background:linear-gradient(90deg,#f5f5f5 58%,rgba(131,120,120,1) 58%,#c8c32f 58%)}
.after-header *{color:#000!important}
.footer form img{position:absolute;right:-13%;top:17px;animation:blinker 1s linear 0s infinite normal none running}
@keyframes red-hover{
0%{color:#000}
100%{color:#000}
}
.slick-dots li button{background-color:var(--blue);width:10px;clip-path:circle()}
li.slick-active button{background-color:var(--yellow)}
.slick-dots li{width:10px}
.sticky-slider a{display:block;width:100%;position:fixed;bottom:0;text-transform:uppercase;text-align:center;font-weight:600!important;border:0;cursor:pointer;color:#fff!important;padding:15px 0 15px 0;font-size:20px;margin:0 0 0 19px;border-radius:0;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;background:#0c267a;float:none;left:0;right:0;margin:auto;animation:blinkingText 1.2s infinite;z-index:1000}
@keyframes blinkingText{
0%{background:#da0d0b;color:#fff}
100%,49%{background:#092338;color:#fff}
60%{background:#da0c0a;color:#fff}
99%{background:#092338}
}
.portfolio_box_img a figure img{width:100%;position:relative;top:0;transition:2s all}
.portfolio_box_img a{width:100%;height:100%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative;display:inline-block}
.portfolio_box_img a figure{margin-bottom:0;height:500px}
.logo_port .portfolio_box_img a:hover img{top:0}
.logo_port .portfolio_box_img{height:auto;width:100%}
.logo_port .portfolio_box_img a figure{height:auto}
.logo_port .portfolio_box_img{border:3px solid #fff}
.inner_port{background:var(--white)}
.card-box p{font-size:15px}
.logo_port .portfolio_box_img a figure img{width:100%}
.portfolio-grid-container img{width:95%;height:auto;border-radius:5px}
.left-content-nwe h2{font-style:normal;font-weight:700;font-size:81.677px;text-transform:uppercase;color:#efbb05;line-height:90px}
.left-content-nwe ul{margin:0}
.yelllow_color{background:#c8c32f}
.white_bg{background-color:#fff}
.text_btn_header_form{text-align:center}
.header_btn_url{margin:0!important;padding:10px 0 0 0!important}
.left-content.text-white.left-content-nwe p{padding:0!important;margin:0;line-height:normal}
.prefooter a{color:#fff}
.plateform__slider-2{position:relative;overflow:hidden;width:100%}
.slick-list{display:flex;width:100%;overflow:hidden}
.slick-track{display:flex;transition:transform 1s linear}
.slick-slide{flex:0 0 auto;width:287px}
.left-content{top:-50px;left:60px}
.bark-rev{top:102%!important;margin-left:40%;width:170px}
.trust-rev{top:100%!important;margin-left:10%;width:170px}
.pay-img{width:330px;margin-top:20px}
@media screen and (max-width:768px){
.left-content{top:-25px;left:10px}
.banner .left-content:before{left:30px;top:-20px}
.banner-form{width:400px}
}
/* .banner-form{width:470px;height:600px;text-align:left;border-radius:0;background-color:var(--white);padding:85px 30px 40px 30px;position:relative;background:url(../images/banner-form-bg.webp);background-size:contain;background-repeat:no-repeat;display:block;margin-top:0;unicode-bidi:isolate} */
.banner-form{background: linear-gradient(135deg, var(--primary) , var(--secondary));}
.banner-form h6{font-size:20px;color:#fff}
.banner-form h4{font-size:30px;font-weight:600;color:#fff}
.banner-form input{width:405px;height:45px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding-left:15px;font-size:15px;margin-bottom:10px}
.banner-form textarea{width:405px;height:120px;background-color:var(--grey);border:1px solid #0000003b;border-radius:5px;padding:20px;font-size:15px;margin-bottom:10px}
@media screen and (max-width:1600px){
.banner-form img{position:absolute;top:-7%;right:-1%;max-width:25%}
}
@media screen and (max-width:1600px){
.footer-form{padding:30px 24px}
.footer-form input{font-size:14px;margin-bottom:5px;width:100%}
.footer-form img{right:-62px;top:17px;max-width:20%}
}
.footer-form{background-color:#2e4862;padding:30px 24px;position:relative}
.footer-form input{width:100%;height:40px;padding-left:15px;font-size:15px;display:block;border:1px solid #80808091;border-radius:5px;margin-bottom:10px}
.footer-form img{position:absolute;right:-13%;top:17px;animation:blinker 1s linear 0s infinite normal none running}
.footer-form h6{color:#fff}
.footer-form p{padding-right:50px;line-height:21px;font-size:16px;color:#fff}
.footer-form textarea{border:1px solid #80808078;border-radius:5px;padding:10px;font-size:15px;width:100%;height:auto;font-size:14px}
#lbSave2:hover{background-color:#000;color:#fff}
#lbSave2{font-size:16px;font-weight:500;background-color:#c8c32f;color:#000;padding:8px 25px;margin-top:30px}
#lbSave:hover{background-color:#000;color:#fff}
#lbSave{font-size:16px;font-weight:500;background-color:#c8c32f;color:#000;padding:8px 25px}