@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);

/* ==================================================
   Global Base, Variables & Utilities
   ================================================== */
.button1,
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
a {
cursor: pointer !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
label {
margin-bottom: 0.5rem;
}
.hero-para,
img {
vertical-align: middle;
}
body,
html {
scroll-behavior: smooth;
}
.h-work.h-work-2 .hwork-img img,
.hwork-img img {
object-position: top;
}
.back-pg,
.drop,
.mob-overlay,
.quote-pop-layer,
.scrollTop {
visibility: hidden;
}
.call-us ul,
.marque,
.nav-tabs>li>a {
white-space: nowrap;
}
.glow-button,
a,
a:active,
a:focus,
a:hover {
text-decoration: none;
}
.glow-button .gradient,
.glow-button span {
-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}
.blog2,
.blog3,
.blog4 {
grid-column: 2;
}
:root {
--fs90: 60px;
  --fs80: 80px;
  --fs72: 72px;
  --fs64: 64px;
  --fs56: 56px;
  --fs48: 48px;
  --fs44: 44px;
  --fs40: 40px;
  --fs36: 36px;
  --fs32: 32px;
  --fs28: 28px;
  --fs26: 26px;
  --fs24: 24px;
  --fs20: 20px;
  --fs18: 18px;
  --fs16: 16px;
  --fs0: 0;
  --servcontTop: 120px;
  --servcontTrm: translate(-50%, 0);
  --humanImgbox: translate(-50%, 0);
  --designTop: 650;
  --designLeft: -280;
  --techTop: 860;
  --techLeft: -430;
  --busiTop: 500;
  --busiLeft: 140;
  --clr1: #ff971c;
  --clr2: #808080;
  --clr3: #000000;
  --clr4: var(--myClrDark);
  --headerHeight: 80px;
  --headerHeightFixed: 60px;
  --hsHeadingTop: 100px;
  --hsHeadingHeight: 120px;
  --hsTextTop: 220px;
  --wwaWidth: 71px;
  --wwaWidth2: 150px;
  --dotBoxLiWidth: 30px;
  --dotBoxDuration: 1s;
  --dotBoxTop: 150vh;
  --expWidth: 40px;
  --wwa1Top: 0;
  --wwa1Left: 0;
  --wwa2Top: 0;
  --wwa2Left: 0;
  --wwa3Top: 0;
  --wwa3Left: 0;
  --durationCommon: 400;
  --service1Height: 120vh;
  --service2Height: 110vh;
  --serviceMainHeight: 450vh;
  --hsTrigger1: 120vh;
  --hsTrigger12: 220vh;
  --dots: 30vh;
  --hs-img-box: 424px;
  --tlServAnimContainer: 100vh;
  --hs-ellipse-width-1: 370px;
  --hs-ellipse-width-2: 305px;
  --hs-ellipse-width-3: 395px;
  --bannerHeight: 0;
  --wwrHeight: 0;
  --servDetLeft: 170px;
}
.fs90 {
font-size: var(--fs90);
}
.fs80 {
font-size: var(--fs80);
}
.fs72 {
font-size: var(--fs72);
}
.fs64 {
font-size: var(--fs64);
}
.fs56 {
font-size: var(--fs56);
}
.fs48 {
font-size: var(--fs48);
}
.hero-title {
font-size: var(--fs90);
  line-height: 1;
  font-weight: 600;
  margin: 0;
  position: static;
  opacity: 1;
}
.awards-text,
.hero-support-text {
font-weight: 500;
  color: var(--myClrDark);
}
.hero-title.fs64 {
font-size: clamp(40px, 4.5vw, 64px);
}
.awards-text {
font-size: var(--fs16);
}
.hero-support-text {
font-size: 16px;
  position: static;
  opacity: 1;
}
.hero-para,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Poppins, sans-serif;
  font-weight: 700;
}
.button,
.hero-para,
.w10,
.w100,
.w15,
.w20,
.w25,
.w30,
.w35,
.w40,
.w45,
.w5,
.w50,
.w55,
.w60,
.w65,
.w70,
.w75,
.w80,
.w85,
.w90,
.w95 {
position: relative;
}
.hero-para {
cursor: default;
  font-size: 24px;
  line-height: 1.5;
  color: var(--myClrDark);
  display: inline-block;
  transition: ease-in-out;
  -webkit-transition: ease-in-out;
  opacity: 1;
  margin-top: 24px;
}
.button,
a {
transition: 0.2s ease-in-out;
}
.desginTrigEnd,
.desginTrigStart,
.drop,
.fadeIn,
.fadeInUp,
.grd-btn-2:hover:before,
.hb-right ul li:nth-of-type(4) a:after,
.hb-right ul li:nth-of-type(4) p:after,
.scroll_Down_box.remove,
.servsub-hdn3,
.weOffer-dot,
h1 {
opacity: 0;
}
.f-row {
display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: wrap;
}
.button,
label {
display: inline-block;
}
.container,
.f-col {
padding: 0 15px;
}
.w10,
.w100,
.w15,
.w16,
.w20,
.w25,
.w30,
.w33,
.w35,
.w40,
.w45,
.w5,
.w50,
.w55,
.w60,
.w65,
.w70,
.w75,
.w80,
.w85,
.w90,
.w95 {
padding-left: 15px;
  padding-right: 15px;
}
.f-10 .f-col {
width: 10%;
}
.f-9 .f-col {
width: 11.11111111%;
}
.f-8 .f-col {
width: 12.5%;
}
.f-7 .f-col {
width: 14.28571429%;
}
.f-6 .f-col {
width: 16.66666667%;
}
.f-5 .f-col {
width: 20%;
}
.f-4 .f-col {
width: 25%;
}
.f-3 .f-col {
width: 33.33333333%;
}
.f-2 .f-col {
width: 50%;
}
.dropFlex p,
.f-1 .f-col,
.w100 {
width: 100%;
}
.w95 {
width: 95%;
}
.w90 {
width: 90%;
}
.w85 {
width: 85%;
}
.w80 {
width: 80%;
}
.w75 {
width: 75%;
}
.w70 {
width: 70%;
}
.w65 {
width: 65%;
}
.w60 {
width: 60%;
}
.w55 {
width: 55%;
}
.w50 {
width: 50%;
}
.w45 {
width: 45%;
}
.w40 {
width: 40%;
}
.w35 {
width: 35%;
}
.w30 {
width: 30%;
}
.w25 {
width: 25%;
}
.w20 {
width: 20%;
}
.w15 {
width: 15%;
}
.w10 {
width: 10%;
}
.w5 {
width: 5%;
}
.w33 {
width: 33%;
}
.w16 {
width: 16.666666%;
}
.cs_usrerFlow_boxes p,
.hdg1,
.s-offer-list ul li:last-of-type,
.serv2-ban-cont .hdg6,
.serv2-ban-cont .servsub-hdn2,
ul ul {
margin-bottom: 0;
}
*,
:after,
:before,
input[type="radio"] {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  --myClrDark: #000;
  --myClrLight: #fff;
  --title: #000;
}
p,
ul {
margin-top: 0;
  margin-bottom: 1rem;
}
a {
color: #007aff;
  background-color: transparent;
  -webkit-transition: 0.2s ease-in-out;
}
a:hover {
color: #0056b3;
}
button {
border-radius: 0;
  text-transform: none;
  -webkit-appearance: button;
}
button:focus {
outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px;
}
button,
input,
textarea {
margin: 0;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
overflow: visible;
}
button::-moz-focus-inner {
padding: 0;
  border-style: none;
}
.button,
hr,
img {
border: 0;
}
.gray-text {
color: #808080;
  font-weight: 700;
}
textarea {
overflow: auto;
  resize: vertical;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
::-webkit-file-upload-button {
font: inherit;
  -webkit-appearance: button;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
  line-height: 1.2;
}
h1 {
font-size: 2.5rem;
  position: fixed;
  z-index: -99999999;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
  padding: 0;
}
a:active,
a:focus,
a:hover {
outline: 0;
}
img {
max-width: 100%;
}
ul {
list-style: none;
  padding: 0;
  margin: 0;
}
dl,
ol,
ul {
-webkit-margin-after: 0;
  -webkit-margin-before: 0;
}
hr {
margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #cfd1d4;
}
.hdg1 {
font-size: 48px;
  color: var(--myClrDark);
  padding-bottom: 40px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.hdg6,
.hdg7 {
font-size: 22px;
  color: grey;
  font-family: Poppins, sans-serif;
  text-transform: capitalize;
}
.button,
.button1,
.commpara,
.hdg6,
.hdg7,
.hdg8 {
font-weight: 700;
}
.hdg6 {
margin-bottom: 35px;
}
.home-alignment-change {
margin-left: 50px;
}
.hdg7 {
margin-bottom: 25px;
}
.hdg8 {
font-family: Poppins, sans-serif;
  font-size: 36px;
  color: var(--myClrDark);
}
.commpara {
font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #707070;
}
/* ==================================================
   Buttons & Links
   ================================================== */
.button,
.grd-btn-2 span {
font-size: 24px;
  font-family: Poppins, sans-serif;
}
.button {
color: #705df6;
  background: var(--myClrLight);
  width: 290px;
  height: 70px;
  line-height: 70px;
  border-radius: 4px;
  top: 0;
  -webkit-transition: 0.2s ease-in-out;
}
.button1,
.button1:hover,
.hdg6.red,
.header-about .about-link,
.header-client .client-link,
.header-service .service-link,
.header-work .work-link {
color: #ff3968;
}
#readMore,
.button1 {
height: 42px;
  line-height: 42px;
  background: 0 0;
}
.swiper-slide,
.swiper-wrapper {
transition-property: transform;
}
.button1 {
font-size: 18px;
  border: 0;
  font-family: Poppins, sans-serif;
  display: inline-block;
  vertical-align: middle;
}
.button-grad,
.button-grd,
.button-grd-line {
width: 145px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  outline: 0;
  overflow: hidden;
}
.button1 img {
margin-left: 6px;
  position: relative;
  left: 0;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.button1:hover img {
left: 3px;
}
.button-grad,
.button-grd {
text-align: center;
  border-radius: 4px;
  border: 0;
}
.button-grd:before,
.h-quote-box .button-grd-line:before {
content: "";
  background: var(--myClrDark);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.button-grd:after {
content: "";
  background: var(--myClrDark) url(../img/button-white-layer-rev.png) repeat-x 100% -80%;
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 4px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.button-grd em,
.button-grd span {
position: absolute;
  transition: 0.5s ease-in-out;
}
.button-grd span {
left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  z-index: 9;
  color: var(--myClrLight);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: 0.5s ease-in-out;
}
.button-grd em,
.button-grd-line span {
left: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
  color: var(--myClrDark);
  -webkit-transform: translate(0, -50%);
}
.button-grd em {
top: 130%;
  font-style: normal;
  transform: translate(0, -50%);
  -webkit-transition: 0.5s ease-in-out;
}
.button-grad:hover span,
.button-grd-line:hover span,
.button-grd:hover span,
.h-quote-box .button-grd-line:hover span {
top: -120%;
}
.button-grad:hover em,
.button-grd-line:hover em,
.button-grd:hover em,
.h-quote-box .button-grd-line:hover em {
top: 50%;
}
.button-grad:hover:after,
.button-grd:hover:after {
background-position: 0 80%;
}
.button-grd-line {
text-align: center;
  border-radius: 40px;
  border: 0;
}
.button-grd-line:after,
.button-grd-line:before {
border-radius: 40px;
  position: absolute;
  display: block;
  content: "";
}
.button-grd-line:before {
background: var(--myClrDark);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.button-grd-line:after {
background: url(../img/button-white-layer.png) 0 80% repeat-x;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.button-grad em,
.button-grad:before {
background: linear-gradient(to right, #cf72e8 0, grey 100%);
}
.button-grd-line span {
position: absolute;
  top: 50%;
  font-weight: 700;
  min-height: 20px;
  transform: translate(0, -50%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.button-grad span,
.button-grd-line em {
left: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
  color: var(--myClrLight);
  -webkit-transform: translate(0, -50%);
  font-weight: 700;
}
.button-grad:after,
.button-grd-line em {
position: absolute;
  transition: 0.5s ease-in-out;
}
.button-grd-line em {
top: 130%;
  font-style: normal;
  transform: translate(0, -50%);
  -webkit-transition: 0.5s ease-in-out;
}
.button-grd-line:hover:after,
.h-quote-box .button-grd-line:hover:after {
background-position: 100% 180%;
}
.button-grad:before {
content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.button-grad:after {
content: "";
  background: url(../img/button-white-layer-rev.png) 100% -80% repeat-x;
  display: block;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 7px;
  -webkit-transition: 0.5s ease-in-out;
}
.grd-btn-2,
.h-quote-box .button-grd-line {
display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.button-grad em,
.button-grad span {
position: absolute;
  transition: 0.5s ease-in-out;
}
.button-grad span {
top: 50%;
  transform: translate(0, -50%);
  -webkit-transition: 0.5s ease-in-out;
}
.button-grad em,
.h-quote-box .button-grd-line span {
-webkit-transform: translate(0, -50%);
  z-index: 9;
  left: 0;
  text-align: center;
  width: 100%;
  -webkit-text-fill-color: transparent;
}
.button-grad em {
top: 130%;
  color: var(--myClrDark);
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
  transform: translate(0, -50%);
  -webkit-transition: 0.5s ease-in-out;
}
.h-quote-box .button-grd-line {
text-align: center;
  border-radius: 40px;
  position: relative;
  border: 0;
  outline: 0;
  overflow: hidden;
}
.h-quote-box .button-grd-line:after {
content: "";
  background: url(../img/button-black-layer.png) 0 80% repeat-x;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border-radius: 4px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.h-quote-box .button-grd-line span {
position: absolute;
  top: 50%;
  background: white;
  background-clip: text;
  -webkit-background-clip: text;
  transform: translate(0, -50%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.h-quote-box .button-grd-line em {
position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 130%;
  z-index: 9;
  color: var(--myClrLight);
  font-style: normal;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.grd-btn-2 {
position: relative;
  min-width: 165px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 4px;
  background: var(--myClrDark);
}
.grd-btn-2:before {
content: "";
  background: var(--myClrDark);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-radius: 4px;
}
.grd-btn-2 span {
position: relative;
  z-index: 9;
  color: var(--myClrLight);
  font-weight: 700;
  padding: 0 58px;
}
.black,
.bread-crum-wrap ul li:last-of-type a,
.call-us ul a,
.client-nam h6,
.client-nam p,
.clr-black,
.cs-title-one,
.cs-title-two,
.navigation .blog-drop ul li a {
color: var(--myClrDark);
}
/* ==================================================
   Sliders & Swiper
   ================================================== */
.swiper-container {
margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-wrapper {
position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}
.swiper-slide {
flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.wwr-content h4 span {
display: inline;
}
/* ==================================================
   Case Study Styles
   ================================================== */
.case-study-rigi .caseStudy-banner-wrapp {
background: rgba(88, 87, 249, 0.2);
}
.case-study-rigi .cs_usrerFlow_boxes.second,
.case-study-rigi .cs_usrerFlow_boxes:after,
.case-study-rigi .cs_usrerFlow_boxes:before,
.case-study-rigi .pg-boxes,
.d-dots.tech-colr,
.h-work.h-work-2:before,
.skuldot.tech-colr,
ul.transition li.blue {
background: grey;
}
.case-study-rigi .cs_usrerFlow_boxes:before,
.case-study-sps-canada .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(20, 168, 158, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(20, 168, 158, 0.31);
  box-shadow: 0 0 0 5px rgba(20, 168, 158, 0.31);
  border: 1px solid var(--myClrLight);
}
.case-study-sps-canada .caseStudy-banner-wrapp {
background: rgba(20, 152, 139, 0.16);
}
.case-study-sps-canada .cs_usrerFlow_boxes.second,
.case-study-sps-canada .cs_usrerFlow_boxes:after,
.case-study-sps-canada .cs_usrerFlow_boxes:before,
.case-study-sps-canada .pg-boxes {
background: #14a89e;
}
.case-study-nirmal-bang .caseStudy-banner-wrapp {
background: rgba(70, 84, 160, 0.16);
}
.case-study-alphabee .cs_usrerFlow_boxes.second,
.case-study-alphabee .cs_usrerFlow_boxes:after,
.case-study-alphabee .cs_usrerFlow_boxes:before,
.case-study-alphabee .pg-boxes,
.case-study-bmw .cs_usrerFlow_boxes.second,
.case-study-bmw .cs_usrerFlow_boxes:after,
.case-study-bmw .cs_usrerFlow_boxes:before,
.case-study-bmw .pg-boxes,
.case-study-nirmal-bang .cs_usrerFlow_boxes.second,
.case-study-nirmal-bang .cs_usrerFlow_boxes:after,
.case-study-nirmal-bang .cs_usrerFlow_boxes:before,
.case-study-nirmal-bang .pg-boxes {
background: #5351f7;
}
.case-study-alphabee .cs_usrerFlow_boxes:before,
.case-study-bmw .cs_usrerFlow_boxes:before,
.case-study-nirmal-bang .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(83, 81, 247, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(83, 81, 247, 0.31);
  box-shadow: 0 0 0 5px rgba(83, 81, 247, 0.31);
  border: 1px solid var(--myClrLight);
}
.case-study-travelxp .caseStudy-banner-wrapp {
background: rgba(217, 36, 61, 0.16);
}
.case-study-travelxp .cs_usrerFlow_boxes.second,
.case-study-travelxp .cs_usrerFlow_boxes:after,
.case-study-travelxp .cs_usrerFlow_boxes:before,
.case-study-travelxp .pg-boxes {
background: #d9243d;
}
.case-study-travelxp .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(217, 36, 61, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(217, 36, 61, 0.31);
  box-shadow: 0 0 0 5px rgba(217, 36, 61, 0.31);
  border: 1px solid var(--myClrLight);
}
.case-study-payzli .caseStudy-banner-wrapp {
background: rgba(66, 166, 232, 0.22);
}
.case-study-payzli .cs_usrerFlow_boxes.second,
.case-study-payzli .cs_usrerFlow_boxes:after,
.case-study-payzli .cs_usrerFlow_boxes:before,
.case-study-payzli .pg-boxes {
background: #42a6e8;
}
.case-study-payzli .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(66, 166, 232, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(66, 166, 232, 0.31);
  box-shadow: 0 0 0 5px rgba(66, 166, 232, 0.31);
  border: 1px solid var(--myClrLight);
}
.case-study-reckrut .caseStudy-banner-wrapp {
background: rgba(249, 166, 0, 0.22);
}
.case-study-reckrut .cs_usrerFlow_boxes.second,
.case-study-reckrut .cs_usrerFlow_boxes:after,
.case-study-reckrut .cs_usrerFlow_boxes:before,
.case-study-reckrut .pg-boxes {
background: #f9a600;
}
.case-study-reckrut .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(249, 166, 0, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(249, 166, 0, 0.31);
  box-shadow: 0 0 0 5px rgba(249, 166, 0, 0.31);
  border: 1px solid var(--myClrLight);
}
.case-study-hunger-pack .caseStudy-banner-wrapp {
background-color: #ffe4e5;
}
.case-study-hunger-pack .caseStudy-banner-wrapp .caseStudy-bannerImg-wrap {
display: flex;
  justify-content: center;
  height: 100%;
}
.case-study-hunger-pack .cs_usrerFlow_boxes.second,
.case-study-hunger-pack .cs_usrerFlow_boxes:after,
.case-study-hunger-pack .cs_usrerFlow_boxes:before,
.case-study-hunger-pack .pg-boxes {
background: #fc0032;
}
.case-study-hunger-pack .cs_usrerFlow_boxes:before {
-webkit-box-shadow: 0 0 0 5px rgba(253, 0, 51, 0.31);
  -moz-box-shadow: 0 0 0 5px rgba(253, 0, 51, 0.31);
  box-shadow: 0 0 0 5px rgba(253, 0, 51, 0.31);
  border: 1px solid var(--myClrLight);
}
.mainContainer.case-study-alphabee,
.mainContainer.case-study-bmw {
z-index: 10;
}
.case-study-alphabee .caseStudy-banner-bg,
.case-study-bmw .caseStudy-banner-bg,
footer ul li:last-of-type {
margin: 0;
}
.case-study-bmw .caseStudy-banner-wrapp,
.pro-03 {
background: #e1e3f0;
}
.case-study-alphabee .caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two,
.case-study-bmw .caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two {
color: #011736;
  padding-left: 6px;
}
.case-study-bmw .pro-04 {
background: #ededed;
}
.case-study-bmw .justify-content-center,
.travel-xp.cs-scop-of-work-main .row {
justify-content: center;
}
.case-study-bmw .caseStudy--gallSec-wrap .row .gallSec__box {
flex: 100%;
  width: 100%;
}
.case-study-bmw .caseStudy--gallSec-wrap .row .gallSec__box img,
.h-quote-box.generate .button {
box-shadow: none;
}
.case-study-alphabee .caseStudy-banner-wrapp,
.case-study-alphabee .pro-04 {
background: #fff8e8;
}
.bread-crum-wrap {
background: var(--myClrLight);
  z-index: 9;
  position: sticky;
  margin-top: var(--hsHeadingTop);
  top: var(--headerHeightFixed);
}
.bread-crum-wrap ul {
display: flex;
  align-items: center;
  padding: 10px 20px 10px 0;
}
.bread-crum-wrap ul li {
margin-left: 30px;
  position: relative;
  display: flex;
  align-items: center;
}
.bread-crum-wrap ul li a {
color: #888;
  font-size: 15px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  padding-left: 25px;
}
.bread-crum-wrap ul li:before {
content: "";
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  position: absolute;
  background: #888;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.bread-crum-wrap ul li:first-of-type,
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li:first-of-type {
margin-left: 0;
}
.bread-crum-wrap ul li:first-of-type a,
.breadcrumbs {
padding-left: 0;
}
.bread-crum-wrap ul li:first-of-type:before {
content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  position: absolute;
  background: var(--myClrDark);
  border-radius: 50%;
}
.cs-messFrom-res .messFrom-res-boxes p span,
.pg-boxes h4 {
color: var(--myClrLight);
  font-weight: 700;
  font-family: Poppins, sans-serif;
}
.mainContainer .caseStudy-banner-bg {
min-height: 550px;
}
.cs--mobail-device .caseStudy-bannerImg-wrap img {
width: 60%;
}
.caseStudy-bannerImg-wrap {
display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  left: -5%;
  height: 100%;
}
.caseStudy-bannerImg-wrap img {
max-height: 87%;
  object-fit: contain;
}
.caseStudy-banner-wrapp,
.cs-title.mt0,
.tech-ban-cont .servsub-hdn3 {
margin-top: 0;
}
.caseStudy-banner-wrapp .caseStudy-banner-bg .pro-center {
display: flex;
  justify-content: center;
  margin-top: 70px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap {
position: relative;
  width: 85%;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-banner-title {
color: #011736;
  font-size: 26px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px;
  line-height: 1;
  width: max-content;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
color: #011736;
  font-size: 84px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 30px;
  line-height: 1;
  width: max-content;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two {
color: #707070;
  font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 30px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul {
display: flex;
  align-items: center;
  width: max-content;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li {
margin-left: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li span {
color: #011736;
  font-size: 20px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  padding-left: 17px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li:before {
content: "";
  width: 8px;
  height: 8px;
  left: 0;
  top: 50%;
  position: absolute;
  background: #011736;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li:first-of-type span {
padding-left: 6px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li:first-of-type:before {
content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  position: absolute;
  background: var(--myClrLight);
  border-radius: 50%;
}
.caseStudy-secondThumbnail,
.m-top-50,
.s-we-offer .serv2-comm-hdn,
.sc-m-top {
margin-top: 50px;
}
.caseStudy-titleImgsec .caseStudy-titleImgsec__img,
.secondThumbnail-imgWrap {
display: flex;
  justify-content: center;
}
.secondThumbnail-imgWrap img {
-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}
.cs-title-one {
font-size: 40px;
  line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cs-title-two {
font-size: 24px;
  line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  max-width: 90%;
  margin: auto;
}
.cs-title {
margin-top: 100px;
  text-align: center;
}
.cs-title.cs-title__mt-30,
.m-top-30 {
margin-top: 30px;
}
.blog .related-articles,
.cs-scop-of-work-main {
margin-top: 60px;
}
.cs-scop-of-work-main .row,
.cs-userFlow-Wrap .row {
justify-content: space-between;
}
.cs-scop-of-work-main .s-wedo-sec {
margin-bottom: 60px;
  padding-right: 0;
  text-align: center;
}
.cs-scop-of-work-main .s-wedo-sec .s-wedo-img {
margin: 0 auto 30px;
  width: 90px;
  height: 90px;
}
.cs-scop-of-work-main .s-wedo-sec .hdg8 {
margin-bottom: 20px;
  font-size: 22px;
  color: grey;
}
.cs-scop-of-work-main .s-wedo-sec .wedopara {
color: #3e3e3e;
  line-height: 1.5;
}
.cs-personalGoal {
margin: 60px 0 40px;
}
.pg-boxes {
padding: 30px 20px;
  display: flex;
  min-height: 146px;
  height: 100%;
  align-items: center;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}
.pg-boxes h4 {
font-size: 24px;
  line-height: 1.5;
  margin: 0;
}
.cs-timeLine__Project {
width: 100%;
  margin: 0 0 60px;
}
.cs-timeLine__Project img {
width: 100%;
  height: 100%;
  object-fit: contain;
}
.cs-messFrom-res {
margin: 80px 0 130px;
}
.cs-messFrom-res .row,
.drop-box a,
.founder-pic-box,
.h-work-box .container,
.mobdrop-box a,
.relative,
.trans-img a,
.who-we-are-box {
position: relative;
}
.cs-messFrom-res .row:before {
content: "";
  position: absolute;
  left: 68px;
  top: 20px;
  width: 69%;
  height: 5px;
  z-index: -6;
  background: url(assets/img/resarch-top-border.png) center center/contain;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.cs-messFrom-res .messFrom-res-boxes {
text-align: left;
}
.about-history .container,
.c-expert-hdn,
.client-ban--box,
.client-sec-logo,
.client-slider-sec .hdg1,
.client-slider-sec .hdg6,
.cs-result-stats,
.exp-view-more,
.h-expertise-box .hdg6,
.hero-support-text-mob,
.home-page-work .h-work-cont,
.industry-card,
.massage,
.opening-hdn,
.projDescBox,
.qt-box-5,
.responseBox,
.s-othr-box .hdg6,
.s-othr-box .serv2-comm-hdn,
.s-tool-sec .hdg6,
.s-tool-sec .serv2-comm-hdn,
.s-wedo-box .hdg1,
.s-wedo-box .hdg6,
.serv2-ban-cont,
.srvIcon,
.srvIcon p,
.srvIcon>div,
.team-heading,
.tool-img-box,
.video-testimonial-wrp h2.hdg1 {
text-align: center;
}
.cs-messFrom-res .messFrom-res-boxes p {
width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin-bottom: 40px;
  background: grey;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-messFrom-res .messFrom-res-boxes p span {
font-size: 16px;
}
.cs-messFrom-res .messFrom-res-boxes p.first,
.dot4,
.hsdot-1,
.service-container-1 .serv-dot-ref-1,
.service-container-1 .serv-dot-ref-2 {
background: var(--clr1);
}
.cs-messFrom-res .messFrom-res-boxes p.sec,
.dot2,
.dot6,
.hsdot-2,
.service-container-2 .serv-dot-ref-1,
.service-container-2 .serv-dot-ref-2 {
background: var(--clr2);
}
.cs-messFrom-res .messFrom-res-boxes p.thired,
.dot5,
.hsdot-3,
.service-container-3 .serv-dot-ref-1,
.service-container-3 .serv-dot-ref-2 {
background: var(--clr3);
}
.cs-messFrom-res .messFrom-res-boxes p.four {
background: #ca7eff;
}
.cs-messFrom-res .messFrom-res-boxes h4 {
color: var(--myClrDark);
  font-size: 24px;
  line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
}
.cs-messFrom-res .messFrom-res-boxes h5 {
color: #707070;
  font-size: 18px;
  line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  margin: 0;
}
.cs_usrerFlow_boxes h4,
.cs_usrerFlow_boxes p,
.cs_usrerFlow_boxes.first h2 {
font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
.cs-userFlow-Wrap .row .w33 {
position: relative;
  margin-bottom: 80px;
}
.cs-userFlow-Wrap .row .w33:after {
height: 8px;
  width: 54%;
  left: 81%;
  content: "";
  position: absolute;
  top: 50%;
  z-index: -1;
  border-top: 1px dashed #ccc;
}
.cs-userFlow-Wrap .row .w33:first-of-type:after,
.cs-userFlow-Wrap .row .w33:nth-of-type(3n):after,
.cs_usrerFlow_boxes.first:after,
.cs_usrerFlow_boxes.first:before,
.cs_usrerFlow_boxes.fourt:before,
.cs_usrerFlow_boxes.second:before,
.cs_usrerFlow_boxes.six:after,
.cs_usrerFlow_boxes.thired:after,
.d-block-after-990,
.d-none,
.progress-button.sucess,
.tra-xp .counter-value {
display: none;
}
.cs-userFlow-Wrap .row .w33:nth-of-type(4):after {
left: 68%;
}
.cs_usrerFlow_boxes {
position: relative;
  z-index: 9;
  background: var(--myClrLight);
  min-width: 205px;
  max-width: 205px;
  min-height: 205px;
  max-height: 205px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.cs_usrerFlow_boxes h4 {
color: #333;
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.cs_usrerFlow_boxes p {
color: #666;
  font-size: 16px;
}
.cs_usrerFlow_boxes:after,
.cs_usrerFlow_boxes:before {
content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
}
.cs_usrerFlow_boxes:after {
left: initial;
  right: -16px;
}
.cs_usrerFlow_boxes.first {
max-width: 100%;
  height: 100%;
  justify-content: flex-start;
  box-shadow: none;
}
.cs_usrerFlow_boxes.first h2 {
color: var(--myClrDark);
  font-size: 36px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.content-sec p,
.cs_usrerFlow_boxes.first h6 {
font-family: Poppins, sans-serif;
  font-weight: 500;
  color: #3e3e3e;
}
.cs_usrerFlow_boxes.first h6 {
font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.cs_usrerFlow_boxes.second h4,
.cs_usrerFlow_boxes.second p {
color: black;
}
.cs_usrerFlow_boxes.six,
.cs_usrerFlow_boxes.thired {
margin: 0 0 0 auto;
}
.cs_usrerFlow_boxes.fourt {
margin: 0 auto 0 0;
}
.exe-sec {
width: 100%;
  position: relative;
  height: 650px;
  display: inline-block;
  overflow: hidden;
}
.exe-img {
float: none;
  width: 1100px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.content-sec {
position: absolute;
  max-width: 350px;
}
.content-sec p {
font-size: 20px;
  line-height: 24px;
}
.caseStudy-titleImgsec .csImgsec__title,
.cs-result-stats h4 {
line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.pro-01 {
background: #ffe4e5;
}
.pro-01 .content-sec {
bottom: 5%;
  left: 15.5%;
}
.pro-02 {
background: #d9eeec;
}
.pro-02 .content-sec {
top: 18%;
  left: 15.5%;
}
.pro-03 .content-sec,
.pro-04 .content-sec {
top: 18%;
}
.pro-04 {
background: #f9dbe0;
}
.pro-05 {
background: #feebc7;
}
.pro-05 .content-sec {
bottom: 5%;
}
.pro-06 {
background: #d5ebfa;
}
.pro-06 .content-sec,
.pro-07 .content-sec {
top: 10%;
}
.pro-07 {
background: #dadafe;
}
.pro-07 .container {
position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.pro-07 .exe-img {
width: 655px;
  position: static;
  transform: unset;
}
.pro-07.exe-sec .content-sec {
position: static;
}
.exe-sec .content-sec {
left: 15.5%;
}
.sc-m-top-70 {
margin-top: 70px;
}
.scr-shadow {
box-shadow: 0 3px 83px 0 rgba(0, 0, 0, 0.14);
}
.caseStudy-titleImgsec {
margin-top: 120px;
}
.caseStudy-titleImgsec .csImgsec__title {
font-size: 48px;
  color: var(--myClrDark);
  width: max-content;
  margin: 0 auto 70px;
}
.blog .blog-detail,
.caseStudy-titleImgsec .csImgsec__title.marg-type-two,
.serv-back,
address img {
margin-bottom: 40px;
}
.caseStudy-titleImgsec .caseStudy-titleImgsec__img img,
.homeVideo .hs-img-mob video,
.hs-img img,
.no-page img,
.s-wedo-sec .s-wedo-img img,
.team-main-img .w75 img,
.tool-img img {
width: 100%;
  height: 100%;
  object-fit: contain;
}
.caseStudy--gallSec-wrap {
margin: 70px 0 60px;
  position: relative;
}
.caseStudy--gallSec-wrap .row {
justify-content: center;
}
.caseStudy--gallSec-wrap .row .gallSec__box {
flex: 0 0 50%;
  width: 50%;
  padding: 15px;
  overflow: hidden;
}
.caseStudy--gallSec-wrap .row .gallSec__box img {
width: 100%;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: visible;
  margin-bottom: 50px;
}
.caseStudy--gallSec-wrap .row .gallSec__box.w65 {
flex: 0 0 65% !important;
  width: 65% !important;
}
.caseStudy--gallSec-wrap.width30p {
justify-content: space-between;
}
.caseStudy--gallSec-wrap.width30p .gallSec__box {
flex: 0 0 30%;
  width: 30%;
}
.caseStudy--gallSec-wrap .gallSec__box.w100 {
flex: 0 0 100%;
  width: 100%;
  padding: 15px;
  overflow: hidden;
}
.caseStudy--gallSec-wrap.width43p,
.flex-jc-c {
justify-content: center;
}
.caseStudy--gallSec-wrap.width43p .gallSec__box {
flex: 0 0 43%;
  width: 43%;
}
.caseStudy--gallSec-wrap.width70p,
.flex-sb {
justify-content: space-between;
}
.caseStudy--gallSec-wrap.width70p .gallSec__box {
flex: 0 0 70%;
  width: 70%;
}
.caseStudy--gallSec-wrap.width100p .gallSec__box {
flex: 0 0 100%;
  width: 100%;
}
.blog-cl:first-of-type .bl-cont,
.d-none-after-990,
.h-work-tab-content-in-1,
.home-banner .h-img-0,
.lightAnim,
.qt-box-1 {
display: block;
}
.cs-result-stats {
width: 100%;
  margin: 50px auto 0;
}
.cs-result-stats h4 {
color: #eb1d23;
  font-size: 42px;
  margin-bottom: 20px;
}
.cs-result-stats p {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 20px;
  width: 80%;
  color: var(--myClrDark);
  margin: 0 auto;
  text-transform: capitalize;
}
.s-offer-list ul li a,
.servHdn,
.servsub-hdn,
.wedopara {
font-family: Poppins, sans-serif;
  font-weight: 700;
  color: var(--myClrDark);
}
.clutch-widget {
width: 215px;
  margin-left: 0;
  padding-left: 15px;
}
.serv-padding {
padding: 100px 0;
  position: relative;
}
.red-bg {
background: #fff4f6;
}
.servHdn {
font-size: 52px;
}
.servsub-hdn {
font-size: 36px;
  line-height: 1.3;
  margin-bottom: 65px;
}
.serv-ban-box {
height: 100vh;
  display: flex;
  align-items: center;
}
.serv-ban-box .serv-ban-img {
position: absolute;
  top: 50%;
  right: -630px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.client-sec-logo ul,
.s-offer-list {
display: flex;
  flex-wrap: wrap;
}
.s-offer-list ul,
.s-offer-list.grid4 ul li {
width: 33.333333%;
}
.s-offer-list ul li {
margin-bottom: 30px;
  padding-right: 10px;
}
.s-offer-list ul li a {
font-size: 28px;
  line-height: 1;
  text-transform: capitalize;
  background: url(assets/img/dots.svg) bottom repeat-x;
  padding-bottom: 3px;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
}
.blog-read a:hover,
.s-offer-list ul li a:hover,
.service-container-1 .blog-read a:hover,
.service-container-2 .blog-read a:hover,
.service-container-3 .blog-read a:hover {
background-position: 80% 100%;
}
.s-wedo-sec {
margin-bottom: 60px;
  padding-right: 10%;
}
.s-wedo-sec .s-wedo-img {
margin-bottom: 30px;
  width: 120px;
  height: 120px;
}
.s-wedo-sec .hdg8 {
margin-bottom: 20px;
  font-size: 24px;
}
.wedopara {
font-size: 18px;
  line-height: 1.7;
}
.blog-read {
font-size: 22px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 90px;
  text-transform: capitalize;
}
.s-work-img h5,
.s-work-img p,
.serv2-comm-hdn {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.blog-read.pur a {
color: grey;
  background: url(assets/img/dots2.svg) bottom repeat-x;
}
.blog-read.voi a {
color: #4f2260;
  background: url(assets/img/dots3.svg) bottom repeat-x;
}
.blog-read.red a {
color: #ff3968;
  background: url(assets/img/dots1.svg) bottom repeat-x;
}
.blog-read a {
padding-bottom: 3px;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
}
.tool-list {
display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.tool-list li {
margin-right: 25px;
}
.s-work-img .workImg {
width: 490px;
  height: 430px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}
.hf-box .hf-img img,
.s-work-img .workImg img,
.testimonial-img img,
.user-img img {
width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-work-img h5 {
color: var(--myClrDark);
  margin-bottom: 10px;
}
.s-work-img p {
color: var(--myClrDark);
  line-height: 1;
  margin-bottom: 0;
}
.s-othr.dropbox-cont {
padding: 30px;
}
.contant-bottm,
.s-we-offer .servsub-hdn {
margin-bottom: 100px;
}
#ab-vm-cont-3,
.s-we-offer .hdg1 {
padding-bottom: 100px;
}
.serv-ban-cont .servsub-hdn {
font-size: 32px;
  line-height: 40px;
}
.serv2-comm-hdn {
color: #ff3968;
  text-transform: capitalize;
  margin-bottom: 25px;
}
.blue,
.hdg6.pur,
.serv2-comm-hdn.pur {
color: grey;
}
.servsub-hdn2,
.servsub-hdn3 {
color: var(--myClrDark);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.hdg6.voi,
.serv2-comm-hdn.voi {
color: #4f2260;
}
.servsub-hdn2 {
font-size: 62px;
  line-height: 68px;
}
.servsub-hdn2.small-font {
font-size: 44px;
  line-height: 1.5;
}
.servsub-hdn3 {
font-size: 42px;
  line-height: 52px;
}
.sectionOne {
height: 200vh;
  position: relative;
}
.serv2-ban-box {
height: 100vh;
  position: sticky;
  top: 0;
}
.serv2-ban-box .human-img-box {
position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.serv2-ban-box .human-img-box .skull,
.tech-orbit-img .techmob {
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.serv2-ban-cont {
width: 900px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
}
.tool-img-box {
padding: 50px;
  background: #f9f9f9;
  margin-bottom: 30px;
}
.tool-img {
width: 110px;
  height: 110px;
  margin: auto;
}
.founder-pagination,
.s-work-btn {
text-align: center;
  margin-top: 20px;
}
.techContainer {
position: relative;
  height: 100%;
}
.about-banner>img,
.blogTriggerStart,
.busi-ban-cont,
.founderTriggerEnd,
.founderTriggerStart,
.hs-service h2.hsTrigBtn,
.hs-service h4.hsTrigBtn,
.tech-ban-cont,
.tech-orbit-img,
.workTriggerStart {
position: absolute;
}
.tech-orbit-img.rig {
right: 0;
  top: 50%;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}
.about-banner .ab-ban-4,
.tech-orbit-img.left {
left: 0;
  bottom: 0;
}
.tech-ban-cont {
max-width: 800px;
  left: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.busi-ban-cont {
max-width: 530px;
  right: 0;
  margin-top: 30px;
}
.busi-ban-cont .hdg6,
.c-expert-hdn .hdg6,
.client-slider-sec .hdg6,
footer ul li {
margin-bottom: 10px;
}
.drop-box,
.mobdrop-box {
position: initial !important;
  padding-right: 20px;
  cursor: pointer;
}
.drop,
.drop-box:hover:after {
position: absolute;
  width: 100%;
}
.drop-box .downarrow::after,
.drop-box .downarrow::before,
.mobdrop-box .downarrow::after,
.mobdrop-box .downarrow::before {
content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--myClrDark);
  border-radius: 50%;
  position: absolute;
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.drop-box:hover .downarrow::after,
.drop-box:hover .downarrow::before,
.mobMenuTrigger.active .downarrow::after,
.mobMenuTrigger.active .downarrow::before {
width: 2px;
  height: 7px;
  border-radius: 0;
  top: 50%;
  right: -10px;
}
.drop-box:hover .downarrow::before,
.mobMenuTrigger.active .downarrow::before {
-webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
.drop-box:hover .downarrow::after,
.mobMenuTrigger.active .downarrow::after {
-webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.drop {
pointer-events: none;
  left: 0;
  top: 100%;
  background: var(--myClrLight);
  padding: 5px 0 16px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  border-bottom: 1px solid var(--myClrDark);
}
.drop .f-col {
padding: 0 8px;
}
.drop ul {
max-width: 1088px;
  margin: auto;
}
.drop ul li,
.h-pagination span:last-of-type,
.h-work-cont ul li:last-of-type,
ul.f-social li:last-of-type {
margin-right: 0;
}
.drop-box:hover:after {
bottom: -5px;
  left: 0;
  z-index: 10;
  display: block;
  height: 37px;
  content: "";
}
.fixHeader .drop-box:hover:after {
height: 30px;
}
.fixHeader .navigation {
height: var(--headerHeightFixed);
}
.fixHeader .navigation li {
line-height: var(--headerHeightFixed);
}
.drop-box:hover .drop {
opacity: 1;
  pointer-events: initial;
  visibility: visible;
  pointer-events: auto;
  top: 100%;
}
.col1,
.service-container-1 .serv-back a {
background: rgba(255, 93, 125, 0.1);
}
.col2,
.service-container-2 .serv-back a {
background: rgba(88, 87, 249, 0.1);
}
.col3,
.service-container-3 .serv-back a {
background: rgba(89, 37, 125, 0.1);
}
.dropbox-cont {
padding: 20px;
  height: 100%;
  border-radius: 7px;
  text-transform: initial;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.d-dots,
.skuldot,
.user-img,
.weOffer-dot {
border-radius: 50%;
}
#readMore,
.c-msg a,
.call-us h4,
.chbox label,
.contact .hdg1,
.h-expertise-box h4,
.h-expertise-box ul li a,
.hb-right h3,
.innerModal,
.navigation li a,
.team--head,
.uppercase,
.work-head .servsub-hdn,
address h2 {
text-transform: capitalize;
}
.dropbox-cont>div,
.s-we-off-box {
position: relative;
  z-index: 1;
}
.dropbox-cont:after {
content: "";
  background-size: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 30px);
  opacity: 0.1;
  transition: 0.7s ease-in-out;
  -webkit-transition: 0.7s ease-in-out;
}
.dropbox-cont.col1:after {
background: url(assets/img/wave1.svg) 0 80%/120% repeat-x;
}
.dropbox-cont.col2:after {
background: url(assets/img/wave2.svg) 0 80%/120% repeat-x;
}
.dropbox-cont.col3:after {
background: url(assets/img/wave3.svg) 0 80%/120% repeat-x;
}
.dropbox-cont:hover:after {
background-position: 100% 180%;
  top: -100%;
  background-size: 200%;
}
.dropbox-cont:hover .dropFlex img {
-webkit-transform: translateX(0);
  transform: translateX(0);
}
.dropbox-cont h6 {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 38px;
  color: var(--myClrDark);
  line-height: 1;
  margin-bottom: 10px;
}
.client-nam h6 span,
.client-nam p span,
.dropbox-cont p {
font-size: 16px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
}
.dropbox-cont p {
font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
}
.dropFlex {
display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.dropFlex img {
margin-bottom: 5px;
  width: 30px;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.bl-cont p:last-child,
.case-study-new-common .content-section .content-text,
.case-study-new-common .hero-head .content-text,
.case-study-new-common .timeline-section .content-right .table-row p,
.client-nam h6,
.client-nam p,
.hb-right ul li:last-of-type a,
.hb-right ul li:last-of-type p,
.innerModalbody .modalCont:last-child,
.srvIcon p {
margin-bottom: 0;
}
.frontback {
-webkit-animation: 1s infinite movefrom;
  animation: 1s infinite movefrom;
}
@keyframes movefrom {
from {
-webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
to {
-webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@-webkit-keyframes movefrom {
from {
-webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
to {
-webkit-transform: translateX(0);
    transform: translateX(0);
}
}
.client-pad {
height: 100vh;
  padding-bottom: 0;
}
.client-ban--box {
display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - (var(--headerHeight) + 20px));
}
.client-ban--cont .hdg6 {
margin-bottom: 15px;
}
.client-sec-logo {
margin-top: 50px;
}
.client-sec-logo .hdg6 {
margin-bottom: 85px;
}
.client-sec-logo ul li {
width: calc(100% / 4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 65px;
}
.client-sec-logo ul li img {
max-width: 72%;
  max-height: 100px;
}
.client-slider-sec .hdg1 span {
display: inline-block;
  width: 70px;
}
.client-nam {
transition: 1.5s ease-in-out;
  -webkit-transition: 1.5s ease-in-out;
}
.client-nam h6 {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.client-nam p {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 65px;
  padding: 0 0 60px;
}
#readMore,
.innerModal,
.innerModalpara,
.srvIcon p {
font-size: 18px;
  font-weight: 700;
}
.client-nam h6 span,
.client-nam p span {
font-weight: 700;
  display: block;
  margin-top: 5px;
}
.blog .blog-container .row,
.testi-cont,
ul.f-social {
display: flex;
}
.cust-nam-cont,
.h-quote-box {
overflow: hidden;
}
.client-user-swiper::before {
content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(assets/img/quote1.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  height: 70px;
  width: 70px;
}
.client-user-swiper .swiper-wrapper {
padding-top: 70px;
}
.user-img {
width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0 15px 0 0;
}
.client-testimo-pagi {
display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 25px;
}
.client-testimo-pagi .c-arw {
margin: 0 10px;
  outline: 0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.client-testimo-pagi .c-arw img {
width: 40px;
}
.client-testimo-pagi .c-arw.swiper-button-disabled {
opacity: 0.1;
}
.client-slider-sec .swiper-slide {
padding-left: 120px;
  background-color: var(--myClrLight);
}
.srvIconBox {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.srvIconUp {
width: calc(100% / 6);
  height: 198px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.srvIcon p {
color: #333;
  font-family: Poppins, sans-serif;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.srvIcon {
width: 100%;
  background-color: var(--myClrLight);
  display: inline-block;
  vertical-align: middle;
  padding: 30px 0;
}
.d-dots.design-colr,
.skuldot.design-colr,
.weOffer-dot {
background: #ff3968;
}
.srvIcon>div {
width: 70px;
  height: 70px;
  display: block;
  margin: 0 auto 10px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.dotOrbit,
.dotTechOrbit {
position: absolute;
  top: 0;
  left: 0;
}
.dotOrbit,
.human-img-box {
width: 620px;
  height: 620px;
}
.dotTechOrbit,
.tech-orbit-img {
width: 480px;
  height: 480px;
}
.dotTechOrbit .skuldot1 {
top: 40px;
}
.dotTechOrbit .skuldot2 {
bottom: 40px;
}
.d-dots.busi-colr,
.skuldot.busi-colr {
background: #4f2260;
}
.skuldot {
width: 49px;
  height: 49px;
  display: block;
  position: absolute;
}
.skuldot1 {
top: 90px;
  left: 50px;
}
.skuldot2 {
bottom: 90px;
  right: 50px;
}
.weOffer-dot {
position: absolute;
  width: 400px;
  height: 400px;
  left: 150px;
  display: inline-block;
}
.merge-dot {
width: 20px;
  height: 20px;
  background-color: var(--myClrDark);
  display: block;
  margin: -110px auto 0;
}
.desginTrigEnd,
.desginTrigStart {
width: 10px;
  height: 1px;
  background-color: var(--myClrDark);
  position: absolute;
  display: block;
  left: 0;
}
.d-dots {
display: block;
  position: absolute;
}
.about-description,
.s-we-off-box.we-tech-sec {
margin-top: 100px;
}
.s-we-off-box .hdg1 {
font-size: 52px;
  line-height: 1.1;
}
.s-we-off-box p,
.serv-detail-section p {
font-size: 24px;
  line-height: 36px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 70px;
}
.about-description p,
.about-description p span {
line-height: 1.5;
  font-family: Poppins, sans-serif;
}
.desginTrigStart {
bottom: -100px;
}
.desginTrigEnd {
top: 500px;
}
.innerPopup,
body {
background: var(--myClrLight);
}
#readMore {
margin-top: 20px;
  color: #ff3968;
  border: 0;
  font-family: Poppins, sans-serif;
  display: inline-block;
  border-bottom: 1px dashed #ff3968;
  cursor: pointer;
}
.about-description #more {
opacity: 0;
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
}
.about-description p {
font-size: 24px;
  color: var(--myClrDark);
  font-weight: 700;
}
.about-description p span {
margin-bottom: 30px;
  display: block;
  font-weight: 700;
  font-size: 32px;
}
.about-description p span b {
display: block;
  margin-top: 30px;
  font-size: 62px;
  line-height: 1;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.about-description p span::last-of-type {
margin-bottom: 0;
}
.tech-orbit-img .skullImg {
max-width: 60% !important;
  max-height: 60% !important;
}
.mb30,
.modalCont {
margin-bottom: 30px;
}
.innerModal {
color: #ff3968;
  font-family: Poppins, sans-serif;
  margin-bottom: 16px;
}
.innerModalpara {
color: var(--myClrDark);
}
.innerPopup {
padding: 70px;
  border-radius: 0;
  border: none;
  position: relative;
}
.innerDialog {
max-width: 900px;
  width: 90%;
}
.innerModalCross {
position: absolute;
  right: 20px;
  top: 20px;
  line-height: 0;
  opacity: 1;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.bl-icon.active,
.innerModalCross:hover,
.quote-close:hover {
-webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
ul.transition {
position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100000000000000;
  margin: 0;
}
ul.transition li {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  background: var(--clr);
}
ul.transition li.pink {
background: #ff5d7d;
}
ul.transition li.purple {
background: #59257d;
}
.service-bodytext,
.service-subhead,
.service-subtitle,
.service-title {
margin-top: 40px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.service-padding {
padding: 150px 0;
}
.back {
font-size: 24px;
  color: #c9c9c9;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.back img {
position: relative;
  top: -1px;
}
.back:hover {
color: #707070;
}
.service-title {
font-size: 72px;
  color: grey;
}
.service-subtitle {
font-size: 56px;
  color: var(--myClrDark);
}
.service-bodytext {
font-size: 18px;
  color: #707070;
}
.service-subhead {
font-size: 32px;
  color: grey;
}
.service-banimg {
display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin: auto;
  text-align: right;
}
.client-logo,
.coutryCode,
.culturesec,
.desg,
.teammem,
.teamname {
text-align: center;
}
.service-banimg img {
width: 80%;
}
.absleft img,
.abtimg,
.c-img img,
.contactUs,
.h-work-dubai .h-work-3 .hwork-img,
.moreabout .morecont,
.no-page,
.screens img,
.scrollTop img,
.team-heading-in,
.work-swiper-container {
width: 100%;
}
.techcolor {
color: #8080ff;
}
.buscolor {
color: #ca7eff;
}
.s-offer-list.grid4 ul {
width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.culturepad {
padding: 50px 0 0;
}
.team-main-img {
margin: 50px 0 30px;
  max-height: 50vh;
}
.team-main-img .w75 {
margin: 0 auto;
  height: 100%;
}
.team-pagemainWrapp .team-main-img {
margin: 0 0 30px;
  max-height: 50vh;
}
.team-padding .servsub-hdn {
padding: 0 100px;
  font-size: 42px;
  margin: 0;
}
.team--head {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: grey;
  margin-bottom: 10px;
}
.desg,
.team--info,
.teamname {
color: var(--myClrDark);
  font-weight: 700;
  font-family: Poppins, sans-serif;
}
.team--info {
padding: 0 100px;
  font-size: 42px;
  margin: 0;
  line-height: 1.3;
}
.teammem {
margin-bottom: 50px;
  display: block;
}
.teammem .team-img {
transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.teammem:hover .team-img {
transform: translateY(-10px);
}
.teammem .emply-img {
height: 430px;
  filter: grayscale(1);
}
.teammem .emply-img img {
height: 100%;
  object-fit: cover;
}
.desg {
font-size: 24px;
  margin: 20px 0 5px;
}
.teamname {
font-size: 16px;
  margin: 0;
}
.culturesec {
margin-bottom: 60px;
}
.moreabout {
padding: 100px 0;
}
.moreabout .s-othr-cont p {
font-size: 16px;
  line-height: 24px;
}
.career .serv-ban-img {
position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: 30%;
}
.about .serv-ban-cont,
.client-logo ul li img {
max-width: 100%;
}
.abtimg {
margin: 100px 0 0;
}
.beta-okay,
.m-top,
.m-top-2,
.solution {
margin-top: 20px;
}
.aboutsub {
font-size: 36px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.serv-ban-cont.quote {
padding: 150px 0 100px;
  opacity: 0.3;
}
.blog h1,
.serv-ban-cont.quote .servHdn {
font-size: 48px;
}
.blog h5,
.casehdg8,
.filled .form-input,
.filled .form-label,
.serv-ban-cont.quote .servsub-hdn {
font-size: 24px;
}
.client-logo {
position: relative;
  top: -110px;
}
.absleft,
.absright {
position: absolute;
  padding: 0;
}
#lionCanvas,
#lionCanvasDark {
width: 90%;
  height: 463px;
}
.gallery-top-text li a {
border: 1px solid var(--myClrDark);
  padding: 5px 22px;
  border-radius: 50px;
  color: #797979;
  display: inline-block;
  margin: 3px 0;
  font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.filter-button.active {
background: var(--myClrDark);
  color: var(--myClrLight);
}
.contact .hdg1,
.contact .sub-line,
.form-label {
color: var(--myClrDark);
  transition: 0.3s linear;
}
.medium {
font-family: Poppins, sans-serif;
  font-weight: 700;
}
.absright {
right: 0;
}
.absleft {
left: 0;
}
.contactUs,
.form-label,
.input-box {
position: relative;
}
.casetop {
padding: 115px 0;
}
.offset-50 {
margin-left: 50%;
  padding-left: 20px;
  padding-right: 20px;
}
.howpad {
padding: 50px;
}
.solution {
padding: 50px 0;
}
.screens .w33 {
padding: 15px;
}
.cultureImg-wrap .row .w10,
.cultureImg-wrap .row .w100,
.cultureImg-wrap .row .w20,
.cultureImg-wrap .row .w30,
.cultureImg-wrap .row .w40,
.cultureImg-wrap .row .w50,
.cultureImg-wrap .row .w60,
.cultureImg-wrap .row .w70,
.cultureImg-wrap .row .w80,
.cultureImg-wrap .row .w90 {
padding-right: 10px !important;
  padding-left: 10px !important;
}
.beta-pop p,
.blog .blog-sub-title,
.cultureImg-wrap .cultureImg-box,
.founder-box h6,
.h-work-dubai .h-work-cont,
.h-work-modals .h-work-cont {
margin-bottom: 20px;
}
.no-page {
display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.quote-pop-container.beta-pop {
border: 1px solid var(--myClrDark);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.progress-button {
display: flex;
  justify-content: space-between;
  align-items: center;
}
.contactUs {
padding: 0;
  margin-top: 30px;
  flex: 0 0 100%;
}
.form-label {
background-color: var(--myClrLight);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  vertical-align: top;
}
.c-msg,
address .country,
address img {
vertical-align: middle;
}
.input-box {
margin-left: 4px;
  display: inline-block;
  width: 305px;
}
.error {
color: red;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: -16px;
  z-index: 1;
}
.contact .sub-line,
.coutryCode {
font-size: 24px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.input-box.area {
width: 95%;
  height: 75px;
  max-width: 95%;
  max-height: 75px;
}
.form-input {
position: relative;
  width: 100%;
  outline: 0;
  border: 0;
  color: var(--clr2);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  transition: 0.3s linear;
  resize: none;
}
.form-input.filled,
.form-input:focus {
border-bottom: 1px solid var(--clr2);
}
.contact .sub-line {
text-align: left !important;
  margin: 0 !important;
  width: auto !important;
}
.contact .hdg1 {
font-size: 72px;
  padding-bottom: 20px;
  line-height: 1.1;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  opacity: 1;
}
.contact .check-btn {
opacity: 1;
  padding: 0 10px 10px;
  transition: 0.2s linear;
  height: 100px;
}
.contact .form-input,
.contact .form-label,
.founder-pic-box h4 {
font-size: 30px;
}
input::-webkit-calendar-picker-indicator {
display: none;
}
.coutry-form-group,
.flex-c,
.hf-container,
.history-swiper-container .swiper-slide,
.logo-flex,
.testimonial-flex {
display: flex;
  align-items: center;
}
.coutryCode {
position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: var(--clr2);
  line-height: 40px;
  width: 70px;
}
.c-msg a,
.chbox label,
.coutry-input-box,
.txField {
position: relative;
}
.coutry-input-box {
display: flex;
  align-items: center;
}
.coutry-input-box input {
padding-left: 80px;
}
.filled .hdg1 {
font-size: 0;
  padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.filled .information {
height: 700px;
  margin-top: 0;
}
.filled .back-pg {
opacity: 1;
  visibility: visible;
  transition: 0.5s;
  margin: 0;
}
.txField {
margin-bottom: 1.3rem;
  height: auto;
}
.filled .sucess.information {
height: 0;
}
.success-msg {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: var(--clr2);
  text-align: left;
  display: none;
}
.success-msg span {
color: var(--clr1);
  font-size: 30px;
  display: block;
}
.success-msg.show {
top: 32%;
  display: block;
}
.information {
margin-top: 80px;
  overflow: hidden;
  height: 135px;
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  transition: 0.3s linear;
}
.budgetField {
margin-block: 20px;
}
.ab-vm-cont h3,
.beta-pop,
.blogImgMob,
.br-460,
.br-480,
.br-800,
.call-us.mob-call,
.call-us.mob-call.sm-screen,
.case-study-kpit .logo-section,
.case-study-new-common .challenges-section .content-table .table-row:last-child::after,
.caseStudyBigContainerMob,
.chbox input,
.client-logo-mob,
.copyMob,
.dark-theme,
.darkAnim,
.featured-blog-box .blog-content ul,
.footer-col-2 span,
.grecaptcha-badge,
.h-work-cont ul li:last-of-type:after,
.h-work-def ul li:first-child:before,
.h-work-pagination,
.hb-right ul li:last-of-type a:after,
.hb-right ul li:last-of-type p:after,
.hbr-br-in,
.hd480,
.hero-support-text-mob,
.home-banner .h-img,
.hs-img-mob,
.menu-icon,
.mobMenuBox,
.mobile-view,
.popular-blogs-box .blog-content ul,
.qt-box,
.serv-back-mob,
.workMobDots {
display: none;
}
.chbox,
address .country,
address img {
display: inline-block;
}
.form-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  transform-origin: 0 50%;
}
.form-input,
.form-label {
padding: 5px 0;
  display: inline-block;
}
.form-input.style4 {
overflow: hidden;
  height: 100%;
  max-height: 100%;
  background-color: transparent;
}
.form-input.style4:before {
content: "asdad";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: red;
}
.form-input.style4:focus::-webkit-input-placeholder {
text-indent: -300px;
}
.chbox {
border: 1px solid #ddd;
  margin: 5px 5px 0;
  border-radius: 50px;
  text-align: center;
  overflow: hidden;
  height: 40px;
  line-height: 36px;
}
.txt1,
.work .h-work-cont p,
address p {
line-height: 1.5;
}
.chbox label {
cursor: pointer;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 2px 16px;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.chbox input:checked+label {
color: var(--myClrLight);
  background: var(--clr2);
}
.chbox:first-child input:checked+label {
color: var(--myClrLight);
  background: var(--clr1);
}
.budget-box .chbox:nth-child(3) input:checked+label,
.chbox:nth-child(4) input:checked+label,
.chbox:nth-child(5) input:checked+label,
.chbox:nth-child(6) input:checked+label {
color: var(--myClrLight);
  background: var(--clr3);
}
.budget-box .bud_error,
.check-btn .error {
right: 20px;
}
.visible .chbox {
pointer-events: auto;
}
.c-msg {
font-size: 18px;
  margin-top: 80px;
}
.c-msg img {
width: 21px;
  margin: 0 3px;
}
.c-msg a {
color: var(--myClrDark);
  font-size: 14px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.back-pg,
.c-msg a:after,
label.error {
position: absolute;
}
.c-msg a:after {
content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px dotted var(--myClrDark);
  bottom: 0;
  left: 0;
}
.Advereal-counters ul li span,
.back-pg.button-grd-line em,
.back-pg.button-grd-line span,
.hb-right h3 span,
.send.button-grd-line em,
.send.button-grd-line span,
.testimonial-cont p span {
font-family: Poppins, sans-serif;
  font-weight: 700;
}
.back-pg {
left: -10px;
  top: -45px;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  width: 50px;
  height: fit-content;
  padding: 0 10px;
}
.back-pg img {
-webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
address {
border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-style: normal;
}
address .country {
margin-right: 50px;
}
address img {
height: 120px;
}
address h2 {
font-size: 60px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
.h-work h6,
address h6 {
font-size: 24px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}
address p,
address strong {
font-size: 18px;
  font-family: Poppins, sans-serif;
}
address p,
body {
font-weight: 500;
}
address strong {
font-weight: 700;
}
address.border-none {
border-right: 0 solid rgba(0, 0, 0, 0.1);
  margin-left: 10px;
}
.form-input.error {
border-bottom: 1px solid red;
  color: red;
}
label.error {
display: none;
  margin: 0;
  color: red;
  font-size: 12px;
  right: 0;
  top: 10px;
}
.call-us h4,
.call-us ul li strong,
.h-work-def ul {
font-family: Poppins, sans-serif;
  font-weight: 700;
  color: #999;
}
.c-img {
top: 30%;
}
.call-us {
bottom: 65px;
  float: right;
  right: 16px;
}
.call-us h4 {
font-size: 64px;
  display: inline-block;
  line-height: 0.95;
}
.call-us ul {
font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin-left: 35px;
}
.call-us ul li {
display: block;
  width: auto;
  margin-top: 8px;
  text-align: right;
}
.call-us ul li strong {
margin-right: 2px;
}
.call-us ul a:hover,
.h-work.h-work-1 h6,
footer ul li a:hover {
color: var(--clr1);
}
.call-us ul .mail a {
color: var(--clr2);
  text-decoration: underline;
}
.call-us ul .mail a:hover {
color: var(--clr2);
  text-decoration: none;
}
.trans-img a:before {
content: "";
  position: inherit;
  width: 20px;
  height: 1px;
  display: inline-block;
  margin-right: 8px;
}
.work-head {
padding-left: 20px;
  width: 100%;
  margin-bottom: 30px;
}
.work-head .servsub-hdn {
font-size: 62px;
  padding: 0;
  line-height: 67px;
}
.work-head p {
font-size: 24px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 36px;
  margin-top: 15px;
  margin-bottom: 0;
}
.work .team-padding {
padding: 180px 0 40px;
}
.work .h-work-cont {
width: 50%;
  display: inline-block;
  vertical-align: top;
}
.work .h-work-cont p {
font-size: 18px;
}
.h-work-def {
width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  margin-top: 5px;
}
.h-client-logos,
.h-pagination span,
.history-swiper-container,
.hsDotBox,
.hsdot,
.hsdot-3a,
.hw-cont p span,
.sw480 {
vertical-align: middle;
}
.h-work-def ul {
font-size: 16px;
}
.highlight-box h6,
.work-list h6 {
font-size: 36px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.navigation li a,
.work-list h6,
body {
color: #808080;
  font-weight: 400;
}
.h-work-def ul li {
display: inline-block;
  position: relative;
  margin-left: 5px;
}
.h-work-def ul li:before {
content: "";
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 6px;
}
.branding .work-list {
background: rgba(60, 60, 138, 0.11);
}
.mobile .work-list,
.website .work-list {
background: rgba(88, 87, 249, 0.11);
}
.uiux .work-list {
background: rgba(255, 93, 125, 0.11);
}
.grid .work-list {
padding: 20px;
  width: 100%;
  margin-bottom: 30px;
}
.work-list h6 {
padding-bottom: 20px;
}
.clr1,
.clr2,
.clr3,
.clr4,
.hb-right h3 {
color: var(--title);
}
.highlight-box {
width: calc(100% - 70px);
  padding: 50px 60px;
  border: 1px solid var(--myClrDark);
  margin: 50px auto 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.highlight-box h6 {
display: inline-block;
  width: fit-content;
}
.highlight-box .redirect {
height: 66px;
  width: 66px;
  background-color: grey;
  display: inline-block;
  border-radius: 50%;
  transition: 0.3s;
  text-align: center;
  padding: 18px 0;
  display: flex;
}
.highlight-box .redirect img {
max-width: 50%;
  margin: 0 auto;
}
.highlight-box .redirect:hover {
background-color: #ff3968;
}
.exe-img {
min-height: 100%;
}
.desk-header,
.glow-button.line,
html[data-theme="dark"] .desk-header {
background: 0 0;
}
.desk-header,
.navigation {
height: var(--headerHeight);
}
html[data-theme="dark"] {
--myClrDark: #cecece;
  --myClrLight: #121212;
  --title: #cecece;
}
.home-page-work .h-work-cont ul li:after,
html[data-theme="dark"] .desk-header .container,
html[data-theme="dark"] .drop {
background-color: #fff;
}
html[data-theme="dark"] .mob-menu .button-grd-line span,
html[data-theme="dark"] .mob-menu ul li a,
html[data-theme="dark"] .navigation li a,
html[data-theme="dark"] .quoteDetailsBtn.button-grd-line em,
html[data-theme="dark"] .quoteDetailsBtn.button-grd-line span {
color: #000;
}
.h-work.h-work-3:before,
html[data-theme="dark"] .h-quote-box .button-grd-line:hover:after,
html[data-theme="dark"] .mob-menu .button-grd-line:before,
html[data-theme="dark"] .mob-menu-close span:after,
html[data-theme="dark"] .mob-menu-close span:before,
html[data-theme="dark"] .navigation li .button-grd-line:after,
html[data-theme="dark"] .navigation li .button-grd-line:before {
background: #000;
}
html[data-theme="dark"] .navigation li .button-grd-line span {
-webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: 0 0;
  color: #fff;
}
.big-txt.white p,
.home-page-work .h-work-cont h4,
.home-page-work .h-work-cont h6,
.home-page-work .h-work-cont p,
.home-page-work .h-work-cont ul li,
.industry-card:hover .industry-icon i,
.tabs-wrapper li.active,
html[data-theme="dark"] .button-grd-line em,
html[data-theme="dark"] .h-quote-box .button-grd-line em {
color: #fff;
}
html[data-theme="dark"] .drop-box .downarrow::after,
html[data-theme="dark"] .drop-box .downarrow::before,
html[data-theme="dark"] .mobdrop-box .downarrow::after,
html[data-theme="dark"] .mobdrop-box .downarrow::before {
background-color: #000;
}
html[data-theme="dark"] .dayNight input:checked+div {
box-shadow: inset 16px -16px 0 0 #000;
}
html[data-theme="dark"] .mob-menu {
background: #fff;
}
html[data-theme="dark"] .h-quote-box .button-grd-line {
transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.header-social,
.logo {
transition: 0.2s ease-in-out;
}
html[data-theme="dark"] .h-quote-box .button-grd-line span {
background: padding-box text #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="dark"] .form-input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
html[data-theme="dark"] .quoteDetailsBtn.button-grd-line:after {
content: "";
  background: #fff;
}
.row {
display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.desk-header,
.header-social {
align-items: center;
  display: flex;
}
body,
html {
width: 100%;
  height: 100%;
  transition: background 0.2s ease-in-out;
}
body {
overflow-x: hidden;
  font-size: 16px;
  margin: 0;
  padding: 0;
  opacity: 1;
}
button,
input [type="submit"] {
outline: 0 !important;
}
.logo {
width: 120px;
  -webkit-transition: 0.2s ease-in-out;
}
.hs-box,
.section-padding {
padding: 150px 0;
  position: relative;
}
.header-social {
border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 35px;
  margin-left: 35px;
  -webkit-transition: 0.2s ease-in-out;
}
.desk-header,
.mob-menu {
transition: 0.2s ease-in-out;
}
.header-social li {
margin-right: 17px;
}
.desk-header {
z-index: 999;
  justify-content: space-between;
  padding: 0 30px;
  position: fixed;
  left: 0;
  top: 10px;
  width: 100%;
  -webkit-transition: 0.2s ease-in-out;
}
.navigation,
.seo-content {
transition: 0.3s ease-in-out;
}
.desk-header .button-grd-line {
font-family: Poppins, sans-serif;
  font-weight: 700;
  top: -3px;
}
.desk-header .container {
display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 90px;
  backdrop-filter: blur(20px);
  border: 1px solid #bbb;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.6);
}
.desk-header.fixHeader {
height: var(--headerHeightFixed);
  background: 0 0;
}
.desk-header.fixHeader .button-grd-line {
height: 45px;
  line-height: 45px;
}
.desk-header.fixHeader .logo {
width: 100px;
}
.desk-header.fixHeader .header-social {
padding-left: 25px;
  margin-left: 25px;
}
.navigation {
display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s ease-in-out;
}
.navigation li {
position: relative;
  padding: 0 25px;
  height: 100%;
  line-height: var(--headerHeight);
  border-radius: 0;
}
.navigation li:last-of-type {
padding-right: 0;
}
.navigation li a {
font-size: 16px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.navigation li:hover a {
color: #ef2168;
}
.navigation li .button-grd-line {
border-radius: 36px;
}
.navigation li .button-grd-line:after,
.navigation li .button-grd-line:before {
background: var(--myClrDark);
  border-radius: 0;
}
.navigation li .button-grd-line span {
-webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: 0 0;
  color: var(--myClrLight);
}
.home-banner {
padding-top: 0;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-part,
.right-part {
top: 0;
  width: 45%;
  height: 100%;
  display: flex;
  position: absolute;
}
.left-part {
left: 0;
  align-items: center;
  justify-content: center;
}
.left-part img {
max-width: 80%;
  max-height: 80%;
}
.right-part {
right: 0;
  align-items: center;
  justify-content: center;
}
.right-part img {
max-width: 100%;
  max-height: 100%;
}
.left-part-slide {
width: 55%;
}
.right-part-slide {
width: 55%;
  margin-left: 45%;
}
.h-work,
.hwork-img img {
width: 100%;
  height: 100%;
}
#whoWeAreCanvas,
#whoWeAreCanvasDark,
.h-img {
max-width: 100%;
  margin: 0 auto;
}
.hb-right h3 {
font-size: 90px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin: 0;
}
.hb-right ul {
margin: 25px 0 0;
  display: flex;
  flex-wrap: wrap;
}
.hb-right ul li {
margin-right: 16px;
  margin-bottom: 10px;
}
.hb-right ul li a,
.hb-right ul li p {
cursor: default;
  font-size: 24px;
  line-height: 1.5;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: ease-in-out;
  -webkit-transition: ease-in-out;
}
.hb-right ul li a:after,
.hb-right ul li p:after {
content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  background: #ccc;
  border-radius: 50%;
  top: 50%;
  right: -10px;
}
.h-expertise-box ul li a:hover,
.hb-right ul li a:hover,
.hb-right ul li p:hover,
.hs-service ul li a:hover,
.hs-service ul li p:hover {
background-position-x: 100%;
}
.h-img {
text-align: center;
  max-height: 100%;
}
.h-client-logos {
display: inline-block;
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #808080;
}
.h-expertise-box ul,
.h-work-cont ul,
.h-work-up {
display: flex;
}
.h-img svg,
.h-quote-box.generate:before {
height: 100%;
}
.h-expertise-box .row,
.who-we-are-box .row {
flex-direction: row-reverse;
}
.grid .container {
padding: 0 94px;
}
.h-work-up {
padding: 0;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  background: var(--myClrLight);
}
.home-page-work .h-work,
.meet-founder-box {
display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-page-work .salon-pay .hwork-img {
width: 130%;
  position: relative;
}
.home-page-work .salon-pay .hwork-img img {
position: absolute;
  left: 10px;
  bottom: -30px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.5);
}
.h-work {
overflow: hidden;
  padding: 40px 40px 0;
  position: relative;
}
.h-work:before {
content: "";
  z-index: -1;
  width: 0;
  height: 0;
  left: 50%;
  top: -40px;
  position: absolute;
  transition: 0.7s ease-in-out;
  -webkit-transition: 0.7s ease-in-out;
  border-radius: 50%;
}
.h-work.active:before {
left: -25%;
  top: -25%;
  width: 150%;
  height: 150%;
}
.h-work.active2:before {
left: 50%;
  top: inherit;
  bottom: -40px;
  width: 0;
  height: 0;
}
.h-work.active3:before {
left: -25%;
  bottom: -25%;
  width: 150%;
  height: 150%;
  top: inherit;
}
.h-quote-box .button-grd-line:before,
.h-work.h-work-1:before {
background: #ff971c;
}
.h-work.h-work-2 h6 {
color: var(--clr3);
}
.h-work.h-work-3 h6 {
color: var(--clr2);
}
.home-page-work .h-work.h-work-1:hover:before {
background: rgba(255, 151, 28, 0.7);
}
.home-page-work .h-work.h-work-2:hover:before {
background: rgba(128, 128, 128, 0.7);
}
.home-page-work .h-work.h-work-3:hover:before {
background: rgba(0, 0, 0, 0.7);
}
.h-work-pt {
position: absolute;
  left: 50%;
  top: 0;
}
.h-work-pt-end {
position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -30px;
}
.hwork-img {
height: 350px;
  border-radius: 0;
  overflow: hidden;
  margin: 0 auto 30px;
}
.blg,
.fndr,
.h-work-cont ul li:after,
.hsDotBox:before,
.hsdot,
.hsdot-3a {
border-radius: 50%;
}
.hwork-img img {
object-fit: cover;
}
.home-page-work .hwork-img {
height: 510px;
  margin-bottom: 0 !important;
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
.home-page-work .hwork-img img {
object-fit: unset;
  width: 90%;
  height: auto;
  margin-left: 25px;
}
.h-work-btn {
text-align: center;
  margin-top: 70px;
}
.h-work-cont h4 {
font-size: 36px;
  line-height: 1;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 18px;
}
.h-work-cont h6,
.h-work-cont p {
line-height: 1.4;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.h-work-cont h4 b {
font-weight: 700;
}
.h-work-cont h6 {
font-size: 24px;
  margin: 20px 0 0;
}
.h-work-cont p {
font-size: 18px;
  margin: 0;
}
.h-work-cont ul {
flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  margin-bottom: 80px;
}
.h-expertise-box h4,
footer h4 {
margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  color: var(--myClrDark);
  font-weight: 700;
}
.h-work-cont ul li {
font-size: 16px;
  line-height: 1;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 400;
  margin-right: 30px;
  position: relative;
}
.blog-drop ul li,
.fixHeader .navigation .blog-drop li {
line-height: 30px;
}
.h-work-cont ul li:after {
content: "";
  width: 4px;
  height: 4px;
  background: var(--myClrDark);
  display: inline-block;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -2px;
}
.h-expertise-box {
position: relative;
  padding: 100px 0 80px;
}
.h-expertise-box h4 {
font-size: 56px;
  line-height: 1.3;
  text-align: center;
}
.h-expertise-box h5 {
font-size: 32px;
  color: var(--myClrDark);
  line-height: 1.3;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-align: center;
}
.h-expertise-box ul {
flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.h-expertise-box ul li {
margin: 20px 0;
}
.h-expertise-box ul li a {
font-size: 42px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1;
  cursor: default;
  padding-bottom: 3px;
  transition: ease-in-out;
  -webkit-transition: ease-in-out;
}
.h-expertise-box ul li a.red {
color: #ff3968;
  border-bottom: 1px dashed #ff3968;
}
.h-expertise-box ul::after {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--myClrDark);
  opacity: 0.5;
}
.txt1 {
font-size: 26px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
footer {
padding: 50px 0;
  position: relative;
  z-index: 1;
}
footer h2 {
font-size: 30px;
  line-height: 1;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
footer h4 {
font-size: 18px;
  line-height: 1;
}
footer ul li a {
font-size: 16px;
  line-height: 1;
  color: var(--myClrDark);
}
.copy {
font-size: 14px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  line-height: 1.6;
  margin: 20px 0 0;
}
ul.f-social li {
margin-right: 15px;
  margin-bottom: 0;
}
.h-quote-box .container {
position: relative;
  z-index: 3;
}
.h-quote-box .h-cont {
text-align: center;
  position: relative;
  z-index: 5;
}
.span-orange {
color: #ff971c;
}
.h-quote-box h4 {
color: white !important;
  font-size: 48px;
  line-height: 1.6;
  margin-bottom: 50px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  text-transform: uppercase !important;
}
.h-quote-box h4 .span-orange {
color: white !important;
  transition: color 0.5s ease-in-out;
  -webkit-transition: color 0.5s ease-in-out;
}
.h-quote-box.generate h4 {
color: #000 !important;
}
.h-quote-box.generate h4 .span-orange {
color: #ff971c !important;
}
.h-blog-box h5,
.h-blog-box p {
color: var(--myClrDark);
  margin-bottom: 40px;
  font-family: Poppins, sans-serif;
}
.h-quote-box .button {
text-align: center;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.h-quote-box .button span {
display: block;
  z-index: 1;
  position: relative;
  background: var(--myClrLight);
  border-radius: 8px;
}
.h-quote-box .button-grd-line {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 20px;
  width: 270px;
  height: 60px;
}
.h-quote-box:before {
content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #f5f5f5;
  z-index: 2;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.mainContainer {
position: relative;
  z-index: 9;
}
.linkdinIcon {
height: 17px;
}
.h-blog-box .container {
position: relative;
  padding: 0 15px;
}
.h-blog-box h5 {
font-size: 60px;
  line-height: 1.1;
  font-weight: 700;
}
.h-blog-box p {
font-size: 32px;
  line-height: 1.3;
  font-weight: 500;
  max-width: 80%;
}
.founder-box h6,
.meet-founder-box h6 {
font-family: Poppins, sans-serif;
  font-weight: 700;
  color: var(--title);
  text-transform: capitalize;
}
.h-blog-box .h-img,
.hs-box .container {
height: 100%;
  position: relative;
}
.h-blog-box .h-img img {
position: absolute;
  bottom: 0;
  left: 0;
}
.h-blog-box .h-img img.blogImg2 {
top: 0;
  width: auto;
}
.h-blog-box .h-img .blogImg1 {
right: 0;
  left: inherit;
  bottom: 0;
  padding-left: 50px;
}
.h-blog-left {
width: 56%;
}
.h-blog-right {
width: 54%;
  position: absolute;
  top: 0;
  left: 55%;
  height: 650px;
}
.hsdot,
.hsdot-3a,
.trigger {
width: 100%;
  position: absolute;
}
.trigger {
top: 0;
}
.trigger.triggerRef {
top: 230px;
}
.hs-trigger-end {
position: absolute;
  bottom: 0;
}
.hs-trigger-1 {
position: absolute;
  top: var(--hsTrigger1);
}
.hs-trigger-1-2 {
position: absolute;
  top: var(--hsTrigger12);
}
.hsTrigBtn {
top: 0;
  opacity: 1;
}
.hsdot,
.hsdot-3a {
height: 100%;
  display: inline-block;
  left: 0;
  top: 0;
  opacity: 0;
}
.hsDotBox {
width: 64px;
  height: 64px;
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.hsDotBox:before {
content: "";
  position: absolute;
  left: -15px;
  top: -15px;
  background: url(../img/round.svg) center center/contain no-repeat;
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  -webkit-animation: 5s linear infinite rotation;
  animation: 5s linear infinite rotation;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.blogEndPts,
.founderRefPt {
left: 50%;
  -webkit-transform: translate(-50%, 0);
  opacity: 0;
}
.h-founder-box {
position: relative;
  padding: 0 0 150px;
}
.blogEndPts,
.dotsFilter,
.founder-pic,
.founderRefPt,
.quoteMergeTrigger,
.quoteTrigger,
.quoteTriggerUp {
position: absolute;
}
.meet-founder-box h6 {
line-height: 68px;
  margin: 0;
}
.founder-box {
flex-direction: column;
  justify-content: space-between;
}
.founder-box h6 {
font-size: 22px;
  margin-left: 230px;
}
.founder-box p {
line-height: 1.5;
  color: var(--myClrDark);
}
.founder-pic-box h4,
.testimonial-cont h4,
.testimonial-cont p {
line-height: 1;
  font-weight: 700;
  font-family: Poppins, sans-serif;
  color: var(--myClrDark);
}
.rating {
margin-bottom: 10px;
  max-width: 200px;
  width: 100%;
  filter: grayscale(1);
}
.founderRefPt {
top: -40px;
  width: 70px;
  transform: translate(-50%, 0);
}
.quoteTrigger {
top: 0;
  left: 50%;
  background: red;
}
.blogEndPts .blgEndPt,
.quoteTrigger .qut {
width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dotsFilter {
height: 0;
}
.blg {
width: 24px;
  height: 24px;
  top: -30px;
  opacity: 0;
  visibility: hidden;
}
.blg.blg1 {
background: var(--clr1);
  left: 60px;
}
.blg.blg2 {
background: var(--clr2);
  left: 130px;
}
.blg.blg3 {
background: var(--clr3);
  left: 95px;
}
.blogEndPts {
top: 2px;
  width: 210px;
  transform: translate(-50%, 0);
  z-index: 1;
}
.blogEndPts .blgEndPt.blgEndPt2,
.fndr.fndr2 {
-webkit-transform: translate(-50%, 0);
  left: 50%;
}
.blogEndPts .blgEndPt.blgEndPt1,
.fndr.fndr1 {
background: var(--clr1);
  left: 0;
}
.blogEndPts .blgEndPt.blgEndPt2 {
background: var(--clr3);
  transform: translate(-50%, 0);
}
.blogEndPts .blgEndPt.blgEndPt3 {
background: var(--clr2);
  right: 0;
}
.quoteTriggerUp {
top: 180px;
}
.quoteMergeTrigger {
top: 5%;
}
.testimonial-cont h4 {
font-size: 34px;
  margin-bottom: 10px;
}
.testimonial-cont p {
font-size: 18px;
  margin: 0;
}
.testimonial-img {
overflow: hidden;
  margin-right: 20px;
 
}
.founder-pic-box h4 {
margin-bottom: 20px;
}
.founder-pic-box p {
line-height: 1.5;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.founder-pic {
width: 235px;
}
.founder-pic img {
width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
  opacity: 0;
}
.founder-ht-box {
display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.mf-flex {
position: relative;
  display: flex;
  align-items: center;
}
.fndrRefPt,
.mobdrop-box .mobMenuTrigger {
display: inline-block;
}
.mf-flex a {
line-height: 1;
}
.fndrRefPt {
opacity: 0;
  width: 70px;
  position: relative;
  align-items: center;
  height: 14px;
}
.fndr {
width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
}
.fndr.fndr2 {
background: var(--clr2);
  transform: translate(-50%, 0);
}
.whoWeAreImg .wwa.wwa3,
.wwaRef {
-webkit-transform: translate(-50%, 0);
}
.fndr.fndr3 {
background: var(--clr3);
  right: 0;
}
.whoWeAreImg {
max-width: 786px;
  margin: 10px auto 100px;
  position: relative;
  height: 291px;
}
.whoWeAreImg .wwa,
.wwaRef {
position: absolute;
  width: var(--wwaWidth);
  height: var(--wwaWidth);
  border-radius: 50%;
  opacity: 0;
}
.whoWeAreImg .wwa.wwa1 {
top: 110px;
  left: 28px;
  background: var(--clr1);
}
.whoWeAreImg .wwa.wwa3,
.wwaRef.wwaRef3 {
left: calc(50% - 4px);
  width: var(--wwaWidth2);
  height: var(--wwaWidth2);
}
.whoWeAreImg .wwa.wwa2 {
top: 109px;
  right: 24px;
  background: var(--clr2);
}
.whoWeAreImg .wwa.wwa3 {
top: 71px;
  transform: translate(-50%, 0);
  background: var(--clr3);
}
.dot1,
.wwaRef.wwaRef1 {
background: var(--clr1);
}
.wwaRef {
bottom: 136px;
  left: 50%;
  transform: translate(-50%, 0);
}
.wwaRef.wwaRef1 {
margin-left: -335px;
}
.wwaRef.wwaRef2 {
margin-left: 335px;
  background: var(--clr2);
}
.wwaRef.wwaRef3 {
background: var(--clr3);
}
.expertiseImg {
max-width: 786px;
  margin: 100px auto;
  position: relative;
  height: 367px;
}
.dotBox li,
.dots {
border-radius: 50%;
  width: 0;
  height: 0;
}
.expertiseImg .exp {
position: absolute;
  width: var(--expWidth);
  height: var(--expWidth);
  border-radius: 50%;
  opacity: 0;
}
.expertiseImg .exp.exp1 {
top: 25px;
  left: 244px;
  background: var(--clr1);
}
.expertiseImg .exp.exp2 {
top: 25px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: var(--clr2);
}
.expertiseImg .exp.exp3 {
top: 25px;
  right: 250px;
  background: var(--clr3);
}
.dots {
position: absolute;
  top: var(--dots);
  left: 50%;
  margin-left: -310px;
  opacity: 0;
  z-index: 2;
}
.h-work-cont {
position: relative;
  z-index: 10;
}
.dot1,
.dot3 {
top: 48vh;
  left: 36%;
}
.dot3 {
background: var(--clr3);
}
.dot4,
.dot5,
.dot6 {
opacity: 0;
  height: 65px;
  width: 65px;
  margin-left: 0;
}
.triggerWorkStart {
position: absolute;
  left: 0;
  bottom: 100px;
}
.h-work-hdn-box {
position: relative;
  padding: 60px 0 50px;
}
.dotBox,
.dotBox li,
.workTriggerEnd {
position: absolute;
}
.blog-cl:last-of-type,
.h-work-box,
.serv-detail-section .hdg1 {
padding-bottom: 0;
}
.h-work-box {
padding-top: 0;
  max-width: 1280px;
  margin: 0 auto;
}
.home-page-work.h-work-box {
padding-top: 60px;
  max-width: calc(100% - 100px);
}
.workTriggerEnd {
top: 0;
}
.h-work-exp-trigger {
position: absolute;
  top: 50%;
}
.dotBox {
top: 30vh;
  left: 50%;
  margin-left: -370px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  opacity: 0.3;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.dotBox li {
left: 0;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dotBox li:first-of-type {
background: var(--clr2);
  left: 4%;
  top: 4%;
}
.dotBox li:nth-of-type(2) {
background: var(--clr3);
  left: 24%;
  top: 24%;
}
.dotBox li:nth-of-type(3) {
background: var(--clr1);
  left: 44%;
  top: 13%;
}
.dotBox li:nth-of-type(4) {
background: var(--clr1);
  left: 74%;
  top: 34%;
}
.dotBox li:nth-of-type(5) {
background: var(--clr2);
  left: 84%;
  top: 14%;
}
.dotBox li:nth-of-type(6) {
background: var(--clr2);
  left: 14%;
  top: 84%;
}
.dotBox li:nth-of-type(7) {
background: var(--clr1);
  left: 34%;
  top: 54%;
}
.dotBox li:nth-of-type(8) {
background: var(--clr1);
  left: 54%;
  top: 84%;
}
.dotBox li:nth-of-type(9) {
background: var(--clr2);
  left: 64%;
  top: 54%;
}
.dotBox li:nth-of-type(10) {
background: var(--clr3);
  left: 84%;
  top: 84%;
}
.scroll_Down_box {
display: none;
  position: fixed;
  width: 2px;
  height: 100px;
  left: 50%;
  bottom: 20px;
  margin-left: -1px;
  z-index: 99;
  opacity: 1;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
}
.scroll_Down_box span {
position: absolute;
  left: 1px;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0.5;
}
.scroll_Down {
position: absolute;
  width: 2px;
  height: calc(100% - 30px);
  left: 0;
  top: 30px;
  overflow: hidden;
}
.scroll_Down img {
animation: 1.25s ease-in-out infinite scrollDown;
  -webkit-animation: 1.25s ease-in-out infinite scrollDown;
}
.hs-ellipse,
.serv-ban-right-ellipse {
animation: 10s linear infinite ellipseRotate;
}
@-webkit-keyframes scrollDown {
0% {
-webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0;
}
}
@keyframes scrollDown {
0% {
-webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0;
}
}
.lionAnimTriggerStart {
position: absolute;
  top: 90%;
}
.lionAnimTriggerEnd {
position: absolute;
  bottom: 10%;
}
.hs-service-in {
position: sticky;
  position: -webkit-sticky;
  top: var(--hsHeadingTop);
}
.hs-service {
height: var(--service2Height);
  position: relative;
}
.hs-service h2,
.hs-service h4 {
font-size: 42px;
  color: var(--myClrDark);
  line-height: 1.3;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  padding: 20px 0 20px 120px;
}
.hs-service h2 b,
.hs-service h4 b,
.hs-service ul li a,
.hs-service ul li p,
.mob-menu h4,
.mob-quote-btn {
font-weight: 700;
  text-transform: capitalize;
}
.hs-service h2.hsTrigBtn:last-of-type,
.hs-service h4.hsTrigBtn:last-of-type {
top: 240px;
}
.hs-service h2.hsTrigBtn:nth-last-of-type(2),
.hs-service h4.hsTrigBtn:nth-last-of-type(2) {
top: 120px;
}
.hs-service ul {
padding-left: 120px;
  position: sticky;
  position: -webkit-sticky;
  top: var(--hsHeadingTop);
}
.hs-service ul li {
margin-bottom: 15px;
  opacity: 0;
  margin-left: -50px;
}
.hs-service ul li a,
.hs-service ul li p {
color: #808080;
  font-size: 20px;
  font-family: Poppins, sans-serif;
  padding-bottom: 4px;
  transition: ease-in-out;
  -webkit-transition: ease-in-out;
  cursor: default;
  font-weight: 400;
}
.hs-service-1 {
height: var(--service1Height);
}
.hs-img-box-up {
position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  width: calc(40% - 15px);
}
.hs-img-box {
position: sticky;
  position: -webkit-sticky;
  top: calc(50% - var(--hs-img-box) / 2);
  height: var(--hs-img-box);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-ellipse,
.hs-img,
.hs-line {
position: absolute;
}
.hs-line {
width: 0;
  height: 0;
  border: 1px solid var(--myClrDark);
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hs-ellipse {
width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  background: url(assets/img/ellipse.png) center center/contain no-repeat;
  border-radius: 50%;
  top: 30%;
  left: 70%;
  opacity: 0;
}
#mapCanvas,
#mapCanvasDark,
.hs-img,
.hs-img>*,
.responseImg svg,
div#contResponseLoader svg,
div#responseLoader svg {
width: 100%;
  height: 100%;
}
@keyframes ellipseRotate {
0% {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
}
.hsImgActive01 .hs-line {
animation: 0.5s ease-in-out forwards hsImgActiveAnim01;
}
@keyframes hsImgActiveAnim01 {
0% {
opacity: 0;
    margin-top: 0;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}
100% {
opacity: 1;
    margin-top: -4px;
    width: 65%;
    height: 84%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}
}
.hsImgActive12 .hs-line {
opacity: 1;
  animation: 1s ease-in-out forwards hsImgActiveAnim12;
}
@keyframes hsImgActiveAnim12 {
0% {
margin-top: -4px;
    width: 65%;
    height: 84%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}
33% {
margin-top: -5px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}
66% {
margin-top: -5px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
100% {
margin-top: -5px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 50%;
    height: 72%;
}
}
.hsImgActive23 .hs-line {
opacity: 1;
  animation: 1s ease-in-out forwards hsImgActiveAnim23;
}
@keyframes hsImgActiveAnim23 {
0% {
margin-top: -6px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 50%;
    height: 72%;
}
33% {
margin-top: -10px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
66% {
margin-top: -15px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
100% {
margin-top: -15px;
    width: 72%;
    height: 86%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
}
.hsImgActive32 .hs-line {
opacity: 1;
  animation: 1s ease-in-out forwards hsImgActiveAnim32;
}
@keyframes hsImgActiveAnim32 {
0% {
margin-top: -15px;
    width: 72%;
    height: 86%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
33% {
margin-top: -10px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
66% {
margin-top: -5px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
100% {
margin-top: -5px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 50%;
    height: 72%;
}
}
.hsImgActive21 .hs-line {
opacity: 1;
  animation: 1s ease-in-out forwards hsImgActiveAnim21;
}
@keyframes hsImgActiveAnim21 {
0% {
margin-top: -6px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 50%;
    height: 72%;
}
33% {
margin-top: -5px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
66% {
margin-top: -4px;
    width: 50%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}
100% {
margin-top: -4px;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    width: 65%;
    height: 84%;
}
}
.hsImgActive10 .hs-line {
opacity: 0;
  animation: 0.5s ease-in-out forwards hsImgActiveAnim10;
}
@keyframes hsImgActiveAnim10 {
0% {
opacity: 1;
    margin-top: -4px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65%;
    height: 84%;
}
100% {
opacity: 0;
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
}
}
.hsImgActive01 .hs-ellipse,
.hsImgActive21 .hs-ellipse {
opacity: 1;
  width: var(--hs-ellipse-width-1);
  height: var(--hs-ellipse-width-1);
  margin-left: calc(-1 * var(--hs-ellipse-width-1) / 2);
  margin-top: calc(-1 * var(--hs-ellipse-width-1) / 2);
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.hsImgActive12 .hs-ellipse,
.hsImgActive32 .hs-ellipse {
opacity: 1;
  width: var(--hs-ellipse-width-2);
  height: var(--hs-ellipse-width-2);
  margin-left: calc(-1 * var(--hs-ellipse-width-2) / 2);
  margin-top: calc(-1 * var(--hs-ellipse-width-2) / 2);
}
.hsImgActive23 .hs-ellipse {
opacity: 1;
  width: var(--hs-ellipse-width-3);
  height: var(--hs-ellipse-width-3);
  margin-left: calc(-1 * var(--hs-ellipse-width-3) / 2);
  margin-top: calc(-1 * var(--hs-ellipse-width-3) / 2);
}
.hsImgActive10 .hs-ellipse {
width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.hs-img {
left: 0;
  top: 0;
  opacity: 0;
}
.tlServAnimContainer {
height: var(--tlServAnimContainer);
  display: flex;
}
.tlServAnimLeft,
.tlServAnimRight {
width: 50%;
  height: 100%;
}
.tlServAnimLeft {
display: flex;
  align-items: center;
  justify-content: center;
}
.tlServAnimLeft .button1 {
margin: 20px;
}
.tlServAnimRight .hs-1-img {
opacity: 1;
}
.client-logos-home {
position: relative;
  top: -110px;
  margin: 0 -74px;
  opacity: 0.4;
  text-align: center;
}
.client-logo ul {
display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.client-logo ul li {
width: 16%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-quote-btn {
display: none;
  position: fixed;
  bottom: -50px;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  width: 100%;
  max-width: 300px;
  z-index: 999;
  left: 50%;
  margin-left: -150px;
  border: 0;
  background-color: var(--myClrDark);
  color: var(--myClrLight);
  font-size: 16px;
  font-family: Poppins, sans-serif;
  height: 50px;
  border-radius: 40px;
  box-shadow: 0 10px 20px rgba(140, 99, 241, 0.3);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}
.mob-menu,
.mob-overlay {
position: fixed;
  top: 0;
  background: var(--myClrLight);
}
.mob-quote-btn.in {
bottom: 30px;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.mob-menu {
display: none;
  right: -300px;
  width: 300px;
  height: 100%;
  padding: 20px;
  z-index: 2;
  -webkit-transition: 0.2s ease-in-out;
}
.mob-menu h4 {
font-size: 18px;
  color: red;
  font-family: Poppins, sans-serif;
  display: block;
  margin: 5px 0;
}
.mob-menu ul {
padding-top: 20px;
}
.mob-menu ul li {
margin-bottom: 15px;
  padding: 0;
}
.mob-menu ul li a {
font-size: 24px;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
}
.ab-vm-cont h4,
.about-vision--left ul li a {
font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 48px;
}
.mob-menu.in {
overflow-y: auto;
  right: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.mob-overlay {
width: 100%;
  height: 100%;
  left: 0;
  display: none;
  opacity: 0;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.mob-overlay.in {
opacity: 0.9;
  visibility: visible;
}
.mob-menu-close {
cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3;
}
#lionCanvas,
.about-banner,
.about-banner--content h4,
.about-banner--content h6,
.case-study-new-common .typography-section .color-box,
.check-btn,
.h-work-dubai,
.h-work-dubai .h-work,
.h-work-dubai .h-work-detail-txt,
.h-work-modals .h-work,
.h-work-modals .h-work-detail-txt,
.history-cont,
.serv-detail-section .container {
position: relative;
}
.mob-menu-close span:before {
content: "";
  width: 1px;
  height: 100%;
  background: var(--myClrDark);
  display: block;
  -webkit-transform: translate(15px, 0) rotate(45deg);
  transform: translate(15px, 0) rotate(45deg);
}
.mob-menu-close span:after {
content: "";
  width: 1px;
  height: 100%;
  background: var(--myClrDark);
  display: block;
  -webkit-transform: translate(15px, -30px) rotate(-45deg);
  transform: translate(15px, -30px) rotate(-45deg);
}
.about-banner {
overflow-x: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.about-banner .hdg1 {
font-size: 42px;
  line-height: 1.5;
  margin-bottom: 0;
}
.about-banner .ab-ban-1 {
left: 0;
  top: 100px;
  display: none;
}
.about-banner .ab-ban-2 {
right: 0;
  bottom: 0;
}
.about-banner .ab-ban-3 {
right: 0;
  top: 100px;
  display: none;
}
.about-banner--content {
position: relative;
  top: -70px;
}
.about-vision .section-padding,
.all-blogs-wrap .blog-card:first-child,
.recent-blog-grid .blog-card:nth-child(2),
.s-we-offer {
padding-top: 0;
}
.about-vision .container {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about-vision--left {
width: 320px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  padding-top: 100px;
}
.about-vision--left ul li {
margin-bottom: 25px;
}
.about-vision--left ul li a {
color: rgba(1, 23, 54, 0.3);
  line-height: 1;
  text-transform: capitalize;
}
.about-vision--left ul li a.vision-link-1.active,
.h-work-tab-nav ul li.hw1.active,
.h-work-tab-nav ul li.hw1:hover,
.navigation .blog-drop ul li a:hover,
.service-container-1 .hdg6 {
color: var(--clr1);
}
.about-vision--left ul li a.vision-link-2.active,
.h-work-tab-nav ul li.hw2.active,
.h-work-tab-nav ul li.hw2:hover,
.service-container-2 .hdg6 {
color: var(--clr2);
}
.about-vision--left ul li a.vision-link-3.active,
.h-work-tab-nav ul li.hw3.active,
.h-work-tab-nav ul li.hw3:hover,
.service-container-3 .hdg6 {
color: var(--clr3);
}
.about-vision--right {
max-width: 630px;
  flex: 1;
}
.ab-vm-cont {
padding-top: 100px;
  padding-bottom: 200px;
  min-height: 100vh;
}
.ab-vm-cont#ab-vm-cont-3 {
min-height: 50vh;
}
.ab-vm-cont h4 {
color: var(--myClrDark);
  line-height: 1.3;
  margin-bottom: 13px;
}
.ab-vm-cont p,
.abt-fnd-detail h5,
.abt-founder-cont-in p {
font-size: 24px;
  color: var(--myClrDark);
  font-weight: 700;
  font-family: Poppins, sans-serif;
}
.ab-vm-cont p,
.abt-fnd-detail h5 {
line-height: 36px;
}
.ab-vm-img {
margin: 140px 0 0;
}
.about-founder {
padding: 0 0 50px;
}
.abt-founder-cont {
padding-top: 100px;
  position: relative;
}
.abt-founder-cont-in {
padding: 50px 40% 50px 50px;
  background: 0 0;
  border: 1px solid #000;
  border-radius: 7px;
}
.abt-founder-cont-in p {
line-height: 1.5;
  margin: 0;
  position: relative;
}
.abt-founder-cont-in p:before {
content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: url(assets/img/left-quote.svg) center center/contain no-repeat;
  top: -10px;
  left: 0;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.abt-founder-cont-in .read-linkdin {
font-size: 14px;
  color: #ff3968;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  margin: 5px 0 80px;
  display: block;
}
.abt-dounder-img {
position: absolute;
  right: 0;
  width: 37%;
  bottom: 0;
  border-bottom-right-radius: 7px;
  overflow: hidden;
}
.abt-dounder-img img {
max-width: inherit;
  width: 100%;
}
.abt-fnd-detail h4 {
font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}
.h-pagination span,
.hist-det-box p,
.history-swiper-container h3,
.history-swiper-container h4 {
font-family: Poppins, sans-serif;
  font-weight: 700;
  color: var(--myClrDark);
}
.history-swiper-container {
margin: 50px 0 0;
  display: inline-block;
  width: 100%;
}
.history-swiper-container .history-cont {
width: 100%;
  display: flex;
  align-items: center;
}
.history-swiper-container h3 {
font-size: 36px;
  position: absolute;
  left: 35%;
  top: 15px;
  margin: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
}
.history-swiper-container h4 {
font-size: 24px;
  border-left: 1px solid #011736;
  padding: 10px 0 20px 30px;
  margin: 0;
  position: absolute;
  left: 35%;
  top: 50%;
  width: 66%;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
}
.history-handler {
margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-arrow {
outline: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.h-arrow.swiper-button-disabled {
opacity: 0.3;
  cursor: default;
}
.h-pagination {
margin: 0 40px;
  position: relative;
}
.h-pagination span {
font-size: 16px;
  margin-right: 100px;
  width: 30px;
  display: inline-block;
  text-align: center;
}
.h-pagination:after {
content: "";
  position: absolute;
  left: 50px;
  top: 50%;
  border-bottom: 1px solid var(--myClrDark);
  width: calc(100% - 100px);
}
.hist-trigger {
position: absolute;
  left: 0;
}
.history-cont:after {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid var(--myClrDark);
}
.hist-det-hdn {
width: 43%;
  position: relative;
}
.hist-det-box {
background: var(--myClrLight);
  z-index: 9;
  position: relative;
  width: 45%;
  border: 1px solid var(--myClrDark);
  padding: 40px 40px 20px;
  display: flex;
  align-items: center;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
}
.hist-det-box p {
font-size: 18px;
  margin: 0;
}
.hist-det-box ul {
display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.hist-det-box ul li {
height: 50px;
  text-align: center;
  flex: 1;
  min-width: 33%;
  margin-bottom: 10px;
}
.hist-det-box ul li img {
height: 100%;
  object-fit: contain;
}
.hist-det-box-in {
min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.abtBannerTrigger {
position: absolute;
  left: 0;
  top: -10%;
}
.mob-quote-btn-trigger {
position: absolute;
  left: 0;
  top: 200vh;
}
.founder-pic-box .button1 {
line-height: 1;
  margin-top: 20px;
  height: auto;
}
.team-container {
height: 100vh;
  padding-top: var(--headerHeight);
}
.team-container .container {
display: flex;
  flex-direction: column;
  height: 100%;
}
.team-heading {
flex: 1;
  display: flex;
  align-items: center;
}
.team-section {
margin-top: 100px;
}
.hdrHeight {
height: var(--headerHeight);
}
.serv-det-banner .row {
height: 100vh;
  align-items: center;
}
.serv-back a {
display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
}
.serv-back a img {
max-width: 60%;
}
.serv-ban-left {
width: 50%;
  min-height: 570px;
  padding: 0 15px;
}
.serv-ban-right {
width: 50%;
  position: relative;
  left: 55px;
  padding: 0 15px;
}
.serv-ban-right-img {
width: 450px;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  position: relative;
}
.serv-ban-right-img img {
max-width: 60%;
  max-height: 60%;
}
.serv-ban-right-ellipse {
background: url(assets/img/ellipse.png) center center/contain no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
.serv-dot-ref-container {
position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.serv-dot-ref-1,
.serv-dot-ref-2 {
width: 36px;
  height: 36px;
  border-radius: 50%;
  top: 50%;
  position: absolute;
}
.serv-dot-ref-1 {
left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.serv-dot-ref-2 {
right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.service-container-1 .blog-read a {
color: var(--clr1);
  background: url(assets/img/dots1.svg) bottom repeat-x;
}
.service-container-2 .blog-read a {
color: var(--clr2);
  background: url(assets/img/dots2.svg) bottom repeat-x;
}
.service-container-3 .blog-read a {
color: var(--clr3);
  background: url(assets/img/dots3.svg) bottom repeat-x;
}
.sectDetRefHeight {
height: 50vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9999;
  opacity: 0;
}
.sectDetRefElement {
width: 250px;
  height: 250px;
  position: absolute;
  left: 0;
  top: -110px;
  z-index: -9999;
  opacity: 0;
  background: red;
}
.serv-detail-trigger-pt {
position: absolute;
  top: 100vh;
}
.quote-pop-container {
position: fixed;
  top: 120%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: var(--myClrLight);
  padding: 70px;
  max-width: 900px;
  width: 90%;
  z-index: 9999;
  text-align: center;
}
.quote-pop-container h4 {
color: #ff3968;
  font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.q-radio-box label,
.quote-pop-container h3 {
color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.quote-pop-container h3 {
font-size: 18px;
  margin-bottom: 20px;
}
.quote-pop-layer {
background: var(--myClrDark);
  opacity: 0;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.quote-back,
.quote-close {
position: absolute;
  top: 20px;
  cursor: pointer;
}
.responseImg,
div#contResponseLoader,
div#responseLoader {
height: 220px;
}
.q-radio-box input {
width: 0;
  position: absolute;
  opacity: 0;
}
.q-radio-box label {
font-size: 24px;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding: 0 30px;
  border: 1px solid #ddd;
  text-transform: capitalize;
  width: 100%;
  max-width: 350px;
  margin-bottom: 10px;
  line-height: 50px;
  border-radius: 30px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.q-radio-box input:checked~label,
.q-radio-box label:hover {
color: #ff3968;
  border: 1px solid #ff3968;
}
.quote-back {
left: 20px;
  width: 40px;
  display: none;
}
.quote-close {
right: 20px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.responseBox,
.scrollTop {
transition: 0.2s ease-in-out;
}
.qt-box-3,
.qt-box-4 {
text-align: left;
  max-width: 70%;
  margin: 0 auto;
}
.caseMarg,
.hf-box {
text-align: center;
}
.qt-box-3 .button-grd-line,
.qt-box-4 .button-grd-line {
margin: 0 auto;
  display: block;
}
.responseBox {
top: 0;
  opacity: 0;
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
}
.responseBox.in,
div#responseContainer.in,
div#responseContainer.in~.qt-final-btn {
top: -50px;
  opacity: 1;
}
.qt-box-5 h3,
.responseBox h3 {
color: #ff3968;
  font-size: 36px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.qt-box-5 h4,
.responseBox h4 {
color: var(--myClrDark);
  font-size: 24px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: none;
  margin: 0;
}
.qt-box-5 p,
.responseBox p {
color: var(--myClrDark);
  font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.mob-menu-flex {
min-height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.call-us.menu-call-us {
display: block;
  width: 100%;
  margin: 0;
  float: none;
}
.call-us.menu-call-us ul {
width: 100%;
  padding: 0;
  margin-bottom: 10px;
}
.call-us.menu-call-us ul li {
text-align: left;
  margin-bottom: 10px;
}
.call-us.menu-call-us ul li a {
font-size: 16px;
  text-transform: initial;
}
.call-us.menu-call-us ul li a strong {
display: block;
  margin-bottom: 10px;
}
.call-us.menu-call-us ul li.mail a {
font-family: Poppins, sans-serif;
  font-weight: 500;
}
div#responseContainer {
min-height: 91px;
  position: relative;
  top: 0;
  transition: 0.2s ease-in-out 0.2s;
  -webkit-transition: 0.2s ease-in-out 0.2s;
  opacity: 0;
}
.qt-final-btn {
transition: 0.2s ease-in-out 0.4s;
  -webkit-transition: 0.2s ease-in-out 0.4s;
  opacity: 0;
  top: 0;
  margin-top: 30px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.responseImg {
display: none;
}
.serv-ban-cont .servHdn {
margin-bottom: 25px;
  font-size: 62px;
  padding: 0;
  line-height: 67px;
  text-transform: capitalize;
}
.beta-pop-overlay {
position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--myClrLight);
  z-index: 999;
  opacity: 0.8;
  display: none;
}
.caseMarg {
padding-top: var(--headerHeight);
}
.s-offer-list-tech {
margin-bottom: 50px;
}
.slink,
.slink:hover {
color: inherit;
}
.blog-drop {
cursor: default;
}
.blog-drop ul {
display: flex;
  position: relative;
}
.blog-drop ul li {
padding: 0 15px;
}
.blog-drop ul li.blog-srch {
width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 0;
  padding: 0;
  top: 50%;
  margin-top: -15px;
}
#lionCanvas svg {
transform: unset !important;
}
.initDot {
position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.initDotMain {
display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 4000px;
  height: 4000px;
  background: var(--clr3);
  margin-top: -2000px;
  margin-left: -2000px;
  z-index: 9999;
  border-radius: 50%;
}
.scrollTop {
position: fixed;
  left: 50%;
  margin-left: 470px;
  bottom: 0;
  width: 50px;
  height: 50px;
  z-index: 99;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
}
.Advereal-counters ul li,
.h-work-tab-nav ul li {
font-family: Poppins, sans-serif;
  transition: 0.2s ease-in-out;
}
.scrollTop:hover {
margin-bottom: 5px;
}
.scrollTop.in {
bottom: 50px;
  opacity: 1;
  visibility: visible;
}
.stopSecAbs {
position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}
.stopSecBlog,
.stopSecExpertise,
.stopSecWork {
top: 110px;
}
.Advereal-counters {
margin-bottom: 130px;
}
.Advereal-counters ul {
display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Advereal-counters ul li {
font-size: 22px;
  color: var(--myClrDark);
  font-weight: 500;
  padding: 0 25px;
  opacity: 0.5;
  background: var(--myClrLight);
  z-index: 1;
  display: flex;
  align-items: center;
}
.bl-icon:after,
.bl-icon:before,
.hw-cont p span {
background: var(--myClrDark);
}
.hw-cont p span,
.nav-tabs>li>a,
.sw480 {
display: inline-block;
}
.Advereal-counters ul li>* {
margin: 0 6px;
}
.sw480 {
position: relative;
}
.conHdnSpan {
color: #999;
}
.h-work-tab-nav ul {
display: flex;
  align-items: center;
  justify-content: space-between;
}
.h-work-tab-nav ul li {
font-size: 36px;
  color: #b9b9b9;
  line-height: 80px;
  font-weight: 700;
  position: relative;
  text-align: center;
  width: calc(33.333333% - 10px);
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
}
.hf-box p span,
p.fs20 strong {
font-weight: 700;
}
.h-work-tab-nav ul li:after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px dashed #b4b4b4;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.h-work-tab-nav ul li.hw1.active:after,
.h-work-tab-nav ul li.hw1:hover:after {
border-color: var(--clr1);
}
.h-work-tab-nav ul li.hw2.active:after,
.h-work-tab-nav ul li.hw2:hover:after {
border-color: var(--clr2);
}
.h-work-tab-nav ul li.hw3.active:after,
.h-work-tab-nav ul li.hw3:hover:after {
border-color: var(--clr3);
}
.h-work-tab-nav ul li span {
opacity: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: baseline;
  background: var(--clr1);
  border-radius: 50%;
  margin-right: 5px;
}
.h-work-tab-content {
height: 510px;
  position: relative;
}
.h-work-tab-content-in {
position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  transition: ease-in-out;
  -webkit-transition: ease-in-out;
}
.hw-img {
height: 400px;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px 0;
}
.hw-cont {
display: flex;
  justify-content: space-between;
  align-items: start;
}
.hw-cont h3 {
font-size: 36px;
  color: var(--myClrDark);
  line-height: 1.3;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin: 0;
}
.hw-cont h5,
.hw-cont p {
line-height: 1.5;
  margin: 0;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  font-weight: 700;
}
.hw-cont h5 {
font-size: 18px;
  flex: 1;
  min-width: 0;
  padding: 0 50px;
}
.hw-cont p {
font-size: 16px;
}
.hw-cont p span {
width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 6px;
  position: relative;
  top: -3px;
}
.nav-tabs>li>a {
-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 25px;
  position: relative;
  background: #f3f2f6;
  border: 1px solid rgba(187, 187, 187, 0.27);
  color: #000;
  font-size: 16px;
  padding: 7px 22px;
  margin: 5px 15px 20px 0;
  text-transform: capitalize;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
border: 1px solid #000;
  background-color: #000 !important;
  color: #fff;
}
.nav-tabs {
border: none;
  padding: 0 20px;
}
.nav-tabs>li>a:hover {
background-color: #e9e9e9;
}
.nav-tabs>li>a:active {
-webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.founder-pic {
height: 100%;
  bottom: 0;
  right: 0;
}
.meet-founder-box {
flex-direction: row;
  justify-content: flex-start;
}
.meet-founder-box h6 {
font-size: 72px;
}
.founder-in {
min-height: auto !important;
}
.founder-box {
height: auto;
  padding: 0 40px;
  display: block;
  border-radius: 7px;
}
.founder-box p {
font-size: 20px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin: 0;
}
.founder-pic-box {
margin-top: 0;
  padding: 0 70px;
  width: 55%;
}
.founder-pic-box p {
font-size: 16px;
}
.h-award-box {
width: 100%;
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.h-award-box li,
.mf-flex a {
margin-right: 10px;
}
.fndrRefPt {
margin-left: 0;
  margin-bottom: 17px;
}
.hf-box {
width: 180px;
}
.hf-box .hf-img {
width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 50%;
  margin: 20px auto;
  filter: grayscale(1);
}
.hf-box p {
font-size: 18px;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  color: var(--myClrDark);
}
.hf-box p span {
display: block;
  font-size: 14px;
  font-family: Poppins, sans-serif;
}
.hf-cont {
flex: 1;
  position: relative;
  padding-top: 40px;
  padding-left: 50px;
}
.h-quote,
.h-stars {
position: absolute;
  top: 0;
}
.h-quote {
left: 0;
  width: 35px;
}
.h-stars {
left: 50px;
  width: 135px;
}
.bl-icon,
.bl-icon:before {
left: 0;
  position: absolute;
}
.workTriggerStart {
top: 70%;
}
.founderTriggerStart {
top: 330px;
}
.founderTriggerEnd {
top: 800px;
}
.blog-cl-box {
height: auto;
}
.blog-cl {
border-bottom: 1px solid #ccc;
}
.blog-cl:last-of-type {
border-bottom: 0;
  margin-bottom: 0;
}
.bl-icon {
width: 20px;
  height: 20px;
  top: 18px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.bl-icon:before {
content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.bl-icon:after {
content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
}
.bl-icon.active:before {
width: 0;
  left: 50%;
}
.bl-hdn {
position: relative;
  cursor: pointer;
  padding: 15px 0 15px 50px;
}
.bl-hdn h2 {
font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0;
}
.bl-cont li,
.bl-cont p {
line-height: 1.6;
  font-weight: 400;
  color: #808080;
  font-size: 16px;
  font-family: Poppins, sans-serif;
  max-width: 100%;
}
.bl-cont {
display: none;
  padding-bottom: 20px;
  padding-left: 50px;
}
.bl-cont p {
margin: 0 0 20px;
}
.bl-cont li {
margin-left: 20px;
}
.bl-cont ul li {
list-style: disc;
}
.bl-cont ol li {
list-style: decimal;
}
.blogTriggerStart {
top: -100px;
}
.blogTriggerEnd {
position: absolute;
  top: -150px;
  left: 0;
}
.h-blog-box.section-padding {
padding-bottom: 190px;
}
[data-theme="dark"] .blog-cl {
border-bottom: 1px solid rgba(173, 180, 236, 0.28);
}
.swiper-pagination-bullet {
border-radius: 50%;
  display: inline-block;
  margin: 0 4px;
  opacity: 0.4;
  -webkit-transition: 0.2s ease-in-out;
}
.service_error {
position: relative;
  height: 30px;
}
.service_error .error {
left: 0;
  top: 0;
}
.homeVideo .hs-img-box-up {
width: 100%;
  right: 0;
}
.homeVideo .hs-img-box {
top: 40vh;
  height: 60vh;
  background: #fff;
}
.homeVideo .hs-img-mob {
display: block;
  opacity: 0;
}
.homeVideo .hs-service ul {
position: relative;
  top: 0;
}
.homeVideo .hs-img-mob-up {
height: 60%;
}
.faq .blog-cl-box {
height: auto !important;
  padding: 0;
}
#contResponseContainer p {
font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  color: #999;
  margin: 32px 0;
}
.thank-you-msg .responseImg {
height: 320px;
}
.thank-you-msg .qt-box-5 h3,
.thank-you-msg .responseBox h3 {
font-size: 56px;
  line-height: 1.5;
}
.thank-you-msg .qt-box-5 h4,
.thank-you-msg .responseBox h4 {
font-size: 34px;
  line-height: 1.5;
}
.clients-img {
width: 100px;
  height: 100px;
  margin-bottom: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.h-work-cont .work-tags {
justify-content: flex-start;
}
.breadcrumb {
display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
  position: relative;
  background: 0 0;
  padding: 0;
}
.breadcrumb:hover a {
color: #ff5d7d !important;
}
.breadcrumb:not(:last-child) {
padding-right: 14px;
  margin-right: 14px;
}
.breadcrumb:not(:last-child) a {
color: #404040;
}
.breadcrumb:not(:last-child)::after {
content: "";
  position: absolute;
  right: -2px;
  top: 40%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #404040;
}
.breadcrumb:last-child {
cursor: none;
}
.breadcrumb:last-child span {
color: #a0a0a0;
}
.breadcrumb:last-child:hover span {
color: #a0a0a0 !important;
}
.seoContentWrap {
border-bottom: 1px solid rgba(208, 208, 208, 0.8);
  padding-top: 50px;
  padding-bottom: 50px;
  width: 90%;
  margin: 0 auto;
}
.seo-content {
max-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  cursor: pointer;
}
.seo-content h1,
.seo-content h2,
.seo-content h3,
.seo-content h4,
.seo-content h5,
.seo-content h6 {
color: var(--myClrDark);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.seo-content b,
.seo-content p,
.seo-content span,
.seo-content strong {
color: var(--myClrDark);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.seo-content span {
position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
}
.seo-content span::after {
content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
  height: 1px;
  background: var(--myClrDark);
}
.seo-content span::before {
content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 1px;
  height: 20px;
  background: var(--myClrDark);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
.seo-content.active {
max-height: 5000px;
}
.seo-content.active span::before {
transform: rotate(90deg);
}
.marque {
will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 40px;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-90%);
}
}
.marque-wrap {
position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  background: var(--myClrDark);
}
.marque-wrap .divider {
width: 6px;
  height: 6px;
  background-color: var(--myClrLight);
  border-radius: 50%;
  margin: 0;
  opacity: 0.7;
  flex-shrink: 0;
}
.marque-wrap .awards-text,
.marque-wrap .hero-support-text {
line-height: 1;
  color: var(--myClrLight);
  margin: 0;
  font-size: 14px;
}
.big-txt p {
color: #000;
  font-size: clamp(28px, 3.9vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  max-width: 1053px;
  margin: auto;
}
.glow-button,
.glow-button span {
position: relative;
  color: #fff;
  font-weight: 500;
  display: block;
  z-index: 1;
}
.glow-button {
--button-background: #000;
  --button-color: #fff;
  --button-shadow: rgba(33, 4, 104, 0.1);
  --button-shine-left: #f95359;
  --button-shine-right: #575ef4;
  --button-glow-start: #f95359;
  --button-glow-end: #575ef4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
  font-size: 16px;
  border-radius: 50px;
  line-height: 24px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: 0 0;
  width: max-content;
}
.glow-button .gradient {
position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  transform: scaleY(1.02) scaleX(1.005) rotate(-0.35deg);
}
.glow-button .gradient:before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: scale(1.05) translateY(-44px) rotate(0) translateZ(0);
  padding-bottom: 100%;
  border-radius: 50%;
  background: linear-gradient(90deg,
      var(--button-shine-left),
      var(--button-shine-right));
  -webkit-animation: 2s linear infinite rotate;
  animation: 2s linear infinite rotate;
}
.glow-button span {
padding: 0 22px;
  box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 52px;
  background-color: var(--button-background);
  overflow: hidden;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-style: normal;
}
.glow-header-btn {
display: flex;
  align-items: center;
  height: 100%;
  gap: 16px;
}
.glow-header-btn .glow-button {
display: block;
  min-width: 140px;
}
.glow-header-btn .header-btn {
display: flex;
  gap: 6px;
}
.glow-button span:before {
content: "";
  position: absolute;
  left: -16px;
  top: -16px;
  transform: translate(var(--pointer-x, 0), var(--pointer-y, 0)) translateZ(0);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--button-glow, transparent);
  opacity: var(--button-glow-opacity, 0);
  transition: opacity var(--button-glow-duration, 0.5s);
  filter: blur(20px);
}
.glow-button:hover {
--button-glow-opacity: 1;
  --button-glow-duration: 0.25s;
}
.glow-button.line span {
color: #000;
  background: 0 0;
  border: 2px solid #000;
  width: 100%;
  font-weight: 700;
}
@-webkit-keyframes rotate {
to {
transform: scale(1.05) translateY(-44px) rotate(360deg) translateZ(0);
}
}
.home-banner-lp .hero-title {
margin-left: -4px;
}
.blog .popular-blogs-box .blog-date,
.blog .related-cards .blog-date,
.case-study-new-common .hero-banner,
.home-banner-lp .hero-support-text {
margin-bottom: 16px;
}
.home-banner-lp .hero-para {
margin-top: 20px;
  margin-bottom: 40px;
}
.ws-pad-0 {
padding: 0 !important;
}
.rounded-button,
.rounded-button.button-grd:after {
border-radius: 50px !important;
}
.footer-col {
display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer-col ul:not(:first-child) {
margin-left: 24px;
}
.testi-cont-wrapper {
display: flex;
  align-items: center;
  justify-content: flex-start;
}
.testi-cont-wrapper .hf-img {
width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 20px;
}
.seprator {
border-top: 1px solid #ccc;
  padding-top: 70px;
}
.desk-header .container::after,
.desk-header .container::before {
content: none;
}
canvas {
position: fixed;
  top: 0;
  z-index: 9;
}
.page-title {
font-size: 22px;
  color: grey;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  margin-bottom: 35px;
  text-transform: capitalize;
  position: static;
  opacity: 1;
}
.sec-title {
font-size: 40px;
  color: var(--myClrDark);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  text-transform: capitalize !important;
}
.sec-title-wrap {
display: flex;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 30px;
}
.fs30 {
font-size: 30px;
  line-height: 1.4;
}
.lh-big {
line-height: 1.5;
}
.mb20 {
margin-bottom: 20px !important;
}
.blog .blog-detail ul li,
p.fs20 {
font-size: 20px;
}
.tabs-wrapper-wrap {
overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #808080 #fff;
  scrollbar-arrow-color: #fff;
  max-width: 832px;
  width: 100%;
  border-radius: 40px;
  margin-bottom: 40px;
}
.tabs-wrapper {
position: relative;
  width: max-content;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  gap: 16px;
  overflow: hidden;
  background: rgba(88, 87, 249, 0.08);
}
.tabs-wrapper::-moz-scrollbar-button,
.tabs-wrapper::-webkit-scrollbar-button {
width: 0;
  display: none;
}
.tabs-wrapper li {
cursor: pointer;
  padding: 0 12px;
  color: var(--myClrDark);
  font-size: var(--fs16);
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: color 0.25s;
  z-index: 1;
}
.blog-content h3,
.sec-head {
color: #000;
  font-family: Poppins, sans-serif;
}
.tabs-wrapper::before {
content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--clr2);
  z-index: 1;
  pointer-events: none;
  clip-path: var(--clip-path);
  transition: clip-path 0.25s;
}
.case-study-new-common p {
font-weight: 400;
}
.case-study-new-common .sub-title {
font-size: 16px;
  font-weight: 400;
}
.case-study-new-common .hero-content .visit-link {
font-size: 16px;
  color: #9c34f0;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}
.case-study-new-common .hero-content .visit-link .text {
border-bottom: 1px solid #9c34f0;
}
.case-study-new-common .hero-content .visit-link .icon {
width: 16px;
  height: 16px;
  display: flex;
}
.case-study-new-common .project-scope-card {
padding-block: 24px;
  border-bottom: 1px solid #cbcbcb;
}
.case-study-new-common .project-scope-card:last-child {
border-bottom: none;
}
.case-study-new-common .project-scope-card .card-icon img {
width: 40px;
  height: 40px;
}
.case-study-new-common .project-scope-card .card-title {
margin-block: 16px 8px;
  font-size: 16px;
}
.case-study-new-common .project-scope-card .card-para {
margin-bottom: 0;
  font-size: 14px;
}
.case-study-new-common .challenges-section {
display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block: 32px;
}
.all-blogs-wrap .blog-content,
.case-study-new-common .challenges-section .content-left {
flex: 1;
}
.case-study-new-common .challenges-section .content-right {
flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-study-new-common .challenges-section .content-table {
padding-left: 24px;
  list-style: disc;
}
.case-study-new-common .challenges-section .content-table .table-title {
font-weight: 700;
  margin-bottom: 8px;
}
.case-study-new-common .challenges-section .content-table .table-row {
padding-bottom: 16px;
  position: relative;
}
.case-study-new-common .challenges-section .content-table .table-row::after {
content: "";
  position: absolute;
  display: table;
  clear: both;
  width: calc(100% + 24px);
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
  margin-bottom: 16px;
}
.case-study-new-common .challenges-section .content-table .table-row:last-child {
border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.case-study-new-common .timeline-section {
margin-block: 32px;
}
.case-study-new-common .timeline-section .content-right .table-row {
display: flex;
  padding-block: 24px;
  border-bottom: 1px solid #cbcbcb;
}
.case-study-new-common .timeline-section .content-right .table-title {
font-weight: 700;
  width: 40%;
  margin-right: 20%;
}
.case-study-new-common .typography-section {
display: flex;
  gap: 16px;
  flex-direction: column;
  margin-bottom: 16px;
}
.case-study-new-common .typography-section .box1 {
background-color: #212121;
  color: #fff;
  position: relative;
}
.case-study-new-common .typography-section .box1 .typography-font {
font-size: 20px;
  font-weight: 400;
  position: absolute;
  top: 45%;
  left: 4%;
}
.case-study-new-common .typography-section .box1 .typography-letters {
font-size: 88px;
  font-weight: 700;
  position: absolute;
  bottom: 5%;
  left: 4%;
}
.case-study-new-common .typography-section .color-palette {
display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
.case-study-new-common .typography-section .color-box span {
position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 12px;
  font-weight: 400;
}
.case-study-new-common .typography-section .color1 {
background-color: #753dff;
  width: 40%;
  height: 70%;
  color: #fff;
}
.case-study-new-common .typography-section .color2 {
background-color: #fff;
  width: 35%;
  height: 70%;
}
.case-study-new-common .typography-section .color3 {
background-color: #212121;
  width: 25%;
  height: 70%;
  color: #fff;
}
.case-study-new-common .typography-section .color4 {
background-color: #b0ff45;
  width: 100%;
  height: 30%;
}
.case-study-new-common .typography-box {
width: 100%;
  height: 360px;
}
.case-study-new-common .feedback-section .content-right {
justify-content: flex-start;
  flex-direction: column;
}
.case-study-new-common .feedback-section .client-details {
display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
  width: 100%;
}
.case-study-new-common .feedback-section .client-image {
width: 60px;
  flex-shrink: 0;
}
.case-study-new-common .feedback-section .client-image .client-pic {
width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.case-study-new-common .feedback-section .client-info .client-name {
font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.case-study-new-common .feedback-section .client-info .client-position {
font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.case-study-new-common .feedback-section .feedback-details {
display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.case-study-new-common .feedback-section .feedback-image {
width: 60px;
  flex-shrink: 0;
  justify-content: center;
  display: flex;
  padding-top: 8px;
}
.case-study-new-common .feedback-section .feedback-image .quote-icon {
object-fit: contain;
  width: 24px;
}
.case-study-new-common .feedback-section .feedback-text {
margin-bottom: 0;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.case-study-new-common .content-section,
.case-study-new-common .hero-head {
padding-block: 32px;
}
.case-study-new-common .investors-section {
display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.case-study-new-common .investors-box {
flex: 1;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 50px 50px 0;
}
.blog .blog-detail img,
.case-study-new-common .investors-box img,
.case-study-new-common .profile-box img {
max-width: 100%;
  height: auto;
}
.case-study-new-common .investors-box1 {
background-color: #753dff;
}
.case-study-new-common .investors-box2 {
background-color: #b0ff45;
}
.case-study-new-common .graphics-section {
background-color: #f5f5f5;
  margin-block: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.case-study-new-common .graphics-section::after {
content: "Custom Graphics Created";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}
.case-study-new-common .profile-section {
display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 16px;
}
.case-study-new-common .profile-box {
flex: 1;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.case-study-new-common .career-section {
position: relative;
  background-color: #753dff;
  padding-top: 32px;
  margin-bottom: 16px;
}
.case-study-new-common .growth-section {
margin-block: 0 32px;
}
.case-study-new-common .faq-title {
margin-bottom: 0;
  font-size: 16px;
}
.case-study-new-common .faq-btn {
width: 10px;
  height: 10px;
  top: 20px;
}
.comm-section {
padding: clamp(40px, 4.17vw, 80px) 0;
  position: relative;
}
.sec-head {
font-size: clamp(26px, 3.33vw, 64px);
  font-weight: 700;
  line-height: 1.12;
  margin-bottom: clamp(24px, 3.53vw, 70px);
}
.recent-blog-grid {
display: grid;
  grid-template-columns: 1.3fr 1fr;
  column-gap: 60px;
  grid-template-rows: repeat(3, auto);
  margin: 0 auto;
}
.blog1 {
grid-row: span 3;
}
.blog2 {
grid-row: 1;
}
.blog3 {
grid-row: 2;
}
.blog4 {
grid-row: 3;
}
.blog-section .container {
max-width: 1720px;
}
.blog-card {
display: flex;
  flex-direction: row-reverse;
  gap: 32px;
  justify-content: flex-end;
  width: 100%;
}
.blog-img {
width: 305px;
  aspect-ratio: 305/213;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.blog-img img {
height: 100%;
  width: 100%;
  object-fit: cover;
}
.blog-content {
width: 100%;
  max-width: 780px;
}
.blog-content h3 {
font-size: clamp(18px, 1.04vw, 20px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: clamp(8px, 0.83vw, 16px);
}
.blog-content p,
.blog-date p,
.popular-search-wrap input {
font-family: Poppins, sans-serif;
  font-size: 16px;
}
.blog-content p {
color: #292929;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-content ul>li,
.blog-date p,
.popular-search-wrap input,
.recommend-box ul>li a {
font-weight: 400;
  line-height: normal;
}
.blog-content ul {
display: flex;
  gap: 28px;
}
.blog-content ul>li {
font-family: Poppins, sans-serif;
  font-size: 14px;
  padding: 10px 12px;
  position: relative;
  width: max-content;
  color: #757575;
}
.blog-content ul>li:not(:first-child)::before {
content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #757575;
  position: absolute;
  top: 18px;
  left: -10px;
}
.blog-content ul>li:not(:last-child) {
border-radius: 1000px;
  background: rgba(185, 185, 185, 0.2);
  color: #292929;
}
.blog-date p {
color: #000;
  margin-bottom: 8px;
}
.recent-blog-grid {
width: 100%;
  max-width: 1270px;
}
.recent-blog-grid .blog-card:first-child {
flex-direction: column;
  justify-content: flex-start;
}
.recent-blog-grid .blog-card:first-child .blog-img {
width: 100%;
  max-width: 100%;
  aspect-ratio: 670/472;
}
.recent-blog-grid .blog-card:not(:first-child) {
gap: 24px;
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
}
.all-blogs-wrap .blog-card:last-child,
.recent-blog-grid .blog-card:last-child {
padding-bottom: 0;
  border-bottom: 0;
}
.recent-blog-grid .blog-card:not(:first-child) .blog-img {
width: 100%;
  max-width: 155px;
  height: 160px;
}
.featured-blog-box,
.recommend-box {
width: 100%;
  max-width: 370px;
}
.featured-blog-box .blog-card {
flex-direction: column;
  gap: 16px;
}
.featured-blog-box .blog-img {
width: 100%;
  aspect-ratio: 370/186;
}
.featured-blog-box .blog-date p {
margin-bottom: 8px !important;
}
.featured-blog-wrap {
display: flex;
  gap: 16px 60px;
}
.all-blogs-wrap {
width: 100%;
  max-width: 1120px;
}
.all-blogs-wrap .blog-card {
padding: 40px 0;
  border-bottom: 1px solid #e6e6e6;
}
.blog .popular-blogs-box .blog-img,
.popular-blogs-container {
flex-shrink: 0;
}
.popular-blogs-wrap {
width: 100%;
  max-width: 440px;
  position: sticky;
  top: calc(var(--headerHeight) + 10px);
}
.popular-search-wrap {
border-radius: 66px;
  border: 1px solid rgba(230, 230, 230, 0.8);
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  height: 52px;
  margin-bottom: clamp(20px, 2.08vw, 40px);
}
.popular-search-wrap input {
height: 100%;
  width: 100%;
  border: none;
  outline: 0;
  color: #000;
  font-style: normal;
}
.founder-main-heading,
.popular-blogs-box h4,
.recommend-box h4 {
font-weight: 700;
  line-height: 1.25;
  font-family: Poppins, sans-serif;
}
.popular-search-wrap input:focus-within {
border: none;
  outline: 0;
}
.search-icon-wrap {
height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search-icon-wrap img {
height: 100%;
  width: 100%;
  object-fit: contain;
}
.popular-blogs-box {
margin-bottom: clamp(24px, 3.13vw, 60px);
}
.popular-blogs-box h4,
.recommend-box h4 {
color: #000;
  font-size: clamp(20px, 1.67vw, 32px);
  margin-bottom: clamp(12px, 1.25vw, 24px);
}
.popular-blogs-box .blog-card:not(:last-child) {
margin-bottom: clamp(16px, 1.67vw, 32px);
}
.popular-blogs-box .blog-img {
width: 120px;
  aspect-ratio: 120/120;
  flex-shrink: 0;
}
.h-blog-box-dubai .bl-cont ul,
.popular-blogs-box .blog-date p {
margin-bottom: 8px;
}
.recommend-box ul {
display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.recommend-box ul>li a {
display: block;
  color: #292929;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  padding: 16px;
  border-radius: 74px;
  background: #f2f2f2;
}
.all-blogs-container {
display: flex;
  gap: 20px 80px;
  justify-content: space-between;
}
.h-work-dubai .h-work-1 .hwork-img img,
.h-work-modals .h-work-1 .hwork-img img {
transform: scale(1);
}
.h-work-dubai .h-work-3 .hwork-img img,
.h-work-modals .h-work-3 .hwork-img img {
width: 100% !important;
  margin: 40px auto;
}
.h-work-dubai .h-work.is-active .h-work-detail,
.h-work-modals .h-work.is-active .h-work-detail {
display: block;
  opacity: 1;
  transition: 0.4s ease-in-out;
}
.h-work-dubai .h-work-cont,
.h-work-dubai .hwork-img,
.h-work-modals .h-work-cont,
.h-work-modals .hwork-img {
transform: scale(1);
  transition: 0.4s ease-in-out;
}
.blog .related-title,
.h-work-dubai .h-work-detail-txt:not(:last-child),
.h-work-modals .h-work-detail-txt:not(:last-child) {
margin-bottom: 24px;
}
.h-work-dubai .h-work-detail-txt h3,
.h-work-modals .h-work-detail-txt h3 {
color: #121212;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom: 16px;
}
.h-work-dubai .h-work-detail-txt h4,
.h-work-modals .h-work-detail-txt h4 {
color: #000;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 12px;
}
.h-work-dubai .h-work-detail-txt p,
.h-work-dubai .h-work-detail-txt ul>li,
.h-work-modals .h-work-detail-txt p,
.h-work-modals .h-work-detail-txt ul>li {
color: #000;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  position: relative;
  font-size: 16px;
}
.h-work-dubai .h-work-detail-txt ul>li,
.h-work-modals .h-work-detail-txt ul>li {
margin-bottom: 10px;
  margin-left: 30px;
}
.h-work-dubai .h-work-detail-txt ul>li::before,
.h-work-modals .h-work-detail-txt ul>li::before {
content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: url(assets/img//popup-tick.svg) 0 0 / contain no-repeat;
  position: absolute;
  top: 2px;
  left: -30px;
}
.h-work-dubai .h-work-detail,
.h-work-modals .h-work-detail {
position: fixed;
  width: 80%;
  max-width: 900px;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: clamp(40px, 3vw, 70px) clamp(20px, 2.08vw, 40px) clamp(20px, 2.08vw, 40px);
  transform: translate(-50%, 80%);
  z-index: 20;
  overflow: visible;
  border-radius: 30px;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.meet-founder-box {
overflow: hidden;
  position: relative;
}
*/

.h-work-dubai .h-work-detail.is-active,
.h-work-modals .h-work-detail.is-active {
transform: translate(-50%, -50%);
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.h-work-dubai .h-work-detail::before,
.h-work-modals .h-work-detail::before {
content: "";
  width: 100%;
  height: 80%;
  border-radius: 50%;
  opacity: 0.4;
  background: rgba(88, 87, 249, 0.55);
  filter: blur(141px);
  position: absolute;
  pointer-events: none;
}
.h-work-dubai .h-work-close,
.h-work-modals .h-work-close {
height: 50px;
  width: 50px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.h-work-dubai .h-work-close img,
.h-work-modals .h-work-close img {
object-fit: contain;
}
.h-work-dubai .h-work-3 {
padding: 40px 0 0;
}
.h-work-dubai .h-work-3 .hwork-img img {
width: 100% !important;
  margin: 0 auto;
  position: absolute;
  bottom: 0 !important;
  left: 0;
}
.h-work-dubai .h-work-1 .hwork-img {
left: -70px;
  width: 100%;
  transform: scale(1.3);
}
.h-work-modal-close {
height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 7px;
  transform: rotate(45deg);
  z-index: 20;
  cursor: pointer;
}
.h-work-modals {
transition: 0.5s ease-in-out;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
}
.h-work-modals.overlay {
pointer-events: all;
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.h-quote-box-dubai .button-grd-line {
width: 350px;
}
.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6 {
font-weight: 700;
  margin-bottom: 16px;
}
.blog h2 {
font-size: 42px;
}
.blog h3 {
font-size: 34px;
}
.blog h4 {
font-size: 28px;
}
.blog p {
line-height: 1.6;
  margin-bottom: 28px;
  font-size: 20px;
}
.blog .blog-container {
max-width: 1720px;
  margin: 0 auto;
}
.blog .blog-detail-wrapper {
width: 75%;
  padding-right: 40px;
}
.blog .popular-blogs-container {
width: 25%;
  padding-left: 40px;
}
.blog .blog-category .category-name {
color: #fb5454;
  font-weight: 700;
  font-size: 22px;
  display: flex;
  align-items: center;
}
.blog .blog-category .category-name::before {
content: "";
  width: 30px;
  height: 30px;
  background: url("/img/icons/design-psychology.svg") 0 0 / contain no-repeat;
  margin-right: 20px;
}
.blog .design-psychology .category-name,
.blog .design-psychology a.blog-link {
color: #fb5454;
}
.blog .design-psychology .category-name::before {
background-image: url("/img/icons/design-psychology.svg");
}
.blog .design-psychology a.blog-link:hover {
color: #fa2222;
}
.blog .design-psychology blockquote.quote,
.blog .design-psychology blockquote.quote-italic {
border-color: #fb5454;
}
.blog .design-psychology .blog-table .blog-head .blog-row .col {
background-color: rgba(251, 84, 84, 0.05);
}
.blog .neuromarketing .category-name,
.blog .neuromarketing a.blog-link {
color: #a830e9;
}
.blog .neuromarketing .category-name::before {
background-image: url("/img/icons/neuromarketing.svg");
}
.blog .neuromarketing a.blog-link:hover {
color: #8f16d0;
}
.blog .neuromarketing blockquote.quote,
.blog .neuromarketing blockquote.quote-italic {
border-color: #a830e9;
}
.blog .neuromarketing .blog-table .blog-head .blog-row .col {
background-color: rgba(168, 48, 233, 0.05);
}
.blog .technology .category-name,
.blog .technology a.blog-link {
color: #3938ff;
}
.blog .technology .category-name::before {
background-image: url("/img/icons/technology.svg");
}
.blog .technology a.blog-link:hover {
color: #0605ff;
}
.blog .technology blockquote.quote,
.blog .technology blockquote.quote-italic {
border-color: #3938ff;
}
.blog .blog-body .blog-row:not(:last-child) .col,
.blog .blog-head .col {
border-bottom: 1px solid #dcdcdc;
}
.blog .technology .blog-table .blog-head .blog-row .col {
background-color: rgba(57, 56, 255, 0.05);
}
.blog .blog-detail figure {
margin: 40px 0;
}
.blog .blog-detail figcaption {
text-align: center;
  width: 100%;
  color: #666;
  font-size: 14px;
  margin-top: 8px;
}
.blog .blog-detail a {
color: #007aff;
  text-decoration: underline;
}
.blog .blog-detail a:hover {
color: #0062cc;
}
.blog .blog-detail blockquote {
border-left: 4px solid #007aff;
  padding-left: 24px;
  margin: 0 0 28px;
  font-size: 20px;
  width: 95%;
}
.blog .blog-detail .quote-italic {
font-style: italic;
  padding-block: 16px;
}
.blog .blog-detail .quote {
font-size: 28px;
  line-height: 1.5;
  color: #666;
  margin-block: 40px;
}
.blog .blog-detail .blog-video {
margin-block: 40px;
}
.blog .blog-detail .blog-video video,
.blog .meta-right .meta-social .social-icon img {
width: 100%;
  height: auto;
}
.blog .blog-detail .blog-video .video-caption {
text-align: center;
  font-size: 14px;
  color: #666;
  width: 100%;
  display: block;
}
.blog .blog-detail pre {
background-color: #f5f5f5;
  padding: 15px;
  overflow-x: auto;
  border-radius: 4px;
}
.blog .blog-detail code {
background-color: #afafaf;
  padding: 2px 4px;
  border-radius: 3px;
}
.blog .blog-detail .list-item::marker {
font-weight: 700;
  font-size: 24px;
}
.blog .blog-detail ul {
padding-left: 36px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
.blog .blog-detail ul li.list-item {
vertical-align: baseline;
}
.blog .blog-detail ul li.list-item::marker {
font-size: 16px;
}
.blog .blog-detail .sub-content-title {
margin-block: 40px 28px;
}
.blog .blog-detail .blog-title-h4 {
margin-bottom: 18px;
}
.blog .blog-meta {
padding: 18px 16px;
  border-block: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.blog .meta-left {
display: flex;
  align-items: center;
  gap: 36px;
}
.blog .blog-meta-date,
.blog .blog-reading-time {
display: flex;
  align-items: center;
  font-size: 14px;
}
.blog .blog-reading-time::before {
content: "";
  display: inline-block;
  background: url("/img/icons/book-icon.svg") 0 0 / contain no-repeat;
  margin-right: 16px;
  width: 24px;
  height: 24px;
}
.blog .blog-meta-date::before {
content: "";
  display: inline-block;
  background: url("/img/icons/calendar-icon.svg") 0 0 / contain no-repeat;
  margin-right: 16px;
  width: 24px;
  height: 24px;
}
.blog .meta-right .meta-social {
display: flex;
  align-items: center;
  gap: 30px;
}
.blog .meta-right .meta-social .social-icon {
width: 28px;
  height: 28px;
  display: inline-block;
}
.blog .meta-right .meta-social .twitter {
width: 24px;
  height: 24px;
}
.blog .meta-right .meta-social .fb {
width: 26px;
  height: 26px;
}
.blog .content-title {
margin-bottom: 28px;
}
.blog .blog-table {
margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}
.blog .blog-head .col {
background-color: rgba(0, 122, 255, 0.05);
  font-weight: 700;
  color: #999;
}
.blog .blog-row {
display: flex;
  width: 100%;
}
.blog .blog-row .col {
flex: 1;
  font-size: 18px;
  padding-inline: 8px;
  padding-block: 32px;
}
.blog .blog-row .col:first-child {
padding-left: 36px;
}
.blog .blog-row .col:last-child {
padding-right: 36px;
}
.blog .related-cards {
display: flex;
  gap: 78px;
}
.blog .related-cards .blog-card {
display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.blog .related-cards .blog-image {
width: 100%;
  height: auto;
  border-radius: 20px;
}
.blog .related-cards .blog-title {
margin-bottom: 16px;
  color: #000;
}
.blog .related-cards .blog-card-meta {
font-size: 16px;
}
.blog .popular-blogs-box .blog-date p,
.blog .related-cards .blog-date p {
font-size: 14px;
  margin-bottom: 0;
}
.blog .popular-blogs-box .blog-title {
color: #000;
  font-size: 18px;
}
.blog .popular-blogs-box .blog-card {
gap: 16px;
}
span.span-ornage {
text-transform: uppercase !important;
}
.span-gray {
color: #ff971c;
}
.who-we-are-box .hdg1 {
text-transform: uppercase;
  line-height: 1.6;
  font-size: 32px;
  padding-bottom: 10px;
  color: #000;
}
.h-cont.fadeInUp p {
font-size: 16px;
  font-weight: 400;
  line-height: 2;
}
.industries-section {
padding: 70px 0;
  background: #fff;
}
.section-heading {
display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 50px;
}
.section-heading .line {
flex: 1;
  max-width: 450px;
  height: 1px;
  background: #d9d9d9;
}
.section-heading h2 {
margin: 0;
  font-size: 40px;
  color: #000;
  white-space: nowrap;
  text-transform: uppercase;
}
.industry-grid {
display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
}
.industry-icon {
width: 100px;
  height: 100px;
  margin: 0 auto 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  border: 1px solid #000;
  background: transparent;
}
.industry-icon i {
font-size: 30px;
  color: transparent !important;
  -webkit-text-stroke: 1.5px #000;
  transition: 0.4s;
}
.industry-card:hover .industry-icon {
background: #ff971c;
  border-color: #ff971c;
  transform: translateY(-8px);
}
.industry-card p {
margin: 0;
  font-size: 18px;
  color: grey;
}
.co-founder-label-wrap,
.founder-label-top {
text-transform: capitalize;
  letter-spacing: 0.5px;
  width: 100% !important;
}
.meet-founder-box {
border: 0.5px solid #707070;
  border-radius: 16px;
  height: auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  background: #fff;
  transition: background 0.3s,
    border-color 0.3s;
}
[data-theme="dark"] .meet-founder-box {
background: #121212;
  border-color: rgba(255, 255, 255, 0.15);
}
.founder-content-col {
flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 3;
}
.founder-label-top {
font-size: 20px;
  font-weight: 700;
  color: var(--myClrDark);
  margin-bottom: 15px;
  text-align: left;
  padding-left: 100px;
}
.founder-main-heading {
font-size: 42px;
  margin-bottom: 25px;
  text-align: center;
}
.founder-sub-desc {
font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--myClrDark);
  opacity: 0.6;
  max-width: 440px;
  margin: 0 auto 20px;
}
.co-founder-label-wrap {
font-size: 20px;
  font-weight: 700;
  color: var(--myClrDark);
  font-family: Poppins, sans-serif;
  margin-top: 10px;
  align-self: center;
  padding-right: 100px;
  text-align: right;
}
.founder-plane-left,
.founder-plane-right {
width: 180px;
  height: 100px;
  z-index: 1;
  pointer-events: none;
  position: absolute;
}
.founder-plane-left {
left: -16%;
  top: -2%;
}
.founder-plane-right {
right: -6%;
  bottom: -6%;
}
.dotted-trail {
stroke-dasharray: 4 4;
  animation: 3s linear infinite founderDash;
}
@keyframes founderDash {
to {
stroke-dashoffset: -24;
}
}
.container,
.grid .container {
padding-left: clamp(16px, 4vw, 30px) !important;
  padding-right: clamp(16px, 4vw, 30px) !important;
}
.container {
width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.hdg1 {
font-size: clamp(24px, 5vw, 48px) !important;
  line-height: 1.35 !important;
  padding-bottom: clamp(25px, 5vw, 40px) !important;
}
.sec-title {
font-size: clamp(28px, 6vw, 56px) !important;
  line-height: 1.25 !important;
}
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
p,
select,
span,
textarea {
font-family: Poppins, sans-serif !important;
}
.text-orange {
color: #ff971c !important;
  transition: text-shadow 0.3s;
}
.review-card {
border-radius: 24px;
  padding: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 25px 35px -15px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.4s;
}
.testimonial-img,
.testimonial-video {
inset: 0;
  height: 100%;
  border-radius: 18px;
  position: absolute;
  width: 100%;
}
.testimonial-video {
object-fit: cover;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity 0.4s,
    transform 0.4s;
  z-index: 1;
}
.testimonial-img {
display: block !important;
  transition: opacity 0.4s;
  z-index: 2;
}
.review-img::after {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.75) 0,
      rgba(0, 0, 0, 0) 100%);
  z-index: 3;
  opacity: 1;
  transition: opacity 0.3s;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.video-progress-filled {
height: 100%;
  width: 0%;
  background: #fff;
  border-radius: 1.5px;
  position: absolute;
  left: 0;
  top: 0;
}
.video-progress-handle {
width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: transform 0.15s;
}
.video-progress-container:hover .video-progress-handle {
transform: translate(-50%, -50%) scale(1.35);
}
.video-controls-bottom {
display: flex;
  align-items: center;
  gap: 15px;
}
.video-btn {
background: 0 0;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  padding: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s,
    transform 0.2s;
}
.video-btn:hover {
color: #fff;
  transform: scale(1.15);
}
.review-content .reviewer-designation {
color: #888;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}
.review-content p {
font-size: 14px;
  line-height: 1.6;
  color: #555;
}
.who-we-are-box.grid {
    padding-top: 0px;
}
.swiper-pagination-bullet {
width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;
  transition: 0.3s;
}
.industry-card:hover .industry-icon {
transform: translateY(-8px);
}
.industry-card:hover .industry-icon i {
color: #fff !important;
  -webkit-text-stroke: 0px transparent;
}
.industry-card h3 {
margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.industry-card p {
margin: 0;
  font-size: 18px;
  color: #808080;
}
/*  advereal */
.page-template-page-manufacturing {
padding-top: 60px;
}
.video-testimonial-wrp h2.hdg1 {
text-align: center;
  text-transform: uppercase;
}
.hs-service ul li a:hover,
.hs-service ul li p:hover {
color: #ff971c;
}
a {
cursor: pointer;
}
.work-btn-wrp {
display: flex;
  justify-content: center;
  align-items: center;
}
.h-work-box.section-padding.home-page-work {
padding-bottom: 40px !important;
}
.work-btn-wrp .button-grd-line {
text-align: center;
  border-radius: 40px;
  border: 0;
  width: 270px;
  height: 60px;
  font-size: 20px;
  color: white !important;
}
.video-testimonial-wrp {
padding: 80px 0;
  background: #f5f5f5;
}
/* --- New Founder Card Design --- */
.meet-founder-box {
border: .5px solid #707070;
  border-radius: 16px;
  height: auto;
  /* min-height: 400px;
  */
  position: relative;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  background: #fff;
  transition: background 0.3s ease, border-color 0.3s ease;
}
/* .founder-pic-col {
flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}
.founder-pic-col img {
max-height: 380px;
    width: 100%;
    object-fit: contain;
    object-position: bottom left;
    display: block;
}
.co-founder-pic-col {
flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}
.co-founder-pic-col img {
max-height: 380px;
    width: 100%;
    object-fit: contain;
    object-position: bottom right;
    display: block;
}
*/
.founder-content-col {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 3;
  padding-top: 20px !important;
}
.founder-label-top {
font-size: 20px;
  font-weight: 700;
  color: var(--myClrDark);
  text-transform: capitalize;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
  text-align: left;
  width: 100% !important;
  padding-left: 100px;
}
.founder-main-heading {
font-family: 'Poppins', sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 20px !important;
  margin-bottom: 25px !important;
  text-align: center;
}
.founder-main-heading .orange-text {
color: #ff971c;
  font-size: 30px;
}
.founder-main-heading .black-text {
color: var(--myClrDark);
  font-size: 30px;
}
.founder-sub-desc {
font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--myClrDark);
  opacity: 0.6;
  max-width: 440px;
  margin: 0 auto 20px;
}
.co-founder-label-wrap {
font-size: 20px;
  font-weight: 700;
  color: var(--myClrDark);
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px;
  margin-top: 10px;
  align-self: center;
  padding-right: 100px;
  width: 100% !important;
  text-align: right;
}
/* SVGs for paper planes and dotted paths */
.founder-plane-left {
position: absolute;
  left: -16%;
  top: -2%;
  width: 180px;
  height: 100px;
  pointer-events: none;
  z-index: 1;
}
.founder-plane-right {
position: absolute;
  right: -6%;
  bottom: -6%;
  width: 180px;
  height: 100px;
  pointer-events: none;
  z-index: 1;
}
.founder-plane-left path,
.founder-plane-right path {
stroke: var(--myClrDark);
  opacity: 0.35;
}
.founder-plane-left g path,
.founder-plane-right g path {
stroke: var(--myClrDark);
  opacity: 0.8;
}
.dotted-trail {
stroke-dasharray: 4 4;
  animation: founderDash 3s linear infinite;
}
@keyframes founderDash {
to {
stroke-dashoffset: -24;
}
}
/* Micro-animations on hover */
.founder-plane-left g,
.founder-plane-right g {
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.meet-founder-box:hover .founder-plane-left g {
transform: translate(130px, 25px) rotate(15deg) scale(0.55) translateY(-8px) translateX(8px);
}
.meet-founder-box:hover .founder-plane-right g {
transform: translate(60px, 30px) rotate(-140deg) scale(0.55) translateY(8px) translateX(-8px);
}
/* Responsive Overrides */
/* ==========================================================================
   Global Index Page Responsiveness, Spacing, Typography & Container Overrides
   ========================================================================== */
/* 1. Fluid & Adaptable Container Sizing */
.container {
width: 100% !important;
  max-width: 1020px !important;
  padding-left: clamp(16px, 4vw, 30px) !important;
  padding-right: clamp(16px, 4vw, 30px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.grid .container {
padding-left: clamp(16px, 4vw, 30px) !important;
  padding-right: clamp(16px, 4vw, 30px) !important;
}
/* 2. Fluid Section Spacing (Elegant & Clean) */
.section-padding {
padding: clamp(50px, 8vw, 120px) 0 !important;
}
.h-blog-box.section-padding {
padding-bottom: clamp(60px, 10vw, 150px) !important;
}
.h-founder-box {
padding: 0 0 clamp(60px, 10vw, 150px) !important;
}
/* 3. Fluid & Responsive Headings & Titles */
.hdg1 {
font-size: clamp(24px, 5vw, 40px) !important;
  line-height: 1.35 !important;
  padding-bottom: clamp(25px, 5vw, 60px) !important;
}
.sec-title {
font-size: clamp(28px, 6vw, 40px) !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}
.section-heading h2 {
font-size: clamp(24px, 4.5vw, 40px) !important;
  font-weight: 700;
}
.meet-founder-box h3.founder-main-heading {
font-size: clamp(22px, 3.8vw, 30px) !important;
}
.meet-founder-box h3.founder-main-heading .orange-text,
.meet-founder-box h3.founder-main-heading .black-text {
font-size: clamp(20px, 3.5vw, 26px) !important;
}
.h-expertise-box h5 {
font-size: clamp(18px, 3vw, 24px) !important;
}
/* 4. Column Grid Wrapping & Stacking Adjustments */
/* 5. Specific Mobile Layout Bug Fixes */
/* --- Merged from Adverealfont.css --- */
body,
html,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
span,
button,
input,
textarea,
select {
font-family: 'Poppins', sans-serif !important;
}
.d-block {
display: block;
  height: 100%;
}
/*  */
.text-orange {
color: #ff971c !important;
  transition: text-shadow 0.3s ease;
}
/* --- Merged from testimonial.css --- */
.testimonial-section {
max-width: 1400px;
  margin: auto;
  padding: 80px 0;
}
.swiper.testimonialSlider {
padding-bottom: 70px;
}
.review-card {
border-radius: 24px;
  padding: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 25px 35px -15px rgba(0, 0, 0, .08);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
}
.review-img {
position: relative;
  height: 250px;
  border-radius: 18px;
  overflow: visible;
  margin-bottom: 20px;
  cursor: pointer;
}
.testimonial-video {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity .4s ease, transform .4s ease;
  border-radius: 18px;
  z-index: 1;
}
.testimonial-img {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  transition: opacity .4s ease;
  border-radius: 18px;
  z-index: 2;
   object-fit: contain;
}
.review-img.video-playing .testimonial-video {
opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.review-img.video-playing .testimonial-img {
opacity: 0;
  z-index: 1;
}
.review-img::after {
content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 3;
  opacity: 1;
  transition: opacity 0.3s ease;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.video-playbar {
position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px 18px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: auto;
}
.video-progress-container {
width: 100%;
  height: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.video-progress-track {
width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 1.5px;
  position: relative;
}
.video-progress-filled {
height: 100%;
  width: 0%;
  background: #ffffff;
  border-radius: 1.5px;
  position: absolute;
  left: 0;
  top: 0;
}
.video-progress-handle {
width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: transform 0.15s ease;
}
.video-progress-container:hover .video-progress-filled {
background: #ff971c;
}
.video-progress-container:hover .video-progress-handle {
background: #ff971c;
}
.video-controls-bottom {
display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
}
.video-btn {
background: none;
  border: none;
  color: #ffffff;
  font-size: 14px;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, transform 0.2s ease;
}
.video-btn:hover {
color: #ff971c;
  transform: scale(1.15);
}
.video-btn.btn-play-pause {
font-size: 16px;
  background: none;
  border: none;
  width: auto;
  height: auto;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #ffffff;
}
.video-btn.btn-play-pause:hover {
color: #ff971c;
}
.video-btn:active {
transform: scale(0.9);
}
.stars {
display: block;
  margin-bottom: 12px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #ff6000;
}
.review-content {
flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.review-content h4 {
font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1.3;
  color: #111;
}
.review-content .reviewer-designation {
font-size: 12px;
  font-weight: 500;
  color: #888;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.review-content p {
font-size: 16px;
  line-height: 1.6;
  color: #808080;
  font-weight: 400;
}
.swiper-pagination {
bottom: 0 !important;
}
.swiper-pagination-bullet {
width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;
  transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
background: #ff6000;
  width: 24px;
  border-radius: 5px;
}
.testimonialSlider .swiper-wrapper {
transition-timing-function: linear !important;
}
/* Lenis Smooth Scroll Styles */
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.who-we-are-box.grid .row.flex-c.wwr-animation-ct {
justify-content: center;
}
/* --- REDESIGNED FOUNDER / CEO CARD --- */
.meet-founder-box {
display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  background: #fff !important;
  border: 0.5px solid #d3d3d3 !important;
  border-radius: 16px !important;
  overflow: visible !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin-top: 60px !important;
}
.founder-pic-col {
flex: 0 0 25% !important;
  max-width: 25% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
}
.founder-pic-col img {
position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 112% !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: bottom left !important;
  z-index: 5 !important;
}
.co-founder-pic-col {
flex: 0 0 25% !important;
  max-width: 25% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
}
.co-founder-pic-col img {
position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 112% !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: bottom right !important;
  z-index: 5 !important;
}
.founder-content-col {
flex: 0 0 50% !important;
  max-width: 50% !important;
  padding: 40px 0px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
  z-index: 3 !important;
}
.meet-founder-box h3.founder-main-heading {
font-family: 'Poppins', sans-serif !important;
  font-size: clamp(20px, 2.5vw, 26px) !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  width: 100% !important;
  text-transform: uppercase;
  padding-top: 0px !important;
}
.meet-founder-box h3.founder-main-heading .orange-text {
color: #ff971c !important;
  font-size: inherit !important;
}
.span-ornage {
color: #ff971c !important;
}
.meet-founder-box h3.founder-main-heading .black-text {
color: #111 !important;
  font-size: inherit !important;
}
.founder-sub-desc {
font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #666 !important;
  opacity: 1 !important;
  max-width: 460px !important;
  margin: 0 auto 25px !important;
}
.founders-info-row {
display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 480px !important;
  margin-top: 10px !important;
}
.founder-info-col {
flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 10px !important;
}
.divider-line {
width: 1px !important;
  background-color: #e0e0e0 !important;
  align-self: stretch !important;
  margin: 5px 0 !important;
}
.badge-orange {
display: inline-block !important;
  background-color: #ff971c !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  text-transform: capitalize !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
}
.founder-name {
font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 0 10px !important;
}
.social-icons {
display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  justify-content: center !important;
}
.social-icon-btn {
display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid #b0b0b0 !important;
  color: #707070 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.social-icon-btn:hover {
border-color: #ff971c !important;
  color: #ff971c !important;
  background-color: rgba(255, 151, 28, 0.05) !important;
}
/* Ensure animating dots are always rendered on top of page content, swiper sliders, and videos */
.dots {
z-index: 99999 !important;
}
/* responsive */
/* ==================================================
   Responsive Styles
   ================================================== */
@media (max-width: 990px) {
:root {
    --fs90: 70px;
  }

  .blog .blog-container {
    max-width: 900px;
  }
}
@media (max-width: 400px) {
:root {
--fs90: 60px;
}
}
@media (max-width: 350px) {
:root {
--fs90: 50px;
}
}
@media all and (max-width: 1600px) {
.exe-img {
width: 920px;
}
:root {
--humanImgbox: translate(-50%, 20px) scale(0.7);
    --designTop: 500px;
    --designLeft: -320px;
    --techTop: 770px;
}
.dotOrbit,
  .dotTechOrbit,
  .serv2-ban-box .human-img-box,
  .tech-orbit-img {
max-width: 450px;
    max-height: 450px;
}
.serv2-ban-box .human-img-box .skull,
  .tech-orbit-img .techmob {
max-width: 240px;
    max-height: 240px;
}
.skuldot1 {
top: 40px;
}
.skuldot2 {
bottom: 40px;
}
.skuldot {
width: 40px;
    height: 40px;
}
.weOffer-dot {
width: 350px;
    height: 350px;
}
.serv2-ban-box .human-img-box {
bottom: -20px;
}
}
@media all and (max-width: 1440px) {
.cs-userFlow-Wrap .row .w33:after {
width: 57%;
}
.cs-userFlow-Wrap .row .w33:nth-of-type(4):after {
left: 66%;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
font-size: 70px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li span {
font-size: 18px;
}
.cs-title-one,
  .cs_usrerFlow_boxes.first h2 {
font-size: 30px;
}
.cs-title-two,
  .pg-boxes h4 {
font-size: 22px;
}
.cs-messFrom-res .messFrom-res-boxes h4 {
font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.cs-messFrom-res .messFrom-res-boxes h5 {
font-size: 16px;
}
.cs_usrerFlow_boxes {
min-width: 185px;
    max-width: 185px;
    min-height: 185px;
    max-height: 185px;
    padding: 15px 20px;
}
.cs_usrerFlow_boxes h4 {
font-size: 20px;
}
.cs-userFlow-Wrap .w33 {
margin-bottom: 60px;
}
.cs_usrerFlow_boxes:after {
right: -20px;
}
.cs-userFlow-Wrap .w33:nth-of-type(4):after {
left: 65%;
}
.exe-sec {
height: 550px;
}
.exe-img {
width: 740px;
}
.exe-sec .content-sec {
left: 10%;
}
.pro-01 .content-sec {
bottom: 5%;
}
.pro-03 .content-sec {
top: 12%;
}
.cs-messFrom-res {
margin: 50px 0 80px;
}
.cs-title {
margin-top: 80px;
}
.cs-title.cs-title__mt-30 {
margin-top: 30px;
}
.pg-boxes {
min-height: 165px;
}
.cs-userFlow-Wrap .w33:after {
left: 84.5%;
    width: 53%;
}
:root {
--techTop: 720;
}
.servsub-hdn2 {
font-size: 55px;
    line-height: 58px;
}
.servsub-hdn2.small-font {
font-size: 40px;
}
.servsub-hdn3 {
font-size: 32px;
    line-height: 42px;
    margin-top: 10px;
}
.nmlbang .wss-section .ele-sps-01 {
-webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
    max-width: 600px;
    width: 100%;
}
.team-pagemainWrapp .team-padding {
padding-top: 140px;
}
.team-pagemainWrapp .team-section {
margin-top: 110px;
}
.team--info {
font-size: 38px;
    margin-bottom: 40px;
}
:root {
--headerHeight: 70px;
    --headerHeightFixed: 60px;
    --hsHeadingHeight: 81px;
    --hsTextHeight: 170px;
    --durationCommon: 200;
    --hs-ellipse-width-1: 250px;
    --hs-ellipse-width-2: 200px;
    --hs-ellipse-width-3: 250px;
    --hs-img-box: 350px;
}
.history-handler {
margin-top: 40px;
}
.hsdot:before {
left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
.hs-service h2.hsTrigBtn:nth-last-of-type(2),
  .hs-service h4.hsTrigBtn:nth-last-of-type(2) {
top: 100px;
}
.hs-service h2.hsTrigBtn:last-of-type,
  .hs-service h4.hsTrigBtn:last-of-type {
top: 200px;
}
.hb-right h3,
  .meet-founder-box h6 {
line-height: 1.1;
}
.section-padding {
padding: 100px 0;
}
.expertiseImg {
margin: 40px auto 80px;
}
.h-expertise-box {
padding: 50px 0 150px;
}
.button {
font-size: 20px;
    width: 250px;
    height: 60px;
    line-height: 60px;
}
.h-blog-box h5 {
font-size: 58px;
    margin-bottom: 30px;
}
.h-expertise-box h5 {
font-size: 26px;
}
.hb-right ul {
margin: 15px 0 0;
}
.who-we-are-box-up {
height: 900px;
}
.wwaRef {
bottom: 151px;
}
.hsDotBox {
width: 50px;
    height: 50px;
}
.client-logo {
padding: 30px 0 120px;
}
.Advereal-counters {
margin-bottom: 90px;
}
.who-we-are-box .hdg1 {
margin-bottom: 0;
}
.hs-service h2,
  .hs-service h4 {
font-size: 48px;
    padding: 12px 0 12px 100px;
}
.founder-pic-box h4,
  .founder-pic-box p,
  .hs-service ul li {
margin-bottom: 15px;
}
.hs-service ul {
padding-left: 100px;
}
.hs-service ul li a,
  .hs-service ul li p {
color: #808080;
    font-size: 20px;
}
.home-banner .h-img {
max-width: 80%;
    max-height: 80%;
}
.hdg1 {
padding-bottom: 60px;
}
.h-work-btn {
margin-top: 30px;
}
.founder-box,
  .meet-founder-box {
padding: 30px;
}
.founder-in {
min-height: 390px;
}
.founder-pic img {
width: 100%;
    height: 100%;
    object-fit: contain;
}
.h-work-cont h6,
  .txt1 {
font-size: 22px;
}
.button1 {
font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.hdg6,
  .hf-box p {
font-size: 18px;
}
.home-alignment-change {
margin-left: 35px;
}
.h-expertise-box .txt1,
  .serv-detail-section .hdg1,
  .serv-detail-section p {
margin-bottom: 40px;
}
.h-blog-img {
width: 460px;
    height: 260px;
    margin: 20px auto 30px;
}
.h-blog-box.section-padding {
padding-bottom: 100px;
}
.h-blog-box .h-cont {
max-width: 75%;
}
.h-blog-box .hdg1 {
padding-bottom: 20px;
}
.about-description p,
  .founder-box h6,
  .grd-btn-2 span {
font-size: 20px;
}
.h-work-hdn-box {
padding-top: 50px;
    padding-bottom: 0;
}
.founderTriggerEnd {
top: 500px;
}
.dropbox-cont h6,
  .history-swiper-container h3,
  .q-radio-box label,
  .testimonial-cont h4 {
font-size: 30px;
}
.testimonial-cont p {
font-size: 18px;
    line-height: 1;
}
.founder-pic-box h4,
  .hb-right ul li a,
  .hb-right ul li p {
font-size: 24px;
}
.h-work {
padding: 30px 30px 0;
}
.h-award-box {
margin-top: 25px;
}
.h-blog-right {
width: 44%;
    height: 470px;
}
.h-blog-box .h-img img.blogImg2 {
width: 24%;
}
.blg {
width: 24px;
    height: 24px;
}
.blg.blg1 {
left: 16px;
    top: 51%;
    margin-top: 1px;
}
.blg.blg2 {
left: 69px;
    top: 48%;
    margin-top: 3px;
}
.blg.blg3 {
left: 39px;
    top: 44%;
    margin-top: 1px;
}
.founderTriggerStart {
top: 130px;
}
.ab-vm-img {
margin: 70px 0 0;
}
.about-founder.section-padding {
padding-top: 0;
    padding-bottom: 50px;
}
.history-swiper-container h4 {
font-size: 20px;
    padding: 10px 0 15px 20px;
}
.about-banner .ab-ban-1 {
max-width: 15vw;
}
.about-banner .ab-ban-2 {
max-width: 30vw;
}
.about-banner .ab-ban-4 {
max-width: 21vw;
}
.ab-vm-cont {
padding-top: 80px;
    padding-bottom: 150px;
}
.about-vision--left {
top: 30px;
    padding-top: 90px;
}
.serv-det-banner .row {
padding-top: var(--headerHeight);
}
.about-description p span b {
font-size: 48px;
}
.stopSecExpertise,
  .stopSecWork {
top: 40px;
}
.marque-wrap,
  .stopSecBlog {
top: 80px;
}
.h-work-box.section-padding {
padding-top: 100px;
}
.client-logos-home {
top: -70px;
}
.switch {
padding: 17px 10px;
}
.about-banner .hdg1 {
font-size: 36px;
}
.home-page-work .hwork-img {
height: 450px;
}
.home-page-work .hwork-img img {
width: 100%;
}
.home-page-work .salon-pay .hwork-img img {
left: 30px;
}
.pro-07 .exe-img {
width: 555px;
}
.blog-section .container {
max-width: 1366px;
}
.recent-blog-grid {
column-gap: 40px;
}
.featured-blog-wrap {
gap: 40px;
}
.blog-card {
gap: 20px;
}
.h-work-dubai .salon-pay .hwork-img img {
bottom: -25px;
}
}
@media all and (max-width: 1200px) {
.cs-userFlow-Wrap .w33:nth-of-type(4):after {
left: 72%;
}
.mainContainer .caseStudy-banner-bg {
min-height: 520px;
}
.cs-userFlow-Wrap .row .w33:after {
width: 36%;
    left: 90%;
}
.cs-userFlow-Wrap .row .w33:nth-of-type(4):after {
left: 71%;
    width: 43%;
}
.cs-title-one {
font-size: 28px;
}
.exe-img {
width: 700px;
}
.content-sec {
position: absolute;
    max-width: 230px;
}
:root {
--humanImgbox: translate(-50%, 20px) scale(0.7);
    --designTop: 480px;
    --designLeft: -250px;
    --techLeft: -400px;
    --techTop: 660px;
}
.s-we-offer .servsub-hdn {
margin-bottom: 80px;
}
.s-we-offer .hdg1 {
padding-bottom: 80px;
}
.s-we-off-box .hdg1 {
font-size: 48px;
}
.weOffer-dot {
width: 300px;
    height: 300px;
    left: 130px;
    top: -20px;
}
.client-nam p {
font-size: 36px;
    line-height: 55px;
}
.client-slider-sec .swiper-slide {
padding-left: 0;
}
.client-slider-sec .hdg1 span {
width: 60px;
}
.client-ban--img img {
max-width: 65%;
}
.client-sec-logo .hdg6 {
margin-bottom: 55px;
}
.srvIconUp {
height: 158px;
    padding: 10px;
}
.srvIcon {
padding: 20px 0;
}
.c-expert-hdn .hdg1 {
padding-bottom: 25px;
}
.team--info {
padding: 0;
    font-size: 32px;
}
.team--head {
font-size: 24px;
}
.teammem .emply-img {
height: 390px;
}
.contact .check-btn,
  .information {
height: 130px;
}
.information {
margin-top: 123px;
}
.contact .hdg1 {
font-size: 62px;
    padding-bottom: 10px;
}
.contact .sub-line {
font-size: 21px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.section-padding.contact {
height: auto;
    padding: 120px 0 !important;
}
.section-padding.contact .container {
-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
}
.form-input,
  .form-label {
font-size: 24px;
}
.input-box {
width: 235px;
}
.call-us ul {
font-size: 16px;
    margin-left: 20px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
}
.call-us ul li {
margin-top: 8px;
}
.call-us h4 {
font-size: 43px;
}
.work-list h6,
  .ws-hdn {
font-size: 32px;
}
address h2 {
font-size: 45px;
}
address h6 {
font-size: 20px;
}
address img {
height: 88px;
}
address p {
font-size: 16px;
}
.work-head .servsub-hdn {
font-size: 55px;
    line-height: 60px;
}
.work-list h6 {
padding-bottom: 15px;
}
.work .h-work-cont {
width: 49%;
}
.grid .work-list {
padding: 0;
}
.work-head {
padding-left: 0;
}
.wss-banner h4 {
font-size: 62px;
}
.wss-banner .ws-screen-img {
position: relative;
    margin-top: 60px;
}
.wss-banner.sps-top-banner {
background-size: 110% !important;
}
.wss-icn-cont img {
height: 55px;
}
.sol-head {
width: 490px;
    left: 6%;
}
.chbox label {
padding: 2px 12px;
    margin-bottom: 0;
}
.fixHeader .switch,
  .switch {
transform: translate(-50%, 0) scale(0.8);
}
.container {
max-width: 930px;
}
.dots {
margin-left: -232px;
}
.dot4,
  .dot5,
  .dot6 {
margin-left: 0;
}
.dotBox {
margin-left: -320px;
    width: 150px;
    height: 150px;
}
.grid .container {
padding: 0 75px;
}
.hb-right {
padding-left: 0;
}
.hdg1 {
font-size: 35px;
}
.h-expertise-box ul li a {
font-size: 34px;
}
.wwaRef {
bottom: 183px;
}
.whoWeAreImg {
max-width: 660px;
    height: 245px;
}
.whoWeAreImg .wwa.wwa1 {
top: 86px;
    left: 14px;
}
.whoWeAreImg .wwa.wwa2 {
top: 86px;
    right: 14px;
}
.hb-right ul li {
margin-bottom: 15px;
    margin-right: 0;
}
.h-client-logos {
width: 100%;
}
#h-section-2,
  #h-section-3 {
height: 400px;
}
.h-work-cont p,
  .testimonial-cont p {
font-size: 16px;
}
.txt1 {
font-size: 20px;
}
.grd-btn-2 {
min-width: 145px;
    height: 60px;
    line-height: 60px;
}
.grd-btn-2 span {
font-size: 18px;
}
.desk-header.fixHeader .logo,
  .logo {
width: 90px;
}
.desk-header.fixHeader .header-social,
  .header-social {
padding-left: 20px;
    margin-left: 20px;
}
.navigation li a {
font-size: 14px;
}
.header-social li {
margin-right: 15px;
    width: 20px;
}
.grd-btn {
width: 135px;
    height: 45px;
    line-height: 45px;
}
.home-banner .h-img {
max-width: 100%;
    max-height: 100%;
}
.testimonial-img {
width: 80px;
    height: 80px;
}
.h-expertise-box h4 {
font-size: 52px;
}
.h-blog-box h5 {
font-size: 44px;
}
.h-quote-box h4 {
font-size: 40px;
}
.h-blog-box .h-img img.blogImg2 {
width: 28%;
}
.testimonial-cont h4 {
font-size: 26px;
}
.founder-box h6 {
margin-bottom: 30px;
}
.testimonial-cont p span {
margin-top: 5px;
}
.drop ul {
max-width: 900px;
}
.dropbox-cont.col1:after,
  .dropbox-cont.col2:after,
  .dropbox-cont.col3:after {
background-size: 140%;
}
.dropbox-cont:hover:after {
background-position: 100% 180%;
    top: -100%;
    background-size: 200%;
}
.s-othr.dropbox-cont p {
padding-right: 10px;
}
.serv-ban-right {
left: 35px;
}
.serv-ban-right-img {
width: 370px;
    height: 370px;
}
.serv-ban-left {
min-height: 460px;
}
.h-work-cont h4 {
font-size: 32px;
}
.h-work-cont ul li {
font-size: 14px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.h-work-cont ul li:after {
right: -12px;
}
.navigation li {
padding: 0 20px;
}
.scrollTop {
margin-left: 390px;
}
.navigation li.darkLi {
width: 40px;
}
.switch {
position: absolute;
    left: 50%;
    padding: 17px 10px;
}
.fixHeader .switch {
padding: 12px 10px;
}
.hw-img {
height: 350px;
}
.h-work-tab-content {
height: 470px;
}
.ab-vm-cont h4 {
font-size: 36px;
}
.abt-founder-cont-in .read-linkdin {
margin: 5px 0 50px;
}
.meet-founder-box h6 {
font-size: 60px;
}
.founder-pic-box {
padding: 0 50px;
}
.bl-hdn h3,
  .founder-pic-box h4 {
font-size: 24px;
}
.bl-icon {
width: 20px;
    height: 20px;
    top: 21px;
}
.bl-cont,
  .bl-hdn {
padding-left: 35px;
}
.home-page-work .hwork-img {
height: 360px;
}
.home-page-work .hwork-img img {
margin-left: 10px;
}
.blog-section .container {
max-width: 990px;
}
.all-blogs-container,
  .featured-blog-wrap {
flex-wrap: wrap;
}
.featured-blog-box {
max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.recent-blog-grid {
grid-template-columns: 1fr 1fr;
}
.popular-blogs-container {
display: none;
}
.h-work-dubai .salon-pay .hwork-img img {
bottom: -30px;
}
}
@media all and (max-width: 990px) {
.w-990-10,
  .w-990-100,
  .w-990-15,
  .w-990-20,
  .w-990-25,
  .w-990-30,
  .w-990-35,
  .w-990-40,
  .w-990-45,
  .w-990-5,
  .w-990-50,
  .w-990-55,
  .w-990-60,
  .w-990-65,
  .w-990-70,
  .w-990-75,
  .w-990-80,
  .w-990-85,
  .w-990-90,
  .w-990-95 {
padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.w-990-100 {
width: 100%;
}
.w-990-95 {
width: 95%;
}
.w-990-90 {
width: 90%;
}
.w-990-85 {
width: 85%;
}
.w-990-80 {
width: 80%;
}
.w-990-75 {
width: 75%;
}
.w-990-70 {
width: 70%;
}
.w-990-65 {
width: 65%;
}
.cs--mobail-device .caseStudy-bannerImg-wrap img,
  .w-990-60 {
width: 60%;
}
.w-990-55 {
width: 55%;
}
.w-990-50 {
width: 50%;
}
.w-990-45 {
width: 45%;
}
.w-990-40 {
width: 40%;
}
.w-990-35 {
width: 35%;
}
.w-990-30 {
width: 30%;
}
.w-990-25 {
width: 25%;
}
.w-990-20 {
width: 20%;
}
.w-990-15 {
width: 15%;
}
.w-990-10 {
width: 10%;
}
.w-990-5 {
width: 5%;
}
.w-990-33 {
width: 33%;
}
.w-990-16 {
width: 16.666666%;
}
.cs-result-stats h4 {
font-size: 34px;
    margin-bottom: 10px;
}
.cs-result-stats p {
font-size: 18px;
    width: 90%;
}
.cs-title.cs-title__mt-30 {
margin-top: 60px;
}
.cs-personalGoal .w25 {
margin: 0 0 25px;
}
.cs-personalGoal {
margin: 60px 0 0;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-banner-title {
margin-bottom: 15px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
font-size: 54px;
    margin-bottom: 15px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li span,
  .cs_usrerFlow_boxes p {
font-size: 16px;
}
.cs-scop-of-work-main .s-wedo-sec .hdg8 {
margin-bottom: 20px;
}
.content-sec p,
  .cs-messFrom-res .messFrom-res-boxes h4,
  .cs-scop-of-work-main .s-wedo-sec .wedopara,
  .cs_usrerFlow_boxes h4 {
font-size: 18px;
}
.pg-boxes {
min-height: 150px;
}
.pg-boxes h4 {
font-size: 20px;
}
.cs-userFlow-Wrap .w33 {
margin-bottom: 80px;
}
.cs_usrerFlow_boxes {
min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    max-height: 150px;
    padding: 15px 20px;
}
.cs_usrerFlow_boxes.first h2 {
font-size: 24px;
}
.cs-userFlow-Wrap .w33:after {
width: 43%;
    left: 86.5%;
}
.content-sec {
max-width: 250px;
}
.exe-img {
width: 550px;
}
.pro-07 .exe-img {
width: 453px;
}
.exe-sec {
height: 450px;
}
.cs-title-one {
font-size: 22px;
}
.sc-m-top {
margin-top: 0;
}
.sc-m-top-70 {
margin-top: 50px;
}
.caseStudy--gallSec-wrap.width30p .gallSec__box {
flex: 0 0 47%;
    width: 47%;
    margin-bottom: 50px;
}
.caseStudy--gallSec-wrap .row .gallSec__box.w65 {
flex: 0 0 47% !important;
    width: 47% !important;
}
.caseStudy--gallSec-wrap.width30p .row {
justify-content: space-between;
}
.caseStudy--gallSec-wrap.width30p .gallSec__box img {
margin-bottom: 0;
}
.case-study-hunger-pack .caseStudy--gallSec-wrap.width30p .row {
justify-content: space-around;
}
.d-none-after-990 {
display: none;
}
.d-block-after-990 {
display: block;
}
.caseStudy-bannerImg-wrap {
width: 90%;
    margin: 0 auto;
}
:root {
--designTop: 450px;
    --designLeft: -150px;
    --techLeft: -250px;
}
.client-slider-sec .hdg1 span {
width: 50px;
}
.about-description p span,
  .client-nam p {
font-size: 32px;
    line-height: 48px;
}
.desginTrigEnd {
top: 90vh;
}
.s-wedo-sec {
padding-right: 0;
}
.weOffer-dot {
width: 270px;
    height: 270px;
}
.teamhd {
font-size: 22px;
}
.team-pagemainWrapp .team-padding {
padding-bottom: 0;
    padding-top: 140px;
}
.team-pagemainWrapp .team-section {
margin-top: 60px;
}
.team-pagemainWrapp .team-section .w-990-50 {
width: 50%;
}
.team-main-img {
margin: 50px 0 0;
}
.team-main-img .w75 {
width: 80%;
}
.team-padding {
padding: 130px 0 40px;
}
.culturesec .servsub-hdn,
  .team-padding .servsub-hdn {
font-size: 30px;
    padding: 0 40px;
}
.nmlbang .wss-section .ele-sps-01 {
transform: translate(0, 50%);
    max-width: 600px;
    width: 100%;
}
.ele-sps-01.nirmal-bang-gall-ele {
transform: translate(-21%, 40%);
}
.call-us,
  .contant-bottm .w50 p br {
display: none;
}
.contactUs {
margin-top: 0;
    min-height: 370px;
    height: auto;
}
.input-box {
width: 280px;
}
.contact .w50 {
width: 100%;
}
.progress-button {
position: relative;
    bottom: -10px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
}
.success-msg.show {
top: 50%;
}
.call-us.mob-call {
display: block;
    margin-top: 0;
    position: relative;
    top: 0;
    text-align: left;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.call-us.mob-call ul li {
text-align: left;
}
.trans-img a:before {
width: 0;
    margin-right: -2px;
}
.call-us ul {
margin-left: 0;
    width: 49%;
}
.desk-header .container::after,
  .desk-header .container::before {
content: none;
}
.contact .hdg1 {
font-size: 55px;
    padding-bottom: 10px;
}
.contact .sub-line {
font-size: 21px;
}
.contact .information {
height: 135px;
    margin-top: 165px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.filled .information {
height: 680px;
    margin-top: 0;
}
.call-us,
  .wss-banner .ws-screen-img {
margin-top: 40px;
    position: relative;
}
.call-us {
bottom: 0;
    float: right;
    right: 0;
    text-align: center;
    width: 50%;
}
.contant-bottm .w50 address {
padding-right: 20px;
}
.back-pg {
top: -40px;
}
.work-list {
padding: 30px;
    margin-bottom: 20px;
}
.wss-solu {
height: 430px;
}
.sol-head {
width: 340px;
    left: 12%;
}
.wss-banner h4 {
font-size: 45px;
    margin-bottom: 20px;
}
.typo2 li {
font-size: 30px;
    margin: 0 23px 22px;
}
.typoBg {
width: 100px;
    height: 100px;
    font-size: 32px;
    margin: 30px auto;
}
.typo1 li {
font-size: 36px;
    margin: 0 35px;
}
.typo2 {
margin: 30px 0 0;
}
.c-img {
position: relative;
    top: 50%;
}
:root {
--expWidth: 30px;
    --hs-img-box: 300px;
    --hs-ellipse-width-1: 150px;
    --hs-ellipse-width-2: 130px;
    --hs-ellipse-width-3: 150px;
    --servDetLeft: 70px;
}
.serv-ban-left {
min-height: 400px;
}
.serv-ban-right-img {
width: 320px;
    height: 320px;
}
.container {
max-width: 770px;
}
.dots {
margin-left: -200px;
}
.dot4,
  .dot5,
  .dot6 {
margin-left: 0;
}
.dotBox {
margin-left: -243px;
    width: 100px;
    height: 100px;
}
.who-we-are-box .hdg1 {
font-size: 36px !important;
}
.section-heading h2 {
font-size: 36px !important;
}
#lionCanvas,
  #lionCanvasDark {
width: 100%;
}
.hdg1 {
padding-bottom: clamp(25px, 2vw, 60px) !important;
}
.hdg1 {
font-size: clamp(24px, 5vw, 36px) !important;
}
.whoWeAreImg {
height: 230px;
}
.whoWeAreImg .wwa.wwa1 {
top: 79px;
    left: 12px;
}
.whoWeAreImg .wwa.wwa2 {
top: 79px;
    right: 12px;
}
.hs-service h2,
  .hs-service h4 {
font-size: 48px;
    padding: 7px 0 7px 85px;
}
.hs-service ul {
padding-left: 85px;
}
.hs-service h2.hsTrigBtn:nth-last-of-type(2),
  .hs-service h4.hsTrigBtn:nth-last-of-type(2) {
top: 85px;
}
.hs-service h2.hsTrigBtn:last-of-type,
  .hs-service h4.hsTrigBtn:last-of-type {
top: 170px;
}
.hsDotBox {
width: 45px;
    height: 45px;
}
.hsDotBox:before {
left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
.hs-box {
padding: 150px 0 100px;
}
.h-work h6 {
font-size: 20px;
}
.h-work {
padding: 20px 20px 0;
    min-height: 411px;
}
.h-expertise-box h4 {
font-size: 48px;
}
.h-blog-box h5 {
font-size: 35px;
}
.expertiseImg {
margin: 20px auto 50px;
    height: 300px;
}
.expertiseImg .exp.exp1 {
top: 22px;
    left: 189px;
}
.expertiseImg .exp.exp2 {
top: 22px;
}
.expertiseImg .exp.exp3 {
top: 22px;
    right: 194px;
}
.h-expertise-box,
  .h-founder-box {
padding: 0 0 100px;
}
.testimonial-img {
width: 70px;
    height: 70px;
}
.hb-right h3,
  .meet-founder-box h6 {
font-size: 55px;
}
.founder-pic-box h4 {
margin-bottom: 15px;
    font-size: 25px;
}
.founder-pic-box p {
margin-bottom: 10px;
}
.caseStudyBigContainerMob,
  .founder-ht-box {
display: block;
}
.founder-box,
  .meet-founder-box {
padding: 20px;
}
.bl-hdn h3,
  .founder-box p {
font-size: 18px;
}
.h-blog-right {
height: 400px;
}
.blg {
width: 19px;
    height: 19px;
}
.blg.blg1 {
left: 14px;
    top: 50%;
    margin-top: -2px;
}
.blg.blg2 {
left: 57px;
    top: 47%;
    margin-top: 1px;
}
.blg.blg3,
  .team-section {
margin-top: 0;
}
.blg.blg3 {
left: 33px;
    top: 43%;
}
footer {
padding: 40px 25px;
}
.h-expertise-box ul li a,
  .h-work-cont h4,
  .hdg1 {
font-size: 28px;
}
.h-img {
max-width: 100%;
    max-height: 100%;
}
.h-blog-box p,
  .testimonial-cont p {
font-size: 18px;
    line-height: 1.5;
}
.abt-fnd-detail h4,
  footer ul li {
line-height: 1.3;
}
.dropbox-cont h6,
  footer h2 {
font-size: 24px;
}
.hs-ellipse {
left: 67%;
    top: 20%;
}
.hb-right ul li:nth-of-type(4) a:after,
  .hb-right ul li:nth-of-type(4) p:after {
opacity: 1;
}
.hb-right ul li:nth-of-type(3) a:after,
  .hb-right ul li:nth-of-type(3) p:after {
opacity: 0;
}
.about-vision--left ul li a,
  .h-work-tab-nav ul li,
  .hw-cont h3 {
font-size: 30px;
}
.about-vision--left {
padding-top: 70px;
}
.ab-vm-cont {
padding-top: 60px;
    padding-bottom: 120px;
}
.abt-founder-cont-in p {
font-size: 20px;
    line-height: 32px;
}
.abt-founder-cont-in {
padding: 30px 40% 30px 30px;
}
.dropbox-cont p {
font-size: 14px;
    line-height: 1.5;
}
.abt-fnd-detail h4,
  .hw-cont h5 {
font-size: 16px;
}
.homeHdr .navigation li {
padding: 0 12px;
}
.navigation li {
padding: 0 16px;
}
.drop-box .downarrow::after,
  .drop-box .downarrow::before,
  .mobdrop-box .downarrow::after,
  .mobdrop-box .downarrow::before {
width: 5px;
    height: 5px;
    right: -10px;
}
.drop ul {
max-width: 750px;
}
.dropbox-cont.col1:after,
  .dropbox-cont.col2:after,
  .dropbox-cont.col3:after {
background-size: 190%;
}
.dropbox-cont:hover:after {
background-position: 100% 220%;
}
.dropFlex img {
transform: translateX(0);
    -webkit-transform: translateX(0);
}
.team-main-img {
max-height: initial;
}
.team-container {
height: auto;
    padding: 100px 0;
}
.qt-box-3,
  .qt-box-4 {
max-width: 85%;
}
.founder-pic {
height: 210px;
    width: 145px;
}
.founder-in {
min-height: 290px;
}
.serv-ban-cont .servHdn {
font-size: 56px;
}
.scrollTop {
margin-left: 310px;
}
.desk-header .container {
max-width: 800px;
    padding: 0;
}
.desk-header.fixHeader .logo,
  .logo {
margin-left: 12px;
}
.Advereal-counters ul li {
font-size: 18px;
    padding: 0 20px;
}
.hw-img {
height: 280px;
}
.hw-cont h5 {
padding: 0 30px;
}
.hw-cont p {
font-size: 14px;
}
.h-work-tab-content {
height: 380px;
}
.abt-founder-cont-in p:before {
width: 70px;
    height: 70px;
    top: 0;
    left: 0;
}
.home-page-work .hwork-img {
height: 315px;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -25px;
}
.contact .contactUs .call-us.mob-call,
  .contact .contactUs .hdg1 {
padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(225, 225, 225, 0.75);
}
.contact .contactUs.filled .hdg1 {
padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.blog-section .container {
max-width: 900px;
}
.h-work-dubai .h-work-close {
height: 40px;
    width: 40px;
    bottom: 20px;
    right: 20px;
    padding: 9px;
}
}
@media all and (max-width: 768px) {
.w-768-10,
  .w-768-100,
  .w-768-15,
  .w-768-20,
  .w-768-25,
  .w-768-30,
  .w-768-35,
  .w-768-40,
  .w-768-45,
  .w-768-5,
  .w-768-50,
  .w-768-55,
  .w-768-60,
  .w-768-65,
  .w-768-70,
  .w-768-75,
  .w-768-80,
  .w-768-85,
  .w-768-90,
  .w-768-95 {
padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-banner-title,
  .caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one,
  .caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two,
  .caseStudy-banner-wrapp .caseStudy-Title-wrap ul,
  .pro-07 .exe-img,
  .w-768-100 {
width: 100%;
}
.w-768-95 {
width: 95%;
}
.w-768-90 {
width: 90%;
}
.w-768-85 {
width: 85%;
}
.w-768-80 {
width: 80%;
}
.w-768-75 {
width: 75%;
}
.w-768-70 {
width: 70%;
}
.w-768-65 {
width: 65%;
}
.w-768-60 {
width: 60%;
}
.w-768-55 {
width: 55%;
}
.cs-messFrom-res .w25,
  .cs-scop-of-work-main .w25,
  .w-768-50 {
width: 50%;
}
.w-768-45 {
width: 45%;
}
.w-768-40 {
width: 40%;
}
.w-768-35 {
width: 35%;
}
.w-768-30 {
width: 30%;
}
.w-768-25 {
width: 25%;
}
.w-768-20 {
width: 20%;
}
.w-768-15 {
width: 15%;
}
.w-768-10 {
width: 10%;
}
.w-768-5 {
width: 5%;
}
.w-768-33 {
width: 33%;
}
.w-768-16 {
width: 16.666666%;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one br,
  .cs-userFlow-Wrap .row .w33:first-of-type:after,
  .cs-userFlow-Wrap .row .w33:nth-of-type(3n):after,
  .cs-userFlow-Wrap .row .w33:nth-of-type(5n):after,
  .cs-userFlow-Wrap .row .w33:nth-of-type(6n):after,
  .cs-userFlow-Wrap .w33:after,
  .cs_usrerFlow_boxes.fifth:after,
  .cs_usrerFlow_boxes.six:before,
  .cs_usrerFlow_boxes:after,
  .cs_usrerFlow_boxes:before,
  .wwr-content h4 span {
display: none;
}
.caseStudy-banner-bg .w50 {
height: 100%;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul,
  .cs-scop-of-work-main .row,
  .cs-userFlow-Wrap .row {
justify-content: center;
}
.cs-userFlow-Wrap {
margin-bottom: 60px;
}
.cs-title.cs-title__mt-30 {
margin-top: 40px;
}
.caseStudy-bannerImg-wrap {
display: flex;
    justify-content: center;
    position: relative;
    margin-top: 35px;
    height: 100%;
    left: 0;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap {
position: relative;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center;
    margin-top: 40px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
font-size: 50px;
}
.cs-scop-of-work-main .s-wedo-sec .s-wedo-img {
margin: 0 auto 20px;
}
.cs-scop-of-work-main .s-wedo-sec .hdg8 {
margin-bottom: 20px;
    font-size: 20px;
}
.cs-personalGoal .w25 {
width: 50%;
    margin: 0 0 25px;
}
.cs-personalGoal .row .pg-boxes {
min-height: 120px;
    width: 100%;
    margin: 0 auto;
}
.cs-title {
margin-top: 60px;
}
.cs-title-one {
font-size: 20px;
}
.cs-title-two {
font-size: 18px;
}
.sc-m-top-70 {
margin-top: 30px;
}
.cs-messFrom-res .row:before {
content: "";
    position: absolute;
    display: none;
}
.cs-messFrom-res .messFrom-res-boxes {
margin-bottom: 40px;
}
.cs-messFrom-res .messFrom-res-boxes p {
margin-bottom: 10px;
    font-size: 16px;
    width: 30px;
    height: 30px;
}
.cs-messFrom-res .messFrom-res-boxes p span {
font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: var(--myClrLight);
}
.cs-messFrom-res .messFrom-res-boxes h4 {
margin-bottom: 10px;
    font-size: 16px;
}
.cs_usrerFlow_boxes {
min-width: 190px;
    max-width: 190px;
    min-height: 190px;
    max-height: 190px;
    padding: 15px 20px;
}
.cs_usrerFlow_boxes.first {
text-align: center;
    min-height: auto;
}
.cs_usrerFlow_boxes.fourt,
  .cs_usrerFlow_boxes.six,
  .cs_usrerFlow_boxes.thired {
margin: auto;
}
.cs-userFlow-Wrap .row .w33:first-of-type {
width: 100%;
    margin-bottom: 30px;
}
.cs-userFlow-Wrap .row .w33 {
margin-bottom: 30px;
}
.cs-userFlow-Wrap .row .w33:after {
content: "";
}
.cs-userFlow-Wrap .row .w33:nth-of-type(4):after {
left: 68%;
}
.cs-messFrom-res {
margin: 50px 0;
}
.sc-m-top {
margin-top: 0;
}
.exe-sec {
height: auto;
}
.exe-img {
width: 100%;
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.pro-07 .container {
flex-direction: column-reverse;
}
.pro-01 .content-sec {
left: 0;
    margin: 60px auto;
}
.content-sec {
text-align: center;
    position: relative;
    width: 90%;
    left: 0 !important;
    max-width: 700px;
    margin: 0 auto;
}
.exe-sec .content-sec {
margin: 60px auto 50px;
}
.team-padding {
padding: 80px 0 60px;
}
.team-section {
margin: 0 15px;
}
.contant-bottm .w50 address {
padding-right: 11px;
}
address .country {
margin-right: 27px;
}
.work-list {
padding: 20px;
    margin-bottom: 10px;
}
.hwork-img,
  .wss-banner h4 {
margin-bottom: 20px;
}
.work-list h6 {
padding-bottom: 10px;
}
.wss-icn-img,
  .wss-iconography .ws-hdn.left {
text-align: center;
    margin: auto;
}
.home-page-work .hwork-img {
margin-bottom: 0;
}
.work .h-work-cont {
width: 45%;
}
.h-work-def {
width: 52%;
}
.highlight-box {
padding: 30px 20px;
}
.wss-section.wss-solu {
padding: 50px 0 0;
    height: auto;
}
.pro-slides {
position: relative;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
}
.sol-head {
left: 0;
    width: 100%;
}
.sol-head .sub-line,
  .sol-head .ws-hdn {
text-align: center;
    margin: 0 auto;
}
.wss-iconography .wss-flex-center {
height: auto;
    flex-wrap: wrap;
}
.wss-icn-cont {
width: 100%;
    text-align: center;
    padding: 0 20px;
}
.wss-icn-img {
max-width: 360px;
    width: 100%;
}
.wss-icn-img img {
margin-top: 50px;
    max-width: 100%;
}
.wss-iconography .ws-hdn.left:after {
margin-left: auto;
}
.wss-banner.sps-top-banner {
background-size: 167% !important;
}
.wss-banner.sps-top-banner img {
max-width: 90%;
}
.sub-line p {
font-size: 15px;
}
.screen-ele.three-grid {
flex: 0 0 50%;
    width: 50%;
    padding: 15px;
}
.wss-banner h4 {
font-size: 40px;
}
.about-vision.section-padding {
padding-bottom: 0;
}
.h-quote-box.grid.section-padding {
display: block !important;
}
.h-pagination {
margin: 0 20px;
}
.history-swiper-container {
margin: 30px 0 0;
}
.about-description p span b {
font-size: 36px;
}
.q-radio-box label {
font-size: 24px;
}
.quote-pop-container {
padding: 40px 50px;
}
.quote-pop-container .filled .form-label {
font-size: 18px;
}
.quote-close:hover {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
.all-blogs-wrap .blog-card {
flex-direction: column;
    padding: 20px 0;
}
.all-blogs-wrap .blog-img {
width: 100%;
}
}
@media all and (max-width: 640px) {
.bread-crum-wrap ul li {
margin-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.hs-service h2 b,
  .hs-service h4 b {
font-size: 30px;
}
.hs-service ul li a,
  .hs-service ul li p {
font-weight: 400;
    line-height: normal;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
font-size: 40px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two {
margin-bottom: 20px;
}
.exe-sec.pro-04 img {
height: 380px;
}
.cs_usrerFlow_boxes {
min-width: auto;
    max-width: auto;
    min-height: inherit;
    max-height: inherit;
    height: 150px;
}
.cs_usrerFlow_boxes.first {
min-width: 90vw;
    max-width: 90vw;
}
.cs-userFlow-Wrap .w33 {
margin-bottom: 60px;
}
.cs-userFlow-Wrap .w33:after {
width: 43%;
    left: 79.5%;
}
.cs-userFlow-Wrap .w33:nth-of-type(4):after {
left: 80%;
}
.highlight-box .redirect img {
max-width: 90% !important;
}
:root {
--techLeft: 40px;
    --techTop: 620px;
}
.dotTechOrbit,
  .tech-orbit-img {
max-width: 340px;
    max-height: 340px;
}
.tech-orbit-img .techmob {
max-width: 140px;
    max-height: 140px;
}
.dotTechOrbit .skuldot1,
  .skuldot1 {
top: 20px;
}
.dotTechOrbit .skuldot2,
  .skuldot2 {
bottom: 20px;
}
.s-we-off-box .hdg1 {
font-size: 36px;
}
.about-description p span {
margin-bottom: 15px;
}
#readMore {
margin-top: 10px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
.weOffer-dot {
width: 240px;
    height: 240px;
    left: 150px;
}
.tool-img-box {
padding: 30px;
}
.s-wedo-sec .s-wedo-img,
  .tool-img {
width: 70px;
    height: 70px;
}
.s-wedo-sec .s-wedo-img {
margin-bottom: 20px;
}
.s-offer-list ul li a {
font-size: 20px;
}
.s-othr-serv {
padding: 20px;
}
.s-othr-serv span {
width: 30px;
}
.s-othr-cont {
width: 100%;
    padding-right: 10px;
}
.srvIcon>div {
width: 50px;
    height: 50px;
}
.srvIconUp {
height: auto;
}
.client-slider-sec .hdg1 span {
width: 52px;
}
.s-offer-list.grid4 ul li {
width: 50%;
}
.contact .form-input,
  .contact .form-label,
  .form-input,
  .form-label {
font-size: 24px;
}
.contact .hdg1 {
font-size: 80px;
    padding-bottom: 10px;
}
.contact .sub-line {
font-size: 30px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.filled .form-input,
  .filled .form-label {
font-size: 20px;
}
.information .fields .w50 {
width: 100%;
}
.information {
margin-top: 60px;
    height: 140px;
}
.contact .check-btn,
  .filled .information,
  .information .fields {
height: auto;
}
.contact .check-btn {
margin-top: 0;
}
.servsub-hdn {
font-size: 40px;
}
.gallery-top-text li a {
font-size: 16px;
    padding: 5px 18px;
}
.team-padding {
padding: 110px 0 40px;
}
.work-list h6 {
font-size: 27px;
    padding-bottom: 10px;
}
.hwork-img {
margin-bottom: 20px !important;
}
.home-page-work .hwork-img {
margin-bottom: 0;
}
.work .h-work-cont p {
font-size: 16px;
    line-height: 1.5;
}
:root {
--headerHeight: 60px;
    --headerHeightFixed: 60px;
    --expWidth: 28px;
}
.container {
padding: 0 20px;
}
.desk-header {
height: 60px;
    padding: 0 15px;
}
.desk-header .container,
  .hw-cont h5 {
padding: 0;
}
.desk-header.fixHeader .logo {
width: 70px;
}
.grid .container {
padding: 0 30px;
}
.whoWeAreImg .wwa.wwa1 {
left: 1.7vw;
    width: 10vw;
    height: 10vw;
    margin-top: 0;
}
.whoWeAreImg .wwa.wwa2 {
right: 1.7vw;
    width: 10vw;
    height: 10vw;
    margin-top: 0;
}
.hs-box {
padding: 170px 0 70px;
}
.hdg1,
  .who-we-are-box .hdg1 {
font-size: 30px;
}
.ab-vm-cont h3,
  .about-vision--left ul li a,
  .coutryCode,
  .hdg6,
  .hdg7 {
font-size: 20px;
}
.h-expertise-box ul li {
margin-bottom: 20px;
}
.h-expertise-box h4,
  .h-quote-box h4 {
font-size: 24px;
}
.h-expertise-box h5 {
font-size: 22px;
}
.expertiseImg {
max-width: 420px;
}
.h-expertise-box ul {
max-width: 410px;
}
.h-expertise-box ul li a {
font-size: 28px;
    text-align: left;
}
.expertiseImg .exp.exp1 {
top: 44px;
    left: 111px;
}
.expertiseImg .exp.exp2 {
top: 44px;
}
.expertiseImg .exp.exp3 {
top: 44px;
    right: 114px;
}
.client-logo ul li img {
max-height: 40px;
    max-width: 100%;
}
.menu-icon {
padding: 12px;
    right: 5px;
}
.hb-right h3 {
font-size: 80px;
}
.hs-service h2,
  .hs-service h4 {
font-size: 9vw;
}
.history-swiper-container .history-cont {
display: block;
    max-width: 400px;
    width: 90%;
    margin: 0 auto;
}
.hist-det-hdn {
width: 100%;
    display: flex;
    align-items: flex-end;
}
.history-swiper-container h3 {
width: auto;
    position: static;
    padding: 15px 20px 15px 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.history-swiper-container h4 {
flex: 1;
    width: 100%;
    position: static;
    padding: 15px 20px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hist-det-box {
width: 100%;
}
.history-swiper-container .swiper-slide:after {
content: "";
    position: absolute;
    top: 220px;
    border-bottom: 1px solid var(--myClrDark);
    width: 100%;
}
.about-banner {
padding-bottom: 400px;
}
.ab-vm-cont {
padding-top: 70px;
    padding-bottom: 80px;
}
#ab-vm-cont-3 {
padding-bottom: 50px;
}
.about-banner .hdg1 {
font-size: 28px;
    max-width: 90%;
    margin: 0 auto;
}
.about-vision--left ul,
  .about-vision--right {
max-width: 400px;
}
.abt-dounder-img {
width: 190px;
    right: 0;
}
.abt-founder-cont-in {
padding: 30px 30px 40px;
}
.abt-founder-cont-in p {
font-size: 18px;
    line-height: 1.5;
}
.abt-fnd-detail {
padding-right: 170px;
    padding-top: 30px;
}
.abt-fnd-detail h5 {
font-size: 22px;
    line-height: 1;
}
.abt-fnd-detail h4 {
font-size: 14px;
    line-height: 1.5;
}
.s-othr.dropbox-cont {
padding: 20px;
}
.quote-pop-container {
padding: 40px 30px;
}
.Advereal-counters,
  .about-banner .ab-ban-4 {
display: none;
}
.about-banner .ab-ban-2 {
max-width: 90vw;
}
.scatterElem br {
display: block;
}
.qt-box-in p {
line-height: 30px;
}
.scrollTop {
right: 30px;
}
.homeHdr .darkMobileBox {
right: 65px;
}
.Advereal-counters ul li {
text-align: center;
    line-height: 1.5;
}
.Advereal-counters ul li span {
display: block;
    margin-bottom: 10px;
}
.Advereal-counters ul {
align-items: inherit;
}
.fixHeader .switch,
  .switch {
padding: 10px;
}
.h-work-tab-nav ul li {
line-height: initial;
    padding-bottom: 10px;
}
.h-work-tab-nav ul li span {
width: 14px;
    height: 14px;
}
.hw-img {
height: auto;
}
.hw-cont {
flex-wrap: wrap;
}
.hw-cont h3 {
width: 150px;
}
.hw-cont p {
width: 100%;
    margin-top: 15px;
    margin-left: 150px;
}
.abt-founder-cont-in p:before {
width: 50px;
    height: 50px;
    top: -10px;
}
.coutryCode {
line-height: 35px;
}
.marque-wrap {
top: 70px;
}
.blog-section .container {
max-width: 100%;
}
.blog-card {
gap: 16px;
}
.recent-blog-grid .blog-card:not(:first-child) {
gap: 20px;
    padding: 16px 0;
}
.featured-blog-wrap {
gap: 24px;
}
.blog1 {
margin-bottom: 16px;
}
.blog-content ul {
gap: 14px;
}
.blog-content ul>li {
padding: 8px 10px;
}
.blog-content ul>li:not(:first-child)::before {
top: 15px;
    left: -5px;
}
.h-work-modals .h-work-detail {
width: 95%;
}
.h-work-modals .h-work-modal-close {
right: 10px;
    top: 10px;
}
.h-work-dubai .h-work-close {
height: 30px;
    width: 30px;
    bottom: 15px;
    right: 15px;
    padding: 9px;
}
.h-work-modals .h-work-detail-txt ul>li {
margin-left: 24px;
}
.h-work-modals .h-work-detail-txt ul>li::before {
height: 16px;
    width: 16px;
    left: -24px;
    top: 3px;
}
.h-work-dubai .h-work-cont {
margin-bottom: 0;
}
.h-work-dubai .salon-pay .hwork-img img {
bottom: 20px;
    left: 50px;
}
}
@media all and (max-width: 480px) {
.w-480-10,
  .w-480-100,
  .w-480-15,
  .w-480-20,
  .w-480-25,
  .w-480-30,
  .w-480-35,
  .w-480-40,
  .w-480-45,
  .w-480-5,
  .w-480-50,
  .w-480-55,
  .w-480-60,
  .w-480-65,
  .w-480-70,
  .w-480-75,
  .w-480-80,
  .w-480-85,
  .w-480-90,
  .w-480-95 {
padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.f-480-1 .f-col,
  .w-480-100 {
width: 100%;
}
.w-480-95 {
width: 95%;
}
.w-480-90 {
width: 90%;
}
.w-480-85 {
width: 85%;
}
.w-480-80 {
width: 80%;
}
.w-480-75 {
width: 75%;
}
.cs--mobail-device .caseStudy-bannerImg-wrap img,
  .w-480-70 {
width: 70%;
}
.w-480-65 {
width: 65%;
}
.w-480-60 {
width: 60%;
}
.w-480-55 {
width: 55%;
}
.f-480-2 .f-col,
  .w-480-50 {
width: 50%;
}
.w-480-45 {
width: 45%;
}
.w-480-40 {
width: 40%;
}
.w-480-35 {
width: 35%;
}
.w-480-30 {
width: 30%;
}
.f-480-4 .f-col,
  .w-480-25 {
width: 25%;
}
.f-480-5 .f-col,
  .w-480-20 {
width: 20%;
}
.w-480-15 {
width: 15%;
}
.f-480-10 .f-col,
  .w-480-10 {
width: 10%;
}
.w-480-5 {
width: 5%;
}
.w-480-33 {
width: 33%;
}
.w-480-16 {
width: 16.666666%;
}
.mb-480-50 {
margin-bottom: 50px;
}
.mb-480-45 {
margin-bottom: 45px;
}
.cs-scop-of-work-main .s-wedo-sec,
  .mb-480-40 {
margin-bottom: 40px;
}
.mb-480-35 {
margin-bottom: 35px;
}
.mb-480-30 {
margin-bottom: 30px;
}
.mb-480-25 {
margin-bottom: 25px;
}
.mb-480-20 {
margin-bottom: 20px;
}
.mb-480-15 {
margin-bottom: 15px;
}
.mb-480-10 {
margin-bottom: 10px;
}
.mb-480-5 {
margin-bottom: 5px;
}
.f-480-9 .f-col {
width: 11.11111111%;
}
.f-480-8 .f-col {
width: 12.5%;
}
.f-480-7 .f-col {
width: 14.28571429%;
}
.f-480-6 .f-col {
width: 16.66666667%;
}
.f-480-3 .f-col {
width: 33.33333333%;
}
.cs-title-two,
  .cs_usrerFlow_boxes.first h6,
  .pg-boxes h4 {
font-size: 18px;
}
.cs-userFlow-Wrap {
margin-top: 30px;
    margin-bottom: 30px;
}
.cs-result-stats {
margin: 30px auto 0;
}
.cs-result-stats h4 {
font-size: 30px;
    margin-bottom: 10px;
}
.cs-result-stats p {
font-size: 16px;
    width: 90%;
}
.cs-timeLine__Project {
width: 100%;
    margin: 50px 0;
}
.cs-title.mt-0-480 {
margin-top: 0;
}
.cs-messFrom-res {
margin: 50px 0 0;
}
.cs_usrerFlow_boxes.first h2 {
font-size: 20px;
}
.cs-title__one {
font-size: 34px;
}
.cs-banner-title {
font-size: 22px;
}
.cs-scop-of-work-main .s-wedo-sec .s-wedo-img {
margin: 0 auto 30px;
    width: 70px;
    height: 70px;
}
.cs-scop-of-work-main .s-wedo-sec .hdg8 {
margin-bottom: 20px;
    font-size: 18px;
}
.caseStudy--gallSec-wrap .row .gallSec__box.w65,
  .caseStudy--gallSec-wrap.width30p .gallSec__box,
  .caseStudy--gallSec-wrap.width50p .gallSec__box {
flex: 0 0 90% !important;
    width: 90% !important;
}
.case-study-bmw .caseStudy--gallSec-wrap.width30p .gallSec__box,
  .case-study-bmw .caseStudy--gallSec-wrap.width50p .gallSec__box {
flex: 0 0 100% !important;
    width: 100% !important;
}
.caseStudy--gallSec-wrap .row .gallSec__box img {
-webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    border-radius: 20px;
    overflow: visible;
}
.bread-crum-wrap ul li a {
padding-left: 21px;
    font-size: 14px;
}
.pg-boxes {
min-height: 100px;
    padding: 20px;
}
.caseStudy--gallSec-wrap.width30p .gallSec__box,
  .caseStudy--gallSec-wrap.width30p .gallSec__box:last-of-type img {
margin-bottom: 0;
}
.cs-scop-of-work-main {
margin-top: 30px;
}
.case-study-nirmal-bang .caseStudy--gallSec-wrap.width30p .row,
  .case-study-travelxp .caseStudy--gallSec-wrap.width30p .row {
justify-content: center;
}
.case-study-travelxp .pg-boxes {
min-height: 150px;
}
.work-list h6 {
font-size: 24px;
    padding-bottom: 10px;
}
:root {
--humanImgbox: translate(-50%, 20px) scale(0.7);
    --techTop: 660px;
    --busiTop: 520px;
}
.servsub-hdn3 {
font-size: 26px;
}
.s-wedo-sec .s-wedo-img,
  .tool-img {
width: 60px;
    height: 60px;
}
.c-arw img,
  .skuldot {
width: 30px;
}
.servsub-hdn2 {
font-size: 32px;
    line-height: 42px;
}
.dotOrbit,
  .serv2-ban-box .human-img-box {
max-width: 310px;
    max-height: 310px;
}
.skuldot {
height: 30px;
}
.dotTechOrbit .skuldot1,
  .skuldot1 {
top: 30px;
    left: 30px;
}
.dotTechOrbit .skuldot2,
  .skuldot2 {
bottom: 30px;
    right: 30px;
}
.weOffer-dot {
width: 220px;
    height: 220px;
    left: 105px;
    top: -10px;
}
.serv2-ban-box .human-img-box .skull {
max-width: 160px;
    max-height: 160px;
}
.s-wedo-sec {
margin-bottom: 40px;
}
.dotTechOrbit,
  .tech-orbit-img {
max-width: 300px;
    max-height: 300px;
}
.tech-orbit-img .techmob {
max-width: 130px;
    max-height: 130px;
}
.client-sec-logo ul li {
width: calc(100% / 3);
    margin-bottom: 40px;
}
.client-sec-logo .hdg6 {
margin-bottom: 35px;
}
.rating {
width: 90px;
}
.client-ban--img img {
max-width: 100%;
}
.team-pagemainWrapp .team-section {
margin-top: 20px;
}
.culturesec .servsub-hdn {
font-size: 18px;
}
.teammem .emply-img {
height: 220px;
}
.contact .sub-line,
  .serv2-comm-hdn,
  .team--info {
font-size: 22px;
}
.h-work-def ul,
  .teamhd,
  .work .h-work-cont p,
  address h6 {
font-size: 18px;
}
.cultureImg-wrap .row .w10,
  .cultureImg-wrap .row .w100,
  .cultureImg-wrap .row .w20,
  .cultureImg-wrap .row .w30,
  .cultureImg-wrap .row .w40,
  .cultureImg-wrap .row .w50,
  .cultureImg-wrap .row .w60,
  .cultureImg-wrap .row .w70,
  .cultureImg-wrap .row .w80,
  .cultureImg-wrap .row .w90 {
padding-right: 10px !important;
    padding-left: 10px !important;
}
.cultureImg-wrap .cultureImg-box,
  .list-inline-item,
  .serv2-comm-hdn {
margin-bottom: 10px;
}
.team-main-img .w75,
  .team-padding .servsub-hdn {
padding: 0;
}
.caseStudy--gallSec-wrap.width30p .row {
justify-content: center;
}
.grid .work-list {
margin-bottom: 50px;
}
.information {
margin-top: 0;
}
.call-us h4,
  address h2 {
font-size: 35px;
}
address p {
font-size: 14px;
}
.section-padding.contact {
height: auto;
    padding: 100px 0 30px !important;
}
.contant-bottm .w50 {
max-width: 330px;
}
.contact .hdg1 {
font-size: 12.5vw;
    padding-bottom: 10px;
}
.contact .form-input,
  .contact .form-label {
font-size: 20px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.servsub-hdn {
font-size: 34px;
}
.list-inline-item:not(:last-child) {
margin-right: 0.1rem;
}
.team-padding {
padding: 70px 0 30px;
}
.grid>.w50 {
width: 100%;
}
.work-head .servsub-hdn {
font-size: 44px;
    line-height: 50px;
}
.highlight-box {
flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.highlight-box h6 {
width: calc(100% - 0px);
}
.highlight-box .redirect {
padding: 8px 10px;
    margin-top: 14px;
}
.highlight-box .highlight-box {
padding: 20px;
}
.form-label,
  .input-box {
width: 95%;
}
.contact .information {
height: 165px;
    margin-top: 120px;
}
.filled .information {
height: 780px;
    margin-top: 0;
}
.coutry-form-group {
flex-direction: column;
}
.input-box {
padding: 0 0 8px;
}
.txField {
margin-bottom: 5px;
    height: auto;
}
.error {
bottom: -6px;
}
.send {
position: relative;
}
.filled .form-input,
  .filled .form-label {
font-size: 17px;
}
:root {
--expWidth: 23px;
    --dotBoxLiWidth: 10px;
    --dotBoxDuration: 0.5s;
    --servDetLeft: 150px;
}
.serv-ban-right-img {
width: 310px;
    height: 310px;
}
.expertiseImg {
height: 195px;
    max-width: 340px;
}
.br-480 {
display: block;
}
.h-blog-box h5 {
font-size: 8.5vw;
    margin-bottom: 20px;
}
.hs-service h2.hsTrigBtn:nth-last-of-type(2),
  .hs-service h4.hsTrigBtn:nth-last-of-type(2) {
top: 60px;
}
.hs-service h2.hsTrigBtn:last-of-type,
  .hs-service h4.hsTrigBtn:last-of-type {
top: 120px;
}
.whoWeAreImg .wwa.wwa1 {
left: 2vw;
    width: 9vw;
    height: 9vw;
}
.whoWeAreImg .wwa.wwa2 {
right: 2vw;
    width: 9vw;
    height: 9vw;
}
.hsDotBox {
width: 35px;
    height: 35px;
}
.hsDotBox:before {
left: -8px;
    top: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
}
.hs-service h2,
  .hs-service h4,
  .hs-service ul {
padding-left: 72px;
}
.hs-service ul {
margin-top: 10px;
}
.hs-service ul li {
line-height: 1;
}
.hs-service ul li a,
  .hs-service ul li p {
font-size: 18px;
    padding-bottom: 2px;
}
.about-vision--left ul li a,
  .h-expertise-box h5,
  .h-expertise-box ul li a {
font-size: 18px;
}
.founder-box p,
  .founder-pic-box p,
  .h-blog-box p,
  .hdg6,
  .hdg7,
  .testimonial-cont p {
font-size: 16px;
}
.founder-box,
  .meet-founder-box {
padding: 0 20px;
}
.founder-pic {
height: auto;
    width: 45%;
}
.meet-founder-box {
min-height: auto;
}
.founder-box h6 {
margin-left: 20px;
}
.expertiseImg .exp.exp1 {
top: 13px;
    left: 90px;
}
.expertiseImg .exp.exp2 {
top: 13px;
}
.expertiseImg .exp.exp3 {
top: 13px;
    right: 93px;
}
.hs-img-mob-up {
height: calc(100vh - 370px);
}
.hdg6,
  .hdg7 {
margin-bottom: 15px;
}
.h-blog-box .h-img img.blogImg2 {
width: 75px;
}
.h-blog-right {
height: 65vw;
}
.h-quote-box h4 {
font-size: 7vw !important;
    line-height: 1.5;
}
.h-blog-box p,
  .qt-box-3,
  .qt-box-4 {
max-width: 100%;
}
.h-blog-box {
padding: 50px 0 20px;
}
.hs-ellipse-mob {
left: 40%;
}
.h-expertise-box ul li {
margin: 0 11px 10px;
}
.hb-right h3 {
font-size: 12.6vw;
}
.bl-hdn h3,
  .hb-right ul li a,
  .hb-right ul li p {
font-size: 20px;
}
.hs-box {
padding: 90px 0 0;
}
.hs-service-3 {
padding-bottom: 50px;
}
.blg {
width: 14px;
    height: 14px;
}
.blg.blg1 {
left: 18px;
}
.blg.blg2 {
left: 53px;
    bottom: 3px;
}
.blg.blg3 {
left: 34px;
    bottom: 16px;
}
.h-blog-box .h-img .blogImg1 {
bottom: -30px;
}
.history-swiper-container h4 {
padding: 10px 15px;
    font-size: 18px;
    line-height: 1.5;
}
.history-swiper-container h3 {
padding: 10px 15px 10px 0;
}
.ab-vm-cont h4 {
font-size: 26px;
    line-height: 1.3;
}
.s-othr-box .hdg6 {
margin-bottom: 25px;
}
.serv-padding {
padding: 60px 0 30px;
}
.serv-detail-section p {
font-size: 20px;
    line-height: 1.5;
}
.serv-detail-section .hdg1,
  .serv-detail-section p {
margin-bottom: 30px;
}
.abt-founder-cont-in {
padding: 32px 25px 25px;
}
.about-description p span b {
font-size: 8vw;
}
.quote-pop-container {
padding: 25px 15px 40px;
}
.qt-box-in {
padding: 30px 0;
}
.quote-back {
width: 30px;
    height: 30px;
    line-height: 23px;
}
#lionCanvas,
  #lionCanvasDark,
  .quote-pop-container .filled .form-label,
  .quote-pop-container .input-box {
width: 100%;
}
.qt-box-3 .button-grd-line,
  .qt-box-4 .button-grd-line {
margin: 30px auto 0;
}
.qt-box-5 h3 {
font-size: 36px;
}
.about-banner .hdg1,
  .qt-box-5 h4 {
font-size: 24px;
}
.about-banner .ab-ban-1,
  .about-banner .ab-ban-3 {
top: 330px;
}
.about-banner {
padding-bottom: 360px;
    padding-top: 110px;
}
.ab-vm-cont {
padding-top: 0;
}
div#responseContainer.in {
top: -80px;
    padding-bottom: 0;
}
.serv-ban-cont .servHdn {
font-size: 48px;
    line-height: 1.3;
}
.serv-ban-cont .servsub-hdn {
font-size: 28px;
    line-height: 1.5;
}
.blogImg2Up {
width: 75px;
    height: 174px;
}
.team-pagemainWrapp .team-padding {
padding-top: 90px;
}
.h-expertise-box ul {
max-width: 340px;
}
.scrollTop {
width: 35px;
    height: 35px;
    bottom: 50px;
}
.scrollTop.in {
bottom: 100px;
}
.Advereal-counters ul:before,
  .sw480 {
display: none;
}
.Advereal-counters {
margin-bottom: 50px;
}
.Advereal-counters ul li {
font-size: 16px;
    padding: 0;
    width: 33.333333%;
}
.hd480 {
display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top: -2px;
}
.client-logo ul li {
width: 33%;
    height: 60px;
}
.client-logo ul {
justify-content: center;
}
.h-work-tab-nav ul li span {
display: block;
    margin: 0 auto 10px;
}
.abt-founder-cont-in .read-linkdin {
margin: 5px 0 10px;
}
.q-radio-box label {
font-size: 20px;
    line-height: 40px;
}
.founder-pic-box {
margin-top: 0;
}
.h-quote {
width: 25px;
    top: -38px;
}
.hf-cont {
padding-top: 35px;
    padding-left: 20px;
    margin-top: 30px;
}
.h-stars {
left: 20px;
}
.hs-service {
height: 100%;
}
.hs-img-mob {
width: 350px;
    height: 350px;
}
.home-page-work .hwork-img {
height: 275px;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -15px;
}
.home-page-work.h-work-box {
max-width: 100%;
    padding: 60px 24px;
}
}
@media all and (max-width: 400px) {
.w-400-10,
  .w-400-100,
  .w-400-15,
  .w-400-20,
  .w-400-25,
  .w-400-30,
  .w-400-35,
  .w-400-40,
  .w-400-45,
  .w-400-5,
  .w-400-50,
  .w-400-55,
  .w-400-60,
  .w-400-65,
  .w-400-70,
  .w-400-75,
  .w-400-80,
  .w-400-85,
  .w-400-90,
  .w-400-95 {
padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.f-400-1 .f-col,
  .w-400-100 {
width: 100%;
}
.w-400-95 {
width: 95%;
}
.w-400-90 {
width: 90%;
}
.w-400-85 {
width: 85%;
}
.w-400-80 {
width: 80%;
}
.w-400-75 {
width: 75%;
}
.w-400-70 {
width: 70%;
}
.w-400-65 {
width: 65%;
}
.w-400-60 {
width: 60%;
}
.w-400-55 {
width: 55%;
}
.f-400-2 .f-col,
  .w-400-50 {
width: 50%;
}
.w-400-45 {
width: 45%;
}
.w-400-40 {
width: 40%;
}
.w-400-35 {
width: 35%;
}
.w-400-30 {
width: 30%;
}
.f-400-4 .f-col,
  .w-400-25 {
width: 25%;
}
.f-400-5 .f-col,
  .w-400-20 {
width: 20%;
}
.w-400-15 {
width: 15%;
}
.f-400-10 .f-col,
  .w-400-10 {
width: 10%;
}
.w-400-5 {
width: 5%;
}
.w-400-33 {
width: 33%;
}
.w-400-16 {
width: 16.666666%;
}
.mb-400-50 {
margin-bottom: 50px;
}
.mb-400-45 {
margin-bottom: 45px;
}
.mb-400-40 {
margin-bottom: 40px;
}
.mb-400-35 {
margin-bottom: 35px;
}
.mb-400-30 {
margin-bottom: 30px;
}
.mb-400-25 {
margin-bottom: 25px;
}
.mb-400-20 {
margin-bottom: 20px;
}
.mb-400-15 {
margin-bottom: 15px;
}
.mb-400-10 {
margin-bottom: 10px;
}
.mb-400-5 {
margin-bottom: 5px;
}
.f-400-9 .f-col {
width: 11.11111111%;
}
.f-400-8 .f-col {
width: 12.5%;
}
.f-400-7 .f-col {
width: 14.28571429%;
}
.f-400-6 .f-col {
width: 16.66666667%;
}
.f-400-3 .f-col {
width: 33.33333333%;
}
.progress-button {
display: block !important;
}
.clutch-widget {
width: 200px;
    margin-top: 20px;
    padding-left: 0 !important;
}
:root {
--designLeft: 40px;
    --techLeft: 40px;
    --busiTop: 480px;
}
.s-we-off-box .hdg1 {
font-size: 28px;
}
.team-heading.client-heading .servsub-hdn {
font-size: 25px;
}
.client-slider-sec .hdg1 span {
width: 42px;
}
.client-user-swiper::before {
left: 0;
}
.client-slider-sec .swiper-slide {
padding: 0;
}
.client-nam p {
padding: 10px 0 40px;
}
.client-testimo-pagi .c-arw img {
width: 35px;
}
.client-sec-logo ul li {
width: calc(100% / 2);
}
.servsub-hdn2 {
font-size: 30px;
    line-height: 40px;
}
.servsub-hdn2.small-font {
font-size: 24px;
}
.s-offer-list ul li a {
font-size: 18px;
}
.s-offer-list ul,
  .s-offer-list ul li {
margin-bottom: 20px;
}
.s-wedo-sec .hdg8 {
font-size: 18px;
    margin-bottom: 10px;
}
.s-othr-cont h6 {
font-size: 22px;
}
.srvIcon p {
font-size: 14px;
}
.teammem .emply-img {
height: 190px;
}
.highlight-box {
padding: 20px 10px;
}
.highlight-box h6 {
font-size: 26px;
}
.wss-icn-cont img {
height: 40px;
}
.wss-icn-img {
max-width: 300px;
}
.wss-icn-img img {
margin-top: 20px;
}
.wss-banner h4 {
font-size: 35px;
    margin-bottom: 20px;
}
:root {
--expWidth: 18px;
}
.grid .container {
padding: 0 24px;
}
.h-expertise-box ul li a,
  .hdg1,
  .who-we-are-box .hdg1 {
font-size: 24px;
}
.h-expertise-box,
  .h-founder-box {
padding: 0 0 70px;
}
.founder-pic-box p,
  .h-work-cont ul li {
font-size: 14px;
}
.expertiseImg {
max-width: 290px;
}
.expertiseImg .exp.exp1 {
top: 25px;
    left: 77px;
}
.expertiseImg .exp.exp2 {
top: 25px;
}
.expertiseImg .exp.exp3 {
top: 25px;
    right: 80px;
}
.mob-quote-btn.in {
bottom: 15px;
}
.deskFooter {
padding-bottom: 50px;
}
.founderTriggerEnd,
  .hs-ellipse-mob {
top: 0;
}
.hs-img-mob-1.active .hs-ellipse-mob,
  .hs-img-mob-2.active .hs-ellipse-mob,
  .hs-img-mob-3.active .hs-ellipse-mob {
width: 50%;
    height: 50%;
}
.hs-img-mob {
width: 250px;
    height: 250px;
}
.hist-det-box {
padding: 20px;
}
.founder-pic-box,
  .history-handler {
margin-top: 0;
}
.abt-founder-cont-in {
padding: 32px 20px 20px;
}
.abt-fnd-detail,
  .abt-founder-cont {
padding-top: 50px;
}
.qt-box-5 h3 {
font-size: 30px;
}
.h-work-tab-nav ul li,
  .qt-box-5 h4 {
font-size: 20px;
}
.about-banner .ab-ban-1,
  .about-banner .ab-ban-3 {
top: 330px;
}
.abt-dounder-img {
width: 140px;
    right: 0;
}
.abt-fnd-detail {
padding-right: 110px;
}
.serv-ban-cont .servHdn {
font-size: 11vw;
}
.serv-ban-cont .servsub-hdn {
font-size: 6vw;
}
.about-banner .ab-ban-2 {
max-width: 100vw;
}
.whoWeAreImg .wwa.wwa1 {
left: 2.5vw;
    margin-top: -1px;
}
.whoWeAreImg .wwa.wwa2 {
right: 2vw;
    margin-top: -1px;
}
.hw-cont h5 {
padding: 0;
    flex: auto;
}
.hw-cont h3 {
width: 100%;
    margin-bottom: 5px;
}
.hw-cont p {
margin-left: 0;
}
.meet-founder-box h6 {
font-size: 52px;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -30px;
}
.home-page-work .hwork-img img {
margin: 0;
}
}
@media all and (max-width: 1024px) {
.caseStudy-banner-wrapp .caseStudy-banner-bg .pro-center {
display: flex;
    justify-content: flex-end;
    margin-top: 70px;
}
.s-othr-cont h6,
  .s-wedo-sec .hdg8 {
margin-bottom: 10px;
}
:root {
--humanImgbox: translate(-50%, 0) scale(0.7);
    --techTop: 660;
    --busiTop: 420;
}
.s-we-off-box .hdg1 {
font-size: 40px;
}
.servsub-hdn2 {
font-size: 45px;
    line-height: 52px;
}
.servsub-hdn2.small-font {
font-size: 36px;
}
.servsub-hdn3 {
font-size: 28px;
    line-height: 36px;
}
.dotOrbit,
  .dotTechOrbit,
  .serv2-ban-box .human-img-box,
  .tech-orbit-img {
max-width: 400px;
    max-height: 400px;
}
.serv2-ban-box .human-img-box .skull,
  .tech-orbit-img .techmob {
max-width: 200px;
    max-height: 200px;
}
.skuldot {
width: 35px;
    height: 35px;
}
.dotTechOrbit .skuldot1,
  .skuldot1 {
top: 35px;
}
.dotTechOrbit .skuldot2,
  .skuldot2 {
bottom: 35px;
}
.serv-padding {
padding: 60px 0;
}
.dropbox-cont h6 {
font-size: 30px;
}
.serv2-ban-cont {
width: 70%;
}
.s-offer-list ul li a {
font-size: 22px;
}
.tool-img-box {
padding: 40px;
}
.s-wedo-sec .s-wedo-img,
  .tool-img {
width: 80px;
    height: 80px;
}
.wedopara {
line-height: 1.5;
}
.blog-read {
font-size: 18px;
    margin-bottom: 0;
}
.s-othr-cont h6 {
font-size: 24px;
}
.s-othr-cont p {
font-size: 16px;
}
.s-othr-serv span {
width: 50px;
}
.busi-ban-cont .hdg6,
  .tech-ban-cont .hdg6 {
margin-bottom: 15px;
}
.busi-ban-cont .servsub-hdn3,
  .tech-ban-cont .servsub-hdn3 {
margin-top: 0;
}
.srvIconUp {
width: calc(100% / 5);
    height: 140px;
}
.srvIcon>div {
width: 60px;
    height: 60px;
}
.client-sec-logo ul li {
margin-bottom: 55px;
}
.client-ban--box {
justify-content: center;
}
.m-top {
margin-top: 5px;
}
.back-pg {
top: -30px;
}
.section-padding.contact {
height: auto;
    padding: 115px 0 80px !important;
    width: 100%;
    margin: auto;
}
.contant-bottm {
max-width: 90%;
    margin: 0 auto 100px;
}
address .country {
display: inline-block;
    margin-right: 36px;
}
.section-padding.contact .container {
-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
}
.call-us ul {
font-size: 16px;
    margin-left: 20px;
}
.call-us ul li {
margin-top: 8px;
}
.call-us h4 {
font-size: 43px;
}
.highlight-box h6,
  .typo2 li {
font-size: 30px;
}
address h2 {
font-size: 45px;
}
address h6 {
font-size: 20px;
}
address img {
height: 75px;
}
address p {
font-size: 16px;
}
.highlight-box {
padding: 30px;
}
.highlight-box .redirect {
height: 55px;
    width: 55px;
    padding: 13px 0;
}
.wss-iconography .iconography-icons li {
width: 25%;
    margin-bottom: 20px;
    padding: 15px;
}
.wss-icn-cont img {
height: 50px;
}
.typo2 li {
margin: 0 23px 30px;
}
.wss-banner.sps-top-banner {
background-size: 125% !important;
}
.about-banner .hdg1 {
font-size: 30px;
}
.hist-det-box {
width: 55%;
}
.history-swiper-container h3 {
left: 25%;
}
.history-swiper-container h4 {
left: 25%;
    width: 75%;
}
.about-vision--left ul li a {
font-size: 36px;
}
.about-vision--left {
width: 240px;
}
.bl-hdn h3 br,
  .hist-trigger {
display: none;
}
.homeVideo .hs-img-box-up {
width: 40%;
}
.q-radio-box label:hover {
color: var(--myClrDark);
    border: 1px solid #ddd;
}
.home-page-work .hwork-img {
height: 340px;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -75px;
}
.hero-title.fs64 {
line-height: 1.3;
}
.recent-blog-grid {
column-gap: 30px;
}
.featured-blog-box {
gap: 16px 30px;
}
.h-work-dubai .h-work-detail {
padding: 30px 16px 20px;
}
.h-work-dubai .h-work-detail h3 {
font-size: 16px;
}
.h-work-dubai .h-work-detail h4 {
font-size: 14px;
    margin-bottom: 8px;
}
.h-work-dubai .h-work-detail p,
  .h-work-dubai .h-work-detail ul>li {
font-size: 14px;
}
.h-work-dubai .h-work-close {
display: flex;
}
.h-work-modals .h-work-detail {
border-radius: 20px;
}
.h-work-modals .h-work-modal-close {
height: 24px;
    width: 24px;
    top: 12px;
    right: 12px;
    padding: 4px;
}
}
@media all and (max-width: 800px) {
.w-800-10,
  .w-800-100,
  .w-800-15,
  .w-800-20,
  .w-800-25,
  .w-800-30,
  .w-800-35,
  .w-800-40,
  .w-800-45,
  .w-800-5,
  .w-800-50,
  .w-800-55,
  .w-800-60,
  .w-800-65,
  .w-800-70,
  .w-800-75,
  .w-800-80,
  .w-800-85,
  .w-800-90,
  .w-800-95 {
padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.w-800-100 {
width: 100%;
}
.w-800-95 {
width: 95%;
}
.serv2-ban-cont,
  .w-800-90 {
width: 90%;
}
.w-800-85 {
width: 85%;
}
.w-800-80 {
width: 80%;
}
.w-800-75 {
width: 75%;
}
.w-800-70 {
width: 70%;
}
.w-800-65 {
width: 65%;
}
.w-800-60 {
width: 60%;
}
.w-800-55 {
width: 55%;
}
.w-800-50 {
width: 50%;
}
.w-800-45 {
width: 45%;
}
.w-800-40 {
width: 40%;
}
.w-800-35 {
width: 35%;
}
.w-800-30 {
width: 30%;
}
.w-800-25 {
width: 25%;
}
.w-800-20 {
width: 20%;
}
.w-800-15 {
width: 15%;
}
.w-800-10 {
width: 10%;
}
.w-800-5 {
width: 5%;
}
.w-800-33 {
width: 33%;
}
.w-800-16 {
width: 16.666666%;
}
.case-study-hunger-pack,
  .case-study-nirmal-bang,
  .case-study-payzli,
  .case-study-reckrut,
  .case-study-sps-canada,
  .case-study-travelxp {
padding-top: var(--headerHeight);
}
.bread-crum-wrap ul {
height: var(--headerHeightFixed);
}
.exe-sec .content-sec {
left: 5%;
}
.bread-crum-wrap {
margin-top: 0;
    top: 0;
}
.caseStudy-banner-wrapp .caseStudy-banner-bg .pro-center {
margin-top: 30px;
    justify-content: center;
}
.container.padd-0-800 {
padding: 0;
}
:root {
--designLeft: -100px;
    --techLeft: -20px;
    --techTop: 650px;
    --busiTop: 520;
    --busiLeft: -10px;
}
#readMore {
margin-top: 10px;
}
.client-slider-sec .hdg1 span {
width: 60px;
}
.client-slider-sec .swiper-slide {
padding: 0 40px;
}
.about-description p span,
  .client-nam p {
font-size: 24px;
    line-height: 38px;
}
.client-nam p {
padding: 20px 0 60px;
}
.client-user-swiper::before {
height: 50px;
    width: 50px;
    left: 40px;
}
.client-user-swiper .swiper-wrapper {
padding-top: 50px;
}
.client-testimo-pagi {
margin-top: 20px;
}
.weOffer-dot {
left: 170px;
}
.tech-orbit-img.rig {
right: initial;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
}
.busi-ban-cont .hdg6,
  .tech-ban-cont .hdg6 {
margin-bottom: 10px;
}
.tech-orbit-img.left {
bottom: initial;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.busi-ban-cont {
right: initial;
    max-width: 600px;
}
.client-slider-sec .hdg1 {
padding-bottom: 30px;
}
.srvIconUp {
width: calc(100% / 4);
    height: 130px;
}
.srvIcon {
padding: 10px 0;
}
.information h6 span:after {
bottom: -3px;
}
.contactUs {
margin-top: 0;
    height: auto;
}
.contact .hdg1 {
font-size: 70px;
    padding-bottom: 20px;
}
.contact .sub-line {
font-size: 36px;
    margin-bottom: 10px;
}
.contact .information {
margin-top: 135px;
    height: 130px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.filled .information {
margin-top: 0;
    height: 700px;
}
.send {
position: relative;
    margin-top: 0;
}
address h2 {
font-size: 44px;
}
.team-padding {
padding: 140px 0 60px;
}
.work .team-padding {
padding: 120px 0 40px;
}
.servsub-hdn {
font-size: 45px;
}
.sol-head {
left: 8%;
}
.highlight-box {
margin: 40px auto;
}
.client-logo,
  .home-banner,
  .hs-service,
  .lion-content-box {
background: var(--myClrLight);
}
.hs-img-mob-up,
  .hs-service ul,
  .mainContainer,
  .who-we-are-box {
overflow: hidden;
}
.copyMob,
  footer h4 {
color: var(--myClrDark);
}
.menu-grd,
  .menu-icon,
  .menu-icon-in,
  footer h4 {
cursor: pointer;
}
.ab-vm-cont h3,
  .copyMob,
  footer h2,
  footer h4 {
font-family: Poppins, sans-serif;
    font-weight: 700;
}
:root {
--headerHeightFixed: 70px;
    --expWidth: 35px;
    --wwaWidth: 8vw;
    --wwaWidth2: 16vw;
    --servDetLeft: 70px;
}
.serv-detail-trigger-pt,
  .workTriggerEnd {
top: 0;
}
.sectDetRefElement {
width: 150px;
    height: 150px;
}
.noFadeInUp-800 {
transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.lion-content-box {
min-height: auto;
    position: relative;
    z-index: 1;
    padding-top: 30px;
}
.lion-content-box:before {
width: 100%;
    height: 100px;
    background: linear-gradient(0deg, #fff, transparent);
    left: 0;
    top: -100px;
    position: absolute;
}
.blg.blg1,
  .blg.blg2,
  .blg.blg3 {
margin-top: 0;
    top: inherit;
}
.hb-right ul {
margin-top: 15px;
}
.hb-right ul li a,
  .hb-right ul li p {
font-size: 32px;
}
.about-vision--left ul li a,
  .hs-service ul li a,
  .hs-service ul li p {
font-size: 20px;
}
.ab-vm-cont h4 br,
  .about-vision--left,
  .client-logo-desk,
  .desktop-view,
  .footer-col-1 .copy,
  .h-quote-box,
  .hbr-br,
  .hero-support-text-desk,
  .home-dash,
  .hs-img-box-up,
  .hw-cont h5 br,
  .navigation,
  .serv-back-desc {
display: none;
}
.blogImgMob,
  .br-800,
  .client-logo-mob,
  .hbr-br-in,
  .home-banner,
  .mob-menu,
  .mob-overlay,
  .mob-quote-btn {
display: block;
}
.home-banner {
padding-top: 0;
    height: auto;
    z-index: 2;
}
.dotBox,
  .dots {
left: 20%;
    margin-left: 0;
    z-index: 9;
}
.hdg1,
  .who-we-are-box .hdg1 {
font-size: 36px;
    line-height: 1.4;
}
#lionCanvas,
  #lionCanvasDark {
z-index: 1;
    position: relative;
    width: 500px;
    height: 100vh;
    margin: 0 auto 50px;
}
.dots {
top: 200px;
}
.dotBox {
width: 200px;
    height: 200px;
}
.client-logo,
  .hb-right {
max-width: 600px;
    margin: 0 auto;
}
.hb-right {
padding-left: 0;
}
.client-logo {
padding: 80px 0;
    z-index: 1;
    top: 0;
}
.client-logo ul li {
width: 26%;
    height: 70px;
}
.Advereal-counters {
margin-bottom: 80px;
}
.whoWeAreImg {
margin: 40px auto;
    height: 33vw;
}
.whoWeAreImg .wwa.wwa3 {
top: 54px;
}
.hs-service,
  .hs-service-1,
  .hw-img,
  .serv-ban-box,
  .serv-ban-img #lionCanvas,
  .serv-ban-img #lionCanvasDark {
height: auto;
}
.hs-service ul {
position: initial;
}
.hs-service {
position: sticky;
    top: 50px;
    z-index: 1;
    height: calc(100vh + 50px);
}
.hs-img-mob-up {
height: calc(100vh - 500px);
    display: flex;
    align-items: center;
}
.hs-img-mob {
width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    display: block;
}
.about-banner--content,
  .hs-service-in {
position: relative;
    top: 0;
}
.hs-service-mob-canvas {
position: relative;
    z-index: 1;
}
.hs-line-mob {
position: absolute;
    width: 20%;
    height: 20%;
    border: 1px solid var(--myClrDark);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    opacity: 0;
}
.menu-grd,
  .menu-icon,
  .wMobDot {
border-radius: 50%;
}
.hs-ellipse-mob {
position: absolute;
    width: 30%;
    height: 30%;
    background: url(assets/img/ellipse.png) center center/contain no-repeat;
    top: -10%;
    left: 45%;
    animation: 10s linear infinite ellipseRotate;
    transition: 0.5s ease-in-out 0.7s;
    -webkit-transition: 0.5s ease-in-out 0.7s;
    opacity: 0;
}
.h-blog-box .h-img img.blogImg2,
  .h-blog-right {
position: static;
    width: 100%;
}
.hs-img-mob-1.active .hs-line-mob,
  .hs-img-mob-3.active .hs-line-mob {
width: 65%;
    height: 87%;
    opacity: 1;
    margin-top: -20px;
}
.hs-img-mob-1.active .hs-ellipse-mob,
  .hs-img-mob-2.active .hs-ellipse-mob,
  .hs-img-mob-3.active .hs-ellipse-mob {
width: 60%;
    height: 60%;
    opacity: 1;
}
.hs-img-mob-2.active .hs-line-mob {
width: 72%;
    height: 47%;
    opacity: 1;
    margin-top: -29px;
}
.h-work-hdn-box {
padding-top: 0;
}
.section-padding {
padding: 50px 0;
}
.h-expertise-box h4 {
font-size: 40px;
}
.h-founder-box .container {
max-width: 400px;
}
.meet-founder-box {
min-height: 440px;
}
.ab-vm-cont,
  .ab-vm-cont#ab-vm-cont-3,
  .founder-in,
  .serv-ban-left {
min-height: auto;
}
.founder-box {
margin-top: 40px;
}
.founder-box,
  .meet-founder-box {
padding: 30px;
}
.founder-box h6 {
margin-bottom: 10px;
    margin-left: 50px;
}
.testimonial-cont h4 {
font-size: 22px;
}
.testimonial-flex {
margin-bottom: 20px;
}
.h-blog-right {
height: 540px;
}
.h-blog-left,
  .mob-menu .button-grd-line,
  .work .h-work-cont {
width: 100%;
}
.blogImg2Up {
width: 115px;
    height: 268px;
    position: relative;
}
.blg {
-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    opacity: 0;
}
.blg.blg1 {
left: 28px;
    bottom: -4px;
}
.blg.blg2 {
left: 81px;
    bottom: 8px;
}
.blg.blg3 {
left: 52px;
    bottom: 28px;
}
.h-quote-box:before {
height: 100%;
}
.h-quote-box h4 {
font-size: 36px;
    color: var(--myClrLight);
    margin-bottom: 30px;
}
.button {
font-size: 18px;
    width: 230px;
    height: 50px;
    line-height: 50px;
}
.whoWeAreImg .wwa.wwa1 {
top: 50%;
    left: 2vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -15px;
}
.whoWeAreImg .wwa.wwa2 {
top: 50%;
    right: 2vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -15px;
}
.expertiseImg,
  .h-expertise-box ul {
max-width: 610px;
}
.h-expertise-box ul {
margin: 0 auto;
    justify-content: center;
}
.h-expertise-box ul li {
margin: 10px 12px;
    width: auto;
}
.expertiseImg .exp,
  .hb-right ul li:nth-of-type(4) a:after,
  .hb-right ul li:nth-of-type(4) p:after {
opacity: 0;
}
.expertiseImg .exp.exp1 {
top: 21px;
    left: 182px;
}
.expertiseImg .exp.exp2 {
top: 21px;
}
.expertiseImg .exp.exp3 {
top: 21px;
    right: 187px;
}
.h-expertise-box .container {
padding: 0 15px;
}
.hb-right ul li:nth-of-type(3) a:after,
  .hb-right ul li:nth-of-type(3) p:after {
opacity: 1;
}
.footer-col-1 {
text-align: center;
    margin-bottom: 30px;
}
.footer-col-2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0;
}
ul.f-social {
justify-content: center;
}
.deskFooter {
padding-bottom: 80px;
}
.serv-ban-cont,
  footer {
max-width: 400px;
    margin: 0 auto;
}
.footer-col-2 ul {
display: none;
    padding: 0 0 10px;
}
footer h4 {
margin: 0;
    line-height: 40px;
    position: relative;
}
.footer-col-2 span {
display: block;
    position: absolute;
    right: 0;
    top: 0;
}
footer ul li {
margin: 0;
}
footer ul li a {
display: block;
    line-height: 40px;
}
.scroll_Down_box,
  footer h4 img {
transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
.deskFooter .active img {
-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.copyMob {
display: block;
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.menu-icon {
display: block;
    right: 30px;
    padding: 15px;
}
.menu-grd {
display: none;
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #321575 0, #8d0b93 100%);
    background: -webkit-linear-gradient(to right, #321575 0, #8d0b93 100%);
    background: -moz-linear-gradient(to right, #321575 0, #8d0b93 100%);
}
.menu-icon-in {
width: 30px;
    height: 30px;
    position: relative;
}
.menu-icon-in span {
height: 3px;
    background: #000;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}
.menu-icon-in span:first-of-type {
margin-top: -10px;
}
.menu-icon-in span:nth-of-type(3) {
margin-top: 8px;
}
.desk-header {
position: absolute;
}
.hb-right h3 {
font-size: 100px;
}
.deskHeader {
z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.hs-service h2,
  .hs-service h4 {
font-size: 48px;
}
.hdg6 {
font-size: 22px;
    margin-bottom: 25px;
}
.hs-box {
padding: 150px 0 0;
}
.ab-vm-cont,
  .hs-service-3 {
padding-bottom: 100px;
}
.workMobDots {
opacity: 0;
    width: 70px;
    display: inline-block;
    position: relative;
    align-items: center;
    height: 14px;
    margin-left: 20px;
}
.wMobDot {
width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
}
.wMobDot.wMobDot1 {
background: var(--clr1);
    left: 0;
}
.wMobDot.wMobDot2 {
background: var(--clr2);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.wMobDot.wMobDot3 {
background: var(--clr3);
    right: 0;
}
.workTriggerStart {
top: 50%;
}
#particles-js {
position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--myClrLight);
    background-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ab-vm-cont h4 {
font-size: 30px;
    line-height: 42px;
}
.ab-vm-cont p {
font-size: 20px;
    line-height: 1.5;
}
.ab-vm-cont h3 {
display: block;
    font-size: 22px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.about-vision--left ul,
  .about-vision--right {
max-width: 500px;
    margin: auto;
}
#ab-vm-cont-1 {
color: var(--clr1);
}
#ab-vm-cont-2 {
color: var(--clr2);
}
#ab-vm-cont-3 {
color: var(--clr3);
}
.about-vision .container,
  .founder-box,
  .hero-support-text-mob,
  .hf-container,
  .meet-founder-box,
  .mobile-view {
display: block;
}
.about-vision--left ul {
display: flex;
    align-items: center;
}
.h-award-box li,
  .h-work-cont ul {
margin-bottom: 10px;
}
.about-vision--left ul li {
margin-bottom: 0;
    margin-right: 50px;
}
.ab-vm-cont {
padding-top: 50px;
}
.about-banner .ab-ban-1 {
max-width: 30vw;
}
.about-banner .ab-ban-2 {
max-width: 40vw;
}
.about-banner .ab-ban-4 {
max-width: 36vw;
}
.about-history {
margin-top: 50px;
}
.serv-det-banner .row {
flex-direction: column-reverse;
    flex-wrap: nowrap;
    height: auto;
    padding: 100px 0 0;
}
.serv-ban-left {
width: 100%;
    position: relative;
    z-index: 1;
}
.serv-ban-right-img {
width: 400px;
    height: 400px;
    margin: 0 auto;
}
.serv-ban-right {
left: 0;
    width: 100%;
    margin-bottom: 70px;
}
.serv-back-mob {
display: block;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.founder-pic-box p {
font-size: 16px;
}
.about-banner .ab-ban-1,
  .about-banner .ab-ban-3 {
top: 400px;
}
.about-banner {
height: auto;
    padding-top: 120px;
    padding-bottom: 410px;
}
.career .serv-ban-img {
position: static;
    top: 0;
    right: 0;
    transform: translate(0, 0);
    width: 100%;
}
.initDotMain,
  .lion-box {
position: fixed;
}
.serv-ban-box .container {
height: auto;
    flex-direction: column-reverse;
    display: flex;
}
.team-section .serv-ban-cont {
max-width: 100%;
}
.h-work-def {
width: 100%;
    text-align: left;
}
.scrollTop {
margin-left: 0;
    left: inherit;
    right: 50px;
    display: none;
}
.lion-box {
top: 0;
    width: 100%;
    left: 0;
}
.lion-content-box {
margin-top: 75vh;
}
.home-banner-lp .lion-content-box {
margin-top: 36vh;
}
.home-banner-lp #lionCanvas,
  .home-banner-lp #lionCanvasDark {
height: 60vh;
    width: 60%;
}
.deskFooter,
  .h-blog-box,
  .h-expertise-box,
  .h-founder-box,
  .h-quote-box,
  .h-work-box,
  .h-work-hdn-box,
  .hs-box,
  .who-we-are-box {
background: #fff;
    position: relative;
    z-index: 9;
}
[data-theme="dark"] .deskFooter,
  [data-theme="dark"] .h-blog-box,
  [data-theme="dark"] .h-expertise-box,
  [data-theme="dark"] .h-founder-box,
  [data-theme="dark"] .h-quote-box,
  [data-theme="dark"] .h-work-box,
  [data-theme="dark"] .h-work-hdn-box,
  [data-theme="dark"] .hs-box,
  [data-theme="dark"] .who-we-are-box {
background: #121212;
}
.hs-service ul li {
opacity: 0;
    margin-left: -20px;
}
.hs-service-trigger-1 {
position: absolute;
    left: 0;
    top: 50px;
}
.homeHdr .darkMobileBox {
display: block;
    position: fixed;
    width: 50px;
    top: 0;
    right: 70px;
}
.fixHeader .switch,
  .switch {
position: static;
    transform: translate(0, 0) scale(0.8);
    padding: 13px;
}
.desk-header {
transition: ease-in-out;
    -webkit-transition: ease-in-out;
}
.h-work-tab-nav ul li span {
opacity: 1;
    width: 20px;
    height: 20px;
}
.h-work-tab-nav ul li span.hwPt2 {
background: grey;
}
.h-work-tab-nav ul li span.hwPt3 {
background: #59257d;
}
.h-work-tab {
margin-bottom: 60px;
}
.h-work-tab-nav ul li {
font-size: 24px;
    line-height: 60px;
}
.h-blog-box .h-img .blogImg1,
  .lionAnimTriggerEnd {
bottom: 0;
}
.founder-pic-box {
padding: 0;
    width: 100%;
}
.h-award-box {
width: 70%;
    flex-wrap: wrap;
}
.h-award-box li {
margin-right: 10px;
    width: calc(50% - 10px);
}
.fndrRefPt {
margin-top: 20px;
}
.hf-box {
margin: 0 auto;
}
.blog-cl-box {
margin-bottom: 50px;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -50px;
}
.lionAnimTriggerStart {
top: 40%;
}
.sectionOne {
height: 130vh;
}
.seoContent {
position: relative;
    z-index: 9;
    background-color: #fff;
}
.hero-para {
font-size: 18px;
}
.blog-section .container {
max-width: 700px;
}
.recent-blog-grid {
grid-template-columns: 1fr;
}
.blog1 {
margin-bottom: 30px;
}
.blog1,
  .blog2,
  .blog3,
  .blog4 {
grid-column: 1;
    grid-row: auto;
}
}
@media all and (max-width: 576px) {
.cs-userFlow-Wrap .w33,
  .s-offer-list-3 ul:last-of-type li {
width: 50%;
}
.bread-crum-wrap ul {
height: 60px;
}
:root {
--designLeft: -10px;
    --busiLeft: 60px;
    --busiTop: 430px;
}
.s-we-off-box .hdg1 {
font-size: 32px;
}
.client-slider-sec .swiper-slide {
padding: 0 20px;
}
.client-user-swiper::before {
left: 20px;
}
.servsub-hdn2 {
font-size: 36px;
    line-height: 46px;
}
.servsub-hdn2.small-font {
font-size: 30px;
}
.s-offer-list ul {
width: 50%;
    margin-bottom: 30px;
}
.s-offer-list-3 ul:last-of-type {
width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.s-we-offer .servsub-hdn {
margin-bottom: 60px;
}
.s-we-offer .hdg1 {
padding-bottom: 60px;
}
.srvIconUp {
width: calc(100% / 3);
}
.srvIcon p {
font-size: 16px;
}
.culturesec .servsub-hdn {
font-size: 22px;
}
.team--info {
font-size: 26px;
}
.team--head {
font-size: 22px;
}
.team-main-img .w75 {
width: 90%;
}
.teammem .emply-img {
height: 310px;
}
.desg {
margin: 20px 0 10px;
}
.teammem {
margin-bottom: 30px;
}
.no-page {
height: 50vh;
}
.home-page-work .salon-pay .hwork-img img {
bottom: -17px;
}
.video-testimonial-wrp {
padding: 20px 0 50px;
    background: #f5f5f5;
}
.hb-right h3 {
font-size: 65px;
}
.featured-blog-box {
flex-wrap: wrap;
}
}
@media (max-width: 400px) and (min-height: 700px) {
:root {
--techTop: 740px;
}
.lion-content-box {
padding-top: 80px;
}
}
@media all and (max-width: 420px) {
.caseStudy--gallSec-wrap {
margin: 70px 0 0;
}
.cs-messFrom-res .messFrom-res-boxes p {
margin: 0 auto 10px;
}
.cs-messFrom-res .messFrom-res-boxes {
text-align: center;
    margin-bottom: 25px;
}
.cs-userFlow-Wrap {
margin-top: 30px;
}
.bread-crum-wrap ul li a {
padding-left: 16px;
    font-size: 15px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-banner-title {
font-size: 20px;
    margin-bottom: 15px;
}
.cs-scop-of-work-main .s-wedo-sec .s-wedo-img {
margin: 0 auto 25px;
    width: 55px;
    height: 55px;
}
.cs-scop-of-work-main .w25 {
width: 100%;
}
.pg-boxes h4 {
font-size: 16px;
}
.cs-scop-of-work-main .s-wedo-sec .hdg8 {
margin-bottom: 15px;
    font-size: 18px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__one {
font-size: 28px;
    margin-bottom: 25px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap ul li:before {
width: 6px;
    height: 6px;
}
.cs-scop-of-work-main,
  .cs-title {
margin-top: 40px;
}
.caseStudy-banner-wrapp .caseStudy-Title-wrap .cs-title__two,
  .cs-title-two {
font-size: 18px;
}
.cs-title-one {
margin-top: 10px;
    margin-bottom: 10px;
}
.pg-boxes {
min-height: 112px;
    padding: 20px;
}
.cs-personalGoal {
margin: 30px 0;
}
.cs-messFrom-res {
margin: 30px 0 0;
}
.cs-userFlow-Wrap .row .w33 {
width: 100%;
    margin-bottom: 40px;
}
.cs-userFlow-Wrap .row .w33 .cs_usrerFlow_boxes {
min-height: inherit;
    max-height: inherit;
    height: 110px;
    max-width: 300px;
}
.cs-userFlow-Wrap .row .w33 .cs_usrerFlow_boxes.first {
height: 160px;
}
.cs-userFlow-Wrap .row .w33:first-of-type {
width: 100%;
    margin-bottom: 50px;
}
.cs-messFrom-res .w25 {
width: 100%;
    margin-bottom: 15px;
}
.bread-crum-wrap ul li {
margin-left: 15px;
}
.pro-01 .content-sec {
margin: 40px auto 20px;
}
.desg {
margin: 10px 0;
}
.teammem {
margin-bottom: 20px;
}
}
@media all and (max-width: 1500px) {
.sol-head {
left: 16%;
}
.wss-banner.sps-top-banner {
background-size: 100% !important;
}
}
@media all and (max-width: 1336px) {
.sol-head {
left: 12%;
}
}
@media all and (max-width: 700px) {
.contant-bottm .w50 {
max-width: 398px;
    width: 100%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}
address {
border-right: 0 solid rgba(0, 0, 0, 0.1);
}
.contant-bottm {
margin-bottom: 50px;
}
.grid>.w50 {
padding-left: 10px;
    padding-right: 10px;
}
.work-head {
padding-left: 0;
    max-width: 490px;
}
.work-head .servsub-hdn {
font-size: 50px;
    line-height: 55px;
}
.highlight-box .redirect {
height: 45px;
    width: 45px;
    padding: 8px 10px;
}
.highlight-box h6 {
font-size: 30px;
    width: calc(100% - 130px);
}
}
@media all and (max-width: 740px) {
address .country {
margin-right: 17px;
}
}
@media all and (max-width: 600px) {
.highlight-box h6 {
font-size: 30px;
    width: calc(100% - 90px);
}
.work-head .servsub-hdn {
font-size: 47px;
    line-height: 55px;
}
.h-work-def,
  .work .h-work-cont {
width: 100%;
}
.h-work-def {
text-align: left;
}
.h-work-def ul li:first-child {
margin-left: 0;
}
.work .h-work-cont p {
font-size: 18px;
    line-height: 1.5;
}
}
@media all and (max-width: 550px) {
.chbox label,
  .top-text li a {
font-size: 14px;
}
.contact .check-btn {
height: auto;
    margin-top: 0;
}
.txField {
margin-bottom: 1.15rem;
    height: auto;
}
.contact .hdg1 {
font-size: 65px;
    padding-bottom: 10px;
}
.contact .sub-line {
font-size: 25px;
}
.contact .form-input,
  .contact .form-label {
font-size: 22px;
}
.contact .information {
height: 108px;
    margin-top: 185px;
}
.filled .hdg1 {
font-size: 0;
    padding-bottom: 0;
}
.filled .sub-line {
font-size: 0;
}
.filled .form-input,
  .filled .form-label {
font-size: 18px;
}
.filled .information {
margin-top: 5px;
    height: 620px;
}
.list-inline-item:not(:last-child) {
margin-right: 0.3rem;
}
.hwork-img {
margin-bottom: 20px !important;
}
.home-page-work .hwork-img {
margin-bottom: 0;
}
.input-box {
width: 250px;
}
.chbox label {
padding: 2px 14px;
}
}
@media all and (max-width: 419px) {
.nmlbang .screen-scr .screen-ele img {
margin-bottom: 0;
}
.information {
height: 140px;
}
.filled .information {
height: 840px;
}
.section-padding.contact {
height: auto;
    padding: 115px 0 30px !important;
}
.contact .sub-line br {
display: none;
}
.serv2-comm-hdn {
font-size: 20px;
    margin-bottom: 10px;
}
.servsub-hdn {
font-size: 30px;
}
.grid>.w50 {
width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.work-list {
padding: 20px;
    margin-bottom: 20px;
}
.work-head .servsub-hdn {
font-size: 38px;
    line-height: 42px;
}
.screen-ele,
  .screen-ele.three-grid {
flex: 0 0 100%;
    width: 100%;
}
}
@media all and (max-width: 390px) {
.call-us ul {
margin-left: 0;
    width: 100%;
    margin-bottom: 24px;
}
.contact h6 {
font-size: 20px;
    margin-bottom: 0.8rem;
}
.filled h6 {
font-size: 0;
}
.h-work-def ul,
  .work .h-work-cont p {
font-size: 18px;
}
.call-us.mob-call {
display: none;
}
.call-us.mob-call.sm-screen {
display: block;
    margin-top: 30px;
}
.contact .information {
margin-top: 35px;
}
.filled .information {
margin-top: 0;
}
}
@media all and (max-width: 340px) {
.s-we-off-box .hdg1 {
font-size: 24px;
}
.contant-bottm .w50 address {
padding-right: 3px;
}
address .country {
display: inline-block;
    margin-right: 20px;
}
.call-us {
float: left;
    padding: 0;
}
.wss-iconography .iconography-icons li {
width: 25%;
    margin-bottom: 6px;
    padding: 15px;
}
.wss-icn-cont img {
height: 34px;
}
.wss-icn-img {
max-width: 240px;
}
.filled .information {
height: 1000px;
    margin-top: 0;
}
.hb-right ul li a,
  .hb-right ul li p {
font-size: 19px;
}
.home-page-work .hwork-img {
height: 240px;
}
.hs-img-mob {
width: 170px;
    height: 170px;
}
}
@media (min-width: 1441px) {
.h-blog-box .h-img .blogImg1 {
padding-left: 80px;
}
}
@media all and (max-width: 1680px) {
.home-page-work .salon-pay .hwork-img {
width: 130%;
    position: relative;
}
    .home-page-work .salon-pay .hwork-img img {
        position: absolute;
        bottom: -40px;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: scale(1);
        left: -30px;
    }
.home-page-work .hwork-img {
width: 100%;
}
.home-page-work .hwork-img img {
width: 91%;
}
.blog-section .container {
max-width: 1536px;
}
}
@media all and (max-width: 1536px) {
.home-page-work .salon-pay .hwork-img img {
bottom: -15%;
}
.blog-section .container {
max-width: 1440px;
}
}
@media all and (max-width: 1536px) and (min-width: 1367px) {
.hb-right h3 {
font-size: 65px;
}
#lionCanvas,
  #lionCanvasDark {
width: 75%;
    margin: 0 auto;
}
}
@media all and (max-width: 1366px) and (min-width: 1281px) {
.contact .hdg1,
  .hb-right h3 {
font-size: 50px;
}
#lionCanvas,
  #lionCanvasDark {
width: 60%;
    margin: 0 auto;
}
.bl-hdn h3,
  .h-expertise-box h5,
  .hb-right ul li a,
  .hb-right ul li p {
font-size: 20px;
}
.client-logo ul li {
width: 8%;
    height: 40px;
}
.button-grd-line {
width: 100px;
    height: 40px;
}
.dayNight input+div {
width: 24px;
    height: 24px;
}
html[data-theme="dark"] .dayNight input:checked+div {
box-shadow: inset 10px -10px 0 0 #000;
}
.chbox label,
  .founder-pic-box p,
  .h-work-cont p,
  .h-work-cont ul li,
  .navigation li a,
  address p,
  footer ul li a {
font-size: 14px;
}
.navigation li {
padding: 0 20px;
}
.dropbox-cont {
padding: 16px;
}
.dropbox-cont h6,
  footer h2 {
font-size: 22px;
}
.dropbox-cont p {
font-size: 14px;
    line-height: 20px;
}
.contact .sub-line,
  .h-work-cont h4,
  .hdg1,
  .who-we-are-box .hdg1 {
font-size: 24px;
}
.whoWeAreImg {
height: 200px;
    max-width: 616px;
    margin-bottom: 70px;
}
.whoWeAreImg .wwa.wwa1 {
top: 90px;
}
.whoWeAreImg .wwa.wwa2 {
top: 90px;
    right: 20px;
}
:root {
--wwaWidth: 50px;
    --wwaWidth2: 120px;
    --hs-img-box: 250px;
    --expWidth: 30px;
    --headerHeight: 60px;
}
.logo {
width: 80px;
}
.hs-service h2,
  .hs-service h4 {
font-size: 45px;
    padding: 6px 0 6px 80px;
}
.hsDotBox {
width: 32px;
    height: 32px;
}
.hs-service ul {
padding-left: 80px;
}
.hs-img-box-up {
width: calc(30% - 15px);
    right: 100px;
}
.h-work-cont ul {
margin-bottom: 50px;
}
.home-page-work .hwork-img {
height: 350px;
    width: 80%;
}
.home-page-work .salon-pay .hwork-img {
width: 120%;
}
.hwork-img {
height: 270px;
}
.h-expertise-box h4,
  address h2 {
font-size: 40px;
}
.h-expertise-box ul li {
margin: 20px 0;
    width: 25%;
    text-align: center;
}
.h-expertise-box ul li a {
font-size: 28px;
    padding-bottom: 0;
}
.meet-founder-box h6 {
font-size: 40px;
    line-height: 1.3;
}
.founder-pic {
width: 180px;
}
.fndr {
width: 10px;
    height: 10px;
}
.fndrRefPt {
width: 50px;
    margin-bottom: 12px;
}
.founder-pic-box h4 {
font-size: 18px;
}
.founder-pic-box h4,
  .founder-pic-box p {
margin-bottom: 10px;
}
.linkdinIcon {
height: 14px;
}
.h-award-box {
margin-top: 16px;
}
.h-award-box li {
width: 70px;
}
.h-founder-box {
padding: 0 0 70px;
}
.bl-icon {
width: 20px;
    height: 20px;
}
.bl-cont,
  .bl-hdn {
padding-left: 34px;
}
.bl-cont p {
font-size: 14px;
    margin: 0 0 10px;
}
.button1 {
font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.h-blog-box .h-img .blogImg1 {
bottom: 30px;
}
.h-blog-box .h-img img.blogImg2 {
width: 17%;
}
.blg.blg1 {
left: 12px;
    top: 36%;
    margin-top: 2px;
}
.blg.blg2 {
left: 49px;
    top: 34%;
}
.blg,
  .quote-close,
  footer ul li a img {
width: 16px;
    height: 16px;
}
.blg.blg3 {
left: 28px;
    top: 31.5%;
    margin-top: 0;
}
.blogEndPts {
width: 150px;
}
.blogEndPts .blgEndPt {
width: 30px;
    height: 30px;
}
.h-quote-box h4 {
font-size: 38px;
}
.h-quote-box .button-grd-line {
font-size: 16px;
    width: 160px;
    height: 44px;
    margin-bottom: 30px;
}
.call-us ul,
  .contact .form-input,
  .contact .form-label,
  .filled .form-input,
  .filled .form-label,
  address h6,
  footer h4 {
font-size: 16px;
}
.expertiseImg .exp.exp1 {
top: 34px;
    left: 168px;
}
.expertiseImg .exp.exp2 {
top: 34px;
}
.expertiseImg .exp.exp3 {
top: 34px;
    right: 173px;
}
.section-padding {
padding: 70px 0;
}
.h-blog-box.section-padding {
padding-bottom: 70px;
}
.expertiseImg {
max-width: 616px;
    margin: 40px auto 50px;
}
.h-expertise-box {
padding: 50px 0 70px;
}
.home-page-work .h-work-btn {
margin: 0;
}
.h-work-box.section-padding {
padding-top: 70px;
}
.hs-box {
padding: 100px 0;
}
.filled .information {
height: 570px;
}
.txField {
margin-bottom: 1rem;
}
.error {
font-size: 12px;
}
.coutryCode {
font-size: 16px;
    padding: 2px 20px;
    line-height: 1.9;
}
.clutch-widget {
width: 170px;
}
.clutch-widget iframe {
height: 40px;
}
.call-us {
bottom: 40%;
}
address img {
height: 80px;
}
.c-img {
width: 80%;
    right: 0;
    top: 11%;
}
.information {
height: 95px;
    margin-top: 50px;
}
.filled .hdg1,
  .filled .sub-line {
font-size: 0;
}
.quote-pop-container {
padding: 40px;
    max-width: 700px;
}
.quote-pop-container h4 {
font-size: 14px;
    margin-bottom: 20px;
}
.quote-pop-container h3 {
font-size: 16px;
    margin-bottom: 20px;
}
.q-radio-box label {
font-size: 16px;
    max-width: 300px;
    line-height: 40px;
}
.quote-back img,
  .quote-close img {
width: 100%;
    height: 100%;
    vertical-align: top;
}
.quote-back {
width: 18px;
    height: 18px;
}
.qt-box-3,
  .qt-box-4 {
max-width: 80%;
}
.section-padding.contact .container {
top: 45%;
}
.marque-wrap {
top: 70px;
}
}
@media all and (max-width: 1280px) {
.hist-det-hdn {
width: 40%;
}
.hist-det-box {
width: 50%;
    padding: 25px 25px 20px;
}
.hist-det-box-in {
min-height: 260px;
}
.hist-det-box p {
font-size: 16px;
}
.homeVideo .hs-img video {
transform: scale(1);
    -webkit-transform: scale(1);
}
.h-expertise-box ul li {
width: 25%;
    text-align: center;
}
.hb-right h3 {
font-size: 62px;
}
#lionCanvas,
  #lionCanvasDark {
width: 60%;
    margin: 0 auto;
}
.client-logo ul li {
width: 10%;
    height: 40px;
}
.h-work-dubai .h-work-detail-txt:not(:last-child),
  .h-work-modals .h-work-detail-txt:not(:last-child) {
margin-bottom: 16px;
}
.h-work-dubai .salon-pay .hwork-img img {
bottom: -80px;
}
}
@media all and (max-width: 1200px) and (min-height: 1300px) {
.quoteTriggerUp {
position: absolute;
    top: 40%;
}
.founderTriggerEnd {
top: -300px;
}
.blogTriggerStart {
top: -200px;
}
.quoteMergeTrigger {
top: -45%;
}
}
@media only screen and (orientation: portrait) {
.ab-vm-cont {
min-height: 500px;
}
.ab-vm-cont#ab-vm-cont-3 {
min-height: auto;
}
}
@media all and (max-width: 800px) and (orientation: portrait) {
.ab-vm-cont {
min-height: auto;
}
}
@media all and (max-width: 680px) {
.about-banner .hdg1 br {
display: none;
}
.about-banner .hdg1 {
max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}
@media all and (max-width: 530px) {
#lionCanvas,
  #lionCanvasDark {
width: 400px;
}
.team-main-img .w75 {
width: 100%;
}
.team-container {
padding: 100px 0 50px;
}
.hb-right h3 {
font-size: 60px;
}
.hb-right ul li a,
  .hb-right ul li p {
font-size: 24px;
}
.client-logo ul li {
width: 33%;
    height: 80px;
}
.client-logo ul li img {
max-height: unset;
}
.home-page-work .h-work-cont p {
font-size: 15px;
}
.client-logo {
padding: 50px 0 100px;
}
.wwr-animation {
margin-top: 40px;
}
.h-expertise-box ul {
max-width: 100%;
    justify-content: flex-start;
}
.h-expertise-box ul li {
margin: 0 15px 15px;
    flex: 1;
    flex-basis: 40%;
}
.hs-service {
top: 60px;
}
.h-expertise-box ul::after {
top: 0;
    content: none;
}
}
@media all and (max-width: 460px) {
.hb-right ul li:nth-of-type(4) a:after,
  .hb-right ul li:nth-of-type(4) p:after {
opacity: 1;
}
.hb-right ul li:nth-of-type(3) a:after,
  .hb-right ul li:nth-of-type(3) p:after {
opacity: 0;
}
.whoWeAreImg .wwa.wwa1,
  .whoWeAreImg .wwa.wwa2 {
margin-top: -3px;
}
.hs-img-mob {
width: 300px;
    height: 300px;
}
.about-vision--left ul li {
margin-right: 30px;
}
.about-banner .ab-ban-1,
  .about-banner .ab-ban-3 {
max-width: 40vw;
}
.about-banner .ab-ban-2,
  .about-banner .ab-ban-4 {
bottom: 20px;
}
.about-banner--content {
top: 0;
}
.serv-ban-right-img {
width: 78vw;
    height: 78vw;
}
.about-banner {
padding-bottom: 360px;
}
.br-460 {
display: block;
}
.home-page-work .hwork-img {
height: 260px;
}
.home-page-work .hwork-img img {
width: 90%;
}
}
@media all and (max-width: 360px) {
:root {
--designTop: 380px;
    --designLeft: 100px;
    --techLeft: 60px;
    --techTop: 540px;
    --busiTop: 460px;
}
.s-we-off-box.we-tech-sec {
margin-top: 0;
}
.client-slider-sec .hdg1 br,
  .team-heading.client-heading .servsub-hdn br {
display: none;
}
.dotTechOrbit .skuldot1,
  .skuldot1 {
top: 25px;
}
.dotTechOrbit .skuldot2,
  .skuldot2 {
bottom: 25px;
}
.weOffer-dot {
width: 180px;
    height: 180px;
    left: 110px;
    top: 0;
}
.servsub-hdn3 {
font-size: 24px;
    line-height: 32px;
    margin-top: 0;
}
.s-we-offer .servsub-hdn {
margin-bottom: 40px;
}
.s-we-offer .hdg1 {
padding-bottom: 40px;
}
.s-offer-list ul,
  .s-offer-list-3 ul:last-of-type li {
width: 100%;
}
.s-offer-list-3 ul:last-of-type {
width: 100%;
    display: block;
}
.servsub-hdn2 {
font-size: 26px;
    line-height: 36px;
}
.servsub-hdn2.small-font {
font-size: 20px;
}
.s-wedo-sec .s-wedo-img,
  .tool-img {
width: 50px;
    height: 50px;
}
.busi-ban-cont .hdg6,
  .tech-ban-cont .hdg6 {
margin-bottom: 5px;
}
.dotTechOrbit,
  .tech-orbit-img {
max-width: 270px;
    max-height: 270px;
}
.tech-orbit-img .techmob {
max-width: 100px;
    max-height: 100px;
}
.hs-img-mob {
width: 200px;
    height: 200px;
}
.client-logo {
padding: 30px 0 50px;
}
.abt-founder-cont-in p {
font-size: 16px;
}
.abt-fnd-detail {
padding-top: 30px;
}
.about-banner .ab-ban-1,
  .about-banner .ab-ban-3 {
top: 300px;
}
.about-banner {
padding-bottom: 430px;
}
}
@media all and (max-width: 320px) {
.home-page-work .salon-pay .hwork-img img {
bottom: -40px;
}
}
@media screen and (max-height: 700px) {
.scroll_Down_box {
height: 70px;
    bottom: 10px;
    font-size: 14px;
}
}
@media (max-width: 1024px) and (min-height: 1200px) {
.about-banner .ab-ban-1,
  .about-banner .ab-ban-2 {
max-width: initial;
    width: 32%;
}
.about-banner .ab-ban-3,
  .about-banner .ab-ban-4 {
max-width: initial;
    width: 40%;
}
}
@media (max-width: 991px) and (orientation: landscape) {
.client-logo {
padding: 120px 0 30px;
}
#particles-js {
position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--myClrLight);
    background-position: 50% 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.hb-right ul li a,
  .hb-right ul li p {
font-size: 20px;
}
}
@media (min-width: 1200px) and (max-height: 768px) {
.section-padding.contact .container {
top: 52%;
}
}
@media (min-width: 1200px) and (max-height: 640px) {
.section-padding.contact .container {
top: 52%;
}
}
@media screen and (min-width: 768px) {
.case-study-new-common .hero-head .sub-title,
  .case-study-new-common .service-section .content-table .table-info,
  .case-study-new-common .service-section .content-table .table-title,
  .case-study-new-common .typography-section .color-box span,
  .case-study-new-common p {
font-size: 16px;
}
.case-study-new-common .hero-head {
margin-block: 32px;
}
.case-study-new-common .hero-head .title {
font-size: 60px;
}
.case-study-new-common .project-scope-card {
width: unset;
    flex: 1;
    padding-inline: 16px;
    border-right: 1px solid #cbcbcb;
    border-bottom: unset;
}
.case-study-new-common .project-scope-card:last-child {
border-right: none;
}
.case-study-new-common .project-scope-card-list {
display: flex;
    flex-wrap: wrap;
}
.case-study-new-common .challenges-section {
align-items: flex-start;
}
.case-study-new-common .service-section {
gap: 64px;
    margin-block: 100px;
}
.case-study-new-common .investors-section,
  .case-study-new-common .profile-section,
  .case-study-new-common .typography-section {
flex-direction: row;
}
.case-study-new-common .typography-section .box1 .typography-font {
font-size: 30px;
}
.case-study-new-common .typography-section .box1 .typography-letters {
font-size: 120px;
}
.case-study-new-common .typography-box {
height: 460px;
}
.case-study-new-common .content-section {
padding-block: 60px;
}
.case-study-new-common .investors-section .investors-box {
padding: 60px 60px 0;
}
.case-study-new-common .graphics-section::after {
font-size: 48px;
    width: 70%;
    margin-inline: auto;
    left: auto;
    right: auto;
}
.case-study-new-common .career-section {
padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.case-study-new-common .career-box {
width: 50%;
}
.case-study-new-common .career-box.career-box3 {
width: 60%;
    margin-inline: auto;
}
.case-study-new-common .career-box2 {
margin-top: -16px;
}
}
@media screen and (min-width: 1024px) {
.case-study-new-common .hero-head {
padding-inline: 60px;
}
.case-study-new-common .service-section {
flex-direction: row;
}
.case-study-new-common .challenges-section .content-left,
  .case-study-new-common .service-section .content-column.content-left,
  .case-study-new-common .timeline-section .content-left {
max-width: 40%;
}
.case-study-new-common .career-box.career-box3 {
width: 60%;
    margin-left: 30%;
}
.case-study-new-common .graphics-section::after {
font-size: 58px;
}
.case-study-new-common .challenges-section,
  .case-study-new-common .content-section,
  .case-study-new-common .timeline-section {
padding-inline: 60px;
    gap: 40px;
    flex-direction: row;
}
.case-study-new-common .timeline-section {
display: flex;
}
.case-study-new-common .timeline-section .content-column {
flex: 1;
}
}
@media screen and (min-width: 1280px) {
.case-study-new-common .graphics-section::after {
width: 65%;
    font-size: 68px;
}
.case-study-new-common .hero-banner,
  .case-study-new-common .investors-section {
margin-bottom: 0;
}
.case-study-new-common .challenges-section,
  .case-study-new-common .timeline-section {
margin-block: 60px;
}
}
@media screen and (min-width: 1440px) {
.case-study-container .container {
max-width: 1120px;
}
.case-study-new-common .hero-content .visit-link .text,
  .case-study-new-common p {
font-size: 20px;
}
.case-study-new-common .hero-section {
padding-top: 0;
}
.case-study-new-common .hero-head .title {
font-size: 70px;
}
.case-study-new-common .hero-head .sub-title {
font-size: 24px;
}
.case-study-new-common .investors-section .investors-box {
padding: 80px 100px 0;
}
.case-study-new-common .hero-content .visit-link .icon {
width: 20px;
    height: 20px;
}
.case-study-new-common .career-section,
  .case-study-new-common .graphics-section,
  .case-study-new-common .investors-section,
  .case-study-new-common .journey-section,
  .case-study-new-common .typography-section {
margin-bottom: 40px;
}
.case-study-new-common .service-section {
margin-block: 100px;
    align-items: flex-start;
}
.case-study-new-common .service-section .content-table .table-info,
  .case-study-new-common .service-section .content-table .table-title {
font-size: 18px;
}
.case-study-new-common .profile-section,
  .case-study-new-common .typography-section {
gap: 40px;
}
.case-study-new-common .typography-box {
height: 640px;
}
.case-study-new-common .content-section {
padding-block: 80px;
}
.case-study-new-common .graphics-section::after {
font-size: 78px;
}
}
@media screen and (min-width: 1600px) {
.case-study-container .container {
max-width: 1466px;
}
.case-study-new-common .typography-section .color-box span,
  .case-study-new-common p {
font-size: 24px;
}
.case-study-new-common .hero-head {
margin-block: 64px;
    padding-block: 0;
}
.case-study-new-common .hero-head .title {
font-size: 128px;
    margin-bottom: 16px;
}
.case-study-new-common .hero-head .sub-title {
font-size: 36px;
}
.case-study-new-common .hero-content .visit-link .text {
font-size: 32px;
}
.case-study-new-common .hero-content .visit-link .icon {
width: 32px;
    height: 32px;
}
.case-study-new-common .typography-section {
margin-bottom: 0;
    gap: 40px;
}
.case-study-new-common .typography-section .box1 .typography-font {
font-size: 60px;
    top: 372px;
    left: 42px;
}
.case-study-new-common .typography-section .box1 .typography-letters {
font-size: 400px;
    left: 42px;
    line-height: 1;
    bottom: 0;
}
.case-study-new-common .typography-box {
height: 960px;
}
.case-study-new-common .typography-box .color1,
  .case-study-new-common .typography-box .color2,
  .case-study-new-common .typography-box .color3 {
height: 66.875%;
}
.case-study-new-common .typography-box .color4 {
height: 33.125%;
}
.case-study-new-common .challenges-section,
  .case-study-new-common .content-section,
  .case-study-new-common .timeline-section {
padding: 120px 145px;
}
.case-study-new-common .challenges-section .content-title,
  .case-study-new-common .challenges-section .section-title,
  .case-study-new-common .content-section .content-title,
  .case-study-new-common .content-section .section-title,
  .case-study-new-common .timeline-section .content-title,
  .case-study-new-common .timeline-section .section-title {
font-size: 64px;
    margin-bottom: 24px;
}
.case-study-new-common .challenges-section .content-para,
  .case-study-new-common .challenges-section .content-text,
  .case-study-new-common .challenges-section .section-para,
  .case-study-new-common .challenges-section .table-info,
  .case-study-new-common .challenges-section .table-title,
  .case-study-new-common .content-section .content-para,
  .case-study-new-common .content-section .content-text,
  .case-study-new-common .content-section .section-para,
  .case-study-new-common .content-section .table-info,
  .case-study-new-common .content-section .table-title,
  .case-study-new-common .faq-title,
  .case-study-new-common .feedback-section .client-info .client-name,
  .case-study-new-common .timeline-section .content-para,
  .case-study-new-common .timeline-section .content-text,
  .case-study-new-common .timeline-section .section-para,
  .case-study-new-common .timeline-section .table-info,
  .case-study-new-common .timeline-section .table-title {
font-size: 24px;
    line-height: 1.8;
}
.case-study-new-common .challenges-section .section-para,
  .case-study-new-common .content-section .section-para,
  .case-study-new-common .timeline-section .section-para {
margin-bottom: 48px;
}
.case-study-new-common .challenges-section {
margin-block: 0;
}
.case-study-new-common .challenges-section .table-info {
margin-bottom: 20px;
}
.case-study-new-common .project-scope-card {
padding-inline: 28px;
}
.case-study-new-common .project-scope-card .card-icon img {
width: 64px;
    height: 64px;
}
.case-study-new-common .project-scope-card .card-title {
margin-block: 24px 8px;
    font-size: 24px;
}
.case-study-new-common .project-scope-card .card-para {
font-size: 18px;
    line-height: 1.5;
}
.case-study-new-common .timeline-section {
margin-block: 0 120px;
    padding-block: 0;
}
.case-study-new-common .timeline-section .content-right .table-row {
padding-block: 40px;
}
.case-study-new-common .timeline-section .content-right .table-row:first-child {
padding-top: 0;
}
.case-study-new-common .career-section,
  .case-study-new-common .investors-section {
margin-bottom: 0;
}
.case-study-new-common .feedback-section .client-details {
margin-bottom: 28px;
    gap: 23px;
}
.case-study-new-common .feedback-section .client-image {
width: 80px;
}
.case-study-new-common .feedback-section .client-image .client-pic {
width: 80px;
    height: 80px;
}
.case-study-new-common .feedback-section .client-info .client-position {
font-size: 16px;
    line-height: 1.5;
}
.case-study-new-common .feedback-section .feedback-details {
gap: 23px;
}
.case-study-new-common .feedback-section .feedback-image {
padding-top: 16px;
    width: 80px;
}
.case-study-new-common .feedback-section .feedback-image .quote-icon {
width: 47.27px;
}
.case-study-new-common .feedback-section .feedback-text {
font-size: 32px;
    line-height: 1.5;
}
.case-study-new-common .profile-section {
margin-bottom: 40px;
}
.case-study-new-common .faq-wrapper {
padding-block: 120px;
}
.case-study-new-common .faq-section {
padding-inline: 145px;
}
.case-study-new-common .faq-head {
font-size: 64px;
    line-height: 1;
    margin-bottom: 74px;
}
.case-study-new-common .faq-answer .text {
line-height: 1.8;
}
.case-study-new-common .faq-btn {
width: 20px;
    height: 20px;
    top: 24px;
}
}
@media screen and (min-width: 1920px) {
.case-study-container .container {
max-width: 1680px;
    padding-inline: 0;
}
.case-study-new-common .hero-banner img {
width: 100vw;
    height: auto;
}
.case-study-new-common .hero-head {
margin-block: 80px;
}
.case-study-new-common .hero-head .title {
font-size: 128px;
}
.case-study-new-common .hero-head .sub-title {
font-size: 36px;
}
.case-study-new-common .graphics-section::after {
font-size: 88px;
    width: 60%;
}
}
@media all and (max-width: 1366px) {
.blog-section .container {
max-width: 1200px;
}
.featured-blog-box {
max-width: 300px;
}
.all-blogs-container {
gap: 20px 40px;
}
.h-work-dubai .h-work-detail-txt h3,
  .h-work-dubai .h-work-detail-txt p,
  .h-work-dubai .h-work-detail-txt ul>li,
  .h-work-modals .h-work-detail-txt h3,
  .h-work-modals .h-work-detail-txt p,
  .h-work-modals .h-work-detail-txt ul>li {
font-size: 14px;
}
.h-work-dubai .h-work-detail-txt h4,
  .h-work-modals .h-work-detail-txt h4 {
font-size: 14px;
    margin-bottom: 6px;
}
}
@media all and (max-width: 440px) {
.recent-blog-grid .blog-card:not(:first-child) .blog-img {
width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1.4;
}
.blog-card {
flex-direction: column;
}
.recent-blog-grid .blog-card:not(:first-child) {
gap: 16px;
}
.h-work-modals .h-work-detail {
top: 53%;
}
}
@media (max-width: 1680px) {
.blog .blog-container {
max-width: 1536px;
}
}
@media (max-width: 1536px) {
.blog .blog-container {
max-width: 1440px;
}
.blog .blog-detail-wrapper {
padding-right: 20px;
    width: 70%;
}
.blog .popular-blogs-container {
padding-left: 20px;
    width: 30%;
}
}
@media (max-width: 1440px) {
.blog .blog-container {
max-width: 1366px;
}
.blog .related-cards {
gap: 40px;
}
}
@media (max-width: 1367px) {
.blog .blog-container {
max-width: 1200px;
}
.blog .related-articles .blog-title {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.blog h1 {
font-size: 36px;
}
.blog h2 {
font-size: 32px;
}
.blog h3 {
font-size: 28px;
}
.blog h4 {
font-size: 24px;
}
.blog h5 {
font-size: 20px;
}
.blog .blog-detail blockquote,
  .blog .blog-detail ul li,
  .blog p {
font-size: 16px;
}
.blog p {
line-height: 1.6;
    margin-bottom: 20px;
}
.blog .blog-detail-wrapper {
width: 100%;
}
.blog .blog-container {
max-width: 990px;
}
.blog .blog-detail .quote-italic {
font-style: italic;
    padding-block: 16px;
}
.blog .blog-detail .quote {
font-size: 20px;
    margin-block: 20px;
}
.blog .blog-detail .blog-video {
margin-block: 20px;
}
.blog .blog-detail .list-item::marker {
font-weight: 700;
    font-size: 20px;
}
.blog .blog-detail ul {
padding-left: 24px;
    margin-bottom: 20px;
}
.blog .blog-detail ul li.list-item::marker {
font-size: 16px;
}
.blog .blog-detail .sub-content-title {
margin-block: 20px 14px;
}
.blog .blog-detail .blog-title-h4 {
margin-bottom: 18px;
}
.blog .blog-category .category-name {
font-size: 16px;
}
.blog .blog-category .category-name::before,
  .blog .blog-meta-date::before,
  .blog .blog-reading-time::before {
width: 16px;
    height: 16px;
    margin-right: 8px;
}
.blog .meta-right .meta-social,
  .blog .related-cards {
gap: 20px;
}
.blog .meta-right .meta-social .social-icon {
width: 22px;
    height: 22px;
}
.blog .meta-right .meta-social .twitter {
width: 18px;
    height: 18px;
}
.blog .meta-right .meta-social .fb {
width: 20px;
    height: 20px;
}
.blog .blog-row .col {
font-size: 16px;
    padding-block: 24px;
}
.blog .blog-row .col:first-child {
padding-left: 24px;
}
.blog .blog-row .col:last-child {
padding-right: 24px;
}
.founder-plane-left {
left: -10%;
    width: 150px;
}
.founder-plane-right {
right: -10%;
    width: 150px;
}
.founder-main-heading {
font-size: 36px;
}
.industry-grid {
grid-template-columns: repeat(3, 1fr);
    row-gap: 50px;
}
.swiper.testimonialSlider {
padding-bottom: 60px;
}
}
@media (max-width: 800px) {
.tabs-wrapper {
padding: 6px;
}
.tabs-wrapper li {
padding: 0 16px;
    line-height: 30px;
    height: 30px;
}
.fs30 {
font-size: 24px;
    line-height: 1.5;
}
.sec-title {
font-size: 32px;
}
.blog .blog-container {
max-width: 700px;
}
.blog .related-cards {
flex-wrap: wrap;
}
.blog .blog-card {
width: 48%;
}
}
@media (max-width: 768px) {
.blog .blog-container {
max-width: 90%;
}
.blog .blog-detail h1 {
font-size: 32px;
}
.blog .blog-detail h2 {
font-size: 28px;
}
.blog .blog-detail h3 {
font-size: 24px;
}
.blog .blog-detail h4 {
font-size: 20px;
}
.blog .blog-detail h5 {
font-size: 18px;
}
.blog .blog-detail blockquote {
width: 100%;
}
.blog .blog-detail .quote {
font-size: 20px;
    margin-block: 20px;
}
.blog .blog-detail .list-item::marker {
font-size: 18px;
}
.blog .blog-detail ul {
padding-left: 24px;
    margin-bottom: 20px;
}
.blog .blog-detail ul li {
font-size: 16px;
}
.blog .blog-detail ul li.list-item::marker {
font-size: 14px;
}
.blog .blog-detail .sub-content-title {
margin-block: 20px 14px;
}
.blog .blog-detail .blog-title-h4 {
margin-bottom: 18px;
}
.blog .blog-table {
overflow-x: auto;
    width: auto;
}
.blog .blog-row .col {
min-width: 200px;
    font-size: 14px;
}
/* Prevent row gutters from causing horizontal scrolls on mobile */
  .row {
margin-left: -10px !important;
    margin-right: -10px !important;
}
.row>[class*="w"] {
padding-left: 10px !important;
    padding-right: 10px !important;
}
p.hero-support-text.hero-support-text-mob {
margin-bottom: 20px !important;
}
.page-id-9046 {
padding-top: 0px;
}
.industries-section {
padding: 70px 20px;
}
.section-heading .line {
display: none;
}
.section-heading {
gap: 20px;
    margin-bottom: 50px;
}
.section-heading h2 {
font-size: 36px;
}
.industry-grid {
grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
}
.industry-icon {
width: 120px;
    height: 120px;
}
.industry-icon i {
font-size: 42px;
}
.industry-card h3 {
font-size: 20px;
}
.industry-card p {
font-size: 14px;
}
}
@media (max-width: 640px) {
.tabs-wrapper {
gap: 0;
    justify-content: flex-start;
}
.blog .blog-container {
max-width: 95%;
}
.blog .blog-detail-wrapper {
padding-right: 0;
    width: 100%;
}
}
@media (max-width: 480px) {
p.fs20 {
font-size: 16px;
}
.serv-detail-section .mb20 {
margin-top: 40px;
    margin-bottom: 16px !important;
}
.s-we-off-box p {
font-size: 16px;
    line-height: 1.5;
}
.fs30 {
font-size: 20px;
    line-height: 1.6;
}
.blog .meta-left {
gap: 20px;
}
.blog .meta-right .meta-social {
gap: 16px;
    align-items: flex-start;
}
.blog .meta-right .meta-social .social-icon {
width: 20px;
    height: auto;
}
.blog .meta-right .meta-social .fb,
  .blog .meta-right .meta-social .twitter {
width: 16px;
}
.blog .blog-detail .blog-meta-date,
  .blog .blog-detail .blog-reading-time,
  .blog .blog-detail .video-caption,
  .blog .blog-detail figcaption {
font-size: 12px;
}
.blog .blog-meta {
padding-inline: 0;
}
.blog .blog-row .col {
min-width: 160px;
}
.blog .related-cards {
flex-wrap: wrap;
}
.blog .related-cards .blog-date,
  .blog .related-cards .blog-title {
margin-bottom: 8px;
}
.blog .blog-card {
width: 100%;
}
/* Prevent expertise list item wrapper width overflow */
  .h-expertise-box ul {
max-width: 100% !important;
    width: 100% !important;
}
.h-expertise-box ul li a {
font-size: clamp(20px, 6.5vw, 26px) !important;
}
.founders-info-row {
flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}
.divider-line {
display: none !important;
}
}
@media (max-width: 420px) {
.blog .blog-detail .video-caption,
  .blog .blog-detail figcaption {
font-size: 10px;
}
}
@media (max-width: 991px) {
.founder-plane-left,
  .founder-plane-right {
display: none;
}
.founder-main-heading {
font-size: 32px;
}
.founder-pic-col img,
  .co-founder-pic-col img {
max-height: 300px;
}
.h-work-up .w33 {
width: 100% !important;
    margin-bottom: 30px !important;
}
.h-work-up .w33:last-child {
margin-bottom: 0 !important;
}
.meet-founder-box {
margin-top: 20px !important;
}
.founder-pic-col,
  .co-founder-pic-col {
flex: 0 0 22% !important;
    max-width: 22% !important;
}
.founder-content-col {
flex: 0 0 56% !important;
    max-width: 56% !important;
}
.review-img {
height: 220px;
}
.about-vision.section-padding {
padding-bottom: 0;
}
.h-quote-box.grid.section-padding {
display: block !important;
}
.who-we-are-box .hdg1 {
font-size: 36px !important;
}
.section-heading h2 {
font-size: 36px !important;
}
.hdg1 {
padding-bottom: clamp(25px, 2vw, 60px) !important;
}
.hdg1 {
font-size: clamp(24px, 5vw, 36px) !important;
}
.hs-service ul li a,
  .hs-service ul li p {
font-size: 18px;
}
.h-blog-box p,
  .testimonial-cont p {
font-size: 16px;
    line-height: 1.6;
}
.sec-title {
font-size: clamp(28px, 6vw, 36px) !important;
}
}
@media (max-width: 767px) {
.meet-founder-box {
flex-direction: column;
    align-items: center;
    padding: 40px 24px;
    min-height: auto;
}
.founder-pic-col {
flex: 0 0 100%;
    max-width: 280px;
    order: 2;
    margin-top: 20px;
}
.co-founder-pic-col {
flex: 0 0 100%;
    max-width: 280px;
    order: 3;
    margin-top: 30px;
}
.founder-content-col {
flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    order: 1;
}
.founder-pic-col img,
  .co-founder-pic-col img {
max-height: 320px;
    object-position: center bottom;
}
/* Fix squashed founder label padding on mobile */
  .founder-label-top {
padding-left: 0 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
.co-founder-label-wrap {
padding-right: 0 !important;
    text-align: center !important;
    margin-top: 12px !important;
}
.meet-founder-box {
flex-direction: column !important;
    align-items: center !important;
    padding: 30px 20px !important;
}
footer.elementor.elementor-5737.elementor-location-footer {
padding-left: 0;
    padding-right: 0;
}
.founder-pic-col {
flex: 0 0 100% !important;
    max-width: 240px !important;
    order: 2 !important;
    margin-top: 20px !important;
    border-radius: 0 !important;
}
.co-founder-pic-col {
flex: 0 0 100% !important;
    max-width: 240px !important;
    order: 3 !important;
    margin-top: 20px !important;
    border-radius: 0 !important;
}
.founder-content-col {
flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    order: 1 !important;
}
.founders-info-row {
flex-direction: row !important;
    max-width: 100% !important;
}
}
@media (max-width: 576px) {
.industry-grid {
grid-template-columns: repeat(2, 1fr);
}
.hdg1 {
font-size: clamp(24px, 26px, 38px) !important;
}
.section-heading h2 {
font-size: clamp(26px, 4.5vw, 38px) !important;
}
.hs-service h2 b,
  .hs-service h4 b {
font-size: 26px;
}
.h-expertise-box h4 {
font-size: 26px;
    margin-top: 60px;
}
}
@media (max-width: 1299px) {
.hdg1 {
font-size: clamp(24px, 5vw, 38px) !important;
    line-height: 1.5 !important;
}
.section-heading h2 {
font-size: clamp(24px, 4.5vw, 38px) !important;
}
.hs-service h2,
  .hs-service h4 {
font-size: 38px;
}
.h-expertise-box h4 {
font-size: 44px;
}
.sec-title {
font-size: clamp(28px, 6vw, 40px) !important;
}
.h-quote-box h4 {
font-size: 38px;
}
}
@media (max-width: 699px) {
p.hero-support-text.hero-support-text-mob {
margin-bottom: 20px !important;
}
.hdg1 {
font-size: clamp(24px, 30px, 38px) !important;
}
.hdg1 {
padding-bottom: clamp(25px, 2vw, 60px) !important;
}
.video-testimonial-wrp {
padding: 10px 0 40px 0;
    background: #f5f5f5;
}
.industry-card h3 {
font-size: 16px;
}
.industries-section {
padding: 70px 0px;
}
.industry-icon {
width: auto;
    height: auto;
}
.who-we-are-box .hdg1 {
font-size: 28px !important;
}
.h-expertise-box h4 {
font-size: 28px;
}
h1,
  h2,
  h3,
  .hdg1,
  .founder-main-heading,
  .section-heading h2,
  .meet-founder-box h3.founder-main-heading {
font-size: 28px !important;
    line-height: normal !important;
}
.bl-hdn h2 {
font-size: 18px !important;
}
.h-quote-box .button-grd-line {
font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 16px;
    width: 190px;
    height: 45px;
}
}

/* --- Spotlight Hero Styles --- */
#spotlight-hero {
  position: relative;
  width: 100%;
  height: 85vh !important;
  min-height: 600px;
  background-color: #ffffff;
  z-index: 5;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  cursor: none !important;
}

.spotlight-content,
.spotlight-ambient-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1400px;
  height: 100%;
  padding: 0px 40px 80px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}

.spotlight-ambient-content {
  z-index: 2;
}

.spotlight-mask-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  z-index: 3;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(circle var(--mask-radius, 25px) at var(--mouse-x, 50%) var(--mouse-y, 50%), #000 100%, transparent 100%);
  mask-image: radial-gradient(circle var(--mask-radius, 25px) at var(--mouse-x, 50%) var(--mouse-y, 50%), #000 100%, transparent 100%);
}

.spotlight-title {
  opacity: 1 !important;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(3rem, 9.5vw, 8rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  margin: 0;
  margin-top: 0vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.title-line {
  display: inline-block;
  transform-origin: center center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  pointer-events: auto !important;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.title-top-wrap,
.title-bottom-wrap {
  display: inline-block;
  position: relative;
  pointer-events: auto !important;
}

.title-top {
  transform: skewX(-10deg);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), text-shadow 0.5s ease;
}

.title-bottom {
  transform: perspective(800px) rotateY(-28deg) skewX(0deg);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), text-shadow 0.5s ease;
}

.spotlight-content span.title-line.title-top {
  transform: perspective(800px) rotateY(4deg) skewX(0deg) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  left: 100px;
  top: 40px;
  font-size: 110px;
}
h1.spotlight-title {
    gap: 10px;
    margin-top: 0px;
}
.spotlight-ambient-content span.title-line.title-top {
  transform: perspective(800px) rotateY(30deg) skewX(0deg) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  position: relative;
  left: 100px;
  top: 40px;
  font-size: 110px;
}

.spotlight-content span.title-line.title-bottom {
  transform: perspective(800px) rotateY(-30deg) skewX(0deg) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  font-weight: 800 !important;
  position: relative;
  right: 80px;
  top: 60px;
  font-size: 110px;
}

.spotlight-ambient-content span.title-line.title-bottom {
  transform: perspective(800px) rotateY(-30deg) skewX(0deg) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  font-weight: 800 !important;
  position: relative;
  right: 80px;
  top: 60px;
  font-size: 110px;
}

#spotlight-hero.top-line-hovered .title-top {
  transform: perspective(800px) rotateY(0deg) skewX(0deg) !important;
  text-transform: uppercase !important;
}

#spotlight-hero.bottom-line-hovered .title-bottom {
  transform: perspective(800px) rotateY(0deg) skewX(0deg) !important;
  text-transform: uppercase !important;
}

.outline-text-custom {
  color: transparent !important;
}

.spotlight-ambient-content .outline-text-custom {
  -webkit-text-stroke: 1.5px #000000 !important;
}

.spotlight-content .outline-text-custom {
  -webkit-text-stroke: 1.5px #ffffff !important;
}

.spotlight-ambient-content .title-top {
  color: #111111 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.spotlight-ambient-content .title-bottom {
  color: #000000 !important;
  font-weight: 800 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.spotlight-content .title-top {
  color: #ffffff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.spotlight-content .title-bottom {
  color: #ffffff !important;
  font-weight: 800 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

.spotlight-glow-cursor {
  position: absolute;
  border: none !important;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 99;
  opacity: 0;
  background-color: transparent;
  transition: opacity 0.2s ease;
}

.spotlight-glow-cursor.expand {
  background-color: transparent;
}

#spotlight-hero:hover .spotlight-glow-cursor {
  opacity: 1;
}

@media (max-width: 991px) {
  #spotlight-hero {
    height: 80vh !important;
    min-height: 500px;
  }

  .spotlight-title {
    font-size: clamp(2.5rem, 8.5vw, 5.5rem);
  }

  .spotlight-content span.title-line.title-top,
  .spotlight-ambient-content span.title-line.title-top {
    left: 0px;
    top: 0px;
    font-size: clamp(2.2rem, 6.5vw, 4.2rem) !important;
  }

  .spotlight-content span.title-line.title-top {
    transform: perspective(800px) rotateY(6deg) skewX(0deg) !important;
  }
  .spotlight-ambient-content span.title-line.title-top {
    transform: perspective(800px) rotateY(15deg) skewX(0deg) !important;
  }

  .spotlight-content span.title-line.title-bottom,
  .spotlight-ambient-content span.title-line.title-bottom {
    right: 0px;
    top: 0px;
    font-size: clamp(2.2rem, 6.5vw, 4.2rem) !important;
    transform: perspective(800px) rotateY(-15deg) skewX(0deg) !important;
    line-height: 1.1;
  }
}

@media (max-width: 767px) {
  #spotlight-hero {
    height: 75vh !important;
    min-height: 450px;
  }

  .spotlight-title {
    font-size: clamp(2rem, 9.5vw, 4rem);
    margin-top: 12vh;
  }

  .spotlight-content span.title-line.title-top,
  .spotlight-ambient-content span.title-line.title-top {
    font-size: clamp(1.8rem, 7.5vw, 3.2rem) !important;
  }
  .spotlight-content span.title-line.title-top {
    transform: perspective(800px) rotateY(0deg) skewX(0deg) !important;
  }
  .spotlight-ambient-content span.title-line.title-top {
    transform: perspective(800px) rotateY(8deg) skewX(0deg) !important;
  }

  .spotlight-content span.title-line.title-bottom,
  .spotlight-ambient-content span.title-line.title-bottom {
    font-size: clamp(1.8rem, 7.5vw, 3.2rem) !important;
    transform: perspective(800px) rotateY(-8deg) skewX(0deg) !important;
    line-height: 1.15;
  }
}

@media (max-width: 576px) {
  #spotlight-hero {
    height: 70vh !important;
    min-height: 420px;
  }

  .spotlight-title {
    font-size: clamp(1.8rem, 10vw, 3rem) !important;
    margin-top: 15vh;
  }

  .spotlight-content span.title-line.title-top,
  .spotlight-ambient-content span.title-line.title-top {
    font-size: clamp(1.4rem, 8.5vw, 2.5rem) !important;
  }
  .spotlight-content span.title-line.title-top {
    transform: perspective(800px) rotateY(0deg) skewX(0deg) !important;
  }
  .spotlight-ambient-content span.title-line.title-top {
    transform: perspective(800px) rotateY(8deg) skewX(0deg) !important;
  }

  .spotlight-content span.title-line.title-bottom,
  .spotlight-ambient-content span.title-line.title-bottom {
    font-size: clamp(1.4rem, 8.5vw, 2.5rem) !important;
    transform: perspective(800px) rotateY(-8deg) skewX(0deg) !important;
    line-height: 1.2;
  }
}