@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
/* @import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css') */


/* font-family: "Montserrat", sans-serif; */


/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Global Style Declaration -=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0; padding:0; font-size:16px;  font-family: "Montserrat", sans-serif; font-weight:400; line-height:1.6; color:#2F2D2E; overflow-x: hidden;}
html {
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p {  margin:0; padding:0; }
h1, .h1 { font-size:90px; line-height:1; font-weight: 800;}
h2, .h2 { font-size:48px; line-height:1.1; font-weight: 700; color: #2F2D2E; }
h3, .h3 { font-size:32px; line-height:1; color: #2F2D2E; font-weight: 700; }/* Blank */
h4, .h4 { font-size:24px; line-height:1.2; color: #2F2D2E; font-weight: 600; }
h5, .h5 { font-size:20px; line-height:1.55; }
h6, .h6 { font-size:16px; line-height:1.6; }

a:focus,.slick-next:focus.slick-prev:focus {
   
  outline:none;
  
}
img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display: inline-block; }
.nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;}


.wrapper { max-width: calc(1488px + 30px); width: 100%; display: block; margin: 0 auto; float: none; padding: 0 15px; }


/* Header section */

header.header {  position: absolute; top: 0; left: 0;  z-index: 999; width: 100%;  padding: 24px 0;}
.headerinsec nav {display: flex;gap: 50px;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.headerinsec nav .headerlogo {    max-width: 70px;    width: 100%;}
.headerinsec nav .headerlogo a {    width: 100%;}
.headerinsec nav .headerlogo a img {    width: 100%;    height: 100%;    object-fit: contain;}
.headerinsec nav  .headermenusec {    max-width: calc(100% - 326px);    width: 100%;    display: flex;    align-items: center;    justify-content: space-between; gap: 50px;  flex-wrap: wrap;}
.headerinsec nav .headermenusec .headermenu > ul { margin: 0;  padding: 0; list-style: none;  display: flex;  align-items: center;  gap: 50px;}
.headerinsec nav .headermenusec .headermenu > ul > li > a { color: #fff;  font-size: 14px; font-weight: 600;  line-height: 1; padding: 12px 0; text-transform: uppercase;}
.headerinsec nav .headermenusec .headerbtns {  display: flex; align-items: center; gap: 14px;}
.headerinsec nav .headermenusec .headerbtns a.languageswitcher {  border: 2px solid #fff;  padding: 17px 22px;  display: flex;  align-items: center;  font-size: 14px;  color: #fff;  font-weight: 600;  line-height: 1;}
.headerinsec nav .headermenusec .headerbtns a.languageswitcher:after { content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.72665 10.8081L0.211113 6.21496L1.46391 4.94062L3.83911 7.35643L3.83911 0.523437L5.61073 0.523437L5.61073 7.36039L7.9896 4.94062L9.24219 6.21496L4.72665 10.8081Z' fill='white'/%3E%3C/svg%3E");
    width: 10px;  height: 10px; margin-left: 10px;}
.headerinsec nav .headermenusec .headerbtns a.headercta { background: #FFFFFF;  color: #2F2D2E;  font-size: 14px;  font-weight: 600; line-height: 1;  padding: 19px 24px;  text-transform: uppercase; transition: all ease-in-out 0.3s;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child { position: relative;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul {position: absolute;margin: 0;list-style: none;padding: 0;min-width: 183px;width: 100%;background: #fff;top: 100%;left: 0;border-radius: 8px;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);transition: all ease-in-out 0.3s;opacity: 0;visibility: hidden;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > a { position: relative;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > a:before {  position: absolute; content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.72665 10.8081L0.211113 6.21496L1.46391 4.94062L3.83911 7.35643L3.83911 0.523437L5.61073 0.523437L5.61073 7.36039L7.9896 4.94062L9.24219 6.21496L4.72665 10.8081Z' fill='white'/%3E%3C/svg%3E");
    width: 10px;  height: 10px;  background-repeat: no-repeat;  background-position: center center; right: -16px;  top: 50%; transform: translateY(-50%) rotate(-45deg);   transition: all ease-in-out 0.3s;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul li a {  color: #2F2D2E;  font-size: 14px; font-weight: 600;  line-height: 1; width: 100%;    padding: 12px; text-transform: uppercase;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul li:not(:last-child) a {    border-bottom: 1px solid #E3E3E3;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child:hover > ul {  opacity: 1;    visibility: visible;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child:hover > a:before {    transform: translateY(-50%) rotate(0);}
.headerinsec nav .headermenusec .headermenu > ul > li:not(.has-child) a { position: relative;}
.headerinsec nav .headermenusec .headermenu > ul > li:not(.has-child) a:before {  position: absolute;  content: ''; width: 0;  height: 3px; background: #fff;  bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.headerinsec nav .headermenusec .headermenu > ul > li:not(.has-child):hover a:before {  width: 100%;}
.headerinsec nav .headermenusec .headerbtns a.headercta:hover { background: #2F2D2E;  color: #fff;}
.headerinsec nav .headermenusec.mobileviewhead { display: none; }
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul li a:hover {  color: #0094C6;}

.headerinsec nav .headermenusec .headerbtns .languageswitchermain {  position: relative;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain ul { position: absolute;  margin: 10px 0 0 0;  list-style: none; padding: 0;  width: 100%;  background: #fff;  top: 100%;  left: 0;  border-radius: 8px;    box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);    transition: all ease-in-out 0.3s;   opacity: 0;    visibility: hidden;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain ul li a {color: #2F2D2E;  font-size: 14px; font-weight: 600;  line-height: 1; width: 100%;    padding: 12px; text-transform: uppercase;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain:hover ul { opacity: 1;    visibility: visible;}

/* .headerinsec nav .headermenusec .headerbtns a.languageswitcher:focus {  background: #2F2D2E;} */
/* .headerinsec nav .headermenusec .headerbtns a.headercta:focus {background: #2F2D2E; color: #fff;} */

/* footer */
footer.footer {  background: #2F2D2E; padding-top: 164px;}
.footerbtstrip .footerrtcolsec .footermenu > ul > li.has-child > a {
    pointer-events: none;
}
.footercontacsec * { color: #fff;}
.footercontacsec { display: flex;    align-items: center;    justify-content: center;    gap: 40px;    flex-wrap: wrap;}
.footercontacsec > h4:first-child {    font-weight: 400;}
.footercontacsec > h4:first-child span {    font-weight: 600;}
.footercontacsec ul {   margin: 0;    padding: 0;    list-style: none;    display: flex;    align-items: center;    gap: 30px; flex-wrap: wrap;}
.footercontacsec ul li {  line-height: 1;}
.footercontacsec ul li a { height: 30px;}
.footercontacsec ul li a svg {  width: 100%;  height: 100%;}
.footerbtstrip { margin-top: 80px; display: flex; align-items: flex-start; gap: 183px;  flex-wrap: wrap; padding-bottom: 120px;}
.footerbtstrip .footerlogo { max-width: 102px; width: 100%;}
.footerbtstrip .footerlogo a {  width: 100%; height: 100%;}
.footerbtstrip .footerlogo a img { width: 100%; height: 100%; object-fit: contain;}
.footerbtstrip .footerrtcolsec { max-width: calc(100% - 285px); width: 100%;  display: flex; align-items: flex-start; gap: 183px; flex-wrap: wrap;}
.footerbtstrip .footerrtcolsec * {  color: #fff;}
.footerbtstrip .footerrtcolsec .footermenu h5 {  font-weight: 700; line-height: 1;}
.footerbtstrip .footerrtcolsec .footermenu  ul  { margin: 0; padding: 0; list-style: none; }
.footerbtstrip .footerrtcolsec .footermenu  ul li ul {  margin: 40px 0 0; padding: 0; list-style: none;}
.footerbtstrip .footerrtcolsec .footermenu ul li a { font-weight: 500; line-height: 1.25;}
.footerbtstrip .footerrtcolsec .footermenu ul li { line-height: 1; }
.footerbtstrip .footerrtcolsec .footermenu ul li+* {  margin-top: 16px;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul { margin: 24px 0 0;  padding: 0; list-style: none;  display: flex;  align-items: flex-end;  gap: 64px;  flex-wrap: nowrap;  justify-content: flex-start;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li:first-child {  max-width: 171px;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li:nth-child(2) {  max-width: 143px;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li:last-child {  max-width: 100px;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li {  width: 100%;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li a {  width: 100%;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li a img {  width: 100%;  height: 100%; object-fit: contain;}
.footerlogomenu {  max-width: 542px;  width: 100%;}

.footerbottomcolumn { padding: 32px 0;  display: flex; align-items: center;  justify-content: space-between;  gap: 30px;  border-top: 1px solid #4A4A4A;}
.footerbottomcolumn * {  color: #fff;}
.footerbottomcolumn p {  font-size: 14px; line-height: 1.6;}
.footerbottomcolumn ul {  margin: 0; padding: 0; list-style: none;  display: flex; align-items: center; gap: 24px;    flex-wrap: wrap; line-height: 1;}
.footerbottomcolumn ul li a { font-size: 14px;  line-height: 1;}

a.tertiary_button, .tertiary_button a { font-size: 14px; color: #fff;  font-weight: 600;  line-height: 1;    padding: 17px 22px;   border: 2px solid #fff;    text-transform: uppercase;    transition: all ease-in-out 0.3s;}
a.tertiary_button:hover, .tertiary_button a:hover { background: #fff;  color: #2F2D2E;}



/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////// Home Page css start ///////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////// */




/* Home Banner start */
section.Homebannersection {  background: linear-gradient(90deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);  position: relative;  padding: 263px 0 218px;}
.HomeBannerinsec {  max-width: 636px;  width: 100%;}
.HomeBannerTitle h1 {  text-transform: uppercase;    color: #fff;}
.HomeBannerContent {  padding-top: 40px;}
.HomeBannerContent p {  font-size: 24px;    color: #fff;    font-weight: 400;    line-height: 1.4;  margin: 0;}
.HomeBannerContent {    max-width: 500px;    width: 100%;}
.button a {    padding: 16px 24px;    color: #fff;    font-size: 14px;    font-weight: 600;    line-height: 1.2;    background: #2F2D2E;    text-transform: uppercase; transition: all ease-in-out 0.3s;}
.button a:hover {  background: #4A4A4A;}
.HomeBannerCTA {    margin-top: 40px;}
.HomeBannerImg {  position: absolute;top: 0;right: 0; pointer-events: none; z-index: 3;width: 70%;}
.HomeBannerImg img {  width: 100%;   height: 100%;    object-fit: cover;
}

.HomeBannerinnerSec {  position: relative; z-index: 3;}
.HomeBannerinnerSec .HomeBannerShape1 {  position: absolute;    top: -62px;    left: -57px;    pointer-events: none;}
.HomeBannerinnerSec .HomeBannerShape2 {    position: absolute;    right: 66px;    bottom: -30%; pointer-events: none;}
.HomeBannerTitle {  position: relative;}
.HomeBannerImg svg {  width: 100%;    height: 100%;}



/* intelligent section */
section.intelligentsection {  padding: 120px 0 60px; position: relative; z-index: 5;}
.intelligentTwoColSec .intelligentLTCol {  position: relative;  max-width: 732px;  width: 100%;  display: flex;  align-items: flex-start;  gap: 24px;  flex-wrap: wrap;}
.intelligentLTCol img {   max-width: calc(33.33% - 16px);   width: 100%;  height: 100%;  object-fit: cover; min-height: 482px;clip-path: polygon(20% 0%, 100% 0, 100% 88%, 60% 100%, 0 100%, 0 6%);}
.intelligentLTCol img:nth-child(2) {   margin-top: 40px;}
.intelligentTwoColSec {  display: flex;    align-items: flex-end;    gap: 150px;    flex-wrap: wrap;  justify-content: space-between;}
.intelligentTwoColSec .intelligentRTCol {  max-width: calc(100% - 882px);  width: 100%;    padding-bottom: 62px;}
.intelligentContent {  margin-top: 24px;}

.secondary_button a, a.secondary_button {  font-size: 14px;  color: #2F2D2E; font-weight: 600;  line-height: 1;  padding: 16px 24px; border: 2px solid #2F2D2E;  text-transform: uppercase; transition: all ease-in-out 0.3s;}
.secondary_button a:hover, a.secondary_button:hover,.secondary_button a:focus, a.secondary_button:focus {  background: #2F2D2E;  color: #fff;}

/* client logo section */
.clientlogotitle {  text-align: center;}
.clientlogotitle h4 { text-transform: uppercase; letter-spacing: 3.2px; }
section.clientlogosection {  padding: 60px 0;}
.clientlogoboxsec {  margin-top: 41px;}
.clientlogoboxin { max-width: 228px;  padding: 24px; text-align: center;}
.clientlogoboxin .clientlogobox {  text-align: -webkit-center;}
.clientlogoboxin .clientlogobox img { width: 100%;    height: 100%; object-fit: contain;}


/* video-section */
.twocolvideosection {  padding: 60px 0; position: relative;}
.twocolvideosection .twocolvideoinsec {  display: flex; gap: 82px;  align-items: center;  flex-wrap: wrap;}
.twocolvideosection .twocolvideoinsec .twocolvideotitlesection { position: relative; z-index: 1;  max-width: 606px; width: 100%;}
.twocolvideosection .twocolvideoinsec .twocolvideobox { max-width: calc(100% - 688px);  width: 100%;}
.twocolvideosection .twocolvideoinsec .twocolvideobox video { width: 100%; height: 100%; clip-path: polygon(100% 0, 100% 86%, 86% 100%, 0 100%, 0 0);}
.twocolvideotitlesection .twocolvideocontent {  margin-top: 24px;}
.twocolvideotitlesection .twocolvideoBtn { margin-top: 24px;}

.twocolvideosection .videoboxshape1st { position: absolute; right: 0;  bottom: 44px;    width: 13%; pointer-events: none;}
.twocolvideosection .videoboxshape2nd {  position: absolute; top: calc(50% - 10px);    left: 0;  transform: translateY(-50%);  pointer-events: none;}
.twocolvideosection .videoboxshape1st svg {  width: 100%;}


/* game limit section */
.gamelimitsection {  padding-top: 221px; position: relative;}
.gamelimitInSec {position: relative; display: flex; align-items: flex-start;  gap: 73px; flex-wrap: wrap;}
.gamelimitInSec .gamelimitLTCol {  max-width: 676px;  width: 100%; position: relative;}
.gamelimitLTshape { background: #9747FF;  padding-bottom: 68.1%; position: absolute; width: 100%; z-index: -1;}
.gamelimitInSec .gamelimitRTCol { max-width: calc(100% - 749px); width: 100%;}
.gamelimitsection .gamelimitLTimg {text-align: end;margin-top: -111px;margin-right: -200px;}
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext {  position: absolute; bottom: 60px; left: 119px;}
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext strong { display: block; }
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext p span {  display: block;    font-weight: 600;}
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext p {  font-size: 12px; color: #2F2D2E;line-height: 1.1; text-transform: uppercase;}
.gamelimitTitle h2 {  background: #0094C6; background: linear-gradient(to right, #0094C6 0%, #9747FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;   font-size: 109px;    font-weight: 300;    line-height: 0.9;   text-transform: uppercase;    margin-top: -10px;}
.gamelimitTitle {   max-width: 860px;}
.gamelimitSubTitle {  max-width: 720px; width: 100%;  text-align: right;    margin-top: 24px;}
.gamelimitSubTitle h4 {  font-weight: 700;    line-height: 1;}
.gamelimitContent {  max-width: 720px; width: 100%; margin-top: 30px;}
.gamelimitContent .gamelimitContentin {  max-width: 486px; width: 100%; margin: 0 0 0 auto;}
.gamelimitSubTitle h4 {text-transform: uppercase;}
.gamelimitInSec .gamelimitshape {  position: absolute; top: -60px;  z-index: -1;}
.gamelimitshape2nd { position: absolute; top: calc(-100% + 309px ); left: 633px; z-index: -1; pointer-events: none;}
.twocolvideosection .twocolvideoinsec .twocolvideobox figure {  margin: 0;}
.gamelimitInSec  .gamelimitshape3rd { position: absolute; right: 0;  bottom: -60px;  z-index: -1; pointer-events: none;}

/* What we do section */
section.whatwedosection { padding: 50px 0 102px; background: RGBA(151, 71, 255, 0.30); background: linear-gradient(-90deg,rgba(151, 71, 255, 0.3) 0%, rgba(0, 148, 198, 0.3) 100%); position: relative; z-index: 2;}
.whatwedotitle {  text-align: center; margin-bottom: 64px;}
.whatwedotitle h4 {  text-transform: uppercase; letter-spacing: 3.2px;}
.whatwedosliderBox { display: block !important; height: auto !important; }
.whatwedosliderBoxIn { background: #fff; padding: 48px 40px 48px 72px; display: flex; align-items: center; gap: 64px; flex-wrap: wrap; clip-path: polygon(100% 0, 100% 86%, 86% 100%, 0 100%, 0 0); box-shadow: 0 0 24px rgb(0 0 0 / 10%); height: 100%;}
.whatwedosliderBox .whatwedosliderCntBox {    max-width: 502px;    width: 100%;}
.whatwedosliderBox .whatwedosliderBoxImg { max-width: calc(100% - (502px + 64px)); width: 100%; clip-path: polygon(100% 0, 100% 86%, 73% 100%, 0 100%, 0 0); height: 100%;}
.whatwedosliderSection {  position: relative;}
.whatwedosliderinSec { max-width: 1236px; width: 100%;  margin: 0 auto; position: relative; z-index: 1;}
.whatwedosliderBox .whatwedosliderCntBox .whatwedosliderCntBoxtags ul {  margin: 0;    padding: 0;  list-style: none;  display: flex; align-items: center;  gap: 8px; flex-wrap: wrap;}
.whatwedosliderBox .whatwedosliderCntBox .whatwedosliderCntBoxtags { margin-top: 24px;}
.whatwedosliderBox .whatwedosliderCntBox .whatwedosliderCntBoxtags ul li a { border:  2px solid #E3E3E3;  padding: 12px 16px; border-radius: 20px; color: #000000; font-size: 12px;  font-weight: 400;  line-height: 1;  box-sizing: border-box;}
.whatwedosliderCntBoxcnt { margin-top: 24px;}
.whatwedosliderCntBoxcnt p {  color: #2F2D2E;  font-weight: 400;  font-size: 16px; line-height: 1.6;}
.whatwedosliderCntBoxbtn {  margin-top: 24px;}
.whatwedosliderBox .whatwedosliderBoxImg img {  width: 100%; height: 100%; object-fit: cover; min-height: calc(70vh - 96px);}
.whatwedosliderdots {  position: absolute;    right: 45px;    top: calc(50% - 30px); transform: translateY(-50%);}
.whatwedosliderdots ul {    margin: 0;    padding: 0;    list-style: none;}
.whatwedosliderdots span {  opacity: 1;  width: 12px;    height: 12px;    background: #FFFFFF;    border-radius: 50px; margin: 12px 0;  transition: all ease-in-out 0.3s; outline: none;}
.whatwedosliderdots span:first-child {    margin-top: 0;}
.whatwedosliderdots span:last-child {   margin-bottom: 0;}
section.whatwedosection .whatwedoshape1st { position: absolute;  top: -37%;    right: 0; pointer-events: none; z-index: -1;}
section.whatwedosection .whatwedoshape2nd {  position: absolute; bottom: -35%;  left: 0; pointer-events: none; z-index: -1;}
section.whatwedosection .whatwedoshape3rd { position: absolute; right: 0; bottom: -213px; width: 228px; height: 482px; pointer-events: none;}
section.whatwedosection .whatwedoshape3rd img { width: 100%; height: 100%; object-fit: contain;}
.whatwedosliderdots span.swiper-pagination-bullet-active {  height: 50px;}
.swiper-slide.whatwedosliderBox {    display: flex;   align-items: center;   justify-content: center;   font-size: 22px;   font-weight: bold;   color: #fff;  box-shadow: unset !important;  }

/* our product section */
section.ourproductsection { padding: 120px  0;}
.ourproducttitlesection {  max-width: 984px;    width: 100%;    margin: 0 auto; text-align: center;}
.ourproductsubtitle h4 { text-transform: uppercase; letter-spacing: 3.2px;}
.ourproducttitle {    margin-top: 54px;}
.ourproductcontent { margin-top: 27px;}
.ourproductBoxSec {  margin-top: 34px; display: flex; align-items: flex-start; gap: 48px; flex-wrap: wrap;  justify-content: flex-start; position: relative;}
.ourproductBoxSec .ourproductBox { max-width: calc(33.33% - 32px); width: 100%; position: relative;}
.ourproductBoxSec .ourproductBox a.ourprojectinbtn { position: absolute;  width: 100%; height: 100%;  top: 0;   left: 0;}
.ourproductBoxSec .ourproductBox:hover .ourproductBoxTitle * {  color: #0094C6;}
.ourproductBoxSec .ourproductBox .ourproductBoxTitle * { transition: all ease-in-out 0.3s; }
.ourproductBoxSec .ourproductBox .ourproductBoxImage { background-repeat: no-repeat; background-size: cover;  background-position: center center; padding-bottom: 81.92%;}
.ourproductBoxSec .ourproductBox  .ourproductBoxcnt {    margin-top: 18px;}
.ourproductBoxSec .ourproductBox .ourproductBoxcnt .ourproductBoxsubtitle { margin-top: 10px;}
.ourproductBoxSec .ourproductBox .ourproductBoxcnt .ourproductBoxsubtitle h5 { font-weight: 500; line-height: 1;}
.ourproductBoxSec .ourprojectsshape { position: absolute;  right: -54px; z-index: -1;  bottom: -4px;}
.ourproductBoxSec  .viewallprojects { text-align: center; margin-top: 62px;}
.viewallprojects { text-align: center;  margin-top: 94px;}
.ourproductBoxSec .ourproductBox .ourproductBoxImage {  clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 100% 100%, 0 100%); transition: all ease-in-out 0.3s;}
.ourproductBoxSec .ourproductBox:hover .ourproductBoxImage {  clip-path: polygon(0 15%, 15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%);}

/* what our client section */
section.whatourclientsection { background: RGBA(151, 71, 255, 0.30);  background: linear-gradient(-90deg, #9747FF 0%, #0094C6 100%); padding: 102px 0 0;}
.whatourclientInSec { display: flex; align-items: flex-start; gap: 50px; flex-wrap: wrap; justify-content: space-between; position: relative;}
.whatourclientInSec .whatourclienttitle { max-width: 580px; width: 100%; padding-top: 36px;}
.whatourclientInSec .whatourclienttitle h2 { color: #fff; font-weight: 300; text-transform: uppercase; font-size: 80px; line-height: 0.9;}
.whatourclientInSec .whatourclientsliderBoxSection { max-width: calc(100% - 762px); width: 100%; padding-bottom : 97px; margin-bottom: 0;}
.whatourclientBox .whatourclientBoxContent p { font-size: 24px; font-weight: 600; color: #fff; line-height: 1.6;}
.whatourclientBox .whatourclientBoxcnt {  margin-top: 24px; display: flex;  align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 50px;}
.whatourclientBox .whatourclientBoxcnt .whatourclientBoxname h5 { font-weight: 400; color: #fff;  line-height: 1.6;}
.whatourclientBox .whatourclientBoxcnt .whatourclientBoxlogo { max-width: 162px;  width: 100%;}
.whatourclientBox .whatourclientBoxcnt .whatourclientBoxlogo img { width: 100%; height: 100%; object-fit: contain; vertical-align: middle;}
.whatourclientBox { position: relative; margin-top: 36px; margin-left: 21px;}
.whatourclientBox:before {  position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='93' viewBox='0 0 138 93' fill='none' style='&%2310;'%3E%3Cpath d='M54.752 1.38281V50.3994L54.5547 50.5488L1.94336 90.6436L1.14062 91.2559V1.38281H54.752ZM136.981 1.38281V50.4004L136.783 50.5508L83.7822 90.6445L82.9805 91.251V1.38281H136.981Z' stroke='white' stroke-opacity='0.6'/%3E%3C/svg%3E");
    width: 135px; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: contain; top: -36px; left: -21px;  pointer-events: none;}

.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow { left: 21px; bottom: 0;  top: unset; width: 50px; height: 50px;  border: 2px solid #fff; transform: unset;}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow.slick-next {  left: calc(50px + 16px + 21px);}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow:before {content: ''; position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M0.359374 8.40809L15.668 8.40825M8.94666 1.6836L15.668 8.4049L8.94666 15.1262' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    width: 100%;  height: 100%; background-repeat: no-repeat;  background-size: 18px;  background-position: center center;  top: 0;    left: 0;  opacity: 1;}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow.slick-prev:before {  transform: rotate(180deg);}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow.slick-disabled {    opacity: 0.4;}    
.whatourclientInSec .slider-counter { position: absolute; bottom: 10px; right: 0; color: #fff;  font-weight: 400;  font-size: 16px;  line-height: 1.6; letter-spacing: 4px;}



.jointheteamsection {  max-width: 983px; width: 100%;  margin: 13px auto 0; position: relative; bottom: -89px; padding: 55px 47px;  }
.jointheteamsectionbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  clip-path: polygon(100% 0, 100% 70%, 93% 100%, 0 100%, 0 0); transition: all ease-in-out 0.4s; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); z-index: 0; }
.jointheteamsection .jointheteamtitle {  max-width: 305px;  width: 100%;}
.jointheteamsection .jointheteamtitle h3 {  text-transform: uppercase;  background: #0094C6;  background: linear-gradient(to right, #0094C6 0%, #9747FF 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.jointheteamsection .jointheteamcontent {  max-width: 345px;    width: 100%;}
.jointheteamsection .jointheteamArrow {  margin-left: 50px; transition: all ease-in-out 0.3s;}
.jointheteamsection:hover .jointheteamArrow {transform: translateX(35px);}
.jointheteamsection .jointheteamlink {  position: absolute; width: 100%;  height: 100%; top: 0;  left: 0; z-index: 2;}
.jointheteamsection .jointheteamlink a { width: 100%; height: 100%; }
.jointheteamsection:hover .jointheteamsectionbg {  transform: scale(1.02);}
.jointheteamboxsec { position: relative ; z-index: 2;display: flex;  align-items: center; justify-content: flex-start; flex-wrap: nowrap;  gap: 25px; }
.jointheteamsection:hover .jointheteamArrow svg path {    fill: #9747FF;}
.jointheteamsection .jointheteamArrow svg path {   transition: all ease-in-out 0.4s;    fill: transparent;}


.intelligentbtn { margin-top: 24px; }
.HomeBannerShape1 .mobiledotimg { display : none }



/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  About Page   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */

h1.font77, .font77 h1 { font-size: 77px; line-height: 1.1; font-weight: 800; text-transform: uppercase; color: #2F2D2E; }
.gradientfont *  {  background: #0094C6; background: linear-gradient(to right, #0094C6 0%, #9747FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;   font-size: 109px;    font-weight: 300;    line-height: 0.9;   text-transform: uppercase; }


header.header.white_background_header {  position: relative;}
header.header.white_background_header .headerinsec nav .headerlogo a img {  filter: contrast(0) brightness(0);}
header.header.white_background_header .headerinsec nav .headermenusec .headermenu > ul > li > a {color: #2F2D2E;}

header.header.white_background_header .headerinsec nav .headermenusec .headermenu > ul > li.has-child > a:before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.82919 10.4663L0.313652 5.87316L1.56645 4.59882L3.94165 7.01463L3.94165 0.18164L5.71327 0.18164L5.71327 7.01859L8.09214 4.59882L9.34473 5.87316L4.82919 10.4663Z' fill='%230094C6'/%3E%3C/svg%3E");
}

header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher {
    border-color: #2F2D2E;
    color: #2F2D2E;
}
header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.72665 10.8081L0.211113 6.21496L1.46391 4.94062L3.83911 7.35643L3.83911 0.523437L5.61073 0.523437L5.61073 7.36039L7.9896 4.94062L9.24219 6.21496L4.72665 10.8081Z' fill='%232F2D2E'/%3E%3C/svg%3E");
}
header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.headercta {
    background-color: #2F2D2E; color: #fff;
}



section.AboutBannerSec {  padding: 120px 0 60px; position: relative; }
section.AboutBannerSec .AboutBannerShape { position: absolute;  right: 0;  top: 0;  z-index: -1; pointer-events: none;}
header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher {  border-color: #2F2D2E;  color: #2F2D2E;}
.AboutBannerIn { max-width: 854px;  width: 100%;}
.AboutBannerContent p {  font-size: 24px;  line-height: 1.4;  font-weight: 400;  color: #2F2D2E;}
.AboutBannerContent {   margin-top: 24px;}
.AboutBannerTitle {  margin-top: 8px;}
.AboutBannerSubtitle h5 { letter-spacing: 3.2px;  font-weight: 400;  text-transform: uppercase;}
.AboutBannerInimg { position: relative;  overflow: hidden;  margin-top: 120px;}
.ABoutbannerimgshape {  position: absolute;  bottom: -1px;  right: -1px;  width: 158px;    height: 100px;}
.ABoutbannerimgshape svg {  width: 100%;    height: 100%;}
.primary_backgradient{  position: absolute;    content: '';    width: 100%;    height: 100%;    top: 0;    left: 0;    background: #0094C6;background: linear-gradient(90deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);transition: all ease-in-out 2s;}
.animationworks .primary_backgradient {    width: 0;}
.AboutBannerIn {    position: relative;}
.AboutBannerIn:before {    position: absolute;    content: '';    width: 206px;    height: 80px;    background: var(--dots);    z-index: -1;   top: -11px;    left: -24px;   pointer-events: none;}


section.teamtalentSection {    padding: 60px 0 120px;    position: relative;}
section.teamtalentSection .teamtalentInsec {max-width: 858px;    width: 100%; position: relative;}
section.teamtalentSection .teamtalentInsec .teamtalentinshape {  position: absolute;  top: calc(100% - 100px);  left: 100%; width: 220px; height: 185px;    pointer-events: none;}
section.teamtalentSection .teamtalentInsec .teamtalentinshape img {  width: 100%; height: 100%;  object-fit: cover;}
section.teamtalentSection .teamtalentInsec .teamtalentcontent {    margin-top: 48px;}
section.teamtalentSection:before {    position: absolute;    width: 32%;    height: 294px;    background: #9747FF;    right: 0;    content: '';    top: 60px;}
section.teamtalentSection .teamtalentinshape2nd {  position: absolute;  top: calc(60px + 145px);  width: 201px; left: 0;}
section.teamtalentSection .teamtalentinshape2nd img {  width: 100%; height: 100%;  object-fit: cover;}
section.teamtalentSection .teamtalentinshape3rd {  position: absolute;  left: 0;  top: calc(100% - 120px);  z-index: -1; pointer-events: none;}

section.imgblock {    width: 100%;    height: 854px;}
section.imgblock img {    width: 100%;    height: 100%;    object-fit: cover;}

section.ourmissionSection {  padding: 120px 0; position: relative;}
.ourmissioncontent {   margin-top: 48px; display: flex;  align-items: flex-start;  gap: 64px;  flex-wrap: wrap;  justify-content: space-between;}
.ourmissioncontent .ourmissionltcnt {  width: calc(50% - 32px);}
.ourmissiontwocolimgsec { margin-top: 120px;  display: flex; align-items: flex-start;  gap: 48px;  flex-wrap: wrap;  justify-content: space-between;}
.ourmissiontwocolimgsec .ourmissionimg {    width: calc(50% - 24px);}
.ourmissiontwocolimgsec .ourmissionimg {position: relative;  clip-path: polygon(100% 0, 100% 82%, 82% 100%, 0 100%, 0 0);    overflow: hidden; height: 520px;}
.ourmissiontwocolimgsec .ourmissionimg img {    width: 100%;    height: 100%;    object-fit: cover;    vertical-align: middle;}
/* .ourmissiontwocolimgsec .ourmissionimg:before {    position: absolute;    content: '';    width: 100%;    height: 100%;    background: #F1F1F1;  top: 0px;    transition: all ease-in-out 2s;} */
section.ourmissionSection .ourmissionshapetp {  position: absolute; right: 0;  top: -70px; width: 609px;    z-index: -1;    pointer-events: none;}
section.ourmissionSection .ourmissionshapetp svg {    width: 100%;}
.ourmissionshapeleft {  position: absolute;  bottom: 110px;  left: 0; z-index: -1;}
.ourmissiontitlesec { max-width: 1234px;  width: 100%; margin: 0 auto;}
.ourmissionshapeleft img {  width: 100%; height: 100%; object-fit: contain;}

/* .ourmissiontwocolimgsec.in_viewport .ourmissionimg:before {  width: 0;} */

section.ourcompanySection { padding: 190px 120px 190px 0;    position: relative;}
section.ourcompanySection .ourcompanybackgroundimg {  position: absolute; width: calc(100% - 120px);  height: 100%;  background-repeat: no-repeat; background-position: center center;    background-size: cover;   top: 0;    left: 0;  z-index: -1;}
.ourcompanyinnersection { background: #FFFFFF; max-width: 731px; width: 100%; margin: 0 0 0 auto; padding: 136px 125px; position: relative;}
section.ourcompanySection .wrapper { max-width: 100%; padding: 0;}
.ourcompanyContent {  margin-top: 24px;}
.ourcompanyBoxSection {position: relative;}
.ourcompanyinnersection .ourcompanybtn { position: absolute; bottom: -50px; left: calc(100% + 30px);}
section.ourcompanySection .ourcompanyTitle h2 {  font-size: 60px;    line-height: 1;}


section.GamingawardSection { padding: 120px 0;background: #F7F7F7;}
.Gamingawardtitle {  text-align: center;}
.Gamingawardtitle h4 {text-transform: uppercase;}
.GamingawardBoxSection { margin-top: 48px;  display: flex; align-items: stretch; justify-content: flex-start;  gap: 24px;    flex-wrap: wrap;}
.GamingawardBoxSection .GamingawardBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.GamingawardBoxSection .GamingawardBox {    max-width: calc(33.33% - 16px);    width: 100%;    background: #FFFFFF;    padding: 48px;    text-align: center;}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxtext {    margin-top: 24px;}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxtext h6 {    font-weight: 400;}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxImg {    width: 300px;    margin: 0 auto;}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxImg img {    width: 100%;    height: 100%;  object-fit: contain;}

section.LatestUsSection { padding: 120px 0;}
.LatestUsTitleSection {  display: flex;    align-items: flex-end; justify-content: space-between;    flex-wrap: wrap;  gap: 30px;}
.LatestUsTitleSection .LatestUsTitleLTCol {  max-width: 75%;    width: 100%;}
.LatestUsTitleSection  .LatestUsTitleRTCol {  max-width: calc(25% - 30px);    width: 100%;  text-align: -webkit-right;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p {    font-size: 24px;    font-weight: 400;    line-height: 1.4;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent {    margin-top: 24px;}
.LatestUsBoxSection {  display: flex; margin-top: 48px;align-items: flex-start; justify-content: flex-start;  gap: 48px;  flex-wrap: wrap;}
.LatestUsBoxSection .LatestUsBox { max-width: calc(33.33% - 32px);    width: 100%; position: relative;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxImage {    width: 100%;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxImage img { width: 100%;}
.LatestUsBoxSection .LatestUsBox  .LatestUsBoxCntSec {  margin-top: 18px;}
.LatestUsBoxSection .LatestUsBox  .LatestUsBoxCnt {  margin-top: 10px;}
.LatestUsBoxSection .LatestUsBox:hover .LatestUsBoxImage {  clip-path: polygon(0 15%, 15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%);}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxImage {  transition: all ease-in-out 0.3s; clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);}
.LatestUsBoxSection .LatestUsBox a.LatestUsBoximg {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;}
.LatestUsBoxSection .LatestUsBox:hover .LatestUsBoxTitle * {  color: #0094C6;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxTitle * { transition: all ease-in-out 0.3s; }

section.teamtalentSection .teamtalentInsec .teamtalentcontent p {  font-size: 24px;  line-height: 1.4;}

/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  Contact Page   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */
section.AboutBannerSec.ContactBannerSec {  padding: 120px 0;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape {  right: -10%;  top: -122px;}

.contactjointeaminsec {  background: linear-gradient(90deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%); padding: 120px 64px;  clip-path: polygon(100% 0, 100% 84%, 92% 100%, 0 100%, 0 0);   position: relative;    overflow: hidden;    transition: all ease-in-out 0.3s;}
.contactjointeamtitle h2 {  color: #fff;}
.contactjointeamcontent {    margin: 24px 0;}
.contactjointeamcontent p {   color: #fff;}
.contactjointeamBoxSec {    max-width: 800px;    width: 100%;}
.contactjointeamcontent p {    font-size: 24px;    line-height: 1.4;}
.contactjointeaminsec .contactjointeamarrow {    position: absolute; bottom: -30px; left: 800px; transition: all ease-in-out 0.3s;}
.contactjointeaminsec:hover .contactjointeamarrow {  transform: translateX(150px);}
.contactjointeaminsec a.jointheteambtn {  position: absolute;  width: 100%;  height: 100%; top: 0;  left: 0;}
section.AboutBannerSec.ContactBannerSec .AboutBannerTitle h1 {  line-height: 0.9;}
section.AboutBannerSec.ContactBannerSec .ContactBannerShape {  position: absolute;    right: 82px;    top: 0;}

section.contactzigzagsec {  padding: 120px 0;}
.contactzigzagbox {  display: flex;    align-items: center;    gap: 80px; flex-wrap: wrap;}
.contactzigzaginsec {   max-width: 982px;    width: 100%;    margin: 0 auto;}
.contactzigzagbox .contactzigzagboxLTCol {    max-width: 295px;    width: 100%;}
.contactzigzagbox .contactzigzagboxRTCol {    max-width: calc(100% - 375px);    width: 100%;clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 100%, 0 0); position: relative;}
.contactzigzagbox .contactzigzagboxRTCol img { width: 100%; height: 100%; object-fit: cover; min-height: 750px; }
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcnt {    margin-top: 24px;}
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcnt p {    font-size: 20px;    color: #2F2D2E;    line-height: 1.4;}
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcontact {    margin-top: 24px;}
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcontact ul {    margin: 0;    padding: 0;  list-style: none;}
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcontact ul a.CZBcontactnumber {  font-size: 20px;  font-weight: 400;  line-height: 1.4;  color: #2F2D2E;}
.contactzigzagbox .contactzigzagboxLTCol .contactzigzagboxcontact ul  a.CZBcontactmail {  color: #9747FF;    font-size: 20px;    font-weight: 400;    line-height: 1.4;    text-decoration: underline;}
.contactzigzagboxlink {    margin-top: 30px;}
.contactzigzagboxlink a {    font-weight: 600;    color: #2F2D2E;    font-size: 16px;    line-height: 1.6;    display: flex;  align-items: center;}
.contactzigzagboxlink a span {   margin-left: 9px;}
.contactzigzagboxsec+* {  padding-top: 120px;}
.contactzigzagboxsec:nth-child(even) .contactzigzagbox {  flex-direction: row-reverse;}

section.contactzigzagsec {  position: relative;}
.contactbtgoldsvg {   position: absolute;    bottom: 100px;    right: 0; pointer-events: none; z-index: -1;}
section.contactzigzagsec .contactdotgrid {    position: absolute;    left: 21px;    top: calc(120px + 15%); pointer-events: none; z-index: -1;}
.contactgoldsvg {    position: absolute;    top: calc(120px + 3%); pointer-events: none; z-index: -1;}

.contactjointeaminsec .contactjointeamtitle h2 {  text-transform: uppercase;}






/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  Career Page   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */



section.CareerBannerSection {  position: relative;    padding: 240px 0 285px;}
section.CareerBannerSection .CareerBannervideo {  position: absolute;    top: 0;   left: 0;    width: 100%;    height: 100%;    pointer-events: none;}
section.CareerBannerSection .CareerBannervideo video {    /* aspect-ratio: 16/9; */    height: 100%;    width: 100%;    object-fit: cover;}
section.CareerBannerSection  .CareerBannerinsec {    position: relative;    z-index: 2;    max-width: 725px;    width: 100%;}
.CareerBannersubtitle * {    color: #fff;    text-transform: uppercase;    font-weight: 400;}
.CareerBannerTitle h1 {    color: #fff;    text-transform: uppercase;}
.CareerBannerContent * {    color: #fff;}
section.CareerBannerSection:before {    position: absolute;width: 100%;    height: 100%;    content: '';    background: #000;    opacity: 20%;    top: 0;    left: 0;    z-index: 1; pointer-events: none;}
.CareerBannerTitle {    margin-top: 24px;}
.CareerBannerContent {    margin-top: 24px;}
.CareerBannerbtn {    margin-top: 40px;}
section.CareerBannerSection .CareerBannershape1st {  position: absolute;  z-index: 1;  top: calc(240px + 40px);  pointer-events: none;  left: 0;}
section.CareerBannerSection .CareerBannershape2nd { position: absolute;  z-index: 1;  right: 21px;  bottom: -65px;   pointer-events: none;}
section.CareerBannerSection .CareerBannershape3rd {  position: absolute;  z-index: 1;  right: 0;  top: 0;  pointer-events: none;}
.CareerBannerContent p { font-size: 24px;  line-height: 1.4;}
section.CareervalueslideSection {  padding: 60px 0;}
.CareervalueslideslideBoxsec {  margin-top: 48px; padding-bottom: 52px;}


.CareervalueslideBoxIn {  position: relative;  display: flex;  align-items: center;  padding: 40px;}
.CareervalueslideBoxText * {  color: #FFFFFF;}
.CareervalueslideslideBoxsec {   margin-bottom: 0 !important;}
.CareervalueslideslideBoxsec .slick-list.draggable {  padding-left: 0 !important; padding-right: 121px !important;}
.CareervalueslideBoxMain {padding-right: 24px;}
.slidergradient1st {  background: linear-gradient(70deg,rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);}
.slidergradient2nd {  background: linear-gradient(70deg,rgba(247, 4, 146, 1) 0%, rgba(255, 234, 10, 1) 100%);}
.slidergradient3rd {   background: linear-gradient(70deg,rgba(67, 188, 154, 1) 0%, rgba(137, 199, 89, 1) 100%);}
.slidergradient4th {  background: linear-gradient(70deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);}
.CareervalueslideslideBoxsec ul.slick-dots {  bottom: 0;}
.CareervalueslideslideBoxsec ul.slick-dots li { width: 12px; height: 12px;  margin: 0 6px;}
.CareervalueslideslideBoxsec ul.slick-dots li button {  width: 100%; height: 100%;    padding: 0;}
.CareervalueslideslideBoxsec ul.slick-dots li button:before {    content: '';    opacity: 1;    width: 100%;    height: 100%;    background: #979797;    border-radius: 50px;    transition: all ease-in-out 0.2s;}
.CareervalueslideslideBoxsec ul.slick-dots li.slick-active {    width: 50px;}
.CareervalueslideslideBoxsec ul.slick-dots li.slick-active button:before {  background: #2F2D2E;}
.CareervalueslideTitlesection { display: flex;  align-items: center; justify-content: space-between; gap: 50px; flex-wrap: wrap;}
.Careervalueslidebtns button { border: 2px solid #2F2D2E;  background: transparent; width: 50px;  height: 50px; padding: 10px; display: flex; align-items: center;  justify-content: center;  cursor: pointer;}
.Careervalueslidebtns button svg {    width: 18px;}
.Careervalueslidebtns {  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.Careervalueslidebtns button.Careerprevbtn svg {  transform: rotate(180deg);}
.Careervalueslidebtns button[disabled="disabled"] {  opacity: 30%;}


section.Careergametwocolboxsection {  padding: 60px 0 120px; position: relative;}
.CareergametwocolboxInsec {  display: flex;    align-items: center;   max-width: 1237px; width: 100%; margin: 0 auto; flex-wrap: wrap; gap: 149px;}
.CareergametwocolboxInsec .CareergametwocolboxLtCol { max-width: 480px; width: 100%;}
.CareergametwocolboxInsec .CareergametwocolboxRTCol { max-width: calc(100% - 629px); width: 100%; clip-path: polygon(0 0%, 100% 0, 100% 85%, 80% 100%, 0 100%, 0 6%); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 45.7%;}
.CareergametwocolboxLtCol .CareergametwocolContent { margin-top: 48px;}
.CareergametwocolboxInsec .CareergametwocolboxRTCol img { width: 100%;  height: 100%; object-fit: cover;}
section.Careergametwocolboxsection .Careergametwocolboxshape1st { position: absolute; top: calc(60px + 30px);  left: 63px;  z-index: -1; pointer-events: none;}
section.Careergametwocolboxsection .Careergametwocolboxshape2nd {    position: absolute;    top: -185px;    left: 30px;    z-index: -1;    pointer-events: none;}

section.ourmissionSection.version1 .ourmissionversion1shapebt {  position: absolute;  right: 0;  bottom: -20%; z-index: -1; pointer-events: none;}
section.ourmissionSection.version1 .ourmissionshapetpversion11st {  position: absolute;  top: 55%;  transform: translateY(-50%);  left: 0; z-index: -1; pointer-events: none;}


section.CareerteamsliderSection {  padding-bottom: 120px;}
.Careerteamsliderinsec {  padding: 70px 126px 105px 122px; display: flex;  align-items: flex-start;  gap: 130px;    flex-wrap: wrap; clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0 0);}
    .Careerteamsliderinsec .CareerteamslidersecMain { max-width: 627px;  width: 100%;}
.Careerteamsliderinsec .Careerteamslidertitle {  max-width: calc(100% - (627px + 130px));    width: 100%;}
.Careerteamsliderinsec .Careerteamslidertitle h2 {    font-size: 50px;    color: #fff;    font-weight: 300;  text-transform: uppercase;}
.Careerteamsliderinsec .CareerteamslidersecMain .CareerteamsliderBoxText h4 { color: #fff; font-weight: 600; line-height: 1.6;}
.Careerteamsliderinsec .CareerteamslidersecMain .CareerteamsliderBoxName h5 { color: #fff;  font-weight: 400; line-height: 1.6;}
.Careerteamsliderinsec .CareerteamslidersecMain .CareerteamsliderBoxName { margin-top: 24px;}
.CareerteamsliderBoxIn {    padding: 40px 0 0 20px;    position: relative;}
.CareerteamsliderBoxIn:before { position: absolute; content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='93' viewBox='0 0 119 93' fill='none'%3E%3Cpath d='M47.5879 1.32812V50.3223L47.4199 50.4717L2.10645 90.5654L1.27539 91.3008V1.32812H47.5879ZM118.41 1.32812V50.3232L118.24 50.4727L72.5918 90.5664L71.7617 91.2959V1.32812H118.41Z' stroke='white' stroke-opacity='0.6'/%3E%3C/svg%3E");
    width: 116px;  height: 90px; background-repeat: no-repeat;  background-size: contain;  top: 0;  left: 0;}
.Careerteamsliderinsec .Careerteamslidertitle {  padding-top: 40px;}
.CareerteamsliderBoxarrowsec {  padding-top: 48px;  display: flex;  align-items: center;justify-content: space-between;  padding-left: 20px;}
.CareerteamsliderBoxarrowsec .CareerteamsliderBoxarrow button {  width: 50px;    height: 50px;    background: transparent;    border: 2px solid #fff;    padding: 10px;    outline: none;    cursor: pointer; transition: all ease-in 0.2s;}
.CareerteamsliderBoxarrowsec .CareerteamsliderBoxarrow {    display: flex;    align-items: center;    gap: 8px;}
.CareerteamsliderBoxarrowsec .CareerteamsliderBoxarrow button svg path {    stroke: #fff;}
.CareerteamsliderBoxarrowsec .CareerteamsliderBoxarrow button.Careerteamprevbtn svg {    transform: rotate(180deg);}
.CareerteamsliderBoxarrowsec .Careerteams-slider-counter {  letter-spacing: 4px;    font-size: 16px;line-height: 1.6;  color: #fff;    font-weight: 500;}

.secondary_gradient {  background: linear-gradient(90deg,rgba(247, 4, 146, 1) 0%, rgba(255, 234, 10, 1) 100%);}

section.CareerrecruitingSec {  padding: 120px 0;    background: linear-gradient(90deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);}
section.CareerrecruitingSec .Careerrecruitingtitle h2 { color: #fff;  font-weight: 300;  text-transform: uppercase; font-size: 80px;}
.Careerrecruitingcnt {  margin-top: 48px;}
.Careerrecruitingcnt * {  color: #fff;    font-size: 24px;    font-weight: 400;  line-height: 1.4;}
.Careerrecruitingtitlesection {    max-width: 983px;    width: 100%;}


.CareervalueslideBoxanmbx { position: relative;}
.CareervalueslideBoxanmbx .CareervalueslideBoxContent * {  color: #fff;    font-weight: 500;    line-height: 1.5;}
.CareervalueslideBoxanmbx .CareervalueslideBoxContent {transform: translatey(100%);transition: all ease-in-out 0.3s;opacity: 0;}
.CareervalueslideBoxText { transform: translateY(100%);  transition: all ease-in-out 0.3s;}
.CareervalueslideBoxIn:hover .CareervalueslideBoxText {  transform: translateY(0);}
.CareervalueslideBoxIn:hover  .CareervalueslideBoxContent {  transform: translateY(10px);    opacity: 1;}
.CareervalueslideBoxIn {  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0%);    transition: all ease-in-out 0.3s;}
.CareervalueslideBoxIn:hover {  clip-path: polygon(8% 0, 100% 0, 100% 81%, 89% 100%, 0 100%, 0 12%);}


.CareerrecruitingFilterBoxSec {  margin-top: 64px;    background: #fff;   padding: 64px;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu {  display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 16px;    flex-wrap: wrap;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu .Careerrecruitingcheckboxstyle {    max-width: calc(25% - 12px);    width: 100%;    border: 1px solid #E3E3E3;   position: relative;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu .Careerrecruitingcheckboxstyle .Careerrecruitingcheckboxtext {   position: relative;padding: 15px 44px 15px 20px; cursor: pointer;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu .Careerrecruitingcheckboxstyle .Careerrecruitingcheckboxtext:before {    position: absolute;    content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M6.83594 9.57422L12.8359 15.5742L18.8359 9.57422' stroke='%231E1E1E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width: 24px;  height: 24px;   background-size: contain;    background-repeat: no-repeat;   right: 20px;    background-position: center center;   top: 50%;    transform: translateY(-50%);}

.CareerrecruitingcheckboxMainin { display: flex;  flex-wrap: wrap; gap: 12px 10px;  align-items: flex-start; justify-content: flex-start;  margin-top: 16px; padding: 0 20px 20px;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox {    max-width: calc(50% - 5px);    width: 100%;    position: relative;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox input {    position: absolute;    width: 100%;    height: 100%;    left: 0;    top: 0;    opacity: 0;    z-index: 1;   cursor: pointer;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox input + label { position: relative; padding-left: 36px; display: block;  color: #2F2D2E; font-weight: 400;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox input + label:before { position: absolute; content: ''; width: 24px; height: 24px;  border: 1px solid #E3E3E3;  border-radius: 3px;    left: 0;    top: 0;    background: transparent;    transition: all ease-in-out 0.3s;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox input + label:after {    position: absolute;    content: '';    width: 24px;    height: 24px;border-radius: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cpath d='M1.37695 4.708L4.92676 8.25879L12.2936 0.888672' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;  background-position: center center; background-size: 15px; left: 1px;    top: 1px;}
.CareerrecruitingcheckboxMainin .Careerrecruitingcheckbox input:checked + label:before {  background: #0094c6;}
.CareerrecruitingcheckboxMain {  display: none;}
.CareerteamsliderBoxarrowsec .CareerteamsliderBoxarrow button[disabled="disabled"] {  opacity: 50%;}

.Careerrecruitingcheckboxstyle .CareerrecruitingcheckboxMain {  position: absolute;  background: #fff;  border: 1px solid #E3E3E3; border-top: unset;  width: calc(100% + 2px);  left: -1px; top: 100%;}

section.ourmissionSection .OurStrengthshape1st {
    position: absolute;
    right: 116px;
    z-index: -1;
    top: calc(100% - 120px);
}

.CareerrecruitingFilterselectitems ul {  margin: 0;    padding: 0;    list-style: none;    display: flex; align-items: center;    gap: 10px;    flex-wrap: wrap;}
.CareerrecruitingFilterselectitems ul li {  font-size: 12px;    font-weight: 500;    color: #fff;    line-height: 1;  background: #0094C6;    padding: 12px 16px;    border-radius: 20px;  display: flex;    align-items: center;  gap: 12px;}
.CareerrecruitingFilterselectitems ul li button {width: 11px;height: 11px;line-height: 0;display: inline-block;background: transparent;border: unset;margin-top: -3px; cursor: pointer;}
.CareerrecruitingFilterselectitems ul li button svg path {  fill: #fff;}

.CareerrecruitingFilterselect {   margin-top: 24px;    display: flex;    align-items: center;    justify-content: space-between;}

.CareerrecruitingFilteraftfil {  margin-top: 24px;  background: rgba(0, 148, 198, 0.1);  border: 1px solid rgba(0, 148, 198, 0.3);  padding: 16px;  display: flex;  align-items: center;    justify-content: space-between;    gap: 10px;}
.CareerrecruitingFilteraftfil p {    font-size: 12px;    line-height: 1;    font-weight: 500;  color: rgba(47, 45, 46, 1);}
.CareerrecruitingFilteraftfil a {    width: 25px;    line-height: 1;    text-align: center;}

.CareerrecruitingFilterclear a { display: flex; align-items: center; font-size: 12px; line-height: 1;  color: #2f2d2e; font-weight: 500;  gap: 4px;}
.mobileimg { display: none; }


.CareerrecruitingListingBoxMain {  margin-top: 24px;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox {border-bottom: 1px solid #E3E3E3;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob {  display: flex;    align-items: center;    gap: 50px;    justify-content: space-between;  padding: 12px 0; position: relative;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxtitle {  max-width: 400px;    width: 100%;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxtitle h5 {  color: #085278;    line-height: 1;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxtitle p {  color: #979797;    line-height: 1;    margin-top: 8px;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob  .CareerrecruitingListingBoxsite p {    font-weight: 600;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob  .CareerrecruitingListingBoxtag {  max-width: 100px;  width: 100%;  text-align: center; background: #F1F1F1;  border-radius: 4px;    padding: 4px 8px;    color: #2F2D2E;    font-size: 14px;    line-height: 1.214;    font-weight: 400;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxsite {  max-width: 80px;    width: 100%; text-align: center;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxLocation { max-width: 300px;    width: 100%;    text-align: center;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxdis { max-width: 40px;  width: 100%;  text-align: center;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob a.CareerrecruitingBoxCTA {  position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: 1;}



/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  home updated css   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */

.HomeBannerImg .HomeBannerImg2nd {  position: absolute;  top: 38%; transform: translate(-50%, -50%);  left: 60%;}

  .whatwedosection { width: 100%; height: 100vh; }
.whatwedosliderBoxSec  { position: relative; height: 100%; min-height: calc(70vh + 96px); }
  .whatwedosliderBox { position: absolute; width: 100%;  height: 100% !important;  top: 0;  left: 0; }
  .whatwedosliderSection .carousel__nav {  position: absolute;  right: 30px;  top: calc(70vh / 3);}
.whatwedosliderSection .carousel__nav .carousel__nav__item {  width: 12px;  height: 12px; background: #fff;  border-radius: 50px; margin : 12px 0}



/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  case study page css   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */


section.intelligentsection.casestudybannersection {  padding: 60px 0 ;}
section.intelligentsection.casestudybannersection .intelligentTwoColSec {  align-items: center;}
section.intelligentsection.casestudybannersection .intelligentTwoColSec .intelligentRTCol {  padding-bottom: 0;}
section.intelligentsection.casestudybannersection .intelligentTwoColSec .intelligentRTCol .intelligentContent * { font-size: 24px;    line-height: 1.6;}
section.intelligentsection.casestudybannersection .casestudybannershape { position: absolute;  right: 0; z-index: -1; pointer-events: none;  top: -120px;}
.intelligentTwoColSec .intelligentLTCol:before {  height: 435px;   position: absolute;    content: '';    width: 221px;    background-image: var(--Dotshapebg);    bottom: -32%;    left: 65%;   transform: translateX(-50%) rotate(90deg);}
section.intelligentsection.casestudybannersection .intelligentTitle h1 {  text-transform: uppercase;}



.breadcrumbSec > ul { margin: 0; padding: 0; list-style: none;  display: flex; align-items: center; gap: 56px;  flex-wrap: wrap;}
.breadcrumbSec ul li h5 {  font-size: 14px;    font-weight: 600;line-height: 1;   color: #2F2D2E;  position: relative; display: inline-block;}
.breadcrumbSec ul li h5:before {    position: absolute;  content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.82919 10.4663L0.313652 5.87316L1.56645 4.59882L3.94165 7.01463L3.94165 0.18164L5.71327 0.18164L5.71327 7.01859L8.09214 4.59882L9.34473 5.87316L4.82919 10.4663Z' fill='%230094C6'/%3E%3C/svg%3E");
    width: 10px;   height: 10px;    background-repeat: no-repeat;    background-position: center center;    right: -16px;    top: 50%;    transform: translateY(-50%) rotate(-45deg);    transition: all ease-in-out 0.3s;}
section.casestudypostSection {  padding: 60px 0 120px; position: relative ; z-index: 7;}

.breadcrumbSec ul li ul li a {  border:  2px solid #E3E3E3;    border-radius: 20px;    padding: 12px 16px;    color: #000;    font-size: 12px;    line-height: 1;    font-weight: 400;    display: inline-block;    cursor: pointer;}
.breadcrumbSec ul li ul {    margin: 16px 0 0;    padding: 0 0 30px;    list-style: none;    display: flex;    align-items: center;    flex-wrap: wrap;    gap: 8px;}
.breadcrumbSec .breadcrumbSecDropdown {    position: absolute;    width: 100%;    background: #fff;    z-index: 9;    display: none;    left: 0;    top: 100%;}
.breadcrumbSec {    position: relative;}
section.casestudypostSection .casestudypostBoxInSec {  display: flex;  align-items: flex-start;  gap: 64px 24px;    flex-wrap: wrap;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox {    max-width: calc(50% - 12px);width: 100%; position: relative;}
div#selectedFilters span.selectedFilterTag {    font-size: 12px;    font-weight: 500;    color: #fff;    line-height: 1;    background: #0094C6;    padding: 12px 16px;    border-radius: 20px;    display: flex;    align-items: center;    gap: 12px;    width: max-content;}
div#selectedFilters span.selectedFilterTag button {    border: unset;    cursor: pointer;    color: #fff;    font-size: 20px;    line-height: 0;    background: transparent;    padding: 0;}
.parentselectedFilters {  margin-top: 30px;}
.parentselectedFilters div#selectedFilters {  display: flex;    align-items: center;    justify-content: flex-start;    gap: 8px;   flex-wrap: wrap;}
.breadcrumbSec > ul > li.active h5:before {  transform: translateY(-50%) rotate(0);}
.breadcrumbSec ul li ul li a.active { color: #fff; background: #0094C6; border-color: #0094C6;}

section.casestudypostSection .casestudypostBoxSec {  margin-top: 48px;}
section.casestudypostSection .casestudypostBoxcnt {  margin-top: 24px;}
section.casestudypostSection .casestudypostBoxcnt .casestudypostBoxContent {  margin-top: 10px;}

.casestudypostBoxpagination {  margin-top: 60px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.casestudypostBoxpagination .casestudyprevpost a { font-weight: 600; color: #2F2D2E;  position: relative;  padding-left: 32px;}
.casestudypostBoxpagination .casestudyprevpost a:before { background-repeat: no-repeat; position: absolute; content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8' fill='none'%3E%3Cpath d='M23.0508 3.96289L0.550782 3.96289M0.550782 3.96289L3.55078 6.96289M0.550782 3.96289L3.55078 0.962889' stroke='%232F2D2E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 22px; height: 7px; left: 0; top: 50%; transform: translateY(-50%); background-size: contain;  background-position: center center;}
.casestudypostBoxpagination  .casestudynextpost a {  font-weight: 600;  color: #2F2D2E; position: relative;  padding-right: 32px;}
.casestudypostBoxpagination .casestudynextpost a:before {  background-repeat: no-repeat;  position: absolute; content: '';
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8' fill='none'%3E%3Cpath d='M23.0508 3.96289L0.550782 3.96289M0.550782 3.96289L3.55078 6.96289M0.550782 3.96289L3.55078 0.962889' stroke='%232F2D2E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     width: 22px;   height: 7px;  right: 0;  top: 50%;  transform: translateY(-50%) rotate(180deg);     background-size: contain;  background-position: center center;}
.casestudypostBoxpagination .casestudypagination ul {  display: flex; flex-wrap: wrap; align-items: center; margin: 0;  padding: 0; list-style: none; gap: 12px;}
.casestudypostBoxpagination .casestudypagination ul li {  width: 40px; height: 40px;}
.casestudypostBoxpagination .casestudypagination ul li a {  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #E3E3E3; color: #2F2D2E;  line-height: 1.4;  font-weight: 400; transition: all ease-in-out 0.3s;}
.casestudypostBoxpagination .casestudypagination ul li a.active {  background: #8A38F5;  color: #fff;  border-color: #8A38F5;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox a.casestudypostlink { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoxtitle h2 { transition: all ease-in-out 0.3s; }
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox:hover .casestudypostBoxtitle h2 {  color: #0094C6;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox:hover  .casestudypostBoximg {clip-path: polygon(0 10%, 10% 0, 100% 0, 100% 85%, 85% 100%, 0 100%);}

.casestudypostBoxpagination .casestudypagination ul li a:hover { background: #E3E3E3; border-color: #E3E3E3; color: #2F2D2E; }
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoximg {transition: all ease-in-out 0.3s;clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);height: 419px;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoximg img { width: 100%;  height: 100%;    object-fit: cover; transition: all ease-in-out 0.5s;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox:hover .casestudypostBoximg img {   transform: scale(1.05);}
.casestudypagination {  max-width: 248px;    width: 100%;}






section.csinnerBannerSection {  padding: 120px 0;}
section.csinnerBannerSection .csinnerBannertitle h1 {    font-size: 60px;    line-height: 1.16;    font-weight: 700;}
section.csinnerBannerSection .csinnerBannerinSec {    display: flex;    align-items: center;    gap: 160px;    flex-wrap: wrap;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerRTCol {    max-width: 478px;    width: 100%;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerRTCol img {    width: 100%;    height: 100%;    object-fit: contain;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol {    max-width: calc(100% - 638px);    width: 100%;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags {    margin-top: 64px;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags ul {    margin: 0;    padding: 0;    list-style: none;    display: flex;    align-items: center;    gap: 8px;    flex-wrap: wrap;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags ul li a {    border: 2px solid #E3E3E3;    border-radius: 20px;    padding: 12px 16px;    color: #000000;    font-size: 12px;    font-weight: 400;    line-height: 1;}

.CSInnerPostBodySection {  padding: 120px 0; position: relative; }
.CSPostBodySection .CSPostBodyIn {  display: flex; align-items: flex-start;  flex-wrap: wrap;  gap: 24px;  justify-content: space-between; max-width: 1236px;  width: 100%;  margin: 0 auto;}
.CSPostBodySection .CSPostBodyIn .CSPostBodyLtCol { max-width: 603px;   width: 100%;}
.CSPostBodySection  .CSPostBodyRtCol {    max-width: 353px;    width: 100%;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul {    margin: 0;    padding: 0;    list-style: none;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul li+* {    margin-top: 16px;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest {    margin-top: 94px;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest ul {    margin: 4px 0 0;    padding: 0;    list-style: none;    display: flex;    align-items: center;    gap: 40px;    flex-wrap: wrap;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest ul li img {    width: 100%;    height: 100%;}

section.CSPostBodySection.CaseStudyPostBodySection .CSPostBodyIn .CSPostBodyLtCol p {
    font-size: 22px;
    line-height: 1.4;
}

.CSPostBodyfetureimg {  width: 100%; height: 800px;}
.CSPostBodyfetureimg img {  width: 100%;  height: 100%; object-fit: cover;}


.CSInnerPostBodySection .CSInnerPostbodyshape1st {  position: absolute;    top: -70px;    left: 90px;    z-index: -1;    pointer-events: none;}
.CSInnerPostBodySection .CSInnerPostbodyshape2nd {   position: absolute;    right: 0;    top: -90%;    pointer-events: none;   z-index: -1;}

.CSInPostMissionVideo {width: 100%;  clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); position: relative;}
.CSInPostMissionVideo video {  width: 100%;    height: 100%;    object-fit: cover;}
.CSInPostMissionTitleSec {    max-width: 1110px;    width: 100%;    margin: 0 auto;    padding: 120px 0; position: relative;}
.CSInPostMissionTitleSec .CSInPostMissionContent {    margin-top: 32px;}
.CSInPostMissionTitleSec .CSInPostMissionContent p {    font-size: 22px;    line-height: 1.4;}
.CSInPostMissionVideo figure {    margin: 0;    line-height: 0;}
section.CSInPostMissionSection:before {  position: absolute; content: ""; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='177' viewBox='0 0 190 177' fill='none'%3E%3Cpath d='M189.364 63.9463L0.710938 175.177V112.859L189.364 1.62891V63.9463Z' stroke='%23D4AF37'/%3E%3C/svg%3E");
    width: 200px;  height: 200px;  top: 50%;  right: -33px;  background-repeat: no-repeat;  background-size: cover;  pointer-events: none;}
section.CSInPostMissionSection {  position: relative;}




.CSInPostSolutionInSec .CSInPostSolutiontwoimg { display: flex;  align-items: center;  gap: 48px;    flex-wrap: wrap; height: 520px;}
.CSInPostSolutionInSec .CSInPostSolutiontwoimg img { max-width: calc(50% - 24px); width: 100%;  height: 100%;  object-fit: cover;   clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.CSInPostSolutionInSec .CSInPostSolutionSingleimg { margin-top: 48px; position: relative;}
.CSInPostSolutionInSec .CSInPostSolutionSingleimg img { width: 100%;  height: 100%; object-fit: cover; clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.CSInPostSolutionInSec .CSInPostSolutionTwoColSec {  padding: 120px 0; max-width: 1236px; width: 100%; margin: 0 auto;}

.CSInPostSolutionTwoColBox { margin-top: 32px; display: flex; align-items: flex-start; gap: 50px; flex-wrap: wrap; justify-content: space-between;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol { max-width: 603px; width: 100%;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol {  max-width: 353px;    width: 100%;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol p+* {  margin-top: 20px;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol p {  font-size: 22px; line-height: 1.4;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol > p {  font-weight: 500;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol ul {  margin: 12px 0 0;    padding: 0;    list-style: none;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol ul li {  font-weight: 700;}
.CSInPostMissionTitleSec .CSInPostMissionshape { position: absolute; bottom: 92px; left: 50%;  transform: translateX(-50%);  z-index: -1; width: 150px;  height: 140px;}
.CSInPostMissionTitleSec .CSInPostMissionshape svg { width: 100%;height: 100%;}
.CSInPostSolutionInSec .CSInPostSolutionSingleimg .CSInPostSolutionInSecshape2nd {  position: absolute; bottom: -90px; right: 50px; z-index: -1;  pointer-events: none;}

section.CSInPostcounterSection { background-image: var(--cspostcntbg); padding: 120px 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.CSInPostcounterInSec {background: #F70492;background: linear-gradient(45deg,rgba(247, 4, 146, 1) 0%, rgba(255, 234, 10, 1) 100%);padding: 120px 124px;}
.CSInPostcounterInSec * {  color: #fff;}
.CSInPostcountertitlesec {  max-width: 850px; width: 100%;}
.CSInPostcountertitlesec .CSInPostcounterContent {  margin-top: 40px;}
.CSInPostcountertitlesec .CSInPostcounterContent p { font-size: 24px; line-height: 1.4; font-weight: 400;}
.CSInPostcounterInSec .CSInPostcounterboxsec { margin-top: 64px; display: flex; align-items: flex-start; gap: 56px; justify-content: flex-start;    flex-wrap: wrap;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox {  max-width: calc(25% - 42px);    width: 100%;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxNumber {    display: flex;    align-items: center;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxNumber h2 {   font-size: 80px;    line-height: 1;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxCnt .CSInPostcounterBoxtitle h5 {  text-transform: uppercase;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxCnt .CSInPostcounterBoxContent {  margin-top: 8px;}




section.CSInmoreCaseSSection {  padding: 80px 0;}
.CSInmoreCaseSinsec {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 125px;}
.CSInmoreCaseSinsec .CSInmoreCaseSltCol {   max-width: 354px;    width: 100%;}
.CSInmoreCaseSinsec .CSInmoreCaseSrtCol {   max-width: calc(100% - 479px);    width: 100%;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn {    display: flex;margin:40px 24px;  gap: 63px; align-items: center;   flex-wrap: wrap;    padding: 40px;    background: #fff; clip-path: polygon(100% 0, 100% 90%, 93% 100%, 0 100%, 0 0);}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxLTCol {    max-width: calc(100% - (399px + 63px));    width: 100%;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn  .CSInmoreCaseSliderBoxRTCol {   max-width: 399px;    width: 100%; height: 399px;   }
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn  .CSInmoreCaseSliderBoxRTCol img { width: 100%; height: 100%; object-fit: cover;  clip-path: polygon(100% 0, 100% 90%, 86% 100%, 0 100%, 0 0); }

.CSInmoreCaseSliderBoxtags ul {  margin: 0;    padding: 0;    list-style: none;    display: flex;  align-items: center;    flex-wrap: wrap;    gap: 8px;}
.CSInmoreCaseSliderBoxtags ul li {    border: 2px solid #E3E3E3;    border-radius: 20px;    padding: 12px 15px;    font-size: 12px;    color: #000;    line-height: 1;    font-weight: 400;}
.CSInmoreCaseSliderBoxtags {    margin-top: 24px;}
.CSInmoreCaseSliderBoxCnt {    margin-top: 24px;}
.CSInmoreCaseSliderBoxbtn {    margin-top: 24px;}
.CSInmoreCaseSslickbtns button {    border: 2px solid #2F2D2E;    background: transparent;    width: 50px;    height: 50px;    padding: 10px;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;}
.CSInmoreCaseSslickbtns {    display: flex;    align-items: center;    gap: 16px;    flex-wrap: wrap;    margin-top: 64px;}
.CSInmoreCaseSinsec .CSInmoreCaseSltCol .CSInmoreCaseScontent {    margin-top: 24px;}
.CSInmoreCaseSinsec .CSInmoreCaseSltCol .CSInmoreCaseStitle h2 {    text-transform: uppercase;}
.CSInmoreCaseSrtColInner .slick-list.draggable {  padding: 0 121px 0 0 !important;}

.CSInmoreCaseSrtColInner ul.slick-dots li {  width: 12px;  height: 12px;  margin: 0 6px;}
.CSInmoreCaseSrtColInner ul.slick-dots li button {    width: 100%;    height: 100%;    position: relative;}
.CSInmoreCaseSrtColInner ul.slick-dots li button:before {    width: 100%;    position: absolute;    content: '';    height: 100%;    background: #EAEAEA;    border-radius: 50px;    opacity: 1;}
.CSInmoreCaseSrtColInner ul.slick-dots li.slick-active {    width: 50px;}
.CSInmoreCaseSrtColInner ul.slick-dots li.slick-active button:before {  background: #AEAEAE;}
.CSInmoreCaseSliderBoxMain {  filter: drop-shadow(0 5px 14px rgba(0,0,0,0.1));}

section.CareervalueslideSection.CSInServiceSection {  padding: 120px 0;    background: #2F2D2E;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideTitle h2 {    color: #fff;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxText {    transform: unset !important;    max-width: 270px;    width: 100%;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxanmbx { display: flex;  align-items: flex-end; gap: 30px;}
section.CareervalueslideSection.CSInServiceSection  .CareervalueslideBoxIn {  height: 100%; padding: 49px 38px;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxText h3 {  text-transform: uppercase;}

section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxIn:hover .CSInServiceInBoxlink a {  transform: translateX(30px);}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxIn:hover .CSInServiceInBoxlink a svg path {  fill: #fff;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideslideBoxsec ul.slick-dots li button:before {  background: #fff;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideslideBoxsec ul.slick-dots li.slick-active button:before {  background: #fff;}


section.CSInInterestedSection {  padding: 120px 0;}
section.CSInInterestedSection .CSInInterestedInsec { display: flex; align-items: center; gap: 150px; max-width: 1234px;  width: 100%;  margin: 0 auto;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedtitle h2 {  font-size: 80px; font-weight: 500; background: #0094C6;  background: linear-gradient(to right, #0094C6 0%, #9747FF 100%);  -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec {    max-width: calc(100% - (731px + 150px));    width: 100%;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedtitle {    max-width: 731px;    width: 100%;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec .CSInInterestedbutton {  margin-top: 24px;}

.Careervalueslideinsec.CSInServiceInSection {  position: relative;}
.Careervalueslideinsec.CSInServiceInSection .CSInServiceshape {  position: absolute; bottom: -55px; right: 17%;    pointer-events: none;}
.Careervalueslideinsec.CSInServiceInSection  .CareervalueslideslideBoxsec {  z-index: 1;}

.CSInPostSolutionInSec {  position: relative;}
.CSInPostSolutionInSec .CSInPostSolutionInSecshape {  position: absolute;    right: -30px;    top: -50px;}
.CSPostBodySection .CSPostBodyIn .CSPostBodyLtCol p+* {  margin-top: 15px;}
.Careerrecruitingcheckboxstyle .CareerrecruitingcheckboxMain {  z-index: 9;}


/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  News Index   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */

section.NewsindexbannerSection {  position: relative;  padding: 120px 0 60px;}
section.NewsindexbannerSection .newindexbannershape {  position: absolute;  right: -25px;  top: -120px; z-index: -1;  pointer-events: none;}
.Newsindexbannercontent {  margin-top: 40px;}
.Newsindexbannerinsec {  max-width: 977px;    width: 100%;}
.Newsindexbannercontent p { font-size: 24px;  line-height: 1.6;}
.Newsindexbannertitle h1 {  font-size: 77px;  font-weight: 800; text-transform: uppercase;  line-height: 1.1;}

section.casestudypostSection.Newsindexpostsection .casestudypostBoxSec {  margin-top: 0 !important;}

section.casestudypostSection.Newsindexpostsection .Newsindexpostshape {  position: absolute;    top: calc(419px + 60px); left: 25px;}
section.casestudypostSection.Newsindexpostsection  .Newsindexpostshape2nd {  position: absolute; bottom: calc(419px + 200px); left: 102px; width: 283px; height: 262px;  z-index: -1; opacity: 0.5;    pointer-events: none;}
section.casestudypostSection.Newsindexpostsection .casestudypostBoxSec {   position: relative;}
section.casestudypostSection.Newsindexpostsection .Newsindexpostshape2nd svg {  width: 100%;    height: 100%;}

section.NewsarticlepTitleSec.CSPostBodySection {  padding: 120px 0 0;}
section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle h1 {  font-size: 60px;    font-weight: 500;    line-height: 1.1666;}
section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle {    max-width: 1236px;    width: 100%;    margin: 0 auto 60px;}


.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  gap: 152px;    max-width: 1361px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  max-width: 856px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyRtCol {  max-width: calc(100% - 1008px);}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol h4 { font-weight: 400;    margin-bottom: 32px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol p+* {  margin-top: 32px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo li ul {  display: flex; align-items: center; gap: 8px;  flex-wrap: wrap;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo li ul li a { border: 2px solid #E3E3E3; border-radius: 20px;  color: #000;  font-size: 12px;    line-height: 1;    font-weight: 400;    padding: 12px 16px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li+* {  margin-top: 24px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo li ul {  margin-top: 8px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSInnerPostbodyshape2nd {  top: -15%;}




.CSInnerPostBodySection.newarticleInnerPostBodySection {  padding: 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  padding: 120px 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec {  display: flex; align-items: center;  justify-content: center; gap: 48px;  flex-wrap: wrap;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  max-width: calc(50% - 24px);   width: 100%;    height: 100%;    object-fit: cover;    clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);    min-height: 520px;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:after {
    position: absolute;
    content: '';
    width: 145px;
    height: 214px;
    top: 35.3%;
    right: 0;
    background-image: var(--twoimgshape2nd);
    pointer-events: none;z-index: -1; background-repeat: no-repeat; background-size:cover ; background-position: center center ;
}

.newarticleInnersingleimg:after {
    position: absolute;
    content: '';
    width: 283px;
    height: 262px;
    background: var(--btimg2ndbg);
    bottom: 38%;
    right: 80px;
    z-index: -1;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.newarticleInnersmpcnt {  padding: 120px 0; max-width: 858px; width: 100%; margin-left: 126px;}
.newarticleInnersmpcnt ul {  margin: 0 0 32px;    padding-left: 20px;}
.newarticleInnersmpcnt p:not(:last-child) {   margin-bottom: 32px;}
.newarticleInnersmpcnt ul li+* {  margin-top: 8px;}
.newarticleInnersmpcnt * {  font-size: 18px;    line-height: 1.6;}

.newarticleInnersingleimg {width: 100%; height: 754px;}
.newarticleInnersingleimg img { width: 100%; height: 100%;  object-fit: cover; clip-path: polygon(100% 0, 100% 89%, 93% 100%, 0 100%, 0 0);}

.newarticleInnerquotesec { padding: 120px 0; max-width: 858px;  width: 100%;   margin-left: 126px;}
.newarticleInnerquotesec p {    font-size: 18px;    line-height: 1.6;}
.newarticleInnerquotesec p:not(:last-child) {    margin-bottom: 32px;}
.newarticleInnerquotesec blockquote,blockquote { margin: 0 0 32px;  padding-left: 28px; font-size: 24px; line-height: 1.4;   font-weight: 400;    position: relative;}
.newarticleInnerquotesec blockquote:before,blockquote:before {    position: absolute;    content: '';    width: 4px;    height: 100%;    background: #0094C6;    background: linear-gradient(180deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);    left: 0;   top: 0;}



.Newsarticlerelatedposttitlesec {  display: flex;    align-items: center;    justify-content: space-between;    gap: 10px;}
.Newsarticlerelatedpostboxsec {    margin-top: 60px;    display: flex;    align-items: flex-start;    gap: 25px;    flex-wrap: wrap;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox {    max-width: calc(50% - 12.5px);    width: 100%;}

.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox  .Newsarticlerelatedpostboxcnt {   margin-top: 25px;    max-width: 632px;  width: 100%;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboxcnt .NewsarticlerelatedpostboxContent {  margin-top: 10px;}
section.Newsarticlerelatedpostsection {  padding-bottom: 120px; padding-top: 50px;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboximg { width: 100%; height: 420px;  overflow: hidden; clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);  transition: all ease-in-out 0.3s;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboximg img { width: 100%; height: 100%;  object-fit: cover; transition: all ease-in-out 0.5s;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox {  position: relative;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox a.Newsarticlerelatedreadmore {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;    z-index: 1;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox:hover .Newsarticlerelatedpostboximg {   clip-path: polygon(0 10%, 10% 0, 100% 0, 100% 85%, 85% 100%, 0 100%);}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox:hover .Newsarticlerelatedpostboximg img {  transform: scale(1.05);}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox:hover .Newsarticlerelatedpostboxtitle * {  color: #0094C6;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboxtitle * {  transition: all ease-in-out 0.3s;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:before {  position: absolute;    content: '';    background-image: var(--imgbg);    width: 283px;    height: 379px;    left: 0;    top: 24%;    background-repeat: no-repeat;   background-position: center center;    background-size: cover;   z-index: -1;    pointer-events: none;}
.newarticleInnersingleimg:before { position: absolute; content: '';  background-image: var(--btimgbg); background-repeat: no-repeat;  background-size: contain; width: 283px;  height: 379px;  bottom: 20%;    left: -1%;    z-index: 1; pointer-events: none;}
.newarticleInnerquotesec:before { position: absolute; content: ''; background-image: var(--postdotbg);  width: 228px;  height: 337px; background-repeat: no-repeat;  background-size: contain;  background-position: center center;  left: 0; z-index: -1; pointer-events: none;}



/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  Service Page css   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */

.ServiceBannerInSec {   background: #11BEB3;    background: linear-gradient(90deg,rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);    position: relative;    padding: 130px 78px 123px; }
.ServiceBannerInSec:before {
    position: absolute;
    content: '';
    width: 250px;
    height: 250px;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='77' viewBox='0 0 120 77' fill='none'%3E%3Cpath d='M0 76.0917L120 0V76.0917H0Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center  bottom -3px;
    bottom: 0;
    right: -2px;
}
.ServiceBannerInSec .ServiceBannerTitle h1 {    color: #fff;    text-transform: uppercase;    font-weight: 800;    line-height: 0.9;}
.ServiceBannerInSec .ServiceBannerContent p {    font-size: 24px;    line-height: 1.4;    color: #fff;}
.ServiceBannerInSec .ServiceBannerContent {    margin-top: 40px;}
.ServiceBannerInSec .ServiceBannertitlesec {   max-width: 636px;    width: 100%;    position: relative;    z-index: 2;}
.ServiceBannerInSec .ServiceBannerImage {    position: absolute;    top: 20px;    right: 52px;    z-index: 3;}
section.ServiceBannerSection {    padding-bottom: 92px;}
.ServiceBannerInSec .ServiceBannershape1st {    position: absolute;    top: 0;    right: 0;    height: 100%;}
.ServiceBannerInSec .ServiceBannershape2nd {    position: absolute;    right: -77px;    top: 167px;}
.ServiceBannerInSec .ServiceBannershape3rd {    position: absolute;    top: 67px;    left: -50px;   z-index: 1;}
.ServiceBannerInSec .ServiceBannershape1st svg {    height: 100%;}
.ServiceLogoTitleSec {  max-width: 873px; width: 100%;  margin-left: 114px;}
.ServiceLogoTitleSec .ServiceLogoContent { margin-top: 24px;}
.ServiceLogoBoxSection {  margin-top: 65px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain { display: flex;  align-items: center; gap: 112px;  flex-wrap: wrap;  justify-content: flex-start;}
.ServiceLogoBoxSection .ServiceLogoBoxMain:nth-child(even) {  justify-content: flex-end;  margin-top: 60px;}
section.ServiceLogoSection {  padding-bottom: 60px; position: relative;}
.ServiceLogoBoxSection .ServiceLogoBoxMain .ServiceLogoBox {  width: 80px;  height: 80px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain .ServiceLogoBox img {  width: 100%; height: 100%; object-fit: contain;}
section.ServiceLogoSection .ServiceLogoTitle {  transition: all ease-in-out 1s;    opacity: 0;}
section.ServiceLogoSection .ServiceLogoContent {   transition: all ease-in-out 1.5s;    opacity: 0;}
section.ServiceLogoSection.visible .ServiceLogoTitle {  opacity: 1;}
section.ServiceLogoSection.visible .ServiceLogoContent {  opacity: 1;}
section.ServiceLogoSection.visible .ServiceLogoBoxSection .ServiceLogoBoxMain {  transform: translateX(0);}
section.ServiceLogoSection .ServiceLogoShape {  position: absolute;    right: 0;    bottom: -187px; z-index: -1; pointer-events: none;}


section.ServiceSvideoSection {  padding: 120px 0;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox { display: flex;    align-items: flex-start;gap: 126px;  flex-wrap: wrap;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo { max-width: 498px; height: 560px;   width: 100%; position: sticky; top: 50px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo img {  width: 100%; height: 100%;  object-fit: cover;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideoCntBoxTp {  max-width: calc(100% - 624px);    width: 100%;}

.ServiceSvideoBoxMain { margin-top: 48px;  display: flex; flex-wrap: wrap;  gap: 64px 24px;  max-width: 982px;  width: 100%;}
.ServiceSvideoBoxMain .ServiceSvideoBox {  max-width: calc(50% - 12px);  width: 100%;  padding-right: 48px;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxtitle h4 {  font-weight: 700;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxContent {  margin-top: 16px;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn {  margin-top: 12px;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn a {  color: #2F2D2E; font-weight: 600;  line-height: 1.6;  display: flex;  align-items: center;  gap: 9px; transition: all ease-in-out 0.3s;}
body.Servicevideovisible { overflow: visible;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo:before { position: absolute;  content: '';  background-image: var(--servicedotbg);  width: 255px;  height: 255px;  background-repeat: no-repeat;   background-size: contain;    background-position: center center;    bottom: -92px;    right: -42px;    pointer-events: none;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn a:hover {
    color: #0094C6;
}

.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn a svg { transition: all ease-in-out 0.3s; }
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn a:hover svg { transform: translateX(8px); }
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxBtn a:hover svg path {  stroke: #0094C6;}


section.ServiceHoldingSection {  background: #F7F7F7;    padding: 120px 0;}
section.ServiceHoldingSection .ServiceHoldingInSec {  display: flex;  align-items: flex-start;  gap: 124px;  flex-wrap: wrap;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingTitle {  max-width: 378px;    width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec {  max-width: calc(100% - (378px + 124px));  width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingContent p {  font-size: 24px;  line-height: 1.4;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingContent {  max-width: 858px;  width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec { margin-top: 48px;  display: flex; flex-wrap: wrap;  gap: 48px 96px;  align-items: flex-start;   justify-content: flex-start;    max-width: 876px;    width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox {  max-width: calc(33.33% - 64px);    width: 100%;    display: flex;  align-items: center;    gap: 24px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxImg {   width: 83px;    height: 71px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxImg svg {    width: 100%;    height: 100%;    object-fit: contain;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxContent {    max-width: calc(100% - (83px + 24px));    width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxContent h6 {    font-size: 18px;    font-weight: 600;    line-height: 1.2;}

section.ServiceCounterSection {  padding: 200px 0;  background: #11BEB3FB;  background: linear-gradient(90deg,rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);  position: relative;}
section.ServiceCounterSection .ServiceCounterTitle h2 {    color: #FFFFFF;    font-weight: 700;}
section.ServiceCounterSection .ServiceCounterTitle {  max-width: 610px;    width: 100%;}
section.ServiceCounterSection .ServiceCounterContent {  margin-top: 40px;    max-width: 858px;    width: 100%;}
section.ServiceCounterSection .ServiceCounterContent p {   color: #fff;    font-size: 24px;    line-height: 1.4;}
section.ServiceCounterSection .ServiceCounterBoxMain { margin-top: 106px;    display: flex;    align-items: flex-start;    gap: 104px;    flex-wrap: wrap; max-width: 1039px; width: 100%; }
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {   max-width: 277px;    width: 100%;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  color: #fff;    text-transform: uppercase;    font-weight: 700;    font-size: 96px; line-height: 1;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxContent h4 {    color: #fff;    font-weight: 700;  text-transform: uppercase;    line-height: 1;    max-width: 235px;}
section.ServiceCounterSection  .ServiceCounterImg {    position: absolute;    top: 0;    right: 0;   max-width: 839px;    width: 100%;    height: 100%;}
section.ServiceCounterSection .ServiceCounterImg img {    width: 100%;    height: 100%;    object-fit: cover;}

section.ServiceCounterSection .Servicecounterdot1st {  position: absolute;  top: -51%;  left: 0;  transform: translateY(50%);  pointer-events: none;}
section.ServiceCounterSection .Servicecounterdot2nd {  position: absolute; right: 0; bottom: 47px; pointer-events: none;}
section.ServiceCounterSection .ServiceCounterShape { position: absolute; right: 0; bottom: 0; line-height: 0; pointer-events: none;}
section.ServiceHoldingSection {  position: relative;    z-index: 1;}
section.ServiceCounterSection .ServiceCounterImg {  z-index: 1;}

section.ServicediverseSection {  padding: 180px 0 90px;  position: relative;}
section.ServicediverseSection .Servicediverseshape { position: absolute;    top: -114px;  right: 545px;}
section.ServicediverseSection .ServicediverseInSec { display: flex;  align-items: center;  gap: 149px; flex-wrap: wrap; position: relative;  z-index: 1;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol {   clip-path: polygon(100% 0, 100% 90%, 86% 100%, 0 100%, 0 0); max-width: 608px;    width: 100%;    height: 565px;    position: relative;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol img {  width: 100%;    height: 100%;    object-fit: cover;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol {  max-width: calc(100% - (608px + 149px));    width: 100%;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol .Servicediversetitle {  max-width: 500px;    width: 100%;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol .ServicediverseContent {    margin-top: 48px;    max-width: 606px;    width: 100%;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol .ServicediverseContent p+* {    margin-top: 30px;}
section.ServicediverseSection .ServicediverseInSec:before {  position: absolute;  content: '';  background-image: var(--diversedotbg);  width: 144px;  height: 134px;   background-repeat: no-repeat;    background-size: contain;    background-position: center center;    top: -23px;   left: -56px; z-index: 1; pointer-events: none;}
section.LatestUsSection.ServiceCasestudiesSection {  position: relative;  padding: 90px 0 180px;}


section.ServiceFAQSection {  padding: 120px 0; position: relative;  background: #F7F7F7;}
section.ServiceFAQSection .ServiceFAQTitle {   text-align: center;}
section.ServiceFAQSection .ServiceFAQInSec { max-width: 984px;  width: 100%;  margin: 0 auto;}
section.ServiceFAQSection  .ServiceFAQBoxSec {  margin-top: 48px;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox+* {  margin-top: 24px;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxContentSec {  display: none;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle {  position: relative;   padding: 0 0 0 30px; cursor: pointer;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle span {  position: absolute; left: 0;  top: 6px;  width: 19px;    height: 19px;    text-align: -webkit-center;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle span i {   width: 2px;    height: 14px;    display: block;    background: #2F2D2E;    position: relative; transition: all ease-in-out 0.3s;}

section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxContentSec .ServiceFAQBoxContent {   margin-top: 10px;   padding-left: 30px;}
section.ServiceFAQSection .ServiceFAQShape1st {  position: absolute;  top: -53px;  left: 0;  pointer-events: none;}
section.ServiceFAQSection .ServiceFAQShape2nd { position: absolute; right: 0;  bottom: -123px;  pointer-events: none;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle span i:last-child {  width: 14px;    height: 2px;    top: -8px;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle span {  padding: 2px;    transition: all ease-in-out 0.2s;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox.active .ServiceFAQBoxTitle span {  transform: rotate(45deg);  left: -2px;}

.ServiceLogoBoxSection .ServiceLogoBoxMain:nth-child(even) {  transform: translateX(100%);   transition: all ease-in-out 2s; }
.ServiceLogoBoxSection .ServiceLogoBoxMain {  transform: translateX(-100%);    transition: all ease-in-out 2s;}

section.ServiceHoldingSection .ServiceHoldingshape {  position: absolute;    top: 107px;    left: 0;    z-index: -1;}
.ServiceLogoInSec {  overflow: hidden; position: relative; z-index: 2;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsBoxSection .LatestUsBox .ServiceCasestudieBoxTopic {  margin-top: 10px;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsBoxSection .LatestUsBox .ServiceCasestudieBoxTopic h5 {  font-weight: 500;  line-height: 1;}

section.CareervalueslideSection.ServicecareervalueSection {  position: relative;}
section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape {  position: absolute;    right: 0;    top: -162px;}


.SubServiceBannerIn {  display: flex;  align-items: center;  gap: 176px;    flex-wrap: wrap;}
.SubServiceBannerIn .SubServiceBannerRTCol {  max-width: 581px;    width: 100%;}
.SubServiceBannerIn .SubServiceBannerRTCol img { width : 100%; height: 100%; object-fit: contain; }
.SubServiceBannerIn .SubServiceBannerLTCol {  max-width: calc(100% - (581px + 176px));    width: 100%;  position: relative;    padding: 60px 0 60px 123px;}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg {  position: absolute;    left: 0;   width: 99px;    height: 92px;    top: 60px;}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg img {  width: 100%;    height: 100%;    object-fit: contain;}
.SubServiceBannerSubTitle h5 {    font-weight: 400;    text-transform: uppercase;    line-height: 1.6;    letter-spacing: 3.2px;}
.SubServiceBannerTitle {   margin-top: 8px;}
.SubServiceBannerTitle h1 {   text-transform: uppercase;    font-size: 77px;    font-weight: 800;    line-height: 0.875;}
.SubServiceBannerContent {    margin-top: 24px;    max-width: 605px;    width: 100%;}
.SubServiceBannerContent h4 {   font-weight: 400;    line-height: 1.4;}
.SubServiceBannerContent  p {   margin-top: 30px;}
.SubServiceBannerbtn {   margin-top: 24px;}
.SubServiceBannerbtn a {  width: 58px;    height: 58px;}
.SubServiceBannerbtn a svg {   width: 100%;    height: 100%;}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg svg {  width: 100%;    height: 100%;}



.SubServiceZigzagBox {  display: flex;  align-items: center;  justify-content: center;    gap: 149px;padding: 60px 0; position: relative;}
.SubServiceZigzagBox:before {  z-index: -1;  position: absolute;  content: '';  width: 201px;    height: 434px;    background-image: var(--serviceboxgrid);    background-repeat: no-repeat;    background-size: contain;    right: -28px;   top: 30px;    pointer-events: none;}
.SubServiceZigzagBox .SubServiceZigzagBoxImg {  max-width: 612px;    width: 100%;    height: 453px;    clip-path: polygon(100% 0, 100% 85%, 84% 100%, 0 100%, 0 0);}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt {    max-width: calc(100% - (612px + 149px));    width: 100%;}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt .SubServiceZigzagBoxContent {    margin-top: 48px;}
.SubServiceZigzagInSec {    max-width: 1248px;    width: 100%;    margin: 0 auto;}
.SubServiceZigzagBox .SubServiceZigzagBoxImg img {    width: 100%;    height: 100%;    object-fit: cover;}
.SubServiceZigzagBox:nth-child(even) {    flex-direction: row-reverse;}
section.ServiceLogoSection.SubServiceLogoSection {  padding: 120px 0;  background: #F7F7F7;}
section.SubServiceZigzagSection {  position: relative;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st {  position: absolute; right: 0;  top: 119px;  pointer-events: none;}
section.SubServiceZigzagSection .SubServiceZigzagshape2nd {  position: absolute;  left: 0; top: calc(50% - 130px);  transform: translateY(-50%); pointer-events: none;}
section.SubServiceZigzagSection .SubServiceZigzagshape3rd {  position: absolute;  left: 0; bottom: 127px; pointer-events: none;}
section.SubServiceZigzagSection .SubServiceZigzagInShape1st {position: absolute;  left: -95px;top: 201px;  pointer-events: none;}
section.SubServiceZigzagSection .SubServiceZigzagInShape2nd {position: absolute;    bottom: 437px;    left: -20px;  pointer-events: none;}
.SubServiceZigzagBox:last-child {    padding: 60px 0 120px;}
.SubServiceZigzagInSec {    position: relative;}

.SubServiceCounterSection {  background: #11BEB3FB;  background: linear-gradient(90deg, rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);  padding: 120px 0; position: relative; }
.SubServiceCounterSection .ServiceCounterBoxMain { display: flex;  align-items: flex-start;  justify-content: center;    flex-wrap: wrap;    gap: 260px;}
.SubServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {    font-size: 96px;    color: #fff;    text-transform: uppercase;    line-height: 1;    font-weight: 700;}
.SubServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox  .ServiceCounterBoxContent h4 {  color: #fff;    text-transform: uppercase;    line-height: 1;    font-size: 24px;    font-weight: 700;}

.SubServiceCounterSection .SubServiceCounterShape1st {  position: absolute;  bottom: 0;  left: 80px;  pointer-events: none;}
.SubServiceCounterSection .SubServiceCounterShape2nd { position: absolute;  right: 120px;  top: 21px;    pointer-events: none;}
.SubServiceCounterSection  .SubServiceCounterInSec {  position: relative;}

.CSInmoreCaseSslickbtns button.moreCaseprevbtn svg {  transform: rotate(180deg);}
section.ServiceLogoSection.SubServiceLogoSection .ServiceLogoTitle {  opacity: 1;}
section.ServiceLogoSection.SubServiceLogoSection .ServiceLogoContent {  opacity: 1;}
section.ServiceLogoSection.SubServiceLogoSection .ServiceLogoBoxSection .ServiceLogoBoxMain {  transform: translateX(0);}
section.SubServiceZigzagSection  .SubServiceZigzagshape4th {  position: absolute;    bottom: -285px;    right: 0;    z-index: 1;    pointer-events: none;}

.CSInmoreCaseSslickbtns button[disabled="disabled"] {
    opacity: 30%;
}


/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  footer updated css   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */
.footerbtstrip .footerrtcolsec .footermenu {  max-width: calc(100% - 725px);    width: 100%;}
.footerbtstrip .footerrtcolsec .footermenu > ul {  display: flex;    align-items: flex-start;    justify-content: space-between; flex-wrap: wrap;}
.footerbtstrip .footerrtcolsec .footermenu > ul > li {    margin: 0;}
.footerbtstrip .footerrtcolsec .footermenu > ul > li > a {   font-size: 20px;  font-weight: 700;}


/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  privacy-policy ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */

.container {  max-width: 1000px;    width: 100%;    display: block;    margin: 0 auto;    float: none;    padding: 0 15px;}
section.wysiwyg-section {    padding: 70px 0;}
section.wysiwyg-section .columns.heads {    margin-bottom: 20px;    text-align: center;}
section.wysiwyg-section .columns.text.has-one .wysiwyg p:first-child {    margin-bottom: 40px !important; text-align: center;}
section.wysiwyg-section .columns.text.has-one .wysiwyg h3 {    margin-bottom: 10px;}
section.wysiwyg-section .columns.text.has-one .wysiwyg p:not(:last-child) {    margin-bottom: 15px;}
section.wysiwyg-section .columns.text.has-one .wysiwyg a {    color: #0094C6;    text-decoration: underline;}


section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo figure {margin: 0;width: 100%;height: 100%;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo figure video {    width: 100%;    height: 100%;    object-fit: cover;}



section.generalenquiriesSection {  padding: 120px 0;}
.generalenquiriesInSec {    max-width: 1236px;    width: 100%;    margin: 0 auto;    display: flex;    align-items: flex-start;    flex-wrap: wrap;    justify-content: space-between;    gap: 50px;}
.generalenquiriesInSec .generalenquiriesLTCol {    max-width: 354px;    width: 100%;}
.generalenquiriesInSec .generalenquiriesRTCol {    max-width: calc(100% - (354px + 150px));    width: 100%;}
.generalenquiriesInSec .generalenquiriesLTCol .generalenquiriesTitle h2 {font-size: 40px;}
.generalenquiriesInSec .generalenquiriesLTCol .generalenquiriesTitle {    margin-bottom: 24px;}
.generalenquiriesInSec .generalenquiriesLTCol .generalenquiriesContent {    margin-bottom: 48px;}
.generalenquiriesInSec  .generalenquiriesmail {    margin-bottom: 48px;}
.generalenquiriesInSec  .generalenquiriesmail h4 {    font-size: 20px;    line-height: 1.6;    color: #2F2D2E;}
.generalenquiriesInSec  .generalenquiriesmail h4 a {    color: #9747FF;    font-weight: 400;    text-decoration: underline;}


form input[type="text"],form input[type="email"],form input[type="tel"],form input[type="number"] {  padding :23px 20px; border: 1px solid #8A8A8A;    font-size: 20px;    line-height: 1;    font-family: "Montserrat", sans-serif;    font-weight: 400;    color: #2F2D2E;}
form  label {    display: none !important;}
form .fui-type-dropdown select { padding :23px 20px; border: 1px solid #8A8A8A;    font-size: 20px;    line-height: 1;    font-family: "Montserrat", sans-serif;    font-weight: 400;    color: #2F2D2E;}
form .fui-row.fui-page-row {    gap: 24px;    margin-bottom: 24px !important;}
form textarea.fui-input { padding: 15px 19px; border: 1px solid #8A8A8A; font-size: 20px; line-height: 1;font-family: "Montserrat", sans-serif;  font-weight: 400; color: #2F2D2E;  min-height: 216px;}
form .fui-btn-wrapper {  padding-top: 0;    width: 100%;    margin: 0;}
form button[type="submit"] {    width: 100%;    text-align: center !important;  color : #fff;   background: #2F2D2E;    padding: 15px 23px;    font-size: 14px;    line-height: 1;   margin: 0 !important;    text-transform: uppercase; border:1px solid #2F2D2E}
.fui-alert.fui-alert-success {   background: transparent;    text-align: center;    max-width: 672px;    width: 100%;    padding: 0;   font-family: 'Montserrat',sans-serif;    margin-bottom: 0;}
.fui-alert.fui-alert-success h2 {    font-size: 40px;    line-height: 1.2;    color: #2F2D2E;    margin-bottom: 24px;    font-family: 'Montserrat',sans-serif;}
.fui-alert.fui-alert-success p {    font-size: 24px;    color: #2F2D2E;    line-height: 1.2;    font-weight: 400;  display: inline;}
.fui-alert.fui-alert-success p img {    margin-top: 48px !important;    width: 80px;    height: 80px;    display: block;   margin: 0 auto;    object-fit: contain;}
form button[type="submit"] {  transition: all ease-in-out 0.3s;    text-align: center;}
form button[type="submit"]:hover {    background: transparent;    color: #2F2D2E;    border-color: #2F2D2E;}

section.whatyouneedsection {  padding: 120px 0;    background: #F7F7F7;}
section.whatyouneedsection .whatyouneedinsec {    display: flex;    align-items: flex-start;    gap: 50px;    flex-wrap: wrap;    justify-content: space-between;    max-width: 1236px;    width: 100%;    margin: 0 auto;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol {    max-width: 354px;    width: 100%;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol {    max-width: calc(100% - (354px + 130px));    width: 100%;    padding: 0 10px;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol .whatyouneedTitle h2 {    font-size: 40px;    line-height: 1;   margin-bottom: 24px;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol .whatyouneedsmail {    margin-top: 48px;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol .whatyouneedsmail h4 {    font-size: 20px;    line-height: 1.6;    font-weight: 700;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol .whatyouneedsmail h4 a {    color: #9747FF;    font-weight: 400;    text-decoration: underline;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol .fui-progress-bar {    background: linear-gradient(90deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);    font-size: 0;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol  .fui-progress {    height: 10px;    background-color: #E3E3E3;    border-radius: 10px;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol .fui-progress-container {    margin-bottom: 40px;}

form .fui-field.fui-type-html .fui-input-wrapper p {  text-transform: uppercase;    font-weight: 600;    color: #2F2D2E;    line-height: 1.2;    letter-spacing: 2.2px;    font-family: "Montserrat", sans-serif;}
form .fui-field.fui-type-html .fui-input-wrapper h3 {    margin-top: 8px;    color: #2F2D2E;}
form .fui-field.fui-type-html .fui-input-wrapper  h3 {  font-family: "Montserrat", sans-serif;    color: #2F2D2E;    font-weight: 700;}
form .fui-btn-wrapper.fui-btn-left {  gap: 20px;}

.generalenquiriesInSec {  position: relative;}
.generalenquiriesInSec:before {    position: absolute;    content: '';    width: 221px;    height: 281px;    background-image: var(--generalenquiriebg);    top: -132px;    left: -203px;    z-index: -1;    pointer-events: none;}

label.CybotCookiebotDialogBodyLevelButtonLabel {
    display: block !important;
}

section.Homebannersection.errorpage_section .HomeBannerImg { width: 90%; height: 89%; top: unset; bottom: 0; }

section.Homebannersection.errorpage_section .HomeBannerImg img { width: 100%; height: 100%; object-fit: contain; }
section.Homebannersection.errorpage_section .HomeBannerinsec {
    max-width: 400px;
}
/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  resounsive   ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////// */


@media (min-width: 1921px){

.HomeBannerImg {
    width: 1330px;
}
}


@media (max-height : 800px){

    .whatwedosliderBoxSec  { position: relative; height: 100%; min-height: calc(60vh + 96px); }
    .whatwedosliderBox .whatwedosliderBoxImg img {   min-height: 60vh;}
    .whatwedotitle { margin-bottom: 30px; }  
}



@media (max-width : 1640px){
.gamelimitTitle h2 {
    font-size: 90px;
}

.wrapper {  max-width: 95%;}
.footerbtstrip .footerrtcolsec {  gap: 100px;  justify-content: space-between;}

.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxRTCol {  max-width: 350px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxLTCol {  max-width: calc(100% - (350px + 63px));}
.CSInmoreCaseSinsec {  gap: 50px;}
.CSInmoreCaseSinsec .CSInmoreCaseSrtCol { max-width: calc(100% - 404px);}

section.ServiceCounterSection .ServiceCounterBoxMain {  gap: 50px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  font-size: 80px;}



}

@media (max-width:1500px){

.HomeBannerinnerSec .HomeBannerShape1 {  left: -15px;}
.HomeBannerinnerSec .HomeBannerShape2 {  right: 15%;}
.ourproductBoxSec .ourprojectsshape {  right: -15px;}

.Careerteamsliderinsec {  gap: 100px;    padding: 70px;}
.Careerteamsliderinsec .Careerteamslidertitle {    max-width: calc(100% - (627px + 100px));}

section.NewsindexbannerSection .newindexbannershape {  right: -10%;}

.SubServiceBannerIn {   gap: 100px;}
.SubServiceBannerIn .SubServiceBannerLTCol {  max-width: calc(100% - (581px + 100px));}


}


@media (max-width : 1440px){
.ServiceBannerInSec:before {
    bottom: -3px;
    right: -3px;
}

    .headerinsec nav .headermenusec {  gap: 40px;}
.wrapper {  max-width: 95%;}

section.intelligentsection {  padding: 70px 0 60px;}

.intelligentTwoColSec .intelligentLTCol {  max-width: 55%;}
.intelligentTwoColSec { gap: 70px;}
.intelligentTwoColSec .intelligentRTCol {  max-width: calc(45% - 70px);}

.gamelimitTitle h2 {  font-size: 85px;}
.whatourclientInSec .whatourclientsliderBoxSection { max-width: calc(100% - 700px);}


.gradientfont * {  font-size: 80px;}

section.teamtalentSection .teamtalentInsec {  max-width: 60%;}
section.teamtalentSection:before {  width: 40%; height: 40%;}


section.AboutBannerSec.ContactBannerSec .AboutBannerShape {  right: -20%;}
.contactgoldsvg {  width: 18%;}
.contactgoldsvg svg {  width: 100%;}
.contactzigzaginsec {  max-width: 900px;}
section.contactzigzagsec .contactdotgrid {   width: 13%;}
section.contactzigzagsec .contactdotgrid img {    width: 100%;    height: 100%;    object-fit: contain;}
.contactbtgoldsvg {    width: 30%;}
.contactbtgoldsvg svg {    width: 100%;    height: 100%;}


/* .HomeBannerImg { width: 100%;    right: -1px;} */
section.Homebannersection { padding-bottom : 150px }
.HomeBannerImg .HomeBannerImg2nd { width: 65%;   left: 75%;}
.HomeBannerImg .HomeBannerImg2nd svg {    width: 85%;}
.HomeBannerImg .HomeBannerImg1st {    width: 90%;    position: relative;    right: -201px;}
.HomeBannerImg .HomeBannerImg1st svg {    width: 100%;}



.CareervalueslideBoxText {  transform: translateY(calc(100% + 10px));}

.whatwedosliderinSec {  max-width: 1200px;}

.CSInPostcounterInSec {  padding: 50px;}
.CSInmoreCaseSrtColInner .slick-list.draggable { padding: 0 60px 0 0 !important;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn {  gap: 30px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxLTCol {  max-width: calc(100% - (350px + 30px));}

section.NewsindexbannerSection .newindexbannershape {  width: 85%;  right: 0;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol { max-width: 800px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyRtCol {  max-width: calc(100% - 952px);}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:before {  top: 25%;}
.newarticleInnersingleimg:before {  left: -13%;}
.newarticleInnerquotesec:before {  left: -3%;}


section.ServiceCounterSection .ServiceCounterImg {  max-width: 700px;}
section.ServiceCounterSection .ServiceCounterContent {  max-width: 50%;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  font-size: 75px;}
section.ServiceCounterSection .ServiceCounterBoxMain {  position: relative;  z-index: 1;}


.SubServiceBannerIn .SubServiceBannerRTCol {  max-width: 40%;}
.SubServiceBannerIn .SubServiceBannerLTCol {  max-width: calc(60% - 100px);}
.SubServiceBannerTitle h1 {   font-size: 75px;}
.SubServiceCounterSection .ServiceCounterBoxMain {  gap: 180px;}
.SubServiceCounterSection .SubServiceCounterShape1st {  left: 40px;}
.SubServiceCounterSection .SubServiceCounterShape2nd {  right: 80px;}

.ourmissiontwocolimgsec .ourmissionimg {  height: 450px;}

section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {
    height: 56.25%;
}



}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li:last-child > p {  text-transform: uppercase;    letter-spacing: 1.5px;    font-weight: 400;    font-size: 12px;  margin-bottom: 4px; margin-top: 30px;} 
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li:last-child > ul {    display: flex;    align-items: center;    justify-content: space-between; gap: 10px;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li:last-child > ul > li+* {    margin: 0;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li:last-child > ul { flex-wrap : wrap }


@media (max-width : 1366px){
h1, .h1 {  font-size: 80px;}

section.Homebannersection {  padding: 200px 0 150px;}

.gamelimitTitle h2 {  font-size: 75px;}
.gamelimitSubTitle {  max-width: 530px;}
.gamelimitContent {  max-width: 530px;}
.gamelimitContent .gamelimitContentin { max-width: 400px;}
.whatourclientInSec .whatourclientsliderBoxSection {  max-width: calc(100% - (580px + 50px));}
.footerbtstrip .footerrtcolsec {  gap: 100px; max-width: calc(100% - 152px); justify-content: flex-end;}
.footerbtstrip {    gap: 50px; justify-content: space-between;}

.HomeBannerImg {  top: 0;}

.twocolvideosection .videoboxshape1st {  bottom: 0;}
.twocolvideosection .videoboxshape1st svg {  width: 100%;}
.gamelimitshape2nd {  width: 40%;    top: calc(-100% + 392px );}
.gamelimitshape2nd svg {  width: 100%;}
.whatwedosliderinSec {  max-width: 1100px;}
.whatwedosliderBoxIn {  padding: 48px 40px 48px 40px;    clip-path: polygon(100% 0, 100% 88%, 92% 100%, 0 100%, 0 0);}
/* .whatwedosliderBox .whatwedosliderBoxImg img {  min-height: 500px;} */
.whatwedosliderBox .whatwedosliderBoxImg {  clip-path: polygon(100% 0, 100% 87%, 82% 100%, 0 100%, 0 0);}

.headerinsec nav .headermenusec {  max-width: calc(100% - 200px);}

.intelligentLTCol img {  min-height: 458px;}

.gradientfont * {  font-size: 70px;}
section.AboutBannerSec .AboutBannerShape {  width: 32%;}

.contactjointeaminsec:hover .contactjointeamarrow {   transform: translateX(100px);}
.contactjointeaminsec {  clip-path: polygon(100% 0, 100% 90%, 95% 100%, 0 100%, 0 0);}

section.AboutBannerSec.ContactBannerSec .AboutBannerShape { right: 0; }

section.CareerBannerSection { padding: 240px 0;}


.Careerteamsliderinsec .Careerteamslidertitle h2 {  font-size: 48px;}
.Careerteamsliderinsec {  gap: 80px;}
.Careerteamsliderinsec .Careerteamslidertitle {  max-width: calc(100% - (627px + 80px));}


section.intelligentsection.casestudybannersection .casestudybannershape {  right: -5%;}

section.csinnerBannerSection .csinnerBannertitle h1 {  font-size: 50px;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  max-width: 60%;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyRtCol {  max-width: calc(40% - 152px);}
.newarticleInnersmpcnt {  margin-left: 80px;}
.newarticleInnerquotesec {  margin-left: 80px;}


.ServiceLogoTitleSec {  margin-left: 80px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox {  gap: 60px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideoCntBoxTp {   max-width: calc(100% - (498px + 60px));}
.ServiceSvideoBoxMain .ServiceSvideoBox {  padding-right: 24px;}
section.ServiceHoldingSection .ServiceHoldingInSec {  gap: 60px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec {  max-width: calc(100% - (378px + 60px));}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec {  gap: 48px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox {  max-width: calc(33.33% - 32px);}
section.ServiceCounterSection .ServiceCounterImg {  max-width: 600px;}
section.ServiceCounterSection {  padding: 150px 0;}


.SubServiceBannerTitle h1 {  font-size: 70px;}
.SubServiceBannerIn .SubServiceBannerLTCol { padding-left: 100px;}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg {  width: 80px;  height: 80px;}

section.SubServiceZigzagSection .SubServiceZigzagshape4th {  bottom: -250px;}
.footerbtstrip .footerrtcolsec .footermenu { max-width: calc(100% - 642px); }

.ourmissiontwocolimgsec .ourmissionimg {  height: auto;}
}

@media (max-width : 1300px){
    .ServiceBannerInSec:before {
    width: 150px;
    height: 150px;
}
    .newarticleInnersingleimg:after {
    bottom: 36%;
}
	.gamelimitsection {  padding-top: 150px;}
.gamelimitshape2nd {    top: calc(-100% + 266px );}
.gamelimitInSec .gamelimitLTCol {    max-width: 600px;}
.gamelimitInSec .gamelimitRTCol {  max-width: calc(100% - 673px);}
.whatwedosliderinSec {  max-width: 90%;}


.intelligentLTCol img {  min-height: 427px;}

    section.AboutBannerSec { padding: 60px 0; }
    .AboutBannerInimg { margin-top: 70px; }

section.Careergametwocolboxsection { padding: 60px 0 70px;}
section.Careergametwocolboxsection .Careergametwocolboxshape2nd { width: 80%;    left: -50px;    top: -250px;}
section.Careergametwocolboxsection .Careergametwocolboxshape2nd svg {  width: 100%;}
section.Careergametwocolboxsection .Careergametwocolboxshape1st {  left: 20px;}

section.CareerteamsliderSection {  padding-bottom: 70px;}
.Careerteamsliderinsec .CareerteamslidersecMain {  max-width: 550px;}
.Careerteamsliderinsec .Careerteamslidertitle {  max-width: 42%;}
.Careerteamsliderinsec {  gap: 50px;}
.Careerteamsliderinsec .CareerteamslidersecMain { max-width: calc(58% - 50px);}

.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 200px !important;}

section.imgblock {  height: 700px;}
section.csinnerBannerSection .csinnerBannerinSec {  gap: 50px;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol {  max-width: calc(100% - (478px + 50px));}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxNumber h2 {  font-size: 60px;}
.CSInPostcounterInSec .CSInPostcounterboxsec {  gap: 20px;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox {  max-width: calc(25% - 15px);}

section.CSInPostMissionSection:before { top: 45%;  right: -70px;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  gap: 50px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyRtCol {  max-width: calc(40% - 50px);}
.newarticleInnersingleimg {    height: 600px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  min-height: 400px;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboximg {  height: 400px;}


.ServiceBannerInSec .ServiceBannerImage {  right: -30px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain {  gap: 70px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  font-size: 70px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {  max-width: 229px;}
section.ServicediverseSection .ServicediverseInSec {  gap: 60px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol {  max-width: calc(100% - (608px + 60px));}

.CSInPostSolutionInSec .CSInPostSolutiontwoimg { height: 450px; }
section.Homebannersection.errorpage_section .HomeBannerImg {width: 70%;}
  
}

@media (max-width : 1280px){
h1, .h1 {  font-size: 70px;}
h2, .h2 {    font-size: 40px;}
h3, .h3 {    font-size: 26px;}
.headerinsec nav .headermenusec { max-width: calc(100% - 120px);  justify-content: flex-end;}


.intelligentTwoColSec .intelligentLTCol { max-width: 50%;}
.intelligentTwoColSec .intelligentRTCol {  max-width: calc(50% - 30px);}
.intelligentTwoColSec {  gap: 30px;}
.twocolvideosection .twocolvideoinsec .twocolvideotitlesection {  max-width: 50%;}
.twocolvideosection .twocolvideoinsec {  gap: 30px;}
.twocolvideosection .twocolvideoinsec .twocolvideobox {  max-width: calc(50% - 30px);}
.gamelimitTitle h2 {  font-size: 70px;}
section.whatwedosection {  padding: 70px 0;}
.whatwedosliderBoxIn {  padding: 35px;}
/* .whatwedosliderBox .whatwedosliderBoxImg img {  min-height: 450px;} */
.whatwedosliderBox .whatwedosliderCntBox {  max-width: 50%;}
.whatwedosliderBox .whatwedosliderBoxImg {  max-width: calc(50% - 64px);}
section.ourproductsection {  padding: 70px 0;}
.ourproducttitle { margin-top: 30px;}
.ourproductBoxSec {  gap: 30px;}
.ourproductBoxSec .ourproductBox{  max-width: calc(33.33% - 20px);}
.ourproductBoxSec .ourprojectsshape {    bottom: -40px;}
.viewallprojects {    margin-top: 60px;}
.whatourclientInSec .whatourclienttitle h2 {   font-size: 70px;}
.whatourclientInSec .whatourclienttitle {   max-width: 42%;}
.whatourclientInSec .whatourclientsliderBoxSection {    max-width: calc(57% - 50px);}
section.whatourclientsection {    padding: 70px 0 0;}
.footerbtstrip {    padding-bottom: 70px;}


.intelligentLTCol img {  min-height: 368px;}

.gradientfont * {  font-size: 70px;}
h1.font77, .font77 h1 {   font-size: 70px;}

section.ourmissionSection .ourmissionshapetp {  width: 38%;    top: 0;}
section.ourmissionSection {    padding: 70px 0;}
.ourmissiontwocolimgsec {    margin-top: 70px;}
.ourcompanyinnersection {    padding: 100px;}
section.ourcompanySection {   padding: 120px 60px 120px 0;}
section.ourcompanySection .ourcompanybackgroundimg {   width: calc(100% - 60px);}
section.LatestUsSection {    padding: 70px 0;}
.LatestUsBoxSection {   gap: 24px;}
.LatestUsBoxSection .LatestUsBox {    max-width: calc(33.33% - 16px);}
section.GamingawardSection {    padding: 70px 0;}

.GamingawardBoxSection .GamingawardBox {  padding: 24px;}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxImg { width: 100%;  max-width: 250px;}

section.AboutBannerSec.ContactBannerSec {   padding: 70px 0;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape svg {width: 100%;height: 100%;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape {  top: 0;  width: 40%;  right: -10%;}
.contactjointeamBoxSec {   max-width: 600px;}
.contactjointeaminsec .contactjointeamarrow {  left: 600px;}
section.contactzigzagsec {  padding: 70px 0;}
.contactzigzagboxsec+* {  padding-top: 70px;}


section.CareerBannerSection { padding: 200px 0;}
section.CareerBannerSection .CareerBannershape1st {  top: calc(200px + 40px);}
section.CareerBannerSection .CareerBannershape3rd {  width: 57%;}
section.CareerBannerSection .CareerBannershape3rd svg {    width: 100%;}
section.CareerBannerSection .CareerBannershape2nd {   right: 40px;}
section.Careergametwocolboxsection .Careergametwocolboxshape2nd {  left: -140px;}
section.CareerrecruitingSec {  padding: 70px 0;}


section.CareerBannerSection {  padding: 200px 0 100px;}
section.CareerBannerSection .CareerBannershape3rd {  width: 55%;  top: -50px;}


.whatwedosliderSection .carousel__nav {  right: 15px;}


section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoximg { height: 350px;}
section.casestudypostSection {  padding: 60px 0 70px;}


.CSInmoreCaseSinsec .CSInmoreCaseSrtCol {  max-width: 100%;}
section.csinnerBannerSection {  padding: 70px 0;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags {  margin-top: 40px;}
.CSInnerPostBodySection {  padding: 70px 0;}
.CSInPostMissionTitleSec {  padding: 70px 0;}
.CSInPostSolutionInSec .CSInPostSolutionTwoColSec {  padding: 70px 0;}
section.CSInmoreCaseSSection {  padding: 70px 0;}
.CSInmoreCaseSinsec .CSInmoreCaseSltCol {  max-width: 100%;}
.CSInmoreCaseSslickbtns {  margin-top: 40px;}
section.CareervalueslideSection.CSInServiceSection {  padding: 70px 0;}
section.CSInInterestedSection {  padding: 70px 0;}
section.CSInInterestedSection .CSInInterestedInsec {  gap: 50px;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec {  max-width: calc(100% - (731px + 50px));}
section.CSInPostcounterSection { padding: 70px 0; }

.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxRTCol { max-width: 399px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxLTCol {  max-width: calc(100% - (399px + 30px));}

section.CSInPostMissionSection:before { top: 50%;}
.CSInPostMissionTitleSec .CSInPostMissionshape {  bottom: 50px;}

section.NewsindexbannerSection .newindexbannershape {  top: -57%;}
section.casestudypostSection.Newsindexpostsection .Newsindexpostshape { top: calc(350px + 50px);    left: 0;}
section.casestudypostSection.Newsindexpostsection .Newsindexpostshape2nd {  width: 200px; height: 200px; bottom: calc(350px + 200px);}
section.NewsindexbannerSection {  padding: 70px 0 60px;}

section.NewsarticlepTitleSec.CSPostBodySection {  padding: 70px 0 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:before {  top: 28.6%;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  padding: 70px 0;}
.newarticleInnersmpcnt {  padding: 70px 0;}
.newarticleInnerquotesec {  padding: 70px 0;}
section.Newsarticlerelatedpostsection {  padding-bottom: 70px;}

section.ourcompanySection .ourcompanyTitle h2 {  font-size: 50px;}

.ServiceBannerInSec {  padding: 130px 50px 123px;}
.ServiceLogoTitleSec {  margin-left: 30px;    max-width: 800px;}
section.ServiceSvideoSection {  padding: 70px 0;}
section.ServiceLogoSection .ServiceLogoShape svg {   width: 80%;}
section.ServiceLogoSection .ServiceLogoShape {   text-align: end;    bottom: -250px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo {  height: 450px;}
section.ServiceHoldingSection {    padding: 70px 0;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingTitle {    max-width: 300px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec {    max-width: calc(100% - (300px + 60px));}
section.ServiceHoldingSection .ServiceHoldingshape {    top: 0;    text-align: start;}
section.ServiceHoldingSection .ServiceHoldingshape svg {    width: 80%;}
section.ServiceCounterSection {    padding: 70px 0;}
section.ServiceCounterSection .ServiceCounterTitle {    max-width: 500px;}
section.ServicediverseSection {    padding: 70px 0;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol:before {    left: -23px;}
section.LatestUsSection.ServiceCasestudiesSection {    padding: 70px 0;}
section.ServiceFAQSection { padding: 70px 0; }

section.ServiceFAQSection .ServiceFAQShape2nd {   text-align: end;}
section.ServiceFAQSection .ServiceFAQShape2nd svg {  width: 75%;}
section.ServiceFAQSection .ServiceFAQShape1st {  text-align: start;    top: -120px;}
section.ServiceFAQSection .ServiceFAQShape1st svg {  width: 65%;}
section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape {  text-align: end;}
section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape svg {  width: 70%;}


.SubServiceZigzagBox {  gap: 70px;}
.SubServiceZigzagBox .SubServiceZigzagBoxImg {  max-width: 50%;}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt {  max-width: calc(50% - 70px);}
section.ServiceLogoSection.SubServiceLogoSection {  padding: 70px 0;}
.SubServiceCounterSection {  padding: 70px 0;}
.SubServiceCounterSection .SubServiceCounterShape1st {  left: 20px;    width: 150px;    height: 150px;}
.SubServiceCounterSection .SubServiceCounterShape2nd {  width: 150px;  height: 150px;}
.SubServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  font-size: 70px;}

section.CSPostBodySection.CaseStudyPostBodySection .CSPostBodyIn .CSPostBodyLtCol p { font-size: 20px; }

section.generalenquiriesSection {   padding: 70px 0;}
section.whatyouneedsection {   padding: 70px 0;}


.contactzigzagbox .contactzigzagboxRTCol img {
    min-height: 600px;
}

section.Homebannersection {  padding: 200px 0 100px;}
.HomeBannerImg {    width: 64%;}


}


@media (max-width : 1230px){

.headerinsec nav .headermenusec { gap: 30px;}
.headerinsec nav .headermenusec { max-width: calc(100% - 120px); justify-content: flex-end;}
.headerinsec nav .headermenusec .headermenu > ul { gap: 30px;}
h1, .h1 {  font-size: 60px;}
.HomeBannerContent {  padding-top: 20px;}
.gamelimitInSec .gamelimitLTCol {  max-width: 50%;}
.gamelimitInSec {  gap: 30px;}
.gamelimitInSec .gamelimitRTCol {  max-width: calc(50% - 30px);}
h4, .h4 {  font-size: 22px;}
.HomeBannerImg .HomeBannerImg1st {
    right: -230px;
}
.gamelimitsection .gamelimitLTimg {  width: 95%;margin-left: 143px;}
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext { left: 40px;    bottom: 30px;}
.gamelimitsection {  padding-top: 100px;}
.gamelimitInSec .gamelimitshape {  width: 52%;    top: -120px;}
.gamelimitInSec .gamelimitshape svg {  width: 100%;}
.gamelimitshape2nd {  top: calc(-100% + 47px );    left: calc(50% + -3px);}
.whatwedosliderBoxIn {  gap: 30px;}
.whatwedosliderBox .whatwedosliderBoxImg {    max-width: calc(50% - 30px);}
.whatourclientInSec .whatourclienttitle h2 {    font-size: 60px;}
.footerbtstrip {   margin-top: 50px;    justify-content: center;}
.footerbtstrip .footerrtcolsec {    max-width: 100%;}


.intelligentLTCol img {  min-height: 318px;}

.ourcompanyinnersection { padding: 80px 100px 80px 50px; max-width: 600px;}
.ourcompanyTitle {  max-width: 300px;    width: 100%;}
.ourcompanyinnersection .ourcompanybtn {  left: unset;  right: -70px;}

.HomeBannerImg .HomeBannerImg1st {  width: 80%;  top: -40px;}

.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 100px !important;}

.CareergametwocolboxInsec {  gap: 50px;}
.CareergametwocolboxInsec .CareergametwocolboxLtCol { max-width: calc(50% - 25px);}
.CareergametwocolboxInsec .CareergametwocolboxRTCol {  max-width: calc(50% - 25px);}

section.ourcompanySection .ourcompanyTitle h2 {
    font-size: 40px;
}

section.imgblock {
    height: auto;
}
.Careerteamsliderinsec { padding: 50px;}
.Careerteamsliderinsec .Careerteamslidertitle h2 {  font-size: 40px;}
.CareerteamsliderBoxIn {  padding: 20px 0 0 20px;}
section.whatwedosection .whatwedoshape3rd {  display: none;}

section.csinnerBannerSection .csinnerBannertitle h1 {  font-size: 45px;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerRTCol { max-width: 40%;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol {  max-width: calc(100% - (40% + 50px));}
.CSInPostMissionTitleSec .CSInPostMissionshape {  bottom: 50px;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol {  max-width: 60%;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol {  max-width: calc(40% - 50px);}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox {  max-width: calc(50% - 15px);}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedtitle h2 {  font-size: 60px;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedtitle {  max-width: 600px;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec {  max-width: calc(100% - (600px + 50px));}

section.CSInPostMissionSection:before {  top: 45%;}

.Newsindexbannertitle h1 { font-size: 60px;}
.Newsindexbannercontent {  margin-top: 30px;}
section.NewsindexbannerSection .newindexbannershape {  width: calc(100% + 2px);}


.CareerBannerContent p { font-size: 22px; }
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSInnerPostbodyshape2nd {  top: -16%;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:before {  top: 30%;    left: -13%;}
.newarticleInnersingleimg:before { left: -15%;}


.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec {  gap: 24px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  max-width: calc(50% - 12px);    min-height: 350px;}
.newarticleInnersingleimg {  height: 450px;}


.ServiceBannerInSec .ServiceBannerImage {  width: 50%; right: 0;}
.ServiceBannerInSec .ServiceBannershape2nd {  text-align: end;}
.ServiceBannerInSec .ServiceBannershape2nd img {    width: 57%;}
.ServiceBannerInSec .ServiceBannershape1st {   text-align: end;}
.ServiceBannerInSec .ServiceBannershape1st svg {  width: 60%;    height: 125%;}
.ServiceBannerInSec .ServiceBannertitlesec {  max-width: 600px;}
section.ServiceBannerSection {   padding-bottom: 50px;}
.ServiceLogoTitleSec {   margin-left: 0;}
.ServiceSvideoBoxMain .ServiceSvideoBox {   padding-right: 0;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox {    gap: 24px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideoCntBoxTp {   max-width: calc(100% - (498px + 24px));}
.ServiceSvideoBoxMain .ServiceSvideoBox {   max-width: 100%;}
.ServiceSvideoBoxMain {   gap: 24px;}
section.ServiceHoldingSection .ServiceHoldingInSec {  gap: 24px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec {  max-width: calc(100% - (300px + 24px));}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec {   gap: 24px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox {  max-width: calc(50% - 12px);}
section.ServiceCounterSection .Servicecounterdot1st {   text-align: left;    top: -64%;}
section.ServiceCounterSection .Servicecounterdot1st img {   width: 74%;}
section.ServiceCounterSection .ServiceCounterBoxMain {  margin-top: 70px;}
section.ServiceCounterSection .ServiceCounterImg {  max-width: 500px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {  font-size: 60px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {  max-width: 200px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxContent h4 {   font-size: 20px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol {  max-width: 50%;    height: 500px;}
section.ServicediverseSection .ServicediverseInSec {    gap: 24px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol {   max-width: calc(50% - 24px);}
.LatestUsTitleSection .LatestUsTitleRTCol a {   white-space: nowrap;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsTitleLTCol {  max-width: 70%;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsTitleRTCol {   max-width: calc(30% - 30px);}
section.ServiceCounterSection .ServiceCounterShape {   width: 53%;}
section.ServicediverseSection .Servicediverseshape {   right: 298px;}
section.ServicediverseSection .Servicediverseshape svg {    width: 100%;    height: 100%;}


.SubServiceBannerTitle h1 {  font-size: 60px;}
.SubServiceBannerIn {  gap: 24px;}
.SubServiceBannerIn .SubServiceBannerLTCol {  max-width: 55%;    padding: 30px 0 30px 80px;}
.SubServiceBannerIn .SubServiceBannerRTCol {  max-width: calc(45% - 24px);}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg {  top: 30px;    width: 60px;    height: 60px;}
.SubServiceZigzagBox {  padding: 40px 0;}
.SubServiceZigzagBox:last-child {  padding: 40px 0 120px;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st {  right: -150px;}
.SubServiceZigzagBox:before {  top: 15px;}


section.SubServiceZigzagSection .SubServiceZigzagshape4th {
    bottom: -150px;
    right:-50px
}

.newarticleInnersingleimg:after {
    bottom: 30%;
}

.generalenquiriesInSec .generalenquiriesRTCol {
    max-width: calc(100% - (354px + 50px));
}

section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol {
    max-width: calc(100% - (354px + 50px));
}
.HomeBannerinsec {
    max-width: 550px;
}

.CSPostBodyfetureimg {
    height: 600px;
}
section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {
    height: 56.25%;
}

section.Homebannersection.errorpage_section .HomeBannerImg {width: 50%;}
 

}



@media (max-width : 1080px){
h1, .h1 {  font-size: 50px;}
h4, .h4 {   font-size: 20px;}

.footerbtstrip .footerrtcolsec .footermenu { max-width: calc(40% - 33.33px);    width: 100%;}
.footerbtstrip .footerrtcolsec  .footerlogomenu {    max-width: calc(60% - 33.33px);    width: 100%;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul {    gap: 20px;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li {max-width: calc(33.33% - 14px) !important;width: 100%;}
.footerbtstrip .footerrtcolsec { gap: 50px;} 
.whatourclientInSec .whatourclienttitle h2 { font-size:55px ; }


.HomeBannerContent p {  font-size: 20px;}
.HomeBannerCTA {  margin-top: 20px;}
.HomeBannerinsec {  max-width: 50%;}
.HomeBannerImg {top: 50px;}
.HomeBannerImg svg {width: 100%;height: 100%;}
.intelligentTwoColSec {    align-items: flex-start;}
.intelligentTwoColSec .intelligentRTCol {   padding-bottom: 0;}
.gamelimitsection {    padding-top: 88px;}
.gamelimitTitle h2 {    font-size: 64px;}
.gamelimitContent {    max-width: 350px;    margin: 30px 0 0 auto;}
.gamelimitsection .gamelimitLTimg {    margin-top: -90px;}
.gamelimitInSec .gamelimitshape {    top: -110px;}
.whatwedosliderCntBoxTitle h2 {    font-size: 35px;}
.whatwedosliderBox .whatwedosliderCntBox .whatwedosliderCntBoxtags ul li a {    padding: 12px 10px;}
.whatourclientInSec .whatourclienttitle h2 {    font-size: 50px;}
.whatourclientInSec .whatourclienttitle {    max-width: 40%;}
.whatourclientInSec .whatourclientsliderBoxSection {    max-width: calc(60% - 50px);}


.intelligentLTCol img {  min-height: 288px;}


.headerinsec nav .headermenusec {  gap: 20px;}
.headerinsec nav .headermenusec .headermenu > ul {  gap: 25px;}
.headerinsec nav .headermenusec .headerbtns a.headercta {  padding: 19px 20px;}
.headerinsec nav .headermenusec .headerbtns a.languageswitcher {  padding: 17px 20px;}

.gradientfont * {    font-size: 64px;}
h1.font77, .font77 h1 {  font-size: 50px;}

.AboutBannerContent p { font-size: 20px; }
section.teamtalentSection .teamtalentInsec .teamtalentcontent p { font-size: 20px; }
.AboutBannerIn {  max-width: 570px;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p { font-size: 20px; }

.GamingawardBoxSection .GamingawardBox .GamingawardBoxImg {  max-width: 180px;}
.ourmissiontwocolimgsec {  gap: 24px;    margin-top: 50px;}
.ourmissiontwocolimgsec .ourmissionimg {    width: calc(50% - 12px);}
.ourmissioncontent {    gap: 24px;}
.ourmissioncontent .ourmissionltcnt {  width: calc(50% - 12px);}


.contactjointeaminsec { padding: 70px 64px 80px;}
.contactjointeaminsec .contactjointeamarrow {   width: 200px;    left: 550px;}
.contactjointeaminsec .contactjointeamarrow svg {    width: 100%;    height: 100%;}

section.AboutBannerSec.ContactBannerSec .AboutBannerTitle h1 { line-height: 1; } 

.HomeBannerImg .HomeBannerImg1st {  top: 0;}

section.Careergametwocolboxsection .Careergametwocolboxshape2nd {  width: 100%;}
section.Careergametwocolboxsection .Careergametwocolboxshape1st {  top: 0;}
.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 50px !important;}
.Careerteamsliderinsec .Careerteamslidertitle {  max-width: 40%;}
.Careerteamsliderinsec .CareerteamslidersecMain {   max-width: calc(60% - 50px);}

section.intelligentsection.casestudybannersection .intelligentTwoColSec .intelligentRTCol .intelligentContent * {  font-size: 20px;}

section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerRTCol {  max-width: 30%;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol {  max-width: calc(100% - (30% + 50px));}
.CSPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  max-width: 60%;}
.CSPostBodySection .CSPostBodyRtCol {  max-width: calc(40% - 24px);}
.CSInnerPostBodySection .CSInnerPostbodyshape2nd {  top: -100%;}

section.CSInPostMissionSection:before { top: 40%; }


.Careerrecruitingcnt {  margin-top: 32px;}
.Careerrecruitingcnt * {  font-size: 22px;}
section.CareerrecruitingSec .Careerrecruitingtitle h2 { font-size: 70px;}
.CareerrecruitingFilterBoxSec {  padding: 40px;}

section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle h1 {   font-size: 50px;}
.newarticleInnerquotesec blockquote ,blockquote {  font-size: 22px;}
section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle {  margin-bottom: 40px;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .CSInnerPostbodyshape2nd {  top: -18%;    right: -5%;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboximg {   height: 350px;}


.ServiceBannerInSec .ServiceBannertitlesec {  max-width: 500px;}
.ServiceBannerInSec .ServiceBannershape3rd {  left: -20px;    top: 20px;}
.ServiceBannerInSec {   padding: 60px 30px;}
.ServiceBannerInSec .ServiceBannerImage {  top: 0;}
.ServiceLogoBoxSection .ServiceLogoBoxMain {  gap: 40px;}
section.ServiceCounterSection .ServiceCounterImg {display: none;}
section.ServiceCounterSection .ServiceCounterContent {  max-width: 100%;}

.SubServiceBannerTitle h1 {  font-size: 50px;}
.SubServiceBannerSubTitle h5 {  letter-spacing: 1.2px;}
.SubServiceCounterSection .ServiceCounterBoxMain {  gap: 50px;}
.SubServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {  max-width: calc(33.33% - 33.33px);    width: 100%;}

.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:after {
    top: 41%;
    right: -54px;
}
}

@media (max-width : 991px){

.newarticleInnersingleimg:after {
    display: none;
}
.mobilemenu { display: flex !important; width: 40px;  height: 40px; align-items: center; justify-content: center;}
a.expandmenu {display: block;cursor: pointer;padding: 3px;position: relative;top: 0px;right: 0;}
		a.expandmenu i { position:relative; width: 30px; left:0; height: 2px; opacity:1; display: block; background: #fff; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
		a.expandmenu i:first-child {  margin-top: 0;}
		a.expandmenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 6px; position: relative; }
		a.expandmenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; }
		a.expandmenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; }





.headerinsec nav .headermenusec { position: absolute; width: 100%; left: 0; top: 0; flex-direction: column;  max-width: 100%;  height: 100vh;  background: #2F2D2E;  justify-content: space-between; display: none; overflow-y: auto;}
.headerinsec nav .headermenusec .headermenu {  margin-top: 120px;}
.headerinsec nav .headerlogo {  position: relative;    z-index: 2;}
.mobilemenu {    position: relative;    z-index: 2;}
.headerinsec nav .headermenusec .headermenu > ul {  flex-direction: column;    gap: 12px;}
.headerinsec nav .headermenusec .headermenu > ul > li > a {    font-size: 32px;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > a:before {    width: 22px;    height: 22px;   background-size: 21px;    right: 0;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > a {padding-right: 23px;}
.headerinsec nav .headermenusec .headersocialmenumobile {    display: block !important;}
.headerinsec nav .headermenusec .headersocialmenumobile p {  color: #fff;}
.headerinsec nav .headermenusec .headersocialmenumobile p span {font-weight: 600;}
.headerinsec nav .headermenusec .headersocialmenumobile ul {    margin: 24px 0 0;    padding: 0;    list-style: none;  display: flex; align-items: center;    gap: 30px;}
.headerinsec nav .headermenusec .headersocialmenumobile ul li {    line-height: 1;}

.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul { position: unset;opacity: 1;visibility: visible; min-width: 100%; background-color: transparent; box-shadow: unset; display: none; transition: unset;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul li:not(:last-child) a { border: unset; padding: 8px;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child > ul li a { color: #fff; text-align: center;  font-size: 20px;}
.headerinsec nav .headermenusec .headermenu  ul {  text-align: center;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child:hover > a:before {transform: translateY(-50%) rotate(-45deg);}

.headermenusecbtnsec { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; padding: 24px 24px 40px;}
.headerinsec nav .headermenusec .headermenu {  width: 100%;  padding: 0 24px;}
.headerinsec nav .headermenusec.desktopviewhead { display: none !important;}

.headermenusecInSec { display: flex; flex-direction: column; justify-content: space-between; width: 100%;  height: 100%;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child.active > a { color: #0094C6;}
.headerinsec nav .headermenusec .headermenu > ul > li.has-child.active > a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' viewBox='0 0 23 26' fill='none'%3E%3Cpath d='M11.8203 25.8455L0.698287 14.5322L3.78402 11.3935L9.63428 17.3438L9.63428 0.513671L13.9979 0.513671L13.9979 17.3535L19.8572 11.3935L22.9424 14.5322L11.8203 25.8455Z' fill='%230094C6'/%3E%3C/svg%3E");
    transform: translateY(-50%) rotate(0deg);}

header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.headercta { background-color: #fff; color: #2F2D2E;}
header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher {
    width: 100%;
}

header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cpath d='M4.72665 10.8081L0.211113 6.21496L1.46391 4.94062L3.83911 7.35643L3.83911 0.523437L5.61073 0.523437L5.61073 7.36039L7.9896 4.94062L9.24219 6.21496L4.72665 10.8081Z' fill='white'/%3E%3C/svg%3E");
}



.HomeBannerImg .HomeBannerImg1st {  width: 100%;    right: -61px;}
.HomeBannerImg {    top: 50px;}
section.Homebannersection { padding: 150px 0 100px;}
.HomeBannerinnerSec .HomeBannerShape1 {  display: none;}
.intelligentTwoColSec .intelligentLTCol {  max-width: 100%;}
.intelligentTwoColSec .intelligentRTCol {  max-width: 100%;}
section.intelligentsection {  padding: 80px 0 40px;}
section.clientlogosection {  padding: 40px 0;}
.clientlogoboxsec {  margin-top: 25px;}
.twocolvideosection {  padding: 40px 0;}
.twocolvideosection .twocolvideoinsec .twocolvideotitlesection {  max-width: 100%;    order: 2;}
.twocolvideosection .twocolvideoinsec .twocolvideobox {  max-width: 100%; order: 1; position: relative;    z-index: 2;}
.twocolvideosection .videoboxshape2nd {width: 76%;top: calc(50% - 50px);opacity: 50%;}
.twocolvideosection .videoboxshape2nd svg {  width: 100%;    height: 100%;}
.twocolvideosection .videoboxshape1st {    bottom: unset;    top: 30px;    z-index: 2;}
.gamelimitshape2nd {    display: none;   }
.gamelimitInSec .gamelimitLTCol {  max-width: 100%;    order: 2;}
.gamelimitInSec .gamelimitRTCol {  max-width: 95%;    order: 1;  margin: 0 auto; padding: 0 15px 80px;}
.gamelimitSubTitle {  max-width: 100%;   text-align: left;}
.gamelimitContent {   max-width: 100%;}
.gamelimitContent .gamelimitContentin { max-width: 100%;}
.gamelimitsection .gamelimitLTimg {  margin-left: 0;}
.gamelimitInSec .gamelimitLTCol .gamelimitLTtext { display: none;}
.gamelimitInSec .gamelimitshape {  top: unset; bottom: 0;  left: 0;  z-index: 1; width: 78%;  height: 50%;}
.gamelimitsection .gamelimitLTimg {  position: relative;    z-index: 2;}
.gamelimitsection {    padding-top: 40px;}
section.whatwedosection {  padding: 80px 0;}
section.whatwedosection .whatwedoshape1st { display: none;}
section.ourproductsection { padding: 80px 0;}
.whatourclientInSec .whatourclienttitle {  padding-top: 0; max-width: 100%;}
.whatourclientInSec .whatourclienttitle h2 {  text-align: center;}
.whatourclientInSec .whatourclientsliderBoxSection {  max-width: 100%;}
.whatourclientBoxContent {  text-align: center;}
.whatourclientBox:before {  display: none;}
section.whatourclientsection { padding: 80px 0 0;}
.jointheteamsection .jointheteamtitle {  max-width: 100%;}
.jointheteamboxsec {  flex-wrap: wrap;}
.whatourclientInSec .whatourclienttitle {  padding-top: 0;  max-width: 100%;}
.whatourclientInSec .whatourclienttitle h2 {  text-align: center;}
.whatourclientInSec .whatourclientsliderBoxSection {  max-width: 100%;}
.whatourclientBoxContent {  text-align: center;}
.whatourclientBox:before {  display: none;}
section.whatourclientsection {  padding: 80px 0 0;}
.jointheteamsection .jointheteamtitle {  max-width: 100%;}
.jointheteamboxsec {  flex-wrap: wrap;}
.whatwedosliderinSec {  max-width: 100%;}
.whatwedosliderBox .whatwedosliderCntBox {  max-width: 100%; order: 2;}
.whatwedosliderBox .whatwedosliderBoxImg {  max-width: 100%; order: 1;}
.whatwedosliderBoxIn {  clip-path: unset;}
.whatwedosliderdots {  position: unset; padding-top: 75px;  display: flex;  justify-content: center;  gap: 12px;}
.whatwedosliderdots span.swiper-pagination-bullet-active {  height: 12px;    width: 58px;}
.whatwedosliderBox .whatwedosliderCntBox .whatwedosliderCntBoxtags {  display: none;}
.gamelimitLTshape {  padding-bottom: 0;    height: 80%;}


/* section.whatwedosection .wrapper {  max-width: 100%;    padding: 0 0 0 15px;} */
.whatwedotitle {  padding-right: 15px;}

.whatourclientBox { margin: 0; }
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow {  left: 0;}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow.slick-next {  left: calc(50px + 16px);}

.intelligentLTCol img {  min-height: 460px;}

.headerinsec nav .headermenusec .headerbtns {  flex-direction: column;  max-width: 345px;    width: 100%;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain {width: 100%;}
.headerinsec nav .headermenusec .headerbtns a.headercta {    width: 100%;    text-align: center;}
.headerinsec nav .headermenusec .headerbtns a.languageswitcher {    justify-content: center;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain ul {  position: unset;  opacity: 1;  visibility: visible;  border-radius: 0;display: none; transition: unset; width: 80%; margin: 10px auto 0;}
.headerinsec nav .headermenusec .headerbtns .languageswitchermain ul li a {  font-size: 18px;  text-align: center;}

html.mobilemenuopen {  overflow: hidden;}
.headerinsec nav .headermenusec .headermenu > ul > li > a {  padding: 0;}
.headerinsec nav .headermenusec .headermenu > ul > li > a {  line-height: 1.22;}


header.header.white_background_header a.expandmenu i {  background: #2F2D2E;}
.openmenu header.header.white_background_header .headerinsec nav .headerlogo a img {  filter: contrast(1) brightness(1);}
.openmenu header.header.white_background_header a.expandmenu i {  background: #fff;}
header.header.white_background_header .headerinsec nav .headermenusec .headermenu > ul > li > a {  color: #fff;}
header.header.white_background_header .headerinsec nav .headermenusec .headerbtns a.languageswitcher {  color: #fff; border-color: #fff;}


.ABoutbannerimgshape {  width: 130px;  height: 82px;}
.ABoutbannerimgshape svg {  width: 100%;  height: 100%;}
.gradientfont * {  font-size: 50px;}
section.teamtalentSection:before {  height: 30%;}

.AboutBannerInimg {  margin-top: 50px;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p {  font-size: 18px;}
.LatestUsTitleSection {  flex-direction: column;  justify-content: flex-start;  align-items: flex-start;  gap: 24px;}
.LatestUsTitleSection .LatestUsTitleRTCol {  max-width: 100%;  text-align: left;}
.LatestUsTitleSection .LatestUsTitleLTCol {  max-width: 100%;}
h3, .h3 {  font-size: 24px;    line-height: 1.1;}
.AboutBannerContent p {   font-size: 18px;}
section.teamtalentSection .teamtalentInsec .teamtalentcontent p { font-size: 18px; }
.AboutBannerIn {  max-width: 100%;}
.AboutBannerTitle {  max-width: 560px;}

.LatestUsTitleSection .LatestUsTitleRTCol {  display: none;}
.LatestUsbtn {  display: block !important; text-align: center;  margin-top: 48px;}

.contactjointeaminsec .contactjointeamarrow svg path {
    stroke-width: 4px;
}
.contactjointeaminsec {  padding: 80px 50px;    clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.contactjointeaminsec .contactjointeamarrow {    position: unset;    margin: 48px 0 0 auto;}
.contactzigzagbox {  gap: 40px;}
.contactzigzagbox .contactzigzagboxRTCol {  max-width: calc(100% - (295px + 40px));}
.contactjointeaminsec:hover .contactjointeamarrow { transform: unset; }

section.CareerBannerSection .CareerBannershape1st {  left: 0;}
section.CareerBannerSection .CareerBannershape3rd {display: none;}

section.Careergametwocolboxsection .Careergametwocolboxshape1st {  display: none;}
section.Careergametwocolboxsection .Careergametwocolboxshape2nd {  display: none;}
.CareergametwocolboxInsec .CareergametwocolboxLtCol { max-width: 100%;  order: 2;}
.CareergametwocolboxInsec .CareergametwocolboxRTCol {  max-width: 100%;    padding-bottom: 80%;}
.CareergametwocolboxInsec {  gap: 40px;}
.CareergametwocolboxLtCol .CareergametwocolContent { margin-top: 30px;}
.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 250px !important;}
.Careerteamsliderinsec .Careerteamslidertitle {  max-width: 100%; padding-top: 0;  text-align: center;}
.Careerteamsliderinsec .CareerteamslidersecMain {  max-width: 100%;}
.CareerteamsliderBoxText {  text-align: center;}
.Careerteamsliderinsec {  clip-path: unset;  padding: 80px 50px;}

section.intelligentsection.Intsversion1 .intelligentTwoColSec .intelligentRTCol {  order: 1;}
section.intelligentsection.Intsversion1 .intelligentTwoColSec  .intelligentLTCol {  order: 2;}


.whatwedosliderSection .carousel__nav {  display: none;}
.whatwedosliderdots {  display: block !important;}
.whatwedosliderBoxSec {  min-height: auto;  height: auto;}
.whatwedosliderBox {  position: relative;}
.whatwedosection {   height: 100%;}


section.intelligentsection.casestudybannersection {  padding: 40px 0 20px;}
section.casestudypostSection {  padding: 40px 0 80px;}
section.casestudypostSection .casestudypostBoxSec {  margin-top: 30px;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoximg {  height: 200px;}
section.casestudypostSection .casestudypostBoxInSec { gap : 24px; }
section.intelligentsection.casestudybannersection .intelligentTwoColSec .intelligentRTCol .intelligentContent * { font-size: 18px;; }
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoxtitle h2 {  font-size: 32px;}




section.intelligentsection.casestudybannersection .casestudybannershape {  top: 50%;}
section.intelligentsection.casestudybannersection .casestudybannershape svg {  width: 100%; height: 100%;}



section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol {  max-width: 100%;    order: 2;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerRTCol {   max-width: 345px;    order: 1;}
section.csinnerBannerSection .csinnerBannerinSec {    justify-content: center;    gap: 32px;}
.CSPostBodySection .CSPostBodyIn .CSPostBodyLtCol {    max-width: 55%;}
.CSPostBodySection .CSPostBodyRtCol {    max-width: calc(45% - 24px);}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest {    margin-top: 80px;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest ul {    flex-wrap: nowrap;}
.CSInPostMissionTitleSec .CSInPostMissionContent p {    font-size: 20px;}
.CSInPostSolutionInSec .CSInPostSolutiontwoimg {    gap: 24px; height: auto;}
.CSInPostSolutionInSec .CSInPostSolutiontwoimg img {    max-width: calc(50% - 12px);}
.CSInPostSolutionInSec .CSInPostSolutionSingleimg {    margin-top: 24px;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec {   max-width: 100%;}
section.CSInInterestedSection .CSInInterestedInsec {   flex-direction: column;    align-items: flex-start;  gap: 24px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxLTCol {   max-width: 100%;    order: 2;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxRTCol {   max-width: 100%;    order: 1;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn {    clip-path: polygon(100% 0, 100% 94%, 90% 100%, 0 100%, 0 0);    margin: 20px 10px;}

section.CSInPostMissionSection:before {  background-size: contain;  width: 150px; height: 150px; top: 38%;}

section.NewsindexbannerSection .newindexbannershape {height: calc(100% + 417px);top: 0;}

section.NewsindexbannerSection .newindexbannershape svg { width: 100%;    height: 100%;}
.Newsindexbannercontent p {    font-size: 22px;}
section.casestudypostSection.Newsindexpostsection .Newsindexpostshape { display: none;}
section.casestudypostSection.Newsindexpostsection .Newsindexpostshape2nd {  display: none;}

section.CareerrecruitingSec .Careerrecruitingtitle h2 {  font-size: 60px;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu .Careerrecruitingcheckboxstyle {  max-width: calc(50% - 8px);}

section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle h1 {  font-size: 40px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  max-width: 100%;    order: 2;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyRtCol {  max-width: 100%;    order: 1;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  gap: 40px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSInnerPostbodyshape2nd {    display: none;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:before {  display: none;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  min-height: 250px;    clip-path: polygon(100% 0, 100% 82%, 85% 100%, 0 100%, 0 0);}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {   padding: 50px 0;}
.newarticleInnersmpcnt {   max-width: 100%;    margin-left: 0;    padding: 50px 0;}
.newarticleInnerquotesec {  padding: 50px 0;    margin-left: 0;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboximg {  height: 333px;}




.ServiceBannerInSec .ServiceBannerImage {  position: relative;    margin-bottom: -168px;    width: 100%;  z-index: 1;}
.ServiceBannerInSec .ServiceBannershape1st {   bottom: 0; top: unset;}
.ServiceBannerInSec .ServiceBannershape1st svg {   width: 100%;}
section.ServiceBannerSection {   padding-bottom: 120px;}
.ServiceBannerInSec {   padding: 37px 34px 5px;}
.ServiceBannerInSec .ServiceBannertitlesec {   max-width: 100%;}
.ServiceBannerInSec .ServiceBannerContent p {   font-size: 20px;}
.ServiceBannerInSec .ServiceBannershape2nd {  top: unset;    bottom: 20%;  right: -38%;}
.ServiceBannerInSec .ServiceBannershape2nd img {  width: 100%;}
.ServiceBannerInSec .ServiceBannertitlesec .ServiceBannerTitle {  max-width: 500px;}
section.ServiceLogoSection {   padding: 80px 0 40px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain {  transform: translateX(0);    justify-content: space-between;}
.ServiceLogoBoxSection .ServiceLogoBoxMain:nth-child(even) {   transform: translateX(0);    justify-content: space-between;}
body.Servicevideovisible {    overflow-x: hidden;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo {   max-width: 100%;}
section.ServiceSvideoSection {    padding: 40px 0;}
section.ServiceSvideoSection .wrapRight {   padding-right: unset !important;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideoCntBoxTp {   max-width: 95%;    width: 100%;    padding: 0 15px;    margin: 0 auto;}
.ServiceSvideoBoxMain .ServiceSvideoBox {    max-width: calc(50% - 12px);}
.ServiceSvideoBoxMain {    gap: 48px 24px;}
section.ServiceHoldingSection {    padding: 80px 0;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec {   max-width: 100%;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingContent p {   font-size: 20px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingTitle {    max-width: 100%;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {    max-width: calc(33.33% - 34px);}
section.ServiceCounterSection {    padding: 80px 0;}
section.ServiceCounterSection .Servicecounterdot1st {    display: none;}
section.ServiceCounterSection .Servicecounterdot2nd {    display: none;}
section.ServiceCounterSection .ServiceCounterShape {    width: 100%;}
section.ServicediverseSection {    padding: 80px 0;}
section.ServicediverseSection .Servicediverseshape {    display: none;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol {    max-width: 100%;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol {    max-width: 100%;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol .ServicediverseContent {    max-width: 100%;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsTitleLTCol {    max-width: 100%;}



.SubServiceBannerIn .SubServiceBannerLTCol {  max-width: 100%;    order: 2;    padding: 0;  margin-top: -65px;}
.SubServiceBannerIn .SubServiceBannerRTCol {  max-width: 100%;    order: 1;}
.SubServiceBannerIn {  gap: 0;}
section.SubServiceBannerSection {  padding-bottom: 40px;}
.SubServiceBannerIn .SubServiceBannerLTCol .SubServiceBannerLTimg {  position: unset;    width: 80px;    height: 70px;  margin-bottom: 24px;}
.mobileimg { display: block; }
.desktopimg { display: none; }
.SubServiceBannerIn .SubServiceBannerRTCol {  height: 85vh;}
.SubServiceZigzagBox {   gap: 24px;}
.SubServiceZigzagBox .SubServiceZigzagBoxImg {  height: 345px;    max-width: 345px;}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt {  max-width: calc(100% - (345px + 24px));}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt .SubServiceZigzagBoxContent {  margin-top: 24px;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st {  right: 0;    width: 300px;    height: 300px;    top: 15%;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st svg {    width: 100%;    height: 100%;}
section.SubServiceZigzagSection .SubServiceZigzagshape2nd {    width: 300px;    height: 300px;}
section.SubServiceZigzagSection .SubServiceZigzagInShape2nd {   width: 200px;    height: 200px;    bottom: 350px;}
section.SubServiceZigzagSection .SubServiceZigzagInShape2nd svg {    width: 100%;    height: 100%;}

section.SubServiceZigzagSection .SubServiceZigzagshape4th {  right: -100px;    bottom: -128px;}


.footerbtstrip .footerrtcolsec .footermenu { max-width: calc(50% - 25px);    width: 100%;}
.footerbtstrip .footerrtcolsec  .footerlogomenu {    max-width: calc(50% - 25px);    width: 100%;}


.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob {  flex-direction: column;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob {  align-items: flex-start;    gap: 0; padding: 24px 0;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxtitle {  max-width: 100%;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxsite {  max-width: 100%;    text-align: left; margin-top: 12px;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxLocation {  max-width: 100%;    text-align: left;  margin-top: 4px;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxtag {  text-align: center;    margin-top: 12px;}
.CareerrecruitingListingBoxMain .CareerrecruitingListingBox .CareerrecruitingListingBoxJob .CareerrecruitingListingBoxdis {  margin-top: 4px; max-width: 100%;  text-align: left;}

section.AboutBannerSec.ContactBannerSec .ContactBannerShape { display: none; }

.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec:after { display: none; }

.generalenquiriesInSec .generalenquiriesLTCol {   max-width: 100%;}
.generalenquiriesInSec .generalenquiriesRTCol {    max-width: 100%;}
.generalenquiriesInSec .generalenquiriesLTCol .generalenquiriesmail {   display: none;}
.generalenquiriesCTA {    display: none;}
.generalenquiriesInSec .generalenquiriesLTCol .generalenquiriesContent {    margin-bottom: 0;}
.generalenquiriesInSec {    gap: 40px;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol {    max-width: 100%;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedLTCol .whatyouneedsmail {    display: none;}
section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol {    max-width: 100%;}
section.whatyouneedsection {    padding: 80px 0;}

.generalenquiriesBTCol {   display: block !important;}
.generalenquiriesBTCol .generalenquiriesCTA {    display: block;}
.generalenquiriesInSec .generalenquiriesBTCol .generalenquiriesmail {    margin-bottom: 32px;}
.whatyouneedBTCol {    display: block !important;}

.contactzigzagbox .contactzigzagboxRTCol img {
    min-height: 500px;
}

.whatwedosliderBox .whatwedosliderBoxImg img {
    min-height: 100%;
    height: calc(70vh - 96px);
}

section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {
    height: 56.25%;
}

}


@media (max-width : 767px){
.HomeBannerinsec {  max-width: 100%;}
/* .HomeBannerImg {  display: none;} */
.HomeBannerinsec .HomeBannerShape2 {  display: none;}
.HomeBannerinsec .HomeBannerShape1 {  display: block;}
section.Homebannersection .Hemobannermbimg {  display: block !important;    width: 100%; margin-top: -100px;}
section.Homebannersection .Hemobannermbimg img {
    width: 100%;
    height: 77%;
    object-fit: contain;
}
section.Homebannersection .Hemobannermbimg svg {  width: 100%;}
.HomeBannerinnerSec {  margin-top: -100px;}
section.Homebannersection {   padding-bottom: 63px;}
.wrapper {  max-width: 100%;  padding: 0 24px;}
.HomeBannerImg { display: none; }

.gamelimitInSec .gamelimitLTCol {  position: relative;}
.gamelimitInSec .gamelimitLTCol:before {  position: absolute; content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='191' viewBox='0 0 81 191' fill='none'%3E%3Cpath d='M412.338 -52.8201L1.41895 189.469V52.7512L412.338 -189.538V-52.8201Z' stroke='%23D4AF37'/%3E%3C/svg%3E");
    width: 44%;  height: 66%; right: 0; background-repeat: no-repeat;  background-size: contain; background-position: center right;  top: -162px;  right: -24px;}
h1, .h1 {  font-size: 48px;}
.HomeBannerContent {  padding-top: 16px;}
.HomeBannerCTA {  margin-top: 32px;}
.gamelimitTitle h2 {  margin: 0;}
.gamelimitContent {  margin: 24px 0 0 auto;}
.gamelimitInSec .gamelimitshape svg {  pointer-events: none;}
.whatwedotitle {   margin-bottom: 30px;}
.whatwedosliderCntBoxbtn a {  width: 100%;  text-align: center;}
.ourproductBoxSec .ourproductBox {   max-width: 100%;}
.whatourclientInSec .whatourclienttitle h2 {  font-size: 48px;}
.whatourclientInSec {  gap: 40px;}
.whatourclientBox {  margin: 0;}
.jointheteamsection {   bottom: 0;    box-sizing: content-box;    margin-top: 80px;    left: -24px;    padding: 32px  24px;}
.jointheteamsectionbg {    clip-path: unset;}
.jointheteamsection:hover .jointheteamsectionbg {    transform: unset;}
footer.footer {    padding-top: 80px;}

.footerbtstrip { margin-top: 0;  gap: 0; padding-bottom: 48px;}
.footerinsec > .footercontacsec {  display: none;}
.footerbtstrip .footercontacsec {display: flex !important;margin-top: 80px;width: 100%;flex-direction: column;gap: 24px;padding-bottom: 48px;border-bottom: 1px solid #4A4A4A;}
.footerbtstrip .footerrtcolsec {  gap: 0;}
.footerbtstrip .footerrtcolsec > div {  max-width: 100% !important;  justify-content: center;  align-items: center;}
.footerbtstrip .footerrtcolsec .footermenu {  text-align: center;}
.footerbtstrip .footerrtcolsec .footermenu ul {  margin-top: 32px;}
.footerbtstrip .footerrtcolsec .footermenu {   padding: 48px 0;    border-bottom: 1px solid #4A4A4A;}
.footerbtstrip .footerrtcolsec .footerlogomenu {  padding-top: 48px;  text-align: center;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul li {  max-width: max-content !important;}
.footerbtstrip .footerrtcolsec .footerlogomenu ul { gap: 24px;    justify-content: center;}
.footerbottomcolumn {  flex-direction: column;    gap: 8px;}
.whatwedosliderBox .whatwedosliderBoxImg img {  height: 260px;}
.swiper-slide.whatwedosliderBox {  margin-right: 0 !important; padding-right: 20px;}
section.whatwedosection .wrapper {  padding: 0;}
section.whatwedosection .whatwedotitle {  padding: 0 24px;}
.whatwedosliderSection { padding-left: 24px;; }
section.whatwedosection .whatwedoshape3rd { display: none; }

.intelligentLTCol img {  min-height: 384px;}

.HomeBannerShape1 .mobiledotimg { display : block }
.HomeBannerShape1 img:first-child { display : none }
.HomeBannerinnerSec .HomeBannerShape1 { top : -17px; left: -20px; }

.Hemobannermbimg { position: relative;}

section.Homebannersection .Hemobannermbimg svg {  position: relative;}


section.AboutBannerSec {  padding: 40px 0;}
.AboutBannerInimg {  margin-top: 32px;}
.ABoutbannerimgshape {  width: 77px;  height: 50px;  right: 0;}
section.AboutBannerSec .AboutBannerShape {  width: 50%;}
section.teamtalentSection {  padding: 40px 0;}
section.teamtalentSection:before {  width: 100px; top: 0}
section.teamtalentSection .teamtalentInsec {  max-width: 100%;}
.teamtalenttitle {max-width: 400px;width: 100%;}
section.teamtalentSection .teamtalentInsec .teamtalentcontent {  margin-top: 24px;}
section.teamtalentSection .teamtalentinshape2nd {  top: 0;}
section.teamtalentSection .teamtalentinshape3rd {  display: none;}
.ourmissioncontent .ourmissionltcnt {  width: 100%;}
.ourmissioncontent {  gap: 32px;}
.ourmissionshapeleft {    display: none;}
.ourmissiontwocolimgsec {   margin-top: 40px;}
.ourmissiontwocolimgsec .ourmissionimg {  width: 100%;}
section.ourcompanySection {  padding: 336px 24px 0;}
section.ourcompanySection .ourcompanybackgroundimg {   width: 100%;    height: calc(100% - 100px);}
.ourcompanyinnersection {    padding: 40px 24px;}
.ourcompanyinnersection .ourcompanybtn {   position: unset;    margin-top: 25px; text-align: end;}
.LatestUsBoxSection .LatestUsBox {  max-width: 100%;}
.GamingawardBoxSection {  gap: 24px;}
.GamingawardBoxSection .GamingawardBox {  max-width: calc(50% - 12px);}

section.ourmissionSection {  padding: 40px 0;}
section.LatestUsSection {  padding: 40px 0;}
.ourmissioncontent {  margin-top: 32px;}
.LatestUsBoxSection {  margin-top: 40px;}

section.AboutBannerSec.ContactBannerSec { padding: 40px 0;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape {    width: 30%;}
section.contactjointeamsec .wrapper {    max-width: 100%;    padding: 0;}
.contactjointeaminsec {    clip-path: polygon(100% 0, 100% 92%, 90% 100%, 0 100%, 0 0);}
.contactzigzagbox .contactzigzagboxLTCol {    max-width: 100%;    order: 2;}
.contactzigzagbox .contactzigzagboxRTCol {    max-width: 100%;    order: 1;}
section.contactzigzagsec {    padding: 80px 0;}
section.contactzigzagsec .contactdotgrid {    display: none;}
.contactgoldsvg {    display: none;}
.contactbtgoldsvg {   display: none;}
.contactzigzagboxsec+* { padding-top: 80px; }

section.AboutBannerSec.ContactBannerSec .AboutBannerShape svg {  display: none;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape:before {position: absolute; content: ''; inset: 0; background-image: var(--ABannershapebg);top: 0;background-repeat: no-repeat;background-size: contain;background-position: center top;right: 0;}
section.AboutBannerSec.ContactBannerSec .AboutBannerShape {  top: -100px;  width: 194px;  height: 273px;}
.contactjointeaminsec { padding: 80px 24px; }



.HomeBannerImg:before {  position: absolute;    content: '';    width: 120px; height: 165px;    background-image: var(--bgdot); left: 50%;  top: 83px;    z-index: 0;    pointer-events: none;}
.HomeBannerImg {  position: relative;  order: 1; top: 0; right: 0;  width: 100%;  margin-top: -140px; display: none !important;}
section.Homebannersection { display: flex; flex-direction: column;}
section.Homebannersection .wrapper {  order: 2;}
.HomeBannerImg .HomeBannerImg1st {  right: 100px;    width: calc(100% + 110px);}
.HomeBannerImg .HomeBannerImg2nd {    width: 70%;    left: 54%;    top: 37%;}
.HomeBannerImg .HomeBannerImg2nd svg {    width: 100%;}
.HomeBannerImg .HomeBannerImg1st svg {    width: 100%;}
section.CareerBannerSection .CareerBannershape2nd {   display: none;}
section.CareerBannerSection .CareerBannershape1st {   top: calc(200px - 40px);    left: -37px;}
.CareervalueslideBoxanmbx .CareervalueslideBoxContent {   opacity: 1;    transform: translateY(0) !important;    margin-top: 10px;}
.CareervalueslideBoxText {    transform: translateY(0);}
.CareervalueslideslideBoxsec .slick-list.draggable {    padding-right: 150px !important;}
.CareervalueslideBoxIn {   clip-path: polygon(8% 0, 100% 0, 100% 81%, 89% 100%, 0 100%, 0 12%);}
section.CareervalueslideSection {   padding: 40px 0;}
section.Careergametwocolboxsection {    padding: 40px 0 80px;}
.CareergametwocolboxInsec {    gap: 32px;}
section.ourmissionSection.version1 {    padding: 40px 0 80px;}
section.CareerteamsliderSection .wrapper {    padding: 0;}
.Careerteamsliderinsec {    gap: 40px;}
.CareerteamsliderBoxIn {    padding: 0;}
.CareerteamsliderBoxIn:before {    display: none;}
.CareerteamsliderBoxarrowsec {    padding-left: 0;}
section.CareerteamsliderSection {    padding-bottom: 0;}

section.casestudypostSection .casestudypostBoxInSec .casestudypostBox {    max-width: 100%;}
section.casestudypostSection .casestudypostBoxInSec .casestudypostBox .casestudypostBoximg {  height: 345px;}


.intelligentTwoColSec .intelligentLTCol:before {  display: none;}



section.csinnerBannerSection {  padding: 40px 0;}
section.csinnerBannerSection .csinnerBannertitle h1 {  font-size: 40px;}
.CSPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  max-width: 100%; padding-bottom: 40px;  margin-bottom: 40px;    border-bottom: 1px solid #E3E3E3;}
.CSPostBodySection .CSPostBodyRtCol {  max-width: 100%;}
.CSPostBodySection .CSPostBodyIn {  gap: 0;}
.CSInnerPostBodySection {  padding: 40px 0;}
.CSInPostSolutionInSec .CSInPostSolutiontwoimg img {  max-width: 100%;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol {   max-width: 100%;}
.CSInPostSolutionTwoColBox .CSInPostSolutionRtCol {  max-width: 100%;}
.CSInPostSolutionTwoColBox {  gap: 64px;}
.CSInPostSolutionInSec .CSInPostSolutionTwoColSec {  padding: 40px 0;}
.CSInPostcounterInSec {padding: 80px 24px;}
section.CSInPostcounterSection {  padding: 0;  background: transparent;}
section.CSInPostcounterSection .wrapper {  padding: 0;}
section.CSInmoreCaseSSection {  padding: 80px 0;}
.CSInmoreCaseSinsec {  gap: 40px;}

section.CSInmoreCaseSSection .CSInmoreCaseSltCol {  padding-right: 24px;}
.slick-dotted.slick-slider {  margin-bottom: 0;    padding-bottom: 40px;}
.CSInmoreCaseSinsec .CSInmoreCaseSrtCol ul.slick-dots {  bottom: 0;}
section.CSPostBodySection.CaseStudyPostBodySection .CSPostBodyIn .CSPostBodyLtCol p { font-size: 18px; line-height: 1.4s; }

section.csinnerBannerSection .csinnerBannertitle h1 {  font-size: 32px;    font-weight: 500;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags {  margin-top: 32px;}
.CSInPostMissionTitleSec {  padding: 40px 0;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox {  max-width: 100%;}
.CSInPostcounterInSec .CSInPostcounterboxsec .CSInPostcounterBox .CSInPostcounterBoxNumber h2 {  font-size: 96px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxRTCol img {  clip-path: polygon(100% 0, 100% 84%, 85% 100%, 0 100%, 0 0);}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn .CSInmoreCaseSliderBoxRTCol {  height: 200px;}
.CSInmoreCaseSliderBoxMain .CSInmoreCaseSliderBoxIn {  clip-path: unset;  padding: 24px;}
.CSInmoreCaseSliderBoxMain {  filter: drop-shadow(0 1px 5px rgba(0,0,0,0.1));}
.CSInmoreCaseSliderBoxbtn a {  width: 100%;    text-align: center;}
.CSInmoreCaseSliderBoxtags {   margin-top: 16px;}
.CSInmoreCaseSliderBoxCnt {   margin-top: 16px;}
.CSInmoreCaseSliderBoxbtn {   margin-top: 16px;}

section.CSInPostMissionSection:before {display: none;  }

.Newsindexbannercontent p {  font-size: 20px;  line-height: 1.4;}
.Newsindexbannercontent {  margin-top: 24px;}
section.NewsindexbannerSection { padding: 40px 0;}
section.casestudypostSection.Newsindexpostsection {  padding: 24px 0 80px;}
section.casestudypostSection.Newsindexpostsection .casestudypostBoxpagination {  margin-top: 72px;}
.Newsindexbannertitle h1 {  font-size: 48px;}


.CareerBannerContent p { font-size: 20px; line-height: 1.4; }

section.CareerrecruitingSec .Careerrecruitingtitle h2 {  font-size: 48px;}
.Careerrecruitingcnt {  margin-top: 24px;}
.Careerrecruitingcnt * {  font-size: 18px;    font-weight: 600;}
.CareerrecruitingFilterBoxSec {margin-top: 40px;}

section.NewsarticlepTitleSec.CSPostBodySection {  padding: 40px 0 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn {  padding: 40px 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol {  border-bottom: unset;  margin-bottom: 0;  padding-bottom: 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  max-width: 100%;  min-height: 300px;    clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.newarticleInnersmpcnt {  padding: 40px 0;}
.newarticleInnersingleimg img {  clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);}
.newarticleInnerquotesec {   padding: 40px 0;}
.newarticleInnersingleimg:before {  display: none;}
.newarticleInnerquotesec:before {   display: none;}
.newarticleInnerquotesec blockquote ,blockquote {   font-size: 20px;}
section.Newsarticlerelatedpostsection {   padding: 40px 0;}
.NewsarticlerelatedpostCTA {   display: none;}
.Newsarticlerelatedpostboxsec {   margin-top: 40px;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox {   max-width: 100%;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo > ul > li+* {  margin-top: 15px;}
.NewsarticlerelatedpostCTA.NewsarticlerelatedpostCTAmobile {  display: block !important;  margin-top: 40px;  text-align: center;}



.ServiceBannerInSec .ServiceBannerContent {  margin-top: 16px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain .ServiceLogoBox {  max-width: calc(33.33% - 34px);    width: 100%;}
.ServiceLogoBoxSection .ServiceLogoBoxMain:nth-child(even) {  margin-top: 40px;}
.ServiceLogoBoxSection .ServiceLogoBoxMain {  gap: 40px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox {  gap: 44px;}
section.ServiceLogoSection .ServiceLogoShape {  display: none;}
section.ServiceHoldingSection .ServiceHoldingshape {   top: -50px;    width: 100%;}
section.ServiceCounterSection .ServiceCounterContent {    margin-top: 24px;}
section.ServiceCounterSection .ServiceCounterTitle h2 {    line-height: 1.2;}
section.ServiceCounterSection .ServiceCounterBoxMain {   margin-top: 48px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol:before {  display: none;}
section.ServicediverseSection .ServicediverseInSec {  gap: 32px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseRTCol .ServicediverseContent {  margin-top: 24px;}
section.ServicediverseSection {  padding: 80px 0 40px;}
section.LatestUsSection.ServiceCasestudiesSection {  padding: 40px 0 80px;}
section.CareervalueslideSection.ServicecareervalueSection .CSInServiceshape {  display: none;}
section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape {  top: -30px;}
section.ServiceFAQSection {   padding: 64px 0 80px;}
section.ServiceLogoSection .ServiceLogoTitle {  opacity: 1;}
section.ServiceLogoSection .ServiceLogoContent {   opacity: 1;}



.ServiceBannerInSec {  position: relative;    background: transparent;}
/* .ServiceBannerInSec:before {    position: absolute;    content: '';    background: #11BEB3;    background: linear-gradient(90deg, rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);    width: 100%;    height: 100%;    left: 0;    top: 0;    clip-path:polygon(100% 0, 100% 88%, 80% 100%, 0 100%, 0 0)} */

.SubServiceBannerIn .SubServiceBannerRTCol {  height: 100%;}
section.SubServiceBannerSection .wrapper {  padding: 0;}
section.SubServiceBannerSection .SubServiceBannerLTCol {  padding: 0 24px;}
.SubServiceZigzagBox {  flex-direction: column !important;    align-items: flex-start;    gap: 32px;}
.SubServiceZigzagBox .SubServiceZigzagBoxCnt {    max-width: 100%;}
.SubServiceZigzagBoxTitle h2 {   font-size: 32px;}
.SubServiceZigzagBox:last-child {  padding: 40px 0 80px;}

.SubServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {  max-width: 100%;}
.SubServiceCounterSection {  padding: 80px 0;}

section.SubServiceZigzagSection .SubServiceZigzagshape4th {  width: 285px;     right: -86px;   height: 263px;}
section.SubServiceZigzagSection .SubServiceZigzagshape4th svg {   width: 100%;    height: 100%;}


.footerbtstrip .footerrtcolsec .footermenu > ul > li {
    width: 100%;
}

.footerbtstrip .footerrtcolsec .footermenu > ul > li:first-child {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #4A4A4A;
}

.footerbtstrip .footerrtcolsec .footermenu ul {
    margin-top: 0;
}


section.wysiwyg-section { padding: 50px 0; }

.generalenquiriesInSec {    gap: 32px;}
section.whatyouneedsection .whatyouneedinsec {   gap: 32px;}
section.generalenquiriesSection { padding : 40px 0 }

.generalenquiriesInSec:before { display: none }

.fui-alert.fui-alert-success h2 {
    font-size: 30px;
}

.fui-alert.fui-alert-success p {
    font-size: 20px;
    line-height: 1.4;
}
.contactzigzagbox .contactzigzagboxRTCol img {
    min-height: 486px;
}

.CSPostBodyfetureimg {
    height: 400px;
}

section.NewsarticlepTitleSec.CSPostBodySection {
    padding: 0;
}
section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {
    height: 56.25%;
}
section.Homebannersection.errorpage_section .HomeBannerImg {display: block !important;position: absolute;margin: 0 !important;height: 100%;width: 55%;}
   section.Homebannersection.errorpage_section {
    padding: 150px 0;
} 
    section.Homebannersection.errorpage_section .HomeBannerinsec { max-width: 100%; }
section.Homebannersection.errorpage_section .HomeBannerinnerSec {
    margin: 0;
    width: 50%;
}
}

@media (max-width : 640px){
section.Homebannersection .Hemobannermbimg {margin-top: -90px;}
.HomeBannerinnerSec {  margin-top: -80px;}
.intelligentTwoColSec .intelligentLTCol {  gap: 11px;}
.intelligentLTCol img {  max-width: calc(33.33% - 8px);}
.twocolvideosection .videoboxshape2nd {    top: 21%;    width: 60%;}
.gamelimitsection .gamelimitLTimg {    margin-left: 24px;    width: calc(100% - 24px);}
.gamelimitsection .gamelimitLTimg img {  width: 100%;    height: 100%;    object-fit: contain;}
.whatwedosliderBoxIn {   padding: 24px;}
.whatwedosliderCntBoxTitle h2 {  font-size: 32px;}
.viewallprojects {    display: none;}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow {    left: 0;}
.whatourclientInSec .whatourclientsliderBoxSection .slick-arrow.slick-next {    left: calc(50px + 16px);}
.jointheteamsection .jointheteamtitle {    text-align: center;}
.jointheteamsection .jointheteamcontent {    max-width: 250px;}

.intelligentLTCol img {  min-height: 288px;}

.headerinsec nav .headermenusec .headerbtns {  flex-direction: column;   width: 100%;}
.headerinsec nav .headermenusec .headerbtns a.languageswitcher {  font-size: 18px; padding: 15px 20px; width: 100%;    text-align: center;    justify-content: center;}
.headerinsec nav .headermenusec .headerbtns a.headercta {  width: 100%;    text-align: center;  font-size: 18px;  padding: 17px 20px;}

.button a {  font-size: 18px;  line-height: 1.223;    padding: 16px 24px;}
.secondary_button a, a.secondary_button {  font-size: 18px;    padding: 16px 20px;}
a.tertiary_button {  font-size: 18px;    padding: 15px 22px;}


h1.font77, .font77 h1 { font-size: 40px; line-height: 1; }
.AboutBannerTitle {  max-width: 345px;  margin-top: 24px;}
.AboutBannerIn:before {  display: none;}
.AboutBannerContent p {  font-size: 16px;  line-height: 1.6;}
section.teamtalentSection .teamtalentInsec .teamtalentcontent p { font-size: 16px; line-height: 1.6 }
.AboutBannerInimg { margin-top: 32px; }


section.AboutBannerSec .AboutBannerShape {  width: 400px;  height: 400px;  top: unset;  bottom: 0;}
section.AboutBannerSec .AboutBannerShape svg {  width: 100%;  height: 100%;}
section.teamtalentSection:before {  width: 30px;}
section.imgblock {  height: 250px;}

section.LatestUsSection .wrapper {  padding: 0;}
.LatestUsTitleSection {  padding: 0 24px;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p {  font-size: 24px;    line-height: 1.4;}
.LatestUsTitleSection .LatestUsTitleRTCol {    display: none;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxCntSec {  padding: 0 24px;}


.GamingawardBoxSection .GamingawardBox {  padding: 24px 16px; }
.LatestUsbtn { padding: 0 24px; }


.contactjointeaminsec .contactjointeamtitle h2 {  font-size: 48px;  line-height: 0.9;}
.contactjointeaminsec .contactjointeamtitle {  max-width: 345px;}

.HomeBannerImg { margin-top: -130px; }

section.CareerBannerSection {  padding: 376px 0 80px;}
section.CareerBannerSection .CareerBannershape1st { top: calc(376px - 40px); left: -10px;}
.CareerBannerContent * {  font-size: 20px;}
.CareerBannerbtn {  margin-top: 32px;}
.CareerBannerContent {  margin-top: 16px;}
.CareerBannerTitle {  margin-top: 16px;}
.Careervalueslidebtns {  display: none;}
.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 100px !important;}
.CareervalueslideBoxIn {  clip-path: polygon(7% 0, 100% 0, 100% 85%, 87% 100%, 0 100%, 0 9%);}
.CareervalueslideslideBoxsec {  margin-top: 24px;  padding-bottom: 36px;}
.CareergametwocolboxInsec .CareergametwocolboxRTCol {   clip-path: polygon(0 0%, 100% 0, 100% 87%, 85% 100%, 0 100%, 0 6%);}
section.ourmissionSection.version1 {  padding: 80px 0;}
.Careerteamsliderinsec {  padding: 80px 24px;}
section.ourmissionSection.version1 .ourmissionshapetpversion11st {  display: none;}

.casestudypostBoxpagination .casestudyprevpost a { font-size: 0; width: 24px;  height: 24px;    line-height: 0;    display: block;}
.casestudypostBoxpagination .casestudynextpost a {   font-size: 0;    width: 24px;    height: 24px;    line-height: 0; display: block;}
.casestudynextpost {    line-height: 1;}
.casestudyprevpost {    line-height: 1;}


section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxIn {  padding: 40px 27px;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxIn:hover .CSInServiceInBoxlink a {  transform: translateX(15px);}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedtitle h2 {  font-size: 40px;}
section.CSInInterestedSection .CSInInterestedInsec .CSInInterestedcontentsec .CSInInterestedbutton a {  width: 100%; text-align: center;}


.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu .Careerrecruitingcheckboxstyle {  max-width: 100%;}
.CareerrecruitingFilterBoxSec .CareerrecruitingFilterMenu {  gap: 12px;}
.CareerrecruitingFilterBoxSec {  padding: 24px;}
section.CareerrecruitingSec {  padding: 80px 0;}

.Careerrecruitingcnt * {  font-size: 16px;}

section.ourmissionSection.version1 .ourmissionversion1shapebt {  display: none;}
.ourmissiontwocolimgsec .ourmissionimg {  height: 250px;}


section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {  height: 299px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul {    display: flex;    align-items: flex-start;    gap: 15px 24px;    flex-wrap: wrap;    justify-content: space-between;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul li+* {  margin-top: 0;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul li:last-child {  width: 100%;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul li {  width: calc(50% - 12px);}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo ul li p {  font-weight: 500;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol h4 {  margin-bottom: 40px;}
.newarticleInnersingleimg {    height: 300px;}
.Newsarticlerelatedpostboxtitle h2 {  font-size: 32px;}
.Newsarticlerelatedpostboxsec .NewsarticlerelatedpostBox .Newsarticlerelatedpostboxcnt {  margin-top: 18px;}
.Newsarticlerelatedpostboxsec {  gap: 40px;}


.ServiceBannerInSec .ServiceBannerImage {  margin-bottom: -101px;}
.ServiceBannerInSec .ServiceBannershape2nd {    bottom: 50px;    right: -50%;}
section.ServiceBannerSection {    padding-bottom: 70px;}
.ServiceLogoBoxSection {    margin-top: 40px;}
.ServiceSvideoBoxMain .ServiceSvideoBox {    max-width: 100%;}
.ServiceSvideoBoxMain {    gap: 64px;}
section.ServiceSvideoSection {    padding: 44px 0 80px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingTitle {   max-width: 300px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxImg {   width: 47px;    height: 40px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxContent {    max-width: calc(100% - (47px + 16px));}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox {    gap: 16px;}
section.ServiceCounterSection .ServiceCounterTitle {    max-width: 365px;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox {    max-width: 100%;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxNumber h2 {    font-size: 96px;    line-height: 1;}
section.ServiceCounterSection .ServiceCounterBoxMain .ServiceCounterBox .ServiceCounterBoxContent h4 {    font-size: 24px;}
section.ServiceCounterSection .ServiceCounterBoxMain {    gap: 24px;}
section.ServicediverseSection .ServicediverseInSec .ServicediverseLTCol {    height: 321px;}
section.LatestUsSection.ServiceCasestudiesSection .LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p {    font-size: 20px;    line-height: 1.6;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle h4 {    font-weight: 400;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox+* {    margin-top: 16px;}
section.ServiceFAQSection .ServiceFAQShape1st {    display: none;}
section.ServiceFAQSection .ServiceFAQShape2nd {    display: none;}
section.ServiceFAQSection .ServiceFAQBoxSec {    margin-top: 24px;}

.CSInPostSolutionInSec .CSInPostSolutiontwoimg { height: 100%; }
.CSInPostSolutionInSec .CSInPostSolutiontwoimg img { height: 250px; }

section.CSPostBodySection.CaseStudyPostBodySection .CSInnerPostbodyshape2nd {
    display: none;
}

.ServiceBannerInSec .ServiceBannershape1st {
        bottom: -48px;
        top: unset;
    }
    .ServiceBannerInSec .ServiceBannershape1st svg path {
    stroke-width: 3px;
}
section.ServiceHoldingSection .ServiceHoldingshape {
    top: -100px;
    left: -40px;
}

section.ServiceHoldingSection .ServiceHoldingshape svg path {
    stroke-width: 2px;
}
section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape {
    right: -70px;
    top: 14px;
}

section.CareervalueslideSection.ServicecareervalueSection .Servicecareervalshape svg path {
    stroke-width: 2px;
}

form .fui-row.fui-page-row {
    gap: 16px !important;
    margin-bottom: 16px !important;
}

section.whatyouneedsection .whatyouneedinsec .whatyouneedRTCol { padding : 0 }

.whatwedosliderCntBoxcnt p {
    display: -webkit-box; /* Required for -webkit-line-clamp */
    -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
    -webkit-line-clamp: 4; /* Limits the text to 4 lines */
    overflow: hidden; /* Hides overflowing content */
    text-overflow: ellipsis; /* Adds ellipsis for truncated text */
}

section.NewsarticlepTitleSec.CSPostBodySection .CSPostBodyfetureimg {
    height: 56.25%;
}
section.Homebannersection.errorpage_section .HomeBannerImg {/* display: none !important; *//* position: unset; *//* order: 2; */width: 100%;height: 85%;opacity: 20%;}
    section.Homebannersection.errorpage_section .HomeBannerinnerSec { width : 100% }
    section.Homebannersection.errorpage_section {padding: 200px 0;text-align: center;}
    section.Homebannersection.errorpage_section .HomeBannerContent {
    max-width: 100%;
}
    section.Homebannersection.errorpage_section .HomeBannerImg img {
    /* object-fit: cover; */
}
}


@media (max-width : 480px){
    h3, .h3 {    font-size: 24px;}
h4, .h4 {  font-size: 12px;}
h5, .h5 {   font-size: 16px;}

/* .ServiceBannerInSec:before {
    clip-path: polygon(100% 0, 100% 88%, 70% 100%, 0 100%, 0 0);
} */

 /* .headermenusecbtnsec { margin-bottom: 50px; } */
section.Homebannersection .Hemobannermbimg {  margin-top: -100px;}
.HomeBannerinnerSec {  margin-top: -80px;}
.button a {  width: 100%;  text-align: center;}
.secondary_button a, a.secondary_button {  width: 100%;    text-align: center;}
.twocolvideosection .videoboxshape1st {    top: 0;}
.gamelimitInSec .gamelimitLTCol:before {   width: 81px;    height: 191px; top: -148px;}
.gamelimitInSec .gamelimitshape {  width: 85%;}
.whatwedosliderCntBoxcnt p {
    display: -webkit-box; /* Required for -webkit-line-clamp */
    -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
    -webkit-line-clamp: 4; /* Limits the text to 4 lines */
    overflow: hidden; /* Hides overflowing content */
    text-overflow: ellipsis; /* Adds ellipsis for truncated text */
}
.whatwedosliderBoxIn { gap: 24px; }
.swiper-slide.whatwedosliderBox {  margin-right: 20px !important; padding: 0 }
.swiper-slide.whatwedosliderBox:last-child { padding-right : 20px }


section.whatwedosection { padding : 80px 0 30px }

.gamelimitSubTitle h4 { font-size: 20px; }
section.ourproductsection .wrapper {  max-width: 100%;    padding: 0;}
section.ourproductsection  .ourproducttitlesection {   padding: 0 24px;}
.ourproductBoxSec .ourproductBox .ourproductBoxcnt {  padding: 0 24px;}
.ourproductBoxSec .ourprojectsshape {  display: none;}
.whatourclientBox .whatourclientBoxContent p {   font-size: 16px;}

.jointheteamsection .jointheteamcontent {    max-width: 238px;}

.jointheteamsection .jointheteamArrow {    margin-left: 0;}
.jointheteamsection:hover .jointheteamArrow { transform: unset; }

.whatwedosliderdots span.swiper-pagination-bullet-active { width: 50px; }
/* .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 !important; } */

.intelligentLTCol img {  min-height: 214px;}


.footerbottomcolumn ul { gap: 8px;}
.footerbottomcolumn ul li a {  font-size: 12px;    line-height: 1.25;}
.footerbottomcolumn p {    font-size: 12px;    line-height: 1.6;}
section.whatwedosection .whatwedoshape2nd {  width: 85%;  bottom: -31%;  z-index: -1;}
section.whatwedosection .whatwedoshape2nd svg {  width: 100%;}

.gamelimitInSec .gamelimitshape3rd { display: none; }

.ourproducttitle { max-width: 345px; margin: 0 auto; width: 100%;}

.intelligentTitle {  max-width: 345px;    width: 100%;}
.intelligentbtn {    margin-top: 24px;}
.twocolvideotitle {   max-width: 345px;    width: 100%;}
.whatourclientInSec .whatourclienttitle {  max-width: 345px;  width: 100%;  margin: 0 auto;}


.AboutBannerSubtitle h5 {  font-size: 12px;}
.ABoutbannerimgshape {  width: 48px; height: 31px;}
section.AboutBannerSec .AboutBannerShape {  width: 270px;}
.gradientfont * {  font-size: 40px;  line-height: 1;}
section.teamtalentSection:before {  top: 20px;}
.ourmissiontitle h2 {  font-size: 32px;}
section.ourmissionSection {   padding: 40px 0 80px;}
.ourcompanyTitle h2 br {  display: none;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxTitle * {  font-size: 32px;}
.Gamingawardtitle h4 {  font-size: 20px;  letter-spacing: 3.4px;}

section.AboutBannerSec.ContactBannerSec .AboutBannerShape {  width: 176px;}
.contactjointeaminsec .contactjointeamarrow {  width: 140px;}
.contactjointeaminsec {  clip-path: polygon(100% 0, 100% 95%, 88% 100%, 0 100%, 0 0);}


.CareerBannerbtn a {  width: 100%;  text-align: center;  font-size: 18px;  padding: 16px;}
.CareervalueslideslideBoxsec .slick-list.draggable {  padding-right: 34px !important;}
.Careerteamsliderinsec .Careerteamslidertitle h2 {  font-size: 48px;}
.Careerteamsliderinsec .CareerteamslidersecMain .CareerteamsliderBoxText h4 {  font-size: 16px;}
.Careerteamsliderinsec .CareerteamslidersecMain .CareerteamsliderBoxName {  margin-top: 33px;    text-align: center;}

.whatwedosliderCntBoxTitle h2 {       font-size: 30px;    }

section.intelligentsection.casestudybannersection .intelligentTitle h1 {  font-size: 40px;}
section.casestudypostSection {  padding: 20px 0 80px;}
section.casestudypostSection .casestudypostBoxInSec {  gap: 48px;}
.casestudypostBoxpagination {  gap: 10px;}

section.intelligentsection.casestudybannersection .intelligentTwoColSec .intelligentRTCol .intelligentContent * { font-size: 16px; }

section.intelligentsection.casestudybannersection .casestudybannershape {  width: 150%; right: 0;}


section.csinnerBannerSection .csinnerBannertitle h1 {  font-size: 30px;}
section.csinnerBannerSection .csinnerBannerinSec .csinnerBannerLtCol .csinnerBannerposttags ul li a {  padding: 8px 12px;    font-size: 10px;}
.CSPostBodyfetureimg {    height: 299px;}
.CSInnerPostBodySection .CSInnerPostbodyshape1st {    display: none;}
.CSPostBodySection .CSPostBodyRtCol .CSPostBodyRttest {    margin-top: 40px;    padding-top: 40px;    border-top: 1px solid #E3E3E3;}
.CSInPostMissionTitleSec .CSInPostMissionshape {    display: none;}
.CSInPostSolutionInSec .CSInPostSolutionInSecshape {    display: none;}
.CSInPostSolutionInSec .CSInPostSolutionSingleimg .CSInPostSolutionInSecshape2nd {   display: none;}
.CSInPostSolutionTwoColBox .CSInPostSolutionLtCol p {    font-size: 20px;}
.CSInPostcounterInSec {    background: linear-gradient(120deg,rgba(247, 4, 146, 1) 0%, rgba(255, 234, 10, 1) 100%);}
.CSInPostcountertitlesec .CSInPostcounterContent p {    font-size: 20px;}
.CSInmoreCaseSliderBoxtags ul li {   padding: 8px 12px;}

.Newsindexbannertitle h1 {  font-size: 40px;} 


.slidergradient1st {  background: linear-gradient(97deg,rgba(17, 190, 179, 1) 0%, rgba(65, 42, 216, 1) 100%);}
.slidergradient2nd {  background: linear-gradient(97deg,rgba(247, 4, 146, 1) 0%, rgba(255, 234, 10, 1) 100%);}
.slidergradient3rd {   background: linear-gradient(97deg,rgba(67, 188, 154, 1) 0%, rgba(137, 199, 89, 1) 100%);}
.slidergradient4th {  background: linear-gradient(97deg,rgba(0, 148, 198, 1) 0%, rgba(151, 71, 255, 1) 100%);}
.CareervalueslideBoxIn {  padding: 64px 24px;}
.CareergametwocolboxInsec .CareergametwocolboxRTCol { padding-bottom: 93.2%;}

section.NewsarticlepTitleSec.CSPostBodySection .NewsarticlepTitle h1 {  font-size: 32px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyRtCol .CSPostBodyRtinfo li ul li a {  font-size: 10px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol h4:first-child {  font-size: 20px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol h4 {    font-size: 18px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .newarticleInnertwoimgsec img {  min-height: 249px;    clip-path: polygon(100% 0, 100% 87%, 87% 100%, 0 100%, 0 0);}
.newarticleInnersingleimg img {    clip-path: polygon(100% 0, 100% 87%, 87% 100%, 0 100%, 0 0);}
.newarticleInnersingleimg {  height: 250px;}

.ServiceBannerInSec .ServiceBannerTitle h1 {   font-size: 40px;}
.ServiceBannerInSec {  padding: 37px 34px 5px 30px;}
.ServiceBannerInSec .ServiceBannershape2nd {  right: -90%;}
.ServiceBannerInSec .ServiceBannerImage {width: calc(100% + 64px);margin-left: -31px;}
section.ServiceLogoSection {    padding: 50px 0 40px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo {    height: 373px;}
section.ServiceSvideoSection .ServiceSvideoTwoColBox .ServiceSvideo:before {   width: 120px;    height: 106px;    background-size: cover;   right: 0;  bottom: -51px;}
.ServiceSvideoBoxMain .ServiceSvideoBox .ServiceSvideoBoxtitle h4 {    font-size: 20px;}
section.ServiceHoldingSection .ServiceHoldingInSec .ServiceHoldingCntSec .ServiceHoldingBoxSec .ServiceHoldingBox .ServiceHoldingBoxContent h6 {   font-size: 14px;}
section.ServiceFAQSection .ServiceFAQBoxSec .ServiceFAQBox .ServiceFAQBoxTitle h4 {   font-size: 20px;}


section.SubServiceZigzagSection .SubServiceZigzagInShape1st {  left: unset;  right: -60px;    top: 293px;}
.SubServiceZigzagBox .SubServiceZigzagBoxImg {    clip-path: polygon(100% 0, 100% 90%, 84% 100%, 0 100%, 0 0);}
section.SubServiceZigzagSection .SubServiceZigzagshape2nd {  transform: unset;    top: 780px;    left: -130px;}
.SubServiceZigzagBox:before {    display: none;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st {   top: calc(730px * 2);    right: -20px;}
section.SubServiceZigzagSection .SubServiceZigzagshape1st path {    stroke: #D4AF37;    stroke-width: 2px;}
section.SubServiceZigzagSection .SubServiceZigzagInShape2nd {    display: none;}
section.SubServiceZigzagSection .SubServiceZigzagshape3rd {  bottom: 650px;}
.contactzigzagbox .contactzigzagboxRTCol {  height: 486px;}
.contactzigzagbox .contactzigzagboxLTCol h2 {  font-size: 32px;    line-height: 1.2;}

section.AboutBannerSec .AboutBannerShape {
    bottom: 8px;
}

section.AboutBannerSec .AboutBannerShape svg path {
    stroke-width: 2px;
}
section.teamtalentSection:before {
    height: 100px;
}
.GamingawardBoxSection .GamingawardBox .GamingawardBoxtext h6 { line-height: 1.2; }
.GamingawardBoxSection .GamingawardBox .GamingawardBoxtext { margin-top: 12px; }

section.NewsindexbannerSection .newindexbannershape {  top: -80px;    right: -60px;}
section.NewsindexbannerSection .newindexbannershape svg path {    stroke-width: 3px;}
.CSInnerPostBodySection.newarticleInnerPostBodySection .CSPostBodyIn .CSPostBodyLtCol h4 { margin-bottom:30px ; }

section.CSInPostMissionSection .CSInPostMissionTitle h2 {  font-size: 32px;    line-height: 1.2;}
.CSInPostSolutiontitle h2 {  font-size: 32px;    line-height: 1.2;}

.CSInmoreCaseStitle h2 {  font-size: 48px;  line-height: 1;}
section.CareervalueslideSection.CSInServiceSection .CareervalueslideBoxIn {
    clip-path: unset;
}

.SubServiceBannerContent h4 {
    font-size: 20px;
}
.SubServiceCounterSection .SubServiceCounterShape2nd {
    right: 36px;
    top: 8px;
}

.SubServiceCounterSection .SubServiceCounterShape1st {
    left: 39px;
}

 .headermenusecInSec {  gap:30px;      justify-content: flex-start; }
 .headerinsec nav .headermenusec { min-height: 600px; height: 100lvh;-webkit-overflow-scrolling: touch; }

}

@media (max-width : 390px){
.gamelimitTitle h2 { font-size: 60px; }
.jointheteamsection .jointheteamcontent {      max-width: 238px;    }



}


@media (max-width : 380px){
.ourcompanyTitle h2 {  font-size: 38px;}

.casestudypostBoxpagination .casestudypagination ul li {  width: 30px;    height: 30px;}
.casestudypostBoxpagination .casestudypagination ul li a {    font-size: 14px;}
.casestudypagination {   max-width: 198px;}

}


@media (max-width : 360px){

h1, .h1 {  font-size: 40px;}
/* .HomeBannerinnerSec {  margin-top: -210px;} */
.HomeBannerImg:before {  width: 115px;    height: 80px;    top: 57px;}
.HomeBannerImg {    margin-top: -110px;}
section.Homebannersection .Hemobannermbimg {  margin-top: -100px;}
.HomeBannerinnerSec {   margin-top: -75px;}
.HomeBannerinsec .HomeBannerShape1 {  width: 81px;    height: 165px;    top: -16px;}
.HomeBannerinsec .HomeBannerShape1 img {    width: 100%;    height: 100%;    object-fit: cover;}
.HomeBannerContent p {    font-size: 18px;}
h2, .h2 {    font-size: 31px;}
.gamelimitTitle h2 {    font-size: 50px;}
.gamelimitSubTitle h4 {    font-size: 18px;}
body, p {    font-size: 16px;}
.whatwedosliderCntBoxTitle h2 {    font-size: 23px;}
.whatwedosliderBoxIn {   padding: 15px;}
.whatourclientInSec .whatourclienttitle h2 {    font-size: 40px;    line-height: 1.1;}
.whatourclientBox .whatourclientBoxcnt {    gap: 15px;    flex-wrap: nowrap;}
.jointheteamsection .jointheteamcontent {  max-width: 100%;}

.gradientfont * {  font-size: 32px;}
.ourcompanyTitle h2 {  font-size: 31px;}
.ourcompanyinnersection {  padding: 24px 15px;}
.LatestUsTitleSection .LatestUsTitleLTCol .LatestUsTitleContent p {  font-size: 17px;}
.LatestUsBoxSection .LatestUsBox .LatestUsBoxTitle * {  font-size: 28px;}
.GamingawardBoxSection .GamingawardBox {  max-width: 100%;}
.contactjointeamcontent p {
    font-size: 20px;
}

.contactzigzagboxTitle h2 {
    font-size: 34px;
}
}

/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////// Home Page css end ///////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////// */