/*common css*/
@font-face{font-family:Lato;src:url('../lato-bold-2.html') format('woff2'),url('../woff/lato-bold-2.woff') format('woff');font-weight:700;font-style:normal}
@font-face{font-family:Lato;src:url('../lato-regular-2.html') format('woff2'),url('../woff/lato-regular-2.woff') format('woff');font-weight:400;font-style:normal}
button,div,h1,h2,h3,h4,h5,h6,input,li,p,span,table,td,th,tr,ul{font-family:Lato!important}
p{color:#242c5f;font-size:18px;font-weight:400;line-height:24px;margin-bottom:0}
.space80{padding:80px 0}
.container{max-width:1470px!important}
.title-head{color:#232d61;font-size:36px;font-weight:500;line-height:40px;margin:0 0 40px}
.common-btn{border-radius:6px;background:linear-gradient(153deg,#e21c6e 0,#252d5f 100%);font-size:16px;padding:13px 50px;margin:60px 0 0}
.error-message{font-size: 14px;font-weight: 400 !important}
/*header start*/
.header {position: absolute;top: 0;width: 100%;z-index: 2;padding: 30px 0;border-bottom: 1px solid #fff}

.home-banner{background: url(../png/home-banner.png);padding: 150px 0 ;background-position: bottom;}
.home-banner .banner-left{width: 54%}
.home-banner h1{color: #FFF;font-size: 40px;font-weight: 600;line-height: 57px;} 
.home-banner p{color: #fff}
.home-banner .banner-subhead{margin: 10px 0 20px}
.home-banner .head-left{width: 74%}
.home-banner .fig-left{width: 25%}
.home-banner .banner-title{color: #26A3DD;font-weight: 600;margin: 0 0 8px;font-size: 18px;line-height: 22px;}
.home-banner .banner-left .banner-list li {color: #fff;font-size: 18px;line-height: 22px;padding: 0 0 10px 25px;position: relative;}
.home-banner .banner-list{padding: 0;margin: 0;list-style: none;position: relative;}
.home-banner .banner-left .banner-list li:before {background: url(../svg/check-circle-blue.svg) no-repeat;content: '';position: absolute; width: 18px;height: 18px;left: 0;}
.home-banner .ds-points{padding: 0;margin:50px 0 0;list-style: none;position: relative;display: flex;}
.home-banner .ds-points li {color: #fff;font-size: 16px;line-height: 22px;padding: 0 20px;position: relative;text-align: center;border-right: 1px solid #fff}
.home-banner .ds-points li:last-child{border-right: none;padding-right: 0}
.home-banner .ds-points li span{display: block;font-size: 40px;line-height: 45px;margin: 0 0 15px}
.home-banner .form-right{width: 36%;}
.home-banner .form-class{background: #fff;border-radius: 15px;padding: 40px;}
.home-banner .form-head{color: #172755;font-size: 28px;font-weight: 600;}
.home-banner .form-subhead{color: #172755;font-size: 16px;line-height: 20px;margin: 5px 0 28px;}
.home-banner .form-right label{color: #172755;font-size: 16px;line-height: 20px;margin: 0px 0 5px;font-weight: 400}
.home-banner .form-input .name{width: 48%;}
.home-banner .middle-input{margin: 30px 0}
.home-banner .form-control{font-size: 15px; color: #172755;height: inherit;padding: 8px 15px}
.home-banner .form-control::placeholder{color: #CCCCCC;font-size: 12px;}
.home-banner .form-control:focus {color: #172755;background-color: #fff;border-color: #dee2e6;outline: 0;box-shadow: none;}
.home-banner .common-btn{background: #172755;margin: 40px auto 0;display: block;}






/*big-store start*/
.big-store .store-name{font-size:20px;line-height:25px;margin:15px 0;font-weight:600}
.big-store .big-storecontent{row-gap:30px;column-gap:15px}
.big-store .big-storebox{width:32%;padding:20px;border-radius:10px;border:1px solid #dcdcdc}
.big-store .view-more{font-size:18px;line-height:20px;color:#242c5f;margin:30px 0 0}

/*hiring steps start*/
.hire-step {background:#f9fafb;padding:50px 0}
.hire-step .hire-process{margin-top:80px}
.hire-step .hiring-steps{width:21%;text-align:center;position:relative}
.hire-step .hiring-steps:before{content:'';background:url(../svg/arc1.svg) no-repeat;position:absolute;left:-53%;top:0;width:100%;height:100%;background-size: 80%}
.hire-step .hiring-steps1:before{background:0 0}
.hire-step .hiring-steps3:before{background:url(../svg/arc2.svg) no-repeat;top:20%;background-size: 80%}
.hire-step .hire-us{font-size:24px;display:flex;align-items:center;justify-content:center;width:90px;height:90px;margin:0 auto 20px;box-shadow:4px 4px 30px 0 #d1d9e6 inset,-4px 4px 30px 0 rgba(255,255,255,.5) inset;border-radius:25px 25px 25px 0}
.hire-step .hiring-num{font-weight:600;margin:0 0 8px}
.hire-step .hiring-content{font-size:16px;color:#423d3d}

/*industries start*/
.industries {background: #242C5F;padding: 40px 0;}
.industries .title-head{color: #fff}
.industries figure {width: 42%;}
.industries figure img {width: 100%;}
.industries .industries-box{width: 18%}
.industries .industries-box img {width: auto;}
.industries .industries-listing{column-gap: 10px;row-gap: 60px;width: 55%}
.industries .industries-name{color: #fff;font-size: 22px;line-height: 28px;margin: 20px 0 0;}

/*how-we-work start*/
.how-we-work .subtitle{margin:0 auto 40px;width: 40%}
.how-we-work .work-listing img {width: 48%;object-fit: cover;}
.work-detail{width: 48%;}
p.work-name{font-size: 36px;line-height: 38px;margin: 0 0 20px;}
.work-listing{margin-bottom: 120px;}

.contact{background:linear-gradient(89deg,#222d60 76.67%,rgba(34,45,96,0) 100%);padding:100px 0;position:relative}
.contact:after{content:'';background-image:url(../png/contact.png);background-repeat:no-repeat;background-position:right;width:100%;height:100%;position:absolute;top:0;z-index:-1}
.contact .left{width:48%}
.contact .title-head{font-size:50px;line-height:58px;color:#fff}
.contact .title-head span{color:#e21c6e}
.contact .subtitle{font-size:22px;color:#fff;line-height:30px;margin:20px 0 40px}
.contact .email-us{color:#fff;font-weight:600;margin:10px 0 4px}
.contact .flex1{flex:1}
.contact .email-add,.contact .email-add:hover{color:#fff;font-size:18px}
.contact .right-contact-form{width:37%;}
.contact .right{padding:60px 40px;background:#fff;border-radius:15px}
.contact .input-form input,.contact .input-form textarea{background:#fcfcfb;border:1px solid #e0e0e0;height:59px;padding:20px;font-size:16px}
.contact .input-form input::placeholder,.contact .input-form textarea::placeholder{color:#a7a7a7}
.contact .input-form textarea{height:109px;overflow:auto;resize:none}
.contact .input-form{margin:0 0 18px}
.contact .input-form .form-control:focus{color:inherit;background-color:#fcfcfb;border-color:#e0e0e0;outline:0;box-shadow:none}
.contact .common-btn{margin:0 auto;display:block;padding:13px 90px}

/*choose-slider start*/
.choose-slider{margin: 0 0 80px;}
.choose-slider .slick-track{display: flex;}
.choose-slider .slick-slide{padding: 30px;background: #fff;  height: inherit;box-shadow: 0 3px 6px rgba(0,0,0,16%);margin: 8px 10px;border-radius: 10px;transform: scale(0.96);transition: 0.5s ease;border: 1px solid #E2E8F0}
.choose-slider .slick-slide.slick-current{transform: scale(1);}
.choose-title{font-size: 20px;line-height: 24px;font-weight: 600;margin: 16px 0 20px;color: #0f172a}
.choose-subtitle{font-size: 16px;line-height: 22px;color: #0f172a}
.choose-slider .slick-next,.choose-slider .slick-prev{left:0;right:inherit;bottom:-80px;top:inherit;background:url(../svg/button.svg) center no-repeat !important;width:50px;height:50px;border-radius:31px;display:flex;align-items:center;justify-content:center;transform: rotate(180deg);}
.choose-slider .slick-next:before,.choose-slider .slick-prev:before{display:none}
.choose-slider button.slick-next.slick-arrow{transform: rotate(0deg);left:70px;bottom: -82px}
.why-us .title-head{text-align: center;}

.acquia-solution .slick-slide{margin: 0 10px}
.acquia-solution .slick-dots li button:before{font-size: 30px;}
.acquia-solution .slick-list{padding: 0 0 20px;}
.acquia-solution .slick-dots li.slick-active button:before{color: #E21C6E}

.acquia-feature{background: #F9FAFB;padding: 40px 0;margin: 0 0 80px}
.left-feature{width: 48%;background:#fff;padding:15px 40px;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,16%) }
.left-head{color: #232D61;font-size: 28px;font-weight: 600;line-height: 30px;margin: 0 0 30px;}
.left-list{padding: 0;margin: 0;list-style: none;position: relative;}
.left-list:after{background: url(../svg/left-list.svg)no-repeat; background-position: bottom right;content: '';    width: 340px;height: 337px;position: absolute;bottom: -15px;right: -40px;background-size: 78%;}
.left-list li{color: #423D3D;font-size: 18px;line-height: 22px;padding: 0 0 25px 25px;position: relative;}
.left-list li:before{background: url(../svg/check-circle-red.svg) no-repeat;content:'';position:absolute;width:18px;height:18px;left:0 }
.right-feature{width: 48%}
.right-head{color: #232D61;font-size: 30px;line-height: 35px;margin: 0 0 20px;font-weight: 600}
.feature-subhead{color: #232d61;margin: 0 0 30px;}
.right-list{padding: 0;margin: 0;list-style: none;position: relative;}
.right-list li{color: #fff;font-size: 18px;line-height: 22px;padding: 10px 0 10px 50px;position: relative;border-radius: 4px;margin: 0 0 20px; background: linear-gradient(123deg, #242C5F 0%, #D8136D 100%);}
.right-list li:before{background: url(../svg/check-circle.svg) no-repeat;content:'';position:absolute;width:18px;height:18px;left:20px }
.right-list li:last-child{margin: 0}

.benefits{background: url(../png/benefit-banner.png);}
.benefits .title-head{color: #fff;margin: 0 0 70px;text-align: center;}
.benefits p{color: #fff;text-align: center;font-weight: 600}
.benefits .benefits-box img{width: 100%}
.benefits .benefits-box{flex: 1}
.divider{padding: 40px 0}
/*responsive start*/

@media(max-width:1600px){
.container{max-width:1200px!important}
.industries .industries-listing {width: 45%;}.industries .industries-name {color: #fff;font-size: 13px;line-height: 16px;}
}

@media (max-width:1199px){
    .home-banner .form-right{width: 43%}
    .home-banner{background-position: top;padding: 150px 0 60px}
    .home-banner .form-class{padding: 25px;}
    .home-banner h1{line-height: 46px;font-size: 36px}
    .home-banner .ds-points li{padding: 0 8px}
    .home-banner .ds-points li span{font-size: 35px;line-height: 40px;}
    .home-banner .ds-points{margin: 30px 0 0}
    .contact{padding: 60px 0}
    .contact .title-head {font-size: 40px;line-height: 48px;}
    .contact .right-contact-form{width:44%;}
    .contact .right{padding: 40px 30px}
    .how-we-work .subtitle{width: 100%}
    p.work-name {font-size: 30px;line-height: 34px;margin: 0 0 15px;}
    .industries .industries-listing{width: 48%}
}

@media(max-width:991px){
.space80{padding: 50px 0 }    
.title-head{margin: 0 0 30px }
.common-btn{margin: 30px 0 0}
p{font-size: 16px;line-height: 20px;}
.big-store .big-storebox {width: 48%;}
.big-store .store-name{font-size: 18px;line-height: 22px;margin: 8px 0}
.industries.text-center .listing-indus {display: block !important;}
.industries figure {max-width: 600px; width: 100%; margin: auto; margin-bottom: 30px; }
.industries .industries-listing {width: 85%;margin: auto;}
.work-detail{order: 2;width: 80%}
.how-we-work .work-listing {margin-bottom: 40px; flex-wrap: wrap; justify-content: center !important; text-align: center;}
.how-we-work .work-listing img {max-width: 600px; width: 100%; object-fit: cover; margin: auto; display: table; margin-bottom: 30px; }

.home-banner h1{font-size: 30px;line-height: 40px;}
.home-banner .banner-left .banner-list li{font-size: 16px;line-height: 20px;}
.home-banner{padding: 110px 0 40px}
.home-banner .ds-points li{font-size: 14px;line-height: 17px;padding: 0 2px;}
.home-banner .ds-points li span {font-size: 25px;line-height: 29px;margin: 0 0 5px;}
.home-banner .form-right {width: 45%;}
.home-banner .form-class{padding: 25px 12px;}
.home-banner .form-head{font-size: 24px;}
.home-banner .form-subhead{margin: 8px 0 18px;}
.home-banner .form-right label{font-size: 14px;line-height: 17px;}
.home-banner .middle-input{margin: 20px 0 }
.hire-step .hiring-steps{width: 23%}
.hire-step .hiring-steps:before{background-size: 60%;left: -35%}
.hire-step .hire-us{width: 80px;height: 80px}
.hire-step .hiring-content{font-size: 15px;}
.choose-title{font-size: 18px;line-height: 20px;margin: 12px 0 8px}
.acquia-feature{margin: 0 0 40px;}
.left-feature{padding: 20px}
.left-head{font-size: 22px;line-height: 24px;margin: 0 0 15px}
.left-list li{font-size: 16px;line-height: 20px;padding: 0 0 20px 25px}
.left-list:after{display: none}
.feature-flex{align-items: start;}
.right-head,p.work-name{font-size: 24px;line-height: 28px;margin: 0 0 10px;}
.right-list li{font-size: 16px;line-height: 20px}
.contact .right{padding: 30px 20px}
.contact .title-head{line-height: 35px}
.contact .subtitle{font-size: 18px;line-height: 25px;}
.contact .input-form input, .contact .input-form textarea{height: 50px;padding: 14px}
.contact .input-form textarea{height: 70px;}
.benefits .benefits-list{flex-wrap: wrap;row-gap: 40px}
.benefits .benefits-box{flex: inherit;width: 32%}
.benefits .benefits-box img {max-width: 146px;margin: 0 auto;display: block;}
.benefits p{margin: 8px 0}
}

@media(max-width:767px){
.space80{padding: 30px 0}  
.title-head{line-height: 30px;margin: 0 0 20px;}  
.common-btn{padding: 10px 30px;margin: 20px 0 0}
.industries .industries-box {width: 22%;}
.work-detail p.work-name {font-size: 24px;line-height: 30px;}
.work-detail, .how-we-work .subtitle{ width:100%; }
.home-banner .banner-flex,.feature-flex,.contact-flex{flex-direction: column-reverse;row-gap: 40px}
.home-banner .banner-left, .home-banner .form-right{width: 100%}
.home-banner .fig-left{display: none}
.home-banner{padding: 80px 0 30px;background: #172755}
.home-banner h1{font-size: 24px;line-height: 30px;}
.home-banner .ds-points{flex-wrap: wrap;}
.home-banner .ds-points li{width: 24%}
.big-store .big-storecontent {row-gap: 15px;column-gap: 10px;}
.big-store .big-storebox{width: 49%}
.hire-step .hire-process{margin-top: 40px;flex-wrap: wrap;row-gap: 20px}
.hire-step .hiring-steps:before{display: none}
.hire-step .hiring-steps{width: 48%}
.hire-step .hire-us{width: 60px;height: 60px;margin: 0 auto 12px;}
.choose-slider .slick-slide{padding: 20px}
.industries .industries-listing,.left-feature,.right-feature,.contact .left,.contact .right-contact-form{width: 100%}
.contact{background: #222d60;padding: 30px 0}
.contact .subtitle{margin: 8px 0 20px 0}
.contact .common-btn{padding: 10px 40px}
.contact .email{flex-wrap: wrap;}
.contact .email .text-center{flex: 1}
.benefits p{font-size: 14px}
}

@media(max-width:575px){
    /*.container{max-width:1200px!important}*/
.big-store .big-storebox {width: 100%;}
.home-banner .ds-points li{width: 48%}
.home-banner .ds-points{row-gap: 15px;justify-content: center;}
.home-banner .ds-points li:nth-child(2){border-right: none}
.hire-step .hiring-steps{width: 100%}
.contact .email .text-center{width: 100%;flex: inherit;}
.contact .email{row-gap: 20px;}
.industries .industries-listing{row-gap: 30px;}
}

@media(max-width:400px){
.industries .industries-box {width:30%;}
}