.fa-icon,.header-heading .fa-icon{margin-left:5px;font-size:12px}
span.circle,span.circle2{background:rgba(255,255,255,.2);top:-10%;border-radius:50%;display:block;position:absolute}
.brand-logo a,.key-points,.key-points2,.link-prb,.onloadpage .pre-text- span,.top_banner h1 span,.visiblediv,details,footer,header,nav,section,span.circle,span.circle2,summary{display:block}
*,.badges{vertical-align:baseline}
*,.loader-icon:before{box-sizing:border-box}
.blog-details-list,.list-style- li,.ul-list li{list-style-type:circle}
.bordered_layout.gray,.serviceBox-4.gray,:root{--gray-color:#252D36}
.badges,.dropdown-item,.filter-menu{white-space:nowrap}
:root{--logo-color:#f87700}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:#e8e8e8}
::-webkit-scrollbar-thumb:hover{background:#fb5496}
::-webkit-scrollbar-thumb{background-image:-webkit-linear-gradient(45deg,#ffbd84,#ff1f8e);background-image:-o-linear-gradient(45deg,#ffbd84,#ff1f8e);background-image:linear-gradient(45deg,#ffbd84,#ff1f8e)}
::-moz-selection{background:rgba(166,175,189,.3)}
::selection{background:rgba(166,175,189,.3)}
.dropdown-item,.form-block .messages button:hover{background-color:transparent}
*{-webkit-font-smoothing:antialiased;-moz-os-font-smoothing:grayscale;outline:0}
.btn-main,.dropdown-item,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}
h1,h2,h3,h4,h5,h6{color:#050748;font-weight:600}
ul{list-style:none}
.hc-offcanvas-nav li .custom-message a:hover,.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover,a:hover{text-decoration:none}
button:focus{outline:0!important}
.dropdown-item,.font-15{font-size:15px}
.header-heading .fa-icon{animation:2s infinite arrowanim;-webkit-animation:2s infinite arrowanim}
.common-heading,.common-heading-2{padding:0;text-align:center;position:relative;z-index:10}
.common-heading h2,html .mb60{margin-bottom:60px}
.inner-heading h2,.offcanvas-body .getintouchblock p,.work-category .common-heading h2,html .mb30{margin-bottom:30px}
.v-center{align-self:center;align-items:center}
.lnk,.portfolio-item-image-1,button{position:relative;overflow:hidden}
.no-shadow{box-shadow:none!important}
span.circle{right:-130px;width:200px;height:200px}
.lnk:hover span.circle{top:-10%;right:-80px}
span.circle2{right:-50px;width:80px;height:80px}
.lnk:hover span.circle2{top:-10%;right:-40px}
.text-radius{border-radius:3px;padding:0 3px}
.header-icon-nav a{background:#ffffff7a;padding:12px;margin:5px;border-radius:50%;color:#0a2233}
.sticky .custom-nav .nav-list li a.menu-links,.sticky .dsk-logo{line-height:70px}
.top-header{position:relative;z-index:999}
.top-header .dropdown-toggle::after{display:inline-block;margin-left:3px;vertical-align:baseline;content:"+";border-top:0;border-right:0;border-bottom:0;border-left:0;border-radius:100px}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#fff;outline:0}
.dropdown-item.active,.dropdown-item:active{color:#0a2233;text-decoration:none;background-color:#fff;outline:0}
.dropdown-menu{border:0 solid rgba(0,0,0,.15)}
header .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:10px 0;margin:0;font-size:16px;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0;border-top:0 solid #00baff;border-radius:0 0 8px 8px;-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.dropdown-item{display:block;width:100%;clear:both;text-align:inherit;border:0;color:#0a2233;font-weight:500;padding:10px 15px}
.-client-details-,.follow-label,.media,.menu-header,.sub-menu-center-block{display:flex}
.btn-block a,.btn-main,.btn-round-{text-align:center}
.top-header .sticky{background:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,.08);box-shadow:0 4px 6px 0 rgba(12,0,46,.08);height:70px}
.case-study4,.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover,.nav-item.dropdown:hover,.portfolio-item-info-1 a:hover{background:#fff}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;padding-top:0;padding-bottom:0;height:100px}
.modal{z-index:999999}
.main-header.sticky .nx-dropdown{top:65px}
.info-text-block h4 a,.main-header.sticky .custom-nav .nav-list li a.menu-links,.nav-bg-b .custom-nav .nav-list li a.menu-links,.portfolio-item-info h3 a,.post-navigation h4 a,.single-blog- .content .title a,.single-blog-info- h4 a,.text-d,.text-d a,.text-d h1,.text-d h2,.text-d h3,.text-d h4,.text-d h5,.text-d h6,h3 a{color:#050748}
.btn-br,.btn-br:hover,.btn-main,.btn-main:hover,.dark-main a.bg-btn,.dark-main a.lnk,.dg2-main .isotope_item h4 a,.ho-gdnt .s-block:hover a,.ho-gdnt .s-block:hover h4,.ho-gdnt .s-block:hover p,.niwax-btn2:hover,.niwax-btn3:hover,.text-w,.text-w a,.text-w h1,.text-w h2,.text-w h3,.text-w h4,.text-w h5,.text-w h6{color:#fff}
.main-header.sticky{height:70px;background:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,.08);box-shadow:0 4px 6px 0 rgba(12,0,46,.08)}
.main-header{padding:0 20px;height:85px;z-index:999;border-bottom:1px solid rgba(255,255,255,.1)}
.menu-header{align-items:center;justify-content:space-between;width:100%}
.custom-nav .sbmenu>a::before{content:"+";position:absolute;right:4px}
.custom-nav .sbmenu.hover>a::before{content:"-"}
#main-nav,.custom-control-label::after,.custom-control-label::before,.custom-nav .nav-list li.hidedesktop,.ft-menu-bottom,.hc-offcanvas-nav input[type=checkbox],.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2,.hiddendiv,.main-header .mega-white-logo,.main-header.sticky .mega-white-logo,.mobile-menu2,.moretext,.moretext-2,.moretext-3,.nav-bg-b.main-header .mega-darks-logo,.nav-bg-b.main-header.sticky .mega-white-logo,.single-choose-item:last-child:after,.switch-wrapper .switch input{display:none}
.main-header.sticky .mega-darks-logo,.nav-bg-b.main-header .mega-white-logo{display:inline-block}
.dsk-logo{float:left;line-height:85px}
.dsk-logo .nav-brand img{max-height:75px}
.custom-nav .smfull,.form-block button,.image-div img,.image-set img,.item-image img,.offer-image img{width:100%}
.custom-nav .nav-list li,.free-cta-title,.project-platform,.single-blog-{display:inline-flex}
.blog-wrap-new,.br-blog-post-,.contact-show,.custom-nav .nav-list li.rpdropdown,.hc-offcanvas-nav .nav-item-wrapper,.item-image,.navm-,.pic-change,.pos-relative,.ser-block,.single-blog-img-,.timeline,footer{position:relative}
.custom-nav .nav-list li a.menu-links{font-size:16px;color:#050748;font-family:Poppins,sans-serif;font-weight:500;padding:0 15px;line-height:85px;text-transform:uppercase;position:relative;overflow:hidden}
.btn-br{line-height:48px;border-radius:100px;padding:0 20px}
.btn-round-{width:48px;height:48px;line-height:48px;padding:0;margin-right:8px;position:relative;display:inline-block}
.btshad-b1{-webkit-box-shadow:0 10px 15px 0 rgba(175,0,87,.2);box-shadow:0 10px 15px 0 rgba(175,0,87,.2)}
.btshad-b2{-webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);box-shadow:0 10px 15px 0 rgba(56,0,189,.2)}
.nx-dropdown{position:absolute;z-index:1;top:80px;opacity:0;height:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.sub-menu-column{width:25%;float:left;padding:0 20px}
.sub-menu-column ul{width:100%;display:inline-block;position:relative}
.sub-menu-column ul li{width:100%;height:auto;float:left;padding:0;margin-right:0;margin-bottom:9px}
.sub-menu-column ul li a{width:100%;font-size:14px;color:#050748;position:relative;line-height:25px;font-weight:600}
.sub-menu-column ul li a:hover{color:#f87700}
.sub-menu-section{box-shadow:0 10px 20px 0 rgb(0 0 0/.04);border-top:2px solid #f3f3f3;width:100%;padding:20px 0;display:inline-block;background-color:#fff;margin-top:4px}
.btn-block a{min-width:230px;-webkit-box-shadow:0 10px 15px 0 rgba(47,0,16,.15);box-shadow:0 10px 15px 0 rgba(47,0,16,.15)}
div.custom-nav>ul>li.sbmenu>a:after{content:'';position:absolute;width:100%;height:5px;background:#4f4daf;left:-100%;bottom:0;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
div.custom-nav>ul>li.sbmenu:hover>a:after{left:0;opacity:1}
.contact-info-{width:100%;display:inline-block;padding:0;background:#fff;border-radius:5px;margin-top:20px;position:relative;box-shadow:0 0 5px rgba(0,0,0,.3)}
.hero-card-web,.hero-section{padding-bottom:100px;height:100vh;position:relative;overflow:hidden}
.contact-info-:after{content:'';position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid rgba(255,255,255,.95);top:-14px;right:22px;transition:1s;-moz-transition:1s;-webkit-transition:1s}
.hero-bg-bg1:before,.service-section:before{content:"";width:100%;position:absolute;left:0}
@-webkit-keyframes ring-ani{
to{box-shadow:0 0 0 18px transparent}
}
.hero-card-web{padding-top:150px;align-items:center;display:flex}
.awards-block-tt,.wptbb+.wptbb,html .mt40{margin-top:40px}
.service-slide{border-radius:30px;max-width:280px;overflow:hidden;margin:20px 0;transform-style:preserve-3d;transform:perspective(1000px)}
.card-bg-a{background:#3faee5;background:-moz-linear-gradient(top,#3faee5 0,#6d03ce 100%);background:-webkit-linear-gradient(top,#3faee5 0,#6d03ce 100%);background:linear-gradient(to bottom,#3faee5 0,#6d03ce 100%)}
.card-bg-b{background:#ff92f6;background:-moz-linear-gradient(top,#ff92f6 0,#b300a5 100%);background:-webkit-linear-gradient(top,#ff92f6 0,#b300a5 100%);background:linear-gradient(to bottom,#ff92f6 0,#b300a5 100%)}
.card-bg-c{background:#3e35b7;background:-moz-linear-gradient(top,#3e35b7 0,#4c4aff 100%);background:-webkit-linear-gradient(top,#3e35b7 0,#4c4aff 100%);background:linear-gradient(to bottom,#3e35b7 0,#4c4aff 100%)}
.card-bg-d{background:#f72c8c;background:-moz-linear-gradient(top,#f72c8c 0,#b82dcf 100%);background:-webkit-linear-gradient(top,#f72c8c 0,#b82dcf 100%);background:linear-gradient(to bottom,#ffa76a 0,#ff8e38 100%)}
.card-bg-e{background:#5782ea;background:-moz-linear-gradient(top,#5782ea 0,#2251af 100%);background:-webkit-linear-gradient(top,#5782ea 0,#2251af 100%);background:linear-gradient(to bottom,#5782ea 0,#2251af 100%)}
.btn-main,.form-block button:hover{background-color:#ff1f8e}
.hero-bg-bg1:before{background:url(https://www.compusysesolutions.com/images/hero/banner-shap-2.png) left 0/contain no-repeat;height:100vh;right:0;top:0}
.hero-section{padding-top:100px;align-items:center;display:grid}
.btn-main{font-size:16px;font-weight:400;padding:0 32px;line-height:56px;outline:0;border:none;-webkit-border-radius:100px;border-radius:100px;display:inline-block;position:relative;-webkit-box-shadow:0 10px 15px 0 rgba(233,30,99,.15);box-shadow:0 10px 15px 0 rgba(233,30,99,.15)}
.s-block,.wide-block{-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);position:relative}
.header-heading h1{font-size:55px;line-height:72px;font-weight:700;margin-bottom:30px}
.header-heading p{font-size:19px;line-height:30px;margin-bottom:35px;color:var(--gray-color)}
.text-l,.text-left{text-align:left!important}
.common-heading>span{color:#e60072;text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:400;margin:0 0 15px;display:block}
.s-block a,.work-card p{color:#050748;font-family:Poppins,sans-serif}
.quote{font-weight:500;padding:25px;position:relative;border-left:4px solid #ff358f;margin:30px 0;background:#fafafb;color:#6a6a8e;font-family:Poppins,sans-serif}
.owl-carousel .user-image img,.user- .user-image img{border-radius:100%;width:80px}
.user-info{margin:0 0 0 20px;text-align:left}
.form-block p.trm,.icon-bg,.s-block,.work-card{text-align:center}
.-cta-btn p span,.niwax21,.text-bold,.user-info p span{font-weight:700}
.service-section{background:#fff;position:relative;overflow:hidden}
.image-block img,.img-block img{width:100%;border-radius:8px}
.white-text{color:#fff!important}
.service-section:before{background:url(https://www.compusysesolutions.com/images/shape/dot-shape.png) center top/contain #d7f0fd;height:400px;right:0;top:0}
.s-block{background:top right/200% no-repeat #fff;padding:50px 20px;margin:0;border:1px solid #d4f0ff;-webkit-border-radius:8px;border-radius:8px;box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.service-section .s-block{background:url(https://www.compusysesolutions.com/images/shape/shape-7.svg) top right/180px no-repeat #fff}
.s-card-icon{width:80px;margin:0 auto 30px}
.info-text-block h4,.s-block h4{margin:0 0 10px}
.s-block a{display:inline-block;margin:30px 0 0}
.service-2:before{background-color:#f9f9f9}
.wide-block{padding:40px 30px;margin:5px 0;border:0 solid #d4f0ff;-webkit-border-radius:8px;border-radius:8px;box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.service-img1{background:#e9ddff}
.service-img1:after{background:url(https://www.compusysesolutions.com/images/service/service-img-1.webp)}
.service-img2{background:#ffdadb}
.service-img2:after{background:url(https://www.compusysesolutions.com/images/service/service-img-2.webp)}
.service-img3{background:#d6edff}
.service-img3:after{background:url(https://www.compusysesolutions.com/images/service/service-img-3.webp)}
.service-img4{background:#ffede1}
.service-img4:after{background:url(https://www.compusysesolutions.com/images/service/service-img-4.webp)}
.wide-block:after{content:'';position:absolute;right:0;top:0;height:100%;width:100%;background-size:280px;background-position:right center;background-repeat:no-repeat}
.wide-block h4{margin:20px 0 30px}
.small,html .mt100{margin-top:100px}
.portfolio-section{background:#fff;position:relative}
.portfolio-section:before{content:"";background:url(https://www.compusysesolutions.com/images/shape/dot-pattern.png);position:absolute;height:400px;right:0;left:0;top:0}
.info-text-block,.item-info{padding:20px 0 0}
.item-image{display:block;width:100%;border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.clients-logo,.portfolio-block{align-items:center;display:flex}
.portfolio-block{border-radius:8px;justify-content:space-between}
.portfolio-item-info{width:50%;padding-right:40px}
.portfolio-item-image{width:50%;text-align:center}
.portfolio-item-info .review-text,.portfolio-item-info-1 .review-text{padding:0 0 20px}
.portfolio-item-info .reviews-card{background:rgba(255,255,255,.6);padding:25px;border-radius:8px}
.clients-logo{background:#fff;padding:0 15px;max-height:150px;min-height:150px;margin:0 15px;border:1px solid #d4f0ff;position:relative;border-radius:8px;-webkit-box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff;box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff}
.clients-logo img,.icon-bg{margin:0 auto;display:block}
.image-div,.work-card{-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.clients-section{background:#fffaf5;background:-moz-linear-gradient(top,#fffaf5 0,#f8ecff 100%);background:-webkit-linear-gradient(top,#fffaf5 0,#f8ecff 100%);background:linear-gradient(to bottom,#fffaf5 0,#f8ecff 100%)}
.clients-logo img{width:160px}
.opl ul{display:contents}
.opl ul li{float:left;position:relative}
.work-category{background:#fbf9ed;background:-moz-linear-gradient(top,#fbf9ed 0,#fbeaf8 100%);background:-webkit-linear-gradient(top,#fbf9ed 0,#fbeaf8 100%);background:linear-gradient(to bottom,#fbf9ed 0,#fbeaf8 100%);position:relative}
.work-card p{line-height:22px;font-size:15px;margin:5px 0 0;padding:0 12px}
.form-block input,.form-block select,.form-block textarea{margin:0 0 15px;color:#172b43;font-size:16px;background:#fff;outline:0}
.icon-bg{height:62px;width:62px}
.icon-set{width:25%;display:inline-block;float:left;position:relative}
.work-card{margin:10px;padding:30px 20px;max-height:170px;min-height:170px;border-radius:8px 40px;box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.user-info p{font-size:16px;line-height:24px}
.custom-file-label::after{line-height:44px;position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;border:0;height:auto;padding:0 15px;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0;cursor:pointer}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;padding:0 15px;font-weight:400;height:50px;line-height:46px;background-color:#fff;border:2px solid #ced4da;border-radius:4px}
.custom-file{position:relative;display:inline-block;width:100%;height:auto;margin-bottom:0}
.form-block input:focus,.form-block textarea:focus{border-bottom:2px solid #ff1f8e}
.form-block input,.form-block select{width:100%;height:50px;padding:0 15px;border:0;border-bottom:2px solid #e6e6e6;-webkit-border-radius:4px;border-radius:4px}
.form-block textarea{height:100px;width:100%;padding:15px;border:0;border-bottom:2px solid #e6e6e6;-webkit-border-radius:4px;border-radius:4px}
.common-heading.pp h2,.form-block .form-group,html .mb0{margin-bottom:0}
.help-block.with-errors{color:#ff5050}
.messages .close{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;text-align:right;position:absolute;right:5px;top:0}
.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#ff1f8e;background-color:#ff1f8e}
.custom-control-input:focus~.custom-control-label::before{-webkit-box-shadow:0 3px 6px rgba(91,130,148,.08);box-shadow:0 3px 6px rgba(91,130,148,.08)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#ffbc80}
.custom-control-label::before{position:absolute;top:-1px;left:-1.5rem;width:20px;height:20px;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}
.custom-control-label::after{position:absolute;top:-3px;left:-26px;width:25px;height:25px;content:"";background:50%/50% 50% no-repeat}
.form-block label input{height:20px;width:20px;position:relative;top:5px;margin:0 5px 0 0}
.fieldsets label{position:relative;top:-14px;font-size:14px;color:#ff1f8e;margin:0;padding:0;display:inline}
.custom-control label{text-indent:-21px;font-size:14px}
.form-block label a{color:#000}
.form-block p.trm{font-size:13px;width:100%;margin:10px 0 0}
.form-block p.trm i{padding:5px 5px 0 0}
.-address-list li a,.footer- p a,.star-rate li a{color:#6a6a8e}
.-address-list li a i{width:25px}
.-address-list li{line-height:35px}
.footer-svg{height:80px;overflow:hidden;margin:-20px 0 0}
.footer-svg svg path{fill:#fff0f5}
footer .row{position:relative;z-index:1}
.footer-row1{background:#fffdf2;background:-moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);background:-webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);background:linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%);padding:80px 0}
.footer-row2{background:#fff;padding:50px 0 80px}
.footer-row3{background:#fff;padding:40px 0}
.footer-row2 h5{margin-bottom:25px;font-size:24px;font-weight:500;margin-top:30px}
.footer-address-list li p{font-weight:600;font-size:18px;font-family:Poppins,sans-serif;line-height:25px}
.footer-address-list li p span{display:flex;font-weight:400;font-size:15px;font-family:open sans,sans-serif}
.footer-address-list li>span{position:relative;top:5px}
.footer-address-list li{color:#6a6a8e;display:flex;padding:0 0 12px}
.btn-outline,.cta-call a,.link-hover a,.tech-icons a,.tech-icons li{display:inline-block}
.footer-address-list li:last-child,.leadpopup .modal-body{padding:0}
.footer-address-list li a{color:#6a6a8e;font-family:open sans,sans-serif;font-size:16px;line-height:24px}
.footer-address-list li i{margin:0 15px 0 0;display:initial;font-size:21px}
.footer-block{padding:20px 0}
.footer-link--,.hc-offcanvas-nav.rtl li,.social-links,.text-right{text-align:right}
.social-links a{color:#6a6a8e;font-size:25px;line-height:1}
.footer-social-media-icons a:hover,.link-hover a:hover{color:#ff1f8e!important}
.footer-social-media-icons a{color:#6a6a8e;font-size:26px;border-radius:4px;margin:0 20px;width:35px;height:35px;display:inline-block;text-align:center;line-height:34px}
.copyright{text-align:center;color:#6a6a8e}
.footer-social-media-icons{margin:0 0 30px}
.link-hover a{color:#6a6a8e;font-family:Poppins,sans-serif;padding:3px 0;position:relative;overflow:hidden;-webkit-transition:width .6s cubic-bezier(.25, .8, .25, 1);-o-transition:width .6s cubic-bezier(.25, .8, .25, 1);transition:width .6s cubic-bezier(.25, .8, .25, 1);z-index:1}
.link-hover a::after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;-webkit-transition:width .6s cubic-bezier(.25, .8, .25, 1);-o-transition:width .6s cubic-bezier(.25, .8, .25, 1);transition:width .6s cubic-bezier(.25, .8, .25, 1);background:currentColor}
.link-hover a:hover::after{width:100%;left:0;right:auto}
.why-choose{background:#f7fcff}
.banner-4{background:url(https://www.compusysesolutions.com/images/banner/2.jpg) center center/cover no-repeat}
.bd-hor .bd-hor-base,.case-study1,.case-study3,.form-block,.service,.team{overflow:hidden}
.bg-gradient99{background:#fff;background:-moz-linear-gradient(top,#fff 0,#eef4fd 100%);background:-webkit-linear-gradient(top,#fff 0,#eef4fd 100%);background:linear-gradient(to bottom,#fff 0,#eef4fd 100%)}
.image-div{box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;overflow:hidden}
.full-image-card,.single-card-item,html .mt60{margin-top:60px}
.banner-3{background:url(https://www.compusysesolutions.com/images/banner/5.jpg) center center/cover no-repeat}
.tech-icons img{width:45px;margin:0 auto;position:absolute;right:0;left:0;top:50%;transform:translatey(-50%)}
.tech-icons li{margin:6px}
.tech-icons a:hover{border:4px solid #d9cbff}
.tech-icons a{border:4px solid #fff;position:relative;width:90px;height:90px;background:#fff;border-radius:100%;-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.banner-2{background:url(https://www.compusysesolutions.com/images/banner/6.jpg) center center/cover no-repeat}
.ps-block h3,.service .common-heading h2{margin-bottom:20px}
.btn-outline{border:2px solid #000248;color:#050748;padding:0 32px;font-family:Poppins,sans-serif;font-size:16px;background:#fff;-webkit-box-shadow:0 10px 15px 0 rgba(3,35,68,.1);box-shadow:0 10px 15px 0 rgba(3,35,68,.1);line-height:52px;-webkit-border-radius:100px;border-radius:100px}
.btn-outline:hover{background:#ff1f8e;color:#fff;border:2px solid #ff1f8e}
.cta-call{margin:30px 0 0}
.cta-call i,.single-blog- .post-meta i{margin:0 5px 0 0}
.cta-call a{font-family:Poppins,sans-serif;font-size:24px;color:#6a6a8e;padding:0 0 0 10px}
.common-heading.ptag h2,html .mb15{margin-bottom:15px}
.bread-inner p,.common-heading.ptag p,.ps-block p,p{font-size:16px;line-height:28px}
.quote-css,h1{font-size:45px}
.fb-btn,.google-btn,h3{line-height:46px}
.image-block1 img{-webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;-webkit-border-radius:8px;border-radius:8px;width:100%}
.image-block img{-webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;-webkit-border-radius:8px}
.case-study .image-div,.info-card{-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.post-info,.s-block-content{margin:0 0 0 20px}
.service-point-2{display:flow-root}
.service-point-2 li{font-size:15px;font-weight:600;line-height:25px;padding:4px 0;float:left;width:50%;color:#222}
.footer-badges- li a img,.s-card-icon-large{width:150px}
.s-block-content-large{margin:0 0 0 20px;width:calc(100% - 150px)}
.banner-5{background:url(https://www.compusysesolutions.com/images/banner/7.jpg) center center/cover no-repeat}
.case-study .image-div{border-radius:8px;overflow:hidden;box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.case-study2{background:#fee}
.case-study2 .s-block{text-align:center;background:#fff;padding:50px 20px;margin:5px 0;position:relative;border:1px solid #d4f0ff;-webkit-box-shadow:-25px 25px 45px #f0dede,25px -25px 45px #fff6f6;box-shadow:-25px 25px 45px #f0dede,25px -25px 45px #fff6f6}
.case-study1 .image-block img,.case-study3 .image-block img{-webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;width:100%}
.project-platform-used a{display:flex;margin:0 auto;align-items:center;height:100%}
.project-platform-used img{width:40px;margin:0 auto}
.project-platform-used{width:80px;height:80px;background:#fff;border-radius:100%;text-align:center}
.category-blog{position:absolute;left:0;bottom:0}
.app-cta,.author-block,.follow-label h6,.item-info-div,.list-ul li,.modal-body,.reviews-card,.service-section-app,.service-section-prb,.single-image img{position:relative}
.category-blog a{display:inline-block;padding:5px;background:#fe409c;color:#fff}
.blog-post-tag span,.blog-share-icon span{font-weight:700;color:#062a4d;margin-bottom:17px;display:block}
.image-set,.offer-image{border-radius:8px;overflow:hidden}
.blog-header .user-image img{border-radius:100%;width:50px}
.blog-header .user-info{font-family:Poppins,sans-serif;margin:0 0 0 20px}
.ul-list{padding:0 0 0 20px}
.ul-list li{font-size:16px;line-height:38px}
.author-block{padding:30px;margin-top:50px;border-top:none;background:#fafafb;border-radius:10px}
.author-block .user-image img{width:80px;border-radius:100px}
.form-blog button{width:max-content}
.form-blog{background:#fafafb;padding:40px;border-radius:8px}
.blog-post-tag span,.blog-share-icon span{font-size:18px}
.blog-share-icon a{color:#6a6a8e;font-size:18px;margin-right:22px}
.blog-post-tag a,.info-card span i{margin-right:10px}
.blog-post-tag a{color:#6a6a8e;display:inline-block;font-size:14px;font-weight:600;margin-bottom:10px;border:2px solid #eaedff;border-image:initial;padding:12px 24px;border-radius:5px}
.blog-share-icon a:last-child{margin-right:0}
.post-navigation span a{color:#6a6a8e;margin-bottom:5px;display:block}
.-cta-btn,.-service-list li a,.review-icons a,.star-rate li{display:inline-block}
.banner-6{background:url(https://www.compusysesolutions.com/images/banner/4.jpg) center center/cover no-repeat}
.info-card{padding:30px;box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.contact-card{background:#fff8f2}
.email-card{background:#ffecec}
.skype-card{background:#eafffd}
.info-card span{font-size:20px;font-weight:700;font-family:Poppins,sans-serif}
.info-card p{font-size:16px;line-height:28px;margin:20px 0 10px}
.info-card a{font-size:20px;color:inherit;font-weight:600}
.list-ul li{padding:0 0 12px 29px;line-height:22px;font-size:16px}
.pricingoffers .list-ul li{padding:0 0 10px 24px;position:relative;line-height:22px;font-size:15px}
.seo-list li:before{font-family:"font awesome 5 free";font-weight:700;position:absolute;left:0;top:2px;font-size:15px}
.ul-circle li:before{content:"\f0a9"}
.reviews-block{background:#fafaff}
.pr-shadow,.shdo{-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)}
.reviews-card{z-index:9;background:#fff;padding:25px;border-radius:8px}
.right-review-box p{color:#676767;font-size:16px;line-height:25px;letter-spacing:.4px;font-style:inherit}
.bordered_layout .title,.serviceBox-4 .title{letter-spacing:1px;text-transform:capitalize}
.review-text{padding:30px 0;text-align:justify}
.-cta-btn,.badges,.badges-content,.item-info-div,.niwax-logo-slider .industry-workfors{text-align:center}
.left-review-box h4{font-size:16px;letter-spacing:1px;color:#333;padding:8px 0 0}
.reviewer-text h4{color:#333;padding:5px 0 0;font-size:16px;line-height:24px}
.reviewer-text p{font-size:15px;line-height:20px}
.star-rate li{margin:0 2px}
.mt5,.star-rate{margin-top:5px}
.star-rate li a.chked{color:#ff711c}
.follow-label h6{margin:0 40px 0 0}
.follow-label h6:after{content:'';position:absolute;top:50%;right:-38px;width:30px;height:1px;background:#6a6a8e}
.follow-label a{color:#6a6a8e;padding:5px 10px;font-size:20px}
.header-heading .title-{display:block;margin-bottom:15px}
.header-heading span{color:#e60072}
.lead-hero{background:url(https://www.compusysesolutions.com/images/hero/bg-gradient.jpg) center center/cover no-repeat}
.lead-gen-client .clients-logo{background:#fff;padding:0 15px;max-height:150px;min-height:150px;margin:0;border:1px solid #d4f0ff;align-items:center;display:flex;position:relative;border-radius:8px;-webkit-box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff;box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff}
.badges-content p{font-size:15px;line-height:22px;padding:0 50px;margin-top:10px}
.-service-list li:last-child{border-right:none}
.-service-list li a{font-size:13px;color:#6a6a8e;text-transform:uppercase;text-decoration:none;padding-bottom:5px;font-weight:700}
.footer-blog- .single-blog-:last-child,.media+.media,.mt-20,.mt30-,.tab-content,html .mt20{margin-top:20px}
.service-section-prb{margin-top:-200px}
.single-image img{z-index:5;border-radius:8px}
.-cta-btn{margin:0 auto;width:100%}
.-cta-btn p{font-size:30px;color:#050748;margin:0 30px 0 0}
.brand-logo{background:#fff;border-radius:10px;max-width:180px;margin:0 auto;padding:10px}
.review-icons a{padding:0 20px}
.bg-none{background:0 0}
.dark-footer,.dark-footer .footer-address-list li a,.dark-footer .footer-address-list li p,.dark-footer .footer-address-list li>span,.dark-footer .footer-link-- li a,.dark-main .footer-address-list li a,.dark-main .post-social a,.dark-main a,.dark-main p{color:#a2a2a2}
.dark-footer h2,.dark-footer h4,.dark-footer h5,.dark-main .single-blog-info- h4 a,.dark-main h1,.dark-main h2,.dark-main h3,.dark-main h4,.dark-main h5,.dark-main h6{color:#e6e6e6}
.box-none,.dark-main input,.dark-main textarea{box-shadow:none}
.dark-main .s-block,.dark-main .single-blog-post-{background:#1d1d1d;border:1px solid #1d1d1d}
.dark-main .post-social{border-top:1px solid #2b2b2b}
.dark-main .blog-content-tt{border:0 solid #ececec}
.quote-css{padding:0 20px 0 0;color:#909090}
.common-heading-2 h2{font-weight:900}
.common-heading-2>span{color:#e60072;text-transform:uppercase;letter-spacing:.5px;font-size:16px;margin:0 0 15px;display:block;font-weight:900}
.-service-list li,.breadcrumb-area ul li,.footer-badges- li,.footer-link-- li,.post-social a{display:inline-block}
.single-blog-post-{border-radius:8px;background:#fff}
.single-blog-img- img{border-radius:8px 8px 0 0}
.single-blog-info- h4{margin-bottom:18px;font-size:calc(14px + (15 - 14) * ((100vw - 768px)/ (1600 - 768)));line-height:1.6}
.post-social{margin:30px 0 0;border-top:1px solid #dadada;padding-top:30px}
.post-social a{color:#6a6a8e;padding:0 10px 0 0}
.blog-content-tt{padding:45px 25px 25px;border:1px solid #ececec;border-top:0;border-radius:0 0 8px 8px}
.footer-link-- li a{color:#bdbfca;margin-left:15px;font-size:16px}
.end-footer-{border-top:1px solid rgba(237,237,237,.05);margin-top:70px;padding:35px 0}
.img-design{display:inline-flex;align-items:center}
.div-portfolio-{padding:60px;border-radius:8px}
.div-item-image img{border-radius:8px;width:inherit!important;margin:0 auto}
.instagram-post{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px}
.link-blog-post a{position:absolute;right:0;bottom:0;padding:20px;background:#fff;color:#050748;font-weight:600}
.mobile-app-{background-image:-moz-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);background-image:-webkit-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);background-image:linear-gradient(45deg,#4a0079 0,#4202b2 50%,#4400b1 100%)}
.img100w{max-width:100%!important;width:auto!important}
.service-section-app{background:url(https://www.compusysesolutions.com/images/shape/wave-bg.png) center bottom/contain repeat-x}
.-service-list li:first-child{padding-left:0}
.-service-list li{text-transform:uppercase;list-style:none;padding:0 8px;border-right:1px solid #d4d4d4}
.service-card-app{display:block;background:#fff;box-shadow:0 11px 20px rgb(123 149 162/15%);font-weight:400;font-size:14px;padding:30px;border-radius:40px 8px}
.clients-section-app{background:#4302ae}
.item-info-div{background:#fff;padding:15px;top:-40px;width:95%;border-radius:40px 8px 8px;margin:0 auto}
.block-1 .statnumb,.item-info-div h4{margin:0}
.pl50{padding-left:50px!important}
.app-cta{background:#4301b2;overflow:hidden}
.info-text-div{padding:20px;background:#fff;box-shadow:0 20px 30px -20px rgb(0 21 167/20%);border-radius:8px;border-bottom:5px solid #b0bdff}
.bg-light-ylo{background:#e9f5ff}
.fb-btn{background-color:#3b5998!important}
.google-btn{background-color:#e94235!important}
.modal-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:30px}
.badges{display:inline-block;padding:.25em .4em;font-size:50%;font-weight:700;line-height:1;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.div-for-data{border:1px solid #e0e0e0;margin:0;text-align:left;width:100%;border-radius:8px;background:#fff;border-collapse:separate}
.post-info h5 a{color:#050748;font-size:16px}
.btn-small{font-size:15px;font-weight:400;padding:0 20px;line-height:35px}
.pr30{padding-right:30px}
.pl30{padding-left:30px}
.custom-file-input:focus~.custom-file-label{border-color:#ced4da;box-shadow:none}
.list-style-{padding:0 0 0 20px;text-align:left}
.list-style- li{line-height:32px}
.footer-link-v2 li{display:inline-flex;padding:0 15px}
.footer-badges-{display:flex;justify-content:space-between}
.footer-brands{background:#000;padding:30px 0}
.single-blog- img{height:70px;width:70px;display:block;border-radius:8px;max-width:70px}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item,.single-blog- .post-meta{font-size:13px}
.single-blog- .content .title{line-height:20px;font-size:15px}
.single-blog- .content .title a:hover{color:#ff1f8e}
.icon-card-{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:15px}
.icon-card- img{width:60px}
.icon-card- h4{margin:20px 0}
.onloadpage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:#fff}
.desktopblock,.floating-label,.hero-slider,.img-wide-blocktt,.pbwide{position:relative}
.onloadpage .pre-content{top:50%;position:relative;right:0;left:0;text-align:center;transform:translateY(-50%)}
.onloadpage .pre-text-{font-size:18px;line-height:28px;font-weight:600;width:30%;margin:0 auto}
.logo-pre{background:linear-gradient(to bottom,#fffce9 0,#ffe1ec 100%);border-radius:50%;height:100px;width:100px;box-shadow:0 0 0 0 rgb(0 0 0/0%);animation:2s infinite pulse;margin:0 auto 30px;display:flex;align-items:center;padding:8px}
.icon-btn,.pbwide{align-items:center}
@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(0,0,0,.5)}
70%{box-shadow:0 0 0 30px transparent}
100%{box-shadow:0 0 0 0 transparent}
}
.tilt-3d .base,.tilt-outer{transform-style:preserve-3d;transform:perspective(1000px)}
.-shadow{-webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff}
h1{line-height:57px}
h2{font-size:40px;line-height:52px}
h3{font-size:34px}
h4{font-size:22px;line-height:32px}
h5{font-size:20px;line-height:30px}
h6{font-size:16px;line-height:26px}
.pad-tb{padding-top:40px;padding-bottom:50px}
.pad-tb-30{padding-top:30px;padding-bottom:30px}
.pad-tb-40{padding-top:40px;padding-bottom:40px}
.pad-tb-50{padding-top:50px;padding-bottom:50px}
.pad-tb-80{padding-top:80px;padding-bottom:80px}
.pad-tb-100{padding-top:100px;padding-bottom:100px}
.pad-tb-120{padding-top:120px;padding-bottom:120px}
.pad-tb-150{padding-top:150px;padding-bottom:150px}
.pr--100{padding-right:100px}
.pl--100{padding-left:100px}
.pl--50{padding-left:50px}
.pr--50{padding-right:50px}
html .pl5{padding-left:5px!important}
.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,html .pm0{padding-bottom:0}
html .mt0{margin-top:0}
.common-heading.text-l>p,.contact-data ul li+li,html .mt10{margin-top:10px}
.mt-30,html .mt30{margin-top:30px}
.block-1 .small,html .mt50{margin-top:50px}
html .mt70{margin-top:70px}
html .mt80{margin-top:80px}
html .mt90{margin-top:90px}
html .mb5{margin-bottom:5px!important}
html .mb10{margin-bottom:10px!important}
html .mb20{margin-bottom:20px!important}
html .mb25{margin-bottom:25px}
html .mb40{margin-bottom:40px}
html .mb50{margin-bottom:50px}
html .mb70{margin-bottom:70px}
html .mb80{margin-bottom:80px}
html .mb90{margin-bottom:90px}
html .mb100{margin-bottom:100px}
html .m0{margin:0!important}
html .p0{padding:0!important}
html .pb0{padding-bottom:0!important}
html .pb5{padding-bottom:5px}
html .pb10{padding-bottom:10px}
html .pb20{padding-bottom:20px}
html .pb30{padding-bottom:30px}
html .pb40{padding-bottom:40px}
html .pb50{padding-bottom:50px}
html .pb60{padding-bottom:60px}
html .pb70{padding-bottom:70px}
html .pb90{padding-bottom:90px}
html .pb100{padding-bottom:100px}
html .pb110{padding-bottom:110px}
html .pb120{padding-bottom:120px}
html .pb130{padding-bottom:130px}
html .pb140{padding-bottom:140px}
.pl25{padding-left:25px!important}
.pr25{padding-right:25px!important}
.bg-btn{background:#ffbd84;background:-moz-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);background:-webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);-webkit-box-shadow:0 10px 15px 0 rgba(175,0,87,.2);box-shadow:0 10px 15px 0 rgba(175,0,87,.2)}
.bg-btn2{background:#f92c8b;background:-moz-linear-gradient(left,#f92c8b 0,#b02cd6 100%);background:-webkit-linear-gradient(left,#f92c8b 0,#b02cd6 100%);background:linear-gradient(to right,#f92c8b 0,#b02cd6 100%);-webkit-box-shadow:0 10px 15px 0 rgba(175,0,202,.2);box-shadow:0 10px 15px 0 rgba(175,0,202,.2)}
.bg-btn3,.bg-btn5{-webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2)}
.bg-btn3{background:#673ab7;background:-moz-linear-gradient(left,#673ab7 0,#2196f3 100%);background:-webkit-linear-gradient(left,#673ab7 0,#2196f3 100%);background:linear-gradient(to right,#673ab7 0,#2196f3 100%);box-shadow:0 10px 15px 0 rgba(56,0,189,.2)}
.bg-btn4{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #fff}
.bg-btn5{background:#ff0048;background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);background-image:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);box-shadow:0 10px 15px 0 rgba(56,0,189,.2)}
.bg-btn6{background:#fc00c7;background:-moz-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%)}
.bg-btn7{background:#fc00c7;background:-moz-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%);-webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);box-shadow:0 10px 15px 0 rgb(0 49 189/.2)}
.hover-scale img,.pv-:hover .item-image img{transform:scale(1)}
.hover-scale:hover img{transform:scale(1.05)}
.text-animation{font-weight:700;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:6s linear infinite hue}
.bg-a{background-image:linear-gradient(to right,#ff1f8e 0,#ffbd84 36%,#ffbd84 65%,#ff1f8e 100%)}
.bg-b{background-image:linear-gradient(to right,#673ab7 0,#e91e63 36%,#e91e63 65%,#673ab7 100%)}
@keyframes slideIn{
100%{transform:translateY(0);opacity:1}
0%{transform:translateY(1rem);opacity:0}
}
@-webkit-keyframes slideIn{
0%{-webkit-transform:transform;-webkit-opacity:0;-webkit-transform:translateY(1rem);-webkit-opacity:0}
100%{-webkit-transform:translateY(0);-webkit-opacity:1}
}
@keyframes hue{
from{background-position:0 0}
to{background-position:2000px 0}
}
@keyframes arrowanim{
0%,100%{transform:translate(0,0)}
50%{transform:translate(8px,0)}
}
@-webkit-keyframes arrowanim{
0%,100%{transform:translate(0,0)}
50%{transform:translate(8px,0)}
}
@keyframes updonanim{
0%,100%{transform:translate(0,0)}
50%{transform:translate(0,8px)}
}
@-webkit-keyframes updonanim{
0%,100%{transform:translate(0,0)}
50%{transform:translate(0,8px)}
}
@keyframes border-transform{
0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}
14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}
28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}
42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}
56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}
70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}
84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}
}
.bg-gradient{background:#c7ecff;background:-moz-linear-gradient(top,#c7ecff 0,#f9efff 100%);background:-webkit-linear-gradient(top,#c7ecff 0,#f9efff 100%);background:linear-gradient(to bottom,#c7ecff 0,#f9efff 100%)}
.bg-gradient1,.bg-gradient7{background:#ffe2e2;background:-moz-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);background:-webkit-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);background:linear-gradient(to bottom,#ffe2e2 0,#fff9f4 100%)}
.bg-gradient2{background:#fdffed;background:-moz-linear-gradient(top,#fdffed 0,#effff8 100%);background:-webkit-linear-gradient(top,#fdffed 0,#effff8 100%);background:linear-gradient(to bottom,#fdffed 0,#effff8 100%)}
.bg-gradient3{background:#e2f3ff;background:-moz-linear-gradient(top,#e2f3ff 0,#fffbef 100%);background:-webkit-linear-gradient(top,#e2f3ff 0,#fffbef 100%);background:linear-gradient(to bottom,#e2f3ff 0,#fffbef 100%)}
.bg-gradient4{background:#c1eeff;background:-moz-linear-gradient(top,#c1eeff 0,#f5faff 100%);background:-webkit-linear-gradient(top,#c1eeff 0,#f5faff 100%);background:linear-gradient(to bottom,#c1eeff 0,#f5faff 100%)}
.bg-gradient5{background:#fff6f3;background:-moz-linear-gradient(top,#fff6f3 0,#fffefb 100%);background:-webkit-linear-gradient(top,#fff6f3 0,#fffefb 100%);background:linear-gradient(to bottom,#fff6f3 0,#fffefb 100%)}
.bg-gradient6{background:#e8fffc;background:-moz-linear-gradient(top,#e8fffc 0,#fff4f4 100%);background:-webkit-linear-gradient(top,#e8fffc 0,#fff4f4 100%);background:linear-gradient(to bottom,#e8fffc 0,#fff4f4 100%)}
.bg-gradient8{background:#fff8fb;background:-moz-linear-gradient(top,#fff8fb 0,#d0fcf6 100%);background:-webkit-linear-gradient(top,#fff8fb 0,#d0fcf6 100%);background:linear-gradient(to bottom,#fff8fb 0,#d0fcf6 100%)}
.bg-gradient9{background:#e5ffee;background:-moz-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);background:-webkit-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);background:linear-gradient(to bottom,#e5ffee 0,#e2f6ff 100%)}
.bg-gradient10{background:#e4fffe;background:-moz-linear-gradient(top,#e4fffe 0,#ffedf3 100%);background:-webkit-linear-gradient(top,#e4fffe 0,#ffedf3 100%);background:linear-gradient(to bottom,#e4fffe 0,#ffedf3 100%)}
.bg-gradient11{background:#ff1f8e;background:-moz-linear-gradient(left,#ff1f8e 0,#007bff 100%);background:-webkit-linear-gradient(left,#ff1f8e 0,#007bff 100%);background:linear-gradient(to right,#ff1f8e 0,#007bff 100%)}
.bg-gradient12{background:#3f36b9;background:-moz-linear-gradient(left,#552ecd 0,#13137a 100%);background:-webkit-linear-gradient(left,#552ecd 0,#13137a 100%);background:linear-gradient(to right,#552ecd 0,#13137a 100%)}
.bg-gradient13{background:#9c27b0;background:-moz-linear-gradient(left,#9c27b0 0,#673ab7 100%);background:-webkit-linear-gradient(left,#9c27b0 0,#673ab7 100%);background:linear-gradient(to right,#9c27b0 0,#673ab7 100%)}
.bg-gradient14{background:#ff2d8d;background:-moz-linear-gradient(top,#ff2d8d 0,#653db9 100%);background:-webkit-linear-gradient(top,#ff2d8d 0,#653db9 100%);background:linear-gradient(to bottom,#ff2d8d 0,#653db9 100%)}
.bg-gradient15{background:#fffdf2;background:-moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);background:-webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);background:linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%)}
.bg-gradient16{background-image:-moz-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);background-image:-webkit-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);background-image:linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%)}
.bg-gradient17{background:#070707;background:-moz-linear-gradient(left,#070707 0,#7f7f7f 100%);background:-webkit-linear-gradient(left,#070707 0,#7f7f7f 100%);background:linear-gradient(to right,#070707 0,#7f7f7f 100%)}
.mobile-menu2 .navm-{margin:0 0 0 10px}
.widebloktag span{display:inline-block;margin-bottom:5px;background:#fff;padding:5px 14px;font-size:14px;border-radius:4px}
.widebloktag span+span{margin-left:8px}
.pbwide{padding:50px;border-radius:8px;display:grid;grid-template-columns:auto 55%;grid-gap:20px}
.info-list-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.info-list-ul li{line-height:40px;color:#050748}
.portfolio-section-nx .info-list-ul li{line-height:40px;color:#050748;font-size:15px}
.info-list-ul li:before{content:"▶";font-size:14px;margin:0 5px 0 0}
.img-wide-blocktt{right:-80px}
.portfolio-item-info-tt h3,.portfolio-item-info-tt h4{font-size:30px;line-height:40px}
.desktopblock{width:100%;border:10px solid;border-radius:28px;overflow:hidden}
.shadow1{-webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/15%);box-shadow:0 10px 15px 0 rgb(3 35 68/15%)}
.tilt-3d .layer,.tilt-inner{transform:translateZ(20px)}
.floating-label{margin-bottom:20px}
.floating-input,.floating-select{font-size:14px;padding:4px;display:block;width:100%;height:45px;background-color:transparent;border:none;border-bottom:1px solid #c5c5c5}
.floating-input:focus,.floating-select:focus{outline:0;border-bottom:1px solid #6b3489}
.floating-label label{color:#999;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:30px;top:16px;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;margin-bottom:0}
.hero-slider{width:100%;height:450px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:0}
.hero-slider .slide-inner:before{content:"";position:absolute;width:100%;height:100%;opacity:.3;top:0;left:0;right:0}
.hero-slider .slide-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:left}
.hero-style .slide-text,.hero-style .slide-title{max-width:600px}
.hero-style .slide-title h2{font-size:35px;line-height:40px;color:#fff;margin:0 0 5px;transition:.4s}
.hero-style .slide-title h3{font-size:28px;line-height:40px;color:#fff;margin:0 0 20px;transition:.4s}
.hero-style .slide-text p{font-size:20px;letter-spacing:normal;color:#fff;margin:0 0 30px;transition:.4s}
.niwax-btn2,.niwax-btn2:hover,.niwax-btn3:hover{-o-transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out}
html .mt15{margin-top:15px}
.card-dark-2{overflow:hidden;border:1px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.05);border-radius:14px}
.connect-block a{border-radius:8px;background:#ffdbdb;border:1px solid rgb(255 195 195);padding:20px;display:flex}
.connect-block a span.small-text{font-size:14px;color:#050748;font-weight:300;text-transform:uppercase;letter-spacing:2.2px}
.connect-block a span.large-text{font-size:20px;color:#050748;line-height:34px;font-weight:700}
.contact-block-btm{padding:50px 30px;background:#fff;border-radius:8px;margin-left:50px}
#progress-bar{--scrollAmount:0%;background-image:linear-gradient(to right,#673ab7 0,#2196f3 100%);width:var(--scrollAmount);height:3px;position:fixed;top:0;z-index:999999999}
a{text-decoration:auto}
.quote-css{position:absolute;right:0}
.accordion-button:focus{z-index:3;border-color:transparent;outline:0;box-shadow:none}
.accordion-item{background-color:#fff;margin-bottom:15px}
.accordion-item .accordion-button{padding:.6rem 1.25rem;border-radius:5px}
.accordion-item:first-of-type{border-radius:8px}
.accordion-item:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:8px;border-top-right-radius:8px}
.accordion-button:not(.collapsed){color:#050748;background-color:#f6f6f6;box-shadow:none}
.accordion-button{font-size:17px;line-height:28px;color:#050748;background-color:#f6f6f6}
.form-control[type=file]{overflow:hidden;padding:11px 20px}
.common-heading>span{line-height:26px}
.niwax-btn1{padding:2px;display:inline-block;outline:0;color:#fff;background:-webkit-linear-gradient(left,#ffd523 0,#ff7f00 16%,#ff271a 32%,#a139ff 48%,#0081ff 64%,#60b5ff 80%,#00e953 100%);background:linear-gradient(to right,#ffd523 0,#ff7f00 16%,#ff271a 32%,#a139ff 48%,#0081ff 64%,#60b5ff 80%,#00e953 100%);border-radius:30px;border:0;box-shadow:none;cursor:pointer}
.niwax-btn2,.niwax-btn3{font-size:16px;color:#fff;padding:0 32px;line-height:56px;background-size:300% 100%;moz-transition:all .4s ease-in-out;text-align:center;font-weight:400;cursor:pointer}
.niwax-btn1>span{display:block;padding:0 32px;line-height:56px;font-size:16px;background:#fff;border-radius:30px;color:#050748}
.niwax-btn2{display:inline-block;border:none;border-radius:50px;transition:.4s ease-in-out;background-image:linear-gradient(to right,#ff5652,#ff974f,#ff5752,#ffc323);box-shadow:0 10px 15px 0 rgb(175 0 87/20%)}
.niwax-btn2:hover,.niwax-btn3:hover{background-position:99% 0;moz-transition:all .4s ease-in-out;transition:.4s ease-in-out}
.niwax-btn2:focus,.niwax-btn3:focus{outline:0}
.niwax-btn3{display:inline-block;border:none;border-radius:50px;-o-transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;background-image:linear-gradient(to right,#663ab7,#007dff,#00d7ff,#017cfe);box-shadow:0 4px 15px 0 rgb(90 75 194/15%)}
.font-w-800,.title-heading{font-weight:800}
.niwax-btn4,.niwax-btn5,.niwax-btn6{box-shadow:0 10px 15px 0 rgb(56 0 189/20%)}
.niwax-btn4{background:#ff0048}
.niwax-btn5{background:#00aded}
.niwax-btn6{background:#ff9e4a}
.w80{width:80px}
.h-center{justify-content:center}
.icon-btn{display:inline-flex;grid-gap:8px}
.icon-btn i{font-size:24px}
.help-block.with-errors{margin:0 0 0 15px;font-size:11px;position:absolute;bottom:16px}
.niwax-company-awards{display:grid;grid-template-columns:200px auto;grid-gap:20px;align-items:center;overflow:hidden}
.shadow{-webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/7%)!important;box-shadow:0 10px 15px 0 rgb(0 23 46/7%)!important}
.center-dots .owl-dots{margin:30px auto 0;text-align:center;position:absolute;right:0;left:0}
@-webkit-keyframes blink{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes blink{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.niwaxofcanvas{z-index:10459999;-webkit-transition:.6s cubic-bezier(.6, .11, .45, 1.04);transition:.6s cubic-bezier(.6, .11, .45, 1.04)}
.offcanvas-title img{max-height:60px}
.contact-data ul li a{color:#6a6a8e;font-size:17px;line-height:26px;display:grid;grid-template-columns:30px auto;grid-gap:10px;align-items:start;justify-content:start}
.contact-data ul li a i{font-size:20px;margin:6px 0 0}
.social-media-linkz a{display:inline-block;color:#6a6a8e;font-size:20px;margin:0 15px 0 0}
.buttons_wrap,.custom-nav .nav-list,.main-header{display:flex;align-items:center}
.icondive img{width:35px;margin-right:20px}
.getintouchinfo a{color:#050748;font-size:18px;font-weight:600;line-height:25px;display:block}
.getintouchinfo a span{display:block;color:#6a6a8e;font-size:15px;font-weight:400}
.offcanvas.show .cbtn{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.cbtn{position:absolute;left:-40px;top:10px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
.btnclose{background:#fff;width:50px;height:50px;border-radius:50px;border:2px solid #e3e3e3;box-shadow:0 10px 10px #0000004a}
.btnclose .btn-close{padding:15px}
.loader-icon{display:flex;height:100%;width:100%;position:absolute;justify-content:center;align-items:center;background:#ffbd84;background:-moz-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);background:-webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%)}
.loader-icon:before{content:'';position:absolute;left:0;right:0;margin:0 auto;width:30px;height:30px;border-radius:50%;border:3px solid;border-top-color:#fff;animation:.6s linear infinite spinner}
@keyframes spinner{
to{transform:rotate(360deg)}
}
.floating-input:focus~label,.floating-input:not(:placeholder-shown)~label,.floating-select:focus~label,.floating-select:not([value=""]):valid~label{top:-1px;font-size:12px;color:#828282;width:100%}
.right-end-btn{margin-left:15px}
.custom-nav{display:flex;justify-content:flex-end;align-items:center;float:none}
div.custom-nav>ul>li:hover .nx-dropdown{overflow:inherit;opacity:1;height:auto;overflow:inherit;-webkit-transform:none;-ms-transform:none;transform:none}
.nx-dropdown{-webkit-transform:perspective(600px) rotateX(-15deg);transform:perspective(600px) rotateX(-15deg);-webkit-transform-origin:50% -50px;-ms-transform-origin:50% -50px;transform-origin:50% -50px;width:97vw;right:0;left:0;margin:0 auto;border-radius:0 0 20px 20px;overflow:hidden!important;-webkit-box-shadow:0 20px 20px -10px rgb(0 0 0/15%);box-shadow:0 20px 20px -10px rgb(0 0 0/15%)}
.contact-review,.niwax23form{background:#fff;border-radius:14px}
img{max-width:100%;height:auto}
.contact-review{padding:30px 20px}
.niwax23form{padding:50px 30px}
.contact-review .owl-dots{position:absolute;right:10px;bottom:10px}
.leadpopup .modal-dialog{max-width:800px}
.leadpopup .modal-content{border-radius:0}
.innerbody{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px}
.innerleft{padding:30px}
.innerright{background-size:cover}
.leadbtnclose{position:absolute;right:5px;top:5px;background:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100px}
input{accent-color:#ff1f8e}
.logowide img,.seo-tools img{width:auto!important}
.text-justify{text-align:justify}
.hero-right-side .media{align-items:flex-start;padding-left:80px}
.icon-with-title-dev{text-align:center;padding:20px 0;background:#f7f7f7;border-radius:14px;margin-top:30px}
.iwt-icon-dev{padding:0 0 20px;min-height:52px}
.iwt-icon-dev img{width:52px}
.iwt-content-dev p{font-size:16px;line-height:26px;color:#222}
.banner-height{height:650px!important}
.icon70{width:70px}
.process-block h4{margin-bottom:10px;font-size:20px}
.process-content{min-height:330px;overflow:hidden}
.itm-media-object .media img,.process-content:hover:after{width:100%}
.process-content:after{content:'';position:absolute;left:0;width:0%;bottom:0;height:4px;background:linear-gradient(270deg,#ff5b2e 35%,#ffcd04 100%);transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}
.container-img{position:relative;margin-top:0;width:100%;height:255px}
.container-img img{position:absolute;width:auto;height:auto;left:0}
.button-img{position:absolute;width:auto;left:28%;top:120px;text-align:center;opacity:0;transition:opacity .35s}
.button-img a{width:150px;padding:12px 25px;text-align:center;color:#fff;border:2px solid #fff;z-index:1}
#scrollUp:hover,.container-img:hover .button-img,.ho-gdnt .s-block:hover:before,.owl-carousel .owl-dots .owl-dot.active:after,.owl-carousel .owl-dots .owl-dot.active:before,.owl-carousel .owl-dots .owl-dot:focus:after,.owl-carousel .owl-dots .owl-dot:hover:after{opacity:1}
.case-study-div div{background-color:rgba(255,255,255,.25);padding:.625rem 1rem;border-radius:20rem;line-height:1.0625em;margin-right:.5rem;margin-top:.5rem;font-size:.9375em;margin-bottom:.5rem;box-shadow:none}
.content-head{font-size:30px;color:#fff}
.content{font-size:14px;line-height:20px}
.content-title{padding:20px;background:red;width:600px;float:right;background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);color:#fff;box-shadow:0 10px 15px 0 rgb(175 0 87 / 20%);border-radius:50px}
.right-div .info-wrap{color:rgba(255,255,255,.8)}
.right-div .bg-dark{background:#414b48!important;border-radius:0 8px 8px 0}
.right-div .info-wrap h3{color:#fff;font-size:30px}
.right-div .info-wrap .dbox{width:100%;color:rgba(255,255,255,.8);margin-bottom:25px}
.right-div .info-wrap .dbox .icon{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}
.right-div .info-wrap .dbox .icon span{font-size:20px;color:#fff}
.right-div .info-wrap .dbox .text{width:calc(100% - 50px)}
.px-3,.right-div .pl-3{padding-left:1rem!important}
.sticky-left-container{padding:0;margin:0;position:fixed;left:-145px;bottom:10%;width:200px;z-index:9999!important}
.sticky-left li{list-style-type:none;background-color:none;color:#efefef;height:52px;padding:0;margin:0 0 1px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer}
.sticky-left li:hover{margin-right:-150px;background:#333;border-radius:25px 25px 25px 0}
.sticky-left li img{float:right;border-radius:50%;margin:5px 5px 5px 10px}
.sticky-left li p{padding:0;float:right;margin:0;text-transform:uppercase;line-height:52px;color:#fff}
.common-heading-font-31 .h2-heading{font-size:31px!important;margin-bottom:15px!important}
.common-heading .h2-heading{font-size:30px;margin-bottom:15px!important}
.common-heading .h4-heading{font-size:29px;margin-bottom:15px!important;line-height:40px}
.common-heading .h5-heading{font-size:26px;margin-bottom:15px!important;line-height:40px}
.common-heading .h6-heading{font-size:22px;margin-bottom:15px;line-height:40px}
.bg-light-2{background:#fcfafb}
.case-div{flex:0 0 33.333333%;margin:0 0 15px}
.case-div h4{font-weight:500;font-size:22px;margin-bottom:5px}
.case-div p{font-size:17px;font-weight:400;color:#3d353b;line-height:25px;margin-bottom:10px}
.font-size-25{font-size:25px!important}
.choose-one_content-box .choose-item-list .single-choose-item:after{position:absolute;content:"";top:30px;left:15px;height:100%;border-left:1px dashed rgba(44,44,44,.149);z-index:-1}
.choose-one_img-box{padding-right:70px}
.single-choose-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}
.single-choose-item:before{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;content:"";font-weight:700;color:#fff;font-family:"Font Awesome 5 Free";-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;max-width:30px;height:30px;border-radius:50%;background-color:#f87700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px}
.font-pop,.header-heading .wb-span,.seo-footer-ul a{font-family:Poppins,sans-serif}
.single-choose-item .text{margin-top:-5px}
.single-choose-item .text h5{margin-bottom:5px;font-size:18px;font-weight:500}
.text-red{color:#ff0048}
.image-block-left{margin-left:-20vw}
.image-block-right{margin-right:-20vw!important}
.web-talk-w{background-image:url(https://www.compusysesolutions.com/images/service/cta-banner.webp);background-position:top center;background-repeat:no-repeat;background-size:cover}
.title-heading,.web-talk-w .web-talk-cta-heading{background-size:cover;background-image:linear-gradient(75deg,var(--textgradient_color1),var(--textgradient_color2) 80%);--textgradient_color1:#ff4c6c;--textgradient_color2:#fa9d4d;-webkit-text-fill-color:transparent;text-fill-color:transparent}
.web-talk-w .web-talk-cta-heading{font-size:64px;font-weight:700;line-height:70px;text-align:left;margin-bottom:25px;-webkit-background-clip:text;background-clip:text}
.title-heading{font-size:38px;line-height:1.2;-webkit-background-clip:text;background-clip:text;margin-bottom:10px}
.font-w-700{font-weight:700!important}
.font-w-600{font-weight:600!important}
.font-w-500,.fw-500{font-weight:500!important}
.section_portfolio_banner{background:url(https://www.compusysesolutions.com/images/service/port-banner.png) 200% no-repeat #2a2c32;min-height:400px;width:100%;display:flex;align-items:center}
.section_portfolio_banner .btn-products{border:2px solid #fff;transition:.5s;text-transform:uppercase}
.section_portfolio_banner .btn-products:hover{border:2px solid #fff;background:#f87700;color:#fff}
.portfolio-section-1{background:#d6f1ec}
.live-preview,.seo-footer-h5{background-image:linear-gradient(75deg,var(--textgradient_color1),var(--textgradient_color2) 80%);--textgradient_color1:#ff4c6c;--textgradient_color2:#fa9d4d}
.portfolio-block{align-items:center;display:flex;position:relative}
.portfolio-item-image-1 img{border-radius:10px 10px 0 0;width:100%;transition:.9s;position:relative;overflow:hidden}
.live-preview{color:#fff;font-size:15px;font-weight:600;padding:10px 6px;text-decoration:none;letter-spacing:.5px;transition:.5s;margin-top:5px;border-radius:10px;display:inline-block}
.live-preview:hover{color:#f5f5f5}
.portfolio-block{padding:40px 0;justify-content:space-between}
.portfolio-item-info-1 a{display:inline-block;border:1px;padding:8px 15px;color:#000}
.portfolio-item-info-1 a span{padding:0 6px}
.portfolio-item-info-1 h3{margin-bottom:0;font-size:28px;padding:5px 0 0}
.portfolio-item-info-1 p{padding-top:0;font-size:15px;color:#222;line-height:25px}
.portfolio-item-info-1 .reviews-card{background:rgba(255,255,255,.8);padding:20px;border-radius:5px}
.widebloktag-alt span{background:#302525;padding:9px 14px;font-size:15px;border-radius:4px;color:#fff;margin-bottom:8px;display:inline-block}
.widebloktag-alt span+span{margin-left:0}
.font-size-35,.fs-35{font-size:35px!important}
.font-size-32{font-size:32px!important}
.footer-brands-se-page{padding:15px 0}
.seo-footer-h5{font-weight:700;font-size:18px;background-size:cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;margin-bottom:10px}
.seo-footer-ul{margin-top:5px;display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none}
.seo-footer-ul a{font-size:12px;color:#fff;font-weight:500}
.seo-footer-ul a:hover{color:var(--logo-color)}
.seo-footer-ul li::after{content:" ";color:#222;position:absolute;padding-left:10px;font-size:18px}
.seo-footer-ul li:last-child::after{content:" "}
.common-heading .font-43{font-size:43px}
.common-heading .font-41{font-size:41px}
.common-heading .font-23{font-size:23px}
.header-heading .font-43{font-size:43px;line-height:57px}
.header-heading .font-35{font-size:35px;line-height:50px}
.banner-page-section{padding:120px 0 50px}
.bg-icon-color{background:#ffe8e8!important}
.fs-19,.h6-heading-font{font-size:19px}
.s-block-content-large-alt .s-card-icon-large{width:110px}
.height-200-test{height:185px;overflow-y:auto;padding:5px}
.height-200-test::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}
.height-200-test::-webkit-scrollbar-thumb{background:#105abf;border-radius:10px}
.height-200-test::-webkit-scrollbar-thumb:hover{background:#b30000}
.h6-heading-font-17{font-size:17px}
.portfolio-new-info-list{list-style:none;padding:0;margin-bottom:0}
.portfolio-new-info-list .first-li{padding:10px;border-radius:8px}
.portfolio-new-info-list .first-li span{color:#222!important}
.portfolio-new-info-list li{margin-bottom:15px;border-bottom:1px solid #ededed;padding-bottom:15px}
.portfolio-new-info-list li .portfolio-label{font-weight:600;display:inline-block;margin-right:25px;position:relative;width:400px;vertical-align:top;font-size:15px;color:#222}
.key-points li:before,.key-points2 li:before{font-family:"font awesome 5 free";font-weight:900}
.portfolio-new-info-list li .portfolio-label:after{content:":";font-size:18px;font-weight:500;position:absolute;top:-1px;right:0}
.portfolio-new-info-list li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.p-lg-2-2{padding:1.2rem}
.border{border:2px solid #56595b!important}
.border-radius-10{border-radius:10px}
.height-175{height:175px}
.height-125{height:125px}
.height-135{height:135px}
.height-145{height:145px}
.work-categorys{background-color:#fbf9ed;position:relative;background-image:url(https://www.compusysesolutions.com/images/shape/tt-work-bg.jpg);background-size:cover;background-position:center center}
.clients-logo-alt img{width:auto}
.portfolio-item-info-tt .cl-logo{height:80px}
.white-bg{background-color:var(--light-color)}
.section{width:100%;float:left;display:block}
.h2{font-size:43px;font-weight:600;margin-bottom:15px;letter-spacing:-1px;line-height:1.1em}
.fs-56,.fs-65{line-height:1.3}
.services_buttons_wrap{flex-wrap:wrap}
.services_buttons_wrap .button_inner_wrap{width:25%}
.services_buttons_wrap a.button-link.service-button{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:22px;line-height:28px}
.button-text-Dark{color:var(--dark-color)!important}
.a{font-size:18px;text-decoration:none!important;outline:0!important}
.services_buttons_wrap a.button-link.service-button span.button_main_text{display:block;text-align:left;font-size:19px;width:100%}
.services_buttons_wrap a.button-link.service-button img{float:right;max-width:40px}
.blog-details-list li{padding-top:15px}
.services_buttons_wrap a.button-link.service-button::before{background-color:#f87700}
.common-heading h2{font-size:35px}
.list-work-details li{list-style-type:disc;padding-top:15px;padding-left:20px}
@media only screen and (min-width:1199px){
.container{max-width:1200px}
}
.buttons_wrap{width:100%;float:left;display:flex;align-items:center;padding:20px 0}
.buttons_wrap .button_inner_wrap{margin-bottom:20px;padding:0 20px 0 0}
.button-Red{background-color:var(--primary-color);border:0;color:var(--light-color)!important}
.custom-nav .menu-dorpdown,.custom-nav .menu-dorpdown .sub-menu-section{border-radius:0 0 20px 20px}
.button-link{padding:10px 20px;text-decoration:none;font-size:18px;box-shadow:none!important;text-align:left}
.button-Red:before{background-color:var(--primary-dark-color)!important}
.button-link span.button_sub_text{display:block;font-size:12px}
.button-link img{padding-left:10px}
@media (max-width:767px){
section{padding:20px 0!important}
.hero-section-mobile-web{padding:150px 0!important}
.services_buttons_wrap .button_inner_wrap{width:100%}
.common-heading h2{font-size:30px}
}
@media only screen and (min-width:991px){
.service-box41{padding:25px 19px 45px}
.service-box411{padding-bottom:70px}
}
.s-block-style-5{padding:30px 20px;min-height:354px}
.flex-1{flex:1}
@media only screen and (max-width:767px){
.pad-tb{padding-top:90px!important}
.web-hero-section{height:530px}
.blog-wrap-new:before{background:0 0}
.media-time-w-400{width:100%}
.web-hero-section .header-heading h1{font-size:calc(28px + (30 - 28) * ((100vw - 320px)/ (1920 - 300)));line-height:1.6}
}
.mt130{margin-top:130px}
.top_banner h1{color:#fff;text-transform:uppercase;font-weight:700;font-size:45px;line-height:57px}
@media only screen and (max-width:520px){
.top_banner h1{padding:85px 0 0;font-size:36px;line-height:45px}
}
body.hc-nav-open{overflow:visible;position:relative;width:100%;min-height:100%}
.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999999}
.hc-offcanvas-nav.is-ios *{cursor:pointer!important}
.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s}
.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;font-size:15px;color:#fff;z-index:1;box-sizing:border-box}
.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box}
.hc-offcanvas-nav .nav-content{height:100%}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;padding-bottom:41px}
.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}
.hc-offcanvas-nav li{position:relative;display:block;text-align:left}
.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}
.hc-offcanvas-nav li:not(.custom-content) a{cursor:pointer;padding:14px 15px;background:0 0;border-bottom:0 solid #2c5d8f}
.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed;color:rgba(255,255,255,.5)}
.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:visibility 0s .4s,opacity .4s}
.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after{visibility:visible;opacity:1;transition-delay:.05s}
.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0,.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s .4s}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s .4s,transform .4s}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0,0,0);transition:transform .4s}
.hc-offcanvas-nav.nav-position-left,.hc-offcanvas-nav.nav-position-left .nav-container{left:0}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%,0,0)}
.hc-offcanvas-nav.nav-position-right,.hc-offcanvas-nav.nav-position-right .nav-container{right:0}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%,0,0)}
.hc-offcanvas-nav.nav-position-top{top:0}
.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0,-100%,0)}
.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}
.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0,100%,0)}
.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container{transform:translate3d(0,0,0)}
.hc-offcanvas-nav.rtl .nav-back span,.hc-offcanvas-nav.rtl .nav-close span,.hc-offcanvas-nav.rtl .nav-next span{left:0;right:unset}
.hc-nav-trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:48px}
.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}
.main-header.sticky .hc-nav-trigger span,.main-header.sticky .hc-nav-trigger span::after,.main-header.sticky .hc-nav-trigger span::before,.nav-bg-b .hc-nav-trigger span,.nav-bg-b .hc-nav-trigger span::after,.nav-bg-b .hc-nav-trigger span::before{background:#050748}
.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before{display:block;position:absolute;left:0;height:4px;background:#050748;transition:.2s}
.hc-nav-trigger span::after,.hc-nav-trigger span::before{content:'';width:100%}
.hc-nav-trigger span::before{top:-10px}
.hc-nav-trigger span::after{bottom:-10px}
.hc-nav-trigger.toggle-open span{background:0 0!important;transform:rotate(45deg)}
.hc-nav-trigger.toggle-open span::before{transform:translate3d(0,9px,0)}
.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px,0,0)}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after{background:rgba(0,0,0,.5)}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul,.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover{background:#101010}
.hc-offcanvas-nav h2{font-size:22px;text-align:left;padding:10px 17px;color:#101010!important;background:#fff;font-weight:400;line-height:36px}
.hc-offcanvas-nav .nav-item{padding:14px 17px;background:0 0;border-bottom:0 solid #fff}
.hc-offcanvas-nav .nav-item:focus,.hc-offcanvas-nav .nav-item:focus-within{z-index:10}
.hc-offcanvas-nav .nav-highlight{background:#2e6296}
.hc-offcanvas-nav .nav-back:focus,.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus{z-index:10}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{border-top:1px solid #2c5d8f;margin-top:-1px}
.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a{background:#fff;color:#101010}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a{margin-top:-1px}
.hc-offcanvas-nav li.nav-parent .nav-item:last-child{padding-right:35px}
.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child){margin-right:44px}
.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent .nav-next{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s}
.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before{content:'';position:absolute;top:46%;left:50%;width:10px;height:10px;margin-top:-3px;border-top:2px solid #101010;border-left:2px solid #101010}
.hc-offcanvas-nav li.nav-close span::before{margin-left:-11px;transform:rotate(135deg)}
.hc-offcanvas-nav li.nav-close span::after{transform:rotate(-45deg)}
.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f}
.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}
.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}
.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%,-50%) rotate(135deg)}
.hc-offcanvas-nav li.nav-back span::before{transform:translate(-50%,-50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,.2)}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,.2)}
.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(135deg)}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,.2)}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before,.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(-135deg)}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before,.hc-offcanvas-nav.nav-position-top li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%,-50%) rotate(45deg)}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,.2)}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:0 0}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li{transition:background .3s}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a{border-bottom:0 solid #fff}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:2px;transform:translate(-50%,-50%) rotate(45deg)}
.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before{margin-top:-2px;transform:translate(-50%,-50%) rotate(-135deg)}
.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:0 solid #fff}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item{padding-right:17px;padding-left:58px}
.hc-offcanvas-nav a{font-size:16px}
.hc-offcanvas-nav li .custom-message{font-size:12px}
.hc-offcanvas-nav li .custom-message a{color:#fff;font-size:13px}
.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav,.hc-offcanvas-nav.nav-position-top ul.bottom-nav{position:relative;border-top:none}
.hc-offcanvas-nav ul.bottom-nav{position:absolute;z-index:10;bottom:0;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:0 solid #101010;background:#101010}
.hc-offcanvas-nav ul.bottom-nav li{flex:auto}
.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}
.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle}
.hc-offcanvas-nav ul.bottom-nav li.prb svg{width:18px;height:18px}
.hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title{padding-right:60px}
.hc-offcanvas-nav.close-no-label .nav-title+ul>.nav-close:first-child a{position:absolute;width:45px;height:56px;top:0;right:0;transform:translateY(-100%)}
.custom-nav .menu-dorpdown{width:280px;margin:0 auto}
.shape-bg3:before{height:100%;width:100%;opacity:.03;background-size:cover;background-position:center center;top:0;left:0;right:0}
.onloadpage{z-index:999999999}
a.smllbtnn{line-height:45px;color:#fff;border-radius:8px;padding:0 20px;border:0}
.switch-wrapper{display:flex;align-items:center;position:fixed;z-index:55555;top:50%;transform:translateY(-50%);transform:rotate(90deg)}
.switch-wrapper .switch{display:inline-block;height:34px;position:relative;width:60px}
.switch-wrapper .slider{background-color:#fff;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;border:1px solid #e2e2e2;box-shadow:10px 0 10px 0 rgb(0 0 0/15%)}
.switch-wrapper .slider:before{bottom:4px;content:"";background:url(../images/icons/sun.svg) center center no-repeat #ffc400;height:24px;left:4px;position:absolute;transition:.4s;width:24px}
.switch-wrapper input:checked+.slider{background-color:#242424;border:1px solid #ffffff57}
.switch-wrapper input:checked+.slider:before{transform:translateX(26px);content:"";background:url(../images/icons/moon.svg) center center no-repeat #2196f3}
.switch-wrapper .slider.round{border-radius:50px}
.switch-wrapper .slider.round:before{border-radius:50%}
.header-heading .wb-span{font-size:50px;line-height:62px;font-weight:700;margin-bottom:10px}
.porto-slide .owl-dots{text-align:center;margin-top:30px}
.owl-carousel .owl-dots .owl-dot{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot.active:before{top:0;right:0;bottom:0;left:0}
.owl-carousel .owl-dots .owl-dot:before{top:2px;right:2px;bottom:2px;left:2px;opacity:0;background:0 0;border:1px solid #ff1f8e}
.owl-carousel .owl-dots .owl-dot:after,.owl-carousel .owl-dots .owl-dot:before{content:'';position:absolute;border-radius:50%;-webkit-transition:.16s ease-out;transition:.16s ease-out}
.owl-carousel .owl-dots .owl-dot:after{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.4;background:#ff1f8e;width:4px;height:4px}
html .pt60{padding-top:60px}
html .pb80{padding-bottom:80px}
html .pt80{padding-top:80px}
html .pt40{padding-top:40px}
html .pt100{padding-top:100px}
html .pt120{padding-top:120px}
html .pt140{padding-top:140px}
.text-primary{color:#fe4c1c}
.text-second{color:#e91e63}
.header-heading .banner-upper{font-size:52px}
.media div:first-child{flex-shrink:0}
.itm-media-object .media .img-ab-{height:65px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;width:65px;padding:10px}
.itm-media-object .media-body{margin-left:30px}
.sticky-container{padding:0;margin:0;position:fixed;right:-145px;bottom:20%;width:200px;z-index:9999!important}
.bordered_layout,.serviceBox-4{z-index:1;position:relative;font-family:Poppins,sans-serif}
.sticky-right li{list-style-type:none;background-color:#1c3aa5;border-radius:10px 0 0 10px;color:#efefef;height:52px;padding:0;margin:0 0 1px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer}
.sticky-right li:hover{margin-left:-145px;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%)}
.sticky-right li img{float:left;margin:5px 10px 5px 5px}
.sticky-right li p{float:left;padding:0;margin:0;text-transform:uppercase;line-height:52px;color:#fff}
.read-m-read-less{color:var(--bs-orange)!important;font-size:15px;font-weight:600;font-style:italic}
.wide-sblock{display:inline-flex;text-align:left;padding:30px 20px}
.serviceBox-4{color:var(--gray-color);text-align:center;padding:25px 19px}
.serviceBox-4:after,.serviceBox-4:before{content:"";border-radius:15px;border:5px solid var(--gray-color);clip-path:polygon(65% 0,100% 0,100% 35%,35% 100%,0 100%,0 65%);position:absolute;top:0;right:0;left:0;bottom:0}
.serviceBox-4:after{border-width:3px;clip-path:polygon(0 0,60% 0,55% 5%,96% 44%,100% 40%,100% 100%,40% 100%,43% 95%,5% 55%,0 60%);top:3px;bottom:3px;right:3px;left:3px}
.bordered_layout .service-icon,.serviceBox-4 .service-icon{font-size:40px;margin:0 0 10px}
.serviceBox-4 .title{font-size:18px;font-weight:600;margin:0 0 5px}
.bordered_layout .description,.serviceBox-4 .description{color:#6a6a8e;font-size:14px;line-height:23px;margin:0;text-align:justify}
@media only screen and (max-width:1199px){
.serviceBox-4{margin:0 0 40px}
}
.gray-color{color:#252d36!important}
.bordered_layout{color:var(--gray-color);text-align:center;padding:22px 19px 0}
.bordered_layout .title{font-size:18px;font-weight:600;color:#c75f00;margin:0 0 5px;text-align:left}
.tab-17 .nav-tabs{padding:0 15px;border-bottom:1px solid #dee2e6;text-transform:uppercase}
.tab-17.tabs-layout .nav-tabs .nav-link.active{color:#ff5b2e;background-color:transparent;border-color:transparent;border-radius:0;border-bottom:2px solid #ff5b2e;font-weight:700;text-transform:uppercase}
.tab-17.tabs-layout .nav-tabs .nav-link{border:0 solid transparent;color:#6a6a8e;background-color:transparent;border-radius:0;padding:15px;border-bottom:2px solid #f6f6f7}
.tabs-layout .nav-tabs .nav-item+.nav-item{margin:0 10px}
.up-hor:hover{transform:translateY(-7.5px)}
.sblock-techno{min-height:244px}
.sblock-benift{min-height:344px;padding:25px 20px}
.webservicejpr-section{background:linear-gradient(91.22deg,rgba(0,5,15,.8) 78.54%,rgba(0,5,15,.2) 100%) 0 0/cover no-repeat,url(../images/service/best-web-development-company-jaipur.webp) 0 0/cover no-repeat;padding:55px 25px}
.icon-fontsize-color{color:#222;font-size:40px}
.h-scl-:hover .h-scl-base{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
.h-scl-:hover .h-scl-base img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.h-scl- .h-scl-base{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.bd-hor .bd-hor-base:hover:after{width:100%;overflow:hidden}
.bd-hor .bd-hor-base:after{content:'';position:absolute;left:0;width:0%;bottom:0;height:4px;background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%)}
.blog-wrap-new:before,.ovr-bg1 .ovr-base:before,.ovr-bg2 .ovr-base:before,.timeline:after{position:absolute;height:100%;content:""}
.animation,.bd-hor .bd-hor-base:after,.circle,.circle2,.clients-logo,.custom-btn,.dropdown-toggle,.h-scl- .h-scl-base,.h-scl-base img,.hoshd,.hover-scale img,.icon-set,.isotope_item,.link-hover,.main-header,.main-header.sticky,.navbar,.s-block,.sticky,.sub-menu-sec a,.up-hor,a,button,input{-webkit-transition:1.2s cubic-bezier(.17, .85, .438, .99);-o-transition:1.2s cubic-bezier(.17, .85, .438, .99);transition:1.2s cubic-bezier(.17, .85, .438, .99)}
.key-points li,.key-points2 li{padding:8px 0 8px 35px;position:relative;line-height:28px;font-size:16px}
.key-points li:before{content:"\f00c";position:absolute;left:0;top:9px;background:#ffc627;height:25px;width:25px;border-radius:50%;text-align:center;align-items:center;color:#333}
.ho-gdnt .ovr-base:before{-webkit-transition:.8s cubic-bezier(.17, .85, .438, .99);-o-transition:.8s cubic-bezier(.17, .85, .438, .99);transition:.8s cubic-bezier(.17, .85, .438, .99)}
.ovr-bg2 .ovr-base:before{background:-webkit-linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);background:linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);width:100%;top:0;right:0;left:0;opacity:0}
.ovr-bg1 .ovr-base:before{background:-webkit-linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);background:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);width:100%;top:0;right:0;left:0;opacity:0;border-radius:8px}
.overlay-- .s-block{background:#222;border:1px solid #222;padding:30px;overflow:hidden}
.nn-card-set{position:relative;z-index:5;overflow:hidden}
.web-hero-section{position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px;height:60vh;align-items:center;display:grid}
.facts-data h4{font-size:calc(30px + (34 - 30) * ((100vw - 320px)/(1920 - 300)));margin-bottom:15px}
.facts-data p{font-size:calc(18px + (19 - 18) * ((100vw - 320px)/(1920 - 300)));color:#252525}
.blog-wrap-new:before{background:linear-gradient(to bottom,#ffe2e2 0,#fff9f4 100%);right:0;top:0;width:50%;border-radius:15px 0 0 15px}
@media only screen and (max-width:1370px){
.web-hero-section{padding-top:100px;padding-bottom:100px;height:70vh}
}
.timeline:after{top:25px;left:45%;margin-left:0;border-right:2px dashed #f87802;display:block}
.timeline-row,.timeline-row:nth-child(odd){padding-left:50%;position:relative;margin-bottom:50px}
.timeline-row .timeline-time{position:absolute;right:61%;top:15px;text-align:right;margin-right:20px;color:#050748;font-size:28px;font-weight:700}
.timeline-row .timeline-time small{display:block;font-size:15px;padding:8px 0 0}
.timeline-content-alt{margin-left:0!important;border:0!important;box-shadow:none!important}
.timeline-row .timeline-content-alt:after{border:0!important}
.media-body-timeline .h4-time-head{font-size:calc(22px + (24 - 22) * ((100vw - 768px) / (1920 - 320)));font-weight:700}
.timeline-row .timeline-content{position:relative;padding:20px 30px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:8px;display:flex;flex-direction:column;border:1px solid #efefef;-webkit-box-shadow:0 10px 15px 0 rgb(0 0 0/10%);box-shadow:0 10px 15px 0 rgb(0 0 0/10%)}
.timeline-row .timeline-content:after{content:"";position:absolute;top:20px;height:16px;width:16px;background:#fff;border:1px solid #efefef}
.timeline-row .timeline-content:before{content:"";position:absolute;top:20px;width:50px;height:50px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;z-index:10;background:#fff;left:-125px;right:initial}
.timeline-row .timeline-content h4{margin:0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:150%}
.timeline-row .timeline-content p{margin-bottom:30px;line-height:150%}
.timeline-row .timeline-content i{font-size:1.2rem;line-height:100%;padding:15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#272e48;margin-bottom:10px;display:inline-block}
.key-points2 li:before,.tab-17-alt.tabs-layout .nav-tabs .nav-link.active{background:#ff5b2e;color:#fff}
.timeline-row .timeline-content .thumbs{margin-bottom:20px;display:flex}
.timeline-row .timeline-content .thumbs img{margin:5px;max-width:60px}
.timeline-row .timeline-content .badge{color:#fff;background:linear-gradient(120deg,#00b5fd 0,#0047b1 100%)}
.timeline-row:nth-child(2n) .timeline-content,.timeline-row:nth-child(odd) .timeline-content{margin-left:40px;text-align:left}
.timeline-row:nth-child(2n) .timeline-content:after,.timeline-row:nth-child(odd) .timeline-content:after{left:-8px;right:initial;border-bottom:0;border-left:0;transform:rotate(-135deg)}
.timeline-row:nth-child(2n) .timeline-content:before{left:-125px;right:initial}
@media(max-width:992px){
.timeline{padding:15px}
.timeline:after{border:0}
.timeline .timeline-row:nth-child(2n),.timeline .timeline-row:nth-child(odd){padding:0}
.timeline .timeline-row:nth-child(odd) .timeline-time{position:relative;top:0;left:0;margin:0 0 10px}
.timeline .timeline-row:nth-child(2n) .timeline-content,.timeline .timeline-row:nth-child(odd) .timeline-content{margin:0}
.timeline .timeline-row:nth-child(2n) .timeline-content:after,.timeline .timeline-row:nth-child(2n) .timeline-content:before,.timeline .timeline-row:nth-child(odd) .timeline-content:after,.timeline .timeline-row:nth-child(odd) .timeline-content:before{display:none}
.timeline .timeline-row:nth-child(2n) .timeline-time{position:relative;top:0;left:0;margin:0 0 10px;text-align:left}
}
.media-time-w-400{width:400px}
@media only screen and (max-width:767px){
.web-hero-section{height:530px}
.blog-wrap-new:before{background:0 0}
.media-time-w-400{width:100%}
.timeline-content-alt{padding:2px 0!important}
.timeline-pad-mobile{padding:5px}
.inner-query-div{padding:10px!important}
.web-hero-section .header-heading h1{font-size:calc(28px + (30 - 28) * ((100vw - 320px)/(1920 - 300)));line-height:1.6}
}
.sidebar-sticky{position:sticky;top:0;transition:.5s ease-in-out}
.tab-17-alt .tab-17-nav-tabs{padding:0;font-weight:700;color:#252525;border-bottom:none}
.tab-17-alt .tab-17-nav-tabs .nav-item+.nav-item{margin:0;border-right:1px solid #ddd}
.tab-17-alt .tab-17-nav-tabs .nav-item+.nav-item:last-child{margin:0;border-right:none}
.tab-17-alt.tabs-layout .nav-tabs .nav-link{color:#252525;background:#f5f5f5;padding:20px}
.work-card-set-industry .icon-bg{margin-bottom:10px}
.tab-17-industry .tab-17-industry-left .nav-link{width:330px;border-bottom:none}
.tab-17-industry .tab-17-industry-left{border-bottom:none}
.tab-17-industry.tabs-layout .nav-tabs .nav-link.active{background:#ff5b2e;color:#fff;border-bottom:none;text-align:center;padding:20px;border-radius:10px;font-weight:700;font-size:19px}
.tab-17-industry.tabs-layout .nav-tabs .nav-link{border-bottom:none;margin:20px 0 0;background:#f5f5f5;text-align:center;padding:20px;border-radius:10px;color:#252525;font-weight:700}
.count-span-text span{background-color:#f87700;color:#fff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;padding:3px;position:absolute;top:10%;left:43%;z-index:99}
.count-span-text span:before{content:'';position:absolute;left:-4px;top:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid #f87700;border-radius:50%}
.timeline-time-image img{background-color:#fff;border:1px dashed #00112c;border-radius:10px;height:75px;width:75px;margin-right:20px;padding:4px}
.inner-query-div{background:#f87600;padding:40px;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / 5%)}
.inner-query-div .client-head{color:#ffff}
.text-theme-orange{color:#f87600}
.pt-0{padding-top:0!important}
.min-h{min-height:732px}
.key-points2 li:before{content:"\f00c";position:absolute;left:0;top:12px;height:25px;width:25px;border-radius:50%;text-align:center;align-items:center}
.fs-56{font-size:56px}
.fs-65{font-size:65px}
.min-height{min-height:330px}
.com-service h4{font-size:20px}
.service-offer .mt30{border-bottom:1px solid #ddd}
.h-570{width:350px;height:570px}
.s-icon-dm{width:125px;height:auto;margin:0 auto;background:#f0f8ff;padding:23px;border-radius:50%}
.bg-light-gray{background:#2222220d}
.top--130{top:-130px}
.top--125{top:-125px}
.top--120{top:-120px}
.top--100{top:-100px}
.scroll-img-box{margin:130px 0 100px}
.scroll-box-heading{font-size:30px;font-weight:g00;letter-spacing:-1px;line-height:1.1em;text-transform:capitalize;margin-bottom:15px}
@media only screen and (max-width:767px){
.scroll-img-box{margin:10px 0;top:0}
.mobile-fs{font-size:30px}
}
@media only screen and (max-width:991px){
.top_banner h1 span{display:inline-block}
.scroll-img-box{margin:10px 0;top:0}
.mobile-fs{font-size:30px}
}
.entry-blog-post{border-radius:100px;padding:10px 15px;margin:0 20px;position:absolute;bottom:-18px;right:0;left:0;justify-content:space-between;display:flex}
.entry-blog-post a{color:#fff;font-size:14px}
.dg-bg2{background-image:-moz-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%)!important;background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%)!important;background-image:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%)!important}
.testinomial-section .owl-carousel .owl-dots{position:absolute;bottom:0;right:0;text-align:right;background:#fff;width:100px;margin:0;height:50px;padding:25px 0 0}
.apppg .brand-logo{max-width:224px;margin:0 auto;padding:10px;background:#fff;border-radius:8px}
.apppg li p{color:#000;font-size:14px;margin:10px 0 0}
.hoshd:hover{box-shadow:0 15px 39px -11px #46638e45;transform:translate(0,-5px)}
.custom-checkbox input[type=checkbox]{width:20px;height:20px;margin:0}
.custom-control{margin-bottom:10px;display:flex;grid-gap:10px;align-items:center}
.custom-control label{text-indent:0;padding:0}
.ps-block span{font-size:60px;font-family:Poppins,sans-serif;border-radius:68% 32% 64% 36%/59% 59% 41% 41%;border:1px solid #e8e8e8;width:100px;height:100px;display:block;text-align:center;line-height:100px;margin:0 0 20px;color:#6a6a8e;background:#f5f5ff;animation:6s linear infinite border-transform}
.ps-block{padding:0 25px}
.breadcrumb-area{padding:150px 0 90px;position:relative;overflow:hidden;text-align:center}
.breadcrumb-area:before{content:'';position:absolute;top:0;height:100%;width:100%;opacity:.85;right:0;left:0;z-index:0;background:-moz-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);background:-webkit-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);background:linear-gradient(135deg,#ffdee9 0,#c8fff4 100%)}
.breadcrumb-area:after{content:'';background:url(../images/banner/banner-shap-2.png) center right/contain no-repeat;position:absolute;height:100%;width:100%;right:0;top:0;z-index:1}
.breadcrumb-area .bread-menu li a{color:#6a6a8e;font-size:16px;font-weight:400;padding-right:6px;display:inline-block}
.breadcrumb-area .bread-menu li+li::before{font-size:5px;font-family:'font awesome 5 free';content:"\f111";font-weight:700;margin:0 10px 0 0;position:relative;top:-3px}
.text-block{position:relative;z-index:55}
.bread-title h2{font-weight:600;font-size:35px;line-height:47px;margin:15px 0 0}
.block-1 p+p{margin:25px 0 0}
.bread-titlev2,.clients-creative-pic,.img-design,.testinomial-section-app .pl50{position:relative;height:100%}
.about-image,.hero-main-rp,.image-block,.img-block{position:relative;z-index:10}
.ag-dg1{z-index:1;border-radius:8px 8px 8px 100px;min-width:100%;top:0;left:30px;position:relative}
.ag-dg2{z-index:0;border-radius:8px 8px 100px;bottom:0;right:30px;min-width:100%;position:relative}
.funfct{box-shadow:0 11px 20px rgb(123 149 162/15%);line-height:26px;padding:30px;border-radius:8px 8px 8px 40px;margin-top:30px;position:relative;text-align:center}
.particale-element,.particale-element li,.setps{position:absolute}
.funfct p{font-weight:600;color:#6a6a8e}
.funfct img{width:65px;margin:0 auto 15px;display:block}
.funfct .services-cuntr{display:inline-block;font-weight:700;font-size:26px;color:#050748;padding:12px 0}
.companytime p{font-weight:700;font-size:25px;text-transform:uppercase;text-align:center;color:#fff}
.companytime p span{font-weight:500;display:block;font-size:20px;line-height:26px;border-top:1px solid #d9d9d9;padding:14px 0 0;margin:14px 0 0}
.companytime{background:#0d83fd;padding:14px;border-radius:10px 50px}
.niwax-company-awards-cover{background:#f0f7ff;padding:20px 0}
.niwax-logo-slider .industry-workfors img{width:50px;margin:0 auto}
.srcl1{background:#f3f5ff;border-bottom:4px solid #b0bdff}
.srcl2{background:#fff3e6;border-bottom:4px solid #ffc093}
.srcl3{background:#fbeefd;border-bottom:4px solid #f6bcff}
.srcl4{background:#effdff;border-bottom:4px solid #9ff3ff}
.srcl5{background:#fbfff1;border-bottom:4px solid #ffdaa2}
.lh-40{line-height:40px}
.setps{opacity:.8;font-size:74px;font-weight:700;right:30px;top:30px;font-family:Poppins,sans-serif;color:#ffdbca;z-index:99}
.digind-section{background:linear-gradient(91.22deg,rgba(0,5,15,.8) 78.54%,rgba(0,5,15,.2) 100%) 0 0/cover no-repeat,url(../images/service/top-digital-marketing-agency-india.avif) 0 0/cover no-repeat;padding:55px 25px}
.particale-element{margin:0;padding:0;list-style:none;overflow:hidden;width:100%;height:100%;top:0;left:0}
.particale-element li:first-child{top:-20%;left:40px;-webkit-animation:5s linear infinite jumping;animation:5s linear infinite jumping}
.particale-element li:nth-child(2){top:12%;left:30%;background:#f7cb61;height:15px;width:15px;border-radius:30px;-webkit-animation:20s linear infinite animationFramesLeft;animation:20s linear infinite animationFramesLeft}
.particale-element li:nth-child(3){left:8%;top:35%;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid #b29ff7;-webkit-animation:20s linear infinite animationFramesTwo;animation:20s linear infinite animationFramesTwo}
.particale-element li:nth-child(4){bottom:38%;left:13%;background:#43d254;height:15px;width:15px;border-radius:30px;-webkit-animation:20s linear infinite animationFramesRight;animation:20s linear infinite animationFramesRight}
.particale-element li:nth-child(5){bottom:0;left:11%;background:#fcf2f9;height:300px;width:300px;border-radius:50%;-webkit-animation:3s linear infinite wave;animation:3s linear infinite wave}
.particale-element li:nth-child(6){bottom:0;left:0;z-index:0;-webkit-animation:6s linear infinite wave;animation:6s linear infinite wave}
.particale-element li:nth-child(7){right:12%;top:-19%;background:#f9f3f7;height:600px;width:600px;border-radius:50%;-webkit-animation:8s linear infinite wave;animation:8s linear infinite wave}
.particale-element li:nth-child(8){right:9%;top:-22%;background:rgba(83,81,186,.039);height:360px;width:360px;border-radius:50%;-webkit-animation:6s linear infinite wave;animation:6s linear infinite wave}
.seservicejpr-section{background:linear-gradient(91.22deg,rgba(0,5,15,.8) 78.54%,rgba(0,5,15,.2) 100%) 0 0/cover no-repeat,url(../images/service/best-seo-services-in-jaipur.avif) 0 0/cover no-repeat;padding:55px 25px}
.sliderset-nx{display:grid;grid-template-columns:50% auto;align-items:center;grid-gap:60px}
.sliderset-nx-alt{grid-gap:30px;grid-template-columns:45% auto}
.itm-media-object h4{text-align:left;margin-bottom:10px}
.filter-menu{text-align:center;overflow:auto}
.filters .filter-menu.recent{list-style:none;padding:0;bottom:0;position:inherit;text-align:right;margin:35px 0 0}
.filters .filter-menu li{display:inline-block;padding:10px;margin-bottom:10px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;background-image:linear-gradient(176deg,#80656a,var(--textgradient_color2) 80%);--textgradient_color1:#f87700;--textgradient_color2:#272524;-webkit-border-radius:100px;border-radius:40px}
.filters .filter-menu li.is-checked{background:#f87700;color:#fff}
.portfolio-meta ul li{font-size:14px;color:#fff;display:block;text-align:left;background:#fff;position:relative;padding:15px 20px 15px 55px;border-bottom:1px solid #ebebeb}
.portfolio-meta ul li p{font-family:Poppins,sans-serif;font-size:16px;line-height:28px;background:#fff;display:inline-block;color:#050748;font-weight:600}
.portfolio-meta ul li p span{font-family:open sans,sans-serif;display:block;margin-top:2px;color:#6a6a8e;font-weight:400}
.portfolio-meta ul li i{position:absolute;left:10px;color:#050748;font-size:25px;top:50%;margin-top:-12.5px}
.h-scroll{width:100%;padding:50px 10px}
.common-heading.pp{padding:0;text-align:left}
.common-heading.pp p{margin:20px 0 0}
#scrollUp{bottom:20px;right:20px;width:30px;height:50px;-webkit-border-radius:100px;border-radius:100px;color:#fff;opacity:.4;background:url(../images/icons/up-arrow.svg) center center/15px no-repeat #00baff}
.dg-bg--1{background-color:#111}
.bg-flat1{background:#f5f5f5}
.text-effect-1{background-image:-moz-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);background-image:linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.branding-services-hero h1{color:#e6e6e8}
.hero-digital-agency-1 p{color:#bdbfca}
.-content-sec a.play-video{background:#ff2d8d}
a.play-video{-webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/10%);box-shadow:0 10px 15px 0 rgb(3 35 68/10%)}
a.play-video{min-width:60px;min-height:60px;display:inline-flex;background:#fff;border-radius:1000px;transition:all .3s ease-in-out 0s;cursor:pointer;outline:0;position:relative;padding:10px;align-items:center}
.mr25{margin-right:25px}
.text-animation,.text-effect-1,.text-effect-2,.text-effect-3{-webkit-text-fill-color:transparent}
.img-with-shape{position:relative;text-align:center}
.shape-dg-1{position:absolute}
.dg-hero-shp2{transform:translatez(80px);top:40%;z-index:999;left:0;max-width:120px}
.dg-hero-shp1a{top:0;left:0}
.dg-hero-img0{border-radius:8px;transform:translateZ(60px);position:relative;z-index:9}
.dg-hero-shp3{bottom:-80px;right:0}
.dg-clients-section .opl ul li p{color:#000;font-size:14px;margin:10px 0 0}
.industry-workfor{background:#fff;padding:15px 20px;border-radius:8px;margin-top:30px;display:flex;align-items:center}
.industry-workfor img{width:55px}
.shape-c1,.shape-c2{width:200px;height:200px}
.industry-workfor h6{margin:0 0 0 15px}
.block-space-{max-width:50%;position:relative;z-index:555}
.services_padding{padding:55px 30px}
.posiqut{position:absolute;right:10px;bottom:10px;font-size:60px;color:#00f2a6}
.video-bg-{background:#000}
.full-video,.ovr-bg2 .ovr-base:before{height:100%;width:100%;position:absolute}
.full-video{right:0;bottom:0;object-fit:cover;object-position:center;opacity:.3}
.video-banner-height{height:80vh!important}
.service-sec-brp{padding:30px 25px}
.s-block,.upset,.wide-block{position:relative}
.upset{z-index:5}
.col-lg-3-cus,.col-lg-6-cus{padding:0}
.col-lg-6-cus{width:40%}
.col-lg-3-cus{width:30%}
.srvc-bg-nx{border-radius:6px;margin:0 10px;height:240px;-webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);overflow:hidden}
.service-sec-list,.service-sec-list:hover,.service-sec-list:hover p{-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}
.service-sec-list{padding:52px 25px}
.service-sec-list:hover{padding:25px}
.service-sec-list img{-moz-transition:width .5s,height .5s;-webkit-transition:width .5s,height .5s;transition:width .5s,height .5s;height:60px;width:60px;margin-bottom:10px}
.service-sec-list p{font-size:15px;line-height:24px;margin:14px 0 0}
.service-sec-list p{display:none}
.service-sec-list:hover p{display:block}
.service-sec-list:hover img{height:0;width:60px}
.service-list-dark{background:#191919;border:1px solid #191919}
.service-list-dark h5{color:#fff}
.service-list-dark p{color:#a2a2a2}
.service-list-dark li a{color:#a2a2a2}
.dark-portfolio p{color:#fff}
.dot-c1{position:absolute;width:80px;height:80px;border:0}
.dot-c1 img,.tcc1{border-radius:100px}
.dot-c1 img{width:70px}
.tcc1{background:#ffc107;width:130px;text-align:left}
.tcc2{background:#f44336;right:0;width:120px;text-align:right;padding-right:5px;border-radius:0 100px 100px 0}
.tcc3{background:#00bcd4;right:120px;width:130px;top:200px;border-radius:100px 8px 100px 100px;text-align:left}
.tcc4,.tcc5{border-radius:100px 100px 100px 8px;text-align:right;padding-right:5px}
.tcc4{background:#ff6c89;left:150px;top:110px;width:150px}
.tcc5{background:#4caf50;right:0;bottom:0;width:130px}
.tcc6{background:#9c27b0;bottom:0;left:10%;width:150px;text-align:left;border-radius:100px 8px 100px 100px}
.dot-c1.active{box-shadow:6px 6px 0 rgb(255 255 255/.5)}
.pricing-table{text-align:center;padding:30px 30px 0;-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff;box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff}
.pricing-table img{background:#e9f8ff;width:90px;height:90px;border-radius:100%;padding:10px;border:8px solid #fbfbfb}
.pricing-table .title{margin:30px 0 10px;font-size:16px;font-weight:700;width:100%;display:block}
.pricing-table .title-sub{margin:0 0 30px}
.pricing-table .inner-table h2{font-size:42px;font-weight:700;color:#ff1f8e;margin-bottom:3px}
.pricing-table .inner-table p.duration{color:#72729a;font-weight:500;margin-bottom:0}
.pricing-table .inner-table .details{margin-top:35px;padding-top:28px;padding-bottom:30px;line-height:42px;border-top:1px solid #e5e5e5}
.pricing-table a{margin-bottom:-26px;display:inline-block}
.pricing-table .inner-table .details ul{list-style:none;margin-bottom:0;padding:0}
.pricing-table.best-plan .inner-table h2{color:#2a89ea}
.pricing-table.best-plan img{background:#ccf0ff;width:90px;height:90px;border-radius:100%;padding:10px;border:8px solid #e9f8ff}
.formcover{background:#fff;padding:50px 20px;border-radius:14px}
.formcover h4{font-size:25px;line-height:35px}
.innidv1{background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%)}
.innericodiv{width:80px;height:80px;border-radius:100px;padding:18px;margin:30px 0 0 30px}
.inforcardtt h3{font-size:22px;line-height:32px;color:#fff;font-weight:600;margin-bottom:10px}
.dark-back-clr{background:#121526}
.social-media-services .inforcardtt{padding:24px;background:#121526}
.innidv2{background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%)}
.innidv3{background:linear-gradient(to right,#f92c8b 0,#b02cd6 100%)}
.about-sec-app{background:url(../images/shape/bg-light2.png) center center repeat-x;background-size:contain}
.-reviewr{width:70px;height:70px;border-radius:100px;margin-right:15px;overflow:hidden}
.revbx-rl{display:block}
.revbx-rl img{max-width:130px}
.niwaxpricingbox{background:#fff;border-radius:14px;overflow:hidden}
.pricingheader{padding:30px 20px;background:right center no-repeat #f8f8ff;background-size:70px}
.pricingheader h2{font-size:28px;line-height:40px}
.pricingrate{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e5e5;padding:30px 0 0 20px}
.pricingoffers{overflow-y:scroll;max-height:310px;height:310px;padding:20px;background-color:#f8f8ff;margin:30px 20px;border:1px solid #e8e8e8;border-radius:14px 0 0 14px}
.priceodernow{padding:0 20px;justify-content:space-between}
.priceodernow,.pricingfooter{display:flex;align-items:center}
.pricingfooter{background:#f8f8ff;padding:10px 20px;justify-content:space-between}
.pricevalue h2{font-size:34px;line-height:44px}
.priceoffer{clip-path:polygon(100% 0,100% 50%,100% 100%,15% 100%,0 50%,15% 0);background:#007dff;padding:10px 20px}
.priceoffer h2{font-size:25px;line-height:35px;color:#fff}
.priceoffer h2 span{display:block;text-decoration:line-through;font-size:20px;line-height:30px}
.reco .priceoffer{background:#ff3381}
.list-ul li:before{font-family:"font awesome 5 free";font-weight:700;position:absolute;left:0;top:2px;font-size:15px}
.priceodernow{padding:0 20px;justify-content:space-between}
.nxpb-1,.nxpb-3{margin-top:60px}
.nxpb-2{margin-top:30px}
.livechatbtn:hover{color:#018f41}
.gap10{grid-gap:10px}
.livechatbtn{color:#050748;font-weight:600}
.livechatbtn span{display:block;font-size:14px}
.livechatbtn i{color:#018f41}
.pricingfooter a{color:#6a6a8e;font-size:14px}
.common-heading.ptag h2{margin-bottom:15px}
.common-heading.ptag p{font-size:16px;line-height:28px}
.website-process-part-small-round{background:#0c57ad!important;border-radius:50%!important;width:160px;height:160px!important;position:relative!important;left:90px;top:13px!important}
.website-process-part-small-round p{font-weight:900!important;font-size:45px!important;line-height:66px!important;letter-spacing:-.042em;color:#fff!important;margin-left:36px!important;padding-top:20px!important}
.website-process-part-small-round h4{font-weight:900!important;font-size:40px!important;line-height:66px!important;letter-spacing:-.042em;color:#fff!important;margin-left:0!important;text-align:center;padding-top:20px!important}
.website-process-span{text-transform:capitalize;font-weight:600;color:#fff;padding-left:33px;line-height:20px}
.website-process-span2{font-family:inherit;margin:0;font-weight:400;font-style:italic;font-size:13px;line-height:22px;letter-spacing:-.003em;color:#fff;padding-left:0}
.website-process-part-big-squere{max-width:359px;position:absolute;bottom:100px}
.website-process-part-big-round{background:#831980;border-radius:50%;width:160px;height:160px;position:relative;left:326px;bottom:55px}
.website-process-part-big-round h4{font-family:inherit;font-weight:900;font-size:47px;line-height:68px;letter-spacing:-.042em;color:#fff;margin-left:38px;padding-top:18px}
.website-process-part-big-round p{font-family:inherit;font-weight:900;font-size:47px;line-height:68px;letter-spacing:-.042em;color:#fff;margin-left:38px;padding-top:18px}
.website-process-part-big-round-span{text-transform:capitalize;font-weight:600;color:#fff;padding-left:23px;font-size:18px;line-height:34px}
.website-process-part-big-round-span1{font-family:inherit;margin:0;font-weight:400;font-style:italic;font-size:13px;line-height:22px;letter-spacing:-.003em;color:#fff}
.icon-fld-nx{text-align:center;font-size:25px;margin:0 20px 0 0;color:#050748}
.f14{font-size:14px!important}
.h485{height:484px!important}
.website-process-part-dawn-round{background:#0693e3;border-radius:50%;width:160px;height:160px;position:relative;left:326px;bottom:-1px}
.website-process-part-dawn-round h4{font-family:inherit;font-weight:900;font-size:46px;line-height:68px;letter-spacing:-.042em;color:#fff;margin-left:37px;padding-top:22px}
.website-process-part-big-dawn-span{text-transform:uppercase;font-weight:600;color:#fff;padding-left:23px;font-size:18px;line-height:26px}
.website-process-part-big-dawn-span1{font-family:inherit;margin:0;font-weight:400;font-style:italic;font-size:13px;line-height:22px;letter-spacing:-.003em;color:#fff;padding-left:0}
.footer-row2 h5{margin-bottom:25px;font-size:20px;font-weight:500;margin-top:30px;padding-bottom:10px;position:relative}
.footer-row2 h5:after{content:"";position:absolute;bottom:0;left:0;width:60%;height:1px;background-color:#c7c7c7}
.footer-common-dark{background:#000}
.footer-common-dark .footer-address-list li a{color:#fff;font-size:15px;line-height:18px}
.dmca-compl-logo{background:#fff;padding:8px;border-radius:5px}
@media (max-width:767px){
.footer-row2 h5:after{background-color:unset}
}
.devlp-s-block{background:#222c36;text-align:left;padding:15px;margin-bottom:25px}
.devlp-s-block h4{font-size:18px;color:#fff}
.devlp-s-block .s-block-content{margin:0 0 0 15px}
.devlp-s-block .devlp-service-text{font-size:28px;font-weight:800;line-height:35px;margin-bottom:5px}
.devlp-s-block .s-card-icon{width:70px;margin:0 auto 0}
.img-tool{width:100px!important}
.SideBar-Blog{background:#fff;border:1px Solid;border-radius:3px}
.Categories-Block ul li,.Color-Block ul li{border-bottom:1px Solid #f0f1f1;font-weight:400;width:100%}
.SideBar-Blog .Top-Title-Page h3{margin-top:0;font-size:20px;background:#162f5d;padding:10px;margin-bottom:0;color:#fff}
.Categories-Block{display:inline-block;margin-top:0}
.Color-Block,.Price-Block ul{margin-top:15px}
.Categories-Block ul li{background:#e4e0e0;padding:7px 10px;display:inline-block}
.Categories-Block ul li.active{background:#fff}
.Categories-Block ul li.active a{color:#162f5d!important}
.Categories-Block ul li a{float:left;display:inline-block;margin-right:15px;font-size:13px;color:#162f5d}
.Categories-Block ul li span,.Color-Block ul li p,.Color-Block ul li span{margin-right:15px;font-size:13px;display:inline-block}
.Categories-Block ul li:hover p{color:#dd6d0b;-webkit-transition:all .2s ease-out 0;transition:all .2s ease-out 0}
.Categories-Block ul li span{float:left;color:#828282}
.Categories-Block ul li i{float:right;display:inline-block;font-size:13px;color:#000}