*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif}

:root{--color-ograng:#e7465b}

a{text-decoration:none;color:#fff}

section{padding:70px 0}

p{margin-bottom:0}

h1,h2,h3,h4{font-weight:600}

.bg-gray{background:#F9F9F9}

.banner{background:#FFFAFA;background-image:url(../images/aboutus_leftshape.png);background-repeat:no-repeat;background-position:left;background-size:contain}

.subjectHolder{margin:1px 0;text-align:center}

.subjectHolder a{text-decoration:none;background:#EFEFEF;color:#000;padding:5px 10px;display:inline-block;border-radius:6px;margin:5px;font-weight:600;font-size:15px;box-shadow:0 0 10px #e4e4e4;border:1px solid #e9e9e9;transition:1s}

.subjectHolder a:hover{transform:scale(1.11);background:var(--color-ograng);color:#fff}

.scroll-animation-wrapper{position:relative;z-index:1;overflow:hidden}

.scroll-animation.scroll-right-left{-webkit-animation:scroll 30s linear infinite;-moz-animation:scroll 30s linear infinite;animation:scroll 30s linear infinite;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}

.scroll-animation.scroll-left-right{-webkit-animation:scrollLeft 30s linear infinite;-moz-animation:scrollLeft 30s linear infinite;animation:scrollLeft 30s linear infinite;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}

.scroll-animation{display:flex;width:-webkit-calc((420px * 16) + (30px * 16));width:-moz-calc((420px * 16) + (30px * 16));width:2200px;position:relative}

.scroll-animation-all-wrapper::before{top:0;left:0}

.scroll-animation-all-wrapper::after{top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}

@-webkit-keyframes scroll {

0%{-webkit-transform:translateX(0);transform:translateX(0)}

to{-webkit-transform:translateX(-webkit-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

}

@-moz-keyframes scroll {

0%{-moz-transform:translateX(0);transform:translateX(0)}

to{-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

}

@keyframes scroll {

0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

to{-webkit-transform:translateX(-webkit-calc(-250px * 7));-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

}

@-webkit-keyframes scrollLeft {

0%{-webkit-transform:translateX(-webkit-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

to{-webkit-transform:translateX(0);transform:translateX(0)}

}

@-moz-keyframes scrollLeft {

0%{-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

to{-moz-transform:translateX(0);transform:translateX(0)}

}

@keyframes scrollLeft {

0%{-webkit-transform:translateX(-webkit-calc(-250px * 7));-moz-transform:translateX(-moz-calc(-250px * 7));transform:translateX(calc(-250px * 7))}

to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

}

#currentAge,#result,#result1,#result2,#result3,.result_filed{background-color:#f1fdf0;transition:.3s;border-radius:5px;min-height:50px;margin-top:5px;padding:10px;-webkit-box-shadow:0 2px 30px 0 #0000000d;box-shadow:0 2px 30px 0 #0000000d;border:1px solid #cff1ce;width:100%}

.tip{display:none}

.calculator{padding:0 10px 10px}

.calculator-inner{display:grid;grid-template-columns:auto auto auto auto auto}

.calculator input[type="text"]{width:100%;margin-bottom:10px;padding:5px;font-size:18px;background-color:#f7f7f7;border:transparent}

.calculator input[type="button"]{padding:10px;margin-right:2%;margin-bottom:5px;font-size:18px;border:none;border-radius:3px;cursor:pointer}

.calculator input[type="button"]:hover{background-color:#f0f0f0}

.service-hero-text{color:#000}

.service-hero-text h5{color:#352c70;font-weight:600}

.banner h1{color:var(--color-ograng);font-weight:700;font-size:2.2rem}

.business-solution-form-wrap{background:#fff;-webkit-box-shadow:0 2px 30px 0 #0000001a;box-shadow:0 2px 30px 0 #0000001a;padding:0;border-radius:10px;text-align:center;overflow:hidden}

.business-solution-form-wrap .contact-title{background-color:#353a3f;padding:10px}

.business-solution-form-wrap .contact-title h5{color:#fff;font-weight:600;margin-bottom:2px}

.modal-body .business-solution-form-wrap{margin-top:0}

.modal-body .business-solution-form-wrap .btn-close{position:absolute;right:2px;top:2px;font-size:13px}

.contact-form__two{padding:0 15px 20px}

.contact-form__two label{width:100%;text-align:left}

.service-hero-text ul{list-style:none;padding-left:0;display:grid;grid-template-columns:auto auto}

.service-hero-text p{margin-bottom:15px}

.service-hero-text ul li{margin-top:15px;padding:10px;border-radius:10px;border:1px solid #efefef;margin-right:10px;background:#f8f9fa;color:#352c70}

.service-hero-text ul li img{margin-right:20px}

.service-hero-text ul li i{width:21px;height:21px;border-radius:30px;font-size:12px;background-color:#a91313;padding:3px 6px;color:#fff;margin-right:5px}

.contact-inner{margin:0 0 14px;text-align:left}

.contact-inner span{padding-left:10px}

.contact-inner .form-input{width:100%;border-color:#f8f8f8;background-color:#f8f8f8;font-size:14px;font-weight:400;letter-spacing:0;border:none;width:100%;outline:none;border:1px solid #eee;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:5px;padding:3px 20px;height:50px}

.contact-inner .form-select option{font-size:15px;padding:10px 0}

.contact-inner textarea{height:80px!important}

.contact-inner select{color:#777}

.contact-inner .form-input select option{padding:20px}

.btn-orange{background:var(--color-ograng);border-radius:10px;padding:7px 20px;color:#fff;border:none;transition:.4s all;border:1px solid var(--color-ograng);cursor:pointer;margin:10px auto 0;max-width:250px}

.btn-orange img{filter:invert(100%);margin-right:4px}

.btn-orange:hover{background:#352C70;border:1px solid #352C70}

.btn-outline-orange{border:1px solid #e7465b;border-radius:8px;padding:6px 18px;color:#e7465b;transition:.4s all;background:transparent}

.btn-orange:hover{background:#352C70}

.btn-blue{background:#352C70;border-radius:10px;padding:12px 26px;border:none;transition:.4s all}

.btn-blue:hover{background:#e7465b}

.btn-gray{background:#353a3f;border-radius:10px;padding:12px 26px;border:none;transition:.4s all}

.btn-gray:hover{background:#484d52}

.service-tab{padding:10px 10px 15px;border:1px solid #E3E3E3;background-color:#fbfdff;border-radius:6px;text-align:center}

.service-tab h6{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.service-tab img{object-fit:contain}

.banner .btn-blue{font-size:12px;display:inline-block;padding:4px 12px;border-radius:5px}

.form-section{background-image:url(../images/bg_pattern1.png)}

.form-section .business-solution-form-wrap{padding:55px 40px;margin-top:0}

.fun-fact-wrapper{margin-top:-55px}

.fun-fact-grid-4{border-right:1px solid #ededed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}

.fun-fact-grid-4 .grid-item{width:25%;padding-top:100px;padding-bottom:100px;position:relative}

@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {

.fun-fact-grid-4 .grid-item{padding-top:60px;padding-bottom:60px}

}

.fun-fact-grid-4 .grid-item::before{position:absolute;content:"";left:0;top:0;bottom:0;background:#ededed;width:1px}

.fun-fact-grid-4 .grid-item::after{position:absolute;content:"";top:-1px;left:0;right:0;background:#ededed;height:1px}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.fun-fact-grid-4 .grid-item{width:50%}

}

@media only screen and (max-width: 767px) {

.fun-fact-grid-4 .grid-item{width:100%}

}

.fun-fact--one .fun-fact__title{color:#010b15;font-weight:500;margin-bottom:10px}

.fun-fact--one .fun-fact__count{font-size:64px;font-weight:600;line-height:1.41;color:#d00c0c}

.fun-fact--one .fun-fact__text{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#d2a98e}

.fun-fact--two{margin-bottom:30px}

.fun-fact--two .fun-fact__count{font-size:56px;color:#fff;margin-bottom:20px;line-height:1;font-weight:700}

.fun-fact--two .fun-fact__text{text-transform:uppercase;color:#ffffffb3;font-size:16px;letter-spacing:2px}

.fun-fact--three{position:relative;margin-bottom:40px}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.fun-fact--three{margin-bottom:30px}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.fun-fact--three{margin-bottom:0;margin-top:30px}

}

@media only screen and (max-width: 767px) {

.fun-fact--three{margin-bottom:0;margin-top:30px}

}

.fun-fact--three .fun-fact__count{color:#d00c0c;margin-bottom:19px;font-size:56px;font-weight:400;line-height:1}

.fun-fact--three .fun-fact__text{font-size:14px;text-transform:uppercase;color:#7e7e7e}

.fun-fact--four{position:relative;margin:6px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:10px;padding:20px 10px;text-align:center;justify-content:center;background:#f7f7f7}

.fun-fact--four .fun-fact__count,.counter-spn{background:-webkit-linear-gradient(#fe3b0c,#352C70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;font-size:40px;font-weight:700;line-height:1}

.count-tab{justify-content:center}

.fun-fact--four .fun-fact__text{font-size:14px;text-transform:uppercase;color:#333}

.fun-fact--five{margin-bottom:40px}

.fun-fact--five .fun-fact__count{font-size:46px;color:#fff;margin-bottom:20px;line-height:1;font-weight:700}

.fun-fact--five .fun-fact__text{text-transform:uppercase;color:#ffffffb3;font-size:16px;letter-spacing:2px}

.modern-number-01 h2{position:relative;font-size:12px;line-height:2em;letter-spacing:2px;color:#ababab;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}

.modern-number-01 span.mark-text{font-size:180px;line-height:.8;font-weight:900;margin:0 5px -5px -5px;color:#d2a98e}

@media only screen and (max-width: 767px) {

.modern-number-01 span.mark-text{font-size:140px}

}

.modern-number-01 h3{margin-top:25px;font-size:38px}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.modern-number-01 h3{font-size:30px}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.modern-number-01 h3{font-size:28px}

}

@media only screen and (max-width: 767px) {

.modern-number-01 h3{font-size:24px}

}

.cybersecurity-about-text .text{font-size:18px;margin-bottom:20px}

.managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item{padding-top:30px;padding-bottom:30px;position:relative}

.managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:none}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:inherit}

}

@media only screen and (max-width: 767px) {

.managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:inherit}

}

.industries-serv{padding:20px 15px 15px;border-radius:10px;background:#fbfbfb;text-align:center;margin-top:25px}

.industries-serv img{width:60px;height:60px;margin-bottom:20px}

.seo-services .col-md-3{width:16.66%}

.seo-tab{padding:15px 15px 0;border-radius:10px;background:#352c70;margin-top:25px;color:#fff;border-bottom:5px solid #e7465b;min-height:135px;text-align:center}

.seo-tab .icons{margin-bottom:10px}

.seo-tab .icons img{height:50px}

.seo-tab h4{font-size:16px;text-align:center}

.call-to-action{background:url(../images/it-bg.jpg);padding:50px 0;background-size:cover;background-attachment:fixed;position:relative}

.call-to-action::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0d082e;opacity:.9}

.call-to-action-title{font-size:45px;color:#fff;line-height:48px;font-weight:700;justify-content:space-around;display:flex}

a.btn.btn-border{color:#fff;font-weight:500;font-size:20px;border:2px solid #fff;align-items:center;display:flex;justify-content:center}

a.btn.btn-border img{filter:invert(100%);margin-right:4px}

.seo-bg{background:url(../images/seo-bg.avif);background-size:cover;background-attachment:fixed}

.result_filed h6{margin-bottom:0;font-weight:600}

.results{background:#fff}

.results .results-details{margin-top:30px;background:#F8F8F8;padding:20px;border-radius:10px;position:relative;min-height:300px}

.sub-heading{color:#fe390b;font-size:75px;opacity:.06;position:absolute;line-height:70px}

.results .results-details h4{color:#342b6f;padding-top:70px}

.seo-plan .btn-orange{padding:5px 10px;position:absolute;bottom:15px;font-size:14px;border-radius:6px}

.seo-plan .btn-blue{padding:5px 10px;position:absolute;bottom:15px;font-size:14px;border-radius:6px}

.seo-info{min-height:135px;padding:5px 15px 0}

.seo-info h6{color:#352C70;font-size:13px;font-weight:600}

.icon-box-wrap{padding:0;border-radius:5px;background:#edf2fe;position:relative;z-index:1;margin:25px 0;overflow:hidden}

.icon-box-wrap.color-one h5{color:#fff;background:#352c70;padding:5px 10px}

.icon-box-wrap.color-one{background-color:#faf6f3}

.icon-box-wrap.color-two{background-color:#edf2fe}

.icon-box-wrap.color-three{background-color:#f0f5f4;border:2px solid #e7465b;margin-top:7px;position:relative}

.icon-box-wrap.color-three span{background:#352c70;padding:5px 8px;border-radius:5px;top:2px;position:absolute;right:7px;font-size:14px}

.icon-box-wrap.color-three .seo-info{height:170px}

.icon-box-wrap.color-four{background-color:#fff5f6}

.seo-process{background:#F9F9F9}

.seo-process .seo-details{box-shadow:0 0 20px 0 #0000000d;margin-top:25px;padding:20px;border-radius:10px;background:#fff}

.seo-process .seo-details h4{color:#342b6f}

.footer{position:relative;z-index:4}

.copyright{border-top:1px solid #556489;background:#342b6f;color:#8c93a5;padding:20px 0;font-size:15px}

.footer-main{background:#342b6f;background-image:url(../images/background-footer.png);background-size:cover;background-position:100%;color:#b9caf7;position:relative;padding:50px 0 20px}

.footer-main.bg-overlay:after{background-color:#000000e6}

.footer-widget{padding-bottom:10px}

.footer .widget-title{color:#fff;font-size:20px;margin-top:0;margin-bottom:30px}

.footer-widget ul.list-dash li{width:100%;float:left;line-height:normal;padding-bottom:15px;font-size:15px}

.footer p{margin-bottom:15px}

.info-icon{margin-right:10px}

.footer-about{padding-right:40px}

.footer-logo{margin:20px 0 25px}

.footer-menu--mobile{position:fixed;bottom:0;width:100%;display:none;align-items:center;justify-content:space-between;color:#fff;z-index:11}

.call-bg{background:#e7465b;padding:10px 5px;width:33.33%}

.call-backbg{background:#342b6f;padding:10px 5px;width:33.33%;cursor:pointer}

.whatsapp-bg{background:#25d366;padding:10px 5px;width:33.33%}

.whatsapp-bg i{font-size:18px}

@media (max-width:991px) {

.footer-top .footer-box{padding:15px;min-height:60px}

.footer-top .footer-box i{font-size:18px;width:40px;height:40px;line-height:40px}

.footer-top .footer-box .footer-box-content{margin-left:50px}

.footer-main{padding-top:90px}

.banner .business-solution-form-wrap{max-width:initial;margin-top:35px}

.banner .col-md-2{width:25%}

}

@media (max-width:768px) {

.banner .col-md-2{width:33.33%}

.footer-main{padding-top:110px}

.footer-top .container{max-width:100%;--bs-gutter-x:0;--bs-gutter-y:0}

.footer-menu--mobile{display:flex;border-top:1px solid}

.seo-plan .row{display:block}

.seo-plan .btn-blue{position:initial}

.call-to-action-title{display:flex;font-size:34px;flex-direction:column}

.call-to-action-title a.btn.btn-border{margin-top:20px}

.seo-info{margin-bottom:15px;min-height:100px}

.form-section .business-solution-form-wrap{padding:20px;margin-top:30px}

.seo-process .seo-details{font-size:14px}

.mob-row{display:flex;flex-direction:column}

.mob-row span{margin:5px 0}

.call-to-action .btn-orange,.call-to-action .btn-border{width:100%;margin:auto;font-size:16px}

.sub-heading{line-height:50px;font-size:50px}

.results .results-details h4{padding-top:50px}

.industries .col-md-2,.seo-services .col-sm-6{width:33.33%}

.footer-top-bg{display:grid;grid-template-columns:auto auto auto}

.service-hero-text ul li{margin-top:15px}

.business-solution-form-wrap{margin-top:30px}

.banner{background-position:right 150% top 70%;padding-top:35px}

.fun-fact-wrapper .row{display:grid;grid-template-columns:auto auto}

.results .results-details{min-height:initial}

.od-1{order:1}

.od-2{order:2}

.service-hero-text{margin-top:25px}

.service-hero-text ul{display:grid;grid-template-columns:auto}

section{padding:35px 0}

}

@media (max-width:580px) {

.footer-top .footer-box{padding:15px 0}

.footer-top .footer-box i{float:none;margin-left:10px}

.footer-top .footer-box .footer-box-content{margin-left:10px}

.footer-top .footer-box .footer-box-content h3{font-size:15px}

.footer-main .col-sm-6{padding-left:25px}

.seo-tab{display:block;text-align:center;padding:10px;margin-top:15px;min-height:110px}

.seo-tab h4{font-size:13px;text-align:center}

.seo-tab .icons img{height:50px;width:initial}

.fun-fact--four .fun-fact__text{font-size:13px;margin-bottom:0}

.fun-fact--four .fun-fact__count{margin:5px 0;font-size:32px}

.seo-process .seo-details{padding:20px 15px}

.navbar-brand img{width:130px}

.banner h1{font-size:1.9rem}

}

@media (max-width:460px) {

.banner .col-md-2{width:50%} .calculator-inner{display:grid;grid-template-columns:auto auto auto auto}

.service-tab img{width:80%}

.industries .col-md-2,.seo-services .col-sm-6{width:50%}

.call-to-action-title{font-size:26px;line-height:28px}

.btn-blue,.btn-orange,.btn-gray{padding:12px 16px;font-size:14px}

.service-hero-text ul li{margin-right:5px;padding:8px 4px;font-size:15px}

.service-hero-text ul li img{margin-right:8px;width:40px}

.footer-menu--mobile,.footer-top .footer-box .footer-box-content p{font-size:13px}

.info-icon{margin-right:2px}

.footer-main .col-sm-6 p{font-size:14px;margin-bottom:6px}

.footer-widget ul.list-dash li{padding-bottom:8px}

.footer-main{padding-top:40px;padding-left:10px}

.fun-fact--four .fun-fact__text{font-size:12px}

.seo-process .seo-details h4{font-size:17px}

}