.btn-close,.fw-700,b,strong{font-weight:700}
a,a.active,a:active,a:focus,a:hover{text-decoration:none;cursor:pointer}
.drop-down-cont,button.btn-close,header{position:absolute;right:0}
*,:after,:before,ul.c-list li:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,html,select{scrollbar-color:rgba(var(--clr-2),1) transparent}
body,html{scroll-behavior:smooth}
body,select{scrollbar-width:8px}
html,select{scrollbar-width:thin}
::-webkit-scrollbar{width:8px}
.ban-image,.side-image{width:100%;object-fit:contain}
::-webkit-scrollbar-thumb{border-radius:10px;background-image:linear-gradient(rgba(var(--clr-2),1),rgba(var(--clr-2),1))}
::-moz-selection{color:rgba(var(--clr-1),1);background:rgba(var(--dark-color),1)}
::selection{color:rgba(var(--clr-1),1);background:rgba(var(--dark-color),1)}
html{scroll-snap-type:y mandatory}
body{margin:0;right:0;-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;-webkit-overflow-scrolling:touch;font-family:Poppins,sans-serif!important;line-height:1.5;color:rgba(var(--dark-color),1);background:rgba(var(--light-color),1);overflow-x:hidden;font-size:15px}
footer,section{overflow-x:hidden;overflow-y:clip}
.bg-box,.cta,.drop-down-cont,.platform{overflow:hidden}
*{box-sizing:border-box}
:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}
a{outline:0;color:inherit}
.overlay{background: linear-gradient(322deg,rgb(27 25 95 / 34%),rgba(var(--clr-2),1));}
footer .overlay{background:linear-gradient(rgba(var(--dark-color),.7),rgba(var(--clr-2),1))}
.cta .overlay{background:rgba(var(--clr-1),.9)}
a.active,a:active,a:focus,a:hover{color:rgb(245 11 26)!important;outline:0!important}
.ban-image{height:500px}
.side-image{height:350px}
audio,img,video{max-width:100%;height:auto}
.heading,h1,h2,h3,h4,h5,h6{font-style:normal;font-family:Oswald,sans-serif;line-height:1.5;transition:.8s}
.f-55{font-size:55px}
.f-40{font-size:40px}
.f-24{font-size:24px}
.f-18{font-size:18px}
.clr-1{color:rgb(245 11 26);}
.clr-2{color:rgba(var(--clr-2),1)}
.btn,.clr-l,button{color:rgba(var(--light-color),1)!important}
.bg-1{background:rgba(var(--clr-1),1)}
.bg-2,.btn-2{background:rgba(var(--clr-2),1);color:rgb(255 255 255)!important;}
.bg-l{background:rgba(var(--light-color),1)}
.bg-d,.bg-d select option,.btn-3{background:#f50b1a;}
.bg-1-l{background:rgba(var(--clr-1),.12);}
.btn,button{background:radial-gradient(circle,#36348d,#2e2c7f,#262471,#1e1c64,#161457);border:none!important;text-transform:uppercase;padding:10px 5px!important;border-radius:50px!important;transition-duration:.8s;font-size:inherit;}
.btn.active,.btn:hover,button.active,button:hover{color:rgba(var(--light-color),1)!important;background:rgba(var(--clr-3),1)!important}
.form-control,input,select,select input{background:rgb(255 255 255);color:inherit!important;border:unset!important;padding:10px 20px!important;box-shadow:unset!important;transition-duration:.8s;height:auto!important;border-radius:25px!important;overflow:hidden}
.bg{background-attachment:fixed;background-size:cover;background-position:center}
.form-control:focus,input:focus{outline:0;background:rgb(153 209 194);color:rgba(var(--dark-color),1)!important;border:1px solid rgba(var(--clr-1),1);box-shadow:none}
.bg-d select option,.c-list li:before,.number{color:rgba(var(--light-color),1)}
.form-control::placeholder,input::placeholder{color:#000}
;opacity:1}
input.phone,input[name=phone]{padding-left:75px!important}
.iti{display:block!important;width:100%!important}
.bg-2 .iti__country-list,.icona:hover .icon{background:rgba(var(--clr-3),1)}
.iti input:focus .iti__selected-dial-code,.modal-body{color:rgba(var(--dark-color),1)!important}
.iti--separate-dial-code .iti__selected-flag{background-color:rgba(var(--clr-3),.8);border-radius:25px 0 0 25px}
.bg-d .form-control,.bg-d input,.bg-d select,.text-white .form-control,.text-white input,.text-white select{background:rgba(var(--light-color),1);color:rgba(var(--dark-color),1)!important}
.text-white .form-control:focus,.text-white input:focus{background:rgba(var(--clr-3),1);border:1px solid rgba(var(--clr-2),1)}
.text-white .form-control::placeholder,.text-white input::placeholder{color:#000;opacity:1}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
label.h{z-index:-999999999}
input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px}
.client-process-red.client-process:hover,.client-process-red.client-process:hover h3,.slick-next:before,.slick-prev:before{color: rgb(255 255 255) !important;}
.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:0 0!important}
.c-list li:before,.icon{background:rgb(31 29 102);color:rgb(255 255 255);display:flex}
.slick-next{right:2px}
.slick-prev{left:-20px;z-index:9999}
@supports (-moz-appearance:none){
SELECT{-moz-appearance:none!important;background:url(data:image/gif; base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==) right center no-repeat!important;background-position:calc(100% - 5px) center!important}
}
.platform{height:100px;width:100%}
.platform img{width:100%;height:100%;object-fit:contain;object-position:center}
.nav-icon,img.logo{object-fit:contain;object-position:left}
.icon{width:40px;height:40px;justify-content:center;align-items:center;transition:.8s;border-radius:50px}
header{top:0;left:0;z-index:999}
img.logo{width:100%;height:80px;}
footer img.logo{/* height:150px; */}
.b-b{border-bottom:3px solid rgba(var(--clr-3),1)}
.drop-down-cont{width:80%;max-height:0;transition:height .9s;top:80%;box-shadow:0 55px 36px rgba(var(--dark-color),.4);background-size:contain;background-repeat:no-repeat;background-position:110% 200px;z-index:9999999999;background-color:rgba(var(--light-color),1);border-radius:0 0 25px 25px;color:#000!important}
.drop-down:hover .drop-down-cont{transition:max-height .8s ease-out;max-height:140vh}
.drop-down-cont ul li{margin-right:0;display:block}
.drop-down-cont ul li a{font-size:14px!important}
.nav-icon{width:30px;height:30px;margin-right:3px}
.drop-down-cont ul li a:hover .nav-icon{filter:invert(49%) sepia(59%) saturate(643%) hue-rotate(331deg) brightness(94%) contrast(83%)}
.modal{z-index:99999999999999999999999999999999999}
.genere-slider img{width:120px;height:181px;margin:0 auto 10px;border-radius:5px;object-fit:cover;object-position:center}
button.btn-close{padding:10px!important;top:-5px;opacity:1;background:red;z-index:99999999999}
.c-list li,.cta{position:relative}
.c-list li{padding:10px 0 10px 35px}
.c-list li:before{content:"\e903";font-family:icomoon;left:5px;border-radius:100%;width:25px;height:25px;padding:2px;position:absolute;font-size:10px;justify-content:center;align-items:center}
.cta{border-radius:200px}
.cta-left{position:absolute;bottom:0;right:0;left:0;width:300px;height:380px;object-fit:contain;object-position:bottom}
.circle{border:3px solid rgba(var(--clr-2),1);border-radius:50%;padding:25% 10% 10%;width:100%;height:100%;margin:0 auto}
.number,.portfolio{border-radius:50px;}
.number{background:radial-gradient(circle,#36348d,#2e2c7f,#262471,#1e1c64,#161457);width:85px;height:85px;margin:-65px auto 30px}
.portfolio-slider img{height:270px;width:100%;object-fit:contain;object-position:center}
.box{border-radius:25px;border:2px solid rgba(var(--clr-2),1);height:100%}
.reviews .box{min-height:200px}
.bg-box{border-radius:50px;height:450px;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.animation-card,.info{border-radius:20px;height:100%}
.bg-box .overlay{height:100%;width:100%;background: Targeted Book Ads and Marketing CampaignsStrengthen your promotional efforts with targeted book ads and marketing campaigns. Our team plans and manages customized book marketing strategies that match your publishing objectives and reach the right audie;padding:20px;transform:translateY(70%);transition-duration:.8s}
.bg-box:hover .overlay{transform:translateY(0)}
.bg-box p{opacity:0}
.bg-box:hover p{opacity:1}
.animation-card{background-color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));transition:.3s ease-out;position:relative;perspective:400px}
.info{position:absolute;transform:rotate3d(1,0,0,90deg);width:100%;top:0;left:0;background-color:rgb(230 230 230);z-index:-1}
.fact-no,.fact-red{border-radius:15px 15px 15px 0;width:250px}
.in-top .info{transform-origin:50% 0%;animation:.3s forwards in-top}
.in-right .info{transform-origin:100% 0%;animation:.3s forwards in-right}
.in-bottom .info{transform-origin:50% 100%;animation:.3s forwards in-bottom}
.in-left .info{transform-origin:0% 0%;animation:.3s forwards in-left}
.out-top .info{transform-origin:50% 0%;animation:.3s forwards out-top}
.out-right .info{transform-origin:100% 50%;animation:.3s forwards out-right}
.out-bottom .info{transform-origin:50% 100%;animation:.3s forwards out-bottom}
.out-left .info{transform-origin:0% 0%;animation:.3s forwards out-left}
@keyframes in-top{
from{transform:rotate3d(-1,0,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-right{
from{transform:rotate3d(0,-1,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-bottom{
from{transform:rotate3d(1,0,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}
@keyframes in-left{
from{transform:rotate3d(0,1,0,90deg)}
to{transform:rotate3d(0,0,0,0deg)}
}
@keyframes out-top{
from{transform:rotate3d(0,0,0,0deg);opacity:1}
to{transform:rotate3d(-1,0,0,104deg);opacity:0}
}
@keyframes out-right{
from{transform:rotate3d(0,0,0,0deg);opacity:1}
to{transform:rotate3d(0,-1,0,104deg);opacity:0}
}
@keyframes out-bottom{
from{transform:rotate3d(0,0,0,0deg);opacity:1}
to{transform:rotate3d(1,0,0,104deg);opacity:0}
}
@keyframes out-left{
from{transform:rotate3d(0,0,0,0deg);opacity:1}
to{transform:rotate3d(0,1,0,104deg);opacity:0}
}
.animation-card:hover{filter:none!important;transition:.3s ease-out}
#Ellipse_234,#Ellipse_236{transition:.3s ease-out}
.animation-card:hover #Ellipse_234{transition:.3s ease-out;transform:translate(667px,2227px)!important}
.animation-card:hover #Ellipse_236{transition:.3s ease-out;transform:translate(670px,2220px)!important}
.fact-no{background-color:#f50b1a;color:#fff}
.fact-red{background:radial-gradient(circle,#36348d,#2e2c7f,#262471,#1e1c64,#161457);color:#fff;}
.counter{animation-duration:1s;animation-delay:0s}
.cta-img1{background:url('../img/cta-img.webp') center/contain no-repeat;height:211px}
.cta-bg{background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:30px}
.client-process{border-radius:20px;border-bottom:5px solid rgba(var(--clr-2),1);filter:drop-shadow(0 0 15px rgba(0,0,0,.08))!important;transition:1.5s;position:relative}
.client-process-red{border:2px solid rgb(28 26 96)!important;border-top:5px solid rgb(28 26 96)!important;}
.client-process:hover{color:#fff!important;border:5px solid transparent!important;transition:.1s}
.client-process:hover h3{color:#fff!important}
.client-process::before{content:"";position:absolute;background-color:#f50b1a;border-radius:20px;top:120%;right:0;bottom:0;left:0;z-index:-1;transition:.7s}
.client-process:hover:before{top:0;transition:.7s}
.client-process-red.client-process::before{background:radial-gradient(circle,#36348d,#2e2c7f,#262471,#1e1c64,#161457);bottom:120%!important;top:0!important;transition:.7s;color:#fff;}
.client-process-red:hover:before{bottom:0!important;transition:.7s!important}
.mdl-styl{border-left:7px solid rgba(var(--clr-1),1)}
.modal-body .icon-mail,.modal-body .icon-phone::before,.modal-body .icon-user-tie,.modal-body .signature{position:absolute;color:rgba(var(--blue-color),1);top:15px;left:15px}
.modal-body::after{content:'';background:url(../img/offer.png) center/contain no-repeat;width:40%;height:40%;position:absolute;animation:3s linear infinite round;top:30px;right:-100px;rotate:327deg}
@keyframes round{
0%,100%{transform:scale(1);filter:drop-shadow(0px 0px 5px rgba(var(--clr-1),1))}
50%{transform:scale(1.03);filter:drop-shadow(0px 0px 20px rgba(var(--clr-1),1))}
}
.btn-close{border:3px solid #fff!important;border-radius:100%;z-index:99;opacity:1;margin-top:-15px;color:#fff}
.btn-close:hover{background:rgba(var(--clr-1,1));opacity:1;color:#fff;border-radius:35%!important;transition:.4s ease-in-out}
body.privacy-policy header,body.terms-conditions header{background:rgba(var(--clr-2),1);border-radius:0 0 20px 20px;padding:10px 0}
@media screen and (max-width:1367px){
.f-55{font-size:50px}
body{font-size:14px}
.f-24{font-size:22px}
}
@media screen and (max-width:1181px){
.circle{padding:25% 12% 10%}
.cta-left{width:250px;height:375px}
.cta{border-radius:150px}
.f-55{font-size:45px}
.f-40{font-size:35px}
.f-24{font-size:20px}
.gallery{height:240px}
.box{min-height:300px}
.fact-no,.fact-red{width:auto;margin:0 5px}
}
@media screen and (max-width:992px){
img.logo{object-position:center}
.box{min-height:100px;margin-bottom:30px}
.drop-down-cont{position:relative;height:auto;max-height:none!important;color:rgba(var(--light-color),1)!important;box-shadow:unset}
.drop-down-cont,.nav-bar{background:rgba(var(--dark-color),1)}
.nav-bar{position:fixed;top:0;right:0;left:0;width:100vw;height:100vh;transform:translateX(200%);z-index:99999999;transition:.8s;padding-left:20px;padding-right:20px;color:rgba(var(--light-color),1);overflow-y:scroll}
.nav-bar li{margin:10px auto}
.drop-down-cont li{margin:5px 0!important}
.nav-bar.active{transform:translateX(0)}
}
@media screen and (max-width:576px){
section.py-5.mt-5.sec2 {    margin: 0!important;}
section.platforms.pt-5 {    padding: 0!important;} 
.modal-body::after{display:none;}
.cta{border-radius:100px}
.f-55{font-size:40px}
.f-40{font-size:30px}
footer .f-40{font-size:24px}
.fact_slider .f-55{font-size:34px}
.drop-down-cont{width:100%}
}
@media screen and (max-width:431px){
body{font-size:12px}
.btn,button{padding:10px!important}
}
.ban_form{background:#00000094 url(img/ban_form.webp) top center / 100% no-repeat;padding:30px 20px 20px 20px;border:1px solid var(--white);border-radius:10px;box-shadow:0 0 30px rgb(0 0 0 / 15%);text-align:center;}
.ban_form h2{margin:0 0 20px;font-size:22px;color:#fff;}
.banner.lozad.bg{background:url(../../assets/img/main_banner.jpg) no-repeat;background-size:cover;background-repeat:no-repeat;background-position: top;}
section.py-5.mt-5.sec2{background:#0000007d url(../../assets/img/banner1.jpg) no-repeat;background-size:cover;background-position:center;color:#fff;background-blend-mode:color;}
section.py-5.mt-5.sec2 h2{color:#fff;}
section.py-5.mt-5.sec2 h3{color:#fff;}
section.py-5.mt-5.sec2 p{color:#fff;}
section.bg-1-l.py-5.portfolio{background:#0000008f url(../../assets/img/banner2.jpg) no-repeat;background-size:cover;background-position:top;background-blend-mode:color;color:#fff;}
footer{background:url(../../assets/img/footer.jpg) no-repeat;background-size:cover;background-position:center;}
section.py-5.mt-5.termss {
    background: #000!important;
    color: #fff!important;
    margin: 0!important;
}