@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
@import "bootstrap.min.css";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
html{scroll-behavior: smooth;}
body {font-family: 'Jost', sans-serif;overflow-x: hidden;}
a{text-decoration: none; display: inline-block;}
p{font-size:17px;line-height: 22px;}
img{max-width: 100%;}
.navbar-brand {max-width: 265px; padding: 0;}
.top-header{position: relative;z-index: 99;display: none;}
.top-header {background: #009FE9 !important;}
.top-header .list-group {--bs-list-group-bg: transparent !important;}
.top-header a {color: #fff !important;}
.top-header .list-group img {filter: invert(1);}
.nav-masthead .nav-link { color: rgba(255, 255, 255, 1); border-bottom: .25rem solid transparent; }
.nav-masthead .nav-link:focus, .nav-masthead .nav-link:hover { border-bottom-color: rgba(255, 255, 255, .25); }
.nav-masthead .nav-link + .nav-link { margin-left: 1rem; }
.nav-masthead .active { color: #fff; border-bottom-color: #fff; }
.main-nav li a{color:#000;padding:0 20px 10px !important;position: relative;font-weight: 500;color:#323232;font-weight: 500;font-size: 18px;}
.main-nav.fixed-top{background: #fff !important;transition: 0.5s;}
.main-nav.fixed-top li a:hover{color: #e61e25;}
.main-nav li a:before{content: '';position: absolute;bottom:0px;background-color: #2d9cd7;width: 0px;height: 2px;margin:0 auto;left:0;right: 0;opacity: 0;transition: 0.5s;}
.main-nav li a:hover:before{width:90%;opacity: 1;}
.main-nav li a.dropdown-item {color: #000;padding:10px 20px !important;border-bottom:1px solid #eee;}
.main-nav li:last-child a.dropdown-item {border-bottom:0}
.nav-link:focus, .nav-link:hover, .dropdown-item:focus, .dropdown-item:hover{color: #e61e25 !important;}
.navbar-nav .dropdown-menu {padding: 0;}
.dropdown-toggle::after{top: 3px;position: relative;}
.dropdown-item.active, .dropdown-item:active{background: transparent;}
.main-nav.fixed-top{box-shadow: 0 3px 10px rgb(0 0 0 / 20%);}

header {z-index: 9;position: relative;}
main {position: relative;overflow: hidden;}
main:before {content:'';background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 75%, rgba(255,255,255,1) 100%); position:absolute; left:0; top:-1px;display: block;height: 320px;width: 100%;z-index: 1; pointer-events: none;}
.main-carousel {position: relative;}
.main-carousel .carousel {margin-top: -6rem;height: 100vh;z-index: 0;background-size: cover;background-position: center;}
.main-carousel .container-lg {height: 100%;}
.main-carousel .carousel-caption {top : 3rem; z-index: 10; position: relative; left: 0; width: 350px;}
.main-carousel .carousel-item .container {height: 100%; display: grid; align-content: center;}
.ban1{background: url(../img/banner-1.jpg);background-size: cover;}
.ban2{background: url(../img/banner-2.jpg);background-size: cover;}
.ban3{background: url(../img/banner-3.jpg);background-size: cover;}
.additional-ban{background: url(../img/banner-HIMSS.png);background-size: cover;}
.main-carousel .carousel-item {height: 100vh;}
.main-carousel .carousel-control-next, .main-carousel .carousel-control-prev {width: 10%; padding: 0;color: #000;opacity: 1;}
.main-carousel .carousel-control-prev-icon, .main-carousel .carousel-control-next-icon {filter: brightness(1);}
h2.txt-display{font-size:28px;font-weight: 400;}
.btn-outline{border-radius:20px;border: 2px solid #02a0e8;background: transparent;transition: 0.4s;color: #02a0e8;}
.btn-outline:hover{background-color: #2391d3;color: #fff;border: 2px solid #2391d3;}
.title-head h2{font-size: 44px;}
.text-blue{color: #2391d3;}
section{padding:60px 0; position: relative; z-index: 2;}
.card-box{position: relative;overflow: hidden;}
.box-content {position: absolute;bottom: 0;padding: 20px;color:#fff}
.box-img img{transition: 0.5s;width: 100%;}
.card-box:hover .box-img img{transform: scale(1.1);}
.box-img:after {content: '';position: absolute;bottom: 0px;background: linear-gradient(0deg, black, transparent);width: 100%;height: 100%;left: 0;opacity: 1;z-index: 0;
}
.box-btn{background-color: #218efd;color: #fff;padding: 6px 15px;border-radius: 20px;font-weight: 600;z-index: 1;}
.box-btn:hover{background-color: #2391d3;color:#fff}
span.lines:after {content: ''; position: absolute;bottom: 57px;background: #ccc;width: 55%;height: 2px;left: 40px;opacity: 1;z-index: 0;}
span.lines:before{content: '';position: absolute;bottom: 43px;background: #ccc;width: 53px;height: 2px;left: -8px;opacity: 1;z-index: 0;transform: rotate(-33deg);}
.value-icon{position: relative;}
.value-icon:before{content: '';position: absolute;top: 0;background: #f1f1f1;width: 100px;height: 100px;left: 0;border-radius: 100%;z-index: -1;animation: moving 3s infinite alternate;}
@keyframes moving {
  0%   {transform: translateY(0)}
  100% {transform: translateY(-20px);}
}
.value-icon h3{color: #e61e25;font-weight: 600;font-size: 30px;}
/* .carousel-control-prev {left: -50px;}
.carousel-control-next {right: -50px;} */
.carousel-control-prev-icon, .carousel-control-next-icon{filter: brightness(0.5);width: 36px;height: 30px;background-size: cover;}
.carousel-control-next, .carousel-control-prev {width: 3%;padding: 0;color: #000;opacity: 1;}
.border-link a{color: #02a0e8;padding:8px 40px;border: 2px solid #02a0e8;transition: 0.5s;border-radius: 20px;}
.border-link a:hover{background: #02a0e8;color: #fff;border: 2px solid #02a0e8;}
.anim-img{animation: rotate 2s infinite alternate;}
@keyframes rotate {
  0%   {transform: scale(1)}
  100% {transform: scale(0.95);}
}
.choose-bg{background: url(../img/choose-us-bg.jpg);background-size: cover;}
.choose-list li{font-size: 17px;}
.choose-bg .card{background: transparent; padding:15px 50px 15px 30px;border-radius: 0;width: 80%;border:0}
.quotes{ right: 1.5em; font-size: 24px; transform: scale(1, -1); bottom: 2.5em;}
.name h3{font-size:20px}
.choose-img-top img{position: absolute;top: -70px;box-shadow: 0 0 20px #0006;right: 0;}
.sprt-img img{filter: grayscale(15) brightness(0.5);transition: 0.5s;width: 60%;margin-bottom: 15px;}
.sprt-img img:hover{filter:grayscale(0);box-shadow:0 0 40px rgb(0 0 0 / 10%)}
.sprt-img img.black:hover{filter:invert(1)}

.client-sprt-img img{transition: 0.5s;margin-bottom: 25px;}
.client-sprt-img img:hover{box-shadow:0 0 40px rgb(0 0 0 / 15%)}

.counter-box .counter{font-size: 60px; font-weight: 600;}
.counter-box .rot-icn{color: #e61e25;font-size: 50px;font-weight: 600;}
.counter-box p{font-size: 30px;font-weight: 600;line-height: 32px;}
.metrices-bg{background: url(../img/counter-bg.jpg);background-size: cover;}
.big-text, .big-text1{font-size: 80px;}
.fw-400{font-weight: 400;}
.blog-card{border:0;padding: 10px;}
.blog-card .date{color: #e61e25;font-weight: 600;font-size: 18px;}
.blog-card .title{font-size:24px;}
.blog-btn-outline{border:2px solid #e61e25;font-size: 20px;font-weight: 600;border-radius: 30px;color: #02a0e8;}
.blog-btn{font-size: 20px;font-weight: 600;border-bottom: 2px solid #e61e25;width: fit-content;color: #02a0e8;transition: 0.5s;}
.testi .carousel-caption{position: relative;color: #000;left: 0;}
.testi{position: relative;background: url(../img/testimonial-bg.jpg);background-size: cover;z-index: 1;}
.testi .carousel{box-shadow:0 0 20px #ccc;height: 350px;}
.testi:before{content: '';position: absolute;top: 0;background: #fff;width: 75%;height: 100%;right: 0;z-index: -1;opacity: 0.5;}
.links li{list-style: none;padding-bottom: 10px;}
.links li a{font-size: 16px;color: #000 !important;}
.orange-quote{color: #e61e25;font-size: 33px;position: absolute;left: 6px;top: -4px;font-weight: 600;}

.footer-social ul{list-style-type: none; padding: 0; margin: 0; overflow: hidden;}
.footer-social ul li{display:inline-block; margin-right: 10px;}
.cpy-txt {font-size: 16px}
.cpy-txt a {color: #e61e25; font-weight: 500;}

.main-footer{background: rgb(187 187 187 / 25%) url(../img/software/logo-light.png);background-size: contain;background-repeat: no-repeat;background-position: left;border-top: solid 1px #d3d3d3;}

.child-menu{position: absolute;display: none;left: -16.4em;top: 0;z-index: -1;background: #fff;transition: 0.5s;padding: 15px;}
.child-main:hover .child-menu{display: block !important;}
.child-menu li{list-style: none;padding: 10px 15px;}
.child-menu li a{color: #000;}

.text-red{color: #e61e25;}
.social .list-group li a{font-size:19px;color: #e61e25 !important;padding-left: 5px;}

.head-bg{height: 60vh;background-size: cover;background-repeat: no-repeat;margin-top: -7em;display: grid;align-content: end; padding-bottom: 0;justify-content: center;}
.head-bg.bfsi-head-bg{background-image: url(../img/bfsi/bfsi-bg.jpg);}
.head-bg.applctn-head-bg{background-image: url(../img/maintanace-bg.jpg);}
.head-bg.client-head-bg{background-image: url(../img/clients-bg.jpg);}
.head-bg.contact-head-bg{background-image: url(../img/contact-bg.jpg);}
.head-bg.crm-head-bg{background-image: url(../img/crm-bg.jpg);}
.head-bg.analytics-head-bg{background-image: url(../img/data/data-analytics-bg.jpg);}
.head-bg.transformation-head-bg{background-image: url(../img/dt/digital-bg.jpg);}
.head-bg.diversity-head-bg{background-image: url(../img/diversity-bg.jpg);}
.head-bg.tech-head-bg{background-image: url(../img/ed-tech-bg.jpg);}
.head-bg.helpdesk-head-bg{background-image: url(../img/support-bg.jpg);}
.head-bg.infra-head-bg{background-image: url(../img/security-bg.jpg);}
.head-bg.infra-head-bg-1{background-image: url(../img/Infrastructure-security.jpg);}
.head-bg.microsoft-solution-bg{background-image: url(../img/microsoft-solution.jpg);}
.head-bg.lifescience-head-bg {background-image: url(../img/lifescience-banner.jpg);}
.head-bg.media-head-bg {background-image: url(../img/media-bg.jpg);}
.head-bg.ourPeople-head-bg{background-image: url(../img/people-bg.jpg);}
.head-bg.software-head-bg{background-image: url(../img/software/software-bg.jpg);}
.head-bg.supply-head-bg{background-image: url(../img/supply/supply-chain-bg.jpg);}
.head-bg.staff-head-bg{background-image: url(../img/staff-bg.jpg);}
.head-bg.career-head-bg{background-image: url(../img/career-bg.jpg);}
.head-bg.about-head-bg{background-image: url(../img/about-bg.jpg);}
.head-bg.credentials-head-bg{background-image: url(../img/credentials-bg.jpg);}
.head-bg.spotlight-head-bg{background-image: url(../img/spotlight-bg.jpg);}
.head-bg.csr-head-bg{background-image: url(../img/csr-activities.jpg);}
.head-bg.AI-ML-head-bg{background-image: url(../img/AI-ML.jpg);}
.head-bg h1{font-size: 60px;color: #fff;background-color: #2d9cd7;padding: 15px 30px;margin: 0 0 -50px;}
.text-big{line-height: 32px;font-size: 20px;}
h2.head{color:#323232;line-height: 1.4;}

.wrk-head{font-size: 50px;font-weight: 600;}
.w-60{width: 60%;}
.number span{font-size: 100px; font-weight: 600;color: #aaa;opacity: 0.3;}
h2.main-head{font-size:48px;line-height: 1.1;position: relative;}
h2.main-head:after{content: '';position: absolute;bottom:-10px;background: #e61e25;width: 120px;height: 3px;left:0}
.text-center h2.main-head:after, h2.main-head.text-center:after{left:50%; margin-left: -60px;}
.bg-light-gray{background-color: #eee;}
.bg-light-gray.bg-light-gray-applctn{background-image: url(../img/bg-box.png);background-size: contain;background-repeat: no-repeat;background-position: right;}
.pad-main{padding-left: 9em;}
.img-pos{position: absolute;right: -10%;top:10%;width: 50%;margin: auto 0;}
.img-pos-alt{position: absolute;left: -6%;width: 50%;margin: auto 0;}
.ft-big{font-size:28px;font-weight: 500;}
.lh-3{line-height: 30px;font-size: 16px;}
.people-img{box-shadow: -15px -15px 1px #ccc;border-radius: 100px 5px 5px 5px;}
.people-img img{border-radius: 100px 5px 5px 5px;}
.head-big{font-size:40px}
.abt-counter-box{border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.abt-counter-box.b-0{border-left: 0;}
.abt-counter-box .head-big{font-size: 55px;}
.abt-counter-box p{text-transform: uppercase;font-size: 18px;letter-spacing: 2px;}
.counter-img img{width: 100px; height: 100px;}
.user-img.odd{box-shadow: -20px -20px 1px #ccc;border-radius: 0 40px 5px 0px;}
.team h2{position: relative;font-weight: 600;margin: 0 0 0px;}
.team p{margin-left: 20px;}
.team h2:before{content: '';position: absolute;width: 35px;height: 1px;background: #000;left: -30px;top: 16px;}
.link-btn{border: 2px solid #2d9cd7; border-radius: 30px;padding: 10px 30px;color: #000;}
.blue-box{background: #2d9cd7;padding: 1px 30px;border-radius: 15px;}
.img-box{border-radius: 10px;overflow: hidden;}
.img-box img{filter: grayscale(1);}
.news-card{border-radius: 0;margin-bottom: 20px;}
.csr-list li{list-style: circle;padding-bottom: 10px;line-height: 26px;}
.csr-list li::marker{color: #e61e25;}
.emp-bg{background: url(../img/about/employees-bg.jpg);background-size: cover;background-position: center;height: 100%;}
.com-bg{background: url(../img/about/environment-bg.jpg);background-size: cover;background-position: center;height: 100%;}
.w-71{width: 71%;}
.awards{background: url(../img/about/award-bg.svg);background-size: cover;}
.award-box{margin-bottom: 30px;}
.award-box h3{background-color: #fff;color: #8F8F8F;border:2px solid #C49434;border-radius: 30px;padding: 10px 20px;font-size: 18px;width: fit-content;margin: 20px auto 0;letter-spacing: 2px;}
.awd-hd{font-size: 50px;background-color: #fff;color: #A77209;border:2px solid #C49434;border-radius: 50px;padding: 10px 20px;width: fit-content;margin: 20px auto 0;letter-spacing: 2px;}
.text-gold{color: #A77209;}
.date-text{font-size: 20px;}
.gld-box{border-left: 3px solid #C49434;padding-left: 20px;}
.w-85{width: 85%;}

h2.wrk-head{font-size:50px;font-weight: 500;}
.form-label{text-transform: uppercase;}
.contact-btn-submit{background: transparent;padding: 8px 30px;border: 2px solid #2391d3 !important;color: #000;border-radius: 0; margin-top: 20px;}
.contact-btn-submit:hover{background: #2391d3;color:#fff;border-bottom: 2px solid #2391d3;}
.main-form{padding: 40px;border-radius: 20px;}
.main-form .form-control{border-radius: 0;border-top:0;border-left: 0;border-right: 0;height: 40px;box-shadow: none;}
.main-form .form-control:active{box-shadow: 0;}
.contact-social p{letter-spacing: 2px;}
.contact-social li{padding-right: 5px;}
.ico-bx{padding:15px 20px;box-shadow: 0 0 20px #f1f1f1;border-left: 2px solid #ccc;}
.ico-bx .d-flex p{margin-bottom: 0;}
.ico-bx img{width: 30px;height:30px}
.form-bg{background: url(../img/contact-form-bg.jpg);background-size: cover;background-position: left;}

.cover-container { max-width: 42em; }

.crm-head{font-size:36px;font-weight: 600;}
h2.crm-wrk-head{color:#323232;font-size:40px;font-weight: 600;}
.openings-bg{padding: 5em 0 3em; background: url(../img/icons/career-bg.svg); background-size: cover;}
.openings-bg .card{margin-bottom: 30px;}
.apply-btn{color: #000;border-bottom: 2px solid #2391d3;padding: 5px 10px;transition: 0.5s;}
.apply-btn:hover{background: #2391d3;color:#fff;}
.bd-box h3{font-size: 16px;color:#323232}
.dot-c{position: absolute;width: 5px;height: 5px;background: #e61e25;bottom: 18px;left: 150px;border-radius: 100px;z-index: 1;}
.line-side{position: absolute;border: 1px dashed #ccc;width: 1px;height: 100%;transform: rotate(35deg);left: 259px;bottom: 10px;}
.bd-box{border-top:1px dashed #ccc;border-right: 1px dashed #ccc;position: relative;}
.border-top-0{border-top: 0px !important;}
.bd-box:before{content:'';position: absolute;width: 5px;height: 5px;background: #e61e25;top: -3px;right: -3px;border-radius: 100px;z-index: 1;}
.str-line{position: absolute;border: 1px dashed #ccc;width: 65px;height: 1px;left: 155px;bottom: 19px;}
.hd-sec{border-radius: 0 100px 0 0 ;}
.dt-img{position: absolute;bottom: -19em;z-index: -1;}
.maint-sec:before{content: '';position: absolute;width: 200px;height: 100%;background-color: #2d9cd7;left: -192px;top: 0;z-index: -1;}


.analytics-number {width: 13em;height:13em;border: 20px solid #ccc;padding: 10px 25px;border-radius: 100px;opacity: 0.2;position: relative;top:4em}
.analytics-number span {font-size: 100px;color: #e71e25;font-weight: 500;}
.margin-minus {bottom: 4em;left:0;background: #eee;z-index: 6;position: relative;width: 95%;padding: 15px 20px;border-radius: 10px 10px 80px 10px;border-left: 3px solid #e71e25;}
.margin-minus-right {bottom: 4em;right:-6%;background: #eee;z-index: 6;position: relative;width: 95%;padding: 15px 20px;border-radius: 10px 10px 80px 10px;border-left: 4px solid #e71e25;}
.mb-main{margin-bottom: 80px;}
.analytics-box-img {background: url(../img/data/dot-background.svg);height: 100%;width: 100%;position: absolute;z-index: -1; background-size: contain;left: 0;bottom: -21em;background-repeat: no-repeat;}


.bg-light-blue{background:url(../img/dt/blue-bg.svg);background-color: #2d9cd7;}
.small-list li{padding-bottom: 10px;}
.pad-main{padding-left: 9em;}

.tranformation-ul{padding-left: 1em;}
.tranformation-ul li::marker {font-size: 8px;}
span.dot-img {position: absolute;z-index: -1;width: 200px;transform: scale(0.7);left: -75px;}

.od-img{border-radius: 80px 10px 10px 10px; box-shadow: -10px 1px 30px #ccc;}
.ev-img{border-radius: 10px 80px 10px 10px; box-shadow: 10px 1px 30px #ccc;}
.bx-none{box-shadow: none;}

.blue-content{padding: 10px 0px 0px 0px;border-radius: 0px;}
.blue-content p{font-size: 17px;margin-bottom: 10px;}
.blue-content p.big-text{font-weight: bold;font-size: 20px;}

.card.dx{position: relative;overflow: hidden; border-bottom: 0px solid #e61e25;transition: 0.5s;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}
.card.dx:hover{transform: translateY(-10px);}
.card.dx p{font-size: 16px;}
.card.dx:before{position: absolute;width: 100%;height: 2px;bottom: 0;left:0;background: #e61e25;opacity: 1;content: '';transition: 0.5s;}
.card.dx:hover:before{height:85%;border-radius: 100% 100% 0 0;opacity: 0.1;background: #2391d3;}
.sep-box{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 0px 20px 10px 20px;}
.sep-box h2{font-size:30px}
.margin-minus2{margin-top: -50px;padding-top: 50px;}
.margin-minus3{margin-top: 40px;}
.main-box{display: flex;flex-direction: row;flex-wrap: wrap;}
.sep-box:nth-child(even){border-right: 0;}

.gray-bg{background: #efefef;position: absolute;width: 100%;height: 80%;left: 0;bottom: 0;z-index: -1;}
.gray-box{background: #efefef;position: absolute;width: 50%;height: 50%;right: 0;bottom: 120px;z-index: -1;}
.gray-box-left{background: #efefef;position: absolute;width: 50%;height: 50%;left: 0;top:0;bottom: 0px;margin: auto 0; z-index: -1;}
.gray-box-full{background: #efefef;position: absolute;width: 100%;height: 70%;top:0;right: 0;bottom: 0;margin:auto 0; z-index: -1;}
.blue-box-full{background: url(../img/bg-box-white.png);background-color: #2391d3;position: absolute;width: 100%;height: 100%;left: 0;bottom: 0; z-index: -1;background-repeat: no-repeat;background-position: right;margin-bottom: -50px;}
.btn-bx{padding: 5px 20px;border-radius: 5px;width: fit-content;}
.w-80{width:85%}
.trans-box h3{font-size: 20px;font-weight: 400;position: relative;}
.trans-box h3:before{position: absolute;content:'';width: 40px;height: 1px;background: #fff;left:-50px;top:11px;}
.white-box{background: #fff;text-align: center;padding: 20px 30px;box-shadow: 6px 6px 20px #ddd;}
.white-box h3{padding: 15px 15px;background: #ddd;width: fit-content;margin: -50px auto 20px;}
.pbox .number{background-color: #e61e25;width: 30px;border-radius: 100%;margin: 0 auto 20px;padding: 0px;height: 30px;text-align: center;    color: #fff; position: relative;}
.pbox .number:before{content: '';position: absolute;border: 1px dashed #ccc;width: 1px;height: 28px;top: -30px;left: 14px;}
.wrk-time{font-size:13px;color: #fff;background-color: #e71e25;padding: 5px 7px;border-radius: 3px;}
.support-bg{background: url(../img/software/support.jpg);background-size: cover;padding-top: 25em;}
.test-box{margin: 30px 0 -150px;box-shadow: 2px 3px 10px #ccc;}
.gray-card{padding:20px 35px;background: #EFEFEF;border-radius: 19px;border-bottom: 2px dashed #e61e25;transition: 0.5s;}
.gray-card:hover, .plain-card:hover{transform: translateY(10px);border-bottom: 2px dashed #000;}
.plain-card{box-shadow: 0 0 20px rgba(0,0,0,0.15);border-radius: 10px;padding: 15px;height: 100%;border-bottom: 2px dashed #e61e25;transition: 0.4s;}
.plain-card h3{font-size: 20px;}
.app-img img{position: absolute;bottom: 0;left: 0;width: auto;}
.bg-gry{background-color: #EFEFEF;}
.white-bg{background-color: #e72b32;padding: 10px 20px;width: fit-content;margin: 0 auto;}
.white-bg li{position: relative;padding-right: 15px;color: #fff}
.white-bg li:after{content: '|';right: 0;position: absolute;}
.white-bg li:last-child:after{content: '';}
.software-number span {font-size: 100px;color: #2391d3;font-weight: 600;opacity: 0.2;}
.software-number {margin-right: 30px;}

.staff-number span{font-size:80px;font-weight:600;color:#2391d3;opacity:.2}
.staff-number img{width:80px;}
.bg-blue{background:#2391d3}
.staff-blue-box{background:#2391d3;position:absolute;width:100%;height:100%;left:-15em;top:0;z-index:-1}
.border-rad{border-radius:0 0 100px 0}
.column-count2{column-count:2}
.abs-img{bottom:-25em}

.wcscu-box {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 100%;
  padding: 0 20px 10px;
  background-color: #fff;
}
.wcscu-box .staff-number {
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: -75px auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05);

}
.wcscu-box h2 {
  font-size: 30px;
}
.wcscu-box h2.main-head:after {
  left: 50%;
  margin-left: -60px;

}


.border-right-0{border-right:0}


.head-bg.technology-head-bg {background: url(../img/media-bg.jpg);}
.height-box{margin-bottom: 25px;}
.card.service-card{padding: 10px;height: 100%;overflow: hidden;position: relative;z-index: 1;border:1px solid #ccc;transition: 0.5s;}
.card.service-card:before{content: '';position: absolute;background-color: #e61e25;width: 90px;height: 90px;left: 0;top:0;transition: 0.5s;z-index: -1;}
.card.service-card:hover{box-shadow: 0 0 20px #ccc;}
.card.service-card:hover:before{height: 100%;opacity: 1;}
.card.service-card img{filter: invert(1);}
.wrk-head {font-size: 22px;font-weight: 500;line-height: 1.4;color: #000;}
.card.service-card .technology-number {font-size: 50px;font-weight: 600;color: #fff;opacity: 0;}
.card.service-card:hover .technology-number {opacity: 0.2;}
.full-shape {background: #2391d3;position: absolute;width: 100%;height: 80%;left: 0;top: 0;bottom: 0;z-index: -1;margin: auto 0;}

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap');
body {font-family: 'Jost', sans-serif;overflow-x: hidden;}
a{text-decoration: none;}
p{font-size:18px}
.top-header{position: relative;z-index: 99;}
.nav-masthead .nav-link { color: rgba(255, 255, 255, 1); border-bottom: .25rem solid transparent; }
.nav-masthead .nav-link:focus, .nav-masthead .nav-link:hover { border-bottom-color: rgba(255, 255, 255, .25); }
.nav-masthead .nav-link + .nav-link { margin-left: 1rem; }
.nav-masthead .active { color: #fff; border-bottom-color: #000; }
.main-nav li a:before{
    content: '';
    position: absolute;
    bottom:0px;
    background-color: #2d9cd7;
    width: 0px;
    height: 2px;
    margin:0 auto;
    left:0;
    right: 0;
    opacity: 0;
    transition: 0.5s;
}
.main-nav li a:hover:before{width:90%;opacity: 1;}
header {z-index: 9;position: relative;}
h2.txt-display{font-size:28px;font-weight: 400;}
h1.main-head{font-size:60px;line-height: 1.1;}
.title-head h2{font-size: 44px;}
.text-blue{color: #2391d3;}
section{padding:60px 0;}
.head-bg{
    height: 60vh;
    background: url(../img/contact-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -7em;
    display: grid;
    align-content: end;
    padding-bottom: 0;
    justify-content: center;
}
.head-bg h1{font-size: 60px;color: #fff;background-color: #2d9cd7;padding: 15px 30px;margin: 0 0 -50px;}

.text-big{font-weight: 500;line-height: 25px;}
h2.wrk-head{font-size:50px;font-weight: 500;}
.form-label{text-transform: uppercase;}
.btn-submit{background: transparent;padding: 8px 30px;border: 2px solid #2391d3 !important;color: #000;border-radius: 0;}
.btn-submit:hover{background: #2391d3;color:#fff;border-bottom: 2px solid #2391d3;}
.main-form .form-control{border-radius: 0;border-top:0;border-left: 0;border-right: 0;height: 40px;box-shadow: none;}
.main-form .form-control:active{box-shadow: 0;}
.w-85{width: 90%;}
.social p{letter-spacing: 2px;}
.social li{padding-right: 5px;}
.ico-bx{padding:15px 20px;box-shadow: 0 0 20px #f1f1f1;border-left: 2px solid #ccc;}
.ico-bx .d-flex p{margin-bottom: 0;}
.ico-bx img{width: 30px;height:30px}
.form-bg{
    background: url(../img/contact-form-bg.jpg);background-size: cover;background-position: left;
}
.main-form{padding: 25px;border-radius: 20px;}

.contact-text { text-align: right;}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.success-msg .modal-header {
  border: 0;
  padding-bottom: 0;
}
.success-msg .modal-body {
  position: relative;
  padding: 0px 15px 40px 15px;
}
.success-msg .modal-header .close {
  margin-top: -12px;
}
.success-msg .modal-dialog {
  width: 30%;
  margin: 150px auto;
}
.success-icon {
  font-size: 50px;
  clear: both;
  color: #6ac50a;
}
.hidden-btn {
  display: none;
}
.success-msg .modal-body p {
  margin-bottom: 2px;
}
.main-form .intl-tel-input {
  width: 100%;
}
.main-form .form-control {
  padding-left: 0;
  padding-right: 0;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.testi button.carousel-control-prev {
  left: 2%;
}
.testi button.carousel-control-next {
  right: 2%;
}
.intl-tel-input.allow-dropdown ::placeholder {
  visibility: hidden;
  opacity: 0;
}
.text-right {
  text-align: right;
}
.footer-social ul li a {
  width: 35px;
  background: #fff;
  padding: 15px;
  display: inline-block;
  text-align: center;
  height: 35px;
  border-radius: 50%;
}
.footer-social a i.fa {
  font-size: 17px;
  position: relative;
  top: -8px;
  left: -4px;
}
.footer-social ul li:last-child {
  margin: 0;
}
.footer-butons {
  margin: 25px 0 25px 0;
}
.web-padding0 {
  padding: 0;
}
.right-img-width img {
  width: 45%;
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}
.left-img-width img {
  width: 45%;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.diversity-inclusion p {
  font-size: 19px;
  line-height: 30px;
}
.support-maintenance h3.wrk-head {
  font-size: 30px;
}
.user-img.odd img {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.news-date {
  margin-bottom: 10px;
  color: #04a0e8;
  font-size: 15px;
  display: block;
  padding: 2px 10px;
  margin-top: 5px;
}
.scr-inner-content .main-head {
  font-size: 30px;
}
.main-card {
  margin-bottom: 30px;
  background: #f7f7f7;
  overflow: hidden;
  box-shadow: 0 0 6px #dfdfdf;
}
.card-picture {
  float: left;
  margin-right: 20px;
  width: 30%;
}
.card-body-content {
  padding: 20px 20px 10px 20px;
}
img.round-imgs {
  max-width: 100%;
  border-radius: 50%;
  border: solid 22px #f2742f;
}
.card-picture.picture-small {
  text-align: center;
  background: #fff;
}
.picture-small img.img-top {
  max-width: 60%;
}
.right-align-content .card-body-content {
  width: 70%;
  float: left;
}
.right-align-content .card-picture {
  float: right;
  margin-right: 0;
}
.content-right-align {
  width: 55%;
  float: right;
}
ul.numeric-ul {
  list-style: decimal;
  margin-left: 10px;
  margin-top: 15px;
}
ul.numeric-ul li::marker {
  font-weight: bold;
}
ul.numeric-ul li {
  margin-bottom: 4px;
}
.career-section .com-bg {
  background: url(../img/career.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
}
.salesforce-partner .right-img-width img {
  margin-left: 0;
  margin-bottom: 0;
}
.women-award {
  overflow: hidden;
}
.content-left-align {
  float: left;
  width: 55%;
}
.award-content-left .left-img-width img {
  margin-right: 0;
  margin-bottom: 0;
}
.simple-head h3.wrk-head {
  font-size: 32px;
}
.salesforce-partner .text-big {
  line-height: 22px;
  font-size: 18px;
}
.mt-90 {
  margin-top: 90px;
}
.pr-20 {
  padding-right: 20px;
}
.team .small {
  text-transform: uppercase;
}
.staff-people-img .img-fluid {
  box-shadow: -11px -8px 10px #ccc;
  border-radius: 106px 9px 9px 9px;
}

.team-inner-wrap {
  box-shadow: 0 5px 20px rgb(34 34 34 / 7%);
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  transition: 0.4s;
}
.team-inner-wrap:hover {
  background: rgb(4 160 232 / 19%);
}
.team-inner-wrap .image-wrap {
  position: relative;
  overflow: hidden;
}
.team-inner-wrap .image-wrap a img {
  opacity: 1;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  border-radius: 5px;
}
.team-inner-wrap:hover .image-wrap a img {
  transform: scale(1.1);
  opacity: 1;
}
.team-inner-wrap .team-content {
  text-align: center;
  padding: 24px 10px 10px;
}
.team-inner-wrap .team-content .team-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 0px;
}
.team-content .team-name a {
  color: #032e42;
  font-size: 25px;
}
.team-content .team-title {
  font-size: 18px;
  color: #666666;
}
.mb-30 {
  margin-bottom: 30px;
}
.btm-info-team {
  position: relative;
  box-shadow: 0px 0px 32px 0px rgb(7 28 31 / 10%);
  background: #fff;
  margin-bottom: 0px;
  padding: 20px 20px 10px 20px;
}
.btm-info-team .images-part {
  padding: 0 0px 0 0;
}
.btm-info-team .con-info {
  position: relative;
}
.con-info .designation-info {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #bb0b0b;
  padding-bottom: 5px;
  display: block;
}
.con-info .title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #032e42;
  margin-bottom: 0px;
}
.con-info .short-desc {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #666666;
}
.team-popup.modal .modal-dialog {
  max-width: 75%;
}
.team-popup.modal .modal-header {
  padding: 0;
  border: 0;
}
.team-popup.modal .modal-body {
  border: 0;
  padding: 0;
}
.team-popup.modal .modal-header .btn-close {
  position: absolute;
  right: -10px;
  z-index: 1;
  width: 35px;
  height: 32px;
  background: #262424;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  padding: 0 0 3px 0;
}
.team-popup.modal .modal-content {
  border: 0;
}
.modal-backdrop.fade.show {
  background: white;
  opacity: 0.9;
}
.btm-info-team .images-part img {
  width: 40%;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
.about-box {
  padding-right: 10px;
}




@keyframes scroll {
  0% {
      transform: translateX(0);
 }
  100% {
      transform: translateX(calc(-250px * 16));
 }
}
.slider {
  height: 100px;
  margin: auto;
  position: relative;
  width: auto;
}
.slider .slide-track {
  animation: scroll 70s linear infinite;
  display: flex;
  width: calc(250px * 20);
}
.slider .slide {
  height: auto;
  width: 250px;
}
.partnerbox {
  padding: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.partnerlogo {
  padding: 0px 0px 60px 0;
  margin-top: 0;
}
.partnerbox img {
  max-width: 200px;
}
.con-info .short-desc p {
  font-size: 17px;
}
.border-rad-left {
  border-radius: 0 0 0 100px;
}
.address-box {
  padding: 25px;
}
.address-box h4 {
  font-size: 22px;
  margin-bottom: 4px;
  color: #2391d3;
  font-weight: 500;
}
.address-box span {
  display: block;
  font-size: 17px;
  color: #e81207;
  margin-bottom: 8px;
  font-weight: 500;
}
.padding0 {
  padding: 0;
}
.mt4 {
  margin-top: 2rem;
}
.main-carousel .additional-ban .carousel-caption {
  width: 600px;
}
a.btn.btn-outline.visit-us {
  background: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  letter-spacing: 2px;
}
.padding15 { 
  padding: 0 15px;
}
.address-box ul {
  list-style: none;
  padding: 0;
}
.address-box ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.address-box ul li span.icon {
  display: inline;
  margin-right: 10px;
  font-size: 22px;
  position: absolute;
  left: 0;
}
section.portfolio-servises {
  padding: 0 0 10px 0;
}
.footer-social .fa.fa-twitter-new {
  width: 15px;
  height: 17px;
}
.footer-social .fa.fa-twitter-new svg {
  position: relative;
  top: -2px;
}
.footer-social ul li a:hover {
  color: #e61e25;
}
.sms-optin p {
  margin-top: 12px;
  font-size: 16px;
}

.sms-optin a {
  color: #2391d3;
}
.sms-optin .form-group {
  display: flex;
  align-items: self-start;
  gap: 10px;
}
.sms-optin .form-group label {
  line-height: 22px;
}

.sms-optin .form-group input {
  padding: 0;
  height: 21px;
  min-width: 21px;
  margin-bottom: 0;
  display: block;
  cursor: pointer;
  visibility: hidden;
}

.sms-optin .form-group label {
  position: relative;
  cursor: pointer;
}

.sms-optin .form-group label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #2391d3;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-left: -30px;
}

.sms-optin .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 11px;
  border: solid #2391d3;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-left: -30px;
}

.privacy-policy-container h4 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #2391d3;
  font-weight: 500;
}

.privacy-policy-header p {
  margin-bottom: 5px;
  font-weight: 500;
}





/* Media queries start */
@media (max-width: 1550px) {
  span.carousel-control-prev-icon {
    position: absolute;
    left: 0;
}
span.carousel-control-next-icon {
  position: absolute;
  right: 0;
}

}
@media (max-width: 1400px) {
  .gray-box-full {
    height: auto;
}
.img-pos {
  top: 20%;
}
}
@media (max-width: 1199px) {
  .hide_md {
    display: none;
  }
  h2.wrk-head {
    font-size: 44px;
}
h2.main-head {
  font-size: 44px;
}
.number span {
  font-size: 60px;
}
.sep-box h2.main-head.text-blue {
  font-size: 30px;
}
.box-content {
  padding: 15px;
}
.analytics-number {
  top: 2em;
}
.card.service-card:before {
  width: 75px;
  height: 75px;
}
.dt-img {
  display: none;
}
}
@media(max-width:996px) and (min-width:768px){
  .margin-minus, .margin-minus-right{position: relative;width: 100%;bottom: 4em;}
}

@media(max-width:991px){
  .border-rad-left {
    border-radius: 0;
}
  .navbar-collapse {max-height: calc(100vh - 73px);overflow-y: auto;padding-top: 20px;} 
  .main-nav li a:hover:before {width: 100%;}
  .margin-minus-right {
    padding: 15px 0px;
}
h2.wrk-head {
    font-size: 36px;
}
.number span {
  display: none;
}
.number.me-md-4 {
  margin-right: 0 !important;
}
.box-content {
  padding: 20px;
}
.analytics-number {
  width: 9em;
  height: 9em;
  padding: 10px 20px;
  top: 1em;
}
.analytics-number span {
  font-size: 60px;
}
.card.service-card:before {
  width: 90px;
  height: 90px;
}
h2.main-head {
  font-size: 34px;
  margin-top: 20px;
}
.margin-minus-right {
  right: 0;
  width: 100%;
}
.web-padding0 {
  padding: 0 15px;
}
.left-img-width img {
  width: 100%;
  margin-left: 0px;
}
.right-img-width img {
  width: 100%;
  margin-right: 0px;
}
.salesforce-partner .left-img-width img {
  width: 70%;
  float: inherit;
  margin-right: 0;
  margin-bottom: 30px;
}
.salesforce-partner .left-img-width {
  text-align: center;
}
.content-right-align {
  width: 100%;
}
.content-left-align {
  width: 100%;
}
.btm-info-team .images-part img {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
}
.team-popup.modal .modal-dialog {
  max-width: 95%;
}
.team-popup.modal {
  top: 0;
  padding-top: 50px;
}
.team-popup.modal .modal-dialog {
  max-width: 90%;
  margin: auto;
}
.team-popup.modal .modal-header .btn-close {
  right: 0;
  width: 30px;
  height: 27px;
  font-size: 18px;
}
.btm-info-team {
  height: 90vh;
  overflow-x: auto;
}
.slider {
  height: auto;
}
@keyframes scroll {
  0% {
      transform: translateX(0);
 }
  100% {
      transform: translateX(calc(-250px * 19));
 }
}
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
  }
}
@media(max-width:767px){
  .mt-md3 {margin-top: 2rem !important;}
  .navbar-brand {max-width: 215px;}
  .head-bg{background-position: center;}
  .head-bg h1 {font-size: 46px;}
  li.nav-item {padding: 13px 0px; border-bottom: 1px solid #eee;}
  .img-pos, .img-pos-alt{position: relative;width: 75%;margin: 0 auto;}
  .staff-blue-box, .sep-box, .w-75, .w-60, .w-50, .w-80, .w-71, .w-85{width: 100% !important;}
  h2.main-head{margin-bottom: 30px;font-size: 44px;}
  .emp-bg, .com-bg{height: 400px !important;}  
  .blue-box{padding: 30px;margin-top: 30px;}  
  .abt-counter-box{margin-bottom: 20px;border-left: 0;}
  .awd-hd {font-size: 36px;}    
  .hd-sec{position: relative;padding: 20px 10px;border-radius: 0 0 20px 20px;}
  .bd-box{padding: 10px;}
  .bd-box h3 {font-size: 14px;margin-left: 5px;}
  .im-bx img{width: 50px;height: 50px;}
  .line-side, .str-line, .dot-c{display: none;}
  .dt-img{bottom:-2em}
  .margin-minus, .margin-minus-right{position: relative;bottom: 0;width: 100%;border-radius: 0;margin: 0;}
  .number{margin-bottom: 0px;}
  .number span {font-size: 50px;}
  .head-bg h1, h2.wrk-head{font-size: 40px;}
  .blue-content{position: relative;bottom: 0;left: 0;right: 0; border-radius: 0px 0px 0px 70px;}
  .lifescience-people-img.people-img{margin-bottom: 20px;}
  .big-text.our-people {font-size: 24px;}
  .blue-content.our-people{position: relative;    border-radius: 0px 0px 9px 70px;left:0;right:0;bottom: 0;}
  .ourPeople-people-img img {margin-top: 20px;}
  .img-pos.img-100, .img-pos-alt.img-100{position: relative;width: 100%;margin: 0 auto;right:0}
  .imgStatic767{position: static !important;}
  .img-pos-alt.infra{left:0}  
  h2.main-head{margin-bottom: 30px;font-size: 44px;}
  section{padding:20px 0}
  .software-number{display: none;}
  .icon-box {margin: 30px 0;border: 1px solid #ccc;padding: 15px;}
  .images{margin-bottom: 20px;}
  .blue-box-full{top:0}
  .white-box{padding:10px 5px}
  .white-box h3{margin-top: 20px;}
  .support-bg {background:transparent;padding: 0px 0;}
  .mb-main, .test-box {margin-bottom: 10px;}
  .gray-card, .plain-card{margin-bottom: 30px;height: auto;}
  .full-shape{height:100% !important;}
  .testi .carousel {height: auto;}
  .analytics-number {top:-5px;}
  .slider-content {left: 5vw; width: 80%;}
  .number span {
    display: block;
  }
  .dt-img {
    display: none;
}
.card-picture img.img-top {
  width: 100%;
}
.card-picture {
  width: 100%;
}
.card-body-content {
  float: left;
}
.right-align-content .card-body-content {
  width: auto;
  float: left;
}
.picture-small img.img-top {
  max-width: 30%;
}
.awards .card-picture {
  text-align: center;
  background: #fff;
}
.awards .card-picture img.img-top {
  width: 40%;
}
.our-people-section {
  margin-top: 60px !important;
}
.team-inner-wrap .image-wrap {
  text-align: center;
  height: auto;
}
.about-section {
  margin-top: 60px !important;
}
.main-nav li a {
  padding: 0 15px 10px !important;
}
.main-nav li a.dropdown-item {
  padding: 10px 15px !important;
  font-size: 16px;
  white-space: normal;
}
.diversity-content .people-img img {
  margin-bottom: 15px;
  width: 100%;
}
.metrices-bg .counter-box {
  margin: 15px 0 30px 0;
}
.partnerlogo {
  padding: 0;
}
.device-center {
  text-align: center;;
}
.about-box.device-center h2.main-head:after {
  left: 50%;
  margin-left: -60px;
}
}


@media (min-width: 40em) {
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size    : 1.25rem;
      line-height  : 1.4;
    }
    .featurette-heading {
      font-size: 50px;
    }
}
@media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
}

@media(max-width:768px){
body{overflow-x: hidden;}
.carousel-control-next{right:15px}
.carousel-control-prev{left:0}
h2.main-head{font-size:36px}
.w-75, .choose-bg .card{width: 100% !important;}
.box img {margin-top: 50px;}
.choose-img-top img{position: relative;top:0}
.sprt-img img{width: 100%;}
}

@media(min-width:768px) and (max-width:1024px){
  .choose-img-top img{position: relative;top:0}
  .carousel-control-next{right:15px}
  .carousel-control-prev{left:0}
}

@media(max-width:575px){
  .contact-text, .main-footer {text-align: center;}
  .column-count2 {column-count: 1;}
  .card.service-card .technology-number {font-size: 35px;}
}

.businesslist {
  padding-left: 25px;
  font-size: 17px;
  line-height: 29px;
}