@font-face {font-family: 'Graphik'; src: url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}



@font-face {font-family: 'Graphik'; src: url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'); font-weight: 500; font-style: normal;}



@font-face {font-family: 'Graphik'; src: url('../fonts/Graphik-Semibold.woff2') format('woff2'), url('../fonts/Graphik-Semibold.woff') format('woff'); font-weight: 600; font-style: normal;}



@font-face {font-family: 'Graphik'; src: url('../fonts/Graphik-Bold.woff2') format('woff2'), url('../fonts/Graphik-Bold.woff') format('woff'); font-weight: 700; font-style: normal;}











.bannerCon {position:relative;}



.bannerCon:before {content:''; width:100%; height:100%; background:rgba(0,0,0,.25); position:absolute; left:0; top:0;}



.bannerCon .home-container {position:relative; font-family: "Montserrat", serif;}



.bannerHd {text-transform:none;}



.bannerBtn a {font-size:18px;}



.bannerBtn a .inner {position: relative; z-index: 2; display: inline-block; padding: 12px 15px; width:auto;}



.bannerBtn a .inner .icon {margin-left:5px; vertical-align:middle; padding:0; width:auto;}



.grayBg {background: #f8f8f8;}


.pb10 {
    padding-bottom: 10px;
}




.whwf {padding: 25px 490px 25px 0; font-family: "Montserrat", serif;}



.whwf .lft {font-size:18px; text-transform:uppercase; width:145px; height:42px; color:#fff; font-weight:700; background: linear-gradient(180deg, #2D5DC4 0%, #E04A25 100%); display:flex; align-items:center; justify-content:center;}



.whwf .lft span {display:inline-block; border-bottom:1px solid #fff; position:relative;}



.whwf .lft span:before {content:''; width:8px; height:8px; background:#E14A25; border-radius:100%; position:absolute; left:0; bottom:-4px; display:none;}



.whwf .lft span:after {content:''; width:8px; height:8px; background:#E14A25; border-radius:100%; position:absolute; right:0; bottom:-4px; display:none;}



.whwf .rgt {width:calc(100% - 155px);}



.whwf .rgt .item {height:46px; background: #fff; padding:7px 20px; justify-content:center; box-shadow:0 0 5px rgba(0,0,0,.1); margin:5px; display:flex;}



.whwf .rgt .item img {max-width:135px; max-height:100%;}



.pointers-container {
   display: flex;
   max-width: 100%;
   /* justify-content: space-between; */
   gap: 50px;
   margin-bottom: 20px;
}

.pointers1, .pointers2 {
   color: #fff;
   display: flex;
   flex-direction: column;
   gap: 10px;
}







.midCon .arrowSli {margin-top:60px;}



.midCon .arrowSli .slick-arrow {background: #FFFFFF; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); width:44px; height:44px; border-radius:100%; position:absolute; top:-55px; margin:0; overflow:hidden; text-indent:0px; font-size:0px; color:#fff; border:none;}



.midCon .arrowSli .slick-arrow:before {font-family: 'Material Icons'; color:#000; font-size:26px; position:absolute; left:0; top:0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;}



.midCon .arrowSli .slick-arrow:hover {background:#eee;}



.midCon .arrowSli .slick-prev {left:inherit; right:60px;}



.midCon .arrowSli .slick-prev:before {content:'west';}



.midCon .arrowSli .slick-next {left:inherit; right:0;}



.midCon .arrowSli .slick-next:before {content:'east';}







.midCon .clientSlider.arrowSli .slick-arrow {top:-40px;}











.home-container {max-width:1610px; width: 100%; margin:auto; padding:0 40px; font-family: 'Graphik';}



.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}



.flexBox.nowrap {flex-wrap: nowrap;}



.itemCenter {-webkit-align-items: center; align-items: center;}



.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}



.fullWidth {width: 100%;}



.storySliderCon {padding:40px 0 20px 0; background-size:cover !important; background:none !important; overflow:hidden;}



.bsHd {font-size: 36px; color: #000; font-weight: 400; padding-bottom: 15px; font-family: 'Graphik';}



.solutionTxt {font-size: 22px; color: rgba(0,0,0,.8); line-height: 30px;}



.storySliderCon .mb20 {margin-bottom:30px;}



.storySlider {margin-top: 0; margin-bottom: -20px;}



.storySlider .slick-list {margin: 0 -15px;}



.storySlider .item {padding: 0 15px 20px 15px; font-family: 'Graphik';}



.storySlider .item .img {background-size: cover !important; height: 150px; overflow:hidden; box-shadow: 5px 5px 10px rgba(0,0,0,.2); position:relative}



.storySlider .item .img img {width: 100%;}



.storySlider .item .box {background: #fff; padding: 15px 20px; margin-left: 8px; position: relative; box-shadow: 5px 5px 10px rgba(0,0,0,.2);}



.storySlider .item .box:before {content: ''; background: url(../images/image-shade.png); width: 8px; height: 9px; position: absolute; top: 0; left: -8px;}



.storySlider .item .box .ind {color: #000; font-size: 15px; font-weight: 500; display: inline-block; border-bottom: 1px solid #e14a25;}



.storySlider .item .box .hd {font-size: 18px; font-weight: 600; padding:10px 0 0 0; color: #000; line-height: 25px; height:60px; overflow:hidden;}



.storySlider .item .box .text {color: rgba(0,0,0,.8); font-size: 17px; padding: 10px 0 0 0; line-height: 24px; min-height:85px; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3;  overflow: hidden; text-overflow: ellipsis;}







.storySlider .item .box .stats {margin-bottom: 10px;}



.storySlider .item .box .stats .left {width: 50%; text-align: center; border-right: 1px solid #e5e5e5; color: #000; font-size: 15px; padding: 5px;}



.storySlider .item .box .stats .left span {display: block; color: #84b931; font-size: 25px; font-weight: 600;}



.storySlider .item .box .stats .right {width: 50%; text-align: center; border-left: 1px solid #e5e5e5; color: #000; font-size: 15px; padding: 5px;}



.storySlider .item .box .stats .right span {display: block; color: #e14a25; font-size: 25px; font-weight: 600;}







.storySlider .item .box a.readMoreBtn {display: inline-block; padding:6px 12px; background:#fff; color:#e14a25; font-size:14px; font-weight:500; border:1px solid #e14a25;}



.storySlider .item .box a.readMoreBtn:hover {color:#fff; border:1px solid #e14a25;}



.storySlider .item .box a.readMoreBtn span {position:relative; display:inline-block; padding:3px 22px 0 0; text-transform:uppercase;}



.storySlider .item .box a.readMoreBtn span:after {content: ''; background: url(../images/arrows.png) 0 -42px; width: 15px; height: 19px; position: absolute; right: 0; top: -1px; transform:scale(0.7);}



.storySlider .item .box a.readMoreBtn:hover span:after {background-position:0 0px;}



.storySlider .item .box a.readMoreBtn:before {background:#e14a25;}



.storySlider .item .box a.readMoreBtn:after {background:#e14a25;}







.storySlider .slick-prev {width:65px; height:34px; background:url(../images/pnarrow-dark.png) no-repeat left 10px center; position:absolute; left:-80px; top:50%; margin-top:-17px; overflow:hidden; text-indent:-500px; opacity:1; transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; border:none; cursor:pointer;}



.storySlider .slick-prev:hover {background-position:left;}



.storySlider .slick-next {width:65px; height:34px; background:url(../images/pnarrow-dark.png) no-repeat right 10px center; position:absolute; right:-80px; top:50%; margin-top:-17px; overflow:hidden; text-indent:-500px; opacity:1; transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; border:none; cursor:pointer;}



.storySlider .slick-next:hover {background-position:right;}







a.readMoreBtn {display:inline-block; text-align:center; position: relative; background:#e14a25; font-size:17px; color:#fff; padding:14px 35px; font-weight:500;}



a.readMoreBtn:before {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; left: 0%; top: 0; transition: all .5s ease;}



a.readMoreBtn:after {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; right: 0%; top: 0; transition: all .5s ease;}



a.readMoreBtn:hover:before {width: 51%;}



a.readMoreBtn:hover:after {width: 51%;}



a.readMoreBtn span {position: relative; z-index: 2;}



.letsTalk {padding:30px 0; font-size: 45px; color: #fff; text-align: center; position: relative; z-index: 101;}



.letsTalk:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover  !important; background: url(../images/bot_bg_new.jpg) no-repeat center top;}



.letsTalk .hd {display: block; font-weight: 700; font-size: 32px; padding: 0 0 15px 0;}



.letsTalk a {font-size: 23px; padding: 14px 40px; font-weight: 500; border: 1px solid #fff; background: none; text-transform:uppercase;}



.letsTalk .home-container {z-index: 100; position: relative;}



footer {position: relative; overflow: hidden; border-top:1px solid #E04A25;}



footer:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover  !important; background: url(../images/footer_bg.jpg) no-repeat center top; transition: all .7s ease;}



footer .home-container {z-index: 99; position: relative; max-width:1610px;}



.footerTop {margin: 0 -15px;}



.footerCol {width: 20%; padding: 35px 15px;}



.footerHd {font-size: 16px; color: #fff; font-weight: 600; border-bottom: 1px solid #fff; padding:0 0 10px 0; margin-bottom: 20px; max-width: 210px;}



.footerHd a {color:#fff;}



.address {color: #fff; font-size: 14px; padding-bottom: 20px; line-height: 20px; font-weight: 600;}



.address span {font-weight: 400;}



.footerLink {width: 100%;}



.footerLink li {font-size: 14px; padding-bottom: 14px;}



.footerLink li a {color: #fff; text-decoration: underline;}



.footerLink li a:hover {color: #e14a25; text-decoration: none;}







.footerRgt {border: 1px solid #a3a3a3; padding: 20px; background: rgba(255,255,255,.05);}



.socialLink {padding:20px 0 15px 0; margin: 0 -5px;}



.socialLink li {padding: 0 5px; width: 20%; max-width: 58px;}



.socialLink li:last-child {margin-right: 0;}



.socialLink li a {display: block; height: 46px; border:1px solid #a3a3a3; background: none; overflow: hidden; text-indent: -2100px; position: relative;}



.socialLink li a:hover {background: #e14a25; border:1px solid #e14a25;}



.socialLink li a:after {content: ''; width: 30px; height: 30px; background: url(../images/social_links.png); position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}



.socialLink li.facebook a:after {background-position: -30px 0px;}



.socialLink li.twitter a:after {background-position: -30px -31px;}



.socialLink li.linkedin a:after {background-position: -30px -62px;}



.socialLink li.youtube a:after {background-position: -30px -93px;}



.socialLink li.instagram a:after {background-position: -30px -124px;}



a.contactBtn {display: block; font-size: 20px; text-align: center; padding: 10px 5px; font-weight: 500; text-transform:uppercase;}



.mb10 {margin-bottom: 10px;}



.mailSkp {justify-content: flex-end;}



.footSep {width: 2px; height: 10px; background: #fff; margin: 0 8px;}



a.emailLink {color: #fff; font-size: 14px; font-weight: 500;}



a.emailLink img {vertical-align: middle; margin: 0 2px 3px 0;}



.tollFree {font-size: 16px; color: #fff; text-align: right; margin-bottom:5px;}



.tollFree img {vertical-align: middle; margin: 0 5px 6px 0;}



.tollFree span {display: block; font-size: 30px; font-weight: 700; padding-top: 6px;}



a.skype {font-size: 14px; color: #fff; font-weight: 500;}



a.skype img {vertical-align:middle; margin: 0 2px 2px;}







.crating {color: #fff; font-size: 11px;}



.crating span {display: block; font-size: 11px; font-weight: 500; padding-bottom: 4px;}



.crating span img {vertical-align: middle; margin: 0 0 0 1px;}



.copy{font-size:13px;color:#ffb853;padding-top:14px;}



.clutch {font-size: 10px; color: #fff; text-align: center; position: relative; padding:5px 0 0 32px;}



.clutch .clImg {position: absolute; left: 0; top: 0;}



.clutch img {margin-right: 2px;}



.clutch span {font-size: 11px; display: block; text-transform: uppercase;}



.chat {position: fixed; right: 10px; bottom: 10px; z-index: 100;}







.hireBox {position:fixed; left:0; bottom:0; width:100%; z-index:1000;}



.hireBox .hireinner {background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); padding:3px;}



.hireBox .lft {padding:0 10px; font-size:17px; color:#000;}



.hireBox .lft span {color:#e84325; font-weight:700;}



.hireBox a.reqBtn {display:block; font-size:13px; color:#fff; font-weight:600; border:1px solid #e84325; background:#e84325; padding:0 15px; height:42px; line-height:42px; text-transform:uppercase;}



.hireBox a.reqBtn:hover {border:1px solid #e84325; color:#e84325; background:#fff;}







.mobSk {display:none;}



.mobCon {display:none;}







.footerForm {max-width:950px; background:rgba(255,255,255,.95); margin:10px auto 0 auto; padding:20px; font-size:16px; display:none !important;}



.footerFormleft {width:50%; padding-right:10px;}



.footerFormright {width:50%; padding-left:10px;}



.footerForminput {width:100%; padding:10px 15px; vertical-align:top; border:1px solid #eee;}



textarea.footerForminput {height:131px;}







.footerFormBtn {background:#e84325; font-size:18px; font-weight:700; color:#fff; width:100%; padding:12px; border:none; cursor:pointer; position: relative; text-transform: uppercase;}



.footerFormBtn:hover {color:#fff;}



.footerFormBtnBox {position: relative; max-width: 220px; margin:5px auto 0 auto; padding:0; width:100%;}



.footerFormBtnBox:before {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; left: 0%; top: 0; transition: all .5s ease;}



.footerFormBtnBox:after {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; right: 0%; top: 0; transition: all .5s ease;}



.footerFormBtnBox:hover:before {width: 51%;}



.footerFormBtnBox:hover:after {width: 51%;}



.footerFormBtnBox:hover .footerFormBtn {position: relative; z-index: 2; background:none;}



.reqForm.mobForm {display:none;}



.footerLink li:last-child {padding-bottom:0 !important;}



.footerCol.large .footerHd  {font-size:18px;}



.footerCol.large .footerLink li {font-size:16px; padding-bottom:16px;}



.smallScreenFooter {display:none !important;}



.globalLocation {color:#fff; font-size:11px; padding-top:5px; margin-bottom:-20px; text-align:center;}



.globalLocationBot {color:#fff; font-size:11px; text-align:center; padding-top:5px;}



.slick-slider {



    -webkit-user-select: text !important;



    -khtml-user-select: text !important;



    -moz-user-select: text !important;



    -ms-user-select: text !important;



    user-select: text !important;



}







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



    .home-container {padding:0 40px;}



	a.readMoreBtn {font-size: 16px; padding: 12px 25px;}



    .letsTalk .hd {font-size: 26px; padding: 0 0 5px 0;}



	.letsTalk a {font-size:18px;}



    .footerTop {margin: 0 -10px; justify-content:space-between;}



    .footerCol {padding:35px 10px;}



    .footerCol.colm2 {width: 17%;}



    .footerCol.colm3 {width: 20%;}



    .footerCol.colm4 {width: 17%;}



    .footerCol.colm5 {width: 26%; max-width:320px;}



}







@media(max-width:1500px){ 



.whwf {padding: 30px 35% 30px 0;}



}







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



.gloabaLoc {width:348px;}



.home-container {padding:0 15px;}



.tollFree span {font-size: 24px;}



.socialLink li a {height: 35px;}



.socialLink li a:after {transform: scale(.8);}



.footerCol.colm1 {width: 25%;}



.footerCol.colm2 {width: 24%;}



.footerCol.colm3 {width: 27%;}



.footerCol.colm4 {width: 24%;}



.footerCol.colm5 {padding: 0 10px 20px 10px; width: 100%; max-width: 340px; margin: auto; display: none;}







.whwf {padding: 20px 0;}



.whwf .rgt {width: 102%; margin: 10px -1% 0 -1%;}



.whwf .rgt li {margin: 8px 1% !important; border: 1px solid #ccc; text-align: center; padding: 5px; position:relative;}



.whwf .rgt li img {max-width:90%; max-height: 90%; margin: auto;}



.clientSlider .slick-list {margin:-10px;}



.clientSlider .item {padding:10px;}



}







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



	.gloabaLoc {width:auto;}



.bsHd {font-size: 30px; padding-bottom: 10px;}



.solutionTxt {font-size: 18px; line-height: 24px;}



.hireBox .lft {padding:0 5px; font-size:13px;}



.hireBox a.reqBtn {font-size:13px; padding:0 15px;}



	.bannerBtn a {font-size:16px;}



}











@media(max-width:767px){



    header {height:88px;}



	.gloabaLoc {font-size: 11px;  padding-left: 10px;}



	.gloabaLoc span {font-size:13px;}



    /* .logo {width:100px;} */



    .headerRgt {font-size:12px; padding:8px 0;}



    .infoLft {display:none;}



    .infoRgt {display:none;}



    .mobTelecom {display:block;}



    .mobTelecom li {padding-bottom:5px; color:#fff;}



    .mobTelecom li span {display:inline-block; width:90px;}



    .mobTelecom li a {color:#fff; text-decoration:underline;}



    .mobTelecom li img {width:13px; vertical-align:middle; margin-bottom:2px;}



	



.storySliderCon {padding:20px 0 10px 0;}



.storySliderCon .bsHd {font-size: 24px;}



.solutionTxt {font-size: 16px; line-height: 22px;}



.letsTalk {padding: 20px 0; font-size: 35px;}



.letsTalk span.hd {font-size: 22px;}



.footerCol.colm1, .footerCol.colm4, .footerCol.colm5 {display: none;}



.footerCol.colm2 {width: 50%; display: block;}



.footerCol.colm3 {width: 50%; display: block;}



.hireBox .hireinner {display:block;}



.hireBox .lft {padding:5px; font-size:12px; text-align:center; line-height:21px;}



.hireBox a.reqBtn {font-size:13px; padding:0 15px; margin:auto; width:180px; text-align:center;}







.footerForm {display:flex !important;}



.letsTalk {display:none !important;}



.reqForm.mobForm {display:none;}



.reqForm.mobForm .messageTxt {display:none;}



.reqForm.mobForm .formInput {background:#fff; border:1px solid #999;}



.fullScreenFooter {display:none !important;}



.smallScreenFooter {display:flex !important;}



.smallScreenFooter .full {width:100%; padding-bottom:10px;}



.smallScreenFooter .socialLink {max-width:290px; margin:auto;}



.smallScreenFooter .socialLink li a {height:34px;}



.smallScreenFooter .ccBox {max-width:290px; margin:auto;}



.copy{text-align:center;}



}







@media(max-width:479px){



a.readMore {font-size:13px;}







.footerCol.colm1 {width: 100%; padding: 20px 10px 0 10px; display: none;}



.footerCol.colm5 {width: 100%; padding: 5px 0 0 0; max-width:100%;}







footer .home-container {padding:0;}



footer .footerTop {margin:0;}







.footerRgt {padding: 10px 5px; border:none; border-right:none; border-bottom:none;}



.tollFree {display:none !important;}



.mailSkp {display:none !important;}



.footerRgt a.readMoreBtn {display:none;}



.socialLink {padding: 0 0 5px 0; max-width:260px; margin:auto; justify-content:center;}



.socialLink li a {height:32px;}



.socialLink li a:after {transform: scale(0.7);}



.socialLink li a:hover {background:none;}



.footerCol.colm2 {display:block; width:48%; padding:25px 15px;}



.footerCol.colm3 {display:block; width:52%; padding:25px 15px;}



.footerLink li {font-size:13px;}



.footerLink li.mobHide {display:none;}



.footerLink li.dsMob {display:none;}



.ccBox {max-width:260px; margin:5px auto 0 auto; padding:0 5px;}



.crating {font-size:9px;}



.crating span {font-size:9px;}



.clutch span {font-size:9px;}



.clutch {padding: 3px 0 0 27px;}



.clutch .clImg {width:22px;}



.copy {text-align:center; font-size:11px;}



.mobSk {display: flex; color: #fff; font-size: 14px;}



.mobCon {display:block;}



.footerFormleft {width:100%; padding-right:0px;}



.footerFormright {width:100%; padding-left:0px;}



.footerCol.large .footerHd  {font-size:16px;}



.footerCol.large .footerLink li {font-size:13px; padding-bottom:14px;}







.whwf {padding: 10px 0;}



    .whwf .lft {font-size: 13px; padding: 0; width: 105px;}



    .whwf .rgt {width:calc(102% - 125px); margin: 0 -1% 0 -1%;}



    .whwf .rgt li {padding: 5px; width:31.33%; height: 40px; margin: 2px 1% !important;}



}