/* Home page about section */
.abt-mk-img{width:100%;padding:34px}
.abt-mk-img::before{height:70%;width:91%;content:"";position:absolute;left:-1px;top:20px;z-index:1;background:var(--skyblue) 0 0 no-repeat padding-box;border-radius:27px;transform:matrix(.97,-.22,.22,.97,0,0)}
.abt-mk-img img{z-index:1;position:relative;border-radius:27px}
.abt-mk-detail{width:100%;max-width:631px;padding-left:30px;position:relative}
.tag-lines{font-size:16px;color:var(--black);font-weight:600;margin-bottom:12px}
.tag-lines span{color:var(--skyblue)}
.site-points{padding:30px 0;display:flex;flex-wrap:wrap}
.site-points li{font-family:"DM Sans",sans-serif;font-size:1rem;font-weight:600;margin-bottom:24px;padding-left:38px;position:relative;width:48%;padding-right:14px}
.site-points li:before{content:'';background:url(../img/bullet-points.svg) no-repeat;background-size:contain;position:absolute;left:0;top:-5px;width:28px;height:28px}
.btn-comn{display:inline-flex;position:relative;font-size:14px;color:var(--white)}
.btn-comn:hover{color:var(--white);}
.btn-left-sec{padding:12px 20px;line-height:1.25;background-color:var(--black);border-radius:64px}
.btn-rund-sec{padding:12px 12px;background:var(--black);border-radius:100%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.135,.9,.15,1);transition-duration:.9s}
.btn-rund-sec svg{height:16px}
.btn-rund-sec.transition-transform{transform:translate(-0.75rem, 0) rotate(0deg);transition:transform 520ms ease-in-out;}
.btn-comn:hover .btn-rund-sec{transform:translate(0.55rem, 0) rotate(45deg);animation-name:slideIn;animation-duration:.1s;}
.round-arrow-space{position:absolute;left:23px;bottom:56px;width:64px;height:93px}
.section.bg-black.success-stories .col-lg-5 p {
    color: var(--white);
}
.menu .icon-black-arrow {
  color: var(--black);
}
#svgArrow{width:100%}
.set-btn-placing{margin-left:27px;margin-top:59px}

@media screen and (max-width:640px){
.abt-mk-img::before {left: 14px;}
}

/* Challenges section css */
.chalnges-left{max-width:500px;width:100%;padding-right:30px}
.chalnges-right{max-width:500px;width:100%}
.transparent-btn-holder .btn-left-sec{background-color:var(--white);color:var(--black)}
.transparent-btn-holder .btn-rund-sec{background-color:var(--white)}
.transparent-btn-holder .btn-rund-sec path{fill:var(--black)}
.md_challenges_left{max-width:100%;width:170px}
.md_challenges_slide{display:flex;justify-content:flex-end;scroll-snap-align:start;position: -webkit-sticky;position: sticky;bottom:auto;margin-bottom:28px}



.md_challenges_right{width:100%;max-width:320px;background:var(--white);display:flex;align-items:center;justify-content:center;border-bottom-right-radius:1.25rem;border-top-right-radius:1.25rem}
.md_challenges_left img{border-bottom-left-radius:1.25rem;border-top-left-radius:1.25rem;height:100%;display:block;object-fit:cover;width:100%}
.md_challenges_col{padding:12px 14px 12px 16px}
.md_challenges_col p{font-size:14px;margin: 0;}
.md_challenges_box{}
.md_challenges_box::-webkit-scrollbar{width:0}
.challenges-bx-heading{font-size:22px;font-weight:600;line-height:30px}
.challenges-arrow-holder{height: 89px;width: 111px;display: flex;align-items: center;justify-content: flex-end;background: url(../img/white-arrow-down.png) no-repeat;background-size: contain;margin-left: 53%;
  margin-top: -28px;}
.challenges-arrow-holder svg{width:66px;height:100%;margin-right:138px}
.challenges-arrow-holder svg .draw-arrow{stroke-width:5;stroke:var(--white);fill:none;stroke-dasharray:400;stroke-dashoffset:400;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:draw;animation-name:draw}
.challenges-arrow-holder svg .draw-arrow.tail-1{-webkit-animation-delay:.5s;animation-delay:.5s}
.challenges-arrow-holder svg .draw-arrow.tail-2{-webkit-animation-delay:.7s;animation-delay:.7s}  
  @-webkit-keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }  
  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }
.success-stories .challenges-arrow-holder {margin-left: 27%;}
.md-sub-heading-box{position:relative;margin-bottom:24px;display:flex;align-items:center}
.chal-icon-box{background:var(--black);border-radius:6px;padding:7px 10px;margin-right:12px}
.chal-icon-box img {width: 100%;height: 100%;}
.link-btn{color:var(--black);font-weight:600;margin:10px 0 0;display:inline-block;transition:.5s}
.link-btn:hover{color:var(--skyblue)}
.icon-right-arrow{width:20px;height:20px;display:inline-flex;background:var(--black);vertical-align:middle;padding:4px;border-radius:100%;transition:.5s;font-size: 13px;align-items: center;justify-content: center;}
.icon-right-arrow svg{width:100%;height:100%}
.link-btn:hover .icon-right-arrow{background:var(--skyblue)}
.chalnges-left .stickybox{
  position: -webkit-sticky;
  position: sticky;
  top: 8rem
}
.md_challenges_slide#card01{
  top: 8rem;
}
.md_challenges_slide#card02{
  top: 8.25rem;
}
.md_challenges_slide#card03{
  top: 8.5rem;
}
.md_challenges_slide#card04{
  top: 8.75rem;
}
.md_challenges_slide#card05{
  top: 9rem;
}
.md_challenges_slide#card06{
  top: 9.25rem;
}
@media screen and (max-width:991px){
  .success-stories h2 br{display: none;}
  .success-stories .challenges-arrow-holder{display: none;}
  .success-stories .slick-initialized .slick-slide{margin: 10px;}
  .testimonial-header{ flex-direction: column;align-items: flex-start !important;}
  .testimonial-header .stars{margin-top: 20px;}
  .success-stories .slick-dots li button:before{font-size: 16px;color: var(--white);opacity: 1;}
  .success-stories .slick-dots{bottom: 0;}
  .success-stories .slick-dots li.slick-active button:before{color: var(--skyblue);opacity: 1;}
}

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


}



/* Case Study */
.case-study .tag-lines span{color:var(--black); height: calc(100vh - 200px);}
.top-to-btm-arrow{width:101px;height:73px;background:url(../img/back.png) no-repeat;background-position:center;background-size:contain;position:relative;left: 347px;bottom: 63px}
.blank-part-heading{width:100%;max-width:600px}
.case-study-content{padding:20px;background: var(--white);padding-top: 72px;}
.case-study-heading-box{display:flex;align-items:center;margin-bottom:30px}
.case-study-icon-box{background:var(--black);border-radius:6px;padding:7px 10px;margin-right:12px}
.case-study-heading{font-size:22px;font-weight:600;line-height:20px}
.case-study-points{height:calc(100vh - 220px);overflow:hidden;position:relative;margin-bottom:30px}
.case-study-points ul{padding:0;margin:0;list-style-type:none;position:relative}
.case-study-points li{padding:10px;font-size:18px;font-weight:500;padding-left:50px;position:relative}
.case-study-points li:after{content:'';position:absolute;width:28px;height:28px;left:0;background:url(../img/bullet-points.svg) no-repeat;background-size:contain;top:9px}
#case-study-slider.owl-carousel .owl-item{transition:transform .3s ease}
/* .case-study-img{height:400px} */
.case-study .set-btn-placing{display:flex;align-items:center;justify-content:center;margin:40px 0 0}


/* .case-study .sticky {position: sticky;top: 0;width: 100%;z-index: 1000;} */
.vertical-center {display: table;height: 100%;width: 100%;}
.vertical-center__inner {display: table-cell;vertical-align: middle;}
.section--vertical {min-height: calc(100vh - 230px);position: relative;background: var(--white);}
.block-list {white-space: nowrap;}
.block-list__item {width: 33.33%;height: 100vh;display: inline-block;white-space: normal;vertical-align: top;}
.block-list__item:first-child {margin-left: 0;}
.case-study-img {width: 100%;height: 100vh;}
.case-study-img img {width: 100%;height: 100vh;object-fit: cover;}

@media screen and (max-width:991px){
  .easy_step_wrapper h2 br{display: none;}
  .easy_step_wrapper .arrow-up-btm{margin: 0;position: relative;bottom: 10px;left: -45px;
    transform: rotate(76deg);}
}

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


}

/*Testimonail Css */
.testimonials-outer{display:flex;align-items:center;justify-content:center;    pointer-events: none;}
.testimonials-box .card{background:var(--white);padding:1.5rem;border-radius:.5rem;width:100%;min-height: 264px;}
.star-icon{width:18px;height:18px;background:url('../img/star.svg') center/contain no-repeat;margin:0 6px;}
.testimonial-header{margin-bottom:16px;justify-content:space-between}
.testimonial-header .profile .img{height:54px;width:54px;border-radius:50%;padding:5px;background:var(--white);box-shadow:0 8px 24px rgba(0,0,0,.178);margin-right:12px}
.testimonial-header .profile img{width:100%;height:100%;object-fit:cover;border-radius:50%}.testimonial-user-name{font-weight:600;font-size:24px;color:var(--black)}
.testimonials-box .slick-active.slick-center{transform:scale(1.3);}
.slick-vertical .slick-slide{opacity:.7;}
.slick-vertical .slick-current{opacity:1;}
.blue-text span{color:var(--skyblue)}
.testimonial p{margin-bottom: 0;}
.slick-vertical  .slick-slide>div {
  width: 100%;
  margin: -12.3px auto;
  max-width: 528px;
  transform: scale(0.7);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}


.easy_step_info{background:var(--white);border:1px solid #747474;border-radius:17px;padding:11px 11px 28px;transition:all .3s;}
.step-no{font-weight:800;font-size:40px}
.easy_step_box{transition:all .3s;}
.easy_step_box:hover{}
.easy_step_box:hover .step-no{color:var(--skyblue)}
.easy_step_box:hover .easy_step_info{border:1px solid var(--skyblue);background: var(--skyblue);color: var(--white);box-shadow:0 .125rem 1.25rem 0 rgb(107 134 177 / 50%);}
.easy_step_box:hover .easy_step_info p{color: var(--white);}
.easy_step_wrapper .row .col-lg-4:nth-child(2n) .easy_step_box{margin-top:50px}
.easy_step_wrapper .row .col-lg-4:nth-child(3n) .easy_step_box{margin-top:100px}
.arrow-up-btm{width:108px;height:100px;background:url('../img/arrow-up.png') center/contain no-repeat;margin-left:64%;margin-top:-32%;transform:rotate(30deg)}
.easy_step_info p{font-size:13px}

/*connect with us */
.connect-with-us-wrapper{height:500px;position:relative;display:flex;align-items:end}
.connect-with-us-txt .heading-title{line-height:30px}
.connect-with-us-txt .arrow-animation{display:flex;align-items:center}
.connect-with-us-wrapper .card{max-width:500px;border-radius:36px}
.connect-with-us-arrow{width:108px;height:100px;background:url('../img/arrow-up.png') center/58px no-repeat;transform:rotate(73deg);position:absolute;left:-33px;bottom:45px}


/* Presence clients section */
.presence-title{display:flex}
.our-presence-clients h4{font-size:2.8rem;color:var(--white);font-weight:700;font-style:normal;text-align:center}
.our-presence-clients .client_map{position:relative;width:100%;height:500px;margin:3rem auto;font-size:.8rem;color:#e9e6e6;font-weight:500;line-height:normal;max-width: 831px;}
.our-presence-clients .client_map img{max-width:100%}
.our-presence-clients .client_map .canada{cursor:pointer;position:absolute;top:90px;left:132px}
.our-presence-clients .client_map .usa{cursor:pointer;position:absolute;top:167px;left:131px}
.our-presence-clients .client_map .uk{cursor:pointer;position:absolute;top:79px;right:395px}
.our-presence-clients .client_map .uae{cursor:pointer;position:absolute;top:193px;right:305px}
.our-presence-clients .client_map .australia{cursor:pointer;position:absolute;bottom:134px;right:85px}
.our-presence-clients .client_map .australia:hover,.our-presence-clients .client_map .canada:hover,.our-presence-clients .client_map .uae:hover,.our-presence-clients .client_map .uk:hover,.our-presence-clients .client_map .usa:hover{color:#6fc49f}
.our-presence-clients .client_map .client_card{min-width:160px;position:absolute;margin:-50px 0 0;opacity:0;transition:.9s ease;visibility:hidden;display: none;}
.our-presence-clients .client_map .client_card .project_card{background:var(--white);padding:5px 0;border-radius:5px;margin:0;position:relative;z-index:2;box-shadow:0 .125rem 1.25rem 0 rgb(40 43 48 / 58%)}
.our-presence-clients .client_map .client_card .project_card .project_row{display:flex;align-items:center;justify-content:center;padding:3px 8px}
.our-presence-clients .client_map .client_card .project_card .project_row:last-child{border:none}
.our-presence-clients .client_map .client_card .project_card .project_row strong{font-size:.8rem;color:var(--skyblue);font-weight:600}
.our-presence-clients .client_map .client_card .project_card .project_row span{font-size:1rem;color:var(--black);font-weight:700}

.our-presence-clients .client_map .australia:hover .client_card,.our-presence-clients .client_map .canada:hover .client_card,.our-presence-clients .client_map .uae:hover .client_card,.our-presence-clients .client_map .uk:hover .client_card,.our-presence-clients .client_map .usa:hover .client_card{opacity:1;visibility:visible;display: block;}


.our-presence-clients .client_map .client_card.canada{top:auto;left:auto;bottom:56px;right:-64px}
.our-presence-clients .container .client_map .client_card.usa{bottom:56px;right:-65px;top:auto;left:auto}
.our-presence-clients .container .client_map .client_card.uk{top:auto;left:auto;bottom:55px;right:-64px}
.our-presence-clients .container .client_map .client_card.uae{top:auto;left:auto;bottom:56px;right:-64px}
.our-presence-clients .container .client_map .client_card.australia{top:auto;left:auto;bottom:60px;right:-62px}
.our-presence-clients .container .client_map .client_card .project_card::after{width:0;height:0;content:"";position:absolute;bottom:-12px;border-style:solid;border-width:13px 14px 0;border-color:var(--white) transparent transparent;transform:rotate(0);left:0;right:0;margin:auto}
.update-country-name{font-size:53px;position:absolute;right:-105px;top:0;text-transform:uppercase;-webkit-background-clip:text;transform:matrix(0,-1,1,0,0,0);-webkit-text-stroke:1px #000;-webkit-text-fill-color:transparent;width:290px;height:80px;bottom:0;margin:auto}
.our-presence-clients-arrow{width:120px;height:108px;background:url(../img/arrow-top-right-black.png) center / 58px no-repeat;transform:rotate(-16deg);position:absolute;right:31px;bottom:22px}


/* Horizontal Scroll */
.call-to-action-scroll p{cursor: ew-resize;font-size: 6rem;}
.rightToLeft{animation:rightToLeft 10s infinite linear}
@keyframes rightToLeft{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.leftToRight{animation:leftToRight 10s infinite linear}
@keyframes leftToRight{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
@media screen and (max-width:1024px){
    .call-to-action-scroll p{font-size: 4rem;}  
    .our-presence-clients h2 br{display: none;}
    .our-presence-clients-arrow{position: absolute;left: 207px;bottom: -154px;}
    .block-list__item{width: 50%;}
}
@media screen and (max-width:991px){
  .our-presence-clients .client_map{height: auto;}
  .block-list__item{width: 50%;}
}

@media screen and (max-width:767px){
  .abt-mk-detail{padding-left: 0;}
  .set-btn-placing{margin:0}
  .challenges .custom-row {flex-wrap: wrap;}
  .chalnges-right{margin-top: 40px;}
  .top-to-btm-arrow{left: 120px;bottom: 28px;}
  .easy_step_wrapper .arrow-up-btm{left:0px;transform: rotate(93deg);}
  .easy_step_info{text-align:left !important;}
  .easy_step_wrapper .row .col-lg-4:nth-child(3n) .easy_step_box,.easy_step_wrapper .row .col-lg-4:nth-child(2n) .easy_step_box {margin-top:0;}
  .connect-with-us-arrow{display:none;}
  .update-country-name{right:auto;top:auto;bottom:0;transform: none;}
  .md_challenges_left img{height: 100%;;}
  .our-presence-clients-arrow{bottom:-47px;transform: rotate(99deg);left: 232px;}
  .call-to-action-scroll p{font-size: 3rem;}
  .call-to-action-scroll {margin-top: 44px;}
  .block-list__item{width: 100%;}
  .round-arrow-space { position: relative;  left: 0;bottom: 0;}
  .site-points li {width: 100%;}
.site-points {padding: 30px 0 0; display: block;}
.challenges-bx-heading {font-size: 18px;flex: 1;}
.case-study-points li {font-size: 16px;}
.testimonial-user-name{font-size: 18px;}
.arrow-up-btm{display: none;}
.newslettersign{padding: 24px !important;}
}

/* Inner page css */
.title-1{font-family:"DM Sans",sans-serif;font-size:2.6rem;line-height:50px;font-weight:700}
.title-1 span{color:var(--skyblue)}
.inner-pg-banner{height:350px}
.inner-pg-banner:after{content:'';position:absolute;left:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,0.4)}
.inner-pg-banner .banner-caption{position:relative;z-index:1}
.form-control{border:1px solid #BCBCBC;border-radius:10px;font-size:14px;padding:.575rem .75rem}

.form-control:focus{outline: none;box-shadow:none}
@media screen and (max-width:991px){
  
}