@charset "UTF-8";
/*.click-drape {

	&:before{
		content: "";
		position: fixed;
		top: 100%;
		bottom: 0;
		right: 0;
		left: 0;
		transition: top ease-in-out 200ms;
		background-color: white;
		z-index: 1100;
		background: white;
		display: block;

	}

	&:after{
		content: "";
		position: fixed;
		top: 0;
		bottom: 100%;
		right: 0;
		left: 0;
		transition: bottom ease-in-out 200ms;
		background-color: white;
		z-index: 1100;
		background: white;
		display: block;

	}
}

.click-drape.active{
	&:before{
		top: 0;
  	opacity: 1;
	}
}

.click-drape.bottom{
	&:after{
		bottom: 0;
  	opacity: 1;
	}
}
*/
/** Helpers includes all variabls and config files **/
/*-------------------------------------------------------------------------------------------*/
/* Colors classes    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
/* all color variable */
/* all gradient variable */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;800&display=swap");
.blue-grd {
  background: linear-gradient(-45deg, #199EFF, #322BE3);
  background-size: 400% 400%;
  animation: grd-bg 5s ease infinite;
  background-clip: text;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.cyan-blue-gradient {
  background: linear-gradient(-45deg, #24C0F5, #485BFF);
  background-size: 400% 400%;
  animation: grd-bg 5s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.orange-red-gradient {
  background: linear-gradient(-45deg, #FF8461, #ED3763);
  background-size: 400% 400%;
  animation: grd-bg 5s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.blue-green-gradient {
  background: linear-gradient(-45deg, #5FFF8B, #1F9FFA);
  background-size: 400% 400%;
  animation: grd-bg-less 5s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.green-gradient {
  background: linear-gradient(-45deg, #28D44D, #008C88);
  background-size: 400% 400%;
  animation: grd-bg 5s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.red-blue-gradient {
  background: linear-gradient(-45deg, #527ef7, #ff3752);
  background-size: 400% 400%;
  animation: grd-bg1 6s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.red-gradient {
  background: linear-gradient(132.14deg, #FC3352, #d82c8b);
  background-size: 400% 400%;
  animation: grd-bg1 6s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.blue-red-gradient {
  background: linear-gradient(90deg, #00B8FF, #d82c8b);
  background-size: 400% 400%;
  animation: blue-red-gradient 6s ease infinite;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
}

.cyan-blue-bg {
  background: linear-gradient(133.77deg, #56A0FF 0%, #6140EE 100%);
  background-size: 400% 400%;
  animation: grd-bg 5s ease infinite;
}

.grey-gradient {
  background: linear-gradient(to bottom, #dfe6ee 0%, #fcfcff 100%);
  background-size: 100% 100%;
  animation: grd-bg1 5s ease infinite;
}

@keyframes grd-bg {
  0% {
    background-position: 100% 100%;
  }
  20% {
    background-position: 100% 50%;
  }
  40% {
    background-position: 100% 0%;
  }
  40% {
    background-position: 50% 0%;
  }
  80% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 100%;
  }
}
@keyframes grd-bg-less {
  0% {
    background-position: 30% 50%;
  }
  50% {
    background-position: 70% 50%;
  }
  100% {
    background-position: 30% 50%;
  }
}
@keyframes grd-bg1 {
  0% {
    background-position: 10% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 10% 50%;
  }
}
@keyframes blue-red-gradient {
  0% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 60% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/*color classes */
.primary-color {
  color: #007AFF;
}

.white {
  color: #fff;
}

.grey {
  color: #F6F8FC;
}

.grey-darkest {
  color: #0B182B;
}

.grey-dark {
  color: #273954;
}

.grey-light {
  color: #4D617F;
}

.grey-lighter {
  color: #90A0B9;
}

.grey-mlighter {
  color: #C4CFDF;
}

.grey-mlight {
  color: #A1B6D3 !important;
}

.accent {
  color: #007AFF;
}

.light-accent {
  color: #D2E7FF;
}

.dark-accent {
  color: #429DFF;
}

.orange {
  color: #FC7646;
}

.dull-blue {
  color: #36495E;
}

.bluedark {
  color: #0A1828;
}

.dullgrey {
  color: #54687F;
}

.red {
  color: #E0335A;
}

.blue {
  color: #5A6AE1;
}

.light_orange {
  color: #E96D49;
}

.light_green {
  color: #0D9F99;
}

.light_blue {
  color: #19BBE3;
}

.brown {
  color: #432C1C;
}

.light-brown {
  color: #91410C;
}

.darkgreen {
  color: #0B8F7A;
}

.darkblue {
  color: #06588E;
}

/*gradient classes*/
.gradient1 {
  background: linear-gradient(135.62deg, #199EFF 0%, #322BE3 70%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient2 {
  background: linear-gradient(311.24deg, #24C0F5 0%, #485BFF 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient3 {
  background: linear-gradient(135.81deg, #FF8461 0%, #eb1469 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient4 {
  background: linear-gradient(138.48deg, #1F9FFA 0%, #1ED4F3 52.86%, #5FFF8B 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient5 {
  background: linear-gradient(132.14deg, #F85278 0%, #8168F7 58.4%, #4E69EE 100%, #607AFB 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient6 {
  background: linear-gradient(141.21deg, #28D44D 0%, #008C88 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient7 {
  background: linear-gradient(135deg, #00B8FF 0%, #BB30FF 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.gradient8 {
  background: linear-gradient(135.58deg, #FC3352 0%, #A61680 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.blue-grey {
  background: linear-gradient(135deg, #00B8FF 0%, #d82c8b 60%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.red-blue {
  background: linear-gradient(132.14deg, #F85278 4%, #607AFB 26%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
  line-height: initial;
}

.green-blue {
  background: linear-gradient(141.21deg, #28d47d -10%, #0d40cc 80%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.voilet-blue {
  background: linear-gradient(141.21deg, #dc1dc5 -5%, #0d40cc 80%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.blue-green {
  background: linear-gradient(165deg, #59b9ff 30%, #9cea55 78%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.yellow-red {
  background: linear-gradient(135.81deg, #f3c236 8%, #ed3737 60%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.orange {
  color: #FC7646;
}

.green {
  color: #29BA35;
}

.deepblue {
  color: #3F77CD;
}

.purple-bg {
  background: linear-gradient(103.18deg, #525AFF 4.57%, #7C7CFE 54.07%, #924FFF 105.85%);
}

@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-Medium.ttf") format("ttf"), url("../fonts/fonts/Graphik-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-100-Thin.otf") format("otf"), url("../fonts/fonts/Graphik-100-Thin.otf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-200-Extralight.otf") format("otf"), url("../fonts/fonts/Graphik-200-Extralight.otf") format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-300-Light.otf") format("otf"), url("../fonts/fonts/Graphik-300-Light.otf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-400-Regular.otf") format("otf"), url("../fonts/fonts/Graphik-400-Regular.otf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-600-Semibold.otf") format("otf"), url("../fonts/fonts/Graphik-600-Semibold.otf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-700-Bold.otf") format("otf"), url("../fonts/fonts/Graphik-700-Bold.otf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-800-Black.otf") format("otf"), url("../fonts/fonts/Graphik-800-Black.otf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/fonts/Graphik-900-Superotf") format("otf"), url("../fonts/fonts/Graphik-900-Superotf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../fonts/Graphik-Bold-Web.woff2") format("woff2"), url("../fonts/Graphik-Bold-Web.woff2") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../fonts/Graphik-Semibold-Web.woff2") format("woff2"), url("../fonts/Graphik-Semibold-Web.woff2") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff2") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff2") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "EudoxusSans-Medium";
  src: url("../fonts/EudoxusSans-Medium.woff") format("otf"), url("../fonts/EudoxusSans-Medium.woff") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "EudoxusSans-Bold";
  src: url("../fonts/EudoxusSans-Bold.woff") format("otf"), url("../fonts/EudoxusSans-Bold.woff") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "EudoxusSans-ExtraBold";
  src: url("../fonts/EudoxusSans-ExtraBold.woff") format("otf"), url("../fonts/EudoxusSans-ExtraBold.woff") format("truetype");
  font-weight: 900;
}
.dm-serif-display {
  font-family: "DM Serif Display", serif;
}

body {
  font-family: "Graphik";
  font-weight: normal;
}

.supertext {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 32px;
  color: #90A0B9;
}
@media (max-width: 767px) {
  .supertext {
    font-size: 18px;
  }
  .supertext.m-b72, .supertext.m-b64 {
    margin-bottom: 30px;
  }
}

.supertext-white {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 32px;
  color: white;
}
@media (max-width: 767px) {
  .supertext-white {
    font-size: 18px;
  }
  .supertext-white.m-b72, .supertext-white.m-b64 {
    margin-bottom: 30px;
  }
}

.supertext-small {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 24px;
  color: #90A0B9;
}

h1,
.h1_1 {
  font-family: "Graphik";
  font-size: 70px;
  font-weight: 600;
  letter-spacing: -2.12px;
  line-height: 1.03;
}
@media (max-width: 767px) {
  h1,
  .h1_1 {
    font-size: 40px;
  }
}

h2,
.h2_1 {
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -1.24px;
  line-height: 1.12;
  font-family: "Graphik";
}
@media (max-width: 767px) {
  h2,
  .h2_1 {
    font-size: 35px;
  }
}

.h2_3 {
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -1.72px;
  line-height: 1.07;
}
@media (max-width: 767px) {
  .h2_3 {
    font-size: 50px;
  }
}

h3,
.h3_1 {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -1.32px;
  line-height: 1.12;
  font-family: "Graphik";
}
@media (max-width: 767px) {
  h3,
  .h3_1 {
    font-size: 32px;
    line-height: 1.3;
  }
}

h4,
.h4_1 {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.1;
  font-family: "Graphik";
  /*text-shadow: 1px 1px 1px 0 rgba(239,243,247,0.12);*/
}
@media (max-width: 767px) {
  h4,
  .h4_1 {
    font-size: 30px;
    line-height: 1.2;
  }
}

.h4_2 {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.1;
  font-family: "Graphik";
}
@media (max-width: 767px) {
  .h4_2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

h4.wb {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -0.9px;
  line-height: 52px;
  font-family: "Graphik";
}

.h4-40 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.32px;
  line-height: 1.2;
  font-family: "Graphik";
}
@media (max-width: 767px) {
  .h4-40 {
    font-size: 30px;
    line-height: 1.2;
  }
}

.sub-heading1 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 1.33;
}
@media (max-width: 767px) {
  .sub-heading1 {
    font-size: 25px;
  }
}

.sub-heading2 {
  color: #007AFF;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 1.35;
  margin-bottom: 0;
}

.sub-heading2-grey {
  color: #4D617F;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 1.35;
  margin-bottom: 0;
}

.sub-heading2-lite {
  color: #D2E7FF;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 42px;
  margin-bottom: 0;
}

.sub-heading-blog {
  color: #273954;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.22px;
  line-height: 28px;
  margin-bottom: 0;
}
.sub-heading-blog span {
  font-weight: 500;
}

.sub-heading3 {
  font-size: 24px;
  letter-spacing: -0.32px;
  line-height: 32px;
  margin-bottom: 0;
}
.sub-heading3 span {
  font-weight: 500;
}

.sub-heading4 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 1.33;
}
@media (max-width: 767px) {
  .sub-heading4 {
    font-size: 25px;
  }
}

.h5-arrow {
  color: #0B182B;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}
.h5-arrow:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 2px solid #007AFF;
  border-radius: 50%;
  vertical-align: sub;
  margin-right: 12px;
}

p {
  font-size: 24px;
  letter-spacing: -0.32px;
  line-height: 1.34;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  p {
    font-size: 18px;
    line-height: 1.5;
  }
}
p b {
  font-weight: 500;
}

a:hover {
  text-decoration: none;
}

.date {
  color: #54687F;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.side-news-h {
  color: #0A1828;
  font-family: Graphik;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 20px;
}

.f-w400 {
  font-weight: 400;
}

.f-w500 {
  font-weight: 500;
}

.f-w600 {
  font-weight: 600;
}

.f-w700 {
  font-weight: 700;
}

.f-w800 {
  font-weight: 800;
}

.f-w900 {
  font-weight: 900;
}

.f-s14,
.f-s14 p {
  line-height: 1.4;
  font-size: 14px;
}

.f-s15,
.f-s15 p {
  line-height: 1.4;
  font-size: 15px;
}

.f-s16,
.f-s16 p {
  line-height: 1.5;
  font-size: 16px;
}

.f-s17,
.f-s17 p {
  line-height: 1.65;
  font-size: 17px;
}

.f-s18,
.f-s18 p {
  line-height: 1.56;
  font-size: 18px;
}

.f-s20,
.f-s20 p {
  line-height: 1.5;
  font-size: 20px;
}

.f-s21,
.f-s21 p {
  line-height: 1.5;
  font-size: 21px;
}

.f-s24 {
  line-height: 1.33;
  font-size: 24px;
}

.f-s26 {
  line-height: 1.23;
  font-size: 26px;
}

.f-s32 {
  font-size: 32px;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .f-s32 {
    font-size: 22px;
  }
}

.f-s60 {
  line-height: 1.1;
  font-size: 60px;
}

.f-s124 {
  line-height: 106.452%;
  font-size: 124px;
}
@media (max-width: 767px) {
  .f-s124 {
    font-size: 26px;
  }
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.main-wrapper {
  height: 100%;
}

html,
body {
  height: 100%;
}

.big-text {
  color: #0B182B;
  font-family: "Graphik";
  font-size: 120px;
  font-weight: 600;
  letter-spacing: -4.84px;
  line-height: 1.04;
}
@media (max-width: 767px) {
  .big-text {
    font-size: 60px !important;
    font-size: 20px;
  }
}

.big-text-white {
  color: white;
  font-family: "Graphik";
  font-size: 120px;
  font-weight: 600;
  letter-spacing: -4.84px;
  line-height: 1.04;
}
@media (max-width: 767px) {
  .big-text-white {
    font-size: 60px !important;
    font-size: 20px;
  }
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-39 {
  margin-top: 39px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 40px;
}

.mt-160 {
  margin-top: 160px !important;
}
@media (max-width: 1200px) {
  .mt-160 {
    margin-top: 80px !important;
  }
}

.p-tb144 {
  padding-top: 144px;
  padding-bottom: 144px;
}

.f-w300 {
  font-weight: 300;
}

.f-w400 {
  font-weight: 400;
}

.f-w600 {
  font-weight: 600;
}

.p-relative {
  position: relative;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

/** Adding icons to the site **/
/** Helpers includes all variabls and config files **/
/** Basic **/
/* Media query Break point */
/** Box Shadow Mixins **/
/** Box Shadow Mixins **/
/** Transition **/
/*@include transition(background-color 1s .5s, color 2s);*/
.ul-flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ul-flex {
    flex-direction: column;
  }
}
.ul-flex li a {
  color: white;
  font-size: 20px;
  font-weight: 600;
  transition: all ease 200ms;
}

.ul-flex-dark {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ul-flex-dark {
    flex-direction: column;
  }
}
.ul-flex-dark li a {
  color: #4D617F;
  font-size: 20px;
  font-weight: 600;
  transition: all ease 200ms;
}

.close-circle {
  position: fixed;
  right: 15%;
  top: 4%;
  height: 64px;
  width: 64px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 12px 0 rgba(94, 116, 140, 0.24);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  font-weight: 500;
  font-size: 20px;
}

.s-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.fade-in {
  position: relative;
  opacity: 0;
  transition: all 300ms ease-in-out;
  transition-delay: 0ms;
}
.fade-in.get-in {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1;
}

.fade-up {
  position: relative;
  opacity: 0;
  transition: all 300ms ease-in-out;
  transition-delay: 0ms;
  top: 40px;
}
.fade-up.get-in {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1;
}

.fade-right {
  position: relative;
  opacity: 0;
  transition: all 300ms ease-in-out;
  transition-delay: 0ms;
  left: 40px;
}
.fade-right.get-in {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1;
}

.fade-left {
  position: relative;
  opacity: 0;
  transition: all 300ms ease-in-out;
  transition-delay: 0ms;
  right: 40px;
}
.fade-left.get-in {
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  opacity: 1;
}

.fade-bottom {
  position: relative;
  opacity: 0;
  transition: all 300ms ease-in-out;
  transition-delay: 0ms;
  bottom: 40px;
}
.fade-bottom.get-in {
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #111D2D;
  opacity: 1;
  font-weight: 400;
}

::-moz-placeholder {
  color: #111D2D;
  opacity: 1;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #111D2D;
  opacity: 1;
  font-weight: 400;
}

:-moz-placeholder {
  color: #111D2D;
  opacity: 1;
  font-weight: 400;
}

[data-aos=fade-up], html:not(.no-js) [data-aos=fade-up] {
  transform: translate3d(0, 40px, 0);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*.dropdown-item.active, .dropdown-item:active{
	background:$light-red-bg;
	color:$light-text-color;
}*/
.btn:focus, .btn.focus {
  box-shadow: none;
}

body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, a, ul, li, p {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
}

.main-wraper {
  background: #fff !important;
}
.main-wraper.konnect-sec {
  overflow: initial;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

.p-t144 {
  padding-top: 144px;
}
@media (max-width: 767px) {
  .p-t144 {
    padding-top: 60px;
  }
}

.p-b96 {
  padding-bottom: 96px;
}
@media (max-width: 767px) {
  .p-b96 {
    padding-bottom: 60px;
  }
}

.p-b140 {
  padding-bottom: 140px;
}
@media (max-width: 767px) {
  .p-b140 {
    padding-bottom: 60px;
  }
}

.p-tb144 {
  padding-top: 144px;
  padding-bottom: 144px;
}

.p-tb120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .p-tb120 {
    padding: 60px 0;
  }
}

.p-t104 {
  padding-top: 104px;
}

.p-b100 {
  padding-bottom: 100px;
}

.p-l0 {
  padding-left: 0;
}

.p-r0 {
  padding-right: 0;
}

.m-b96 {
  margin-bottom: 96px;
}

.m-b72 {
  margin-bottom: 72px;
}
@media (max-width: 767px) {
  .m-b72 {
    margin-bottom: 35px;
  }
}

.m-b64 {
  margin-bottom: 64px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-b32 {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .m-b32 {
    margin-bottom: 15px;
  }
}

.m-b24 {
  margin-bottom: 24px;
}

.m-b16 {
  margin-bottom: 16px;
}

.m-b56 {
  margin-bottom: 56px;
}

.m-t24 {
  margin-top: 24px;
}

.m-t32 {
  margin-top: 32px;
}

.m-t56 {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .m-t56 {
    margin-top: 20px;
  }
}

.m-t72 {
  margin-top: 72px;
}
@media (max-width: 767px) {
  .m-t72 {
    margin-top: 20px;
  }
}

.m-t96 {
  margin-top: 96px;
}

.m-t104 {
  margin-top: 104px;
}

@media (max-width: 767px) {
  .mt-sm-0 {
    margin-top: 0;
  }
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
}
.m-t144 {
  margin-top: 144px;
}
@media (max-width: 767px) {
  .m-t144 {
    margin-top: 60px;
  }
}

.zg-ui .col-lg-6:nth-child(2) {
  margin-top: 116px;
}
@media (max-width: 992px) {
  .zg-ui .col-lg-6:nth-child(2) {
    margin-top: 0;
  }
}
.zg-ui .col-lg-6:nth-child(3) {
  margin-top: -88px;
}
@media (max-width: 992px) {
  .zg-ui .col-lg-6:nth-child(3) {
    margin-top: 0;
  }
}

.w-275 {
  min-width: 275px;
}

.slick-track:focus, .slick-track > div:focus {
  outline: none;
}

.stretched-link:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.badge {
  border: 1px solid #C4DBF5;
  border-radius: 8px;
  background-color: #D2E7FF;
  color: #007AFF;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 20px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .blog-section .post-body iframe {
    width: 100% !important;
    height: auto;
    min-height: 215px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section .post-body iframe {
    width: 100% !important;
    height: auto;
    min-height: 360px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-section .post-body iframe {
    width: 100% !important;
    height: auto;
    min-height: 390px;
  }
}
.style-textarea-blog {
  background-color: black;
  border: 1px solid black;
  display: block;
  padding: 20px;
  width: 100%;
  height: 200px;
  font-size: 16px;
  color: white;
  border-radius: 12px;
  resize: none;
}

/** Components includes buttons, carousel, dropdown etc.. **/
/*-------------------------------------------------------------------------------------------*/
/* Buttons Style    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.arrow-btn-wrap {
  background: #429DFF;
  height: 28px;
  width: 28px;
  border-radius: 100%;
  display: inline-flex;
  box-shadow: 2px 3px 4px 0 rgba(0, 109, 228, 0.56);
  margin-left: 16px;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.arrow-btn-wrap .icon-arrow_slider {
  width: 5px;
  position: relative;
}
.arrow-btn-wrap .icon-arrow_slider:before {
  color: #fff;
  font-size: 10px;
  display: block;
}

.btn {
  transition: all 0.1s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}

.down-arrow-btn {
  color: #273954;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .down-arrow-btn {
    font-size: 18px;
  }
}
.down-arrow-btn .arrow-btn {
  display: inline-block;
  margin-right: 12px;
  height: 48px;
  width: 48px;
  background-color: #ECF3FF;
  border-radius: 100%;
  vertical-align: middle;
  position: relative;
  top: -3px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .down-arrow-btn .arrow-btn {
    height: 30px;
    width: 30px;
  }
}
.down-arrow-btn .arrow-btn .icon-arrow_slider_down {
  line-height: normal;
  top: 8px;
  font-size: 10px;
  position: relative;
  display: inline-block;
  animation: linkArrowdown1 400ms ease-in-out forwards;
  will-change: transform;
}
@media (max-width: 767px) {
  .down-arrow-btn .arrow-btn .icon-arrow_slider_down {
    top: 0px;
    font-size: 7px;
  }
}
.down-arrow-btn .arrow-btn .icon-arrow_slider_down:before {
  color: #273954;
  line-height: normal;
}
.down-arrow-btn:hover, .down-arrow-btn:focus {
  color: #273954;
}
.down-arrow-btn:hover .icon-arrow_slider_down, .down-arrow-btn:focus .icon-arrow_slider_down {
  transform: translateY(20px);
  opacity: 0;
  animation: linkArrowdown 400ms ease-in-out forwards;
  will-change: transform;
}

.down-arrow-btn-lite {
  color: white;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .down-arrow-btn-lite {
    font-size: 18px;
  }
}
.down-arrow-btn-lite .arrow-btn {
  display: inline-block;
  margin-right: 12px;
  height: 48px;
  width: 48px;
  background-color: #273954;
  border-radius: 100%;
  vertical-align: middle;
  position: relative;
  top: -3px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .down-arrow-btn-lite .arrow-btn {
    height: 30px;
    width: 30px;
  }
}
.down-arrow-btn-lite .arrow-btn .icon-arrow_slider_down {
  line-height: normal;
  top: 8px;
  font-size: 10px;
  position: relative;
  display: inline-block;
  animation: linkArrowdown1 400ms ease-in-out forwards;
  will-change: transform;
}
@media (max-width: 767px) {
  .down-arrow-btn-lite .arrow-btn .icon-arrow_slider_down {
    top: 0px;
    font-size: 7px;
  }
}
.down-arrow-btn-lite .arrow-btn .icon-arrow_slider_down:before {
  color: white;
  line-height: normal;
}
.down-arrow-btn-lite:hover, .down-arrow-btn-lite:focus {
  color: #273954;
}
.down-arrow-btn-lite:hover .icon-arrow_slider_down, .down-arrow-btn-lite:focus .icon-arrow_slider_down {
  transform: translateY(20px);
  opacity: 0;
  animation: linkArrowdown 400ms ease-in-out forwards;
  will-change: transform;
}

.btn1 {
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  padding: 1px 12px 0 20px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: white;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn1 .icon-arrow_slider {
  top: 0px;
}
.btn1 .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn1:hover {
  color: white;
}
.btn1:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: #045efb;
}
.btn1:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn1:before {
  background-color: #007AFF;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn1 .arrow-btn-wrap {
  height: 28px;
  width: 28px;
  background-color: #429DFF;
}
@media (max-width: 767px) {
  .btn1 .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn1 .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 10px;
  color: white;
}
@media (max-width: 767px) {
  .btn1 .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn1 {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn1 .icon-arrow_slider {
  top: 1px;
  left: 1px;
}

.btn2 {
  height: 64px;
  line-height: 64px;
  text-decoration: none;
  padding: 1px 16px 0 28px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: white;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn2 .icon-arrow_slider {
  top: 1px;
}
.btn2 .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn2:hover {
  color: white;
}
.btn2:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: #045efb;
}
.btn2:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn2:before {
  background-color: #007AFF;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn2 .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #429DFF;
}
@media (max-width: 767px) {
  .btn2 .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn2 .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 11px;
  color: white;
}
@media (max-width: 767px) {
  .btn2 .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn2 {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}

.btn3 {
  height: 64px;
  line-height: 64px;
  text-decoration: none;
  padding: 0 16px 0 28px;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: #007AFF;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn3 .icon-arrow_slider {
  top: 0px;
}
.btn3 .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn3:hover {
  color: #007AFF;
}
.btn3:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: rgba(255, 255, 255, 0.8);
}
.btn3:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn3:before {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn3 .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #D2E7FF;
}
@media (max-width: 767px) {
  .btn3 .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn3 .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 11px;
  color: #007AFF;
}
@media (max-width: 767px) {
  .btn3 .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn3 {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn3 .arrow-btn-wrap {
  box-shadow: none;
}

.btn4 {
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  padding: 0;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: #007AFF;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn4 .icon-arrow_slider {
  top: 0px;
}
.btn4 .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn4:hover {
  color: #007AFF;
}
.btn4:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: transparent;
}
.btn4:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn4:before {
  background-color: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn4 .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #D2E7FF;
}
@media (max-width: 767px) {
  .btn4 .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn4 .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 12px;
  color: #007AFF;
}
@media (max-width: 767px) {
  .btn4 .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn4 {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn4 .arrow-btn-wrap {
  box-shadow: none;
}
.btn4 span.icon-arrow_slider {
  top: 1px;
  right: 1px;
}
.btn4:before {
  display: none;
}
@media (max-width: 767px) {
  .btn4 {
    width: auto;
  }
  .btn4 span.icon-arrow_slider {
    top: 0px;
    right: 0px;
  }
}

.btn4-lg {
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  padding: 0;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: #007AFF;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn4-lg .icon-arrow_slider {
  top: 0px;
}
.btn4-lg .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn4-lg:hover {
  color: #007AFF;
}
.btn4-lg:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: transparent;
}
.btn4-lg:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn4-lg:before {
  background-color: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn4-lg .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #D2E7FF;
}
@media (max-width: 767px) {
  .btn4-lg .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn4-lg .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 12px;
  color: #007AFF;
}
@media (max-width: 767px) {
  .btn4-lg .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn4-lg {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn4-lg .arrow-btn-wrap {
  box-shadow: none;
}
.btn4-lg span.icon-arrow_slider {
  top: 1px;
  right: 1px;
}
.btn4-lg:before {
  display: none;
}
@media (max-width: 767px) {
  .btn4-lg {
    width: auto;
  }
  .btn4-lg span.icon-arrow_slider {
    top: 0px;
    right: 0px;
  }
}

.btn5 {
  height: 64px;
  line-height: 64px;
  text-decoration: none;
  padding: 0 16px 0 28px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: #007AFF;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
}
.btn5 .icon-arrow_slider {
  top: 0px;
}
.btn5 .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn5:hover {
  color: #007AFF;
}
.btn5:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: transparent;
}
.btn5:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn5:before {
  background-color: transparent;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn5 .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #D2E7FF;
}
@media (max-width: 767px) {
  .btn5 .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn5 .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 11px;
  color: #007AFF;
}
@media (max-width: 767px) {
  .btn5 .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn5 {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn5:before {
  border: 2px solid #007AFF;
  box-shadow: none;
}
.btn5 .arrow-btn-wrap {
  box-shadow: none;
}

.btn2-thin {
  height: 64px;
  line-height: 64px;
  text-decoration: none;
  padding: 1px 16px 0 28px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: white;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  transform: perspective(1px) scale(1);
  justify-content: center;
  font-weight: 400;
}
.btn2-thin .icon-arrow_slider {
  top: 0px;
}
.btn2-thin .icon-arrow_slider:before {
  animation: linkArrow1 200ms linear forwards;
  will-change: transform;
}
.btn2-thin:hover {
  color: white;
}
.btn2-thin:hover:before {
  transform: perspective(1px) scale(0.99);
  background-color: #045efb;
}
.btn2-thin:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn2-thin:before {
  background-color: #007AFF;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50px;
  left: -1px;
  z-index: -1;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.02, 0.54, 0.68, 1.15);
}
.btn2-thin .arrow-btn-wrap {
  height: 32px;
  width: 32px;
  background-color: #429DFF;
}
@media (max-width: 767px) {
  .btn2-thin .arrow-btn-wrap {
    height: 27px;
    width: 27px;
  }
}
.btn2-thin .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 11px;
  color: white;
}
@media (max-width: 767px) {
  .btn2-thin .arrow-btn-wrap .icon-arrow_slider:before {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .btn2-thin {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    width: 100%;
  }
}
.btn2-thin b {
  font-weight: 500;
  margin-left: 4px;
}

.btn-sm {
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  padding: 10px 12px 10px 20px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
  color: white;
}
.btn-sm:hover {
  color: white;
}
.btn-sm:hover:before {
  transform: scale(1.04);
}
.btn-sm:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn-sm:before {
  background-color: #007AFF;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  left: 0;
  z-index: -1;
  transform: scale(1);
  transition: all 0.2s linear;
}

.btn-md {
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  padding: 0 22px 0 30px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
  color: #007AFF;
}
.btn-md:hover {
  color: #007AFF;
}
.btn-md:hover:before {
  transform: scale(1.04);
}
.btn-md:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
  will-change: transform;
}
.btn-md:before {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  left: 0;
  z-index: -1;
  transform: scale(1);
  transition: all 0.2s linear;
}
.btn-md .arrow-btn-wrap {
  top: -4px;
  box-shadow: 2px 3px 4px 0 rgba(0, 109, 228, 0.16);
}

.btn4.light-brown {
  color: #91410C !important;
}
.btn4.light-brown .arrow-btn-wrap {
  background: #FAE6D9;
}
.btn4.light-brown .arrow-btn-wrap .icon-arrow_slider:before {
  color: #91410C;
}
.btn4.darkgreen {
  color: #0B8F7A;
}
.btn4.darkgreen .arrow-btn-wrap {
  background: #E0FBF2;
}
.btn4.darkgreen .arrow-btn-wrap .icon-arrow_slider:before {
  color: #0B8F7A;
}
.btn4.darkblue {
  color: #06588E;
}
.btn4.darkblue .arrow-btn-wrap {
  background: #DDEFFA;
}
.btn4.darkblue .arrow-btn-wrap .icon-arrow_slider:before {
  color: #06588E;
}

/*  Ripple */
.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}

.rippleEffect {
  animation: rippleDrop 0.6s linear;
  will-change: transform;
}

@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.btn-wide {
  border-radius: 6px;
  background-color: #007AFF;
  box-shadow: 0 1px 2px 0 rgba(0, 122, 255, 0.16), 0 1px 3px 0 rgba(0, 121, 254, 0.12);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 24px;
  text-align: center;
  border: none;
  padding: 14px 32px;
}

input.transparent-input1 {
  background-color: transparent;
  border: none;
  color: #90A0B9;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 500;
  outline: none;
  padding: 0 20px;
}

.lite-text {
  color: #4D617F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

@keyframes linkArrow {
  0% {
    transform: translateX(0rem);
    opacity: 1;
  }
  50% {
    transform: translateX(10px);
    opacity: 0;
  }
  51% {
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes linkArrow1 {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  50% {
    transform: translateX(-10px);
    opacity: 1;
  }
  51% {
    transform: translateX(10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
/*@-webkit-keyframes linkArrow{
	0%{transform:translateX(0rem);opacity:1}
	50%{transform:translateX(10px);opacity:0}
	51%{transform:translateX(-10px);opacity:0}
	100%{transform:translateX(0px);opacity:1}}

@keyframes linkArrow{
	0%{transform:translateX(0rem);opacity:1}
	50%{transform:translateX(10px);opacity:0}
	51%{transform:translateX(-10px);opacity:0}
	100%{transform:translateX(0px);opacity:1}}*/
@keyframes linkArrowdown {
  0% {
    transform: translateY(0rem);
    opacity: 1;
  }
  50% {
    transform: translateY(15px);
    opacity: 0;
  }
  51% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes linkArrowdown1 {
  0% {
    transform: translateY(0rem);
    opacity: 1;
  }
  50% {
    transform: translateY(-20px);
    opacity: 1;
  }
  51% {
    transform: translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.iot-btn span.icon-arrow_slider {
  top: 1px !important;
  left: 1px !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
}

.form-group {
  position: relative;
}
.form-group input, .form-group textarea {
  padding-left: 10px;
}
.form-group input:focus, .form-group textarea:focus {
  outline: none;
  box-shadow: none;
}
/****  floating-Lable style start ****/
.floating-effect {
  position: relative;
  margin-bottom: 20px;
}
.floating-effect.form-tel-inpt-dubai {
  z-index: 9999;
}
.floating-effect label {
  color: #90A0B9;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 21px;
  /*transform: translateY(-50%);*/
  transition: 0.2s ease all;
  margin: 0;
}
@media (max-width: 767px) {
  .floating-effect label {
    font-size: 16px;
    top: 15px;
  }
}
.floating-effect input {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  padding: 0;
  display: block;
  width: 100%;
  padding-left: 15px;
  padding-top: 25px;
  color: #0A1828;
  font-weight: normal;
  height: 65px;
  border: 1px solid #DDE1EB;
  border-radius: 10px;
  background-color: #F6F8FC;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (max-width: 767px) {
  .floating-effect input {
    padding-top: 20px;
    height: 55px;
  }
}
.floating-effect input:focus {
  outline: none;
  border-color: #057AFF;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(52, 128, 255, 0.16);
}
.floating-effect input:not(:-moz-placeholder-shown) {
  background: #fff;
}
.floating-effect input:not(:placeholder-shown) {
  background: #fff;
}
.floating-effect input:focus:not(:-moz-placeholder-shown) ~ label, .floating-effect textarea:focus:not(:-moz-placeholder-shown) ~ label {
  color: #007AFF;
}
.floating-effect input:focus:not(:placeholder-shown) ~ label,
.floating-effect textarea:focus:not(:placeholder-shown) ~ label {
  color: #007AFF;
}
.floating-effect select:focus {
  outline: none;
  border-color: #057AFF;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(52, 128, 255, 0.16);
}
.floating-effect input:not(:-moz-placeholder-shown) ~ label, .floating-effect textarea:not(:-moz-placeholder-shown) ~ label {
  top: 10px;
  left: 15px;
  font-size: 14px;
  line-height: 16px;
  color: #90A0B9;
  transform: inherit;
}
.floating-effect input:focus ~ label, .floating-effect input:not(:placeholder-shown) ~ label,
.floating-effect textarea:focus ~ label, .floating-effect textarea:not(:placeholder-shown) ~ label {
  top: 10px;
  left: 15px;
  font-size: 14px;
  line-height: 16px;
  color: #90A0B9;
  transform: inherit;
}
@media (max-width: 767px) {
  .floating-effect input:not(:-moz-placeholder-shown) ~ label, .floating-effect textarea:not(:-moz-placeholder-shown) ~ label {
    font-size: 13px;
  }
  .floating-effect input:focus ~ label, .floating-effect input:not(:placeholder-shown) ~ label,
  .floating-effect textarea:focus ~ label, .floating-effect textarea:not(:placeholder-shown) ~ label {
    font-size: 13px;
  }
}
.floating-effect select:focus ~ label, .floating-effect select:not([value=""]):valid ~ label {
  top: 5px;
  font-size: 14px;
  color: #90A0B9;
  transform: inherit;
}
@media (max-width: 767px) {
  .floating-effect select:focus ~ label, .floating-effect select:not([value=""]):valid ~ label {
    font-size: 13px;
  }
}
.floating-effect.textarea-field textarea {
  height: 141px;
  width: 100%;
  border: 1px solid #DDE1EB;
  border-radius: 10px;
  background-color: #F6F8FC;
  resize: none;
  padding: 30px 15px 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.floating-effect.textarea-field textarea:focus {
  outline: none;
  border-color: #057AFF;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(52, 128, 255, 0.16);
}
.floating-effect.textarea-field label {
  top: 25px;
  transform: translateY(-50%);
  transition: 0.2s ease all;
  line-height: normal;
}
.floating-effect.textarea-field textarea:not(:-moz-placeholder-shown) {
  background: #fff;
}
.floating-effect.textarea-field textarea:not(:placeholder-shown) {
  background: #fff;
}

/** Layout folder styles for major sections of the layout like a header, footer and styles for a grid system **/
.header-wrap {
  padding-top: 32px;
}
.header-wrap .container {
  display: flex;
  align-items: center;
}
.header-wrap .container .navbar-wrapper {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
}
.header-wrap .container .navbar-wrapper .navbar ul {
  flex-direction: row;
  display: flex;
  margin: 0;
  padding: 0;
}
.header-wrap .container .navbar-wrapper .navbar ul li {
  padding: 0 24px;
  position: relative;
}
@media (max-width: 1200px) {
  .header-wrap .container .navbar-wrapper .navbar ul li {
    padding: 0 17px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li a {
  color: #4D617F;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.14px;
  line-height: 24px;
  text-align: center;
  transition: all 0.3s linear;
}
.header-wrap .container .navbar-wrapper .navbar ul li a:hover {
  color: #0B182B;
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
  .header-wrap .container .navbar-wrapper .navbar ul li a {
    font-size: 14px !important;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li a.active {
  color: #007AFF;
  position: relative;
}
.header-wrap .container .navbar-wrapper .navbar ul li a.active:after {
  content: "";
  position: absolute;
  border: 3px solid;
  border-radius: 50%;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #007AFF;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li a.active:after {
    display: none;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .dropdown-menu {
  margin-top: 15px;
  min-width: calc(100% + 1200px);
  left: -550px;
  flex-wrap: wrap;
  row-gap: 70px;
  padding: 40px 80px !important;
}
@media screen and (max-width: 1310px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .dropdown-menu {
    min-width: calc(100% + 1110px);
    left: -510px;
  }
}
@media (max-width: 1200px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .dropdown-menu {
    left: -355px;
    min-width: calc(100% + 870px);
    padding: 40px !important;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .dropdown-menu {
    left: 0px;
    padding: 0px !important;
    margin: 0px;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .dropdown-menu {
    margin-top: 30px;
    min-width: 100%;
    left: 0px;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 0px !important;
    margin: 0px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu {
  display: flex !important;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu {
    padding: 0px !important;
    margin-bottom: 0px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu .flex-menu-ul {
  flex-direction: row;
  padding: 0px !important;
  flex-wrap: wrap;
  row-gap: 60px;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu .flex-menu-ul {
    row-gap: 1px;
    margin-bottom: 15px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu .sub-dropdown-li {
  width: 33%;
  transition: bottom 1s ease-in-out 600ms;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu .sub-dropdown-li {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .flex-menu .sub-dropdown-li.active .sub-ul {
    display: block;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head {
    cursor: pointer;
  }
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head p:after {
    content: "\e903";
    color: #4D617F;
    font-size: 10px;
    position: absolute;
    left: auto;
    top: 12px;
    z-index: 1;
    font-family: "icomoon";
    opacity: 0.7;
    transform: translateY(-40%);
    margin-left: 20px;
    margin-right: 0;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head p {
  color: #0F192A;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
}
@media (max-width: 1200px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head p {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .drop-head p {
    color: #64748B;
    font-weight: 400 !important;
    font-size: 16px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-ul {
  flex-direction: column;
  padding-left: 35px;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-ul {
    display: none;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-ul .sub-ul-li {
    margin-bottom: 5px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link {
  color: #334055 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: -0.2px;
  padding: 0px;
  text-transform: capitalize;
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link:hover {
  background: transparent;
}
@media (max-width: 1200px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link {
    color: #64748B;
    font-weight: 400;
    font-size: 14px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link-new {
  color: #334055 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: -0.2px;
  padding: 0px;
}
.header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link-new:hover {
  background: transparent;
}
@media (max-width: 1200px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link-new {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li.hire .sub-li-link-new {
    color: #64748B;
    font-weight: 400;
    font-size: 14px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: auto;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li:hover .dropdown-menu {
    top: 0;
  }
}
@media (min-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul li:hover .dropdown-menu li:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0;
    left: 106%;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu {
  background: #FFFFFF;
  box-shadow: 2px 10px 32px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  min-width: 300px;
  border-radius: 10px;
  box-shadow: 0px 24px 37px -3px rgba(17, 24, 51, 0.2);
  transition: all cubic-bezier(0.24, 0.47, 0.45, 1.14) 250ms;
  display: block;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 26px;
  position: absolute;
  padding: 10px 0;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu {
    position: relative;
    top: initial;
    right: initial;
    left: initial;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    background: transparent;
    padding-top: 0;
    margin-top: -10px;
  }
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu .dropdown-menu {
    margin-top: 0;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu:before {
  position: absolute;
  content: "";
  width: 113px;
  height: 40px;
  top: -37px;
  left: 0;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu:before {
    display: none;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu {
  left: 102%;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu {
    left: 0;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    background: transparent;
    padding: 10px 0 0 10px;
    height: 0;
    transition: 0.2s ease-in-out;
    display: none;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    height: 0;
    display: initial;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu.active {
    display: block;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu.active {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: -40px;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li .dropdown-menu:before {
    display: none;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li {
  position: relative;
  padding: 0;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li {
    margin-bottom: 16px;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a {
  padding: 10px 18px;
  display: block;
  color: #64748B;
  font-size: 14px;
  margin-bottom: 2px;
  display: flex;
  align-items: flex-start;
  transition: all cubic-bezier(0.25, 0.1, 0.97, 0.54) 100ms;
  word-break: break-word;
  align-items: center;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a {
    padding: 0;
    display: block;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a:hover, .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a.active {
  background-color: #f6f5ff;
  color: #5368DE !important;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a:hover, .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a.active {
    background: transparent;
    color: #4D617F !important;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a:hover p, .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a.active p {
  color: #2F3BE7;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a:hover p, .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a.active p {
    color: #4D617F !important;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a span.drop-icon {
  width: 100%;
  height: 38px;
  max-width: 38px;
  vertical-align: -10px;
  margin-right: 18px;
  border-radius: 4px;
  min-width: 30px;
  opacity: 0.87;
  border: 1px solid #CEE1F8;
  padding: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a span.drop-icon {
    display: none;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a p {
  margin-bottom: 0;
  color: #64748B;
  transition: all cubic-bezier(0.25, 0.1, 0.97, 0.54) 100ms;
  padding: 0;
  text-align: left;
  letter-spacing: 0.16px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a p {
    font-weight: 400;
  }
}
.header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a p span {
  letter-spacing: -0.34px;
  color: #64748B;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper .navbar ul.dropdown-menu li a p span {
    display: none;
  }
}
.header-wrap .container .navbar-wrapper .sp-btn {
  display: flex;
  flex-grow: row wrap;
  align-items: center;
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
  .header-wrap .container .navbar-wrapper .sp-btn .btn1 {
    padding: 1px 10px 0 10px;
    font-size: 14px;
  }
}

.navbar-wrapper li.dropdown > a {
  position: relative;
}
@media (max-width: 992px) {
  .navbar-wrapper li.dropdown > a {
    display: inline-flex !important;
    align-items: center !important;
  }
}
.navbar-wrapper li.dropdown > a:after {
  content: "\e904";
  color: #4D617F;
  font-size: 6px;
  position: absolute;
  right: -17px;
  top: -2px;
  z-index: 1;
  font-family: "icomoon";
  opacity: 0.9;
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
  .navbar-wrapper li.dropdown > a:after {
    top: -2px;
  }
}
@media (max-width: 992px) {
  .navbar-wrapper li.dropdown > a:after {
    content: "\e903";
    font-size: 10px;
    top: initial;
    transform: initial;
    position: relative;
    right: -18px;
    top: 3px;
    display: block !important;
  }
}
@media (max-width: 992px) {
  .navbar-wrapper li.dropdown > a:focus {
    background: transparent;
  }
}
@media (max-width: 992px) {
  .navbar-wrapper li.dropdown .dropdown-menu {
    width: 100%;
  }
}
.navbar-wrapper li.dropdown .dropdown-menu .dropdown > a:after {
  content: "\e903";
  color: #4D617F;
  font-size: 10px;
  position: absolute;
  right: 14px;
  top: 50%;
  z-index: 1;
  font-family: "icomoon";
  opacity: 0.7;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .navbar-wrapper li.dropdown .dropdown-menu .dropdown > a:after {
    position: relative;
    top: initial;
    right: -15px;
    transform: initial;
    bottom: -2px;
  }
}

@media (max-width: 992px) {
  .d-mobile-none {
    display: none;
  }
  section.comingsoon-img-in .form-wraper {
    margin: 60px 0 !important;
  }
}
.title-hire-dropdown h1 {
  font-size: 42px;
  line-height: 110%;
  padding-bottom: 40px;
  color: #0f192b;
}

.title-hire-dropdown h1 span {
  font-size: 32px;
}

.footer-wrapper {
  background: #0B182B;
  display: inline-block;
  width: 100%;
}
.footer-wrapper .top-footer {
  padding: 64px 0;
}
@media (max-width: 767px) {
  .footer-wrapper .top-footer {
    padding-bottom: 40px;
  }
}
.footer-wrapper .footerlinks {
  margin-bottom: 20px;
}

.action-btn {
  display: inline-block;
  margin-right: 24px;
  border-radius: 32px;
  background-color: #122138;
  padding: 15px 24px 15px 56px;
  text-align: left;
  position: relative;
}
.action-btn.aos-animate {
  transition-delay: 0ms !important;
  transition: all ease 150ms !important;
}
.action-btn:hover {
  opacity: 0.8 !important;
}
@media (max-width: 992px) {
  .action-btn {
    margin: 20px 0 0;
  }
}
.action-btn .icon-block {
  display: inline-block;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.action-btn label {
  color: #90A0B9;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 13px;
  margin-bottom: 6px;
  display: block;
}
.action-btn a {
  color: #E8F2FF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
}
.action-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.footer-column h5, .footer-column .sub-title {
  color: #5E748C;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.footer-column ul li {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .footer-column ul li {
    margin-bottom: 16px;
  }
}
.footer-column ul li a {
  color: #E8F2FF;
  font-size: 16px;
  letter-spacing: -0.15px;
  line-height: 18px;
  transition: 0.15s ease;
}
@media (max-width: 767px) {
  .footer-column ul li a {
    font-size: 14px;
    line-height: 1;
  }
}
.footer-column ul li a:hover {
  /*color:#6c8299;*/
  color: #fff;
  opacity: 0.75;
}
.footer-column ul li a .hiring-tag {
  border-radius: 8px;
  background: linear-gradient(133.77deg, #56A0FF 0%, #6140EE 100%);
  box-shadow: 0 4px 11px 0 rgba(52, 128, 255, 0.12);
  padding: 4px 6px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin-left: 8px;
}
.footer-column.others-links li {
  display: inline-block;
  margin-right: 32px;
}
.footer-column.others-links li:last-child {
  margin-right: 0;
}
.footer-column .view-btn {
  color: #429DFF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.15px;
  line-height: 18px;
}
.footer-column .view-btn .arrow-btn-wrap {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-left: 10px;
  background-color: #273954;
}
.footer-column .view-btn .arrow-btn-wrap .icon-arrow_slider {
  top: 0;
  right: 0;
}
.footer-column .view-btn .arrow-btn-wrap .icon-arrow_slider:before {
  font-size: 10px;
  color: #fff;
}

.newsletter-wrap label {
  color: #E8F2FF;
  font-size: 16px;
  letter-spacing: -0.15px;
  line-height: 18px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .newsletter-wrap label {
    font-size: 14px;
  }
}
.newsletter-wrap .newsletter-field {
  position: relative;
  margin-bottom: 32px;
}
.newsletter-wrap .newsletter-field input {
  height: 56px;
  width: 100%;
  border: 1px solid #273954;
  border-radius: 12px;
  background-color: #122138;
  padding: 0 50px 0 16px;
  color: #90A0B9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .newsletter-wrap .newsletter-field input {
    font-size: 14px;
    padding: 0 50px 0 12px;
  }
}
.newsletter-wrap .newsletter-field input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.newsletter-wrap .newsletter-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #90A0B9;
}
.newsletter-wrap .newsletter-field input::-moz-placeholder { /* Firefox 19+ */
  color: #90A0B9;
}
.newsletter-wrap .newsletter-field input:-ms-input-placeholder { /* IE 10+ */
  color: #90A0B9;
}
.newsletter-wrap .newsletter-field input:-moz-placeholder { /* Firefox 18- */
  color: #90A0B9;
}
.newsletter-wrap .newsletter-field .submit-btn {
  height: 36px;
  width: 36px;
  border-radius: 6px;
  background-color: #273954;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-text-decoration: center;
          text-decoration: center;
  border: none;
  z-index: 2;
  cursor: pointer;
}
.newsletter-wrap .newsletter-field .submit-btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.bottom-footer {
  position: relative;
  padding: 40px 0 50px;
}
@media (max-width: 360px) {
  .bottom-footer {
    padding-bottom: 20px;
  }
}
.bottom-footer:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 97.3%;
  background: #152435;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.footer-data-ui {
  position: relative;
}
.footer-data-ui .flag-icon {
  width: 32px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
}
.footer-data-ui .flag-icon img {
  width: 100%;
}
.footer-data-ui .address-ui {
  display: inline-block;
  padding-left: 50px;
}
.footer-data-ui .address-ui .title {
  color: #E8F2FF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 6px;
  display: block;
}
.footer-data-ui .address-ui p {
  color: #5E748C;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 0;
}

.social-links {
  display: inline-block;
  text-align: left;
}
.social-links .sub-title {
  color: #5E748C;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .social-links .sub-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 360px) {
  .social-links ul {
    max-width: 86%;
  }
  .social-links ul li {
    margin-bottom: 16px;
  }
}
.social-links ul li {
  display: inline-block;
  margin-right: 22px;
}
.social-links ul li a {
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
.social-links ul li a img {
  transition: 0.2s ease-in-out;
}
.social-links ul li a:hover img {
  opacity: 0.7;
}

@media (max-width: 992px) {
  .footer-column ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-column ul li {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .footer-column {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .footer-column.others-links {
    margin-bottom: 0px;
  }
}

.footer-logo {
  max-width: 150px;
}
.footer-logo img {
  max-width: 150px;
}

.modal.show {
  display: flex;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}

.modal-title {
  font-size: 28px;
  line-height: 1.2;
  align-items: center;
  justify-content: center;
}

.modal-message {
  font-size: 18px;
  line-height: 1.5;
}

.thnku-modal.show {
  align-items: center;
  justify-content: center;
  display: flex;
}

.cntrl-modal-content {
  border-radius: 20px;
  min-width: 40%;
  min-height: 30%;
  width: 500px;
}

/** Component css links **/
.logo-extend {
  display: flex;
  align-items: flex-end;
}
.logo-extend span {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.12px;
  color: #64748B;
  margin-left: 12px;
  position: relative;
  top: 3px;
  min-width: 80px;
}
@media (max-width: 1200px) {
  .logo-extend span {
    display: none;
  }
}
@media (max-width: 992px) {
  .logo-extend span {
    display: flex;
  }
}

.text-sky {
  color: #30B4FF;
}

.text-red {
  color: #FD093C;
}

.h1 {
  font-weight: 600;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: -3px;
}
@media (max-width: 767px) {
  .h1 {
    line-height: 1.12;
    font-size: 36px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}

.button-blue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  font-weight: 600;
  font-size: 18px;
  padding: 14px 36px;
  background-color: rgba(54, 130, 254, 0.08);
  color: #3682FE;
  box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.04);
  transition: all ease 250ms;
  letter-spacing: 0.0012em;
  line-height: 24px;
  border-radius: 60px;
  outline: none !important;
  box-shadow: 0px 15px 48px rgba(0, 0, 0, 0);
}
.button-blue:hover {
  outline: none;
  box-shadow: 0px 15px 48px rgba(0, 0, 0, 0.07);
}
.button-blue .span {
  font-size: 12px;
  font-weight: 400;
  margin-left: 8px;
}
.button-blue:hover {
  box-shadow: 0px 15px 48px rgba(0, 0, 0, 0);
  color: white;
  background-color: #3682FE;
}

.button-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  font-weight: 500;
  font-size: 18px;
  padding: 13px 28px;
  background-color: white;
  color: #334055;
  box-shadow: 0px 12px 48px rgba(0, 0, 0, 0.04);
  transition: all ease 250ms;
  letter-spacing: 0.0012em;
  line-height: 24px;
  border-radius: 60px;
  outline: none !important;
}
.button-white:hover {
  outline: none;
  box-shadow: 0px 15px 48px rgba(0, 0, 0, 0.07);
}
.button-white .span {
  font-size: 12px;
  font-weight: 400;
  margin-left: 8px;
}
.button-white:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  color: #334055;
}
.button-white:hover span {
  left: 3px;
}
@media (max-width: 767px) {
  .button-white {
    font-size: 15px;
    padding: 10px 26px;
  }
}

.arrow-orange {
  display: inline-block;
  position: relative;
  border-right: 2px solid #FF7360;
  border-bottom: 2px solid #FF7360;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
  top: 2px;
}

.arrow-green {
  display: inline-block;
  position: relative;
  border-right: 2px solid #4BA68B;
  border-bottom: 2px solid #4BA68B;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
  top: 2px;
}

.arrow-blue {
  display: inline-block;
  position: relative;
  border-right: 2px solid #4A82FF;
  border-bottom: 2px solid #4A82FF;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
  top: 2px;
}

.arrow-black {
  display: inline-block;
  position: relative;
  border-right: 2px solid #334055;
  border-bottom: 2px solid #334055;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
  top: 2px;
}

.colored-sec a {
  margin-top: 20px;
}
@media (min-width: 767px) {
  .colored-sec a {
    margin-top: 48px;
  }
}

.blue-g {
  background: linear-gradient(286.66deg, #2F3BE7 10.19%, #2ACBFE 108.25%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
  line-height: unset;
}

.cyan-g {
  background: linear-gradient(103.18deg, #5552FF 4.57%, #00C1EB 54.07%, #00E3AD 105.85%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}

.text-grey {
  color: #94A3B8 !important;
}

section.about-us-block {
  position: relative;
  z-index: 15;
  background: linear-gradient(180deg, #FFF3F6 0%, #FFFFFF 100%);
}
@media (max-width: 767px) {
  section.about-us-block h2 {
    line-height: 1.12;
    font-size: 36px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}
@media (max-width: 767px) {
  section.about-us-block p {
    line-height: 1.45;
    font-size: 20px;
    letter-spacing: -0.3px;
    margin-bottom: 40px;
  }
  section.about-us-block p br {
    display: none;
  }
}

section.home-banner {
  position: relative;
}
section.home-banner:after {
  content: "";
  position: absolute;
  opacity: 0.32;
  transform: rotate(71.64deg);
  width: 700.4px;
  height: 699.22px;
  background: #FF5621;
  right: -300px;
  top: 300px;
  display: none;
}
section.home-banner .color-blur {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  section.home-banner .color-blur {
    right: 0;
    top: -90px;
    min-width: 600px;
  }
}

.home-banner-in {
  padding: 120px 0 30px;
  position: relative;
  z-index: 5;
}
@media (min-width: 767px) {
  .home-banner-in {
    padding: 192px 0 85px;
  }
}
.home-banner-in h1 {
  margin-bottom: 34px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .home-banner-in h1 {
    line-height: 1.12;
    font-size: 36px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}
.home-banner-in p {
  font-size: 26px;
  line-height: 37px;
  letter-spacing: -0.24px;
  color: #334055;
  margin-bottom: 1px;
}
@media (max-width: 767px) {
  .home-banner-in p {
    line-height: 1.45;
    font-size: 20px;
    letter-spacing: -0.3px;
  }
  .home-banner-in p br {
    display: none;
  }
}

.empowering-sec {
  position: relative;
  padding: 80px 0;
  z-index: 15;
}
@media (max-width: 767px) {
  .empowering-sec {
    overflow: hidden;
    width: 100%;
  }
}
.empowering-sec > .container {
  position: relative;
  z-index: 20;
}
@media (min-width: 767px) {
  .empowering-sec {
    padding: 137px 0;
  }
}
.empowering-sec .row {
  z-index: 10;
}
@media (min-width: 992px) {
  .empowering-sec .row .col-lg-3:first-child {
    margin-left: 100px;
  }
}
.empowering-sec:after {
  content: "";
  position: absolute;
  opacity: 0.7;
  width: 1400px;
  height: 1100px;
  background: url(../images/cyan.png) no-repeat left;
  left: -300px;
  top: 200px;
  background-size: 70%;
}
.empowering-sec .h1 {
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.12;
  font-size: 36px;
}
@media (max-width: 767px) {
  .empowering-sec .h1 {
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}
@media (min-width: 767px) {
  .empowering-sec .h1 {
    margin-bottom: 42px;
    font-size: 72px;
    line-height: 72px;
  }
}
.empowering-sec .ep-p {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.4px;
  color: #334055;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .empowering-sec .ep-p {
    line-height: 1.45;
    font-size: 20px;
    letter-spacing: -0.3px;
  }
  .empowering-sec .ep-p br {
    display: none;
  }
}
@media (min-width: 767px) {
  .empowering-sec .ep-p {
    margin-bottom: 100px;
  }
}

.counts-div {
  position: relative;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .counts-div {
    display: flex;
    align-items: center;
    text-align: left;
    margin-top: 0;
  }
  .counts-div .nums {
    margin-right: 15px;
    text-align: left;
    font-size: 45px;
    letter-spacing: -1.4px;
  }
  .counts-div p {
    text-align: left;
    margin-bottom: -3px;
  }
}
.counts-div p {
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #475569;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
@media (min-width: 992px) {
  .counts-div p {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 767px) {
  .counts-div p {
    text-align: left;
  }
}

.nums {
  font-weight: 600;
  font-size: 64px;
  line-height: 76px;
  letter-spacing: -2.56px;
  margin-bottom: 8px;
  text-align: center;
}
@media (min-width: 767px) {
  .nums {
    font-size: 70px;
    line-height: 76px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .nums {
    font-size: 84px;
    line-height: 96px;
  }
}

.video-section {
  position: relative;
  padding: 0px 0 0px;
  z-index: 100;
}
@media (min-width: 767px) {
  .video-section {
    padding: 0px 0 100px;
  }
}

.intro-video {
  width: 100%;
  height: 100%;
}

.video-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.video-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.329) url(../images/close.svg) no-repeat center;
  background-size: 28px;
  border: none;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  outline: none;
  cursor: pointer;
  outline: none !important;
}

.clip-video {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  min-height: 560px;
  height: 350px;
  overflow: hidden;
  transition: all 800ms linear 200ms;
  z-index: 100;
}
.clip-video.full-view {
  height: 100vh;
  transition: all 800ms linear 400ms;
}
.clip-video.full-view .video-text {
  opacity: 0;
  visibility: hidden;
}
.clip-video.full-view .video-close {
  opacity: 1;
  visibility: visible;
}
.clip-video.full-view .video-btn {
  display: none;
}
@media (max-width: 767px) {
  .clip-video.full-view video {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.clip-video.fixed-view {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.clip-video img, .clip-video video {
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: 0px 20px 40px -20px rgba(80, 85, 167, 0.34);
  transition: all linear 100ms;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 1200px) {
  .clip-video img, .clip-video video {
    max-width: 100%;
  }
}

.video-text {
  bottom: 0;
  z-index: 5;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0px 15px 50px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4%, rgb(0, 0, 0) 90%);
  transition: all ease 500ms;
  position: absolute;
}
@media (min-width: 767px) {
  .video-text {
    padding: 0px 130px 50px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .video-text {
    padding: 0px 130px 80px;
  }
}
.video-text p {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -0.72px;
  text-shadow: 0px 16px 40px rgba(11, 24, 43, 0.32);
  max-width: 700px;
  margin: 0 auto;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .video-text p {
    color: #FFFFFF;
    font-size: 32px;
    line-height: 42px;
  }
}

.play-btn {
  position: relative;
  display: flex;
  width: 116px;
  height: 116px;
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(11, 24, 43, 0.16);
  margin: 0 auto 30px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: all ease 210ms;
  will-change: transform;
}
.play-btn:hover {
  transform: scale(1.07);
  box-shadow: 0px 16px 35px rgba(11, 24, 43, 0.21);
}
@media (max-width: 767px) {
  .play-btn {
    bottom: 220px;
    width: 70px;
    height: 70px;
    margin-bottom: -20px;
  }
}
@media (max-width: 480px) {
  .play-btn {
    bottom: 120px;
  }
}
.play-btn:after {
  content: "";
  position: relative;
  background-color: #64748B;
  width: 35px;
  height: 35px;
  -webkit-clip-path: polygon(50% 28%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 28%, 0% 100%, 100% 100%);
  transform: rotate(90deg) translateY(-8px);
}
@media (max-width: 767px) {
  .play-btn:after {
    width: 25px;
    height: 25px;
    transform: rotate(90deg) translateY(-6px);
  }
}

body.full-view {
  overflow: hidden;
}

.header-wrap.full-view {
  transform: translateY(-100%);
}

.approach-block .h1 {
  font-weight: 600;
  margin-bottom: 50px;
  line-height: 1.12;
  font-size: 42px;
  letter-spacing: -2px;
}
@media (min-width: 767px) {
  .approach-block .h1 {
    font-size: 96px;
    line-height: 100px;
    margin-bottom: 99px;
  }
}

.blue-sec.colored-sec:after {
  height: 104%;
}
@media (max-width: 767px) {
  .blue-sec.colored-sec:after {
    height: 85%;
  }
}
@media (max-width: 480px) {
  .blue-sec.colored-sec:after {
    height: 92%;
  }
}

section.ai-section {
  position: relative;
  z-index: 15;
  padding: 60px 0 80px;
  background: linear-gradient(0deg, rgba(243, 248, 255, 0), rgba(243, 248, 255, 0.63), #f3f8ff);
}
@media (min-width: 767px) {
  section.ai-section {
    padding: 60px 0 180px;
  }
}
section.ai-section .h2_3 {
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  section.ai-section .h2_3 {
    line-height: 1.12;
    font-size: 36px;
    letter-spacing: -0.5px;
    margin-bottom: 0.7em;
  }
}

.ai-cards {
  position: relative;
  padding: 36px 30px;
  margin-top: 20px;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  border-radius: 4px;
  min-height: 500px;
}
@media (min-width: 767px) {
  .ai-cards {
    padding: 56px 48px;
    min-height: 643px;
  }
}
.ai-cards.ai-card {
  background: url(../images/ai.png) no-repeat center;
  background-size: cover;
}
.ai-cards.ai-card h4 {
  color: white;
}
@media (max-width: 767px) {
  .ai-cards.ai-card h4 {
    font-size: 27px;
    line-height: 1.17;
  }
  .ai-cards.ai-card h4 br {
    display: none;
  }
}
.ai-cards.ai-card label {
  margin-bottom: 16px;
  color: #FCFEFF;
  opacity: 0.64;
}
.ai-cards.dm-card {
  background: #FFD7DD;
}
.ai-cards label {
  margin-bottom: 16px;
  color: #131615;
  opacity: 0.64;
}
.ai-cards h4 {
  font-weight: 600;
}
.ai-cards a {
  margin-top: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.ai-cards .dm-img {
  position: absolute;
  max-width: 320px;
  right: -35px;
  bottom: 0px;
}
@media (min-width: 767px) {
  .ai-cards .dm-img {
    max-width: 470px;
    right: -35px;
    bottom: -20px;
  }
}

@media (max-width: 767px) {
  .helping-clients {
    overflow: hidden;
  }
}
.helping-clients .red-blu {
  background: linear-gradient(282.61deg, #3955FF 4.84%, #A066FF 46.49%, #FF1787 90.39%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}
@media (max-width: 767px) {
  .helping-clients .h2_3 {
    line-height: 1.13;
    font-size: 35px;
    letter-spacing: -0.6px;
    margin-bottom: 0.6em;
  }
}

.span-magenta {
  color: #EE156B;
}

.span-royal {
  color: #474DE0;
}

.span-blue {
  color: #107DCD;
}

.span-orange {
  color: #FF5824;
}

.span-blue2 {
  color: #1456F2;
}

.case-study-inner {
  position: relative;
  overflow: hidden;
}
.case-study-inner.fingertips-CSI {
  background: url(../images/casebg.png) no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 992px) {
  .case-study-inner.fingertips-CSI {
    background-position: bottom;
  }
}
.case-study-inner.fingertips-CSI .case-chips.revenue-chip p span {
  color: #99003C;
}
.case-study-inner.fingertips-CSI .case-chips.orders-chip p span {
  color: #2E9169;
}
.case-study-inner.fingertips-CSI .case-imgs {
  right: 0;
  left: 0;
}
@media (max-width: 992px) {
  .case-study-inner.fingertips-CSI .case-imgs {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .case-study-inner.fingertips-CSI .case-imgs {
    min-width: 100%;
    height: auto;
    margin-bottom: 20px;
    transform: scale(1.02);
  }
}
.case-study-inner.kaspr-CSI {
  background: url(../images/kasprCsi.png) no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 1200px) {
  .case-study-inner.kaspr-CSI {
    background-position: left;
  }
}
@media (max-width: 767px) {
  .case-study-inner.kaspr-CSI .case-imgs {
    min-width: 100%;
    height: auto;
    margin-bottom: 20px;
    transform: scale(1.02);
    right: 0;
    margin: 40px 0;
  }
}
.case-study-inner.travalot-CSI {
  background: url(../images/travalotCsi.png) no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 992px) {
  .case-study-inner.travalot-CSI {
    background-position: bottom;
  }
}
@media (max-width: 767px) {
  .case-study-inner.travalot-CSI .case-imgs {
    min-width: 100%;
    height: auto;
    margin-bottom: 20px;
    transform: scale(1.4);
    right: 0;
    margin: 40px 0;
  }
}
.case-study-inner.powerlook-CSI {
  background: url(../images/powerlookCsi.png) no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 992px) {
  .case-study-inner.powerlook-CSI {
    background-position: bottom;
  }
}
@media (max-width: 767px) {
  .case-study-inner.powerlook-CSI .case-imgs {
    margin: 74px 0 40px;
    transform: scale(1.2);
    height: auto;
    min-width: 100%;
    right: 0;
  }
}
.case-study-inner.jogi-CSI {
  background: url(../images/jogiworkCsi.png) no-repeat right bottom;
  background-size: cover;
}
@media (max-width: 1200px) {
  .case-study-inner.jogi-CSI {
    background-position: bottom;
  }
}
.case-study-inner:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(143.64deg, #FFFFFF 11.4%, #FFEEF3 78.8%);
  display: none;
}

.case-study-sec {
  padding: 0;
  margin-top: 0px;
  position: relative;
  align-items: center;
  z-index: 10;
  min-height: 100vh;
}
.case-study-sec > div:first-child {
  padding: 90px 15px 0;
}
@media (min-width: 992px) {
  .case-study-sec > div:first-child {
    padding: 170px 15px;
  }
}
@media (min-width: 992px) {
  .case-study-sec > div:first-child {
    padding: 170px 15px;
  }
}
@media (min-width: 767px) {
  .case-study-sec {
    margin-top: 0px;
  }
}
.case-study-sec .case-img {
  margin-bottom: 30px;
}
.case-study-sec h3 {
  font-weight: 600;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .case-study-sec h3 {
    line-height: 1.2;
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}

.case-chips {
  display: grid;
  grid-template-columns: 36px auto;
  align-items: center;
  gap: 15px;
  border-radius: 48px;
  padding: 7px 17px 7px 0;
  margin-bottom: 0px;
  max-width: 500px;
}
.case-chips p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.12px;
}
.case-chips p span {
  font-weight: 600;
}

.case-imgs {
  filter: drop-shadow(0px 16px 36px rgba(0, 0, 0, 0.11));
  min-width: 1000px;
  position: relative;
  right: 200px;
  height: 700px;
}
@media (min-width: 767px) {
  .case-imgs {
    right: 100px;
  }
}

section.advanced-business {
  position: relative;
  color: white;
  background: #060620;
  overflow: hidden;
  padding: 80px 0;
}
section.advanced-business h3 {
  position: relative;
  z-index: 5;
}
@media (min-width: 767px) {
  section.advanced-business {
    padding: 156px 0;
  }
}
section.advanced-business:before {
  content: "";
  width: 934.59px;
  height: 924.4px;
  position: absolute;
  background: #4856CF;
  opacity: 0.64;
  filter: blur(350px);
  transform: rotate(72.89deg);
  z-index: 1;
  right: -300px;
  top: -320px;
  display: none;
}
section.advanced-business .container {
  position: relative;
  z-index: 10;
}
section.advanced-business h3 {
  font-weight: 600;
  letter-spacing: -1.32px;
  color: #FFFFFF;
  opacity: 0.97;
}

ul.nav.ab-nav {
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  z-index: 10;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
ul.nav.ab-nav::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
ul.nav.ab-nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}
ul.nav.ab-nav::-webkit-scrollbar-thumb {
  background: #888;
}
ul.nav.ab-nav::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 992px) {
  ul.nav.ab-nav {
    overflow: auto;
    margin-bottom: 25px;
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  ul.nav.ab-nav {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  ul.nav.ab-nav li {
    white-space: nowrap;
    margin-right: 15px;
  }
}
ul.nav.ab-nav li a {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #656587;
  margin-bottom: 10px;
  padding-bottom: 2px;
  transition: all ease 220ms;
  color: rgba(255, 255, 255, 0.52);
}
ul.nav.ab-nav li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 2px solid #8E9EFF;
  left: 0;
  right: 100%;
  transition: all cubic-bezier(0.04, 0.3, 0.72, 0.92) 400ms;
}
@media (min-width: 767px) {
  ul.nav.ab-nav li a {
    font-size: 32px;
    line-height: 37px;
  }
}
@media (min-width: 992px) {
  ul.nav.ab-nav li a {
    font-size: 40px;
    line-height: 48px;
  }
}
ul.nav.ab-nav li a.Fintech:after {
  border-color: #8E9EFF;
}
ul.nav.ab-nav li a.Healthcare:after {
  border-color: #00D19A;
}
ul.nav.ab-nav li a.HomeService:after {
  border-color: #AB68FF;
}
ul.nav.ab-nav li a.RealEstate:after {
  border-color: #56C2FF;
}
ul.nav.ab-nav li a.VideoStreaming:after {
  border-color: #FF6845;
}
ul.nav.ab-nav li a.Travel:after {
  border-color: #FF0158;
}
ul.nav.ab-nav li a.Management:after {
  border-color: #2293FF;
}
ul.nav.ab-nav li a.Education:after {
  border-color: #FFD84D;
}
ul.nav.ab-nav li a.active {
  color: #8E9EFF;
}
ul.nav.ab-nav li a.active.Fintech {
  color: #8E9EFF;
}
ul.nav.ab-nav li a.active.Fintech:after {
  border-color: #8E9EFF;
}
ul.nav.ab-nav li a.active.Healthcare {
  color: #00D19A;
}
ul.nav.ab-nav li a.active.Healthcare:after {
  border-color: #00D19A;
}
ul.nav.ab-nav li a.active.HomeService {
  color: #AB68FF;
}
ul.nav.ab-nav li a.active.HomeService:after {
  border-color: #AB68FF;
}
ul.nav.ab-nav li a.active.RealEstate {
  color: #56C2FF;
}
ul.nav.ab-nav li a.active.RealEstate:after {
  border-color: #56C2FF;
}
ul.nav.ab-nav li a.active.VideoStreaming {
  color: #FF6845;
}
ul.nav.ab-nav li a.active.VideoStreaming:after {
  border-color: #FF6845;
}
ul.nav.ab-nav li a.active.Travel {
  color: #FF0158;
}
ul.nav.ab-nav li a.active.Travel:after {
  border-color: #FF0158;
}
ul.nav.ab-nav li a.active.Management {
  color: #2293FF;
}
ul.nav.ab-nav li a.active.Management:after {
  border-color: #2293FF;
}
ul.nav.ab-nav li a.active.Education {
  color: #FFD84D;
}
ul.nav.ab-nav li a.active.Education:after {
  border-color: #FFD84D;
}
ul.nav.ab-nav li a.active:after {
  right: 0;
}

.ab-tabs {
  padding-top: 60px;
}
.ab-tabs .tab-content {
  position: relative;
}
.ab-tabs .tab-pane {
  transition: all 350ms cubic-bezier(0.26, 0, 0.49, 0.76);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.ab-tabs .tab-pane.active {
  opacity: 1;
  visibility: visible;
}
.ab-tabs .tab-pane:first-child {
  position: relative;
}
.ab-tabs .tab-pane#Fintech:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/fintech.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#Fintech:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#Fintech:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#Fintech:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#Healthcare:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/healthcare.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#Healthcare:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#Healthcare:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#Healthcare:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#HomeService:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/homeservice1.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#HomeService:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#HomeService:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#HomeService:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#RealEstate:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/realestate1.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#RealEstate:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#RealEstate:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#RealEstate:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#VideoStreaming:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/video.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#VideoStreaming:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#VideoStreaming:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#VideoStreaming:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#Travel:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/travel.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#Travel:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#Travel:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#Travel:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#Management:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/management.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#Management:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#Management:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#Management:before {
    left: 0;
  }
}
.ab-tabs .tab-pane#Education:before {
  content: "";
  width: 1300px;
  height: 1200px;
  position: absolute;
  background-image: url(../images/education.png);
  left: -310px;
  bottom: 0px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: -1;
}
@media (min-width: 767px) {
  .ab-tabs .tab-pane#Education:before {
    width: 1300px;
    height: 1300px;
    left: 0;
    bottom: 130px;
  }
}
@media (min-width: 992px) {
  .ab-tabs .tab-pane#Education:before {
    width: 1200px;
    width: 1200px;
    bottom: 0;
    left: -200px;
  }
}
@media (min-width: 1200px) {
  .ab-tabs .tab-pane#Education:before {
    left: 0;
  }
}

.blog-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .blog-grid {
    grid-template-columns: minmax(auto, 470px) auto;
  }
}
.blog-grid h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #FF306D;
  margin-bottom: 24px;
}

section.blog-tiles {
  position: relative;
  padding: 60px 0 60px;
}
@media (min-width: 767px) {
  section.blog-tiles {
    padding: 144px 0 170px;
  }
}
section.blog-tiles h2 {
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 767px) {
  section.blog-tiles h2 {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  section.blog-tiles h2 {
    line-height: 1.12;
    font-size: 32px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}
@media (max-width: 767px) {
  section.blog-tiles h4 {
    line-height: 1.24;
    font-size: 25px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}

.blog-tile-img {
  position: relative;
  width: 100%;
  padding-bottom: 78%;
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 4px;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
  will-change: transform;
}
.blog-tile-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
  will-change: transform;
  transform: scale(1.05);
}
.blog-tile-img.sm {
  margin-bottom: 12px;
}

.blog-tile {
  position: relative;
  margin-bottom: 40px;
}
.blog-tile > a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 4;
}
.blog-tile:hover .blog-tile-img {
  transform: scale(1.03);
}
.blog-tile:hover .blog-tile-img img {
  transform: scale(1);
}
.blog-tile h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-bottom: 24px;
}
.blog-tile h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-bottom: 12px;
}
.blog-tile p {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #566985;
}
.blog-tile p.sm {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
}
.blog-tile p a {
  font-weight: 500;
  color: #3682FE;
}

.latest-blogs-sec {
  padding-top: 50px;
}
@media (min-width: 992px) {
  .latest-blogs-sec {
    padding-left: 50px;
    padding-top: 0;
  }
}
.latest-blogs-sec .row {
  margin-left: -25px;
  margin-right: -25px;
}
.latest-blogs-sec .row > div {
  padding-left: 25px;
  padding-right: 25px;
}

.community-section {
  position: relative;
  margin-top: 80px;
}
@media (min-width: 767px) {
  .community-section {
    margin-top: 160px;
  }
}
.community-section .row {
  align-items: center;
}

.comm-text {
  width: auto;
  position: relative;
  z-index: 11;
}
@media (min-width: 767px) {
  .comm-text {
    width: 506px !important;
    margin-left: 50px;
  }
}
.comm-text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.12px;
  color: #FF6066;
  margin-bottom: 16px;
}
.comm-text h4 {
  font-weight: 600;
  letter-spacing: -1.48px;
  color: #222E3F;
  opacity: 0.95;
  text-shadow: 1px 4px 12px rgba(255, 255, 255, 0.32);
  font-size: 34px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .comm-text h4 {
    line-height: 1.16;
    font-size: 28px;
    letter-spacing: -0.5px;
    margin-bottom: 0.6em;
  }
}
@media (min-width: 767px) {
  .comm-text h4 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (max-width: 1200px) {
  .colored-sec h4 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .colored-sec h4 {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .colored-sec p {
    line-height: 1.4;
    font-size: 19px;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 767px) {
  .colored-sec .big-colored-text {
    line-height: 1.17;
    font-size: 30px;
    letter-spacing: -0.014em;
    margin-top: 80px;
  }
}
.colored-sec .col-lg-7 > div p:last-child {
  margin-bottom: 30px;
}

.animateme {
  will-change: transform, opacity;
}
@media (max-width: 1200px) {
  .animateme {
    transform: translateZ(0) !important;
    opacity: 1 !important;
  }
}

.comm_img {
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .comm_img {
    max-width: 500px;
    margin: -33px 0 0 auto;
  }
  .comm_img img {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .comm_img {
    max-width: 500px;
    margin: 30px 0 0 auto;
  }
  .comm_img img {
    opacity: 1;
  }
}

.blue-g {
  padding-bottom: 6px;
}

@media (max-width: 767px) {
  .big-colored-text {
    margin-bottom: 60px !important;
  }
}

.alert.cookie-alert {
  position: fixed;
  bottom: 20px;
  left: 0px;
  right: 0px;
  background: white;
  z-index: 100;
  box-shadow: 0px -7px 18px -10px rgba(0, 0, 0, 0.06);
  background-color: white;
  bottom: 0;
  margin-bottom: 0;
  padding: 30px 0px;
}
@media (min-width: 767px) {
  .alert.cookie-alert {
    padding: 20px 0px;
  }
}

.cookies-text {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
}
.cookies-text p {
  font-size: 12px;
  color: #334055;
  line-height: 1.5;
}

.btn-cookies {
  display: flex;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .btn-cookies {
    justify-content: center;
    margin-top: 0;
  }
}
.btn-cookies a {
  display: block;
  font-size: 14px;
  border: 1px solid #007AFF;
  text-align: center;
  padding: 6px 20px;
  border-radius: 40px;
  flex-shrink: 0;
  font-weight: 500;
  transition: all ease 220ms;
}
.btn-cookies a:nth-child(1) {
  color: white;
  background-color: #007AFF;
  margin-right: 10px;
}
.btn-cookies a:nth-child(1):hover {
  background-color: #076bd8;
}
.btn-cookies a:nth-child(2) {
  color: #007AFF;
  background-color: rgba(54, 130, 254, 0.08);
  border-color: rgba(54, 130, 254, 0.08);
}
.btn-cookies a:nth-child(2):hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 380px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*** Career ***/
.career-banner {
  position: relative;
}

.career-imgs {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
@media (max-width: 767px) {
  .career-imgs {
    padding-top: 22px;
  }
}

.ci-imgs {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  transform: translateX(0px);
}
@media (min-width: 767px) {
  .ci-imgs {
    transform: translateX(-80px);
  }
}
.ci-imgs .ci-img {
  margin: 0 15px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.ci-imgs .ci-img:nth-child(even) {
  bottom: 20px;
}
@media (max-width: 767px) {
  .ci-imgs .ci-img {
    max-width: 260px;
  }
  .ci-imgs .ci-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.join-us {
  position: relative;
  padding: 100px 0 50px;
}
@media (min-width: 767px) {
  .join-us {
    padding: 200px 0 90px;
  }
}
@media (min-width: 992px) {
  .join-us {
    padding: 200px 0 100px;
  }
}
.join-us .heading h2 {
  font-weight: 600;
  font-size: 38px;
  letter-spacing: -1.72px;
  line-height: 1.26;
  margin-bottom: 26px;
}
@media (min-width: 767px) {
  .join-us .heading h2 {
    font-size: 64px;
    letter-spacing: -2.72px;
    line-height: 1.26;
  }
}
.join-us .heading p {
  font-size: 24px;
  line-height: 1.54;
  margin-bottom: 42px;
  letter-spacing: -0.24px;
  color: #334055;
}
@media (max-width: 767px) {
  .join-us .heading p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.join-us .heading p:last-child {
  margin-bottom: 0;
}
.join-us .heading p span {
  display: block;
}

.c-cards {
  position: relative;
  padding-top: 110px;
}

.c-card {
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .c-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
}
.c-card .c-img {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .c-card .c-img {
    margin-bottom: 25px;
    margin-right: 20px;
    max-width: 50px;
  }
}
.c-card h4 {
  margin-bottom: 30px;
  color: #334055;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .c-card h4 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.c-card h5 {
  font-family: "Graphik";
  letter-spacing: -0.24px;
  font-size: 20px;
  line-height: 1.5;
  color: #334055;
  font-weight: 400;
}

.blue-bg-sec {
  position: relative;
  z-index: 10;
}
.blue-bg-sec:after {
  content: "";
  position: absolute;
  background: url(../images/blueSpot.png) no-repeat top;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100%;
  z-index: -1;
}

.our-valuess {
  position: relative;
  padding: 50px 0 120px;
  overflow: hidden;
}

.our-values-in {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 8px 64px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 50px 20px 50px;
}
@media (max-width: 767px) {
  .our-values-in {
    margin: 0 -15px;
  }
}
@media (min-width: 767px) {
  .our-values-in {
    padding: 82px;
  }
}
.our-values-in .heading h2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 1.27;
  color: #334055;
  margin-bottom: 15px;
}
@media (min-width: 767px) {
  .our-values-in .heading h2 {
    font-size: 64px;
  }
}
@media (min-width: 767px) {
  .our-values-in .heading h2 {
    margin-bottom: 26px;
  }
}
.our-values-in .heading h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.54;
  color: #334055;
  letter-spacing: -0.24px;
}
@media (min-width: 767px) {
  .our-values-in .heading h5 {
    font-size: 24px;
  }
}
@media (min-width: 767px) {
  .our-values-in {
    padding: 82px;
  }
}

.values-img {
  position: relative;
  margin: 30px 0 0;
}
@media (min-width: 992px) {
  .values-img {
    margin: 30px 0 0;
  }
}
@media (min-width: 1200px) {
  .values-img {
    margin: -110px -140px 0 100px;
  }
}

.values-slider {
  position: relative;
  display: flex;
  margin: 150px 0px 0;
}
@media (min-width: 767px) {
  .values-slider {
    margin: 150px -50px 0;
  }
}
@media (min-width: 992px) {
  .values-slider {
    margin: 150px -50px 0;
  }
}
.values-slider .slick-arrow {
  position: absolute;
  left: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  outline: none;
  cursor: pointer;
  top: -60px;
}
@media (min-width: 992px) {
  .values-slider .slick-arrow {
    top: -120px;
  }
}
.values-slider .slick-arrow:after {
  display: none;
}
.values-slider .slick-arrow.slick-next {
  left: 80px;
}
@media (min-width: 767px) {
  .values-slider .slick-arrow.slick-next {
    left: 120px;
  }
}
.values-slider .slick-arrow.slick-prev {
  left: 10px;
}
@media (min-width: 767px) {
  .values-slider .slick-arrow.slick-prev {
    left: 52px;
  }
}
.values-slider .slick-arrow.slick-prev img {
  transform: rotate(180deg);
}
.values-slider .slick-arrow.slick-disabled {
  opacity: 1;
  visibility: visible;
  filter: grayscale(1);
  opacity: 0.6;
}

.v-card {
  position: relative;
  width: 100%;
  margin: 0 10px;
}
@media (min-width: 767px) {
  .v-card {
    margin: 0 50px;
  }
}
@media (min-width: 992px) {
  .v-card {
    margin: 0 50px;
    max-width: 444px;
  }
}
.v-card .v-num {
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  font-family: "Graphik";
  letter-spacing: -2.32px;
  color: #DDE1EB;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .v-card .v-num {
    font-size: 96px;
    line-height: 1;
    margin-bottom: 52px;
  }
}
.v-card h4 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 15px;
  letter-spacing: -0.48px;
  line-height: 1.25;
}
@media (min-width: 767px) {
  .v-card h4 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 24px;
  }
}
.v-card p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.24px;
  color: #334055;
  line-height: 1.67;
}
@media (min-width: 767px) {
  .v-card p {
    font-size: 18px;
  }
}

.join-team {
  position: relative;
  padding-bottom: 140px;
}
.join-team .heading {
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 767px) {
  .join-team .heading {
    margin-bottom: 90px;
  }
}
.join-team .heading label {
  margin-bottom: 24px;
}

.openings-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 2.5px dashed #90A0B9;
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .openings-head {
    display: none;
  }
}
.openings-head > div:nth-child(1) {
  width: 100%;
  max-width: 400px;
}
.openings-head > div:nth-child(2) {
  margin-right: auto;
}

.openings-body {
  position: relative;
}
.openings-body .op-body {
  display: block;
}
@media (min-width: 767px) {
  .openings-body .op-body {
    display: flex;
  }
}
.openings-body .op-body > div {
  position: relative;
  margin-top: 30px;
  width: 100%;
}
.openings-body .op-body > div:nth-child(2) {
  margin-top: 20px;
}
@media (min-width: 767px) {
  .openings-body .op-body > div:nth-child(2) {
    margin-top: 30px;
  }
}
.openings-body .op-body > div h5 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  line-height: 1.67;
  min-height: 66px;
  width: 260px;
}

.roles-sec {
  position: relative;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 15px 20px;
  transition: all ease 250ms;
}
@media (max-width: 767px) {
  .roles-sec {
    margin-bottom: 0;
    border: 1px solid rgb(236, 238, 240);
    margin-bottom: 20px;
  }
}
@media (min-width: 767px) {
  .roles-sec {
    padding: 15px 30px;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .roles-sec {
    margin-left: -30px;
  }
}
.roles-sec:hover {
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.06);
  z-index: 10;
}
.roles-sec:hover .roles h6 {
  color: #007AFF;
}
.roles-sec:hover .roles h6:after {
  opacity: 1;
}
.roles-sec a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
}
.roles-sec .roles h6 {
  font-size: 20px;
  line-height: 2;
  color: #007AFF;
  font-weight: 600;
  opacity: 0.95;
  transition: all ease 250ms;
}
@media (min-width: 767px) {
  .roles-sec .roles h6 {
    color: #0B182B;
  }
}
.roles-sec .roles h6:after {
  content: "";
  display: inline-block;
  position: relative;
  background: url(../images/arrow-link.svg) no-repeat center;
  width: 20px;
  height: 20px;
  top: 4px;
  opacity: 1;
  transition: all ease 270ms;
}
@media (min-width: 767px) {
  .roles-sec .roles h6:after {
    opacity: 0;
  }
}
.roles-sec .roles p {
  font-size: 16px;
  color: #94A3B8;
}
@media (min-width: 767px) {
  .roles-sec .expc {
    margin-left: auto;
  }
}
.roles-sec .expc h6 {
  font-size: 20px;
  line-height: 2;
  color: #0B182B;
  font-weight: 400;
  opacity: 0.95;
}

.roles.expc {
  width: 480px;
}

.side-modal {
  padding-right: 0 !important;
}
.side-modal.show {
  z-index: 1100;
}
.side-modal .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%) !important;
  background-color: white;
  width: 100%;
  max-width: 870px;
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.side-modal .modal-dialog.w1020 {
  max-width: 1020px;
}
@media (max-width: 1200px) {
  .side-modal .modal-dialog.w1020 {
    width: 100%;
  }
}
.side-modal .modal-dialog .modal-content {
  border: none;
  padding: 57px 20px;
}
@media (min-width: 767px) {
  .side-modal .modal-dialog .modal-content {
    padding: 57px 70px;
  }
}
.side-modal.show {
  display: flex;
}
.side-modal.show .modal-dialog {
  transform: translate(0%, 0%) !important;
}

.side-m-head {
  display: flex;
  margin-bottom: 30px;
}
.side-m-head .close-b {
  margin-left: auto;
}
.side-m-head h3 {
  font-weight: 600;
  font-size: 42px;
  letter-spacing: -0.12px;
  line-height: 1;
  color: #212529;
  margin-bottom: 20px;
}

.opn-place {
  display: flex;
}
@media (max-width: 767px) {
  .opn-place {
    flex-direction: column;
    padding-top: 20px;
  }
}
.opn-place > div {
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.12px;
  line-height: 1;
  color: #5D758E;
}
@media (max-width: 767px) {
  .opn-place > div {
    margin-bottom: 15px;
  }
  .opn-place > div:nth-child(2) {
    margin-bottom: 0;
  }
}
.opn-place > div span {
  margin-right: 7px;
}

.apply-btn a, .apply-btn button {
  background-color: rgba(54, 130, 254, 0.08);
  box-shadow: none;
  font-size: 16px;
  color: #3682FE !important;
}
.apply-btn a:hover, .apply-btn button:hover {
  box-shadow: none;
}

.job-desc {
  margin: 40px 0 0px;
  border-bottom: 2.5px dashed rgba(144, 160, 185, 0.18);
  padding-bottom: 40px;
}
.job-desc:nth-last-child(2) {
  border-bottom: none;
}
.job-desc h5 {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -0.12px;
  color: #212529;
  margin-bottom: 26px;
}
.job-desc p {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.12px;
  color: #334055;
  margin-bottom: 24px;
}
.job-desc p:last-child {
  margin-bottom: 0;
}
.job-desc ul {
  padding-left: 20px;
}
.job-desc ul li {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.12px;
  color: #334055;
  margin-bottom: 15px;
  list-style: disc;
}

.job-apply h5 {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -0.12px;
  color: #212529;
  margin-bottom: 18px;
}
.job-apply p {
  font-size: 16px;
  letter-spacing: -0.12px;
  color: #5D758E;
  line-height: 1.12;
}

.apply-form {
  position: relative;
  margin: 50px 0;
}
.apply-form input {
  background-color: white;
}
.apply-form .floating-effect {
  margin-bottom: 32px;
}
.apply-form .checkbox {
  margin-bottom: 30px;
}
.apply-form .row > div > p {
  display: flex;
  margin-bottom: 16px;
}
.apply-form .row > div > p span {
  margin-left: auto;
}
.apply-form .btn {
  font-size: 18px;
  font-weight: 500;
}
.apply-form .btn .arrow-btn-wrap {
  box-shadow: none;
}

.cv-upload {
  position: relative;
  margin-bottom: 35px;
}
.cv-upload p {
  font-size: 18px;
  line-height: 1.44;
  color: #007AFF;
  padding: 19px 15px;
  background: rgba(215, 229, 255, 0.7);
  border-radius: 10px;
  text-align: center;
  font-weight: 500;
}
.cv-upload input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.checkbox {
  position: relative;
}
.checkbox p {
  color: #5D758E;
  font-size: 14px;
  line-height: 1.8;
  display: flex;
  align-items: flex-start;
}
.checkbox p:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #DDE1EB;
  margin-right: 12px;
  top: 2px;
  flex-shrink: 0;
}
.checkbox input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 5;
  opacity: 0;
}
.checkbox input:checked + p:before {
  background-color: #007AFF;
}

.upSlide, .upSlide1, .upSlide2, .upSlide3, .upSlide4, .upSlide5 {
  position: relative;
  top: 40px;
  opacity: 0;
}

/*** Career ends ***/
/*** Ebook landing ends ***/
.ebook-land {
  position: relative;
  padding: 120px 0 20px;
  background: url(../images/ebook-bg.png) top;
  background-size: cover;
}
@media (min-width: 767px) {
  .ebook-land {
    padding: 170px 0 90px;
  }
}
.ebook-land .text h4 {
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .ebook-land .text h4 {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 32px;
  }
}
.ebook-land .text p {
  margin-bottom: 16px;
  line-height: 1.5;
}
@media (min-width: 767px) {
  .ebook-land .text p {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1200px) {
  .ebook-land .text p {
    max-width: 295px;
  }
}
.ebook-land .text ul {
  padding-left: 20px;
  list-style-type: disc;
}
.ebook-land .text ul li {
  margin-bottom: 16px;
  line-height: 1.5;
  list-style-type: disc;
}
@media (min-width: 767px) {
  .ebook-land .text ul li {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

.read-ebook {
  position: relative;
  max-width: 280px;
  margin: 30px auto 40px;
}
@media (min-width: 767px) {
  .read-ebook {
    margin: 0 auto;
  }
}
.read-ebook .button-white {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  max-width: 170px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.06);
  color: white;
}
.read-ebook .button-white .arrow-black {
  filter: invert(1) brightness(5);
}

.ebook-form {
  position: relative;
}
.ebook-form input {
  background-color: white;
}
.ebook-form .btn {
  min-width: 270px;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
@media (min-width: 767px) {
  .ebook-form .btn {
    font-size: 20px;
    height: 64px;
    line-height: 64px;
  }
}
.ebook-form form > div {
  margin-bottom: 28px;
}

.read-similar-books {
  position: relative;
  padding: 40px 0 20px;
}
@media (min-width: 992px) {
  .read-similar-books {
    padding: 100px 0 50px;
  }
}
@media (min-width: 767px) {
  .read-similar-books .title {
    font-size: 32px;
  }
}

.similar-book {
  position: relative;
  margin: 50px 0 20px;
  background: linear-gradient(310.25deg, #396D8B 27.8%, #253955 76.07%);
  border-radius: 10px;
  padding: 24px;
}
.similar-book.bg-blue {
  background: #007AFF;
}
.similar-book.bg-blue .button-white {
  color: #007AFF;
}
.similar-book:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500px;
  z-index: 1;
  background: url(../images/similar-pattern.svg) no-repeat center;
}
.similar-book .row {
  position: relative;
  z-index: 10;
}
@media (min-width: 767px) {
  .similar-book {
    padding: 40px;
  }
}
.similar-book figure {
  margin-bottom: 0;
  max-width: 210px;
}
.similar-book .text {
  padding-top: 24px;
  max-width: 464px;
}
.similar-book .text .new-released {
  color: white;
  margin-bottom: 10px;
  font-weight: 500;
}
.similar-book .text .h2 {
  font-size: 32px;
  color: white;
  margin-bottom: 30px;
  font-weight: 600;
}
@media (min-width: 767px) {
  .similar-book .text .h2 {
    font-size: 60px;
    line-height: 1.17;
  }
}
.similar-book .text .h3 {
  color: white;
  margin-bottom: 24px;
  font-weight: 600;
}
@media (min-width: 767px) {
  .similar-book .text .h3 {
    font-size: 40px;
    margin-bottom: 34px;
  }
}
.similar-book .text p {
  color: #FFFFFF;
  opacity: 0.6;
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .similar-book .text p {
    margin-bottom: 48px;
  }
}

/*** Ebook landing ends ***/
/*** Resources ***/
.resources-search {
  display: flex;
  align-items: center;
}
.resources-search > span {
  flex-shrink: 0;
  display: inline-block;
  margin-right: -22px;
  position: relative;
  z-index: 10;
  bottom: 2px;
  filter: brightness(0.5);
}
.resources-search input {
  width: 100%;
  border: none;
  font-size: 16px;
  padding: 10px 0px 10px 35px;
  border-bottom: 1px solid transparent;
  transition: all 200ms ease;
  background-color: transparent;
}
@media (min-width: 767px) {
  .resources-search input {
    font-size: 20px;
  }
}
.resources-search input::-moz-placeholder {
  opacity: 0.4;
}
.resources-search input::placeholder {
  opacity: 0.4;
}
.resources-search input:focus {
  outline: none;
  border-bottom: 1px solid #007AFF;
}

.heading-resources h1, .heading-resources .h1 {
  font-size: 40px;
  line-height: 1.17;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .heading-resources h1, .heading-resources .h1 {
    font-size: 68px;
    font-weight: 600;
    margin-bottom: 0px;
  }
}

.resources-banner {
  position: relative;
  background: url(../images/spot-bg.png);
  background-size: 100%;
}
@media (max-width: 767px) {
  .resources-banner {
    padding-bottom: 60px !important;
  }
}
.resources-banner .nb-tags-search {
  margin-bottom: 24px;
  border-bottom: none;
}

.blog-grid.resources-grid {
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .blog-grid.resources-grid {
    grid-template-columns: minmax(auto, 570px) auto;
  }
}
.blog-grid.resources-grid .blog-tile h4 {
  font-weight: 600;
  line-height: 1.15;
}
@media (min-width: 767px) {
  .blog-grid.resources-grid .blog-tile h4 {
    line-height: 1.25;
  }
}

.ebook-listing {
  position: relative;
  padding: 80px 0;
  background: #F6F8FC;
}

.book-card {
  position: relative;
  margin: 50px 0 20px;
  background: linear-gradient(310.25deg, #396D8B 27.8%, #253955 76.07%);
  border-radius: 10px;
  padding: 24px;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 200ms;
}
.book-card:hover {
  box-shadow: 0px 12px 27px -4px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}
.book-card.bg-blue {
  background: #007AFF;
}
.book-card.bg-blue .button-white {
  color: #007AFF;
}
.book-card:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500px;
  z-index: 1;
  background: url(../images/similar-pattern.svg) no-repeat center;
}
.book-card .row {
  position: relative;
  z-index: 10;
}
@media (min-width: 767px) {
  .book-card {
    padding: 40px;
  }
}
.book-card figure {
  margin-bottom: 0;
  max-width: 210px;
}
.book-card .text {
  padding-top: 24px;
  max-width: 464px;
}
.book-card .text .new-released {
  color: white;
  margin-bottom: 10px;
  font-weight: 500;
  display: none;
}
.book-card .text .author-book {
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: -0.0172em;
  color: white;
  font-weight: 500;
}
.book-card .text .button-white {
  display: none;
}
.book-card .text .h2 {
  font-size: 32px;
  color: white;
  margin-bottom: 30px;
  font-weight: 600;
}
@media (min-width: 767px) {
  .book-card .text .h2 {
    font-size: 60px;
    line-height: 1.17;
  }
}
.book-card .text .h3 {
  color: white;
  margin-bottom: 24px;
  font-weight: 600;
}
@media (min-width: 767px) {
  .book-card .text .h3 {
    font-size: 40px;
    margin-bottom: 34px;
  }
}
.book-card .text .h4 {
  color: white;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -0.0132em;
  margin-bottom: 32px;
}
.book-card .text p {
  color: #FFFFFF;
  opacity: 0.6;
  margin-bottom: 24px;
}
@media (min-width: 767px) {
  .book-card .text p {
    margin-bottom: 48px;
  }
}

.ebook-list > .row > div {
  display: flex;
}
.ebook-list > .row > div:first-child {
  max-width: 100%;
  flex: 0 0 100%;
}
.ebook-list > .row > div:first-child .book-card .row > div:nth-child(1) {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 767px) {
  .ebook-list > .row > div:first-child .book-card .row > div:nth-child(1) {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (min-width: 992px) {
  .ebook-list > .row > div:first-child .book-card .row > div:nth-child(1) {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.ebook-list > .row > div:first-child .book-card .row > div:nth-child(2) {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 767px) {
  .ebook-list > .row > div:first-child .book-card .row > div:nth-child(2) {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (min-width: 992px) {
  .ebook-list > .row > div:first-child .book-card .row > div:nth-child(2) {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.ebook-list > .row > div:first-child .book-card .new-released {
  display: block;
}
.ebook-list > .row > div:first-child .book-card .author-book {
  display: none;
}
.ebook-list > .row > div:first-child .book-card .button-white {
  display: inline-flex;
}
.ebook-list > .row > div:first-child .book-card .h4 {
  font-size: 32px;
  color: white;
  margin-bottom: 30px;
  font-weight: 600;
  line-height: 1.17;
}
@media (min-width: 767px) {
  .ebook-list > .row > div:first-child .book-card .h4 {
    font-size: 32px;
    line-height: 1.17;
  }
}
@media (min-width: 992px) {
  .ebook-list > .row > div:first-child .book-card .h4 {
    font-size: 54px;
    line-height: 1.17;
  }
}

.newss-section {
  position: relative;
  padding: 20px 0 80px;
  background: #F6F8FC;
}

.newss-card {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.newss-card > a:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.newss-card figure {
  border-radius: 8px;
  overflow: hidden;
  margin-right: 16px;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
}
.newss-card figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.1);
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
}
.newss-card .text .p {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px;
}
.newss-card .text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.08px;
  color: #566985;
}
.newss-card:hover figure {
  transform: scale(1.05);
}
.newss-card:hover figure img {
  transform: scale(1);
  filter: brightness(1.1);
}

.newblog-section {
  position: relative;
  padding: 100px 0 120px;
}
@media (min-width: 767px) {
  .newblog-section {
    padding: 160px 0 120px;
  }
}

/*** Resources ends ***/
.casestudies-slider {
  position: relative;
  margin-bottom: 0px !important;
  overflow: hidden;
  padding-top: 30px;
}
.casestudies-slider .slick-list {
  padding: 0 0 !important;
}
.casestudies-slider .slick-dots {
  display: flex;
  justify-content: center;
  bottom: 20px;
}
.casestudies-slider .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.8;
}
.casestudies-slider .slick-dots li button:before {
  display: none;
}
.casestudies-slider .slick-dots li.slick-active button {
  opacity: 1;
  box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.1);
}
.casestudies-slider .slick-track {
  display: flex;
}
.casestudies-slider .case-study-inner {
  height: auto;
}

/*** E-books new stylling start ***/
.ebook-listings {
  position: relative;
  padding: 80px 0;
}
.ebook-listings .ebook-lists > .row > div {
  display: flex;
}
.ebook-listings .ebook-lists > .row > div:first-child {
  margin-top: 40px;
  margin-bottom: 120px;
  padding: 0;
}
@media (max-width: 992px) {
  .ebook-listings .ebook-lists > .row > div:first-child {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}
.ebook-listings .ebook-lists > .row > div .book-cards {
  background: #FFFCF2;
  padding: 75px 5px 65px 100px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 992px) {
  .ebook-listings .ebook-lists > .row > div .book-cards {
    padding: 10px 15px;
  }
}
.ebook-listings .ebook-lists > .row > div .book-cards a:hover {
  text-decoration: none;
}
.ebook-listings .ebook-lists > .row > div .book-cards .new-released {
  width: auto;
  height: auto;
  background: #FFF3C6;
  border-radius: 8px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #242320;
  display: inline-flex;
}
.ebook-listings .ebook-lists > .row > div .book-cards .new-interactive {
  display: flex;
  gap: 10px;
  width: auto;
  height: auto;
  background: #FFF3C6;
  border-radius: 8px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #242320;
  margin-left: 40px;
}
@media (max-width: 480px) {
  .ebook-listings .ebook-lists > .row > div .book-cards .new-interactive {
    margin-left: 15px;
  }
}
.ebook-listings .ebook-lists > .row > div .book-cards .h4 {
  font-size: 74px;
  color: #242320;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 113.514%;
  letter-spacing: -2.22px;
  margin-top: 17px;
}
@media (max-width: 1200px) {
  .ebook-listings .ebook-lists > .row > div .book-cards .h4 {
    font-size: 54px;
    line-height: 1.17;
  }
}
@media (max-width: 767px) {
  .ebook-listings .ebook-lists > .row > div .book-cards .h4 {
    font-size: 32px;
    line-height: 1.17;
  }
}
.ebook-listings .ebook-lists > .row > div .book-cards .para-content {
  color: #969694;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 21px;
  max-width: 485px;
  letter-spacing: -0.48px;
}
.ebook-listings .ebook-lists > .row > div .book-cards .contain-star {
  margin-bottom: 36px;
}
.ebook-listings .ebook-lists > .row > div .book-cards .contain-star .content-star {
  display: flex;
  gap: 6px;
  color: #696969;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.48px;
}
.ebook-listings .ebook-lists > .row > div .book-cards .figure {
  margin: 0;
}
@media (max-width: 992px) {
  .ebook-listings .ebook-lists > .row > div .book-cards .figure {
    margin-top: 40px;
  }
}
.ebook-listings .ebook-lists > .row > div .book-cards .ebook-cover {
  position: relative;
  padding-right: 60px;
  padding-left: 15px;
}
.ebook-listings .ebook-lists > .row > div .book-cards .ebook-cover .img-stack {
  margin-left: auto;
  position: relative;
  z-index: 1;
  left: 15px;
}
.ebook-listings .ebook-lists > .row > div .book-cards .ebook-cover .img-stack1 {
  position: absolute;
  bottom: -22px;
}
.ebook-listings .ebook-lists > .row .heading-resources {
  width: 100%;
  justify-content: center;
}
.ebook-listings .ebook-lists > .row .heading-resources .row {
  display: block;
}
.ebook-listings .ebook-lists > .row .heading-resources .library-heading {
  display: block;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  color: #0B182B;
  margin-bottom: 40px;
}
.ebook-listings .ebook-lists > .row .heading-resources .library-para {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: #90A0B9;
  margin: auto;
  margin-bottom: 12px;
  max-width: 550px;
}
.ebook-listings .ebook-lists > .row .book-cards-listing .library-img {
  min-height: 510px;
  max-height: 510px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .ebook-listings .ebook-lists > .row .book-cards-listing .library-img {
    min-height: auto;
    max-height: 100%;
  }
}
.ebook-listings .ebook-lists > .row .book-cards-listing .library-img-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  color: #0B182B;
  margin: 5px 0 16px;
}
.ebook-listings .ebook-lists > .row .book-cards-listing .team {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #90A0B9;
}
@media (max-width: 992px) {
  .ebook-listings .ebook-lists > .row .book-cards-listing .team {
    margin-bottom: 20px;
  }
}

/*** E-books new stylling end ***/
/*.bn-fade{
	position: relative;
	top: 40px;
	opacity: 0;
	transition: all ease-in-out 400ms;

	&.get-in{
		top: 0;
		opacity: 1;
	}
}*/
#header {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1099;
  transition: all 400ms cubic-bezier(0.29, 0.04, 0.26, 1.08);
  will-change: scroll-position;
}
#header.fixed {
  top: 0;
}
#header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

nav.navbar {
  padding: 5px 0 0 0px;
}

.header-wrap {
  padding: 32px 0 32px;
}
.header-wrap.header-sm {
  position: fixed !important;
}
.header-wrap.sm {
  padding: 16px 0;
  box-shadow: 0px -2px 12px 1px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .header-wrap.sm .logo-wrap {
    max-width: 120px;
  }
}
@media (min-width: 992px) {
  .header-wrap.sm .navbar ul li a {
    font-size: 16px !important;
    transition: all cubic-bezier(0.29, 0.04, 0.26, 1.08) 400ms 50ms;
  }
}
@media (max-width: 992px) {
  .header-wrap .container .navbar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 100%;
    background-color: white;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: bottom 200ms ease-in-out 200ms;
  }
  .header-wrap .container .navbar-wrapper.nav-active {
    bottom: 0%;
  }
  .header-wrap .container .navbar-wrapper .navbar {
    justify-content: left;
    margin: 0 !important;
    padding-top: 80px;
    overflow: scroll;
  }
  .header-wrap .container .navbar-wrapper .navbar ul {
    flex-direction: column !important;
  }
  .header-wrap .container .navbar-wrapper .navbar ul li {
    padding: 0 25px;
  }
  .header-wrap .container .navbar-wrapper .navbar ul li a {
    font-size: 24px;
    margin: 0 0 30px;
    display: block;
    text-align: left;
    color: #4D617F !important;
  }
  .header-wrap .container .navbar-wrapper .navbar ul li a.active {
    color: #007AFF !important;
  }
  .header-wrap .container .navbar-wrapper .sp-btn {
    display: none;
  }
}

a.menu-btn {
  margin: 0 0 0 auto;
  transition: all ease-in-out 200ms;
  display: none;
}
@media (max-width: 992px) {
  a.menu-btn {
    display: block;
  }
}
a.menu-btn span {
  display: block;
  width: 30px;
  height: 2px;
  background-color: black;
  margin: 6px 0;
  transition: opacity 200ms ease-in-out 200ms, margin 200ms ease-in-out 200ms, transform 200ms ease-in-out 200ms;
}
a.menu-btn span:nth-child(1) {
  transform: rotateZ(-180deg);
}
a.menu-btn span:nth-child(2) {
  opacity: 1;
}
a.menu-btn span:nth-child(3) {
  transform: rotateZ(-1deg);
}
a.menu-btn.nav-active span {
  margin: -2px 0;
  transition: opacity 0ms ease-in-out 200ms, margin 0ms ease-in-out 200ms, transform 200ms ease-in-out 200ms;
}
a.menu-btn.nav-active span:nth-child(1) {
  transform: rotateZ(45deg);
}
a.menu-btn.nav-active span:nth-child(2) {
  opacity: 0;
}
a.menu-btn.nav-active span:nth-child(3) {
  transform: rotateZ(135deg);
}
a.menu-btn.nav-rotate span:nth-child(1) {
  transform: rotateZ(360deg);
}
a.menu-btn.nav-rotate span:nth-child(3) {
  transform: rotateZ(360deg);
}

ul.social-nav {
  display: none;
  align-items: center;
  padding: 30px;
}
@media (max-width: 992px) {
  ul.social-nav {
    display: flex;
  }
}
ul.social-nav li a {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #F6F8FC;
  margin-right: 10px;
  padding: 11px 0;
  border-radius: 10px;
  text-align: center;
}

.hero-ui-block {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .hero-ui-block {
    padding-bottom: 60px;
  }
}

.hero-inner-block {
  padding-top: 180px;
}
@media (max-width: 767px) {
  .hero-inner-block {
    padding-top: 150px;
  }
}
.hero-inner-block h1 {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .hero-inner-block h1 {
    margin-bottom: 15px;
    line-height: 1.15;
  }
}
.hero-inner-block h1 span {
  background: linear-gradient(103deg, #5552FF 4.57%, #00C1EB 54.07%, #00E3AD 105.85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  position: relative;
  /*background-image: url(../images/Textmask-min.png);*/
  line-height: initial;
}
.hero-inner-block p {
  color: #273954;
  font-size: 32px;
  letter-spacing: -0.32px;
  line-height: 42px;
  margin-bottom: 48px;
  line-height: 1.34;
  position: relative;
}
@media (max-width: 767px) {
  .hero-inner-block p {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.hero-inner-block .down-arrow-btn {
  padding-left: 0;
}
.hero-inner-block .down-arrow-btn .icon-arrow_slider_down:before {
  color: #007AFF;
}

.w-732 {
  width: 100%;
  max-width: 732px;
}

.relationship-block {
  background: #edf3ff;
  background: linear-gradient(180deg, #f8f9fd 10%, #edf3ff 70%);
}
.relationship-block .content-block {
  max-width: 535px;
}
.relationship-block .content-block p {
  line-height: 1.6;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .relationship-block .content-block p {
    margin-top: 20px;
  }
}
.relationship-block .content-block .color1 {
  color: #4D617F;
}
.relationship-block .content-block .color2 {
  color: #273954;
}
.relationship-block .content-block .color3 {
  color: #FC7646;
}
.relationship-block .work-together-block.w-732 {
  width: 100%;
  max-width: 732px;
}
.relationship-block .work-together-block p {
  margin-top: 55px;
}
@media (max-width: 767px) {
  .relationship-block .work-together-block p {
    margin-top: 20px;
  }
}
.relationship-block .work-together-block .btn {
  margin-top: 24px;
}

.expertise-block {
  display: block;
  position: relative;
}
.expertise-block p {
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
  text-align: center;
  width: 100%;
}
.expertise-block .expertise-inner-block h2 span {
  display: block;
}

.video-block-ui {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.video-block-ui .video-inner-block {
  border-radius: 32px;
  background: linear-gradient(180deg, rgb(225, 231, 253) 0%, rgb(210, 220, 251) 100%);
  width: 100%;
  max-width: 970px;
  display: inline-block;
  min-height: 555px;
  position: relative;
  transition: transform 0.25s ease;
  will-change: transform, opacity;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}
.video-block-ui .video-inner-block:after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(223, 230, 252, 0) 0%, rgb(215, 223, 252) 82%);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.video-block-ui .video-inner-block:hover {
  transform: perspective(1px) translate3d(0, -5px, 0) scale(0.99);
}
.video-block-ui .video-inner-block:hover .btn-3 .icon-arrow_slider {
  transform: translateX(15px);
  opacity: 0;
  animation: linkArrow 400ms linear forwards;
}
.video-block-ui .video-inner-block h3 {
  margin-bottom: 32px;
}
.video-block-ui .video-inner-block .video-content {
  padding: 0 60px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 40px;
  z-index: 10;
}
@media (max-width: 767px) {
  .video-block-ui .video-inner-block .video-content {
    padding: 0 15px;
  }
}

.video-ui {
  max-width: 540px;
  margin: 0 auto;
}

.hc-block {
  background: linear-gradient(152.86deg, #273954 0%, #0B182B 100%);
  padding: 140px 0 400px;
  position: relative;
  z-index: 25;
}
@media (max-width: 767px) {
  .hc-block {
    padding: 80px 0 260px;
  }
}
.hc-block .hc-inner-block p {
  color: #A1B6D3;
  font-size: 32px;
}
@media (max-width: 767px) {
  .hc-block .hc-inner-block p {
    font-size: 20px;
  }
}
.hc-block .hc-inner-block .gradient4 {
  max-width: 750px;
}

@media (max-width: 767px) {
  .counter-block {
    margin-top: 40px;
  }
}
.counter-block ul {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .counter-block ul {
    flex-wrap: wrap;
  }
}
.counter-block ul li {
  flex-grow: 1;
}
@media (max-width: 992px) {
  .counter-block ul li {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .counter-block ul li {
    padding-right: 40px;
  }
}
.counter-block ul li p {
  font-size: 96px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 1.11;
  color: #fff;
}
@media (max-width: 992px) {
  .counter-block ul li p {
    font-size: 76px;
  }
}
@media (max-width: 767px) {
  .counter-block ul li p {
    font-size: 52px;
  }
}
.counter-block ul li p sup {
  font-size: 64px;
  font-weight: 500;
  letter-spacing: -1.38px;
  line-height: 70px;
  color: #aebacc;
  margin-left: 9px;
  position: relative;
  top: -23px;
}
@media (max-width: 992px) {
  .counter-block ul li p sup {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .counter-block ul li p sup {
    font-size: 20px;
    line-height: 1;
  }
}
.counter-block ul li label {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 32px;
  text-align: center;
  color: #90A0B9;
  margin-top: 8px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .counter-block ul li label {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .counter-block ul li label {
    font-size: 14px;
    margin-top: 0;
    line-height: 1;
  }
}

.overlap-block {
  position: relative;
  z-index: 30;
  background-color: #F6F8FC;
  padding: 0 40px;
}
@media (max-width: 767px) {
  .overlap-block {
    padding: 0 15px;
  }
}

.overlap-inner-block {
  margin-top: -234px;
  height: 378px;
  max-width: 970px;
  width: 100%;
  display: inline-block;
  background: transparent;
  /*box-shadow: 0 2px 4px 0 rgba(77,97,127,0.12), 0 12px 24px 0 rgba(39,57,84,0.1);*/
  border-radius: 16px;
  transition: 0.2s ease-in-out;
  position: relative;
}
@media (max-width: 992px) {
  .overlap-inner-block {
    height: auto;
  }
}
.overlap-inner-block .overlaping-content-ui {
  padding: 56px;
  text-align: left;
  height: 100%;
}
@media (max-width: 992px) {
  .overlap-inner-block .overlaping-content-ui {
    padding: 50px 40px;
  }
}
.overlap-inner-block .overlaping-content-ui h4 {
  max-width: 715px;
}
@media (max-width: 992px) {
  .overlap-inner-block .overlaping-content-ui h4 {
    margin-bottom: 20px;
  }
}
.overlap-inner-block .overlaping-content-ui .content-btn-wrap {
  display: flex;
  width: 100%;
}
@media (max-width: 992px) {
  .overlap-inner-block .overlaping-content-ui .content-btn-wrap {
    flex-direction: column;
  }
}
.overlap-inner-block .overlaping-content-ui .content-btn-wrap p {
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
  color: #4D617F;
  max-width: 410px;
}
@media (max-width: 992px) {
  .overlap-inner-block .overlaping-content-ui .content-btn-wrap p {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .overlap-inner-block .overlaping-content-ui .content-btn-wrap p {
    font-size: 18px;
  }
}
.overlap-inner-block .overlaping-content-ui .left-block,
.overlap-inner-block .overlaping-content-ui .right-block {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .overlap-inner-block .overlaping-content-ui .left-block {
    margin-bottom: 20px;
  }
}

.right-block b {
  font-weight: 300 !important;
}

.logo-list-block {
  margin-top: 66px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .logo-list-block {
    padding-bottom: 20px;
    margin-top: 40px;
  }
}
.logo-list-block ul {
  display: flex;
  flex-wrap: wrap;
}
.logo-list-block ul li {
  flex: 1 1 25%;
  margin-bottom: 52px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .logo-list-block ul li {
    flex: 1 1 50%;
    margin-bottom: 15px;
  }
}
.logo-list-block ul li img {
  max-width: 100%;
}

.journey-block {
  padding: 40px 0;
  border-top: 1px dashed #c5cddc;
}
@media (max-width: 992px) {
  .journey-block {
    text-align: center;
    padding: 50px 0 0;
  }
}
.journey-block .icon-fade:before {
  display: none;
}

.arrow-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
}
@media (max-width: 992px) {
  .arrow-block {
    flex-direction: column;
    margin: 25px 0 20px;
  }
}
@media (max-width: 992px) {
  .arrow-block span {
    transform: rotate(90deg);
  }
}
.arrow-block span:nth-child(1) {
  opacity: 1;
  font-size: 11px;
  right: 3px;
  position: relative;
}
@media (max-width: 767px) {
  .arrow-block span:nth-child(1) {
    right: 1px;
  }
}
.arrow-block span:nth-child(2) {
  opacity: 1;
  font-size: 19px;
}
.arrow-block span:nth-child(3) {
  opacity: 1;
  font-size: 31px;
}
@media (max-width: 767px) {
  .arrow-block span:nth-child(3) {
    margin-top: -5px;
  }
}
.arrow-block span:before {
  content: "\e903";
  color: #4d617f;
}

.bg-color {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dfe6ee+0,fcfcff+100 */
  background: #dfe6ee; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfe6ee 0%, #fcfcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dfe6ee", endColorstr="#fcfcff",GradientType=0 ); /* IE6-9 */
  box-shadow: 0 2px 4px 0 rgba(77, 97, 127, 0.12), 0 12px 24px 0 rgba(39, 57, 84, 0.1);
  border-radius: 16px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  left: 0;
}

.our-clients-block {
  background: #f6f8fc;
  margin-top: -175px;
  padding-top: 280px;
}
@media (max-width: 767px) {
  .our-clients-block {
    padding-bottom: 60px;
    padding-top: 250px;
  }
}

.journey-block .lc-block p {
  color: #4D617F;
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
}
.journey-block .rc-block p {
  color: #273954;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 32px;
}
.journey-block .rc-block p span {
  display: block;
}

.casestudy-wrap {
  position: relative;
}
.casestudy-wrap .casestudy-inner-wrap {
  padding: 0 15px 10px;
  margin-bottom: 78px;
}
@media (max-width: 767px) {
  .casestudy-wrap .casestudy-inner-wrap {
    margin-bottom: 45px;
  }
}
.casestudy-wrap figure {
  border-radius: 24px;
  overflow: hidden;
  transform: perspective(1px) translate3d(0, -5px, 0) scale(1);
  transition: all 0.25s ease;
}
.casestudy-wrap figure img {
  width: 100%;
}
.casestudy-wrap:hover .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
}
.casestudy-wrap:hover figure {
  transform: perspective(1px) translate3d(0, -5px, 0) scale(0.98);
}
.casestudy-wrap figcaption {
  padding: 32px 16px 0px;
}
@media (max-width: 767px) {
  .casestudy-wrap figcaption {
    padding: 0px 0px 0px;
  }
}
.casestudy-wrap figcaption p {
  color: #4D617F;
  margin-top: 16px;
}
.casestudy-wrap figcaption p span {
  font-weight: 500;
}
.casestudy-wrap figcaption .btn4 {
  margin-top: 32px;
  display: inline-block;
  position: static;
}
@media (max-width: 767px) {
  .casestudy-wrap figcaption .btn4 {
    margin-top: 5px;
  }
}

.start_project_wrap {
  position: relative;
  padding: 0 15px;
  background: linear-gradient(136.75deg, #273f62 0%, #0b182b 100%);
  box-shadow: 0 2px 4px 0 rgba(77, 97, 127, 0.24), 0 12px 24px 0 rgba(39, 57, 84, 0.16);
}
.start_project_wrap .container,
.start_project_wrap .container-fluid {
  position: relative;
}
.start_project_wrap .container .sc_overlap_bg,
.start_project_wrap .container-fluid .sc_overlap_bg {
  width: 100%;
  border-radius: 20px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.start_project_wrap .content-inner-block {
  padding: 48px 56px;
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .start_project_wrap .content-inner-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .start_project_wrap .content-inner-block {
    padding: 40px 15px;
  }
}
.start_project_wrap .content-inner-block p {
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.72px;
  line-height: 1.35;
  flex-grow: 1;
  max-width: 612px;
}
@media (max-width: 992px) {
  .start_project_wrap .content-inner-block p {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .start_project_wrap .content-inner-block p {
    font-size: 30px;
  }
}

.industries-block {
  padding-top: 235px;
  padding-bottom: 144px;
  background: #F6F8FC;
  margin-top: -91px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .industries-block {
    margin-top: -150px;
    padding-bottom: 50px;
  }
}
.industries-block h2 {
  max-width: 800px;
}

#industry-slider .owl-stage-outer {
  overflow: visible;
}
#industry-slider .owl-stage-outer .owl-stage {
  transition: all 0.4s cubic-bezier(0.6, 0.19, 0.67, 0.68) 0s !important;
}
#industry-slider .owl-stage-outer .owl-item {
  width: 310px !important;
}
@media (max-width: 1200px) {
  #industry-slider .owl-stage-outer .owl-item {
    width: auto !important;
  }
}
#industry-slider .owl-nav {
  display: block !important;
}
#industry-slider .owl-nav button {
  background-color: white !important;
  border-radius: 50%;
  overflow: hidden;
  height: 56px;
  width: 56px;
  position: absolute;
  transform: translateY(-50%) scale(1);
  top: 50%;
  outline: none;
  transition: all ease 300ms;
  box-shadow: 0 7px 26px 0 rgba(11, 24, 43, 0.24);
}
@media (max-width: 767px) {
  #industry-slider .owl-nav button {
    height: 40px;
    width: 40px;
    display: none;
  }
}
#industry-slider .owl-nav button:hover {
  box-shadow: 0 16px 26px 0 rgba(11, 24, 43, 0.24);
  transform: translateY(-50%) scale(1.05);
}
#industry-slider .owl-nav button:nth-child(1):before {
  transform: rotateZ(180deg);
}
#industry-slider .owl-nav button:nth-child(2) {
  right: 0;
}
#industry-slider .owl-nav button span {
  display: none;
}
#industry-slider .owl-nav button:before {
  content: "\e903";
  color: #4d617f;
  font-family: "icomoon" !important;
  display: inline-block;
}
#industry-slider .owl-nav button.disabled {
  opacity: 0;
  visibility: hidden;
}
#industry-slider .owl-dots {
  margin-top: 10px;
  display: none;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #industry-slider .owl-dots {
    display: flex;
  }
}
#industry-slider .owl-dots button span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #b9b9b9;
  display: block;
  margin: 0 5px;
}
#industry-slider .owl-dots button.active span {
  background-color: #007AFF;
}

.work-slider .slick-list {
  overflow: visible;
}
.work-slider .slick-list > div:focus {
  outline: none !important;
}

.slider-card {
  display: inline-block;
  padding-right: 12px;
  padding-left: 12px;
}
.slider-card:focus {
  outline: none;
}

.cslider-inner-block {
  max-width: 282px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(77, 97, 127, 0.12), 0 4px 12px 0 rgba(39, 57, 84, 0.08), 0 8px 24px 0 rgba(11, 24, 43, 0.04);
  overflow: hidden;
  transform: perspective(1px) translate3d(0, -5px, 0) scale(1);
  transition: all 0.25s ease;
}
.cslider-inner-block:hover {
  transform: perspective(1px) translate3d(0, -5px, 0) scale(0.98);
}
.cslider-inner-block:focus {
  outline: none;
}
.cslider-inner-block .image-block {
  height: 234px;
  width: 100%;
}
.cslider-inner-block .image-block img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cslider-inner-block .artical-content {
  padding: 20px;
}
.cslider-inner-block .artical-content label {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.27px;
  line-height: 26px;
  margin-bottom: 8px;
}
.cslider-inner-block .artical-content p {
  font-size: 14px;
  letter-spacing: 0.12px;
  line-height: 20px;
  color: #4D617F;
}

.works-slider-wrap .slick-arrow:hover, .works-slider-wrap .slick-arrow:focus {
  transform: scale(1.1, 1.1) translateY(-50%);
}

.Services-block {
  padding: 144px 0 50px;
}
@media (max-width: 767px) {
  .Services-block {
    padding: 60px 0 0px;
  }
}
.Services-block .sub-heading2 {
  padding-top: 8px;
}
@media (max-width: 992px) {
  .Services-block .sub-heading2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .Services-block .sub-heading2 {
    margin-bottom: 20px;
  }
}

.services_content_block h4 {
  margin-bottom: 24px;
}
.services_content_block p {
  letter-spacing: -0.36px;
  color: #4D617F;
}
.services_content_block p span {
  color: #273954;
}

.services-listing {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .services-listing {
    margin-top: 20px;
  }
}
.services-listing ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.services-listing li {
  width: 50%;
  display: flex;
}
.services-listing li a {
  display: flex;
  width: 100%;
  padding: 16px 24px 16px 24px;
  transition: all cubic-bezier(0.1, 0.51, 0.71, 1.03) 0.32s;
  position: relative;
  align-items: center;
  border-radius: 18px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .services-listing li a {
    padding-left: 0;
  }
}
.services-listing li a:hover {
  background: #f6f8fc;
}
.services-listing li a .image-block {
  position: relative;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .services-listing li a .image-block {
    margin-right: 5px;
    width: 40px;
  }
}
.services-listing li a .image-block img {
  max-width: 100%;
}
.services-listing li a .text-block {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 32px;
  color: #273954;
}
@media (max-width: 767px) {
  .services-listing li a .text-block {
    font-size: 15px;
    line-height: 1.34;
  }
}

.approach-img {
  min-height: 400px;
  background-color: whitesmoke;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .approach-img {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .approach-img {
    min-height: auto;
    height: 200px !important;
  }
}
.approach-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.approach-img._1 {
  height: 409px;
}
.approach-img._2 {
  height: 458px;
}

section.approach-block {
  transition: all ease-in-out 300ms;
  position: relative;
  background-color: transparent;
  z-index: 10;
}
@media (max-width: 767px) {
  section.approach-block {
    padding-bottom: 20px;
  }
}
section.approach-block:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease 1200ms;
  opacity: 0;
  z-index: -3;
  background: linear-gradient(0deg, #ffe6d5, #fff);
  opacity: 1;
}

.green-block:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease 1200ms;
  opacity: 0;
  z-index: -2;
  background: linear-gradient(0deg, #f3fffb, #f3fffb);
}
.green-block.active:after {
  opacity: 1;
}

.blue-block:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease 1200ms;
  opacity: 0;
  z-index: -2;
  background: linear-gradient(0deg, #f3f8ff, #eff6ff, #edf4ff);
}
.blue-block.active:after {
  opacity: 1;
}

.colored-sec {
  padding: 5rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .colored-sec {
    padding: 1rem 0;
  }
}
@media (max-width: 767px) {
  .colored-sec h4 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .colored-sec .btn4:nth-child(4) {
    margin-top: 0rem;
  }
}
.colored-sec:before {
  content: "";
  position: sticky;
  width: 20px;
  height: 20px;
  background-color: #fa555c;
  border-radius: 50%;
  left: 20px;
  top: 5rem;
  animation: radar 1.8s linear 100ms infinite;
  display: block;
  transform: translate(20px, 30px);
}
@media (max-width: 480px) {
  .colored-sec:before {
    left: 22px;
    transform: translate(0px, 30px);
    margin-bottom: 20px;
    width: 16px;
    height: 16px;
    animation: radar-sm 1.2s linear 100ms infinite;
  }
}
.colored-sec:after {
  content: "";
  position: absolute;
  border-right: 2px dashed transparent;
  height: 158%;
  top: -6rem;
  left: 29px;
  z-index: -1;
  opacity: 0.28;
  background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 2px 15px;
  background-repeat: repeat-y;
  width: 4px;
}
@media (max-width: 480px) {
  .colored-sec:after {
    left: 9px;
    height: 95%;
    top: 4rem;
  }
}
.colored-sec .btn4 {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .colored-sec .btn4 {
    margin-top: 20px;
    justify-content: flex-start;
  }
}

.big-colored-text {
  max-width: 800px;
  margin: 92px auto 0;
}
@media (max-width: 767px) {
  .big-colored-text {
    margin-top: 50px;
    line-height: 1.2;
  }
}

@keyframes radar {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(246, 85, 91, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(246, 85, 91, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(246, 85, 91, 0);
  }
}
@keyframes radar-sm {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(246, 85, 91, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 7px rgba(246, 85, 91, 0);
  }
  90% {
    box-shadow: 0px 0px 3px 7px rgba(246, 85, 91, 0);
  }
}
.green-sec:before {
  background-color: #109e7c;
  animation: radar-green 1.2s linear 100ms infinite;
}
@media (max-width: 480px) {
  .green-sec:before {
    animation: radar-green-sm 1.2s linear 100ms infinite;
  }
}

@keyframes radar-green {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(16, 158, 124, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(16, 158, 124, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(16, 158, 124, 0);
  }
}
@keyframes radar-green-sm {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(16, 158, 124, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 7px rgba(16, 158, 124, 0);
  }
  90% {
    box-shadow: 0px 0px 3px 7px rgba(16, 158, 124, 0);
  }
}
.green-img .img-wrapper {
  background-color: whitesmoke;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .green-img .img-wrapper {
    margin-bottom: 10px;
  }
}
.green-img .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.green-img .img-wrapper._1 {
  height: 267px;
}
.green-img .img-wrapper._2 {
  height: 378px;
}
.green-img .img-wrapper._3 {
  height: 333px;
}
.green-img .img-wrapper._4 {
  height: 438px;
}
@media (max-width: 767px) {
  .green-img .img-wrapper {
    height: 150px !important;
    margin-bottom: 20px;
  }
}

.blue-sec:before {
  background-color: #4a82ff;
  animation: radar-blue 1.2s linear 100ms infinite;
}
@media (max-width: 767px) {
  .blue-sec:before {
    animation: radar-blue-sm 1.2s linear 100ms infinite;
  }
}

@keyframes radar-blue {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(74, 130, 255, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(74, 130, 255, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(74, 130, 255, 0);
  }
}
@keyframes radar-blue-sm {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(74, 130, 255, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 7px rgba(74, 130, 255, 0);
  }
  90% {
    box-shadow: 0px 0px 3px 7px rgba(74, 130, 255, 0);
  }
}
.gradient_bg_wrapper {
  background: linear-gradient(179.18deg, #ffffff 0%, #fff7f2 16.56%, #fff6f0 33.59%, #f3fffb 49.2%, #f3fffb 64.84%, #f3f8ff 76.8%, #eff6ff 86.43%, #edf4ff 100%);
}
.gradient_bg_wrapper .heading-wrap h2 {
  margin-bottom: 40px;
}
.gradient_bg_wrapper .image-wrap {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.gradient_bg_wrapper .image-wrap.w670 {
  width: 670px;
  height: 409px;
  align-items: baseline;
}
.gradient_bg_wrapper .image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.desc-fixed-layout {
  padding-top: 64px;
  display: inline-block;
}
.desc-fixed-layout .content-wrapper {
  padding-left: 100px;
  vertical-align: top;
  float: right;
  width: calc(100% - 100px);
}
.desc-fixed-layout .content-wrapper .lwrap-block {
  display: inline-block;
  width: 380px;
  vertical-align: top;
}
.desc-fixed-layout .content-wrapper .lwrap-block .h4_2 {
  color: #0B182B;
}
.desc-fixed-layout .content-wrapper .rwrap-block {
  display: inline-block;
  width: calc(100% - 390px);
  padding-left: 70px;
}
.desc-fixed-layout .content-wrapper .rwrap-block p:first-child {
  margin-bottom: 35px;
}
.desc-fixed-layout .content-wrapper .rwrap-block .desc-btn-wrap {
  margin-top: 46px;
}
.desc-fixed-layout .content-wrapper .rwrap-block .desc-btn-wrap .btn4 {
  margin-right: 40px;
}
.desc-fixed-layout .content-wrapper .rwrap-block .desc-btn-wrap .btn4:last-child {
  margin-right: 0;
}
.desc-fixed-layout .content-wrapper .rwrap-block .desc-btn-wrap .btn4 .arrow-btn-wrap {
  margin-left: 8px;
}
.desc-fixed-layout .content-wrapper .desc-large-heading {
  display: inline-block;
  max-width: 770px;
  padding-left: 100px;
  padding-bottom: 160px;
}

.line-wrapper {
  height: 100vh;
  width: 2px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2390A0B92E' stroke-width='3' stroke-dasharray='9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  opacity: 1;
  margin-left: 32px;
  margin-top: 80px;
  position: sticky;
  top: 100px;
  display: inline-block;
}
.line-wrapper .circle-point {
  height: 40px;
  width: 40px;
  background-color: #fee8e6;
  border-radius: 100%;
  display: inline-block;
  margin-left: -20px;
  position: relative;
  top: -50px;
}
.line-wrapper .circle-point:before {
  position: absolute;
  content: "";
  background: #fa555c;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.desc-images-wrapper {
  display: inline-block;
}

.business_rasie_wrap {
  background: linear-gradient(150.37deg, #273954 0%, #0B182B 100%);
  padding: 128px 0;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 12;
  overflow: hidden;
}
@media (max-width: 767px) {
  .business_rasie_wrap {
    padding: 80px 0;
  }
}
.business_rasie_wrap h5 {
  color: #fff;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .business_rasie_wrap h5 {
    margin-bottom: 15px;
    font-size: 45px;
  }
}
.business_rasie_wrap p {
  margin-bottom: 56px;
  color: #A1B6D3;
}
@media (max-width: 767px) {
  .business_rasie_wrap p {
    margin-bottom: 30px;
  }
}
.business_rasie_wrap .graph_image_wrap {
  position: absolute;
  bottom: 0;
  height: auto;
  width: 86%;
}
.business_rasie_wrap .business_raise_inner {
  padding: 0 30px 0 45px;
}
@media (max-width: 767px) {
  .business_rasie_wrap .business_raise_inner {
    padding: 0 10px 0;
  }
}

.testimonal-block {
  background: #F6F8FC;
  padding-bottom: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .testimonal-block {
    padding-bottom: 50px;
  }
}
.testimonal-block .testimonal-heading-block {
  z-index: 1;
  position: relative;
  text-align: center;
}
.testimonal-block .testimonal-heading-block .h2_1 {
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .testimonal-block .testimonal-heading-block .h2_1 {
    margin-bottom: 15px;
  }
}
.testimonal-block .testimonal-heading-block p {
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
  text-align: center;
  color: #4D617F;
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .testimonal-block .testimonal-heading-block p {
    margin-bottom: 25px;
    font-size: 20px;
  }
}
.testimonal-block .testimonal-heading-block p span {
  color: #273954;
  font-weight: 500;
}
.testimonal-block .owl-nav {
  display: block !important;
}
.testimonal-block .owl-nav button {
  background-color: white !important;
  border-radius: 50%;
  overflow: hidden;
  height: 56px;
  width: 56px;
  position: absolute;
  transform: translateY(-50%) scale(1);
  top: 50%;
  outline: none;
  transition: all ease 300ms;
  box-shadow: 0 7px 26px 0 rgba(11, 24, 43, 0.24);
}
@media (max-width: 767px) {
  .testimonal-block .owl-nav button {
    height: 40px;
    width: 40px;
    display: none;
  }
}
.testimonal-block .owl-nav button:hover {
  box-shadow: 0 16px 26px 0 rgba(11, 24, 43, 0.24);
  transform: translateY(-50%) scale(1.05);
}
.testimonal-block .owl-nav button:nth-child(1):before {
  transform: rotateZ(180deg);
}
.testimonal-block .owl-nav button:nth-child(2) {
  right: 0;
}
.testimonal-block .owl-nav button span {
  display: none;
}
.testimonal-block .owl-nav button:before {
  content: "\e903";
  color: #4d617f;
  font-family: "icomoon" !important;
  display: inline-block;
}
.testimonal-block .owl-nav button.disabled {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .testimonal-block .owl-nav {
    display: none !important;
  }
}
.testimonal-block .owl-nav button:nth-child(1) {
  left: -20px;
}
@media (max-width: 767px) {
  .testimonal-block .owl-nav button:nth-child(1) {
    left: -5px;
  }
}
.testimonal-block .owl-nav button:nth-child(2) {
  right: -50px;
}
@media (max-width: 767px) {
  .testimonal-block .owl-nav button:nth-child(2) {
    right: -5px;
  }
}
.testimonal-block .owl-dots {
  display: none;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .testimonal-block .owl-dots {
    display: flex;
  }
}
.testimonal-block .owl-dots button span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #b9b9b9;
  display: block;
  margin: 0 5px;
}
.testimonal-block .owl-dots button.active span {
  background-color: #007AFF;
}
.testimonal-block .owl-stage-outer {
  overflow: visible !important;
}
.testimonal-block .owl-item {
  opacity: 0.5;
}
.testimonal-block .owl-item.active {
  opacity: 1;
}

.testimonal-slider .slick-list {
  overflow: visible;
}
.testimonal-slider .slick-arrow {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-color: #ffffff;
  box-shadow: 0 20px 32px 0 rgba(11, 24, 43, 0.12);
  border: none;
  cursor: pointer;
}
.testimonal-slider .slick-arrow.slick-next {
  right: -50px;
}
.testimonal-slider .slick-arrow.slick-prev {
  left: -50px;
}
.testimonal-slider .owl-stage {
  transition: all 0.4s cubic-bezier(0.6, 0.19, 0.67, 0.68) 0s !important;
}

.testimonal-slider-wrap {
  padding: 56px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 #eff3f7, 0 3px 6px 0 #e8edf2;
  margin: 15px;
  width: 100%;
  max-width: 970px;
}
@media (max-width: 992px) {
  .testimonal-slider-wrap {
    padding: 35px;
  }
}
@media (max-width: 480px) {
  .testimonal-slider-wrap {
    max-width: 355px;
    padding: 20px;
  }
}
@media (max-width: 380px) {
  .testimonal-slider-wrap {
    max-width: 315px;
  }
}
.testimonal-slider-wrap .testimonal-inner-wrap {
  position: relative;
  padding-left: 90px;
  padding-right: 70px;
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .testimonal-inner-wrap {
    padding-left: 80px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .testimonal-inner-wrap {
    padding: 0 0px;
  }
}
.testimonal-slider-wrap .testimonal-inner-wrap:before {
  background: url(../images/ic_quote.png) no-repeat;
  width: 58px;
  height: 48px;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: 9;
  background-size: 55px;
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .testimonal-inner-wrap:before {
    position: relative;
    display: block;
    margin-bottom: 20px;
  }
}
.testimonal-slider-wrap .desc {
  color: #273954;
  font-family: "Droid Serif";
  font-size: 24px;
  font-style: italic;
  letter-spacing: -0.16px;
  line-height: 38px;
  position: relative;
  margin-bottom: 72px;
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .desc {
    margin-bottom: 25px;
    line-height: 1.5;
    font-size: 20px;
  }
}
.testimonal-slider-wrap .post-wrap {
  display: flex;
  align-items: center;
}
.testimonal-slider-wrap .post-wrap .image-wrap {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 14px;
}
.testimonal-slider-wrap .post-wrap .image-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
}
.testimonal-slider-wrap .post-wrap .post-desc p {
  color: #0B182B;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 26px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .post-wrap .post-desc p {
    font-size: 18px;
    margin-bottom: 0px;
  }
}
.testimonal-slider-wrap .post-wrap .post-desc span {
  color: #4d617f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
}
@media (max-width: 767px) {
  .testimonal-slider-wrap .post-wrap .post-desc span {
    font-size: 12px;
  }
}

.start_project_wrap.sp_block {
  position: relative;
  background: white;
  padding-bottom: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(39, 57, 84, 0.12);
}
@media (max-width: 767px) {
  .start_project_wrap.sp_block {
    padding-bottom: 60px;
  }
}
.start_project_wrap.sp_block .container {
  position: relative;
}
.start_project_wrap.sp_block .sp_overlap_bg {
  width: 100%;
  border-radius: 20px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.start_project_wrap.sp_block .content-inner-block p {
  color: #273954;
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .start_project_wrap.sp_block .content-inner-block p {
    font-size: 30px;
  }
}
.start_project_wrap.sp_block .content-inner-block p span {
  color: #90A0B9;
  display: block;
}

.about-images {
  position: relative;
  padding: 0 20px 0 0;
}
@media (max-width: 767px) {
  .about-images {
    padding: 0;
  }
}
.about-images .img-container {
  background-color: whitesmoke;
  min-height: 300px;
  margin-bottom: 20px;
  border-radius: 12px;
  overflow: hidden;
}
.about-images .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.about-images.about-1 .img-container {
  min-height: 300px;
  height: 300px;
  width: 350px;
}
@media (max-width: 767px) {
  .about-images.about-1 .img-container {
    height: auto;
    width: 100%;
    min-height: auto;
  }
}
.about-images.about-1 .img-container:nth-child(2) {
  min-height: 200px;
  height: 200px;
  width: 200px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .about-images.about-1 .img-container:nth-child(2) {
    height: auto;
    width: 100%;
  }
}
.about-images.about-2 .img-container {
  min-height: 410px;
  height: 410px;
  width: 370px;
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .about-images.about-2 .img-container {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }
}
.about-images.about-3 .img-container {
  min-height: 370px;
  height: 370px;
  width: 370px;
}
@media (max-width: 767px) {
  .about-images.about-3 .img-container {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }
}
.about-images.about-4 .img-container {
  min-height: 370px;
  height: 370px;
  width: 440px;
}
@media (max-width: 767px) {
  .about-images.about-4 .img-container {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }
}
.about-images.about-4 .img-container:nth-child(2) {
  min-height: 190px;
  height: 190px;
  width: 220px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .about-images.about-4 .img-container:nth-child(2) {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }
}
.about-images.about-5 .img-container {
  min-height: 410px;
  height: 410px;
  width: 370px;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .about-images.about-5 .img-container {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }
}

section.about-us-block .red-gradient {
  line-height: 1.2;
}
section.about-us-block .container-fluid {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (max-width: 1200px) {
  section.about-us-block .container-fluid {
    overflow: auto;
  }
}
section.about-us-block .container-fluid::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
section.about-us-block .container-fluid::-webkit-scrollbar-track {
  background: transparent;
}
section.about-us-block .container-fluid::-webkit-scrollbar-thumb {
  background: transparent;
}
section.about-us-block .container-fluid::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
section.about-us-block .container-fluid .row {
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: -5rem;
}
@media (max-width: 767px) {
  section.about-us-block .container-fluid .row {
    flex-direction: column;
    margin-left: -15px;
  }
  section.about-us-block .container-fluid .row .col- {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  section.about-us-block .m-t56 {
    margin-top: 0;
  }
}
section.about-us-block .about-grey-section {
  background-color: #F6F8FC;
  padding: 3rem;
  border-radius: 17px;
  margin-top: 136px;
}
@media (max-width: 767px) {
  section.about-us-block .about-grey-section {
    margin-top: 40px;
    padding: 30px;
  }
}
section.about-us-block .about-grey-section h4 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  section.about-us-block a {
    margin-top: 20px;
  }
}

.collage-wrapper .heading-wrap .h1_1 {
  color: #0B182B;
  margin-bottom: 32px;
}
.collage-wrapper .heading-wrap p {
  color: #4D617F;
  font-size: 32px;
  letter-spacing: -0.32px;
  line-height: 42px;
  margin-bottom: 56px;
}

.collage-container {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  display: flex;
}
.collage-container .collage-list {
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
}
.collage-container .collage-list.w353 {
  width: 100%;
  max-width: 353px;
  text-align: right;
  justify-content: flex-end;
}
.collage-container .collage-list.w370 {
  width: 100%;
  max-width: 370px;
}
.collage-container .collage-list.w365 {
  width: 100%;
  max-width: 365px;
}
.collage-container .collage-list .image-wrap {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}
.collage-container .collage-list .image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.collage-container .collage-list .image-wrap.w353_256 {
  width: 353px;
  height: 256px;
  display: inline-block;
}
.collage-container .collage-list .image-wrap.w212_198 {
  width: 212px;
  height: 198px;
  display: inline-block;
}
.collage-container .collage-list .image-wrap.w370_413 {
  width: 370px;
  height: 413px;
  display: inline-block;
}
.collage-container .collage-list .image-wrap.w370_367 {
  width: 370px;
  height: 367px;
  display: inline-block;
}
.collage-container .collage-list .image-wrap.w365_444 {
  width: 365px;
  height: 444px;
  display: inline-block;
}
.collage-container .collage-list .image-wrap.w223_182 {
  width: 223px;
  height: 182px;
  display: inline-block;
}

.communities-block {
  box-shadow: 0 1px 3px 0 #e8edf2;
}

.communities-inner-block {
  background: linear-gradient(168.24deg, #f6f8fc 0%, #f6f8fc 100%);
  padding: 38px 48px 38px 144px;
  border-radius: 17px;
}
.communities-inner-block:before {
  position: absolute;
  content: "";
  top: 36px;
  left: 60px;
  width: 65px;
  height: 64px;
  background-size: 100%;
}
.communities-inner-block .sub-heading1 {
  color: #007AFF;
  margin-bottom: 16px;
}
.communities-inner-block p {
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 34px;
  color: #4D617F;
}

.our-insight-wraper {
  background: #F6F8FC;
}
.our-insight-wraper .heading-block {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .our-insight-wraper .heading-block {
    margin-bottom: 30px;
  }
}

.featured-block .supertext {
  text-align: center;
  margin-bottom: 15px !important;
}
@media (max-width: 767px) {
  .featured-block .supertext {
    font-size: 22px;
  }
}
.featured-block .featured-image {
  width: 100%;
  height: 370px;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
.featured-block .featured-image:before {
  background: linear-gradient(154.59deg, rgba(11, 24, 43, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  content: "";
  z-index: 1;
}
.featured-block .featured-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
}
.featured-block figcaption {
  margin-top: 20px;
}
.featured-block figcaption .sub-heading4 {
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .featured-block figcaption .sub-heading4 {
    margin-bottom: 5px;
  }
}

.case-study-lower {
  margin-top: 134px;
}
@media (max-width: 767px) {
  .case-study-lower {
    margin-top: 60px;
  }
}
.case-study-lower .row > div:first-child h2 {
  position: sticky;
  top: 20%;
  margin: 3rem 0 16rem;
}
@media (max-width: 992px) {
  .case-study-lower .row > div:first-child h2 {
    margin: 0rem 0 2rem;
  }
}

.card-in {
  background-color: #ffffff;
  padding: 42px;
  box-shadow: 0 2px 4px 0 rgba(39, 57, 84, 0.12);
  border-radius: 16px;
  position: sticky;
  margin-bottom: 20px;
  transition: all ease 300ms;
}
@media (max-width: 767px) {
  .card-in {
    padding: 30px 35px;
  }
}
.card-in.card-1 {
  top: 15%;
  margin-bottom: 35px;
}
@media (max-width: 992px) {
  .card-in.card-1 {
    top: 5%;
  }
}
.card-in.card-1.active {
  background-color: #e1e6f0;
  transform: scale(0.95);
}
.card-in.card-2 {
  top: 18%;
}
@media (max-width: 992px) {
  .card-in.card-2 {
    top: 8%;
  }
}
.card-in.card-2.active {
  background-color: #f0f3f8;
  transform: scale(0.97);
}
.card-in.card-3 {
  top: 20%;
}
@media (max-width: 992px) {
  .card-in.card-3 {
    top: 10%;
  }
}
.card-in h4 {
  margin-bottom: 20px;
}
.card-in p {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .card-in p {
    margin-bottom: 20px;
  }
}
.card-in label {
  margin-bottom: 10px;
}

.date-ui {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  color: #90A0B9;
}
.date-ui span {
  color: #007AFF;
}

@media (max-width: 767px) {
  .latest-blogs-wrap {
    margin-top: 20px;
  }
  .latest-blogs-wrap label {
    margin-bottom: 0 !important;
    font-size: 22px;
  }
}

.latest-blogs-list a {
  display: block;
  padding: 24px;
  position: relative;
  border-radius: 16px;
  transition: 0.2s ease-in-out;
  background: linear-gradient(318.11deg, rgba(237, 240, 245, 0) 0%, rgba(231, 241, 252, 0) 100%);
  transition: 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .latest-blogs-list a {
    padding: 12px 0;
    background: transparent !important;
  }
}
.latest-blogs-list a:hover {
  background: linear-gradient(318.11deg, rgb(237, 240, 245) 0%, rgb(231, 241, 252) 100%);
}
@media (max-width: 767px) {
  .latest-blogs-list a:hover {
    background: transparent;
  }
}
.latest-blogs-list label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.latest-blogs-list p {
  font-weight: 600;
  letter-spacing: -0.24px;
  color: #273954;
  line-height: 1.35;
}
@media (max-width: 767px) {
  .latest-blogs-list p {
    font-size: 20px;
  }
}

.scroll_slider_wrap {
  background: #F6F8FC;
  padding-bottom: 160px;
}
.scroll_slider_wrap .heading-ui {
  padding-top: 20px;
}

.card-block {
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(39, 57, 84, 0.12);
  padding: 40px;
}
.card-block h6 {
  color: #273954;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 42px;
  margin-bottom: 20px;
}
.card-block p {
  color: #54687f;
  font-size: 24px;
  letter-spacing: -0.32px;
  line-height: 36px;
  margin-bottom: 60px;
}

.contact-inner-wrap .heading-ui {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .contact-inner-wrap .heading-ui {
    margin-bottom: 25px;
  }
}
.contact-inner-wrap .heading-ui h5 {
  color: #0B182B;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -1.88px;
  line-height: 64px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .contact-inner-wrap .heading-ui h5 {
    font-size: 40px;
    margin-bottom: 5px;
  }
}
.contact-inner-wrap .heading-ui p {
  color: #273954;
  font-size: 32px;
  line-height: 42px;
}
@media (max-width: 767px) {
  .contact-inner-wrap .heading-ui p {
    font-size: 22px;
    line-height: 1.3;
  }
}
.contact-inner-wrap .heading-ui p span {
  letter-spacing: -0.32px;
  font-weight: 500;
  color: #007AFF;
}

.form-wraper .expected-select p {
  color: #90a0b9;
  font-size: 15px;
}
@media (max-width: 1200px) {
  .form-wraper .expected-select p {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .form-wraper .expected-select select {
    font-size: 14px;
    padding: 0 15px 0 10px;
  }
}
.form-wraper .textarea-field {
  margin-bottom: 10px;
}
.form-wraper .info-text p {
  color: #5d758e;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: normal;
}
.form-wraper .info-text p span {
  font-weight: 500;
}
.form-wraper .info-text p .secure-icon {
  width: 30px;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.form-wraper .info-text p .secure-icon img {
  width: 100%;
}

.award-rating-block {
  margin-top: 56px;
  padding-bottom: 10px;
  overflow: visible;
}
.award-rating-block .rating-card-block {
  min-height: 76px;
  width: 100%;
  border: 1px solid #dde1eb;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
}
.award-rating-block .rating-card-block.clutch-award .left-block {
  width: 104px;
  padding-right: 15px;
  position: relative;
}
.award-rating-block .rating-card-block.clutch-award .left-block:after {
  position: absolute;
  content: "";
  right: 0;
  top: -3px;
  background: #0e313c;
  opacity: 0.04;
  height: 42px;
  width: 2px;
}
.award-rating-block .rating-card-block.clutch-award .left-block img {
  width: 100%;
}
.award-rating-block .rating-card-block.clutch-award .right-block {
  width: calc(100% - 115px);
  padding-left: 15px;
}
@media (max-width: 767px) {
  .award-rating-block .rating-card-block.clutch-award {
    margin-bottom: 20px;
  }
}
.award-rating-block .rating-card-block.rating-block .left-block {
  width: 40px;
  position: relative;
}
.award-rating-block .rating-card-block.rating-block .left-block img {
  width: 100%;
}
.award-rating-block .rating-card-block.rating-block .right-block {
  width: calc(100% - 50px);
  padding-left: 5px;
  color: #36495e;
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 22px;
  font-weight: normal;
}

.job-opening-wraper {
  background: linear-gradient(157.39deg, #f0f6ff 0%, #f4f7fc 100%);
  overflow: hidden;
}
@media (max-width: 767px) {
  .job-opening-wraper {
    padding: 0 15px;
  }
}
.job-opening-wraper .container {
  padding: 20px 0;
  position: relative;
}
.job-opening-wraper .container:before {
  position: absolute;
  content: "";
  background: url(../images/ilz_career.svg) no-repeat;
  width: 87px;
  height: 80px;
  left: -7px;
  top: 24px;
  background-size: 97px;
}
@media (max-width: 767px) {
  .job-opening-wraper .container:before {
    display: none;
  }
}
.job-opening-wraper p {
  position: relative;
  padding-left: 140px;
  color: #0a1828;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 1200px) {
  .job-opening-wraper p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .job-opening-wraper p {
    font-size: 16px;
    padding-left: 15px;
  }
}
.job-opening-wraper p span {
  color: #7288a1;
  display: block;
}
@media (max-width: 992px) {
  .job-opening-wraper a {
    margin: 10px 0 0 140px;
  }
}
@media (max-width: 767px) {
  .job-opening-wraper a {
    margin: 0px 0 0 15px;
  }
}

section.about-us-block {
  overflow: hidden;
}

@media (max-width: 767px) {
  section.lets-contact {
    padding: 60px 0;
  }
}

.about-grey-img {
  text-align: center;
}

.wait-50 {
  transition-delay: 50ms;
}

.wait-100 {
  transition-delay: 100ms;
}

.wait-150 {
  transition-delay: 150ms;
}

.wait-200 {
  transition-delay: 200ms;
}

.wait-250 {
  transition-delay: 250ms;
}

.wait-300 {
  transition-delay: 300ms;
}

.wait-350 {
  transition-delay: 350ms;
}

.wait-400 {
  transition-delay: 400ms;
}

.wait-500 {
  transition-delay: 500ms;
}

.wait-600 {
  transition-delay: 600ms;
}

.wait-700 {
  transition-delay: 700ms;
}

.wait-800 {
  transition-delay: 800ms;
}

.wait-900 {
  transition-delay: 900ms;
}

.blog-desc.blog-desc-away {
  background-image: none !important;
}

.lines {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.lines path {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: dash 2s cubic-bezier(0.21, 0.88, 0.42, 1) forwards;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.line-inner {
  width: 95vw;
  max-width: 1400px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity ease-in-out 500ms;
}
.line-inner:nth-child(1) {
  opacity: 1;
}
.line-inner:nth-child(2) {
  opacity: 0;
}
.line-inner img {
  width: 100%;
}

.curve-lines {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1800px) {
  .curve-lines {
    width: 75vw;
    bottom: -3px;
  }
}
@media (max-width: 767px) {
  .curve-lines {
    display: none;
  }
}
.curve-lines > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 0;
  overflow: hidden;
  transition: all linear 1s;
}
.curve-lines.aos-animate > div {
  width: 100%;
}
.curve-lines.aos-animate .lg-line {
  transition-delay: 0ms;
}
.curve-lines.aos-animate .mid-line {
  transition-delay: 200ms;
}
.curve-lines.aos-animate .sm-line {
  transition-delay: 400ms;
}
.curve-lines.aos-animate .lg-line .line-inner {
  transition-delay: 2s !important;
}
.curve-lines.aos-animate .lg-line .line-inner:nth-child(1) {
  opacity: 0;
  transition-delay: 2.2s !important;
}
.curve-lines.aos-animate .lg-line .line-inner:nth-child(2) {
  opacity: 1;
}
.curve-lines.aos-animate .mid-line .line-inner {
  transition-delay: 2s !important;
}
.curve-lines.aos-animate .mid-line .line-inner:nth-child(1) {
  opacity: 0;
  transition-delay: 2.2s !important;
}
.curve-lines.aos-animate .mid-line .line-inner:nth-child(2) {
  opacity: 1;
}
.curve-lines.aos-animate .sm-line .line-inner {
  transition-delay: 2s !important;
}
.curve-lines.aos-animate .sm-line .line-inner:nth-child(1) {
  opacity: 0;
  transition-delay: 2.2s !important;
}
.curve-lines.aos-animate .sm-line .line-inner:nth-child(2) {
  opacity: 1;
}

section.lets-contact.contact-grey input,
section.lets-contact.contact-grey textarea {
  background-color: white;
}

.contactpage-form {
  position: relative;
  padding: 110px 0 0;
}
.contactpage-form .lets-contact {
  padding: 100px 0;
  background-color: #f6f8fc;
}
.contactpage-form .lets-contact input,
.contactpage-form .lets-contact textarea {
  background-color: white;
}
.contactpage-form .expected-select {
  background-color: white;
}

.close-btn-in {
  flex-shrink: 0;
  padding-left: 20px;
  margin-bottom: -30px;
}
@media (max-width: 767px) {
  .close-btn-in {
    padding-left: 0;
  }
}

.contact-modal-in {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .contact-modal-in {
    padding-top: 10px;
  }
}
.contact-modal-in .expected-select {
  background-color: white;
}

#modalContact {
  padding-right: 0 !important;
  z-index: 10992;
}
#modalContact.show .modal-dialog {
  height: 100%;
  overflow-y: auto;
}
#modalContact .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%);
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#modalContact .modal-dialog .modal-content {
  padding-top: 50px;
  border: none;
  padding: 50px 30px 45px 70px;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  #modalContact .modal-dialog .modal-content {
    padding: 30px 15px 70px;
  }
}
#modalContact.show {
  display: flex;
}
#modalContact.show .modal-dialog {
  transform: translate(0%, 0%);
}
#modalContact h4 {
  margin-bottom: 14px;
}
#modalContact p.darkblue {
  height: 48px;
  max-width: 100%;
  color: #5d758e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0px;
}
#modalContact input,
#modalContact textarea {
  background-color: white;
}

#modalDesign {
  padding-right: 0 !important;
  z-index: 10992;
}
#modalDesign.show .modal-dialog {
  height: 100%;
  overflow-y: auto;
}
#modalDesign .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%);
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#modalDesign .modal-dialog .modal-content {
  border: none;
  padding: 10px 30px 45px 70px;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  #modalDesign .modal-dialog .modal-content {
    padding: 30px 15px 70px;
  }
}
#modalDesign.show {
  display: flex;
}
#modalDesign.show .modal-dialog {
  transform: translate(0%, 0%);
}
#modalDesign h4 {
  margin-bottom: 14px;
}
#modalDesign p.darkblue {
  height: 48px;
  max-width: 100%;
  color: #5d758e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0px;
}
#modalDesign input,
#modalDesign textarea {
  background-color: white;
}

#modalRefer {
  padding-right: 0 !important;
  z-index: 10992;
}
#modalRefer.show .modal-dialog {
  height: 100%;
  overflow-y: auto;
}
#modalRefer .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%);
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#modalRefer .modal-dialog .modal-content {
  border: none;
  padding: 10px 30px 45px 70px;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  #modalRefer .modal-dialog .modal-content {
    padding: 30px 15px 70px;
  }
}
#modalRefer.show {
  display: flex;
}
#modalRefer.show .modal-dialog {
  transform: translate(0%, 0%);
}
#modalRefer h4 {
  margin-bottom: 14px;
}
#modalRefer p.darkblue {
  height: 48px;
  max-width: 100%;
  color: #5d758e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0px;
}
#modalRefer input,
#modalRefer textarea {
  background-color: white;
}

#modalBuyNow {
  padding-right: 0 !important;
  z-index: 10992;
}
#modalBuyNow.show .modal-dialog {
  height: 100%;
  overflow-y: auto;
}
#modalBuyNow .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%);
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#modalBuyNow .modal-dialog .modal-content {
  border: none;
  padding: 10px 30px 45px 70px;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  #modalBuyNow .modal-dialog .modal-content {
    padding: 30px 15px 70px;
  }
}
#modalBuyNow.show {
  display: flex;
}
#modalBuyNow.show .modal-dialog {
  transform: translate(0%, 0%);
}
#modalBuyNow h4 {
  margin-bottom: 14px;
}
#modalBuyNow p.darkblue {
  height: 48px;
  max-width: 100%;
  color: #5d758e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0px;
}
#modalBuyNow input,
#modalBuyNow textarea {
  background-color: white;
}

.contact-flex {
  display: flex;
}
@media (max-width: 767px) {
  .contact-flex {
    display: flex;
    flex-direction: column-reverse;
  }
}

.close-btn {
  position: sticky;
  border-radius: 50%;
  top: 0px;
  height: 49px;
  width: 49px;
  border: 1px solid #f6f8fc;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(196, 207, 223, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .close-btn {
    position: absolute;
    right: 20px;
    top: 35px;
    width: 40px;
    height: 40px;
  }
}
.close-btn span {
  position: relative;
  bottom: 8px;
  right: 1px;
}
.close-btn span:after {
  content: "";
  border: 1px solid #90a0b9;
  height: 15px;
  transform: rotate(45deg);
  display: block;
  position: absolute;
}
.close-btn span:before {
  content: "";
  border: 1px solid #90a0b9;
  height: 15px;
  transform: rotate(-45deg);
  display: block;
  position: absolute;
}

.select-div {
  position: relative;
  z-index: 100;
}
.select-div input[type=tel] {
  color: transparent !important;
  outline: none;
  box-shadow: none;
}
.select-div input[type=tel]::-moz-placeholder {
  color: transparent !important;
}
.select-div input[type=tel]::placeholder {
  color: transparent !important;
}
.select-div select {
  padding: 19px 15px;
  width: 100%;
  border: 1px solid #dde1eb;
  border-radius: 10px;
  background-color: #f6f8fc;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #90a0b9;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .select-div select {
    padding: 14px 15px;
  }
}
.select-div:after {
  content: "";
  position: absolute;
  border-right: 1px solid #90a0b9;
  border-bottom: 1px solid #90a0b9;
  width: 6px;
  height: 6px;
  right: 15px;
  top: 27px;
  transform: rotate(45deg);
  display: none;
}
@media (max-width: 767px) {
  .select-div:after {
    top: 23px;
  }
}

.expected-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #dde1eb;
  padding: 19px 22px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #f6f8fc;
  position: relative;
}
@media (max-width: 360px) {
  .expected-select {
    padding: 6px 22px;
  }
}
.expected-select p {
  color: #4d617f;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
@media (max-width: 767px) {
  .expected-select p {
    font-size: 16px;
  }
}

.select-blue {
  position: absolute;
  left: 15px;
  right: 15px;
  text-align: right;
  top: 0;
  bottom: 0;
  display: flex;
}
@media (max-width: 360px) {
  .select-blue {
    position: relative;
    left: 0;
    right: initial;
    text-align: left;
    width: 100%;
  }
}
.select-blue select {
  border: none;
  outline: none;
  color: #007AFF;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 15px;
  background-color: transparent;
  direction: rtl;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .select-blue select {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .select-blue select {
    direction: ltr;
    padding-left: 0 !important;
  }
}
.select-blue:after {
  content: "";
  position: absolute;
  border-right: 2px solid #90a0b9;
  border-bottom: 2px solid #90a0b9;
  width: 7px;
  height: 7px;
  right: 0px;
  top: 28px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .select-blue:after {
    top: 27px;
  }
}
@media (max-width: 360px) {
  .select-blue:after {
    top: 8px;
  }
}

section.comingsoon-img-in {
  padding: 50px 0 100px;
  background-color: #f6f8fc;
  text-align: center;
}

.comingsoon-img img {
  margin-bottom: 60px;
}
.comingsoon-img h1 {
  font-size: 64px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .comingsoon-img h1 {
    font-size: 45px;
  }
}
.comingsoon-img h6 {
  color: #273954;
  font-size: 32px;
  letter-spacing: -0.32px;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 40px;
  max-width: 610px;
}
@media (max-width: 767px) {
  .comingsoon-img h6 {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 25px;
  }
}
.comingsoon-img .btn {
  font-size: 20px;
  font-weight: 600;
  padding: 30px 50px;
}

span.error-text.form-error {
  display: block;
  margin: -12px 0 20px;
  font-size: 12px;
  white-space: nowrap;
}

.selected-flag {
  display: grid !important;
  align-items: center !important;
  grid-template-columns: auto auto auto;
  background-color: transparent !important;
  padding: 0;
  margin: 0 1px !important;
  width: 100% !important;
}
.selected-flag:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selected-flag .selected-dial-code {
  padding-left: 8px !important;
}
.selected-flag:focus {
  outline: none;
}

.floating-effect {
  z-index: 1000;
}

.z-index {
  z-index: 0;
}

.z-index-5 {
  z-index: 5;
}

body.nav-active {
  overflow: hidden;
}

.btn-loader {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 40px;
}

.logo-wrap {
  max-width: 125px;
  transition: all ease 200ms 150ms;
}
@media (min-width: 767px) {
  .logo-wrap {
    max-width: 148px;
  }
}
.logo-wrap img {
  max-width: 100%;
  transition: all ease 200ms 150ms;
}

.form-wraper {
  position: relative;
}
.form-wraper.loading .row {
  opacity: 0.3;
}
.form-wraper.loading:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid #007aff;
  border-left-color: rgba(0, 123, 255, 0.2823529412);
  border-bottom-color: rgba(0, 123, 255, 0.2823529412);
  animation: loader 1200ms ease infinite;
  display: block;
  position: absolute;
  top: 37%;
  right: 45%;
}

p.thankyou-msg {
  background-color: rgba(0, 122, 255, 0.1);
  padding: 20px 30px;
  font-size: 20px;
  font-weight: 500;
  color: #007AFF;
  border-radius: 7px;
  line-height: 1.5;
}

p.error-msg {
  background-color: rgba(255, 217, 217, 0.2);
  font-size: 20px;
  font-weight: 400;
  color: rgb(207, 17, 17);
  line-height: 1.5;
  padding: 20px 30px;
  border-radius: 7px;
}
p.error-msg a {
  font-weight: 500;
  color: rgb(207, 17, 17);
}

.privacy-in {
  text-align: left;
}
.privacy-in h1 {
  margin-bottom: 20px;
}
.privacy-in h6 {
  margin-bottom: 40px;
  font-size: 24px;
  letter-spacing: -0.32px;
  line-height: 1.34;
  font-weight: 300;
  color: #273954;
}
.privacy-in p {
  font-size: 18px;
  line-height: 1.64;
  margin-bottom: 15px;
  color: #4d617f;
  letter-spacing: 0.07px;
}
.privacy-in h3,
.privacy-in h4 {
  padding-top: 20px;
  margin-bottom: 15px;
}
.privacy-in h3 {
  font-size: 38px;
}

.privacy-in {
  position: relative;
  padding: 20px 0 0;
}

@media (max-width: 1200px) {
  .process-img .react-parallax {
    height: 330px !important;
  }
}
@media (max-width: 767px) {
  .process-img .react-parallax img {
    transform: translate(0px) !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

label.m-b64, label.m-b72 {
  margin-bottom: 40px;
}

.z-1050 {
  z-index: 1050;
}

.phoneSection {
  display: grid;
  grid-template-columns: auto;
}
.phoneSection > div:nth-child(1) {
  position: absolute;
  z-index: 1050;
  left: 14px;
  max-width: 110px;
  top: 2px;
}
.phoneSection > div:nth-child(1) input {
  border: none;
  background: transparent !important;
  background-color: transparent !important;
}
.phoneSection > div:nth-child(2) input {
  padding-left: 106px;
}
.phoneSection > div:nth-child(2) label {
  left: 106px;
}

/**** Modal select ****/
.select-blue.custom-select {
  position: static;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  color: black;
  width: auto;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  text-align: right;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-end;
}

.select-styled {
  transition: all 0.15s ease-in;
  color: #007aff;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0px 12px 0px;
}
@media (max-width: 767px) {
  .select-styled {
    font-size: 15px;
  }
}
.select-styled:after {
  content: "";
  position: absolute;
  border-right: 2px solid #90a0b9;
  border-bottom: 2px solid #90a0b9;
  width: 7px;
  height: 7px;
  right: 0px;
  top: 16px;
  transform: rotate(45deg);
  display: none;
}

.select-options {
  position: absolute;
  top: calc(100% + 0px);
  right: 0;
  left: auto;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  max-width: 400px;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.13);
  border-radius: 12px;
}
.select-options li {
  margin: 0;
  padding: 12px 20px;
  text-indent: 15px;
  border-top: 1px solid #f8f8f8;
  transition: all 0.15s ease-in;
  color: #4D617F;
  font-weight: 500;
  font-size: 15px;
}
.select-options li:hover {
  color: #273954;
}
.select-options li[rel=hide] {
  display: none;
}

.blog-tag {
  font-size: 14px;
  color: #007AFF;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block;
  background-color: #e9f4ff;
  padding: 5px 10px;
  border-radius: 8px;
}

#hireModal {
  padding-right: 0 !important;
  z-index: 10992;
}
#hireModal.show .modal-dialog {
  height: 100%;
  overflow-y: auto;
}
#hireModal .modal-dialog {
  margin: 0 0 0 auto;
  transform: translate(100%, 0%);
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
#hireModal .modal-dialog .modal-content {
  border: none;
  padding: 40px 30px 45px 70px;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  #hireModal .modal-dialog .modal-content {
    padding: 30px 15px 70px;
  }
}
#hireModal.show {
  display: flex;
}
#hireModal.show .modal-dialog {
  transform: translate(0%, 0%);
}
#hireModal h4 {
  margin-bottom: 14px;
}
#hireModal p.darkblue {
  height: 48px;
  max-width: 100%;
  color: #5d758e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 40px;
}
#hireModal input,
#hireModal textarea {
  background-color: white;
}

.contact-text-area::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

body::-webkit-scrollbar {
  width: 5px;
  background-color: #aaa;
  height: 8px;
}

body::-webkit-scrollbar-thumb {
  background: #333;
}

section.services-img-sec {
  margin-bottom: 0px;
}

.img-sec-serv {
  background-color: whitesmoke;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  padding-top: 0px;
}
.img-sec-serv .serv-img-image {
  height: 700px;
  width: 100%;
}
@media (max-width: 767px) {
  .img-sec-serv .serv-img-image {
    height: 250px;
  }
}
.img-sec-serv .serv-img-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}
.img-sec-serv:before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(11, 24, 43, 0.04) 40%, #0B182B 59%);
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .img-sec-serv:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(11, 24, 43, 0.04) 40%, #0B182B 58%);
  }
}
@media (max-width: 992px) {
  .img-sec-serv:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(11, 24, 43, 0.04) 32%, #0B182B 60%);
  }
}
@media (max-width: 767px) {
  .img-sec-serv:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(11, 24, 43, 0.04) 32%, #0B182B 34%);
  }
}

.serv-img-text {
  padding: 100px 0 50px;
  position: relative;
  width: 100%;
}
@media (max-width: 1200px) {
  .serv-img-text {
    padding: 0px 0 50px;
  }
}

.img-list p {
  color: white;
  transition: all ease 200ms;
}

.nav-service {
  background-color: #0B182B;
  z-index: 20;
  transition: all ease 200ms;
}
@media (max-width: 992px) {
  .nav-service {
    position: relative;
  }
}
.nav-service.scrollspy {
  position: sticky;
  top: 0;
}
.nav-service.active {
  -webkit-backdrop-filter: blur(30px) saturate(1);
          backdrop-filter: blur(30px) saturate(1);
  background-color: rgba(255, 255, 255, 0.72);
}
.nav-service.active .img-list {
  padding: 20px 0 20px;
}
.nav-service.active p {
  margin-bottom: 7px;
}
.nav-service.active .ul-flex li a {
  transition: all ease 200ms;
  color: #4D617F;
}
.nav-service.active .ul-flex li a.active {
  color: #007AFF;
}
.nav-service.active .img-list {
  border-top: none;
}

.img-list {
  margin-top: 0px;
  padding: 35px 0 45px;
  border-top: 1px solid #273954;
  transition: all ease 200ms;
}
.img-list p {
  color: #A1B6D3;
  font-size: 20px;
  margin-bottom: 15px;
  transition: all ease 400ms;
  opacity: 1;
}
@media (max-width: 767px) {
  .img-list {
    overflow: auto;
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .img-list::-webkit-scrollbar {
    width: 0px;
    height: 0;
  }
  .img-list::-webkit-scrollbar-track {
    background: transparent;
  }
  .img-list::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .img-list::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .img-list .ul-flex {
    flex-direction: row;
  }
  .img-list .ul-flex li {
    margin-right: 15px;
    white-space: nowrap;
  }
}

.consult-img {
  height: 430px;
  background-color: whitesmoke;
  border-radius: 20px;
  margin: 44px 0 96px;
  overflow: hidden;
  /*.react-parallax {
    height: 430px;
    background-color: whitesmoke;
    border-radius: 20px;
    margin: 44px 0 96px;
    overflow: hidden;

    @include phone{
      height: 230px;
      margin: 0px 0 25px;
    }
  }*/
}
@media (max-width: 767px) {
  .consult-img {
    height: 230px;
    margin: 0px 0 25px;
  }
}
.consult-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

.consult-text h2 .dull-in {
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.1;
  font-family: "Graphik";
  -webkit-text-fill-color: #90A0B9;
}
@media (max-width: 767px) {
  .consult-text h2 .dull-in {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .consult-text h4 {
    margin-bottom: 30px;
  }
}
.consult-text p {
  color: #4D617F;
  margin-bottom: 35px;
  max-width: 750px;
}
@media (max-width: 767px) {
  .consult-text p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .consult-text .btn.ml-3 {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}

section.service-about {
  padding: 120px 0;
  background-color: #F6F8FC;
}
@media (max-width: 767px) {
  section.service-about {
    padding: 80px 0 60px;
  }
}
section.service-about .testi-img {
  height: 100px;
  width: 121px;
  margin: 0 auto 20px;
}
@media (max-width: 992px) {
  section.service-about .testi-img {
    margin: 0 0 20px;
  }
}
section.service-about .testi-lower {
  margin-top: 56px;
  display: flex;
  align-items: center;
}
section.service-about .testi-lower .testi-founder {
  margin: 0 0 20px 0;
}
section.service-about .testi-lower .testi-founder h4 {
  font-size: 28px;
  color: #0A1828;
}
section.service-about .testi-lower .testi-founder p {
  font-size: 18px;
  color: #54687F;
}
section.service-about .testi-lower .founder-img {
  height: 82px;
  width: 82px;
  background-color: white;
  border-radius: 50%;
  margin: 0 20px 20px 0;
  box-shadow: 6px 12px 32px -6px rgba(83, 104, 128, 0.14);
}

section.case-about {
  padding: 120px 0 144px;
  background-color: #F6F8FC;
  overflow: hidden;
}
@media (max-width: 767px) {
  section.case-about {
    padding: 60px 0 60px;
  }
  section.case-about h2 {
    margin: 10px 0 30px;
  }
}

#service-case .owl-stage-outer {
  overflow: visible;
}
#service-case .owl-stage-outer .owl-item {
  opacity: 0.5;
}
#service-case .owl-stage-outer .owl-item.active {
  opacity: 1;
}
#service-case .owl-nav {
  display: block !important;
  position: absolute;
  right: 0;
  bottom: 135%;
}
#service-case .owl-nav button {
  background-color: white !important;
  border-radius: 50%;
  overflow: hidden;
  height: 56px;
  width: 56px;
  position: absolute;
  transform: translateY(-50%) scale(1);
  top: 50%;
  outline: none;
  transition: all ease 300ms;
  box-shadow: 0 7px 26px 0 rgba(11, 24, 43, 0.24);
}
@media (max-width: 767px) {
  #service-case .owl-nav button {
    height: 40px;
    width: 40px;
    display: none;
  }
}
#service-case .owl-nav button:hover {
  box-shadow: 0 16px 26px 0 rgba(11, 24, 43, 0.24);
  transform: translateY(-50%) scale(1.05);
}
#service-case .owl-nav button:nth-child(1):before {
  transform: rotateZ(180deg);
}
#service-case .owl-nav button:nth-child(2) {
  right: auto;
}
#service-case .owl-nav button span {
  display: none;
}
#service-case .owl-nav button:before {
  content: "\e903";
  color: #4d617f;
  font-family: "icomoon" !important;
  display: inline-block;
}
#service-case .owl-nav button.disabled {
  opacity: 0.5;
  visibility: visible;
}
@media (max-width: 1200px) {
  #service-case .owl-nav {
    right: 70px;
    bottom: 125%;
  }
}
@media (max-width: 767px) {
  #service-case .owl-nav {
    bottom: -40px;
    left: 0;
    right: 0;
  }
  #service-case .owl-nav button.owl-prev {
    left: 35px;
  }
  #service-case .owl-nav button.owl-next {
    right: 35px;
  }
}
#service-case .owl-nav button.owl-prev {
  right: 35px;
}
#service-case .owl-dots {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #service-case .owl-dots {
    display: flex;
  }
}
#service-case .owl-dots button span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #b9b9b9;
  display: block;
  margin: 0 5px;
}
#service-case .owl-dots button.active span {
  background-color: #007AFF;
}
#service-case .item.case-item {
  background-color: #FFFFFF;
  box-shadow: 0 8px 24px 0 rgba(11, 24, 43, 0.04), 0 24px 48px 0 rgba(11, 24, 43, 0.08);
  padding: 40px;
  border-radius: 20px;
  margin-right: 20px;
  max-width: 522px;
}
@media (max-width: 1200px) {
  #service-case .item.case-item {
    max-width: 432px;
  }
}
@media (max-width: 767px) {
  #service-case .item.case-item {
    padding: 30px;
    margin-right: 0;
  }
}
#service-case .item.case-item h4 {
  margin-bottom: 10px;
}
#service-case .item.case-item p {
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  #service-case .item.case-item p {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  #service-case .item.case-item p {
    font-size: 18px;
  }
}

section.heres-what {
  padding: 136px 0;
  background-color: #F6F8FC;
}
@media (max-width: 767px) {
  section.heres-what {
    padding: 70px 0;
  }
}
section.heres-what h4 {
  margin-bottom: 20px;
}

.process-img {
  background-color: whitesmoke;
}
.process-img .react-parallax {
  height: 600px;
}
@media (max-width: 767px) {
  .process-img .react-parallax {
    height: 300px;
  }
}
.process-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: top;
     object-position: top;
}

.testing .process-img img, .maintenace .process-img img, .ideation .process-img img {
  -o-object-position: center;
     object-position: center;
}

.process-in {
  padding: 94px 0 190px;
}
@media (max-width: 767px) {
  .process-in {
    padding: 50px 0 100px;
  }
}

.process-list {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .process-list {
    margin: 0px;
  }
}
.process-list ul li {
  display: flex;
  align-items: center;
  align-items: center;
  color: #273954;
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 32px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .process-list ul li {
    margin: 30px 0 0;
  }
}
@media (max-width: 767px) {
  .process-list ul li {
    font-size: 18px;
    letter-spacing: 0px;
  }
}
.process-list ul li > div {
  width: 40px;
  height: 40px;
  padding: 3px;
  margin-right: 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .process-list ul li > div {
    margin-right: 15px;
  }
}

section.process-illus {
  background-color: #F6F8FC;
  padding: 134px 0;
}
@media (max-width: 767px) {
  section.process-illus {
    padding: 60px 0;
  }
}
section.process-illus .process-lower {
  text-align: center;
  background-color: white;
  padding: 140px 15px;
}
section.process-illus .process-lower h2 {
  margin-bottom: 30px;
}

.process-all .lets-contact {
  background-color: #F6F8FC;
  padding-top: 0;
}
.process-all .expected-select {
  background-color: white;
}

section.hero-work-block {
  text-align: center;
  background: radial-gradient(#132B4E 0%, #0B182B 100%);
  padding-bottom: 180px;
}
section.hero-work-block h1 span {
  background: linear-gradient(165deg, #59b9ff 30%, #9cea55 78%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.light-header .navbar a {
  color: #92AED7 !important;
}
.light-header a.menu-btn span {
  background-color: white;
}
.light-header a.menu-btn.nav-active span {
  background-color: black;
}

section.work-sec {
  background-color: #F6F8FC;
  padding-top: 120px;
}

.work-sec .col-lg-6 {
  display: flex;
}

.work-card {
  box-shadow: 0 8px 24px 0 rgba(11, 24, 43, 0.04), 0 24px 48px 0 rgba(11, 24, 43, 0.08);
  border-radius: 24px;
  margin-bottom: 30px;
  transform: perspective(1px) translate3d(0, -5px, 0) scale(1);
  transition: all 0.25s ease;
  width: 100%;
}
.work-card:hover {
  transform: perspective(1px) translate3d(0, -5px, 0) scale(0.98);
}
.work-card a {
  max-width: 230px;
  margin-top: 30px;
}
.work-card h5 {
  color: #0B182B;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.76px;
  line-height: 40px;
  margin-bottom: 0;
}
.work-card.half-card {
  overflow: hidden;
}
.work-card.half-card .work-card-text {
  padding: 56px;
}
@media (max-width: 767px) {
  .work-card.half-card .work-card-text {
    padding: 40px 40px;
  }
}
.work-card.motoview {
  background: linear-gradient(85deg, #e5f4ff -19.17%, #f1edf7 110.42%);
  overflow: hidden;
}
.work-card.motoview label {
  color: #EC2812;
}
.work-card.powerlook {
  background: #f9d8d8;
  overflow: hidden;
}
.work-card.powerlook label {
  color: #F14160;
}
.work-card.powerlook .work-card-img {
  left: -50px;
  top: 58px;
  width: 460px;
  margin-bottom: 0;
}
@media (min-width: 767px) {
  .work-card.powerlook .work-card-img {
    left: 40px;
    top: 18px;
    width: 530px;
    margin-bottom: -90px;
  }
}
.work-card.caresoft-CS {
  overflow: hidden;
  background-color: #d6e7ff;
}
.work-card.caresoft-CS .supertext {
  color: #0584c6;
}
.work-card.caresoft-CS .work-card-img {
  position: relative;
}
.work-card.travalot-CS {
  position: relative;
  background-color: #afeed2;
}
.work-card.travalot-CS .supertext {
  color: #03735c;
}
.work-card.delby {
  background: linear-gradient(131.92deg, #FAEAEA 0%, #F1E4E9 36.41%, #F3E8F3 50.33%, #F1E8F5 61.31%, #EEE7F6 72.17%, #E3E2F8 100%);
}
.work-card.delby label {
  color: #EC2812;
}
.work-card.real-estate {
  background: linear-gradient(99.99deg, #DAECF7 0%, #D9EDF6 29.69%, #E4F3F7 100%);
}
.work-card.real-estate label {
  color: #5197CF;
}
.work-card.activity-tracker {
  background: white;
}
.work-card.activity-tracker label {
  color: #EC4710;
}
.work-card.smart-parking {
  padding: 70px 80px;
  background: linear-gradient(112.93deg, #7666D8 0%, #7055C3 100%);
}
@media (max-width: 767px) {
  .work-card.smart-parking {
    padding: 50px 40px;
  }
}
.work-card.smart-parking h4 {
  color: white;
}
.work-card.smart-parking label {
  color: #FFE63B;
}
.work-card.smart-parking a {
  color: #F6F8FC;
}
.work-card.gatoes-CS {
  background-color: #ffdac0;
}
.work-card.gatoes-CS .work-card-img {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .work-card.gatoes-CS .work-card-img {
    width: 570px;
  }
}
.work-card.gatoes-CS .supertext {
  color: #ff6c14;
}
.work-card.ethnico-CS {
  background-color: #dbf7f9;
}
.work-card.ethnico-CS .work-card-img {
  width: 700px;
}
.work-card.ethnico-CS .supertext {
  color: #1a6671;
}
.work-card.blue-corridor-CS {
  background: #DFE4FF;
}
.work-card.blue-corridor-CS label {
  color: #2748FC;
}
.work-card.kkbits-CS {
  background: #DCE9FF;
}
.work-card.kkbits-CS label {
  color: #192F55;
}
.work-card.truckunion-CS {
  background: #E4EEFF;
}
.work-card.truckunion-CS label {
  color: #518CF9;
}
.work-card.labooze-CS {
  background: #FFE5E8;
}
.work-card.labooze-CS label {
  color: #C3212F;
}
.work-card.kglabs-CS {
  background: #E6E5FE;
}
.work-card.kglabs-CS label {
  color: #0F0E3F;
}
.work-card.dresma-CS {
  background: #F2DEDF;
}
.work-card.dresma-CS label {
  color: #CE135C;
}
.work-card.swiggy-CS {
  background: #FFECE4;
}
.work-card.swiggy-CS label {
  color: #E24B14;
}
.work-card.jogi-works-CS {
  background: #E7EEFF;
}
.work-card.jogi-works-CS label {
  color: #1456F2;
}
.work-card.grubs-CS {
  background: #C8C8FF;
}
.work-card.grubs-CS label {
  color: #4949AB;
}
.work-card.konnect-CS {
  background: #E4E6FE;
}
.work-card.konnect-CS label {
  color: #424DC5;
}
.work-card.teambit-CS {
  background: #FFEFF4;
}
.work-card.teambit-CS label {
  color: #F91562;
}
.work-card .work-card-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.work-card .work-card-text label {
  margin-bottom: 25px;
}
.work-card .work-card-img {
  min-height: 400px;
  position: relative;
  max-height: 400px;
}
@media (max-width: 1200px) {
  .work-card .work-card-img {
    min-height: auto;
  }
}
.work-card .arrow-orange {
  display: inline-block;
  position: relative;
  border-right: 2px solid #FF7360;
  border-bottom: 2px solid #FF7360;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
}
.work-card .arrow-green {
  display: inline-block;
  position: relative;
  border-right: 2px solid #4BA68B;
  border-bottom: 2px solid #4BA68B;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
}
.work-card .arrow-blue {
  display: inline-block;
  position: relative;
  border-right: 2px solid #4A82FF;
  border-bottom: 2px solid #4A82FF;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
}
.work-card .arrow-black {
  display: inline-block;
  position: relative;
  border-right: 2px solid rgb(36, 36, 37);
  border-bottom: 2px solid rgb(36, 36, 37);
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  margin-left: 5px;
  transition: all ease 250ms;
  left: 0;
}

.get-qoute {
  background: #FFFFFF;
  border: 0.915289px solid #E2E8F1;
  border-radius: 10.9835px;
  padding: 41px 22px 36px;
  margin-right: -20px;
}
@media (max-width: 1200px) {
  .get-qoute {
    margin-right: 0px;
  }
}
.get-qoute .heading-ui h5 {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  letter-spacing: -0.833261px;
  color: #0B182B;
  margin-bottom: 12px;
}
.get-qoute .heading-ui p {
  font-weight: 400;
  font-size: 11px;
  line-height: 1.45;
  color: #5D758E;
  margin-bottom: 26px;
  max-width: 70%;
}
@media (max-width: 767px) {
  .get-qoute .heading-ui p {
    max-width: 100%;
  }
}
.get-qoute .floating-effect input {
  font-size: 12px;
  height: 44px;
  padding-top: 15px;
}
.get-qoute .floating-effect label {
  font-size: 12px;
  top: 20%;
}
.get-qoute .floating-effect input:not(:-moz-placeholder-shown) ~ label, .get-qoute .floating-effect textarea:not(:-moz-placeholder-shown) ~ label {
  top: 5px;
}
.get-qoute .floating-effect input:focus ~ label,
.get-qoute .floating-effect input:not(:placeholder-shown) ~ label,
.get-qoute .floating-effect textarea:focus ~ label,
.get-qoute .floating-effect textarea:not(:placeholder-shown) ~ label {
  top: 5px;
}
.get-qoute .select-div select {
  padding: 9px 15px;
  font-size: 12px;
}
@media (max-width: 1200px) {
  .get-qoute .select-div select {
    padding: 9px 6px;
  }
}
@media (max-width: 992px) {
  .get-qoute .select-div select {
    padding: 9px 15px;
  }
}
.get-qoute .select-div:after {
  top: 18px;
}
@media (max-width: 1200px) {
  .get-qoute .select-div:after {
    right: 9px;
  }
}
@media (max-width: 992px) {
  .get-qoute .select-div:after {
    right: 15px;
  }
}
.get-qoute .btn {
  height: 54px;
  font-size: 15px;
}

.m-t16 {
  margin-top: 16px;
}

.explore-work-sec .container {
  padding: 144px 0px;
}
@media (max-width: 1200px) {
  .explore-work-sec .container {
    padding: 80px 20px;
  }
}
@media (max-width: 767px) {
  .explore-work-sec .container {
    padding: 80px 0px;
  }
}

.work-slider-wrpr {
  padding-top: 100px;
  position: relative;
}
@media (max-width: 767px) {
  .work-slider-wrpr {
    padding-left: 15px;
    padding-top: 50px;
  }
}
.work-slider-wrpr .work-slider {
  background: linear-gradient(180deg, #F6F8FC 0%, #E7EEF8 100%);
  border-radius: 24px;
  padding: 25px 57px 18px;
  overflow: hidden;
}
.work-slider-wrpr .work-slider .slide-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.work-slider-wrpr .work-slider .slide-title .slide-logo {
  width: 124px;
  height: 30px;
  padding: 0px 10px;
  border-right: 1.25px solid #D4D9E0;
}
.work-slider-wrpr .work-slider .slide-title .slide-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.work-slider-wrpr .work-slider .slide-title .country-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #435369;
  padding: 0px 10px;
}
.work-slider-wrpr .work-slider .slide-img-wrpr img {
  filter: drop-shadow(7.75362px 24.8116px 80px #BAD8FF);
}
.work-slider-wrpr .work-slider .site-type {
  display: flex;
  padding: 7px 14px;
  align-items: center;
  justify-content: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: #FCFDFF;
  border-radius: 6px;
  margin: 18px auto 0px;
  z-index: 1;
  position: relative;
}
.work-slider-wrpr .work-slider .site-type .type-logo {
  background-image: url(../images/work-type-icon.svg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  padding-right: 8px;
  border-right: 1px solid #D4D9E0;
  display: inline-flex;
  box-sizing: content-box;
}
.work-slider-wrpr .work-slider .site-type .type-logo.geekdoor {
  background-position: 0px 0px;
}
.work-slider-wrpr .work-slider .site-type .type-logo.fingertips {
  background-position: -27px 0px;
}
.work-slider-wrpr .work-slider .site-type .type-logo.trucks {
  background-position: -55px 0px;
}
.work-slider-wrpr .work-slider .site-type .type-logo.kkbits {
  background-position: -82px 0px;
}
.work-slider-wrpr .work-slider .site-type .work-type {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29;
  color: #435369;
  padding-left: 8px;
  display: inline-flex;
  box-sizing: content-box;
}
.work-slider-wrpr .owl-nav button {
  background-color: #FFFFFF !important;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: -30px;
  outline: none !important;
}
@media (max-width: 767px) {
  .work-slider-wrpr .owl-nav button {
    width: 34px;
    height: 34px;
    left: 0px;
  }
}
.work-slider-wrpr .owl-nav button.owl-next {
  left: auto;
  right: -30px;
}
@media (max-width: 767px) {
  .work-slider-wrpr .owl-nav button.owl-next {
    right: 0px;
  }
}
.work-slider-wrpr .owl-nav button span {
  font-size: 30px;
  line-height: 1;
}

.app-service-approach {
  position: relative;
  overflow: hidden;
}
.app-service-approach:before {
  content: "";
  position: absolute;
  top: 150px;
  right: -100px;
  background: url("../../images/approach-bg.svg") no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .app-service-approach .approach-boxes {
    padding: 0px;
  }
}

@media (max-width: 992px) {
  .get-qoute-wrpr {
    padding-top: 20px !important;
  }
}

/*.nav.ab-nav{
  li{
    a{
      &:after{
        border-bottom: 2px solid;
      }

    &.active{
      &.Fintech{
        color: #8E9EFF;

        &:after{
          border-color: #8E9EFF;
        }
      }

      &.Healthcare{
        color: #00D19A;
        &:after{
          border-color: #00D19A;
        }
      }

      &.HomeService{
        color: #AB68FF;
        &:after{
          border-color: #AB68FF;
        }
      }

      &.RealEstate{
        color: #56C2FF;
        &:after{
          border-color: #56C2FF;
        }
      }

      &.VideoStreaming{
        color: #FF6845;
        &:after{
          border-color: #FF6845;
        }
      }

      &.Travel{
        color: #FF0158;
        &:after{
          border-color: #FF0158;
        }
      }

      &.Management{
        color: #2293FF;
        &:after{
          border-color: #2293FF;
        }
      }

      &.Education{
        color: #FFD84D;
        &:after{
          border-color: #FFD84D;
        }
      }
    }


      &.Fintech{


        &:after{
          border-color: #8E9EFF;
        }
      }

      &.Healthcare{

        &:after{
          border-color: #00D19A;
        }
      }

      &.HomeService{

        &:after{
          border-color: #AB68FF;
        }
      }

      &.RealEstate{

        &:after{
          border-color: #56C2FF;
        }
      }

      &.VideoStreaming{

        &:after{
          border-color: #FF6845;
        }
      }

      &.Travel{

        &:after{
          border-color: #FF0158;
        }
      }

      &.Management{

        &:after{
          border-color: #2293FF;
        }
      }

      &.Education{

        &:after{
          border-color: #FFD84D;
        }
      }

    }
  }
}*/
section.next-case-studies {
  padding-bottom: 100px;
  position: relative;
}
section.next-case-studies .heading {
  text-align: center;
  margin-bottom: 60px;
}
section.next-case-studies .heading h2 {
  margin-bottom: 6px;
}
section.next-case-studies .heading p {
  font-weight: 400;
  color: #324963;
}

/*******************For mobile_app page**************************/
.approach-boxes .owl-stage {
  display: flex;
}

.service-approachs div#approachboxes {
  padding: 0;
}

section.service-approachs {
  background-color: #F6F8FC;
  padding: 70px 0 60px;
}
section.service-approachs .approach-boxs {
  min-width: 100%;
  max-width: 100%;
  margin-right: 0px;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
section.service-approachs .approach-boxs h5 {
  font-size: 130px;
  text-align: right;
  color: white;
  -webkit-text-stroke: 2px #C4CFDF;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0px;
}
section.service-approachs .approach-boxs h6 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.57px;
  line-height: 32px;
  color: #0B182B;
  margin-bottom: 18px;
  height: 64px;
  display: flex;
  align-items: flex-end;
}
section.service-approachs .approach-boxs p {
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 24px;
  color: #4D617F;
  min-height: 120px;
}
section.service-approachs .approach-boxs .owl-item-inner {
  padding: 28px 25px;
}
section.service-approachs .approach-boxs .owl-item-inner.carousel-shadow {
  box-shadow: 0 20px 15px 0px rgba(11, 24, 36, 0.4);
  margin: 64px 10px 60px 10px;
  background: #fff;
}

#approachboxes .owl-nav button {
  background-color: #FFFFFF !important;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: -30px;
  outline: none !important;
}
@media (max-width: 767px) {
  #approachboxes .owl-nav button {
    left: -10px;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 480px) {
  #approachboxes .owl-nav button {
    left: -5px;
    width: 40px;
    height: 40px;
  }
}

#approachboxes .owl-nav button.owl-next {
  left: auto;
  right: -30px;
}
@media (max-width: 767px) {
  #approachboxes .owl-nav button.owl-next {
    right: -10px;
  }
}
@media (max-width: 480px) {
  #approachboxes .owl-nav button.owl-next {
    right: -5px;
  }
}

#approachboxes .owl-nav button span {
  font-size: 35px;
}
@media (max-width: 767px) {
  #approachboxes .owl-nav button span {
    font-size: 31px;
  }
}
@media (max-width: 480px) {
  #approachboxes .owl-nav button span {
    font-size: 25px;
  }
}

/***********Get a quote*****************/
.fixedQuote {
  max-width: 350px;
  min-width: 350px;
  position: fixed;
  bottom: 3px;
  right: 30px;
  padding: 20px 22px 30px;
  overflow: hidden;
  z-index: 9;
}
.fixedQuote.get-qoute {
  opacity: 1;
}
@media (max-width: 992px) {
  .fixedQuote {
    display: none;
  }
}

.btnContent {
  position: relative;
  cursor: pointer;
  top: -10px;
}

.fixedQuote .btnContent span.icon-arrow_slider {
  position: absolute;
  right: 3px;
  top: 3px;
  transform: rotate(90deg);
  z-index: 9999;
}
.fixedQuote .btnContent span.icon-arrow_slider::before {
  color: #007AFF;
}

.fixedQuote.get-qoute.hideSlide {
  padding: 10px 15px;
  background-color: #007AFF;
  box-shadow: 0 4px 8px 0 rgba(0, 121, 254, 0.16);
  color: #fff;
  height: auto !important;
}

.hideSlide .quoteText {
  display: block;
}

.quoteText {
  display: none;
  font-weight: 500;
}

.hideSlide .btnContent {
  top: 0;
}

.hideSlide .btnContent span.icon-arrow_slider {
  transform: rotate(270deg);
}
.hideSlide .btnContent span.icon-arrow_slider::before {
  color: #fff;
}

.hideSlide .quoteContent {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

.quoteContent {
  height: auto;
  overflow: inherit;
  transition: height 0.3s ease;
}

.select-div .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 70px;
}

.intlTelInput-div .intl-tel-input .country-list {
  max-width: 343px;
}

/**** Fingertips ****/
.aos-animate {
  transform: translate3d(0, 0, 0) !important;
}

.ripple-circles {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.ripple-circles span {
  display: block;
  animation: ripples-c 4s linear infinite forwards;
  border: 2px solid grey;
  border-radius: 50%;
  position: absolute;
}
.ripple-circles span:nth-child(1) {
  animation-delay: 0ms;
  border-color: #43CA89;
}
.ripple-circles span:nth-child(2) {
  animation-delay: 1000ms;
  border-color: #E88114;
}
.ripple-circles span:nth-child(3) {
  animation-delay: 2000ms;
  border-color: #E92C70;
}

@keyframes ripples-c {
  0% {
    opacity: 0.2;
    width: 0;
    height: 0;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    width: 450px;
    height: 450px;
  }
}
.mjc-map {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .mjc-map img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: right;
       object-position: right;
  }
}

.fingertips-sec h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.fingertips-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h3 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h3 {
    font-size: 23px;
    line-height: 30px;
  }
}
.fingertips-sec h6 {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .fingertips-sec h6 {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h6 {
    font-size: 15px;
    line-height: 24px;
  }
}
.fingertips-sec .p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.647399px;
}
.fingertips-sec .contact-grey {
  background-color: #F6F8FC;
}
.fingertips-sec .contact-grey .expected-select {
  background-color: white;
}

@media (max-width: 767px) {
  .bn-logo {
    max-width: 160px;
    margin: 0 auto 21px;
  }
}

.fingertips-banner {
  text-align: center;
  position: relative;
  padding: 130px 0 0px;
  z-index: 5;
}
@media (min-width: 767px) {
  .fingertips-banner {
    padding: 160px 0 0px;
  }
}
.fingertips-banner h2 {
  max-width: 708px;
  max-width: 100%;
  margin: 0 auto 32px;
}
.fingertips-banner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF0F9 100%), linear-gradient(98.95deg, #FFF0F9 11.41%, #E8FEF6 109.5%);
  z-index: -1;
  transition: all cubic-bezier(0.11, 0.21, 0.39, 0.8) 700ms;
  transition-delay: 750ms;
  background: linear-gradient(121.7deg, #FFF1DA 0.96%, #FFE7E9 99.57%);
}
.fingertips-banner.aos-animate:after {
  top: 0;
}

.bn-img {
  position: relative;
  z-index: 6;
}
@media (max-width: 767px) {
  .bn-img img {
    margin: 19px auto 12.3%;
    transform: scale(1.5) translateX(3px);
  }
}
@media (min-width: 1200px) {
  .bn-img {
    margin-top: -20px;
    top: 0px;
  }
}
.bn-img:after {
  content: "";
  position: absolute;
  display: block;
  width: 600px;
  height: 600px;
  margin: 0 auto;
  bottom: -110px;
  border-top: 400px solid #DA6694;
  border-radius: 70%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
@media (max-width: 767px) {
  .bn-img:after {
    width: 200px;
    height: 200px;
    border-top: 120px solid #DA6694;
    bottom: 10px;
  }
}

.bn-text {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .bn-text br {
    display: none;
  }
}
.bn-text h2 {
  font-size: 30px;
  line-height: 38px;
}
@media (min-width: 767px) {
  .bn-text h2 {
    font-size: 48px;
    line-height: 56px;
  }
}

.bn-chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}
.bn-chips label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-right: 12px;
}
@media (max-width: 992px) {
  .bn-chips label {
    margin-bottom: 15px;
  }
}
.bn-chips label:last-child {
  margin-right: 0;
}

.ft-accomplish {
  position: relative;
  padding: 200px 0 120px;
}
@media (max-width: 992px) {
  .ft-accomplish {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .ft-accomplish {
    padding: 80px 0;
  }
}

@keyframes bright {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@media (max-width: 1200px) {
  .fta-cards {
    transform: scale(0.85);
  }
}
@media (max-width: 992px) {
  .fta-cards {
    transform: scale(1);
    display: grid;
    grid-template-columns: auto auto;
    gap: 50px;
    justify-content: left;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .fta-cards {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    gap: 20px;
  }
}

.fta-cardss {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 160px);
  justify-content: center;
  margin-top: 85px;
  gap: 25px;
}
@media (min-width: 767px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 992px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 1200px) {
  .fta-cardss {
    grid-template-columns: repeat(4, 270px);
    justify-content: space-between;
  }
}

.fta-card {
  position: relative;
  background: white;
  max-width: 170px;
  height: 170px;
  padding: 32px 37px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 16px 47px rgba(33, 12, 83, 0.07);
  border-radius: 16px;
}
@media (min-width: 767px) {
  .fta-card {
    max-width: 270px;
    height: 270px;
  }
}
@media (max-width: 767px) {
  .fta-card {
    padding: 32px 25px;
    max-width: 100%;
  }
}
.fta-card .fta-icon {
  margin-bottom: 20px;
}
.fta-card h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #0A131D;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .fta-card h4 {
    font-size: 22px;
    line-height: 18px;
  }
}
.fta-card p {
  letter-spacing: 0.8px;
  color: #8894A2;
}
@media (max-width: 767px) {
  .fta-card p {
    font-size: 14px;
    line-height: 20px;
  }
}

.fgd-sec {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .fgd-sec {
    grid-template-columns: minmax(420px, 618px) 610px;
  }
}

.fastest-delivery {
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .fastest-delivery {
    padding-bottom: 70px;
  }
}

.fgd-text {
  position: relative;
  padding: 50px 0;
  z-index: 5;
}
@media (min-width: 992px) {
  .fgd-text {
    padding: 170px 0 170px;
  }
}

.delivery-map {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
@media (max-width: 767px) {
  .delivery-map {
    top: 50%;
  }
}
.delivery-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gr {
  color: #2E9169 !important;
  font-weight: 500 !important;
}

.f8 {
  font-size: 8px !important;
}

.f9 {
  font-size: 9px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
  line-height: 1.7 !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.delivery-chips {
  position: relative;
  z-index: 10;
  opacity: 1 !important;
  transform: translateZ(0) !important;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: flex-end;
  gap: 15px 30px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .delivery-chips {
    width: 600px;
    right: 30px;
  }
}
@media (min-width: 992px) {
  .delivery-chips {
    left: 60px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .delivery-chips {
    left: 160px;
  }
}
.delivery-chips h6 {
  line-height: 1.3 !important;
  font-weight: 500;
  margin-bottom: 3px;
  color: #0A131D;
}
.delivery-chips p {
  line-height: 1.5;
  color: #737B89;
  letter-spacing: 0px;
  font-weight: 300;
}
.delivery-chips p:last-child {
  border-top: 1px solid whitesmoke;
  margin-top: 2px;
  padding-top: 2px;
}
.delivery-chips.aos-animate > div {
  transform: scale(1);
}
.delivery-chips > div {
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 500ms;
}
.delivery-chips > div:nth-child(1) {
  transition-delay: 200ms;
}
.delivery-chips > div:nth-child(2) {
  transition-delay: 400ms;
}
.delivery-chips > div:nth-child(3) {
  transition-delay: 600ms;
}
.delivery-chips > div:nth-child(5) {
  transition-delay: 800ms;
}
.delivery-chips > div:nth-child(6) {
  transition-delay: 1000ms;
}

.dc-card {
  position: relative;
  background-color: white;
  padding: 11px;
  box-shadow: 0px 26.7376px 42.5372px rgba(10, 19, 29, 0.1);
  border-radius: 9.35817px;
  display: inline-grid;
  gap: 7px;
  text-align: left;
}
.dc-card.dcc2 {
  grid-template-columns: auto auto;
  padding: 15px 55px 15px 15px;
}
.dc-card.dc-2 {
  top: 30px;
}
.dc-card.dc-1 {
  bottom: 15px;
}

.dc-img {
  position: relative;
}

.rating-label {
  position: absolute;
  top: 6px;
  left: -2px;
  background: #2E9169;
  box-shadow: 0px 2.201px 4.40201px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  padding: 2px 4px;
}

.edit-profile {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  color: #8D1B44;
  background: #FFFFFF;
  border: 0.568627px solid #E3E7EF;
  border-radius: 4.54902px;
  display: inline-block;
  padding: 3px;
}

section.how-easy {
  position: relative;
  padding: 80px 0 20px;
  text-align: center;
}
@media (min-width: 767px) {
  section.how-easy {
    padding: 136px 0 20px;
  }
}
section.how-easy .heading-in {
  max-width: 745px;
  margin: 0 auto;
}
section.how-easy video {
  padding: 0 20px;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section.how-easy video {
    margin: 210px auto 180px;
    transform: scale(2.8);
  }
}

.mjc-sec {
  display: grid;
  position: relative;
  grid-template-columns: auto;
  justify-content: space-between;
  z-index: 10;
  gap: 20px;
}
@media (min-width: 992px) {
  .mjc-sec {
    grid-template-columns: minmax(auto, 434px) minmax(auto, 600px);
  }
}
@media (max-width: 767px) {
  .mjc-sec h2 {
    margin-bottom: 25px;
  }
}

@keyframes mjc {
  0% {
    background-color: white;
  }
  50% {
    background-color: #ffecf2;
  }
  100% {
    background-color: white;
  }
}
.mjc-card {
  background: #FFFFFF;
  box-shadow: 0px 36.4438px 57.9787px rgba(10, 19, 29, 0.1);
  border-radius: 12.7553px;
  padding: 24px;
  display: flex;
}
.mjc-card.aos-animate {
  animation: mjc 700ms cubic-bezier(0.38, 0.03, 0.81, 0.68) 100ms forwards;
}
.mjc-card:nth-child(1) {
  animation-delay: 1500ms;
}
.mjc-card:nth-child(2) {
  animation-delay: 2500ms;
}
.mjc-card:nth-child(3) {
  animation-delay: 3500ms;
}
.mjc-card h5 {
  margin-bottom: 6px;
  font-weight: 600;
}
.mjc-card svg {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  bottom: -3px;
  flex-shrink: 0;
}

.mjc-cards {
  position: relative;
  display: grid;
  align-items: center;
  gap: 32px;
}

.major-challenges {
  position: relative;
  padding: 88px 0;
  background: #FFEAF1;
  overflow: hidden;
}

.f-color {
  color: #D92D66;
}

.yellow-color {
  color: #E3B311;
}

.finger-logo {
  position: absolute;
  bottom: 0;
}
@media (max-width: 992px) {
  .finger-logo {
    display: none;
  }
}

.cii-sec {
  position: relative;
  padding: 60px 0 80px;
}
@media (min-width: 767px) {
  .cii-sec {
    padding: 136px 0 80px;
  }
}
.cii-sec .heading-in {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 767px) {
  .cii-sec .heading-in {
    margin-bottom: 80px;
  }
}

.cii-slider {
  position: relative;
  display: flex;
  transform: translateX(0%);
  justify-content: center;
  z-index: 10;
  min-width: 1250px;
}
@media (min-width: 767px) {
  .cii-slider {
    min-width: 900px;
  }
}

.cii-slides {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 767px) {
  .cii-slides:nth-child(1) {
    margin-top: 100px;
  }
  .cii-slides:nth-child(2) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(3) {
    margin-top: 0px;
  }
  .cii-slides:nth-child(4) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(5) {
    margin-top: 100px;
  }
}

.cii-in {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
@media (max-width: 767px) {
  .cii-in {
    overflow: auto;
  }
}
.cii-in:after {
  content: "";
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/rainbow.svg) no-repeat;
  background-size: cover;
  z-index: 0;
}
@media (max-width: 767px) {
  .cii-in:after {
    display: none;
  }
}

.app-features {
  position: relative;
}
.app-features .heading-in {
  margin: 0 auto;
  max-width: 734px;
  text-align: center;
}

.appfe-img {
  max-width: 500px;
}
@media (max-width: 992px) {
  .appfe-img {
    margin-top: 50px;
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
}
.appfe-img video {
  max-width: 100%;
}

.app-row {
  margin-bottom: 132px;
  align-items: center;
}
@media (max-width: 1200px) {
  .app-row {
    justify-content: center;
  }
}
.app-row:first-child {
  margin-top: 112px;
}
@media (max-width: 992px) {
  .app-row:first-child {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .app-row {
    margin-bottom: 60px;
  }
  .app-row:nth-child(2n) {
    flex-direction: column-reverse;
  }
}

.appfe-text label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-bottom: 12px;
}
.appfe-text h3 {
  margin-bottom: 35px;
}
@media (min-width: 767px) {
  .appfe-text h3 {
    margin-bottom: 56px;
  }
}

.appfe-pints {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 36px;
  justify-content: left;
}
.appfe-pints:last-child {
  margin-bottom: 0;
}

.point-blue {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #2FBCE7 0%, #3199EE 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-blue:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-purple {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFA6DD 0%, #A87BEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-purple:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-orange {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E8A442 0%, #DE3F78 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-orange:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-green {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFE45A 0%, #6FD68A 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-green:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-voilet {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E88DEF 0%, #40CDEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-voilet:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.illustrations-icons {
  position: relative;
  padding-bottom: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .illustrations-icons {
    padding-top: 30px;
  }
}
@media (min-width: 767px) {
  .illustrations-icons {
    padding-bottom: 200px;
  }
}
.illustrations-icons .heading-in {
  max-width: 692px;
  margin: 0 auto 72px;
  text-align: center;
}

.download-now {
  position: relative;
  padding: 40px;
  border-radius: 32px;
  background-color: #fff9e0;
  margin-bottom: 124px;
  display: none;
}
.download-now .col-lg-7 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .download-now {
    padding: 88px;
  }
  .download-now .col-lg-7 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .download-now {
    padding: 30px 20px;
  }
}

.icons-in {
  display: grid;
  align-items: center;
  text-align: center;
  gap: 40px;
}
.icons-in:nth-child(even) {
  margin: -30px 0 0;
}

.icon-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
  padding: 20px;
}
@media (max-width: 767px) {
  .icon-lg {
    width: 100px;
    height: 100px;
  }
}

.icon-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
}
@media (max-width: 767px) {
  .icon-sm {
    width: 50px;
    height: 50px;
  }
}

.ii-icons {
  display: flex;
  justify-content: center;
  transform: translateZ(0) !important;
  opacity: 1 !important;
}
.ii-icons.aos-animate .icon-sm,
.ii-icons.aos-animate .icon-lg {
  transform: scale(1);
}

.wrap {
  flex-wrap: wrap;
}

.h400 {
  min-height: 400px;
}

img {
  max-width: 100%;
}

.work-card {
  position: relative;
  will-change: transform;
}
.work-card .work-card-img {
  min-height: auto;
}
@media (min-width: 767px) {
  .work-card .work-card-img {
    min-height: 375px;
  }
}
.work-card > a {
  position: unset !important;
}
.work-card > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.work-card.work-card.full-card {
  margin-top: -130px;
}
.work-card.work-card.fingertips-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(135deg, #FFDAE6 -19.17%, #FFF1C4 110.42%);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.fingertips-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.fingertips-work .supertext {
  color: #bb2961;
}
.work-card.work-card.bsset-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(45deg, #33FF8A, #33FF8A);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.bsset-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.bsset-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.bsset-work .supertext {
  color: #0E2B1E;
}
.work-card.kaspr-work {
  background: linear-gradient(135deg, #D4D7FF 0%, #F2DEFD 100%);
  padding: 0;
  overflow: hidden;
}
.work-card.kaspr-work .supertext {
  color: #6b2cf3;
}
.work-card.kaspr-work .work-card-text {
  padding: 35px;
}
@media (min-width: 767px) {
  .work-card.kaspr-work .work-card-text {
    padding: 56px;
  }
}
.work-card.kaspr-work .work-card-img {
  margin: 0 -60px 0 30px;
}
@media (max-width: 767px) {
  .work-card.kaspr-work .work-card-img {
    margin: 0 0px 0 0px;
  }
}
.work-card:hover .btn4 .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
}

.injust10 {
  position: relative;
  padding: 70px 0 40px;
}
@media (min-width: 767px) {
  .injust10 {
    padding: 136px 0 70px;
  }
}
.injust10 .heading {
  text-align: center;
  max-width: 629px;
  margin: 0 auto;
}
.injust10 .heading h2 {
  margin-bottom: 24px;
}
.injust10 .heading h6 {
  margin-bottom: 12px;
}

.fingertips-work.wishbox-work {
  margin-top: 0px !important;
  padding: 16px 55px 16px 55px !important;
  background-image: linear-gradient(135deg, #FFFFEB, #FFD5B6, #FFDBD0);
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work {
    padding: 55px !important;
  }
}
@media (max-width: 480px) {
  .fingertips-work.wishbox-work {
    padding: 33px !important;
  }
}
.fingertips-work.wishbox-work .h4_1 {
  color: #0B182B;
  max-width: 505px;
}
.fingertips-work.wishbox-work .wishbox-logo {
  width: 130px;
  margin-bottom: 33.76px;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wish-box-img {
    margin-top: 30px !important;
  }
}
.fingertips-work.wishbox-work .button-white {
  margin-top: 173px !important;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .button-white {
    margin-top: 33px !important;
  }
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wishbox-inner-wrap {
    flex-direction: column;
  }
}

/*** Fingertips  ends***/
/*** Caresoft ***/
.blue-text {
  color: #4092FE !important;
}

img {
  max-width: 100%;
}

.Caresoft-section .h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.02em;
  color: #0A131D;
}
.Caresoft-section .h1 span {
  color: #4092FE;
}
.Caresoft-section h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1px;
}
@media (min-width: 767px) {
  .Caresoft-section h2 {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
  }
}
.Caresoft-section h2 span {
  color: #4092FE;
}
.Caresoft-section h2.l1 {
  letter-spacing: 1px;
}
.Caresoft-section h3 {
  font-weight: 600;
  letter-spacing: -1px;
  color: #0A131D;
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 767px) {
  .Caresoft-section h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
.Caresoft-section h3 span {
  color: #4092FE;
}
.Caresoft-section h4 {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (min-width: 767px) {
  .Caresoft-section h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.Caresoft-section h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  color: #324963;
}
@media (min-width: 767px) {
  .Caresoft-section h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
.Caresoft-section p {
  color: #324963;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .Caresoft-section p {
    font-size: 22px;
    line-height: 32px;
  }
}

.banner-caresoft {
  position: relative;
  text-align: center;
  color: white;
  padding: 150px 0 50px;
  z-index: 5;
  overflow: hidden;
}
@media (min-width: 767px) {
  .banner-caresoft {
    padding: 180px 0 50px;
  }
}
@media (min-width: 1200px) {
  .banner-caresoft {
    padding: 180px 0 209px;
  }
}
.banner-caresoft:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 739px;
  background: #051A28;
  z-index: -1;
}
.banner-caresoft h2 {
  margin-bottom: -40px;
  color: white;
}
.banner-caresoft p {
  letter-spacing: 0.56px;
  color: #7292A9;
  margin-bottom: 20px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .csbn-img {
    margin: 100px 0 60px;
    transform: scale(1.5) !important;
  }
}

.cs-global-logos {
  background: #DEE7F4;
  border: 1px solid #F0F3FF;
  width: 486px;
  height: 486px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 900ms;
}
@media (max-width: 767px) {
  .cs-global-logos {
    transform: scale(0.5) translateX(-135px);
    margin: -60px 0 -170px;
  }
}
@media (max-width: 380px) {
  .cs-global-logos {
    transform: scale(0.47) translateX(-170px);
    margin: -60px 0 -170px;
  }
}
@media (min-width: 767px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 80px 100px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 110px 100px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 0;
    transform: scale(0) translateX(60px);
  }
}
.cs-global-logos:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #BCD4F3;
  width: 378px;
  height: 378px;
  z-index: 1;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1050ms;
}
@media (min-width: 767px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
.cs-global-logos:before {
  content: "Caresoft Global";
  position: absolute;
  border-radius: 50%;
  background: #3F8CEB;
  width: 238px;
  height: 238px;
  z-index: 2;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1200ms;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -1px;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
.cs-global-logos span {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-flex;
  width: 204px;
  height: 204px;
  box-shadow: 12px 24px 32px rgba(17, 24, 51, 0.12);
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -1px;
  color: #3F8CEB;
}
@media (min-width: 1200px) {
  .cs-global-logos span {
    width: 204px;
    height: 204px;
    width: auto;
    height: auto;
    padding: 20px;
  }
}
.cs-global-logos span:nth-child(1) {
  top: 0rem;
  left: -70px;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
.cs-global-logos span:nth-child(2) {
  top: -7rem;
  right: 0rem;
  transition-delay: 1600ms;
  width: 204px;
  height: 204px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
.cs-global-logos span:nth-child(3) {
  top: 10rem;
  right: -8rem;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
.cs-global-logos span:nth-child(4) {
  top: 26rem;
  left: 18rem;
  transition-delay: 1800ms;
  width: 190px;
  height: 190px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
.cs-global-logos span:nth-child(5) {
  top: 19rem;
  left: -6rem;
  transition-delay: 1900ms;
  width: 164px;
  height: 164px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}

@media (max-width: 1200px) {
  .ripple-circle {
    max-width: 600px;
  }
}
@media (min-width: 1200px) {
  .ripple-circle.aos-animate .cs-global-logos {
    transform: scale(0.9) translateX(60px);
  }
}
.ripple-circle.aos-animate .cs-global-logos:after {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos:before {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos span {
  opacity: 1;
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos .map-g:after {
  transform: scale(1);
}

.map-g {
  z-index: 4;
}
.map-g:after {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  bottom: -60px;
  top: -60px;
  border: 4px dashed #3F8CEB;
  border-radius: 50%;
  transform: scale(0);
  transition-delay: 400ms;
}

.csb-text h2 {
  margin-bottom: 30px;
}
.csb-text > p {
  margin-bottom: 50px;
}

.csb-list p {
  margin-bottom: 38px;
  position: relative;
  display: grid;
  grid-template-columns: 20px auto;
  gap: 10px;
}
@media (min-width: 767px) {
  .csb-list p {
    grid-template-columns: 25px auto;
    gap: 24px;
  }
}
.csb-list p:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/cbTick.svg) no-repeat 0px 6px;
  background-size: contain;
}

section.cs-global {
  position: relative;
  padding: 50px 0 170px;
}

.problem-statement {
  position: relative;
  padding: 25px 20px 50px;
  background: #EAF2FC;
  border-radius: 2px;
  max-width: 1372px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  .problem-statement {
    padding: 124px 100px;
    margin: 0 auto 170px;
  }
}
.problem-statement h4 {
  margin-bottom: 24px;
}
.problem-statement p.text-blue {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4092FE;
  margin-bottom: 8px;
}

.ps-text {
  margin-top: 50px;
}
@media (min-width: 1200px) {
  .ps-text {
    padding-left: 75px;
    margin-top: 0;
  }
}

.issues-fixed {
  overflow: hidden;
}
.issues-fixed .heading {
  text-align: center;
  margin-bottom: 32px;
}
.issues-fixed .heading h2 {
  margin-bottom: 30px;
}

.w1372 {
  max-width: 1372px;
  margin-left: auto;
  margin-right: auto;
}

.if-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: space-between;
  gap: 30px;
  text-align: left;
  position: relative;
}
@media (min-width: 767px) {
  .if-cards {
    grid-template-columns: repeat(2, 1fr);
    bottom: 140px;
  }
}
@media (min-width: 992px) {
  .if-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

.if-card {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 74px 60px -10px rgba(4, 42, 92, 0.15);
  border-radius: 1px;
  padding: 35px 24px 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 767px) {
  .if-card {
    padding: 95px 24px 48px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
  }
}
.if-card > div {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .if-card > div {
    margin-right: 15px;
    flex-shrink: 0;
    margin-bottom: 0;
    max-width: 50px;
  }
}
.if-card h6 {
  font-weight: 500;
  font-size: 21px;
  line-height: 27px;
  letter-spacing: -0.2px;
  color: #324963;
}
@media (min-width: 767px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card:nth-child(2n+2) {
    top: 50px;
  }
}

.if-card-sec {
  position: relative;
  background: #4092FE;
  border-radius: 2px;
  padding: 60px 0 60px;
  margin-top: 60px;
}
@media (min-width: 767px) {
  .if-card-sec {
    padding: 0px 0 30px;
    margin-top: 160px;
  }
}

.serve-sec {
  position: relative;
  padding: 80px 0 40px;
}
@media (min-width: 767px) {
  .serve-sec {
    padding: 170px 0 70px;
  }
}
.serve-sec h2 {
  position: sticky;
  top: 50px;
}
@media (max-width: 992px) {
  .serve-sec h2 {
    margin-bottom: 20px;
  }
}

.serve-text {
  position: relative;
}
.serve-text p {
  margin-bottom: 30px;
}
.serve-text p:last-child {
  margin-bottom: 60px;
}
.serve-text h6 {
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-bottom: 32px;
}
.serve-text ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #4A6889;
  margin-bottom: 27px;
  display: grid;
  grid-template-columns: 16px auto;
  gap: 23px;
  align-items: center;
}
.serve-text ul li span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #4092FE;
  position: relative;
}
.serve-text ul li span:after {
  content: "";
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #BAD5FE;
  margin-top: -4px;
  margin-left: 4px;
}

.redefine-sec {
  position: relative;
  padding: 40px 0 10px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .redefine-sec {
    padding: 100px 0;
  }
}
.redefine-sec .heading {
  text-align: center;
  margin-bottom: 70px;
}
.redefine-sec .heading h2 {
  margin-bottom: 30px;
}
.redefine-sec .heading h6 {
  line-height: 36px;
}
@media (max-width: 767px) {
  .redefine-sec .heading h6 {
    line-height: 30px;
  }
  .redefine-sec .heading h6 br {
    display: none;
  }
}

.redefine-colored {
  background: linear-gradient(180deg, #5665FE 0%, #3B9DFF 100%);
  border-radius: 2px;
  color: white;
  padding: 80px 20px 0px 20px;
}
@media (min-width: 767px) {
  .redefine-colored {
    padding: 80px 50px 0px 50px;
  }
}
@media (min-width: 992px) {
  .redefine-colored {
    padding: 80px 100px 0px 100px;
  }
}
@media (min-width: 1200px) {
  .redefine-colored {
    padding: 30px 0px 0px 100px;
  }
}
.redefine-colored h3 {
  color: white;
}
@media (min-width: 767px) {
  .redefine-colored h3 {
    padding-right: 60px;
  }
}
.redefine-colored .row {
  align-items: center;
}

.redefine-img {
  position: relative;
  margin-bottom: 0px;
  z-index: 6;
  left: 10px;
  top: 0px;
  margin-top: 80px;
  width: calc(100% + 70px);
}
@media (max-width: 767px) {
  .redefine-img {
    width: 100%;
    left: 0;
  }
}
@media (min-width: 767px) {
  .redefine-img {
    left: 40px;
    top: 100px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .redefine-img {
    left: 40px;
    top: 50px;
  }
}
.redefine-img:before {
  content: "";
  position: absolute;
  left: -114px;
  top: -60px;
  right: 0;
  bottom: 0;
  background: url(../images/bgskew.png) no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .redefine-img:before {
    left: 0;
  }
}

.automotive-section {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}
.automotive-section .heading {
  margin-bottom: 40px;
  max-width: 970px;
}
@media (min-width: 767px) {
  .automotive-section .heading {
    margin-bottom: 98px;
  }
}
.automotive-section .heading h2 {
  margin-bottom: 30px;
}
.automotive-section .heading h6 {
  color: #5B6282;
}
.automotive-section .heading h6 b {
  font-weight: 500;
}
.automotive-section.Cornea-section .auto-sec-img {
  background: linear-gradient(180deg, #4DBAFF 0%, rgba(77, 186, 255, 0) 100%);
}

.auto-sec-img {
  text-align: center;
  background: linear-gradient(180deg, #EAF2FC 67.18%, rgba(234, 242, 252, 0) 100%);
  border-radius: 2px;
  padding: 80px 15px 0;
}
@media (max-width: 767px) {
  .auto-sec-img {
    width: 100%;
    margin-left: 0;
    padding-top: 50px;
  }
}

.ticc-sec {
  position: relative;
  text-align: center;
  padding: 40px 0 40px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .ticc-sec {
    padding: 70px 0 40px;
  }
}
@media (max-width: 767px) {
  .ticc-sec img {
    transform: scale(1.18);
    margin: 100px 0 50px;
  }
}
.ticc-sec .heading {
  max-width: 881px;
  margin: 0 auto 30px;
  text-align: center;
}
.ticc-sec .heading h3 {
  margin-bottom: 32px;
}

section.laptop-secc {
  text-align: center;
  position: relative;
  z-index: 5;
  margin-bottom: 80px;
}
@media (min-width: 767px) {
  section.laptop-secc {
    margin-bottom: 160px;
  }
}
section.laptop-secc:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 578px;
  display: none;
}
section.laptop-secc.arcadia .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.motoview-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.cornea .arcadia-text {
  background: linear-gradient(0deg, #090E1F, #090E1F);
}
section.laptop-secc.cornea h3 {
  background: linear-gradient(90deg, #FFC108 12.78%, #FF9734 39%, #2081FF 70.71%, #5154FF 105.05%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}
section.laptop-secc.cornea h6 {
  color: #C2D2F1;
}
section.laptop-secc.costcompare-laptop:after {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.iceberg-laptop {
  margin-bottom: 119px;
}
section.laptop-secc.iceberg-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}

.arcadia-img {
  margin-bottom: -130px;
  position: relative;
  z-index: 5;
}
@media (min-width: 767px) {
  .arcadia-img {
    margin-bottom: -220px;
  }
}

.arcadia-text {
  position: relative;
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
  padding: 180px 0 80px;
}
@media (min-width: 767px) {
  .arcadia-text {
    padding: 300px 0 80px;
  }
}
.arcadia-text h3 {
  letter-spacing: 0.03em;
  margin-bottom: 25px;
}
.arcadia-text h6 {
  max-width: 970px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .arcadia-text h6 {
    line-height: 36px;
  }
}
.arcadia-text h6 b {
  font-weight: 600;
}

.global-pres {
  position: relative;
  text-align: center;
  display: flex;
  max-width: 840px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .global-pres {
    flex-direction: column;
  }
}
.global-pres:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  bottom: 0px;
  margin-right: 25px;
}
@media (min-width: 767px) {
  .global-pres:before {
    bottom: 60px;
  }
}
.global-pres:after {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  align-self: flex-end;
  transform: rotate(180deg);
  top: 0px;
  margin-left: 25px;
}
@media (min-width: 767px) {
  .global-pres:after {
    top: 40px;
  }
}
.global-pres > div {
  font-weight: 600;
  font-size: 41px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #0A131D;
  margin: 20px 0;
}
@media (min-width: 767px) {
  .global-pres > div {
    flex-direction: column;
    margin: 0px 0;
  }
}

section.caresoft-globalpres h3 {
  text-align: center;
  max-width: 1115px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  section.caresoft-globalpres h3 {
    margin: 0 auto 170px;
  }
}

.cgp-in {
  text-align: center;
  position: relative;
  background: #F4F5F6;
  border-radius: 2px;
  padding: 90px 20px;
}
@media (min-width: 767px) {
  .cgp-in {
    padding: 50px 20px;
  }
}
.cgp-in h3 {
  max-width: 1060px;
  margin: 0 auto 32px;
}

.cgp-white {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 766px;
  margin: 48px auto 0;
  padding: 24px 10px;
  background-color: white;
  border-radius: 16px;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .cgp-white {
    padding: 24px 42px;
  }
}
.cgp-white .h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.32px;
  font-weight: 700;
}
@media (min-width: 767px) {
  .cgp-white .h6 {
    font-size: 24px;
    line-height: 24px;
  }
}
.cgp-white a {
  color: #3F8CEB;
  margin-left: 30px;
  display: block;
}

section.caresoft-globalpress {
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  section.caresoft-globalpress {
    margin-bottom: 100px;
  }
}

/*** Caresoft Ends ***/
/*** Gatoes ***/
section.gt-banner {
  position: relative;
  padding: 10% 0 60px;
  overflow: hidden;
}
section.gt-banner h1 {
  text-align: center;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.015em;
  max-width: 855px;
  margin: 0 auto 10px;
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  section.gt-banner h1 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  section.gt-banner {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  section.gt-banner {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

.gt-logo-gatoes {
  text-align: center;
  margin: 0 auto 20px;
  max-width: 134px;
}

@media (min-width: 767px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
  }
}
@media (min-width: 1200px) {
  .gt-mockups {
    transform: scale(1) translate(45px, 0px);
  }
}

.gt-mock1 {
  position: relative;
  padding-top: 20px;
  left: -35px;
}
@media (max-width: 767px) {
  .gt-mock1 {
    margin-bottom: -50px;
  }
}
@media (min-width: 767px) {
  .gt-mock1 {
    left: -140px;
  }
}
@media (min-width: 992px) {
  .gt-mock1 {
    left: -90px;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .gt-mock1 {
    left: -30px;
  }
}
.gt-mock1:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #72FFE0 0%, #4FDBBC 21.03%, #4DC9AD 48.95%, #33B296 61.29%, #1EA184 76.72%, #119477 86.37%);
  bottom: 290px;
  background: #119477;
  left: 170px;
}
@media (max-width: 767px) {
  .gt-mock1:before {
    bottom: 80px;
    left: -120px;
    display: none;
  }
}

.gt-mock2 {
  position: relative;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-mock2 {
    margin-left: -480px;
    margin-top: 40px;
    right: -180px;
  }
}
@media (min-width: 992px) {
  .gt-mock2 {
    margin-left: -400px;
    right: -130px;
  }
}
@media (min-width: 1200px) {
  .gt-mock2 {
    margin-left: -200px;
    right: -30px;
  }
}
.gt-mock2:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #FF9C9C 0%, #F87777 21.03%, #DA5959 48.95%, #B84848 61.29%, #972A2A 76.72%, #A94040 86.37%);
  right: 120px;
  top: 110px;
  background: #F36653;
}
@media (max-width: 767px) {
  .gt-mock2:before {
    display: none;
  }
}

.mock-img {
  position: relative;
  z-index: 10;
}

.floating1 {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 70px;
}
@media (min-width: 767px) {
  .floating1 {
    left: 0px;
    top: 120px;
  }
}
.floating1 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  width: 168px;
  height: 142px;
}
@media (min-width: 767px) {
  .floating1 > div {
    width: 238px;
    height: 142px;
  }
}

.floating2 {
  position: absolute;
  z-index: 11;
  right: 0px;
  bottom: -10px;
}
@media (min-width: 767px) {
  .floating2 {
    left: 0px;
    bottom: 90px;
  }
}
.floating2 > div {
  animation: updown-sm 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating2 > div {
    max-width: 350px;
  }
}

.floating3 {
  position: absolute;
  right: -50px;
  z-index: 11;
  bottom: -30px;
}
@media (min-width: 767px) {
  .floating3 {
    bottom: 200px;
    right: 0;
  }
}
.floating3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating3 > div {
    max-width: 350px;
  }
}

.updown {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(5px);
  }
}
.updown-sm {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-sm {
  0% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(-3px);
  }
}
.updown-lg {
  animation: updown-lg 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-lg {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
.updown-xl {
  animation: updown-xl 4000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-xl {
  0% {
    transform: translateY(7px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(7px);
  }
}
.gatoes-sec h2 {
  font-weight: 600;
  color: #23212E;
  font-size: 35px;
  line-height: 1.2;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 56px;
    letter-spacing: -0.015em;
  }
}
.gatoes-sec h2 span {
  color: #F17563;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h2.m-b24 {
    margin-bottom: 10px;
  }
}
.gatoes-sec h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 35px;
  color: #23212E;
}
.gatoes-sec h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #5E5C66;
}
@media (min-width: 767px) {
  .gatoes-sec h6 {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h6.m-b64 {
    margin-bottom: 24px;
  }
}

.grocery-sec {
  position: relative;
  padding: 0px 0 80px;
  overflow: hidden;
  background: #F5F7FA;
}
@media (min-width: 767px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 992px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 1200px) {
  .grocery-sec {
    padding: 55px 0 100px;
  }
}

section.raise-revenue {
  position: relative;
  padding: 50px 0 30px;
  overflow: hidden;
}
@media (min-width: 767px) {
  section.raise-revenue {
    padding: 50px 0 150px;
  }
}
section.raise-revenue h6 {
  max-width: 561px;
}

.rr-img {
  min-width: 500px;
  transform: translateX(-50px);
}
@media (min-width: 767px) {
  .rr-img {
    min-width: 681px;
    transform: translateX(0px);
  }
}
@media (max-width: 767px) {
  .rr-img {
    min-width: 100%;
    transform: initial;
  }
}
.rr-img video {
  max-width: 100%;
}

.op-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1350px;
  padding: 0 15px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .op-img {
    width: 100%;
    transform: initial;
  }
}
.op-img video {
  max-width: 100%;
  transform: scale(1.03);
}
@media (max-width: 767px) {
  .op-img video {
    transform: scale(1.03);
  }
}

.grocer-text {
  position: relative;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .grocer-text h2 {
    line-height: 52px;
    letter-spacing: -0.025em;
  }
}
.grocer-text label {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #F76754;
  margin-bottom: 15px;
}

.grocer-lower-img {
  min-width: 755px;
}
@media (max-width: 767px) {
  .grocer-lower-img {
    min-width: 600px;
    position: relative;
    right: 120px;
  }
}

.grocer-img {
  position: relative;
  right: 0px;
  top: 0px;
}
@media (max-width: 992px) {
  .grocer-img {
    margin-bottom: -100px;
  }
}
@media (min-width: 767px) {
  .grocer-img {
    right: 70px;
    top: 50px;
  }
}

.grocer-img2 {
  position: absolute;
  z-index: 5;
  width: calc(100% + 20px);
  right: -90px;
  top: 10px;
}
@media (min-width: 767px) {
  .grocer-img2 {
    width: calc(100% - 30px);
    right: -60px;
    top: -30px;
  }
}
@media (min-width: 992px) {
  .grocer-img2 {
    width: calc(100% - 70px);
    right: -70px;
    top: -40px;
  }
}

.grocer-img3 {
  position: absolute;
  z-index: 6;
  width: calc(100% + 80px);
  right: -10px;
  top: 80px;
}
@media (min-width: 767px) {
  .grocer-img3 {
    width: 100%;
    right: 80px;
    top: 90px;
  }
}

.gt-screens {
  position: relative;
  background: #F2F4F9;
  padding: 100px 0 0px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .gt-screens {
    padding: 85px 0 150px;
  }
}
.gt-screens h2 {
  max-width: 954px;
  margin: 0 auto 80px;
}
@media (min-width: 767px) {
  .gt-screens h2 {
    text-align: center;
  }
}
.gt-screens h2 span {
  color: #289D84;
}

.gt-c {
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) {
  .gt-c {
    justify-content: flex-start;
    overflow: auto;
    padding: 0 0 180px;
    margin: 0 -15px;
  }
}
@media (max-width: 767px) {
  .gt-c {
    padding: 0 0 90px;
  }
}
.gt-c > div {
  margin-right: 58px;
}
@media (min-width: 992px) {
  .gt-c > div:nth-child(even) {
    margin-top: 120px;
  }
  .gt-c > div:nth-child(even) .gt-img {
    animation-delay: 800ms;
  }
}

.gt-img {
  box-shadow: 0px 102.225px 81.7801px rgba(62, 68, 128, 0.12), inset -2.0445px -10.2225px 20.445px rgba(102, 131, 188, 0.5), inset 0px 2.0445px 20.445px #ffffff;
  border-radius: 60px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 200px;
  min-width: 200px;
}
@media (min-width: 767px) {
  .gt-img {
    max-width: 270px;
    min-width: 270px;
  }
}
@media (min-width: 1200px) {
  .gt-img {
    max-width: 323px;
    min-width: 323px;
  }
}

.gt-how-cards {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-how-cards {
    grid-template-columns: 450px;
  }
}
@media (min-width: 992px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: 550px;
  }
}
@media (min-width: 1200px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: repeat(auto-fill, 350px);
  }
}

@media (max-width: 1200px) {
  .gt-how-card {
    grid-template-columns: 220px auto;
  }
}
@media (max-width: 1200px) {
  .gt-how-card {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 15px;
    align-items: center;
  }
  .gt-how-card .gt-how-text {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .gt-how-card {
    grid-template-columns: 130px auto;
  }
}

.gt-how-img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .gt-how-img {
    margin-bottom: 0;
  }
}
.gt-how-img video {
  max-width: calc(100% + 1px);
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .gt-how-img {
    margin-bottom: 36px;
  }
}

.gt-how-text {
  text-align: center;
}
.gt-how-text h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .gt-how-text h4 {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.gt-how-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #A1A0A9;
}
@media (min-width: 1200px) {
  .gt-how-text p {
    font-size: 21px;
    line-height: 24px;
  }
}

.gt-how {
  position: relative;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .gt-how {
    padding: 140px 0 200px;
  }
}
.gt-how .container {
  max-width: 1350px;
}
.gt-how .heading {
  text-align: center;
}
.gt-how .heading p {
  max-width: 332px;
  margin: 0 auto;
}

.simplified-platform {
  position: relative;
  background: #f7f7fd;
  padding: 80px 0 10px;
}
@media (min-width: 992px) {
  .simplified-platform {
    padding: 50px 0 10px;
  }
}

.sp-img {
  overflow: hidden;
  padding-left: 50px;
}
.sp-img video {
  max-width: 100%;
  transform: scale(1.04);
}

.optimized-apps {
  position: relative;
  text-align: center;
  padding: 80px 0 0px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .optimized-apps {
    padding: 120px 0 0px;
  }
}
.optimized-apps h2 {
  max-width: 1002px;
  margin: 0 auto 54px;
}

section.mockup-sec {
  padding: 20px 0 120px;
}
@media (min-width: 767px) {
  section.mockup-sec {
    padding: 90px 0 150px;
  }
}

.mockup-rows {
  padding-top: 120px;
  align-items: center;
}
.mockup-rows:first-child {
  padding-top: 0;
}
@media (min-width: 767px) {
  .mockup-rows {
    padding-top: 60px;
  }
}
@media (max-width: 992px) {
  .mockup-rows:nth-child(2n+2) {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1200px) {
  .mockup-rows {
    padding-top: 120px;
  }
}

@media (min-width: 992px) {
  .mur-text {
    margin-top: -70px;
  }
}
.mur-text h4 {
  margin-bottom: 24px;
}
.mur-text h6 {
  color: #5E5C66;
}

.mur-img {
  position: relative;
  transform: scale(1) translate(0px, 0px);
  overflow: hidden;
  padding-left: 20px;
}
@media (min-width: 767px) {
  .mur-img {
    max-width: 440px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .mur-img {
    margin-bottom: -40px;
    margin-top: 0px;
    margin: 0 auto -90px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .mur-img {
    transform: scale(1) translate(0px, 0px);
    max-width: 570px;
  }
}
@media (max-width: 767px) {
  .mur-img {
    margin: 30px auto -80px;
  }
  .mur-img > img {
    width: 500px !important;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.mur-img video {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1.04);
  position: relative;
  z-index: 2;
}
.mur-img:after {
  content: "";
  position: absolute;
  width: 522px;
  height: 522px;
  border-radius: 50%;
  background-color: #F2F5F8;
  right: 30px;
  bottom: 100px;
  z-index: 0;
  display: none;
}

.mur-float1 {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 80px;
  z-index: 0;
}
@media (min-width: 767px) {
  .mur-float1 {
    left: -30px;
    top: 60px;
  }
}
.mur-float1 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}
@media (min-width: 992px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}

.mur-float2 {
  position: absolute;
  z-index: 5;
  bottom: -30px;
  right: -50px;
}
@media (min-width: 767px) {
  .mur-float2 {
    bottom: 30px;
    right: 60px;
  }
}
.mur-float2 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}

.mur-float3 {
  position: absolute;
  z-index: 5;
  right: -70px;
  top: 10px;
}
@media (min-width: 767px) {
  .mur-float3 {
    right: 10px;
    top: 10px;
  }
}
.mur-float3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 430px;
}
@media (max-width: 767px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}
@media (min-width: 992px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}

.mur-float4 {
  position: absolute;
  z-index: 5;
  bottom: -10px;
  left: -20px;
}
@media (min-width: 767px) {
  .mur-float4 {
    bottom: 0px;
    left: -100px;
  }
}
.mur-float4 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}

.curation-sec {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .curation-sec {
    padding: 226px 0;
  }
}
.curation-sec:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #FFF1EF;
  z-index: 0;
  width: 426px;
  height: 426px;
  bottom: 18%;
  right: -240px;
}
@media (min-width: 767px) {
  .curation-sec:after {
    right: -650px;
    width: 1026px;
    height: 1026px;
    bottom: auto;
    top: 7%;
  }
}
@media (min-width: 1200px) {
  .curation-sec:after {
    right: -350px;
  }
}
.curation-sec .container {
  position: relative;
  z-index: 5;
}
.curation-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.35;
}
@media (min-width: 767px) {
  .curation-sec h3 {
    line-height: 52px;
    letter-spacing: -0.015em;
  }
}

.cur-img {
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  border-radius: 52px;
  overflow: hidden;
  box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.12);
  height: calc(100% - 7px);
}
@media (max-width: 1200px) {
  .cur-img {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .cur-img {
    max-width: 280px;
    margin: 50px auto 0;
    border-radius: 39px;
    height: calc(100% - 57px);
    box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.05);
  }
}
.cur-img video {
  max-width: calc(100% + 3px);
}

.accent-color {
  position: relative;
}
.accent-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #F66754;
  box-shadow: 0px 44.4706px 57.6471px rgba(158, 36, 19, 0.14);
}

.sec-color {
  position: relative;
}
.sec-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #119477;
  box-shadow: 0px 44.4706px 57.6471px rgba(19, 158, 125, 0.14);
}

.border-b {
  position: relative;
}
.border-b:after {
  content: "";
  position: relative;
  display: block;
  width: 85px;
  height: 9px;
  border-radius: 20px;
  background: #EBEBEB;
  margin-top: 15px;
}
.border-b h4 {
  font-weight: 400;
}

.colors-typo {
  padding: 70px 0 72px;
}
@media (min-width: 767px) {
  .colors-typo {
    padding: 169px 0 172px;
  }
}

.color-pallete {
  position: relative;
  padding: 40px 0 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 90px);
  justify-content: space-between;
  gap: 20px;
  text-align: center;
}
@media (min-width: 767px) {
  .color-pallete {
    padding: 120px 0 160px;
    grid-template-columns: repeat(auto-fit, 104px);
  }
}
.color-pallete span {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
  background-color: #23212E;
}
@media (min-width: 767px) {
  .color-pallete span {
    width: 104px;
    height: 104px;
  }
}

.ct-h2 h2 {
  font-size: 48px;
  line-height: 50px;
}

.typo {
  font-family: "Inter", sans-serif;
}
.typo h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  color: #23212E;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
}
.typo h6 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  color: #A1A0A9;
  margin-bottom: 26px;
  font-family: "Inter", sans-serif;
}
.typo p {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  color: #23212E;
  font-family: "Inter", sans-serif;
}

.typo-a {
  display: flex;
  justify-content: flex-end;
}
.typo-a div {
  position: relative;
  font-weight: bold;
  font-size: 261.302px;
  line-height: 259px;
  text-align: center;
  color: #F66754;
  position: relative;
  z-index: 5;
}
.typo-a div:after {
  position: absolute;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #F66754;
  left: 12px;
  top: 8px;
}
.typo-a div:nth-child(1):after {
  content: "A";
}
.typo-a div:nth-child(2):after {
  content: "a";
}

.responsive-design {
  position: relative;
  text-align: center;
  background: #F7F9FF;
  padding: 100px 0 85px;
}
.responsive-design .heading {
  margin-bottom: 40px;
}

.rd-imgs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rd-imgs .rd-img:nth-child(1) {
  margin-right: -70px;
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
.rd-imgs .rd-img:nth-child(2) {
  margin-left: -70px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

.resultROI {
  position: relative;
  padding: 76px 0 109px;
  background: #FCF0EE;
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  .resultROI {
    margin-bottom: 100px;
  }
}
.resultROI h3 {
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #373541;
  font-size: 34px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  .resultROI h3 {
    font-size: 40px;
    line-height: 53px;
  }
}
.resultROI h4 {
  color: #484751;
  opacity: 0.9;
  font-weight: 400;
  margin-top: 60px;
  font-size: 22px;
  line-height: 1.6;
}
@media (min-width: 767px) {
  .resultROI h4 {
    font-size: 27px;
    line-height: 43px;
  }
}
.resultROI h4 b {
  font-weight: 500;
}
.resultROI .gatoeslogo-lower {
  max-width: 110px;
  margin-bottom: 28px;
}

/*** Gatoes ***/
.colr-pro-theme {
  color: #E62224;
}

.motoview-banner {
  text-align: center;
  position: relative;
  padding: 160px 0 0px;
  z-index: 5;
  overflow: hidden;
}
.motoview-banner h2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .motoview-banner h2 {
    font-size: 32px;
    line-height: 40px;
    word-break: break-word;
  }
  .motoview-banner h2 br {
    display: none;
  }
  .motoview-banner h2 .colr-pro-theme {
    padding: 0 6px;
  }
}
.motoview-banner .desc {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .motoview-banner .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0px;
  }
  .motoview-banner .desc br {
    display: none;
  }
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url(../images/moto/mw_background.png);
}

.img-repo {
  max-width: 100%;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
  padding: 100px 0 0;
}
.img-big .device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}
.img-big .desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}
.img-big .desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}
.img-big .desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}
.img-big .desktop-frame .top-btns span.close {
  background-color: #FF6159;
}
.img-big .desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}
.img-big .desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}
.img-big .desktop-frame figure.img {
  max-width: 793px;
}
.img-big .desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.motoview-casestudy video {
  mix-blend-mode: multiply;
}

.img-top-overflow {
  margin-top: -185px;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.blend-bg {
  mix-blend-mode: multiply;
}

.car-details-img figure {
  max-width: 100%;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 40px 0 0 -32px;
}

.casestudy-points {
  margin-bottom: 58px;
}
.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}
.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}
.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.project-description {
  padding: 86px 0 122px;
  margin: 0 0 0 46px;
}

.specification-ui-block figure span img {
  width: 100%;
}

.specification-ui-block .pos-img-ui {
  width: 100%;
  max-width: 200px;
}

.specification-ui-block .pos-img-ui img {
  width: 100%;
}

.pos-img-ui2 {
  width: 100%;
  max-width: 400px;
}

.pos-img-ui2 img {
  width: 100%;
}

.car-details-img figure {
  max-width: 634px;
  width: 100%;
  margin: auto;
}

.filter-img3 figure img {
  max-width: inherit;
}

.search-slide .search-frame {
  max-width: 520px;
  width: 100%; /* margin-top: -78px;*/
}

.search-bar {
  position: relative;
  z-index: 9;
}

picture {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

picture img {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .search-slide video {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .bg-greay-before.bg-top-bottom .filter-section {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .repo-none {
    display: none !important;
  }
}
@media only screen and (min-width: 991px) {
  .d-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .container-lg {
    width: 1200px;
  }
}
.device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}

.device-set .desktop-frame {
  margin: 0 0px 0 70px;
}

.desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}

.desktop-frame figure.img {
  max-width: 793px;
}

.desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}

.desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}

.desktop-frame .top-btns span.close {
  background-color: #FF6159;
}

.desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}

.desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
}

.mobile-frame {
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.speaker-bar {
  position: absolute;
  left: 50%;
  top: 15px;
  background-color: #E0E4E7;
  border-radius: 5px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 40px;
  height: 3px;
}

.project-description h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.color-light {
  color: rgba(50, 73, 99, 0.75);
}

.project-description p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.pi {
  font-size: inherit;
  font-weight: inherit;
}

.title-md {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  line-height: 18px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 12px 0px;
}

.colr-pro-theme {
  color: #E62224;
}

.colr-pro-theme:hover {
  color: #ff2729;
}

.casestudy-wrapper {
  position: relative;
}

.casestudy-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  height: 100%;
  background: #F7F9FB;
  margin-left: 210px;
  top: 3px;
}

.casestudy-wrapper:after {
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(10, 19, 29, 0.12);
  height: 5px;
  width: 100%;
  left: 0;
  top: -1px;
  content: "";
}

.pro-project-wrapper {
  padding: 37px 30px 50px;
}

.title-xs {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.56px;
  line-height: 15px;
  margin: 0 0 12px 0px;
  text-transform: uppercase;
}

.grey {
  color: #8B9DB1;
}

.pro-platform-list {
  margin: 52px 0 0 0;
}

.pro-platform-list .title20 {
  color: #0A131D;
}

.title20 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url("../images/moto/mw_background.png");
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
}

.casestudy-points {
  margin-bottom: 58px;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 58px 0 0 -32px;
}

.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}

.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.ic-check-list ul {
  padding: 0px;
}

.ic-check-list ul li {
  position: relative;
  margin: 0 0 0 0px;
  padding: 0px 0 0 55px;
  color: #324963;
  font-size: 20px;
  line-height: 32px;
  margin: 45px 0 0 0px;
  list-style: none;
  font-weight: 400;
}

.ic-check-list ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 27px;
  height: 26px;
  background: url("../images/moto/ic_bullet.svg") no-repeat;
  background-size: 100% auto;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}

.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.bg-greay-before {
  padding: 75px 0 0px;
  position: relative;
}

.bg-top-bottom.bg-greay-before {
  padding: 0px;
  margin-top: 78px;
}

.bg-greay-before:before {
  content: "";
  position: absolute;
  background: #F7F9FB;
  top: 0;
  left: 0;
  right: 0;
  bottom: 112px;
}

.bg-greay-before.bg-top-bottom:before {
  bottom: 260px;
}

.bg-greay-before .project-description {
  margin: 0px;
  padding: 0px;
}

.bg-greay-before .project-description h2 {
  margin: 0px 0 35px 0px;
}

.motoshow {
  float: right;
  width: 188px;
  margin: 0px 0 0px 12px;
}

.motoshow-coverd {
  background-color: #E62123;
  box-shadow: 0 14px 20px 0 rgba(230, 33, 35, 0.1), 0 24px 32px 0 rgba(230, 33, 35, 0.09);
  border-radius: 8px;
  height: 205px;
  text-align: center;
  display: table;
  width: 100%;
}

.motoshow-coverd a {
  text-decoration: none;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.motoshow-coverd a span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1.13px;
  line-height: 24px;
  text-transform: uppercase;
}

.motoshow-coverd a span.f-big {
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 62px;
  color: #FFFFFF;
}

.opacity06 {
  opacity: 0.6;
}

/*.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}*/
.show-locations {
  margin: 0 27px 0 0px;
  padding: 65px 0 60px;
}

.moto-slide {
  background-color: #FFFFFF;
  border-radius: 8px;
  /*box-shadow: 0 14px 20px -2px rgba(10,19,29,0.08), 0 24px 32px -5px rgba(10,19,29,0.07);*/
  display: inline-block;
  width: 100%;
  vertical-align: top;
  transition: box-shadow 0.4s ease;
}

.moto-slider .carousel-inner {
  overflow: visible;
  display: inline-block;
  padding: 0px 0 0px;
}

.moto-slide figure {
  min-height: 158px;
  text-align: center;
  display: block;
  width: 100%;
  border-bottom: 1px solid #EBEDF0;
  position: relative;
}

.moto-slide h4 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 12px 12px;
  text-transform: uppercase;
  text-align: center;
}

.moto-slide figure img {
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.moto-slider {
  width: calc(100% - 200px);
}

.moto-slider .moto-carousel {
  margin: 0 0 0 -12px;
}

.moto-inline {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  /*padding-bottom: 60px;*/
}

.moto-inline .moto-slide figure img {
  width: auto;
}

.moto-slider .owl-carousel .owl-stage-outer {
  margin: 0 -30px -60px;
  padding: 0 30px 60px;
}

.moto-slider .owl-carousel .owl-item.active .moto-slide {
  box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
}

.owl-carousel.owl-drag .owl-item, .owl-carousel {
  touch-action: pan-y;
}

/*.moto-inline:nth-child(1){
transition-delay: 0.20s;
}

.moto-inline:nth-child(2){
transition-delay: 0.40s;
}

.moto-inline:nth-child(3){
transition-delay: 0.60s;
}

.moto-inline:nth-child(4){
transition-delay: 0.80s;
}

.item.active .moto-inline{
opacity: 1;
top:0;
transform:translate3d(0px, 0px, 0);
-webkit-transform:translate3d(0px, 0px, 0);
}*/
.casestudy-points + .bg-greay-before:before {
  height: 84%;
}

.m-l0 {
  margin-left: 0px;
}

.motoview-title {
  padding: 86px 0px 0;
}

.motoview-title h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.home-content {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.28px;
  line-height: 42px;
  color: #0A131D;
  margin: 0px 0 0px 0px;
}

.content-align {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 0;
  padding-bottom: 180px;
}

.left-img-outside {
  display: inline-block;
  width: 57.33333333%;
  vertical-align: top;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.left-img-outside .ipod-frame {
  margin: 0 0 0 -45px;
  padding: 10px;
}

.left-img-outside figure {
  display: block;
}

.right-content {
  display: inline-block;
  width: 42.66666667%;
  vertical-align: top;
  margin: 70px 0 0 0;
}

.pos-relative {
  position: relative;
}

.img-top-overflow {
  margin-top: -145px;
  position: relative;
  margin-bottom: 30px;
}

.car-overlap {
  position: absolute;
  bottom: -41px;
  text-align: center;
  width: 100%;
}

.feature-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.featured-content .home-content {
  margin: 0px 0 34px 0px;
}

.featured-content p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
  margin: 0px 0 2px 0px;
}

.featured-content a {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.featured-content a:hover {
  color: #E62224;
}

.featured-content a span {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: transform, 0.3s all;
  -webkit-transition: transform, 0.3s all;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.featured-content a:hover span {
  transform: translate3d(5px, 0, 0);
  -webkit-transform: translate3d(5px, 0, 0);
}

.motoshow-slider {
  position: relative;
  display: inline-block;
}

.motoshow-slider .top-slide {
  position: relative;
  box-shadow: 0 20px 75px -6px rgba(11, 33, 47, 0.23);
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 12px;
  display: inline-block;
  z-index: 9;
}

.slide-child {
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 48px 72px -6px rgba(11, 33, 47, 0.23);
  opacity: 0.3;
}

.slide-child:nth-child(2) {
  right: -32px;
}

.slide-child:nth-child(3) {
  right: -48px;
}

/* filter section */
.filter-section {
  padding: 130px 0 0px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-left: 35px;
}

.filter-img {
  float: left;
}

.clear-left {
  clear: left;
}

.filter-img2 {
  margin: -76px 0 0 -15px;
}

.filter-img3 {
  margin: -252px 0 0 176px;
}

.filter-content {
  margin: 0;
  overflow: hidden;
  padding: 81px 100px 0 110px;
}

.featured-content.m-t {
  margin-top: 96px;
}

.search-slide {
  text-align: center;
  position: relative;
}

.search-frame {
  background-color: #FDFDFE;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 24px 64px -11px rgba(0, 0, 0, 0.16);
  padding: 9px 4px 19px;
  display: inline-block;
  margin-top: 0px;
}

.search-slide {
  position: relative;
  z-index: 9;
}

.search-field {
  max-width: 571px;
  box-shadow: 0 44px 70px -14px rgba(10, 19, 29, 0.14);
  height: 83px;
  border: 1px solid #EDEDEE;
  border-radius: 16px;
  background-color: #fff;
  margin: 0px auto;
  text-align: left;
  font-size: 21px;
  color: rgba(99, 117, 140, 0.6);
  font-weight: 400;
  padding: 25px 0 0 60px;
  position: relative;
  z-index: 1;
}

.search-field:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin: -12px 0 0 0;
}

.car-details {
  position: relative;
  margin: 82px 0 75px 0;
}

.car-details-img {
  position: relative;
  text-align: center;
}

.car-details-popup {
  position: absolute;
  bottom: 90px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5.5px;
  box-shadow: 0 48px 77px 0 rgba(10, 19, 29, 0.32);
  background-color: rgba(255, 255, 255, 0.19);
  padding: 0px;
  max-width: 749px;
  width: 100%;
}

.gallery.section {
  margin: 85px 0 0px;
}

.gallery-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  color: #98a2a9;
  text-align: center;
  margin: 0px;
}

.gallery-nav ul {
  padding: 0px;
  margin: 20px -7px 0;
  text-align: center;
}

.gallery-nav ul li {
  display: inline-block;
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(11, 33, 47, 0.12);
  padding: 11px 29px;
  margin: 0 7px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 18px;
  color: #0B212F;
}

.gallery-nav ul li.active {
  color: #fff;
  background: #0B212F;
  font-size: 18px;
  padding: 19px 43px;
  letter-spacing: 1.29px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 22px 25px -10px rgba(11, 33, 47, 0.4);
}

.gallery {
  position: relative;
  margin: 16px 0 0 0;
}

.device-set [data-aos=slide-up] {
  transform: translate3d(0, 30%, 0);
}

.gallery figure.img {
  margin-left: -40px;
  margin-right: -40px;
}

.dwnload-btn {
  position: absolute;
  bottom: 0px;
  left: 120px;
}

.dwnload-list {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -50px 28px;
}

.gallery-content {
  text-align: center;
  max-width: 448px;
  margin: 70px auto 0;
}

.gallery-content p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  line-height: 32px;
  font-weight: 400;
}

.grey-bg-ui {
  background-color: #F7F9FB;
  width: 100%;
  display: inline-block;
  padding: 80px 43px 43px;
}

.specification-ui-block .title-md {
  text-transform: uppercase;
}

.final-product-ui {
  display: inline-block;
  width: 100%;
  padding: 98px 0 40px;
  position: relative;
  overflow: hidden;
}

.final-product-ui .background-zoom {
  top: 0;
}

.final-product-ui .title-lg {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  color: #FFFFFF;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b80 {
  margin-bottom: 80px;
}

.compare-car-ui {
  padding-bottom: 120px;
}

.cc-ui-block {
  position: absolute;
  bottom: 74px;
  right: -49px;
}

.specification-ui-block figure {
  position: relative;
}

.pos-img-ui {
  position: absolute;
  top: -48px;
  right: -14px;
}

.pos-img-ui2 {
  position: absolute;
  bottom: -48px;
  right: -31px;
}

.final-product-ui .home-content {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  max-width: 547px;
  padding-left: 40px;
}

.final-product-ui .background-zoom {
  height: 948px;
}

.conclusion-heading {
  margin-bottom: 64px;
}

.old-new-ui .col-sm-6 {
  width: 50%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 -10px;
}

.old-new-ui .col-sm-6:last-child {
  margin-left: -43px;
}

.final-product-ui .bg-motoview {
  background: url("../images/moto/conclusion_back-min.jpg");
  background-position: center;
}

.final-product-ui h4 {
  opacity: 0.8;
  color: #FF0431;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 25px;
  margin-bottom: 10px;
}

.final-product-ui h4.white-label {
  color: #fff;
}

.final-product-ui p {
  height: 85px;
  width: 452px;
  opacity: 0.7;
  color: #ADC1CD;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 26px;
}

.old-ui figure {
  margin-bottom: 18px;
}

.mob-hide {
  display: block;
}

.mob-show {
  display: none;
}

.action-block {
  text-align: center;
  padding: 128px 0;
}

.action-block h3 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  text-align: center;
  color: #0A131D;
}

.action-block .btn-check {
  border-radius: 12px;
  background-color: rgba(230, 33, 35, 0.09);
  height: 54px;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  min-width: 220px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #E62123;
  margin-top: 48px;
}

@media only screen and (max-width: 1300px) {
  .old-new-ui .col-sm-6 figure img {
    width: 100%;
  }
  .old-new-ui .col-sm-6 {
    margin: 0;
    padding: 0 15px;
    width: 49%;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .cc-ui-block {
    right: -15px;
  }
  .filter-section {
    margin-left: 0;
  }
  .gallery figure.img {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  .final-product-ui .title-lg {
    height: auto;
  }
  .compare-car-ui {
    padding-bottom: 60px;
  }
  .m-t140 {
    margin-top: 30px;
  }
  .specification-ui-block figure {
    text-align: center;
  }
  .specification-ui-block figure img {
    width: 100%;
    max-width: 400px;
  }
  .old-new-ui .col-sm-6 {
    padding: 0 15px;
  }
  .conclusion-heading .title-md {
    margin-bottom: 0;
  }
  .final-product-ui .title-lg {
    font-size: 36px;
    line-height: 42px;
  }
  .final-product-ui .home-content {
    font-size: 18px;
    line-height: 28px;
  }
  .final-product-ui {
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .flex-row {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1200px) {
  .final-product-ui .home-content {
    max-width: 100%;
    padding-left: 0;
  }
  .old-new-ui .col-sm-6 {
    width: 49%;
    margin-bottom: 30px;
  }
  .old-new-ui .col-sm-6 figure {
    max-width: 700px;
  }
  .specification-ui-block figure img {
    width: 100%;
  }
  .pos-img-ui {
    top: -50px;
    right: -13px;
  }
  .final-product-ui .background-zoom {
    height: 100%;
  }
  .left-img-outside {
    width: 100%;
    text-align: center;
  }
  .right-content {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0 !important;
  }
  .right-content .home-content .repo-none {
    display: none;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .ipod-pos-left {
    left: 0;
  }
  .final-product-ui p {
    width: 100%;
  }
  .lg-none {
    display: none;
  }
  .casestudy-wrapper:before {
    margin-left: 161px;
  }
  .mobile-frame {
    right: 0px;
  }
  .moto-slider {
    width: calc(100% - 165px);
  }
  .motoshow {
    width: 158px;
    margin: 0 0 0 7px;
  }
  .moto-inline {
    padding: 0 7px;
  }
  .moto-slider .moto-slide figure img {
    width: auto;
    max-width: 90%;
  }
  .left-img-outside .ipod-frame {
    margin: 0 0 0 -175px;
  }
  .motoshow-slider {
    margin-left: 0;
  }
  .search-frame {
    max-width: 90%;
  }
  .filter-content {
    padding: 70px 0px 0 20px;
  }
  .gallery-nav ul {
    align-items: center;
    display: flex;
    overflow-x: auto;
  }
  .gallery-nav ul li {
    flex: auto 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .repo-block {
    display: none !important;
  }
}
@media only screen and (min-width: 767px) {
  .m-block {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .project-description {
    margin: 0 0 0 0px;
    padding-bottom: 0px;
  }
  .casestudy-wrapper {
    overflow-x: hidden;
  }
  .pro-project-wrapper {
    padding: 20px 0px 40px;
    margin-top: 50px;
  }
  .casestudy-wrapper:before {
    display: none;
  }
  .pro-project-wrapper:before {
    content: "";
    background: #F7F9FB;
    left: -50%;
    right: -50%;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: -1;
  }
  .pro-platform-list {
    margin: 30px 0 0 0;
  }
  .title-md {
    font-size: 14px;
    line-height: 16px;
  }
  .project-description h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .motoview-title h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .project-description p {
    font-size: 16px;
    line-height: 1.5;
  }
  .title20 {
    margin: 0px;
    font-size: 18px;
  }
  .title-xs {
    margin: 0px 0 10px 0px;
  }
  .content-align {
    padding-bottom: 80px;
  }
  .left-img-outside {
    display: block;
    width: auto;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0px;
    display: block;
  }
  .left-img-outside .ipod-frame img {
    width: 100%;
  }
  .right-content {
    display: block;
    width: auto;
    margin: 60px 0 0 0;
  }
  .car-overlap {
    bottom: -9px;
  }
  .title-md.m-l25 {
    margin-left: 0px !important;
  }
  .m-t160 {
    margin-top: 60px;
  }
  .m-t130 {
    margin-top: 60px;
  }
  .motoshow-slider {
    margin: 0 0 50px 0;
  }
  .search-slide {
    margin: 0 0 50px 0px;
  }
  .filter-img {
    float: none;
  }
  .filter-content {
    padding: 180px 0px 0 0px;
  }
  .filter-section {
    padding: 60px 0 0px;
    margin-left: 0px;
  }
  .ic-check-list ul li {
    font-size: 17px;
    margin: 20px 0 0 0px;
    padding: 0px 0 0 44px;
    line-height: 1.5;
  }
  .description p {
    font-size: 17px;
    line-height: 1.5;
  }
  .ic-check-list ul li:before {
    width: 20px;
    height: 20px;
  }
  .home-content {
    font-size: 24px;
    line-height: 1.4;
  }
  .featured-content p {
    font-size: 17px;
    line-height: 1.5;
  }
  .featured-content a {
    font-size: 17px;
  }
  .search-field {
    height: 63px;
    font-size: 16px;
    line-height: 63px;
    padding-top: 0px;
    padding-left: 50px;
  }
  .search-field:before {
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
  }
  .m-l45.featured-content {
    margin-left: 0px;
  }
  .main-wrapper .header {
    border-bottom: 1px solid #E7E8E9;
    padding: 18px 0px;
    min-height: 68px;
  }
  .main-wrapper .header .logo {
    margin-top: 0;
  }
  .header .logo img {
    max-width: 115px;
  }
  .header .navigation ul.nav-items li.nav-icon img {
    position: relative;
    top: -4px;
    max-width: 20px;
  }
  .header .navigation ul.nav-items li a {
    position: relative;
    z-index: 1;
  }
  .header .navigation ul.nav-items li a:after {
    background-color: #F1F8FF;
    width: 68px;
    height: 68px;
    position: absolute;
    content: "";
    right: -22px;
    top: -30px;
    z-index: -1;
  }
  .header .navigation ul.nav-items li.nav-icon a:hover {
    opacity: 1;
  }
  .banner-section.blog-page {
    min-height: 68px !important;
  }
  .casestudy-wrapper:after {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .device-set .desktop-frame {
    margin: 0;
  }
  .device-set .ipod-pos-left {
    left: -15px;
    max-width: 55%;
    bottom: -32px;
  }
  .device-set .mobile-frame {
    right: -15px;
    max-width: 140px;
    bottom: -32px;
  }
  .featured-content.m-l30 {
    margin-left: 0;
  }
  .motoview-title {
    padding: 30px 0px 0;
  }
  .casestudy-points .project-description {
    padding: 95px 15px 60px;
  }
}
.m-show {
  display: none;
}

@media only screen and (max-width: 767px) {
  .action-block {
    padding: 48px 0;
  }
  .action-block h3 {
    font-size: 32px;
    line-height: normal;
  }
  .action-block .btn-check {
    margin-top: 24px;
  }
  .device-set .ipod-pos-left {
    left: -30px;
  }
  .device-set .mobile-frame {
    right: -30px;
  }
  .casestudy-points .project-description {
    padding: 50px 0px 60px;
  }
  .background-zoom {
    position: relative;
    height: auto;
    padding-bottom: 45%;
  }
  .img-big {
    margin: -25px 0 0 0px;
  }
  .device-set .ipod-pos-left {
    /*display: none;*/
  }
  .device-set .mobile-frame {
    right: -30px;
    max-width: 30%;
    bottom: -20px;
    top: auto;
  }
  .section.gallery {
    display: none;
  }
  .m-none {
    display: none !important;
  }
  .logo-blocks {
    margin: 0 -7px;
  }
  .show-locations {
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 50px 0px;
  }
  .moto-inline {
    opacity: 1;
    transform: translate3d(0px, 0px, 0);
    -webkit-transform: translate3d(0px, 0px, 0);
    width: 50%;
    margin: 0 0 16px 0;
  }
  .motoshow {
    width: auto;
    margin: 0;
    float: none;
    margin-top: 30px;
  }
  .motoshow-coverd {
    height: auto;
  }
  .motoshow-coverd a {
    display: inline-block;
    padding: 0px 0px 20px;
  }
  .motoshow-coverd a span.f-big {
    line-height: 1.1;
    font-size: 46px;
    font-weight: 500;
  }
  .background-zoom {
    position: absolute;
  }
  .cc-ui-block {
    right: 0;
  }
  .car-details {
    margin-bottom: 0;
  }
  .cc-ui-block {
    display: none;
  }
  .pos-img-ui, .pos-img-ui2 {
    display: none;
  }
  .grey-bg-ui {
    padding: 20px;
  }
  .m-t80 {
    margin-top: 40px;
  }
  /* 13-5-19 */
  .motoview-casestudy .casestudy-wrapper .project-description {
    padding-top: 42px;
    text-align: center;
  }
  .motoview-casestudy .casestudy-wrapper .project-description .title-md {
    font-size: 12px;
    color: #E62224;
    font-weight: 600;
    letter-spacing: 0.48px;
    line-height: 13px;
    text-align: center;
    margin-bottom: 14px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description p {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
  .motoview-casestudy .casestudy-points .project-description {
    text-align: center;
  }
  .motoview-casestudy .pro-project-wrapper {
    display: none;
  }
  .motoview-casestudy .background-zoom.bg-motoview {
    display: none;
  }
  .motoview-casestudy .img-big {
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 105px;
    padding-top: 55px;
    transform: scale(0.9);
  }
  .motoview-casestudy .repo-site {
    display: none;
  }
  .motoview-casestudy .casestudy-points .project-description {
    margin-left: 0;
  }
  .motoview-casestudy .casestudy-points .project-description h2 {
    font-size: 28px;
    letter-spacing: -0.92px;
    font-weight: 600;
    line-height: 32px;
    color: #0A131D;
  }
  .motoview-casestudy .casestudy-points .project-description h2 .colr-pro-theme {
    color: #0A131D;
  }
  .motoview-casestudy .ic-check-list ul li:before {
    width: 25px;
    height: 25px;
  }
  .motoview-casestudy .ic-check-list ul li {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-top: 30px;
  }
  .motoview-casestudy .description p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #324963;
    font-style: italic;
  }
  .motoview-casestudy .br-dashed:before {
    display: none;
  }
  .motoview-casestudy hr.seprater-theme {
    margin-top: 30px;
    width: 82px;
  }
  .motoview-casestudy .casestudy-points {
    margin-bottom: 20px;
    margin-top: -40px;
  }
  .motoview-casestudy .bg-greay-before .project-description h2 {
    font-size: 28px;
    text-align: left;
    letter-spacing: -1.12px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 24px;
  }
  .motoview-casestudy .bg-greay-before .project-description p {
    font-size: 14px;
    line-height: 24px;
  }
  .motoview-casestudy .bg-motoview + .container-lg {
    overflow: hidden;
    margin-top: -70px;
  }
  .motoview-casestudy .logo-blocks {
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline {
    width: auto;
    height: 80px;
    background: #fff;
    box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
    display: inline-block;
    float: none;
    max-width: 30%;
    flex: 0 0 30%;
    margin: 0 4% 10px 0;
    transition: none;
  }
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
  .motoview-casestudy .show-locations .moto-inline .moto-slide {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    transform: inherit;
    box-shadow: none;
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure {
    min-height: auto;
    display: inline-block;
    width: 100%;
    position: relative;
    border: none;
    height: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 62px;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
  }
  .motoview-casestudy .logo-blocks {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 0;
  }
  .motoview-casestudy .motoshow-coverd {
    background: none;
    box-shadow: none;
    text-align: left;
  }
  .motoshow-coverd a span.f-big, .motoshow-coverd a span, .motoshow-coverd a span {
    color: #E62123;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    opacity: 1;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.2px;
  }
  .motoview-casestudy .bg-greay-before:before {
    bottom: 0;
    height: 100%;
  }
  .motoview-casestudy .bg-greay-before {
    padding: 40px 0;
  }
  .motoview-casestudy .section {
    padding-top: 66px;
  }
  .motoview-casestudy .section .motoview-title {
    padding-top: 0;
  }
  .motoview-casestudy .section .motoview-title h2 {
    margin-bottom: 0;
  }
  .motoview-casestudy .section .motoview-title h2 .colr-pro-theme {
    color: #637588;
    opacity: 0.3;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.68px;
    line-height: 64px;
  }
  .motoview-casestudy .section .content-align.m-t45 {
    margin-top: 66px;
  }
  .motoview-casestudy .section .title-md, .motoview-casestudy .filter-section .filter-content h6 {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .section .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .feature-image-ui {
    text-align: center;
    margin-top: -85px;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
    width: 100%;
  }
  .m-show {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
  }
  .motoview-casestudy .bg-top-bottom .row .title-md {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .bg-top-bottom .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
    text-align: center;
  }
  .motoview-casestudy .motoshow-slider.repo-block {
    margin: 50px 0 0px;
  }
  .motoview-casestudy .bg-top-bottom .featured-content {
    text-align: center;
  }
  .motoview-casestudy .bg-top-bottom .featured-content p, .motoview-casestudy .bg-top-bottom .featured-content a {
    font-size: 14px;
    line-height: 24px;
    color: #324963;
  }
  .motoview-casestudy .filter-section .filter-content {
    padding-top: 40px;
    text-align: center;
  }
  .motoview-casestudy .car-details .m-t70 {
    margin-top: 40px;
  }
  .motoview-casestudy .car-details .car-detail-ui img {
    max-width: 375px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .filter-img-ui img {
    max-width: 323px;
    width: 100%;
    display: inline-block;
  }
  .image-detail-ui {
    margin-top: 70px;
    padding-bottom: 40px;
  }
  .image-detail-ui figcaption {
    margin-top: -20px;
  }
  .image-detail-ui figure img {
    max-width: 350px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui.m-show {
    padding-bottom: 35px;
  }
  .motoview-casestudy .compare-car-ui.m-show img {
    max-width: 338px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .compare-car-ui .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .motoview-casestudy .compare-car-ui {
    text-align: center;
  }
  .specification-img-ui {
    margin-bottom: 25px;
  }
  .specification-img-ui figure img {
    width: 100%;
    max-width: 400px;
    display: inline-block;
  }
  .compare-car-ui .specification-ui-block figure {
    margin-bottom: 30px;
  }
  .motoview-casestudy .final-product-ui {
    background-color: #052230;
    padding: 72px 0 0;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
    margin-bottom: 4px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-lg {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .home-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 42px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading {
    margin-bottom: 0;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui {
    margin-bottom: 0px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn {
    background-color: #213E4D;
    padding: 0 25px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.grey-btn {
    background-color: #213E4D;
    color: #9BB9C9;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.red-btn {
    background-color: #FF0505;
    color: #fff;
    transform: scale(1.2);
  }
  .motoview-casestudy .car-detail-ui {
    margin-bottom: 20px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui figure img {
    max-width: 368px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots {
    margin-top: 10px;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button {
    height: 9px;
    width: 9px;
    background-color: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    border-radius: 100%;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button.active, .motoview-casestudy .specification-slider-ui .owl-dots button:focus {
    background-color: #637588;
    outline: none;
    box-shadow: none;
  }
  .motoview-casestudy .compare-car-ui {
    padding-bottom: 50px;
  }
  .specification-ui-block figure img {
    display: inline-block !important;
  }
  .header .navigation ul.nav-items li a:after {
    right: -15px;
  }
  .header .navigation ul.nav-items li a img {
    right: 8px;
  }
  .featured-content a span {
    position: relative;
    top: -1px;
  }
  .bg-top-bottom .row.flex-row.m-t130 {
    margin-top: 70px;
  }
  .specification-slider-ui .owl-carousel .owl-stage-outer {
    background: #F7F9FB;
  }
  .search-frame {
    max-width: 100%;
    background: none;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .search-slide.m-show {
    margin: 50px 0 20px;
    padding-bottom: 0;
  }
  .br-dashed {
    font-weight: 500;
  }
  .show-locations {
    padding: 15px 0 0px;
  }
  .specification-slider-ui .slick-arrow {
    display: none !important;
  }
  .specification-slider-ui .slick-dots {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
  }
  .specification-slider-ui .slick-dots li {
    display: inline-block;
  }
  .specification-slider-ui .slick-dots li button {
    font-size: 0;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 100%;
    display: inline-block;
    border: none;
    background: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    cursor: pointer;
  }
  .specification-slider-ui .slick-dots li.slick-active button {
    background: #637588;
  }
  .specification-slider-ui .slick-dots li.slick-active button:focus {
    outline: none;
    box-shadow: none;
  }
  .specification-slider-ui .slick-list {
    background: #F7F9FB;
  }
  .left-img-outside figure video {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bn-text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 370px) and (max-width: 767px) {
  .casestudy-wrapper .container, .casestudy-points .container, .bg-greay-before .container, .section .container,
  .compare-car-ui .container, .final-product-ui .container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 599px) {
  .old-new-ui .col-sm-6 {
    width: 100%;
  }
  .mob-show {
    display: block;
  }
  .mob-hide {
    display: none;
  }
  .final-product-ui p {
    height: auto;
    margin-bottom: 15px;
  }
  .project-description {
    padding-top: 62px;
  }
}
@media only screen and (max-width: 480px) {
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 350px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 330px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1200px) {
  .filter-section .m-none {
    display: none;
  }
  .filter-section .m-show {
    display: block;
  }
  .filter-content {
    padding-top: 40px;
  }
}
.powerlook-page {
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .powerlook-page br {
    display: none;
  }
}
.powerlook-page .main-heading {
  font-size: 32px;
  letter-spacing: -0.5px;
}
.powerlook-page .pl-hero-banner {
  background-color: #FBF5F5;
  height: 668px;
  margin-bottom: 495px;
}
@media (max-width: 1024px) {
  .powerlook-page .pl-hero-banner {
    height: auto;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .powerlook-page .pl-hero-banner {
    margin-bottom: 48px;
  }
}
.powerlook-page .pl-hero-banner .main-img {
  margin-top: -2px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-hero-banner .main-img .img-fluid {
    max-width: unset;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.powerlook-page .hero-banner-captions {
  text-align: center;
  padding-top: 156px;
}
@media (max-width: 767px) {
  .powerlook-page .hero-banner-captions {
    padding-top: 120px;
    padding-bottom: 16px;
  }
}
.powerlook-page .hero-banner-captions .banner-main-heading {
  margin: 40px 0 30px;
}
.powerlook-page .hero-banner-captions .banner-main-heading h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #1A1A18;
}
@media (max-width: 767px) {
  .powerlook-page .hero-banner-captions .banner-main-heading h2 {
    font-size: 35px;
    letter-spacing: -0.5px;
  }
}
.powerlook-page .hero-banner-captions .banner-main-heading .des {
  font-size: 20px;
  line-height: 1.3;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .hero-banner-captions .banner-main-heading .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .tags-outer {
  margin-bottom: 0;
}
.powerlook-page .tags-outer .tag-row {
  display: flex;
  justify-content: center;
  list-style-type: none;
  flex-wrap: wrap;
  margin: 0 0 12px;
  padding: 0;
}
@media (max-width: 767px) {
  .powerlook-page .tags-outer .tag-row {
    margin-bottom: 0;
  }
}
.powerlook-page .tags-outer .tag-row li {
  background: #F2E8E8;
  border-radius: 24px;
  font-weight: 600;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #1A1A18;
  margin: 0 6px 8px;
  padding: 0 16px;
  display: block;
}
.powerlook-page .pl-discover-section {
  padding-bottom: 82px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-discover-section {
    padding-bottom: 48px;
  }
}
.powerlook-page .pl-discover-section .container-inner {
  max-width: 700px;
  margin: 0 auto;
}
.powerlook-page .pl-discover-section .container {
  max-width: 1260px;
}
.powerlook-page .pl-discover-section .container .pl-video-blk {
  margin-top: 40px;
}
.powerlook-page .pl-discover-section .container .pl-video-blk video {
  max-width: 100%;
}
@media (max-width: 767px) {
  .powerlook-page .pl-discover-section .container .pl-video-blk video {
    max-width: unset;
    width: 100%;
  }
}
.powerlook-page .pl-discover-section .container .pl-video-blk video:focus {
  outline: none;
}
.powerlook-page .pl-discover-section .heading {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 1.15;
  margin-bottom: 42px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-discover-section .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-discover-section .des {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  font-weight: 400;
}
@media (max-width: 767px) {
  .powerlook-page .pl-discover-section .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-showcase-section {
  padding: 80px 0px 4px;
  background: #F7F9FB;
  position: relative;
}
@media (max-width: 767px) {
  .powerlook-page .pl-showcase-section {
    height: auto;
    padding: 48px 0;
  }
}
.powerlook-page .pl-showcase-section .section-captions .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-showcase-section .section-captions .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-showcase-section .section-captions .des {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .pl-showcase-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-showcase-section .grp-imgs {
  display: flex;
  margin-left: -24px;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-showcase-section .grp-imgs {
    margin-left: 0;
    justify-content: space-between;
  }
  .powerlook-page .pl-showcase-section .grp-imgs img {
    max-width: 100%;
  }
}
.powerlook-page .pl-showcase-section .grp-imgs .img02 {
  margin-top: 54px;
  margin-left: -5px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-showcase-section .grp-imgs .img02 {
    margin-left: 0;
  }
}
.powerlook-page .pl-showcase-section .main-img {
  max-width: 661px;
  top: 138px;
  right: 0;
}
@media (max-width: 1440px) {
  .powerlook-page .pl-showcase-section .main-img {
    max-width: 602px;
  }
}
@media (max-width: 1366px) {
  .powerlook-page .pl-showcase-section .main-img {
    max-width: 40%;
  }
}
@media (max-width: 1024px) {
  .powerlook-page .pl-showcase-section .main-img {
    max-width: 35%;
  }
}
@media (max-width: 1023px) {
  .powerlook-page .pl-showcase-section .main-img {
    display: none;
  }
}
.powerlook-page .pl-elevating-section {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .powerlook-page .pl-elevating-section {
    padding: 48px 0;
  }
}
.powerlook-page .pl-elevating-section .container {
  max-width: 900px;
}
.powerlook-page .pl-elevating-section .section-captions .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-elevating-section .section-captions .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
  }
}
.powerlook-page .pl-elevating-section .section-captions .des {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .pl-elevating-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-elevating-section .ul-list-style {
  list-style-type: none;
}
.powerlook-page .pl-elevating-section .ul-list-style li {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
  margin-bottom: 40px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .powerlook-page .pl-elevating-section .ul-list-style li {
    display: flex;
  }
}
.powerlook-page .pl-elevating-section .ul-list-style li i {
  margin-right: 20px;
}
.powerlook-page .pl-design-section {
  background: #F7F9FB;
  padding-top: 80px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-design-section {
    padding-top: 48px;
  }
}
.powerlook-page .pl-design-section .container {
  max-width: 1200px;
}
.powerlook-page .pl-design-section .section-captions .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-design-section .section-captions .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-design-section .section-captions .heading .color01 {
  color: #D63242;
}
.powerlook-page .pl-design-section .section-captions .des {
  font-size: 16px;
  line-height: 1.65;
  color: #252931;
  margin-top: 16px;
  padding-left: 20px;
}
@media (max-width: 991px) {
  .powerlook-page .pl-design-section .section-captions .des {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .powerlook-page .pl-design-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .powerlook-page .pl-design-section .small-content-blk {
    margin-bottom: 48px;
  }
}
.powerlook-page .pl-design-section .small-content-blk .heading {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
  color: #D63242;
  margin-bottom: 19px;
}
.powerlook-page .pl-design-section .small-content-blk .des {
  font-size: 16px;
  line-height: 1.65;
  color: #324963;
  padding-right: 60px;
}
@media (max-width: 1024px) {
  .powerlook-page .pl-design-section .small-content-blk .des {
    padding-right: 0;
  }
}
.powerlook-page .pl-design-section .main-img {
  max-width: 1360px;
  margin-left: -90px;
  margin-top: 6px;
  margin-right: -120px;
}
@media (max-width: 1279px) {
  .powerlook-page .pl-design-section .main-img {
    margin-right: 0;
    margin-left: 0;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .powerlook-page .pl-design-section .main-img .img-fluid {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
}
.powerlook-page .pl-brand-section {
  margin-top: 90px;
}
.powerlook-page .pl-brand-section .container {
  max-width: 1080px;
}
.powerlook-page .pl-brand-section .section-caption .heading {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.18;
  color: #0A131D;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-brand-section .section-caption .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-brand-section .section-caption .des {
  font-size: 16px;
  line-height: 1.65;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .pl-brand-section .section-caption .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-brand-section .ul-list-style {
  list-style-type: none;
}
.powerlook-page .pl-brand-section .ul-list-style li {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
  margin-bottom: 30px;
  font-weight: 400;
  display: flex;
}
.powerlook-page .pl-brand-section .ul-list-style li i {
  margin-right: 20px;
}
.powerlook-page .pl-brand-section .main-img {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-brand-section .main-img {
    margin-left: 0;
    margin-right: 0;
  }
  .powerlook-page .pl-brand-section .main-img .img-fluid {
    max-width: unset;
    width: 100%;
    margin-left: 0;
  }
}
.powerlook-page .pl-res-section {
  background-color: #F7F9FB;
  padding-top: 80px;
  margin-top: -16px;
  padding-bottom: 120px;
}
.powerlook-page .pl-res-section .container {
  max-width: 1200px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-res-section {
    height: auto;
    padding-top: 48px;
    margin-top: 48px;
    padding-bottom: 48px;
  }
}
.powerlook-page .pl-res-section .section-captions .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .powerlook-page .pl-res-section .section-captions .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-res-section .section-captions .des {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .pl-res-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-res-section .section-captions .des.des-right {
  padding-left: 32px;
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .powerlook-page .pl-res-section .section-captions .des.des-right {
    padding-left: 0;
  }
}
.powerlook-page .pl-res-section .grp-img {
  position: relative;
  margin-top: -30px;
}
@media (max-width: 1279px) {
  .powerlook-page .pl-res-section .grp-img {
    margin-top: 0;
  }
}
.powerlook-page .pl-res-section .grp-img .dt-img {
  max-width: 1020px;
  margin: 0 auto;
}
.powerlook-page .pl-res-section .grp-img .ipad-img {
  max-width: 751px;
  position: absolute;
  bottom: -14%;
  left: -8%;
}
@media (max-width: 1024px) {
  .powerlook-page .pl-res-section .grp-img .ipad-img {
    max-width: 70%;
    position: absolute;
    bottom: -5%;
    left: 0;
  }
}
.powerlook-page .pl-res-section .grp-img .iphone-img {
  max-width: 430px;
  position: absolute;
  bottom: -18%;
  right: -7.5%;
}
@media (max-width: 1024px) {
  .powerlook-page .pl-res-section .grp-img .iphone-img {
    max-width: 40%;
    position: absolute;
    bottom: -10%;
    right: 0;
  }
}
.powerlook-page .pl-conver-section {
  padding: 64px 0;
  background-color: #F7F9FB;
}
.powerlook-page .pl-conver-section .container {
  max-width: 900px;
}
.powerlook-page .pl-conver-section .section-captions .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-conver-section .section-captions .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 24px;
  }
}
.powerlook-page .pl-conver-section .section-captions .des {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .pl-conver-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .pl-conver-section .main-img {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .powerlook-page .pl-conver-section .main-img .img-fluid {
    width: 100%;
    max-width: unset;
  }
}
.powerlook-page .strategy-section {
  background-color: #D63242;
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .powerlook-page .strategy-section {
    padding: 48px 0;
  }
}
.powerlook-page .strategy-section .container {
  max-width: 870px;
}
.powerlook-page .strategy-section .des {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -0.24px;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .powerlook-page .strategy-section .des {
    font-size: 24px;
  }
}
.powerlook-page .styleguide {
  padding: 85px 0 70px;
}
.powerlook-page .styleguide .main-container {
  max-width: 1250px;
}
.powerlook-page .styleguide .section-header {
  text-align: center;
}
.powerlook-page .styleguide .section-header .container {
  max-width: 765px;
}
.powerlook-page .styleguide .section-header .heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #0A131D;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .section-header .heading {
    font-size: 35px;
    letter-spacing: -0.5px;
  }
}
.powerlook-page .styleguide .section-header .des {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .section-header .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.powerlook-page .styleguide .palette-section {
  margin-top: 54px;
}
.powerlook-page .styleguide .palette-section .heading {
  font-weight: 500;
  font-size: 28px;
  color: #0A131D;
  text-align: center;
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .palette-section .heading {
    margin-bottom: 40px;
  }
}
.powerlook-page .styleguide .color-blk {
  width: 151px;
  text-align: center;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk {
    width: 100%;
    margin: 0 !important;
  }
}
.powerlook-page .styleguide .color-blk.float-right {
  margin-right: 32px;
}
.powerlook-page .styleguide .color-blk.float-left {
  margin-left: 32px;
}
.powerlook-page .styleguide .color-blk .cirlce-blk {
  width: 151px;
  height: 151px;
  border-radius: 50%;
  display: inline-block;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk .cirlce-blk {
    width: 72px;
    height: 72px;
  }
}
.powerlook-page .styleguide .color-blk .color-code {
  font-size: 20px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk .color-code {
    font-size: 16px;
  }
}
.powerlook-page .styleguide .color-blk.pcolor .cirlce-blk {
  background-color: #D63242;
  border: solid 10px #FAE6E8;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk.pcolor .cirlce-blk {
    border: solid 5px #FAE6E8;
  }
}
.powerlook-page .styleguide .color-blk.pcolor .color-code {
  color: #D63242;
}
.powerlook-page .styleguide .color-blk.scolor .cirlce-blk {
  background-color: #252931;
  border: solid 10px #E5E5E6;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk.scolor .cirlce-blk {
    border: solid 5px #E5E5E6;
  }
}
.powerlook-page .styleguide .color-blk.scolor .color-code {
  color: #252931;
}
.powerlook-page .styleguide .color-blk.tcolor .cirlce-blk {
  background-color: #51545A;
  border: solid 10px #F1F1F2;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .color-blk.tcolor .cirlce-blk {
    border: solid 5px #F1F1F2;
  }
}
.powerlook-page .styleguide .color-blk.tcolor .color-code {
  color: #51545A;
}
.powerlook-page .styleguide .typo-section {
  margin-top: 140px;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .typo-section {
    margin-top: 48px;
    text-align: center;
  }
}
.powerlook-page .styleguide .typo-section .typo-txt h5 {
  font-weight: 500;
  font-size: 28px;
  color: #0A131D;
  margin-bottom: 40px;
  margin-top: 20px;
}
.powerlook-page .styleguide .typo-section .typo-txt h3 {
  font-weight: 500;
  font-size: 200px;
  letter-spacing: -0.04em;
  color: #252931;
  text-shadow: 6px 4px 0px rgba(0, 0, 0, 0.12);
  margin-left: -36px;
}
@media (max-width: 1024px) {
  .powerlook-page .styleguide .typo-section .typo-txt h3 {
    margin-left: 0;
    font-size: 150px;
  }
}
@media (max-width: 991px) {
  .powerlook-page .styleguide .typo-section .typo-txt h3 {
    margin-left: 0;
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .typo-section .ff-blk {
    margin-bottom: 24px;
  }
}
.powerlook-page .styleguide .typo-section .ff-blk h3 {
  font-weight: 600;
  font-size: 64px;
  color: #D63242;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .powerlook-page .styleguide .typo-section .ff-blk h3.empty {
    display: none;
  }
}
.powerlook-page .styleguide .typo-section .ff-blk h5 {
  font-size: 24px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 20px;
}
.powerlook-page .styleguide .typo-section .ff-blk p {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0.3em;
  color: #51545A;
  opacity: 0.7;
}
.powerlook-page .styleguide .typo-section .ff-blk.semi-bold {
  padding-left: 32px;
}
@media (max-width: 1024px) {
  .powerlook-page .styleguide .typo-section .ff-blk.semi-bold {
    padding-left: 0;
  }
}
.powerlook-page .styleguide .typo-section .ff-blk.semi-bold h5,
.powerlook-page .styleguide .typo-section .ff-blk.semi-bold p {
  font-weight: 600;
}
.powerlook-page .styleguide .typo-section .ff-blk.bold {
  padding-left: 32px;
}
@media (max-width: 1024px) {
  .powerlook-page .styleguide .typo-section .ff-blk.bold {
    padding-left: 0;
  }
}
.powerlook-page .styleguide .typo-section .ff-blk.bold h5,
.powerlook-page .styleguide .typo-section .ff-blk.bold p {
  font-weight: 700;
}

.kspr-page {
  margin-top: 0px;
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .kspr-page br {
    display: none;
  }
}
.kspr-page .heading-grp {
  text-align: center;
  margin-bottom: 72px;
}
.kspr-page .heading-grp .kspr-page {
  overflow-x: hidden;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page br {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp {
  text-align: center;
  margin-bottom: 72px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp {
    margin-bottom: 42px;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp h3 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -1px;
  color: #0A131D;
  line-height: 1.22;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
    text-align: left;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp p {
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp p {
    font-size: 16px;
    text-align: left;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp-2 {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp-2 {
    margin-bottom: 42px;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp-2 h3 {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -1.12465px;
  color: #111833;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp-2 h3 {
    font-size: 32px;
  }
}
.kspr-page .heading-grp .kspr-page .heading-grp-2 p {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .heading-grp-2 p {
    font-size: 16px;
    text-align: left;
  }
}
.kspr-page .heading-grp .kspr-page .container {
  max-width: 1200px;
}
.kspr-page .heading-grp .kspr-page .kspr-banner {
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #BB3EDD 98.03%);
  height: 738px;
  padding-top: 110px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner {
    height: auto;
    padding: 120px 0 16px;
    overflow: hidden;
  }
}
.kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions {
  text-align: center;
}
.kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.56px;
  color: #C8BDFC;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions p {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions h3 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  text-align: center;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions h3 {
    font-size: 48px;
    letter-spacing: -1.24px;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .banner-captions h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
  }
}
.kspr-page .heading-grp .kspr-page .kspr-banner .main-img {
  max-width: 959px;
  margin: 0 auto;
  position: relative;
}
.kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img01 {
  left: -123px;
  top: 213px;
  max-width: 371px;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img02 {
  left: -64px;
  bottom: 190px;
  max-width: 326px;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img02 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img03 {
  max-width: 350px;
  right: -82px;
  top: 98px;
}
@media (max-width: 991px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img03 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .kspr-banner .main-img .img04 {
    width: 760px;
    max-width: unset;
    margin-left: -57px;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion {
  padding: 360px 0 151px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .automation-secion {
    padding: 270px 0 0;
  }
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .automation-secion {
    padding: 90px 0 0;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .automation-secion {
    overflow-x: hidden;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .section-caption {
    margin-top: 24px;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .section-caption h4 {
  font-weight: 600;
  font-size: 38px;
  letter-spacing: -1px;
  color: #0A131D;
  line-height: 1.28;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .section-caption h4 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .section-caption p {
  font-size: 20px;
  color: #324963;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .round-blk-01 {
  width: 154px;
  height: 154px;
  display: inline-block;
  border-radius: 50%;
  bottom: 0;
  left: -71px;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #FF9DF5 0%, #F15AE2 23.54%, #DA22BC 40.69%, #B30AA2 57.33%, #8801AA 100%);
  opacity: 0.4;
  filter: blur(0.8px);
  transform: rotate(37.08deg);
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .round-blk-01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .main-img {
  position: relative;
}
.kspr-page .heading-grp .kspr-page .automation-secion .main-img #video {
  position: relative;
  z-index: 4;
  width: 100%;
  border-radius: 16px;
  right: -1px;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .main-img #video {
    width: 100%;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .main-img .img01 {
  max-width: 600px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .main-img .img01 {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .main-img .img01 {
    max-width: unset;
    width: 750px;
  }
}
.kspr-page .heading-grp .kspr-page .automation-secion .main-img .round-blk-02 {
  width: 122px;
  height: 122px;
  display: inline-block;
  border-radius: 50%;
  top: -16px;
  left: 130px;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #FF9DF5 0%, #F15AE2 23.54%, #DA22BC 40.69%, #B30AA2 57.33%, #8801AA 100%);
  opacity: 0.5;
  filter: blur(0.8px);
}
.kspr-page .heading-grp .kspr-page .automation-secion .main-img .round-blk-03 {
  width: 488px;
  height: 488px;
  border-radius: 50%;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #B69BFF 0%, #E3D9FF 23.54%, #9472F2 40.69%, #695AF2 57.33%, #443CAA 100%);
  opacity: 0.5;
  filter: blur(1px);
  display: inline-block;
  z-index: 2;
  right: -210px;
  top: -50px;
}
@media (max-width: 1280px) {
  .kspr-page .heading-grp .kspr-page .automation-secion .main-img .round-blk-03 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .updown {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@keyframes updown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(5px);
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos {
  background: #FAEEFF;
  background: linear-gradient(98.95deg, rgba(101, 144, 255, 0.06) 11.41%, rgba(98, 40, 222, 0.06) 61.1%, rgba(190, 66, 223, 0.06) 109.5%);
  border: 1px solid #F0F3FF;
  width: 457px;
  height: 457px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transform: scale(0);
  transition-delay: 900ms;
}
@media (max-width: 575px) {
  .kspr-page .heading-grp .kspr-page .connect-logos {
    width: 280px;
    height: 280px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  opacity: 0.06;
  background: linear-gradient(98.95deg, #6590FF 11.41%, #6228DE 61.1%, #BE42DF 109.5%);
  width: 325px;
  height: 325px;
  z-index: 1;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1050ms;
}
.kspr-page .heading-grp .kspr-page .connect-logos:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  opacity: 0.06;
  background: linear-gradient(98.95deg, #6590FF 11.41%, #6228DE 61.1%, #BE42DF 109.5%);
  width: 189px;
  height: 189px;
  z-index: 2;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1200ms;
}
.kspr-page .heading-grp .kspr-page .connect-logos span {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-flex;
  width: 100px;
  height: 100px;
  box-shadow: 12px 24px 32px rgba(17, 24, 51, 0.12);
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
}
@media (max-width: 575px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(1) {
  width: 137px;
  height: 137px;
  top: 2rem;
  left: -10px;
  transition-delay: 1700ms;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(1) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(1) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(2) {
  width: 146px;
  height: 146px;
  top: -3rem;
  left: 15rem;
  transition-delay: 1600ms;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(2) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(2) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(3) {
  width: 198px;
  height: 198px;
  top: 8rem;
  left: 22rem;
  transition-delay: 1700ms;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(3) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(3) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(4) {
  width: 138px;
  height: 138px;
  top: 23rem;
  left: 16rem;
  transition-delay: 1800ms;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(4) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(4) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(5) {
  width: 152px;
  height: 152px;
  top: 18rem;
  left: 0;
  transition-delay: 1900ms;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(5) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(5) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(6) {
  transition-delay: 2000ms;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  margin-top: 26px !important;
  height: 108px;
  width: auto;
}
@media (max-width: 575px) {
  .kspr-page .heading-grp .kspr-page .connect-logos span:nth-child(6) {
    display: block;
    margin-top: 10px !important;
  }
}
.kspr-page .heading-grp .kspr-page .ripple-circle.aos-animate .connect-logos {
  transform: scale(1);
}
.kspr-page .heading-grp .kspr-page .ripple-circle.aos-animate .connect-logos:after {
  transform: scale(1);
}
.kspr-page .heading-grp .kspr-page .ripple-circle.aos-animate .connect-logos:before {
  transform: scale(1);
}
.kspr-page .heading-grp .kspr-page .ripple-circle.aos-animate .connect-logos span {
  opacity: 1;
  transform: scale(1);
}
.kspr-page .heading-grp .kspr-page .smart-exp-section {
  margin: 68px 0;
  position: relative;
}
.kspr-page .heading-grp .kspr-page .smart-exp-section .section-caption h4 {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .smart-exp-section .section-caption h4 {
    font-size: 32px;
  }
}
.kspr-page .heading-grp .kspr-page .smart-exp-section .section-caption p {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
  max-width: 500px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .smart-exp-section .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .smart-exp-section .round-blk-01 {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #EBEEFE 0%, #C6C6F8 16.38%, #BABAFA 35.97%, #AAAAF3 57.33%, #6767C1 100%);
  filter: blur(0.395042px);
  right: -36px;
  bottom: 30px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .smart-exp-section .round-blk-01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .imagination-section {
  margin-top: 130px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .imagination-section {
    margin-top: 48px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec {
  padding: 24px 70px;
  position: relative;
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #8243EC 98.03%);
  border-radius: 24px;
  color: #fff;
  height: 665px;
}
@media (max-width: 1280px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec {
    height: auto;
    padding: 48px;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec {
    padding: 48px 24px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec .kaspr-process {
  max-width: 49%;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec .kaspr-process {
    max-width: 99%;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec .kaspr-process h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec .kaspr-process h3 {
    font-size: 32px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec .section-caption h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 28px;
  max-width: 510px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec .section-caption h3 {
    font-size: 32px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec .section-caption p {
  font-size: 20px;
  line-height: 1.5;
  color: #DCDCFF;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec .row {
  height: 100%;
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles {
  position: absolute;
  text-align: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 6rem;
  top: -10.5rem;
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  position: absolute;
  right: auto;
  left: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.xs {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.sm {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
  animation-delay: 2000ms;
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.lg {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
  animation-delay: 4000ms;
}
.kspr-page .heading-grp .kspr-page .plugin-sec.aos-animate .plugin-chips .circles .logo-center {
  border-radius: 50%;
  background: #4823AD;
  width: 102px;
  height: 102px;
  position: relative;
  z-index: 5;
}
@keyframes circle- {
  0% {
    width: 0px;
    height: 0px;
    border-color: white;
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    width: 1080px;
    height: 1080px;
    opacity: 0;
  }
}
.kspr-page .heading-grp .kspr-page .chip-in {
  position: absolute;
  z-index: 5;
  transition: all ease-in 700ms;
}
.kspr-page .heading-grp .kspr-page .chip-in.chip1 {
  right: 21rem;
  top: 5rem;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .chip-in.chip1 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .chip-in.chip2 {
  top: 1.2rem;
  right: -5.5rem;
  transition-delay: 900ms;
}
@media (max-width: 1280px) {
  .kspr-page .heading-grp .kspr-page .chip-in.chip2 {
    right: 0;
  }
}
.kspr-page .heading-grp .kspr-page .chip-in.chip3 {
  right: -8.3rem;
  bottom: 8.5rem;
  transition-delay: 1000ms;
}
@media (max-width: 1280px) {
  .kspr-page .heading-grp .kspr-page .chip-in.chip3 {
    right: 0;
  }
}
.kspr-page .heading-grp .kspr-page .chip-in.chip4 {
  bottom: 0rem;
  right: 10.5rem;
  transition-delay: 1100ms;
}
.kspr-page .heading-grp .kspr-page .target-section {
  margin-top: 164px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .target-section {
    margin-top: 48px;
  }
}
.kspr-page .heading-grp .kspr-page .shdw-blk {
  background: #FFFFFF;
  box-shadow: 0px 8.76151px 46.728px rgba(10, 19, 29, 0.06);
  border-radius: 24px;
  min-height: 304px;
  padding: 48px 35px;
  transition: all 0.25s ease;
  max-width: 335px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .shdw-blk {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .shdw-blk {
    min-height: unset;
    padding: 24px;
    margin-bottom: 32px;
  }
}
.kspr-page .heading-grp .kspr-page .shdw-blk:hover {
  transform: translateY(-3px);
}
.kspr-page .heading-grp .kspr-page .shdw-blk .caption-blk {
  margin-top: 32px;
}
.kspr-page .heading-grp .kspr-page .shdw-blk .caption-blk .heading {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -1.28px;
  color: #0A131D;
  margin-bottom: 16px;
}
.kspr-page .heading-grp .kspr-page .shdw-blk .caption-blk .des {
  font-size: 20px;
  color: #324963;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .shdw-blk .caption-blk .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.kspr-page .heading-grp .kspr-page .rnd-icon span {
  background: linear-gradient(135.88deg, #6D7BFF 0%, #EC77FE 91.26%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kspr-page .heading-grp .kspr-page .rnd-icon span figure {
  margin-bottom: 0;
}
.kspr-page .heading-grp .kspr-page .agri-section {
  margin: 168px 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .agri-section {
    margin: 48px 0;
  }
}
.kspr-page .heading-grp .kspr-page .agri-section .darkBg {
  background: linear-gradient(174.5deg, #1E1737 13.01%, #19166B 104.71%);
  border-radius: 24px;
  padding: 72px 16px 80px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .agri-section .darkBg {
    padding: 48px 24px;
  }
}
.kspr-page .heading-grp .kspr-page .agri-section .darkBg .heading-grp h3 {
  color: #ffffff;
}
.kspr-page .heading-grp .kspr-page .agri-section .darkBg .heading-grp p {
  color: #98A4E8;
  font-weight: 400;
  font-size: 20px;
}
.kspr-page .heading-grp .kspr-page .logo-grp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 575px) {
  .kspr-page .heading-grp .kspr-page .logo-grp {
    flex-direction: column;
  }
}
.kspr-page .heading-grp .kspr-page .logo-grp .l-img {
  margin: 0 8px;
}
.kspr-page .heading-grp .kspr-page .lead-section {
  background-color: #F5F9FF;
  padding-top: 72px;
}
.kspr-page .heading-grp .kspr-page .lead-section .container {
  max-width: 1058px;
}
.kspr-page .heading-grp .kspr-page .lead-section .heading-grp-2 p {
  max-width: 530px;
}
.kspr-page .heading-grp .kspr-page .lead-section .main-img {
  margin-left: -64px;
  margin-top: -12px;
  position: relative;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .lead-section .main-img {
    margin: 0;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section .main-img .img01 {
  left: -3%;
  top: 17%;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .lead-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section .main-img .img02 {
  left: 11%;
  top: 33%;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .lead-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .lead-section .main-img .img03 {
    width: 750px;
    max-width: unset;
    margin-left: -47px;
  }
}
.kspr-page .heading-grp .kspr-page .integ-section {
  margin: 124px 0 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .integ-section {
    margin: 48px 0 0;
  }
}
.kspr-page .heading-grp .kspr-page .integ-section .container {
  max-width: 1028px;
}
.kspr-page .heading-grp .kspr-page .integ-section .main-img {
  position: relative;
  margin: -8px -20px 0 -65px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .integ-section .main-img {
    margin: 0;
  }
}
.kspr-page .heading-grp .kspr-page .integ-section .main-img .img01 {
  left: -2.5%;
  top: 34.5%;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .integ-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .integ-section .main-img .img02 {
  right: -3.7%;
  bottom: -1%;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .integ-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .integ-section .main-img .large-img {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
  }
}
.kspr-page .heading-grp .kspr-page .planmade-section {
  background-color: #FFF8FD;
  padding-top: 120px;
}
.kspr-page .heading-grp .kspr-page .planmade-section .container {
  max-width: 1032px;
}
.kspr-page .heading-grp .kspr-page .planmade-section .main-img {
  margin: -16px 0 0 -49px;
  position: relative;
  top: 0;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .planmade-section .main-img {
    margin: 0;
  }
}
.kspr-page .heading-grp .kspr-page .planmade-section .main-img .img01 {
  top: 33%;
  left: 3%;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .planmade-section .main-img .img01 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .planmade-section .main-img .img02 {
    max-width: unset;
    width: 750px;
    margin-left: -36px;
  }
}
.kspr-page .heading-grp .kspr-page .pipeline-section {
  margin: 124px 0 178px;
}
.kspr-page .heading-grp .kspr-page .pipeline-section .container {
  max-width: 1060px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .pipeline-section {
    margin: 48px 0 0;
  }
}
.kspr-page .heading-grp .kspr-page .pipeline-section .main-img {
  position: relative;
  margin: -8px 0 0 -69px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .pipeline-section .main-img {
    margin: 0;
  }
}
.kspr-page .heading-grp .kspr-page .pipeline-section .main-img .img01 {
  left: 3.2%;
  top: 31%;
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .pipeline-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .pipeline-section .main-img .img02 {
  right: -4.5%;
  bottom: 2%;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .pipeline-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .pipeline-section .main-img .img03 {
    width: 750px;
    max-width: unset;
    margin-left: -47px;
    margin-bottom: -48px;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section {
  margin: 124px 0;
  padding: 72px 0 42px;
  background-color: #F5F7FF;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section {
    margin: 48px 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .container {
  max-width: 1180px;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .heading-grp-2 {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .heading-grp-2 {
    margin-left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .heading-grp-2 p {
  max-width: 550px;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img {
  position: relative;
  height: 1150px;
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img {
    height: 700px;
    width: 1024px;
  }
}
@media (max-width: 991px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img {
    margin-left: -30%;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img {
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img span {
  position: absolute;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img span .img-fluid {
    max-width: 60%;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img01 {
  max-width: 330px;
  left: -5%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img01 {
    left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img02 {
  max-width: 148px;
  left: 20.8%;
  top: 6.5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img03 {
  max-width: 480px;
  left: 30.8%;
  top: -6%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img04 {
  max-width: 452px;
  right: -5.8%;
  top: -3%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img06 {
  max-width: 292px;
  top: 18.5%;
  left: -6%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img06 {
    left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img07 {
  max-width: 341px;
  top: 18.5%;
  left: 19.5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img08 {
  max-width: 219px;
  right: 35.5%;
  top: 24%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img09 {
  max-width: 318px;
  top: 25.2%;
  left: -4%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img09 {
    left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img10 {
  max-width: 468px;
  top: 27%;
  left: 17.5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img11 {
  right: 33%;
  max-width: 127px;
  top: 33%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img12 {
  max-width: 270px;
  right: 12%;
  top: 24%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img13 {
  max-width: 317px;
  right: -9.9%;
  top: 17%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img14 {
  max-width: 760px;
  top: 42%;
  left: 17.5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img15 {
  max-width: 206px;
  top: 56.5%;
  left: 5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img16 {
  max-width: 69px;
  top: 55.5%;
  left: 26.5%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img17 {
  max-width: 429px;
  bottom: 40%;
  right: 26.5%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img17 {
    bottom: 39%;
    right: 19.5%;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img18 {
  max-width: 290px;
  right: -3%;
  bottom: 35%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img18 {
    right: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img19 {
  max-width: 407px;
  bottom: 0;
  left: -4.4%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img19 {
    left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img20 {
  max-width: 384px;
  bottom: -2.5%;
  left: 26%;
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img21 {
  max-width: 553px;
  bottom: 5.5%;
  right: -3.6%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img21 {
    right: 0;
  }
}
.kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img22 {
  max-width: 498px;
  bottom: 2.7%;
  right: -2%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .muchmore-section .main-img .img22 {
    right: 0;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section-2 {
  background-color: #FFF8FD;
  padding-top: 72px;
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .container {
  max-width: 1054px;
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .main-img {
  margin-left: -56px;
  margin-top: -56px;
  position: relative;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img {
    margin: 0;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img01 {
  right: 18%;
  top: 31%;
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img01 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img02 {
  right: 0.5%;
  top: 39%;
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img02 {
    right: 7.5%;
    top: 31%;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img02 {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img03 {
  right: -13.8%;
  top: 43%;
}
@media (max-width: 1280px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img03 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .lead-section-2 .main-img .img04 {
    max-width: unset;
    width: 750px;
    margin-left: -36px;
  }
}
.kspr-page .heading-grp .kspr-page .lead-section-2 .heading-grp-2 p {
  max-width: 554px;
}
.kspr-page .heading-grp .kspr-page .approach-section {
  margin: 120px 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .approach-section {
    margin: 48px 0;
  }
}
.kspr-page .heading-grp .kspr-page .approach-section .container {
  max-width: 1052px;
}
.kspr-page .heading-grp .kspr-page .approach-section .main-img {
  position: relative;
  margin-left: -80px;
  margin-right: -80px;
  margin-top: -48px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .approach-section .main-img {
    margin: 0;
  }
  .kspr-page .heading-grp .kspr-page .approach-section .main-img .position-absolute {
    display: none;
  }
}
@media (max-width: 1199px) {
  .kspr-page .heading-grp .kspr-page .approach-section .main-img {
    margin: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .approach-section .main-img {
    overflow: visible;
  }
}
.kspr-page .heading-grp .kspr-page .approach-section .main-img .img01 {
  right: 23%;
  top: 28.5%;
}
.kspr-page .heading-grp .kspr-page .approach-section .main-img .img02 {
  right: 2.5%;
  top: 41%;
}
.kspr-page .heading-grp .kspr-page .approach-section .main-img .img03 {
  right: 17%;
  bottom: 11%;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .approach-section .main-img .img04 {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
    margin-bottom: -48px;
  }
}
.kspr-page .heading-grp .kspr-page .people-section {
  background-color: #F7FBFF;
  padding-top: 54px;
}
.kspr-page .heading-grp .kspr-page .people-section .main-img {
  position: relative;
  margin-left: -70px;
  margin-top: -40px;
  margin-right: 136px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .people-section .main-img {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .people-section .main-img .position-absolute {
    display: none;
  }
}
.kspr-page .heading-grp .kspr-page .people-section .main-img .img01 {
  top: 27.5%;
  right: -2.2%;
}
.kspr-page .heading-grp .kspr-page .people-section .main-img .img02 {
  top: 51%;
  right: 0.5%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .people-section .main-img .img02 {
    top: 60%;
  }
}
.kspr-page .heading-grp .kspr-page .people-section .main-img .img03 {
  top: 70.5%;
  right: 1.5%;
}
@media (max-width: 1024px) {
  .kspr-page .heading-grp .kspr-page .people-section .main-img .img03 {
    top: 80%;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .people-section .main-img .img04 {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
  }
}
.kspr-page .heading-grp .kspr-page .people-section .heading-grp-2 p {
  max-width: 530px;
}
.kspr-page .heading-grp .kspr-page .cust-approach-section {
  margin: 120px 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .cust-approach-section {
    margin: 48px 0;
  }
}
.kspr-page .heading-grp .kspr-page .cust-approach-section .inner-wrap {
  padding-left: 42px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .cust-approach-section .inner-wrap {
    padding-left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .cust-approach-section .main-img {
  margin-top: 12px;
  margin-left: -73px;
  margin-right: 110px;
}
@media (max-width: 1279px) {
  .kspr-page .heading-grp .kspr-page .cust-approach-section .main-img {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .cust-approach-section .main-img .img-fluid {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
  }
}
.kspr-page .heading-grp .kspr-page .plugin-section .main-img {
  margin-top: -24px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .plugin-section .main-img .img-fluid {
    width: 625px;
    max-width: unset;
    margin-left: -37px;
  }
}
.kspr-page .heading-grp .kspr-page .hc-seciton {
  margin: 84px 0 160px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .hc-seciton {
    margin: 48px 0;
  }
}
.kspr-page .heading-grp .kspr-page .hc-seciton .hc-content {
  padding-left: 40px;
}
@media (max-width: 768px) {
  .kspr-page .heading-grp .kspr-page .hc-seciton .hc-content {
    padding-left: 0;
  }
}
.kspr-page .heading-grp .kspr-page .hc-seciton h3 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 1.12;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .hc-seciton h3 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .heading-grp .kspr-page .hc-seciton p {
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .hc-seciton p {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .hc-seciton h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .hc-seciton h6 {
    font-size: 16px;
  }
}
.kspr-page .heading-grp .kspr-page .res-section {
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #BB3EDD 98.03%);
  text-align: center;
  padding: 128px 0;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .res-section {
    padding: 48px 0;
    margin-bottom: 48px;
  }
}
.kspr-page .heading-grp .kspr-page .res-section h3 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.12;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  margin-bottom: 42px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .res-section h3 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .heading-grp .kspr-page .res-section .btn-check {
  background: linear-gradient(93.48deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 12px;
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  padding: 0 24px;
  display: inline-block;
  text-align: center;
  min-width: 219px;
  height: 54px;
  line-height: 54px;
  transition: all 0.25s ease;
}
.kspr-page .heading-grp .kspr-page .res-section .btn-check:hover {
  text-decoration: none;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.kspr-page .heading-grp .kspr-page .pwrdesign-section {
  margin-top: 168px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .pwrdesign-section {
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .pwrdesign-section .main-img .img-fluid {
    max-width: unset;
    width: 100%;
  }
}
.kspr-page .heading-grp .kspr-page .efficient-section .container {
  max-width: 1142px;
}
.kspr-page .heading-grp .kspr-page .efficient-section .main-img {
  position: relative;
}
.kspr-page .heading-grp .kspr-page .efficient-section .main-img .position-absolute {
  right: -24px;
  bottom: -60px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .efficient-section .main-img .position-absolute {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp .kspr-page .efficient-section .main-img img {
    width: 750px;
    max-width: unset;
    margin-left: -48px;
  }
}
@media (max-width: 767px) {
  .kspr-page .heading-grp {
    margin-bottom: 42px;
  }
}
.kspr-page .heading-grp h3 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -1px;
  color: #0A131D;
  line-height: 1.22;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
    text-align: left;
  }
}
.kspr-page .heading-grp p {
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp p {
    font-size: 16px;
    text-align: left;
  }
}
.kspr-page .heading-grp-2 {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp-2 {
    margin-bottom: 42px;
  }
}
.kspr-page .heading-grp-2 h3 {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -1.12465px;
  color: #111833;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp-2 h3 {
    font-size: 32px;
  }
}
.kspr-page .heading-grp-2 p {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 767px) {
  .kspr-page .heading-grp-2 p {
    font-size: 16px;
    text-align: left;
  }
}
.kspr-page .container {
  max-width: 1200px;
}
.kspr-page .kspr-banner {
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #BB3EDD 98.03%);
  height: 738px;
  padding-top: 150px;
}
@media (max-width: 767px) {
  .kspr-page .kspr-banner {
    height: auto;
    padding: 120px 0 16px;
    overflow: hidden;
  }
}
.kspr-page .kspr-banner .banner-captions {
  text-align: center;
}
.kspr-page .kspr-banner .banner-captions p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.56px;
  color: #C8BDFC;
}
@media (max-width: 767px) {
  .kspr-page .kspr-banner .banner-captions p {
    font-size: 16px;
  }
}
.kspr-page .kspr-banner .banner-captions h3 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  text-align: center;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .kspr-page .kspr-banner .banner-captions h3 {
    font-size: 48px;
    letter-spacing: -1.24px;
  }
}
@media (max-width: 767px) {
  .kspr-page .kspr-banner .banner-captions h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
  }
}
.kspr-page .kspr-banner .main-img {
  max-width: 959px;
  margin: 0 auto;
  position: relative;
}
.kspr-page .kspr-banner .main-img .img01 {
  left: -123px;
  top: 213px;
  max-width: 371px;
}
@media (max-width: 1024px) {
  .kspr-page .kspr-banner .main-img .img01 {
    display: none;
  }
}
.kspr-page .kspr-banner .main-img .img02 {
  left: -64px;
  bottom: 190px;
  max-width: 326px;
}
@media (max-width: 1024px) {
  .kspr-page .kspr-banner .main-img .img02 {
    display: none;
  }
}
.kspr-page .kspr-banner .main-img .img03 {
  max-width: 350px;
  right: -82px;
  top: 98px;
}
@media (max-width: 991px) {
  .kspr-page .kspr-banner .main-img .img03 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .kspr-banner .main-img .img04 {
    width: 760px;
    max-width: unset;
    margin-left: -57px;
  }
}
.kspr-page .automation-secion {
  padding: 360px 0 151px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .kspr-page .automation-secion {
    padding: 270px 0 0;
  }
}
@media (max-width: 768px) {
  .kspr-page .automation-secion {
    padding: 90px 0 0;
  }
}
@media (max-width: 767px) {
  .kspr-page .automation-secion {
    overflow-x: hidden;
  }
}
@media (max-width: 767px) {
  .kspr-page .automation-secion .section-caption {
    margin-top: 24px;
  }
}
.kspr-page .automation-secion .section-caption h4 {
  font-weight: 600;
  font-size: 38px;
  letter-spacing: -1px;
  color: #0A131D;
  line-height: 1.28;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .kspr-page .automation-secion .section-caption h4 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .automation-secion .section-caption p {
  font-size: 20px;
  color: #324963;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .kspr-page .automation-secion .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .automation-secion .round-blk-01 {
  width: 154px;
  height: 154px;
  display: inline-block;
  border-radius: 50%;
  bottom: 0;
  left: -71px;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #FF9DF5 0%, #F15AE2 23.54%, #DA22BC 40.69%, #B30AA2 57.33%, #8801AA 100%);
  opacity: 0.4;
  filter: blur(0.8px);
  transform: rotate(37.08deg);
}
@media (max-width: 1199px) {
  .kspr-page .automation-secion .round-blk-01 {
    display: none;
  }
}
.kspr-page .automation-secion .main-img {
  position: relative;
}
.kspr-page .automation-secion .main-img .videoMain {
  overflow: hidden;
  border-radius: 16px;
  width: 105.5%;
}
@media (max-width: 1199px) {
  .kspr-page .automation-secion .main-img .videoMain {
    width: 100%;
  }
}
.kspr-page .automation-secion .main-img #video {
  position: relative;
  z-index: 4;
  width: calc(100% + 4px);
  border-radius: 16px;
  right: 2px;
}
.kspr-page .automation-secion .main-img .img01 {
  max-width: 600px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199px) {
  .kspr-page .automation-secion .main-img .img01 {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .kspr-page .automation-secion .main-img .img01 {
    max-width: unset;
    width: 750px;
  }
}
.kspr-page .automation-secion .main-img .round-blk-02 {
  width: 122px;
  height: 122px;
  display: inline-block;
  border-radius: 50%;
  top: -16px;
  left: 130px;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #FF9DF5 0%, #F15AE2 23.54%, #DA22BC 40.69%, #B30AA2 57.33%, #8801AA 100%);
  opacity: 0.5;
  filter: blur(0.8px);
}
.kspr-page .automation-secion .main-img .round-blk-03 {
  width: 488px;
  height: 488px;
  border-radius: 50%;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #B69BFF 0%, #E3D9FF 23.54%, #9472F2 40.69%, #695AF2 57.33%, #443CAA 100%);
  opacity: 0.5;
  filter: blur(1px);
  display: inline-block;
  z-index: 2;
  right: -210px;
  top: -50px;
}
@media (max-width: 1280px) {
  .kspr-page .automation-secion .main-img .round-blk-03 {
    display: none;
  }
}
.kspr-page .updown {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@keyframes updown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(5px);
  }
}
.kspr-page .connect-logos {
  background: #FAEEFF;
  background: linear-gradient(98.95deg, rgba(101, 144, 255, 0.06) 11.41%, rgba(98, 40, 222, 0.06) 61.1%, rgba(190, 66, 223, 0.06) 109.5%);
  border: 1px solid #F0F3FF;
  width: 457px;
  height: 457px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transform: scale(0);
  transition-delay: 900ms;
}
@media (max-width: 575px) {
  .kspr-page .connect-logos {
    width: 280px;
    height: 280px;
  }
}
.kspr-page .connect-logos:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  opacity: 0.06;
  background: linear-gradient(98.95deg, #6590FF 11.41%, #6228DE 61.1%, #BE42DF 109.5%);
  width: 325px;
  height: 325px;
  z-index: 1;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1050ms;
}
.kspr-page .connect-logos:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  opacity: 0.06;
  background: linear-gradient(98.95deg, #6590FF 11.41%, #6228DE 61.1%, #BE42DF 109.5%);
  width: 189px;
  height: 189px;
  z-index: 2;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1200ms;
}
.kspr-page .connect-logos span {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-flex;
  width: 100px;
  height: 100px;
  box-shadow: 12px 24px 32px rgba(17, 24, 51, 0.12);
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
}
@media (max-width: 575px) {
  .kspr-page .connect-logos span {
    display: none;
  }
}
.kspr-page .connect-logos span:nth-child(1) {
  width: 137px;
  height: 137px;
  top: 2rem;
  left: -10px;
  transition-delay: 1700ms;
}
@media (max-width: 1279px) {
  .kspr-page .connect-logos span:nth-child(1) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .connect-logos span:nth-child(1) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .connect-logos span:nth-child(2) {
  width: 146px;
  height: 146px;
  top: -3rem;
  left: 15rem;
  transition-delay: 1600ms;
}
@media (max-width: 1279px) {
  .kspr-page .connect-logos span:nth-child(2) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .connect-logos span:nth-child(2) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .connect-logos span:nth-child(3) {
  width: 198px;
  height: 198px;
  top: 8rem;
  left: 22rem;
  transition-delay: 1700ms;
}
@media (max-width: 1279px) {
  .kspr-page .connect-logos span:nth-child(3) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .connect-logos span:nth-child(3) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .connect-logos span:nth-child(4) {
  width: 138px;
  height: 138px;
  top: 23rem;
  left: 16rem;
  transition-delay: 1800ms;
}
@media (max-width: 1279px) {
  .kspr-page .connect-logos span:nth-child(4) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .connect-logos span:nth-child(4) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .connect-logos span:nth-child(5) {
  width: 152px;
  height: 152px;
  top: 18rem;
  left: 0;
  transition-delay: 1900ms;
}
@media (max-width: 1279px) {
  .kspr-page .connect-logos span:nth-child(5) {
    width: 137px;
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .kspr-page .connect-logos span:nth-child(5) {
    width: 100px;
    height: 100px;
  }
}
.kspr-page .connect-logos span:nth-child(6) {
  transition-delay: 2000ms;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  margin-top: 26px !important;
  height: 108px;
  width: auto;
}
@media (max-width: 575px) {
  .kspr-page .connect-logos span:nth-child(6) {
    display: block;
    margin-top: 10px !important;
  }
}
.kspr-page .ripple-circle.aos-animate .connect-logos {
  transform: scale(1);
}
.kspr-page .ripple-circle.aos-animate .connect-logos:after {
  transform: scale(1);
}
.kspr-page .ripple-circle.aos-animate .connect-logos:before {
  transform: scale(1);
}
.kspr-page .ripple-circle.aos-animate .connect-logos span {
  opacity: 1;
  transform: scale(1);
}
.kspr-page .smart-exp-section {
  margin: 68px 0;
  position: relative;
}
.kspr-page .smart-exp-section .section-caption h4 {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .kspr-page .smart-exp-section .section-caption h4 {
    font-size: 32px;
  }
}
.kspr-page .smart-exp-section .section-caption p {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
  max-width: 500px;
}
@media (max-width: 767px) {
  .kspr-page .smart-exp-section .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .smart-exp-section .round-blk-01 {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: radial-gradient(95.74% 95.74% at 26.4% 16.63%, #EBEEFE 0%, #C6C6F8 16.38%, #BABAFA 35.97%, #AAAAF3 57.33%, #6767C1 100%);
  filter: blur(0.395042px);
  right: -36px;
  bottom: 30px;
}
@media (max-width: 1279px) {
  .kspr-page .smart-exp-section .round-blk-01 {
    display: none;
  }
}
.kspr-page .imagination-section {
  margin-top: 130px;
}
@media (max-width: 767px) {
  .kspr-page .imagination-section {
    margin-top: 48px;
  }
}
.kspr-page .plugin-sec {
  padding: 24px 70px;
  position: relative;
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #8243EC 98.03%);
  border-radius: 24px;
  color: #fff;
  height: 665px;
}
@media (max-width: 1280px) {
  .kspr-page .plugin-sec {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .kspr-page .plugin-sec {
    height: auto;
    padding: 48px;
  }
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec {
    padding: 48px 24px;
  }
}
.kspr-page .plugin-sec .kaspr-process {
  max-width: 49%;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec .kaspr-process {
    max-width: 99%;
  }
}
.kspr-page .plugin-sec .kaspr-process h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec .kaspr-process h3 {
    font-size: 32px;
  }
}
.kspr-page .plugin-sec .kaspr-process p {
  font-size: 20px;
  line-height: 1.5;
  color: #DCDCFF;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec .kaspr-process p {
    font-size: 16px;
  }
}
.kspr-page .plugin-sec .section-caption h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 28px;
  max-width: 510px;
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec .section-caption h3 {
    font-size: 32px;
  }
}
.kspr-page .plugin-sec .section-caption p {
  font-size: 20px;
  line-height: 1.5;
  color: #DCDCFF;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kspr-page .plugin-sec .section-caption p {
    font-size: 16px;
  }
}
.kspr-page .plugin-sec .row {
  height: 100%;
}
@media (max-width: 768px) {
  .kspr-page .plugin-sec.aos-animate .plugin-chips {
    display: none;
  }
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles {
  position: absolute;
  text-align: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 6rem;
  top: -10.5rem;
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  position: absolute;
  right: auto;
  left: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.xs {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.sm {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
  animation-delay: 2000ms;
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles .circle.lg {
  width: 0;
  height: 0;
  animation: circle- 6s linear infinite forwards;
  animation-delay: 4000ms;
}
.kspr-page .plugin-sec.aos-animate .plugin-chips .circles .logo-center {
  border-radius: 50%;
  background: #4823AD;
  width: 102px;
  height: 102px;
  position: relative;
  z-index: 5;
}
@keyframes circle- {
  0% {
    width: 0px;
    height: 0px;
    border-color: white;
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    width: 1080px;
    height: 1080px;
    opacity: 0;
  }
}
.kspr-page .chip-in {
  position: absolute;
  z-index: 5;
  transition: all ease-in 700ms;
}
.kspr-page .chip-in.chip1 {
  right: 21rem;
  top: 5rem;
}
@media (max-width: 1024px) {
  .kspr-page .chip-in.chip1 {
    display: none;
  }
}
.kspr-page .chip-in.chip2 {
  top: 1.2rem;
  right: -5.5rem;
  transition-delay: 900ms;
}
@media (max-width: 1280px) {
  .kspr-page .chip-in.chip2 {
    right: 0;
  }
}
.kspr-page .chip-in.chip3 {
  right: -8.3rem;
  bottom: 8.5rem;
  transition-delay: 1000ms;
}
@media (max-width: 1280px) {
  .kspr-page .chip-in.chip3 {
    right: 0;
  }
}
.kspr-page .chip-in.chip4 {
  bottom: 0rem;
  right: 10.5rem;
  transition-delay: 1100ms;
}
.kspr-page .target-section {
  margin-top: 164px;
}
@media (max-width: 767px) {
  .kspr-page .target-section {
    margin-top: 48px;
  }
}
.kspr-page .shdw-blk {
  background: #FFFFFF;
  box-shadow: 0px 8.76151px 46.728px rgba(10, 19, 29, 0.06);
  border-radius: 24px;
  min-height: 304px;
  padding: 48px 35px;
  transition: all 0.25s ease;
  max-width: 335px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .kspr-page .shdw-blk {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .kspr-page .shdw-blk {
    min-height: unset;
    padding: 24px;
    margin-bottom: 32px;
  }
}
.kspr-page .shdw-blk:hover {
  transform: translateY(-3px);
}
.kspr-page .shdw-blk .caption-blk {
  margin-top: 32px;
}
.kspr-page .shdw-blk .caption-blk .heading {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -1.28px;
  color: #0A131D;
  margin-bottom: 16px;
}
.kspr-page .shdw-blk .caption-blk .des {
  font-size: 20px;
  color: #324963;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .kspr-page .shdw-blk .caption-blk .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.kspr-page .rnd-icon span {
  background: linear-gradient(135.88deg, #6D7BFF 0%, #EC77FE 91.26%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kspr-page .rnd-icon span figure {
  margin-bottom: 0;
}
.kspr-page .agri-section {
  margin: 168px 0;
}
@media (max-width: 767px) {
  .kspr-page .agri-section {
    margin: 48px 0;
  }
}
.kspr-page .agri-section .darkBg {
  background: linear-gradient(174.5deg, #1E1737 13.01%, #19166B 104.71%);
  border-radius: 24px;
  padding: 72px 16px 80px;
}
@media (max-width: 767px) {
  .kspr-page .agri-section .darkBg {
    padding: 48px 24px;
  }
}
.kspr-page .agri-section .darkBg .heading-grp h3 {
  color: #ffffff;
}
.kspr-page .agri-section .darkBg .heading-grp p {
  color: #98A4E8;
  font-weight: 400;
  font-size: 20px;
}
.kspr-page .logo-grp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 575px) {
  .kspr-page .logo-grp {
    flex-direction: column;
  }
}
.kspr-page .logo-grp .l-img {
  margin: 0 8px;
}
.kspr-page .lead-section {
  background-color: #F5F9FF;
  padding-top: 72px;
}
.kspr-page .lead-section .container {
  max-width: 1058px;
}
.kspr-page .lead-section .heading-grp-2 p {
  max-width: 530px;
}
.kspr-page .lead-section .main-img {
  margin-left: -64px;
  margin-top: -12px;
  position: relative;
}
@media (max-width: 1279px) {
  .kspr-page .lead-section .main-img {
    margin: 0;
  }
}
.kspr-page .lead-section .main-img .img01 {
  left: -3%;
  top: 17%;
}
@media (max-width: 1199px) {
  .kspr-page .lead-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .lead-section .main-img .img02 {
  left: 11%;
  top: 33%;
}
@media (max-width: 1199px) {
  .kspr-page .lead-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .lead-section .main-img .img03 {
    width: 750px;
    max-width: unset;
    margin-left: -47px;
  }
}
.kspr-page .integ-section {
  margin: 124px 0 0;
}
@media (max-width: 767px) {
  .kspr-page .integ-section {
    margin: 48px 0 0;
  }
}
.kspr-page .integ-section .container {
  max-width: 1028px;
}
.kspr-page .integ-section .main-img {
  position: relative;
  margin: -8px -20px 0 -65px;
}
@media (max-width: 1279px) {
  .kspr-page .integ-section .main-img {
    margin: 0;
  }
}
.kspr-page .integ-section .main-img .img01 {
  left: -2.5%;
  top: 34.5%;
}
@media (max-width: 1279px) {
  .kspr-page .integ-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .integ-section .main-img .img02 {
  right: -3.7%;
  bottom: -1%;
}
@media (max-width: 1279px) {
  .kspr-page .integ-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .integ-section .main-img .large-img {
    width: 100%;
    max-width: unset;
  }
}
.kspr-page .planmade-section {
  background-color: #FFF8FD;
  padding-top: 120px;
}
.kspr-page .planmade-section .container {
  max-width: 1032px;
}
.kspr-page .planmade-section .main-img {
  margin: -16px 0 0 -49px;
  position: relative;
  top: 0;
}
@media (max-width: 1279px) {
  .kspr-page .planmade-section .main-img {
    margin: 0;
  }
}
.kspr-page .planmade-section .main-img .img01 {
  top: 33%;
  left: 3%;
}
@media (max-width: 1199px) {
  .kspr-page .planmade-section .main-img .img01 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .planmade-section .main-img .img02 {
    max-width: unset;
    width: 750px;
    margin-left: -36px;
  }
}
.kspr-page .pipeline-section {
  margin: 124px 0 178px;
}
.kspr-page .pipeline-section .container {
  max-width: 1060px;
}
@media (max-width: 767px) {
  .kspr-page .pipeline-section {
    margin: 48px 0 0;
  }
}
.kspr-page .pipeline-section .main-img {
  position: relative;
  margin: -8px 0 0 -69px;
}
@media (max-width: 1279px) {
  .kspr-page .pipeline-section .main-img {
    margin: 0;
  }
}
.kspr-page .pipeline-section .main-img .img01 {
  left: 3.2%;
  top: 31%;
}
@media (max-width: 1199px) {
  .kspr-page .pipeline-section .main-img .img01 {
    display: none;
  }
}
.kspr-page .pipeline-section .main-img .img02 {
  right: -4.5%;
  bottom: 2%;
}
@media (max-width: 767px) {
  .kspr-page .pipeline-section .main-img .img02 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .pipeline-section .main-img .img03 {
    width: 750px;
    max-width: unset;
    margin-left: -47px;
    margin-bottom: -48px;
  }
}
.kspr-page .muchmore-section {
  margin: 124px 0;
  padding: 72px 0 42px;
  background-color: #F5F7FF;
}
@media (max-width: 767px) {
  .kspr-page .muchmore-section {
    margin: 48px 0;
  }
}
.kspr-page .muchmore-section .container {
  max-width: 1180px;
}
.kspr-page .muchmore-section .heading-grp-2 {
  margin-left: 72px;
}
@media (max-width: 767px) {
  .kspr-page .muchmore-section .heading-grp-2 {
    margin-left: 0;
  }
}
.kspr-page .muchmore-section .heading-grp-2 p {
  max-width: 550px;
}
.kspr-page .muchmore-section .main-img {
  position: relative;
  height: 1150px;
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img {
    height: 700px;
    width: 1024px;
  }
}
@media (max-width: 991px) {
  .kspr-page .muchmore-section .main-img {
    margin-left: -30%;
  }
}
@media (max-width: 767px) {
  .kspr-page .muchmore-section .main-img {
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }
}
.kspr-page .muchmore-section .main-img span {
  position: absolute;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img span .img-fluid {
    max-width: 60%;
  }
}
.kspr-page .muchmore-section .main-img .img01 {
  max-width: 330px;
  left: -5%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img01 {
    left: 0;
  }
}
.kspr-page .muchmore-section .main-img .img02 {
  max-width: 148px;
  left: 20.8%;
  top: 6.5%;
}
.kspr-page .muchmore-section .main-img .img03 {
  max-width: 480px;
  left: 30.8%;
  top: -6%;
}
.kspr-page .muchmore-section .main-img .img04 {
  max-width: 452px;
  right: -5.8%;
  top: -3%;
}
.kspr-page .muchmore-section .main-img .img06 {
  max-width: 292px;
  top: 18.5%;
  left: -6%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img06 {
    left: 0;
  }
}
.kspr-page .muchmore-section .main-img .img07 {
  max-width: 341px;
  top: 18.5%;
  left: 19.5%;
}
.kspr-page .muchmore-section .main-img .img08 {
  max-width: 219px;
  right: 35.5%;
  top: 24%;
}
.kspr-page .muchmore-section .main-img .img09 {
  max-width: 318px;
  top: 25.2%;
  left: -4%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img09 {
    left: 0;
  }
}
.kspr-page .muchmore-section .main-img .img10 {
  max-width: 468px;
  top: 27%;
  left: 17.5%;
}
.kspr-page .muchmore-section .main-img .img11 {
  right: 33%;
  max-width: 127px;
  top: 33%;
}
.kspr-page .muchmore-section .main-img .img12 {
  max-width: 270px;
  right: 12%;
  top: 24%;
}
.kspr-page .muchmore-section .main-img .img13 {
  max-width: 317px;
  right: -9.9%;
  top: 17%;
}
.kspr-page .muchmore-section .main-img .img14 {
  max-width: 760px;
  top: 42%;
  left: 17.5%;
}
.kspr-page .muchmore-section .main-img .img15 {
  max-width: 206px;
  top: 56.5%;
  left: 5%;
}
.kspr-page .muchmore-section .main-img .img16 {
  max-width: 69px;
  top: 55.5%;
  left: 26.5%;
}
.kspr-page .muchmore-section .main-img .img17 {
  max-width: 429px;
  bottom: 40%;
  right: 26.5%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img17 {
    bottom: 39%;
    right: 19.5%;
  }
}
.kspr-page .muchmore-section .main-img .img18 {
  max-width: 290px;
  right: -3%;
  bottom: 35%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img18 {
    right: 0;
  }
}
.kspr-page .muchmore-section .main-img .img19 {
  max-width: 407px;
  bottom: 0;
  left: -4.4%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img19 {
    left: 0;
  }
}
.kspr-page .muchmore-section .main-img .img20 {
  max-width: 384px;
  bottom: -2.5%;
  left: 26%;
}
.kspr-page .muchmore-section .main-img .img21 {
  max-width: 553px;
  bottom: 5.5%;
  right: -3.6%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img21 {
    right: 0;
  }
}
.kspr-page .muchmore-section .main-img .img22 {
  max-width: 498px;
  bottom: 2.7%;
  right: -2%;
}
@media (max-width: 1024px) {
  .kspr-page .muchmore-section .main-img .img22 {
    right: 0;
  }
}
.kspr-page .lead-section-2 {
  background-color: #FFF8FD;
  padding-top: 72px;
}
.kspr-page .lead-section-2 .container {
  max-width: 1054px;
}
.kspr-page .lead-section-2 .main-img {
  margin-left: -56px;
  margin-top: -56px;
  position: relative;
}
@media (max-width: 1279px) {
  .kspr-page .lead-section-2 .main-img {
    margin: 0;
  }
}
.kspr-page .lead-section-2 .main-img .img01 {
  right: 18%;
  top: 31%;
}
@media (max-width: 768px) {
  .kspr-page .lead-section-2 .main-img .img01 {
    display: none;
  }
}
.kspr-page .lead-section-2 .main-img .img02 {
  right: 0.5%;
  top: 39%;
}
@media (max-width: 768px) {
  .kspr-page .lead-section-2 .main-img .img02 {
    right: 7.5%;
    top: 31%;
  }
}
@media (max-width: 767px) {
  .kspr-page .lead-section-2 .main-img .img02 {
    display: none;
  }
}
.kspr-page .lead-section-2 .main-img .img03 {
  right: -13.8%;
  top: 43%;
}
@media (max-width: 1280px) {
  .kspr-page .lead-section-2 .main-img .img03 {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .lead-section-2 .main-img .img04 {
    max-width: unset;
    width: 750px;
    margin-left: -36px;
  }
}
.kspr-page .lead-section-2 .heading-grp-2 p {
  max-width: 554px;
}
.kspr-page .approach-section {
  margin: 120px 0;
}
@media (max-width: 767px) {
  .kspr-page .approach-section {
    margin: 48px 0;
  }
}
.kspr-page .approach-section .container {
  max-width: 1052px;
}
.kspr-page .approach-section .main-img {
  position: relative;
  margin-left: -80px;
  margin-right: -80px;
  margin-top: -48px;
}
@media (max-width: 1279px) {
  .kspr-page .approach-section .main-img {
    margin: 0;
  }
  .kspr-page .approach-section .main-img .position-absolute {
    display: none;
  }
}
@media (max-width: 1199px) {
  .kspr-page .approach-section .main-img {
    margin: 0;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .kspr-page .approach-section .main-img {
    overflow: visible;
  }
}
.kspr-page .approach-section .main-img .img01 {
  right: 23%;
  top: 28.5%;
}
.kspr-page .approach-section .main-img .img02 {
  right: 2.5%;
  top: 41%;
}
.kspr-page .approach-section .main-img .img03 {
  right: 17%;
  bottom: 11%;
}
@media (max-width: 767px) {
  .kspr-page .approach-section .main-img .img04 {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
    margin-bottom: -48px;
  }
}
.kspr-page .people-section {
  background-color: #F7FBFF;
  padding-top: 54px;
}
.kspr-page .people-section .main-img {
  position: relative;
  margin-left: -70px;
  margin-top: -40px;
  margin-right: 136px;
}
@media (max-width: 1279px) {
  .kspr-page .people-section .main-img {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .kspr-page .people-section .main-img .position-absolute {
    display: none;
  }
}
.kspr-page .people-section .main-img .img01 {
  top: 27.5%;
  right: -2.2%;
}
.kspr-page .people-section .main-img .img02 {
  top: 51%;
  right: 0.5%;
}
@media (max-width: 1024px) {
  .kspr-page .people-section .main-img .img02 {
    top: 60%;
  }
}
.kspr-page .people-section .main-img .img03 {
  top: 70.5%;
  right: 1.5%;
}
@media (max-width: 1024px) {
  .kspr-page .people-section .main-img .img03 {
    top: 80%;
  }
}
@media (max-width: 767px) {
  .kspr-page .people-section .main-img .img04 {
    width: 750px;
    max-width: unset;
    margin-left: -46px;
  }
}
.kspr-page .people-section .heading-grp-2 p {
  max-width: 530px;
}
.kspr-page .cust-approach-section {
  margin: 120px 0;
}
@media (max-width: 767px) {
  .kspr-page .cust-approach-section {
    margin: 48px 0;
  }
}
.kspr-page .cust-approach-section .inner-wrap {
  padding-left: 42px;
}
@media (max-width: 767px) {
  .kspr-page .cust-approach-section .inner-wrap {
    padding-left: 0;
  }
}
.kspr-page .cust-approach-section .main-img {
  margin-top: 12px;
  margin-left: -73px;
  margin-right: 110px;
}
@media (max-width: 1279px) {
  .kspr-page .cust-approach-section .main-img {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .kspr-page .cust-approach-section .main-img .img-fluid {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
}
.kspr-page .plugin-section .main-img {
  margin-top: -24px;
}
@media (max-width: 767px) {
  .kspr-page .plugin-section .main-img .img-fluid {
    width: 100%;
    max-width: unset;
  }
}
.kspr-page .hc-seciton {
  margin: 84px 0 160px;
}
@media (max-width: 767px) {
  .kspr-page .hc-seciton {
    margin: 48px 0;
  }
}
.kspr-page .hc-seciton .hc-content {
  padding-left: 40px;
}
@media (max-width: 768px) {
  .kspr-page .hc-seciton .hc-content {
    padding-left: 0;
  }
}
.kspr-page .hc-seciton h3 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 1.12;
}
@media (max-width: 767px) {
  .kspr-page .hc-seciton h3 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .hc-seciton p {
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kspr-page .hc-seciton p {
    font-size: 16px;
  }
}
.kspr-page .hc-seciton h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #5B6282;
}
@media (max-width: 767px) {
  .kspr-page .hc-seciton h6 {
    font-size: 16px;
  }
}
.kspr-page .res-section {
  background: linear-gradient(87.29deg, #4D61F6 13.21%, #BB3EDD 98.03%);
  text-align: center;
  padding: 128px 0;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .kspr-page .res-section {
    padding: 48px 0;
    margin-bottom: 48px;
  }
}
.kspr-page .res-section h3 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.12;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  margin-bottom: 42px;
}
@media (max-width: 767px) {
  .kspr-page .res-section h3 {
    font-size: 32px;
    letter-spacing: -1.24px;
  }
}
.kspr-page .res-section .btn-check {
  background: linear-gradient(93.48deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 12px;
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  padding: 0 24px;
  display: inline-block;
  text-align: center;
  min-width: 219px;
  height: 54px;
  line-height: 54px;
  transition: all 0.25s ease;
}
.kspr-page .res-section .btn-check:hover {
  text-decoration: none;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.kspr-page .pwrdesign-section {
  margin-top: 168px;
}
@media (max-width: 767px) {
  .kspr-page .pwrdesign-section {
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .kspr-page .pwrdesign-section .main-img .img-fluid {
    max-width: unset;
    width: 100%;
  }
}
.kspr-page .efficient-section .container {
  max-width: 1142px;
}
.kspr-page .efficient-section .main-img {
  position: relative;
}
.kspr-page .efficient-section .main-img .position-absolute {
  right: -24px;
  bottom: -60px;
}
@media (max-width: 767px) {
  .kspr-page .efficient-section .main-img .position-absolute {
    display: none;
  }
}
@media (max-width: 767px) {
  .kspr-page .efficient-section .main-img img {
    width: 750px;
    max-width: unset;
    margin-left: -48px;
  }
}

@media (max-height: 767px) {
  .travalot-page {
    overflow-x: hidden;
  }
}
@media (max-width: 1024px) {
  .travalot-page br {
    display: none;
  }
}
.travalot-page .travalot-banner {
  padding-top: 160px;
  margin-bottom: 296px;
  background: linear-gradient(87.29deg, #1460AD 13.21%, #26B98B 98.03%);
  text-align: center;
  height: 738px;
}
@media (max-width: 768px) {
  .travalot-page .travalot-banner {
    height: auto;
    padding: 110px 0 0px;
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .travalot-page .travalot-banner .main-img .img-fluid {
    width: 100%;
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
  }
}
.travalot-page .travalot-banner .container {
  max-width: 1024px;
}
.travalot-page .travalot-banner .banner-captions {
  margin: 24px 0 0;
}
.travalot-page .travalot-banner .banner-captions .main-heading {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  line-height: 1.15;
}
@media (max-width: 767px) {
  .travalot-page .travalot-banner .banner-captions .main-heading {
    font-size: 35px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 767px) and (max-width: 559px) {
  .travalot-page .travalot-banner .banner-captions .main-heading {
    font-size: 32px;
  }
}
.travalot-page .wht-travalot-section {
  text-align: center;
}
.travalot-page .wht-travalot-section .container {
  max-width: 800px;
}
.travalot-page .wht-travalot-section .section-captions .main-heading {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .travalot-page .wht-travalot-section .section-captions .main-heading {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .section-captions .main-heading {
    font-size: 35px;
    letter-spacing: -0.5px;
  }
}
.travalot-page .wht-travalot-section .section-captions .des {
  font-size: 20px;
  color: #324963;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.travalot-page .wht-travalot-section .grp-imgs {
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .grp-imgs {
    margin-top: 24px;
    flex-direction: column;
  }
}
.travalot-page .wht-travalot-section .grp-imgs figure {
  width: 60.9%;
}
@media (max-width: 1440px) {
  .travalot-page .wht-travalot-section .grp-imgs figure {
    width: 60.9%;
  }
}
@media (max-width: 1279px) {
  .travalot-page .wht-travalot-section .grp-imgs figure {
    width: 60.9%;
  }
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .grp-imgs figure {
    width: 100%;
  }
}
.travalot-page .wht-travalot-section .grp-imgs figure.img-left {
  margin-left: -2%;
  margin-right: -1%;
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .grp-imgs figure.img-left {
    margin-left: 0;
  }
}
.travalot-page .wht-travalot-section .grp-imgs figure.img-right {
  margin-right: -2%;
  margin-left: -1%;
}
@media (max-width: 767px) {
  .travalot-page .wht-travalot-section .grp-imgs figure.img-right {
    margin-right: 0;
  }
}
.travalot-page .stp-section {
  text-align: left;
}
.travalot-page .stp-section .stp-blk {
  position: relative;
  display: flex;
}
.travalot-page .stp-section .stp-blk::before {
  content: "";
  border-left: 2px solid #1460AE;
  position: absolute;
  left: 0;
  margin-top: 50px;
  transition-timing-function: ease;
  height: 0;
  transition: height 1s;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk::before {
    display: none;
  }
}
.travalot-page .stp-section .stp-blk.aos-animate::before {
  height: calc(100% - 66px);
  transition-delay: 0.8s;
}
.travalot-page .stp-section .stp-blk .cir-ui {
  max-width: 36px;
  width: 100%;
  flex: 0 0 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #1460AE;
  border: 8px solid #FFFFFF;
  box-shadow: 0px 8px 12px rgba(11, 59, 107, 0.2);
  display: block;
  margin-left: -19px;
  z-index: 1;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk .cir-ui {
    display: none;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions {
  padding-left: 36px;
  padding-top: 2px;
  padding-bottom: 68px;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk .stp-captions {
    padding-left: 0;
    padding-bottom: 32px;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions .main-heading {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .travalot-page .stp-section .stp-blk .stp-captions .main-heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions .des {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk .stp-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions .des-2 {
  font-size: 16px;
  line-height: 1.4;
  color: #324963;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk .stp-captions .des-2 {
    font-size: 14px;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions .custom-ul {
  border-left: 2px dashed #C7D0DA;
  list-style-type: none;
  padding-left: 38px;
  margin: 32px 0;
}
.travalot-page .stp-section .stp-blk .stp-captions .custom-ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #0A131D;
  margin-bottom: 28px;
  position: relative;
}
@media (max-width: 768px) {
  .travalot-page .stp-section .stp-blk .stp-captions .custom-ul li {
    font-size: 16px;
  }
}
.travalot-page .stp-section .stp-blk .stp-captions .custom-ul li:last-child {
  margin-bottom: 0;
}
.travalot-page .stp-section .stp-blk .stp-captions .custom-ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #A2B0C0;
  margin-left: -22px;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}
.travalot-page .stp-section .stp-blk:nth-child(2) .cir-ui {
  background-color: #209C96;
}
.travalot-page .stp-section .stp-blk:nth-child(2)::before {
  border-color: #209C96;
}
.travalot-page .stp-section .stp-blk:nth-child(3) .cir-ui {
  background-color: #26B68C;
}
.travalot-page .stp-section .stp-blk:nth-child(3)::before {
  border-color: #26B68C;
}
.travalot-page .stp-section .stp-blk:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100px;
  background: linear-gradient(180deg, #fff 40%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(180deg);
}
.travalot-page .stp-section .stp-blk:last-child .stp-captions {
  padding-bottom: 40px;
}
.travalot-page .travalot-intro-section {
  padding-top: 90px;
}
@media (max-width: 768px) {
  .travalot-page .travalot-intro-section {
    padding-top: 32px;
  }
}
.travalot-page .travalot-intro-section .container {
  max-width: 1364px;
}
.travalot-page .travalot-intro-section .section-captions .container {
  max-width: 800px;
}
.travalot-page .travalot-intro-section .section-captions .main-heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .travalot-page .travalot-intro-section .section-captions .main-heading {
    font-size: 35px;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
  }
}
.travalot-page .travalot-intro-section .section-captions .des {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 767px) {
  .travalot-page .travalot-intro-section .section-captions .des {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .travalot-page .travalot-intro-section .main-img .img-fluid {
    max-width: unset;
    width: 100%;
    margin-left: 0;
  }
}
.travalot-page .common-section {
  background: transparent;
  padding: 78px 0 0;
  margin-bottom: 62px;
}
@media (max-width: 767px) {
  .travalot-page .common-section {
    margin-bottom: 0;
    padding: 48px 0 0;
  }
}
.travalot-page .common-section.bg-color-1 {
  background: linear-gradient(113.04deg, #F4F6FF 0%, #FEF5FF 100%);
}
.travalot-page .common-section.bg-color-2 {
  background: linear-gradient(113.04deg, #FFF8EE 0%, #F6FFF4 100%);
}
.travalot-page .common-section.bg-color-3 {
  background: linear-gradient(113.04deg, #FFF0F5 0%, #FFF8F1 100%);
}
.travalot-page .common-section.bg-color-4 {
  background: linear-gradient(113.04deg, #E1EFFF 0%, #EBFFFA 100%);
}
.travalot-page .common-section.itenary-section .main-img {
  max-height: 740px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.itenary-section .main-img {
    max-height: 675px;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .travalot-page .common-section.itenary-section .main-img {
    max-height: 500px;
  }
}
.travalot-page .common-section.randr-section .main-img {
  position: relative;
  max-height: 742px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.randr-section .main-img {
    max-height: 665px;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .travalot-page .common-section.randr-section .main-img {
    max-height: 500px;
  }
}
.travalot-page .common-section.randr-section .main-img .img01 {
  z-index: 1;
  top: 184px;
  right: -34px;
  max-width: 402px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.randr-section .main-img .img01 {
    right: 0;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section.randr-section .main-img .img01 {
    display: none;
  }
}
.travalot-page .common-section.locals-section .main-img, .travalot-page .common-section.customize-tp .main-img {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .travalot-page .common-section.locals-section .main-img, .travalot-page .common-section.customize-tp .main-img {
    margin-bottom: 42px;
  }
}
.travalot-page .common-section.locals-section .section-captions {
  max-width: 620px;
}
.travalot-page .common-section.customize-tp .section-captions {
  max-width: 505px;
}
.travalot-page .common-section.pkgcust-section .section-captions {
  max-width: 460px;
}
.travalot-page .common-section.pkgcust-section .main-img {
  display: flex;
  max-height: 740px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.pkgcust-section .main-img {
    max-height: 524px;
    overflow-y: hidden;
  }
}
@media (max-width: 1024px) {
  .travalot-page .common-section.pkgcust-section .main-img {
    max-height: unset;
    margin-bottom: 0;
  }
}
.travalot-page .common-section.pkgcust-section .main-img .img01 img {
  max-width: 719px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.pkgcust-section .main-img .img01 img {
    max-width: 510px;
  }
}
@media (max-width: 768px) {
  .travalot-page .common-section.pkgcust-section .main-img .img01 img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section.pkgcust-section .main-img .img01 img {
    margin-bottom: -40px;
    max-width: unset;
  }
}
.travalot-page .common-section.pkgcust-section .main-img .img02 {
  position: relative;
  right: 112px;
  top: 124px;
}
@media (max-width: 768px) {
  .travalot-page .common-section.pkgcust-section .main-img .img02 {
    display: none;
  }
}
.travalot-page .common-section.pkgcust-section .main-img .img02 img {
  max-width: 553px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.pkgcust-section .main-img .img02 img {
    max-width: 360px;
  }
}
.travalot-page .common-section.fltrs-section .section-captions {
  max-width: 400px;
}
.travalot-page .common-section.fltrs-section .main-img {
  margin-top: 60px;
  position: relative;
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.fltrs-section .main-img {
    overflow: hidden;
  }
}
.travalot-page .common-section.fltrs-section .main-img .img01 {
  position: relative;
  display: inline-block;
  transform: rotate(11deg);
}
.travalot-page .common-section.fltrs-section .main-img .img01.aos-animate {
  transform: rotate(0deg);
}
.travalot-page .common-section.fltrs-section .main-img .img01.aos-animate .cross-icon {
  animation: spin 1s 1;
}
.travalot-page .common-section.fltrs-section .main-img .img01 img {
  max-width: 581px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.fltrs-section .main-img .img01 img {
    max-width: 520px;
  }
}
@media (max-width: 991px) {
  .travalot-page .common-section.fltrs-section .main-img .img01 img {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section.fltrs-section .main-img .img01 img {
    max-width: 100%;
    width: auto;
    margin-left: 0;
    transform: rotate(5deg);
  }
}
.travalot-page .common-section.fltrs-section .main-img .img01 .cross-icon {
  position: absolute;
  top: 0;
  right: 68px;
}
@media (max-width: 991px) {
  .travalot-page .common-section.fltrs-section .main-img .img01 .cross-icon {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section.fltrs-section .main-img .img01 .cross-icon {
    z-index: 8;
  }
}
.travalot-page .common-section.fltrs-section .main-img .img02 {
  display: inline-block;
  position: absolute;
  right: 0;
  transform: rotate(-11deg);
}
@media (max-width: 767px) {
  .travalot-page .common-section.fltrs-section .main-img .img02 {
    display: none;
  }
}
.travalot-page .common-section.fltrs-section .main-img .img02.aos-animate {
  transform: rotate(0deg);
}
.travalot-page .common-section.fltrs-section .main-img .img02.aos-animate .cross-icon {
  animation: spin 2s 1;
}
.travalot-page .common-section.fltrs-section .main-img .img02 .cross-icon {
  position: absolute;
  top: 55px;
  right: 36px;
  transform: rotate(14deg);
}
@media (max-width: 991px) {
  .travalot-page .common-section.fltrs-section .main-img .img02 .cross-icon {
    top: 35px;
    right: 18px;
  }
}
.travalot-page .common-section.fltrs-section .main-img .img02 img {
  max-width: 621px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.fltrs-section .main-img .img02 img {
    max-width: 570px;
  }
}
@media (max-width: 991px) {
  .travalot-page .common-section.fltrs-section .main-img .img02 img {
    max-width: 450px;
  }
}
.travalot-page .common-section.smplbooking-section .main-img {
  max-height: 733px;
}
@media (max-width: 1024px) {
  .travalot-page .common-section.smplbooking-section .main-img {
    max-height: 680px;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .travalot-page .common-section.smplbooking-section .main-img {
    max-height: 505px;
  }
}
.travalot-page .common-section.qts-section .section-captions {
  max-width: 620px;
}
.travalot-page .common-section.qts-section .main-img {
  position: relative;
}
.travalot-page .common-section.qts-section .main-img .img01 {
  max-width: 921px;
}
@media (max-width: 768px) {
  .travalot-page .common-section.qts-section .main-img .img01 {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section.qts-section .main-img .img01 {
    max-width: unset;
  }
}
.travalot-page .common-section.qts-section .main-img .position-absolute {
  max-width: 435px;
  right: 19px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .travalot-page .common-section.qts-section .main-img .position-absolute {
    display: none;
  }
}
.travalot-page .common-section .section-captions {
  max-width: 650px;
  margin-left: 52px;
}
@media (max-width: 767px) {
  .travalot-page .common-section .section-captions {
    margin-left: 0;
  }
}
.travalot-page .common-section .section-captions .main-heading {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -0.5px;
  color: #111833;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .travalot-page .common-section .section-captions .main-heading {
    font-size: 28px;
    margin-bottom: 14px;
  }
}
.travalot-page .common-section .section-captions .des {
  font-size: 20px;
  line-height: 1.5;
  color: #324963;
}
@media (max-width: 768px) {
  .travalot-page .common-section .section-captions .des {
    font-size: 16px;
  }
}
.travalot-page .common-section .container {
  max-width: 1101px;
}
.travalot-page .common-section .main-img {
  margin-top: -30px;
}
@media (max-width: 768px) {
  .travalot-page .common-section .main-img {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .travalot-page .common-section .main-img {
    overflow: visible !important;
  }
  .travalot-page .common-section .main-img .img-fluid {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
}
.travalot-page .hc-seciton {
  padding: 122px 0 105px;
  background: linear-gradient(87.29deg, #1460AD 13.21%, #26B98B 98.03%);
  margin-top: 110px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .travalot-page .hc-seciton {
    padding: 48px 0;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.travalot-page .hc-seciton .main-heading {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.15;
  letter-spacing: -2.24px;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .travalot-page .hc-seciton .main-heading {
    margin-bottom: 24px;
    font-size: 40px;
    letter-spacing: -1px;
  }
}
.travalot-page .hc-seciton .hc-content p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6;
  color: #E3F3F1;
  margin-bottom: 18px;
  max-width: 556px;
}
@media (max-width: 768px) {
  .travalot-page .hc-seciton .hc-content p {
    font-size: 20px;
  }
}
.travalot-page .hc-seciton .hc-content p:last-child {
  margin-bottom: 0;
}
.travalot-page .hc-seciton .hc-content p strong {
  font-weight: 500;
}

@keyframes spin {
  0% {
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100% {
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}
.ethnico-section .section {
  overflow-x: hidden;
}
.ethnico-section .container {
  max-width: 1200px;
}
.ethnico-section .bn-text {
  margin-bottom: 32px;
}
.ethnico-section .space12 {
  height: 12px;
  display: block;
}
.ethnico-section .video-wrapper {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}
.ethnico-section .video-wrapper video {
  border-radius: 18px;
}
.ethnico-section .video-wrapper .play-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 599px) {
  .ethnico-section .video-wrapper .play-btn {
    bottom: initial;
  }
}
.ethnico-section .ethnico-banner {
  text-align: center;
  position: relative;
  padding: 160px 0 0px;
  z-index: 5;
}
.ethnico-section .ethnico-banner:after {
  background: url("../images/ethnico/banner_bg.png") no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 728px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .ethnico-banner:after {
    height: 100%;
  }
}
.ethnico-section .ethnico-banner h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 68px;
  letter-spacing: -1px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .ethnico-banner h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.ethnico-section .ethnico-banner .banner-img {
  z-index: 1;
}
.ethnico-section h2, .ethnico-section .h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1px;
  color: #0B182B;
}
@media only screen and (max-width: 767px) {
  .ethnico-section h2, .ethnico-section .h2 {
    font-size: 32px;
    line-height: 42px;
  }
}
.ethnico-section h3, .ethnico-section .h3 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media only screen and (max-width: 767px) {
  .ethnico-section h3, .ethnico-section .h3 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 599px) {
  .ethnico-section h3, .ethnico-section .h3 {
    font-size: 28px;
    line-height: 40px;
  }
}
.ethnico-section .desc {
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #324963;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .desc {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .desc {
    font-size: 16px;
    line-height: 26px;
  }
}
.ethnico-section .intro-section {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .intro-section {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 480px) {
  .ethnico-section .intro-section {
    padding-top: 30px;
  }
}
.ethnico-section .intro-section .into-img {
  padding-top: 40px;
  margin-bottom: 96px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .intro-section .into-img {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 599px) {
  .ethnico-section .intro-section .into-img {
    margin-bottom: 0px;
  }
}
.ethnico-section .intro-inblock {
  padding: 0 60px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .intro-inblock {
    padding: 0;
  }
}
.ethnico-section .intro-inblock .arrow {
  position: absolute;
  content: "";
  right: -70px;
  bottom: -5px;
  height: 114px;
  width: 115px;
  display: flex;
}
.ethnico-section .intro-inblock .arrow .right-ui {
  transform: rotate(-45deg);
}
.ethnico-section video {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ethnico-section video {
    transform: initial !important;
  }
}
.ethnico-section .intro-section .into-img {
  position: relative;
}
.ethnico-section .intro-section .into-img video {
  width: 100%;
}
.ethnico-section .problems-listing .shopa-ai {
  margin-bottom: 0;
}
.ethnico-section .listing-sec {
  position: relative;
  padding: 0 50px 104px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .listing-sec {
    padding: 0 50px 70px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .listing-sec {
    padding: 0 0px 40px;
  }
}
.ethnico-section .listing-sec:last-child {
  padding-bottom: 65px;
}
.ethnico-section .listing-sec:last-child:after {
  position: absolute;
}
.ethnico-section .listing-sec ul li:last-child {
  margin-bottom: 0;
}
.ethnico-section .listing-sec .arrow {
  position: absolute;
  content: "";
  right: -70px;
  bottom: 70px;
  height: 114px;
  width: 115px;
  z-index: 1;
  display: flex;
}
.ethnico-section .listing-sec .arrow .right-ui {
  transform: rotate(-45deg);
}
.ethnico-section .listing-sec .radar-circle {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  left: -2px;
  top: 16px;
  animation: radar 1.2s linear 100ms infinite;
  display: block;
  border: 4px solid #fff;
  box-shadow: 0px 1px 6px rgba(4, 4, 34, 0.24);
}
@media only screen and (max-width: 767px) {
  .ethnico-section .listing-sec .radar-circle {
    display: none;
  }
}
.ethnico-section .listing-sec.red-color .radar-circle {
  background: #FA555C;
}
.ethnico-section .listing-sec.red-color:before {
  position: absolute;
  content: "";
  left: 8px;
  top: 42px;
  height: 0;
  width: 4px;
  background: url("../images/ethnico/gline1.svg") no-repeat;
  transition: height 1s;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .listing-sec.red-color:before {
    display: none;
  }
}
.ethnico-section .listing-sec.red-color.aos-animate:before {
  height: 100%;
  transition-delay: 0.8s;
}
.ethnico-section .listing-sec.green-color .radar-circle {
  background: #2CDCB2;
  animation: radar-green 1.2s linear 100ms infinite;
}
.ethnico-section .listing-sec.green-color:before {
  position: absolute;
  content: "";
  left: 8px;
  top: 42px;
  height: 100%;
  width: 4px;
  background: url("../images/ethnico/gline2.svg") no-repeat;
  transition: height 1s;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .listing-sec.green-color:before {
    display: none;
  }
}
.ethnico-section .listing-sec.green-color.aos-animate:before {
  height: 100%;
  transition-delay: 0.16s;
}
.ethnico-section .listing-sec.yellow-color .radar-circle {
  background: #FBD019;
  animation: radar-yellow 1.2s linear 100ms infinite;
}
.ethnico-section .listing-sec .subtitle {
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 32px;
  display: flex;
}
.ethnico-section .listing-sec ul li {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #273954;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .listing-sec ul li {
    font-size: 18px;
    line-height: 26px;
  }
}
.ethnico-section .m-t136 {
  margin-top: 136px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .m-t136 {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .m-t136 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) and (max-width: 599px) {
  .ethnico-section .m-t136 {
    margin-top: 40px;
  }
}
.ethnico-section .m-b64 {
  margin-bottom: 64px;
}
.ethnico-section .m-t40 {
  margin-top: 40px;
}
.ethnico-section .m-b20 {
  margin-bottom: 20px;
}
.ethnico-section .inner-card-info {
  background: #007C89;
  width: 100%;
  border-radius: 24px;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .inner-card-info {
    padding: 80px 30px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .inner-card-info {
    padding: 40px 30px;
  }
}
.ethnico-section .inner-card-info:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 215px;
  width: 207px;
  background: url("../images/ethnico/before-ai.svg") no-repeat;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .inner-card-info:before {
    display: none;
  }
}
.ethnico-section .inner-card-info:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 215px;
  width: 207px;
  background: url("../images/ethnico/after-ai.svg") no-repeat;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .inner-card-info:after {
    display: none;
  }
}
.ethnico-section .inner-card-info .des-ui {
  width: 100%;
  max-width: 770px;
  margin: auto;
}
.ethnico-section .inner-card-info .des-ui h4 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .inner-card-info .des-ui h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.ethnico-section .inner-card-info .des-ui p {
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}
.ethnico-section .ordertype-section .heading-ui {
  max-width: 675px;
  width: 100%;
  margin: auto;
}
.ethnico-section .ordertype-section .heading-ui p {
  padding-bottom: 0;
  margin-bottom: 15px;
}
.ethnico-section .multiple-type .arrow {
  position: absolute;
  content: "";
  left: -70px;
  bottom: 32px;
  height: 114px;
  width: 115px;
  z-index: 1;
  display: flex;
}
.ethnico-section .multiple-type .arrow .left-ui {
  transform: rotate(45deg);
}
.ethnico-section .method-wraper {
  background: #E5F9FB;
  padding: 0px 0 50px;
  margin-bottom: 130px;
  margin-top: 44px;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .method-wraper {
    margin-bottom: 70px;
  }
}
.ethnico-section .method-wraper .row {
  margin-top: 24px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .row {
    margin-top: 50px;
  }
}
.ethnico-section .method-wraper .row:first-child {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .method-wraper .row:first-child {
    margin-top: 60px;
  }
}
.ethnico-section .method-wraper .row:nth-child(odd) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .row:nth-child(odd) {
    flex-direction: initial;
  }
}
.ethnico-section .method-wraper .row:nth-child(odd) figure {
  margin-right: -400px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .row:nth-child(odd) figure {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .method-wraper .row:nth-child(odd) figure {
    margin: 0 -15px;
  }
}
.ethnico-section .method-wraper .row:nth-child(even) figure {
  margin-left: -400px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .row:nth-child(even) figure {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .method-wraper .row:nth-child(even) figure {
    margin: 0 -15px;
  }
}
.ethnico-section .method-wraper .row:nth-child(even) .content-card {
  margin-left: auto;
  max-width: 470px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .row:nth-child(even) .content-card {
    max-width: 100%;
    margin-left: initial;
  }
}
.ethnico-section .method-wraper figure {
  margin-bottom: 0;
}
.ethnico-section .method-wraper .content-card {
  max-width: 470px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .method-wraper .content-card {
    max-width: 100%;
    margin-top: -15px;
  }
}
.ethnico-section .method-wraper .content-card .green-ui {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #078795;
  margin-bottom: 16px;
}
.ethnico-section .method-wraper .content-card h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .method-wraper .content-card h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
.ethnico-section .method-wraper .content-card p {
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #324963;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .method-wraper .content-card p {
    font-size: 18px;
    line-height: 28px;
  }
}
.ethnico-section .heading-ui {
  max-width: 632px;
  margin: auto;
}
.ethnico-section .heading-ui .h2 {
  margin-bottom: 20px;
}
.ethnico-section .heading-ui p {
  padding-bottom: 80px;
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #324963;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .heading-ui p {
    padding-bottom: 40px;
    font-size: 20px;
    line-height: 30px;
  }
}
.ethnico-section .vd-img,
.ethnico-section .vd-img2 {
  width: 100%;
  height: 900px;
  overflow: hidden;
}
@media only screen and (max-width: 1100px) {
  .ethnico-section .vd-img,
  .ethnico-section .vd-img2 {
    height: 600px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 991px) {
  .ethnico-section .vd-img,
  .ethnico-section .vd-img2 {
    height: 500px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .vd-img,
  .ethnico-section .vd-img2 {
    height: 300px;
  }
}
.ethnico-section .vd-img.mobile-group-ui,
.ethnico-section .vd-img2.mobile-group-ui {
  background-color: #f3eacc;
}
.ethnico-section .vd-img.desktop-group-ui,
.ethnico-section .vd-img2.desktop-group-ui {
  background-color: #D4EDF3;
}
.ethnico-section .vd-img.desktop-group-ui img,
.ethnico-section .vd-img2.desktop-group-ui img {
  -o-object-fit: cover;
     object-fit: cover;
  top: -200px;
}
@media only screen and (min-width: 768px) {
  .ethnico-section .vd-img.desktop-group-ui img,
  .ethnico-section .vd-img2.desktop-group-ui img {
    top: -50%;
    min-width: 132%;
    left: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .ethnico-section .vd-img.desktop-group-ui img,
  .ethnico-section .vd-img2.desktop-group-ui img {
    top: -50px;
  }
}
.ethnico-section .vd-img img,
.ethnico-section .vd-img2 img {
  width: 100%;
  position: relative;
  top: -300px;
}
@media only screen and (min-width: 768px) {
  .ethnico-section .vd-img img,
  .ethnico-section .vd-img2 img {
    min-width: 130%;
    top: -50%;
    right: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .ethnico-section .vd-img img,
  .ethnico-section .vd-img2 img {
    position: relative;
    left: -18px;
    min-width: 180%;
    top: -50px;
  }
}
.ethnico-section .features-sec .heading-ui {
  max-width: 490px;
  margin: auto;
}
.ethnico-section .features-sec .col-md-6:nth-child(2n+2) {
  margin-top: 30px;
}
.ethnico-section .feature-card {
  margin-bottom: 96px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .feature-card {
    margin-bottom: 50px;
  }
}
.ethnico-section .feature-card.card1 figure {
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  transition: 0.2s ease-in-out;
  transform: perspective(1px) translate3d(0, -5px, 0) scale(1);
}
.ethnico-section .feature-card p {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #0B182B;
  max-width: 432px;
  margin: auto;
}
.ethnico-section .bm-section {
  background: url("../images/ethnico/marketing-bg.png") no-repeat #0e0d0d;
  width: 100%;
  padding: 104px 0 8px;
  background-size: 100%;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .bm-section {
    padding-top: 50px;
  }
}
.ethnico-section .bm-section .bm-content {
  max-width: 650px;
  width: 100%;
  margin: auto;
  padding-bottom: 104px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .bm-section .bm-content {
    padding-bottom: 50px;
  }
}
.ethnico-section .bm-section .bm-content h4 {
  color: #fff;
  margin-bottom: 20px;
}
.ethnico-section .bm-section .bm-content p {
  color: #fff;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.1px;
}
.ethnico-section .bm-section .bm-content p span {
  font-weight: 600;
}
.ethnico-section .bm-video-block {
  text-align: center;
  margin-bottom: 136px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .bm-video-block {
    margin-bottom: 50px;
  }
}
.ethnico-section .branding-card {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
  transition: 0.12s ease-in-out;
  transform: perspective(1px) translate3d(0, -5px, 0) scale(1);
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .ethnico-section .branding-card {
    margin-bottom: 15px;
  }
}
.ethnico-section .branding-card img {
  width: 100%;
}
.ethnico-section .branding-card:hover {
  transform: perspective(1px) translate3d(0, -5px, 0) scale(0.98);
}
.ethnico-section .video-frame {
  position: relative;
  padding: 0 0px;
  z-index: 1;
  filter: drop-shadow(0px 33.9206px 80.4043px rgba(9, 34, 72, 0.1));
  border-radius: 32px;
}
.ethnico-section .video-frame img,
.ethnico-section .video-frame video {
  border-radius: 32px;
  width: 100%;
}
.ethnico-section .website-ui-section {
  position: relative;
}
.ethnico-section .website-ui-section:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 200px;
  width: 115px;
  background: url("../images/ethnico/light-starbg.png");
  background-position: right;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .website-ui-section:before {
    display: none;
  }
}
.ethnico-section .website-ui-section:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 200px;
  width: 115px;
  background: url("../images/ethnico/light-starbg.png");
}
@media only screen and (max-width: 767px) {
  .ethnico-section .website-ui-section:after {
    display: none;
  }
}
.ethnico-section .experience-section .heading-ui {
  max-width: 700px;
}
.ethnico-section .experience-section .video-frame {
  overflow: hidden;
}
.ethnico-section .experience-section .video-frame video {
  border-radius: 44px;
  width: 100%;
  margin-top: -2px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .experience-section .video-frame video {
    border-radius: 12px;
  }
}
.ethnico-section .play-btn {
  position: relative;
  display: flex;
  width: 104px;
  height: 104px;
  background: #FFFFFF;
  box-shadow: 0px 16px 24px rgba(11, 24, 43, 0.16);
  margin: 0 auto 30px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: all ease 210ms;
  will-change: transform;
}
.ethnico-section .play-btn:hover {
  transform: translateY(-50%) scale(1.07);
  box-shadow: 0px 16px 35px rgba(11, 24, 43, 0.21);
}
@media (max-width: 767px) {
  .ethnico-section .play-btn {
    width: 60px;
    height: 60px;
  }
}
.ethnico-section .play-btn:after {
  content: "";
  position: relative;
  background-color: #64748B;
  width: 35px;
  height: 35px;
  -webkit-clip-path: polygon(50% 28%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 28%, 0% 100%, 100% 100%);
  transform: rotate(90deg) translateY(-8px);
}
@media (max-width: 767px) {
  .ethnico-section .play-btn:after {
    width: 25px;
    height: 25px;
    transform: rotate(90deg) translateY(-6px);
  }
}
@media only screen and (max-width: 991px) {
  .ethnico-section .mob_hide {
    display: none;
  }
}
.ethnico-section .final-result-ui {
  padding-bottom: 80px;
  margin-top: 130px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .final-result-ui {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .final-result-ui {
    margin-top: 60px;
  }
}
.ethnico-section .result-inner-ui {
  background: #FFE01B;
  border-radius: 32px;
  padding: 64px 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .result-inner-ui {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 599px) {
  .ethnico-section .result-inner-ui {
    padding: 25px;
  }
}
.ethnico-section .result-inner-ui:before {
  position: absolute;
  content: "";
  background: url("../images/ethnico/resultui.png");
  width: 300px;
  height: 300px;
  left: -150px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .ethnico-section .result-inner-ui:before {
    display: none;
  }
}
.ethnico-section .result-inner-ui:after {
  position: absolute;
  content: "";
  background: url("../images/ethnico/resultui.png");
  width: 300px;
  height: 300px;
  right: -150px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .ethnico-section .result-inner-ui:after {
    display: none;
  }
}
.ethnico-section .result-inner-ui .content-box {
  max-width: 646px;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .result-inner-ui .content-box {
    max-width: 100%;
  }
}
.ethnico-section .result-inner-ui .content-box h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  text-align: left;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .result-inner-ui .content-box h5 {
    font-size: 42px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .ethnico-section .result-inner-ui .content-box h5 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
.ethnico-section .result-inner-ui .content-box p {
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.1px;
  color: #5E572C;
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .ethnico-section .result-inner-ui .content-box p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.ethnico-section .result-inner-ui .content-box .visit-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #0B182B;
  transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .ethnico-section .result-inner-ui .content-box .visit-btn {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .ethnico-section .result-inner-ui .content-box .visit-btn {
    font-size: 20px;
    line-height: 24px;
  }
}
.ethnico-section .result-inner-ui .content-box .visit-btn:hover {
  text-decoration: underline;
}
.ethnico-section .result-inner-ui .content-box .visit-btn .visit-ui {
  display: inline-block;
  margin-left: 10px;
}
.ethnico-section .branding-execution .p-r6 {
  padding-right: 7px;
}
.ethnico-section .branding-execution .p-l6 {
  padding-left: 7px;
}
.ethnico-section .method-img-listing .method-ui {
  position: absolute;
  top: 0;
}

@keyframes radar-yellow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(251, 208, 25, 0.4);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(251, 208, 25, 0.4);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(251, 208, 25, 0.4);
  }
}
.work-hero-inner-block {
  padding-bottom: 50px;
}
.work-hero-inner-block p {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.36px;
  line-height: 36px;
}

section.img-card {
  background-color: #F6F8FC;
  padding-bottom: 124px;
}
@media (max-width: 767px) {
  section.img-card {
    padding-bottom: 50px;
  }
}

.img-card-img {
  position: relative;
  height: 870px;
  background-color: whitesmoke;
}
@media (max-width: 767px) {
  .img-card-img {
    height: 450px;
  }
}
.img-card-img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  bottom: 80%;
}
.img-card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

.img-card-text {
  position: relative;
  padding: 84px 100px;
  background-color: white;
  margin: -130px 0 0;
}
@media (max-width: 767px) {
  .img-card-text {
    padding: 60px 30px;
  }
}
.img-card-text h4 {
  margin-bottom: 25px;
}
.img-card-text p {
  margin-bottom: 50px;
}

section.mobile-app-big-cards {
  background-color: #F6F8FC;
  padding: 16px 32px;
}
@media (max-width: 767px) {
  section.mobile-app-big-cards {
    padding: 16px 15px;
  }
}
section.mobile-app-big-cards .app-inner .container {
  background-color: white;
}

.big-card-logo {
  margin-bottom: 40px;
}
.big-card-logo span {
  height: 87.75px;
  width: 87.77px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 4px 0 rgba(10, 24, 40, 0.12);
  display: inline-flex;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
}

.big-cards-inner {
  background-color: white;
  padding: 80px 0 80px 100px;
}
@media (max-width: 1200px) {
  .big-cards-inner {
    padding: 80px 20px 80px 20px;
  }
}
@media (max-width: 767px) {
  .big-cards-inner {
    padding: 80px 0 80px 0px;
  }
}
@media (max-width: 767px) {
  .big-cards-inner .img-devices {
    margin-top: -50px;
  }
}

.big-card-text {
  padding: 50px 90px 50px 0;
}
@media (max-width: 767px) {
  .big-card-text {
    padding: 0px 20px 50px 0;
  }
}
.big-card-text h5 {
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -1.92px;
  font-weight: 600;
  margin-bottom: 32px;
}
.big-card-text h4 {
  margin-bottom: 32px;
  font-weight: 500;
}
.big-card-text h4 span {
  display: block;
}
.big-card-text label {
  margin-bottom: 16px;
}
.big-card-text p {
  margin-bottom: 32px;
}
.big-card-text p:last-child {
  margin-bottom: 0;
}

.imgs-big-card {
  margin-bottom: 30px;
}

.imgs-technologies {
  text-align: center;
  border-radius: 24px;
  background-color: #F6F8FC;
  padding: 24px 15px 20px;
  margin: 15px 0;
  width: 170px;
}
@media (max-width: 767px) {
  .imgs-technologies {
    width: 150px;
  }
  .imgs-technologies .tech-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
  }
}
.imgs-technologies .tech-img {
  width: 96px;
  height: 96px;
  box-shadow: 0 12px 32px -12px rgba(0, 59, 87, 0.32);
  background-color: white;
  border-radius: 15px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .imgs-technologies .tech-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
  }
}
.imgs-technologies p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.27px;
  line-height: 32px;
  color: #4D617F;
}
@media (max-width: 767px) {
  .imgs-technologies p {
    font-size: 16px;
    line-height: 1.3;
  }
}

.img-device {
  background: linear-gradient(180deg, #F6F8FC 0%, #E7EEF8 100%);
  padding: 0px 0px 0;
  text-align: center;
  border-radius: 24px;
  margin: 0 0 50px;
}
.img-device p {
  font-weight: 500;
  letter-spacing: -0.52px;
  line-height: 31px;
  display: none;
}
.img-device .img-device-in {
  min-height: 180px;
}

.lets-start {
  text-align: center;
  padding: 170px 50px 0;
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .lets-start {
    padding: 80px 0px 0;
  }
}
@media (max-width: 767px) {
  .lets-start {
    padding: 80px 15px 0;
  }
}
.lets-start h1 {
  margin-bottom: 100px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1200px) {
  .lets-start h1 {
    margin-bottom: 50px;
  }
}

.semi-circle {
  padding: 120px 10px;
  position: relative;
}
.semi-circle span.arrow-btn-wrap {
  bottom: 4px;
}
.semi-circle:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  z-index: 0;
  height: 690px;
  width: 100%;
  bottom: 0;
  margin: 0 auto;
  background-image: url(../images/beginning.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .semi-circle:after {
    height: 570px;
  }
}

section.service-approach {
  background-color: #F6F8FC;
  padding: 70px 0 144px;
}
section.service-approach .service-inner {
  position: sticky;
  top: 13%;
}
@media (max-width: 767px) {
  section.service-approach {
    padding: 70px 0 90px;
  }
}
section.service-approach .owl-item {
  width: 398px !important;
}
section.service-approach .owl-stage-outer {
  overflow: visible !important;
}

.approach-boxes {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  transition: all linear 100ms;
}
@media (max-width: 992px) {
  .approach-boxes {
    transform: translateX(0) !important;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .approach-boxes {
    flex-direction: column;
  }
}

.approach-box {
  min-width: 370px;
  padding: 28px 25px;
  box-shadow: 0 40px 82px 0 rgba(11, 24, 43, 0.12);
  background-color: white;
  margin: 64px 20px 0 0px;
  position: relative;
}
@media (max-width: 992px) {
  .approach-box {
    width: 47%;
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .approach-box {
    width: 100%;
    min-width: auto;
  }
}
.approach-box h5 {
  font-size: 130px;
  text-align: right;
  color: white;
  -webkit-text-stroke: 2px #C4CFDF;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0px;
}
.approach-box h6 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.57px;
  line-height: 32px;
  color: #0B182B;
  margin-bottom: 18px;
  height: 64px;
  display: flex;
  align-items: flex-end;
}
.approach-box p {
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 24px;
  color: #4D617F;
}
@media (max-width: 767px) {
  .approach-box {
    margin: 34px auto 0;
    box-shadow: 0 40px 82px 0 rgba(5, 8, 7, 0.02);
  }
}

.worked-inner {
  text-align: center;
  padding: 140px 0;
}
.worked-inner h4 {
  margin-bottom: 25px;
}
.worked-inner h4 span {
  display: block;
  text-decoration: line-through;
  color: #4D617F;
}
.worked-inner .worked-brands {
  margin-top: 30px;
}
.worked-inner .worked-img {
  min-height: 94px;
  width: 200px;
  background-color: #F6F8FC;
  margin: 50px auto 0;
}
@media (max-width: 992px) {
  .worked-inner .worked-img {
    width: 100%;
  }
}

section.get-intouch {
  background-color: #F6F8FC;
  padding-bottom: 120px;
}

.grey-contact .lets-contact {
  background-color: #F6F8FC;
}
.grey-contact .expected-select {
  background-color: white;
}

section.inner-our-sight {
  padding: 0 30px 30px;
}
@media (max-width: 1200px) {
  section.inner-our-sight {
    margin: 0 -30px;
  }
}
@media (max-width: 767px) {
  section.inner-our-sight {
    padding: 0;
    margin: 0 0px;
  }
}

.insight-consult {
  background-color: white;
}

section.dark-drive-change {
  background: linear-gradient(160.36deg, #273954 0%, #273954 0%, #0B182B 100%);
  background-image: url(../images/consulting_image1.jpg);
  color: white;
  padding: 150px;
  background-position: bottom;
  background-size: cover;
}
@media (max-width: 1200px) {
  section.dark-drive-change {
    background-position: right;
  }
}
@media (max-width: 992px) {
  section.dark-drive-change {
    padding: 100px 60px;
  }
}
@media (max-width: 767px) {
  section.dark-drive-change {
    padding: 70px 15px;
    background-position: left;
  }
}

.drive-in h5 {
  margin-bottom: 56px;
}
.drive-in p {
  font-size: 42px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 48px;
  font-family: "Graphik";
  max-width: 770px;
  margin-bottom: 95px;
}
@media (max-width: 767px) {
  .drive-in p {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .drive-in a {
    font-size: 18px;
  }
}

.process-consult-in {
  padding: 176px 0 0;
}
@media (max-width: 767px) {
  .process-consult-in {
    padding: 80px 0 0;
  }
  .process-consult-in p {
    margin-top: 30px;
  }
}

.process-consult-img {
  height: 500px;
  background-color: whitesmoke;
  border-radius: 12px;
  margin-top: 80px;
  overflow: hidden;
}
.process-consult-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

section.marketing {
  margin-bottom: 175px;
}

.fast-cards-inner {
  padding: 70px 0;
}
@media (max-width: 767px) {
  .fast-cards-inner {
    padding-bottom: 20px;
  }
}

.imgs-tech-serv .col- {
  margin: 0 15px;
}

section.dev-approach {
  padding: 160px 0;
  background-color: #F6F8FC;
}
section.dev-approach .owl-stage-outer {
  overflow: visible;
}

.triangle-shape {
  position: absolute;
  z-index: 0;
  margin: 0 auto;
  bottom: 0;
  background-image: url(../images/web_convert.jpg);
  background-repeat: no-repeat;
  width: 110%;
  height: 410px;
  background-position: center bottom;
  background-size: cover;
  right: -5%;
}

.semi-triangle {
  padding: 120px 10px;
  position: relative;
}
@media (max-width: 1200px) {
  .semi-triangle {
    padding: 100px 10px;
  }
}
@media (max-width: 992px) {
  .semi-triangle {
    padding: 60px 10px;
  }
}
.semi-triangle:after {
  content: "";
  position: absolute;
}

section.case-grey-studies {
  padding: 32px;
  background-color: #f6f8fc;
}
section.case-grey-studies .case-grey {
  background-color: white;
}
section.case-grey-studies.grey-white-case {
  padding-top: 150px;
}

.app-inner {
  background-color: transparent;
}

.mr--15 {
  margin-right: -15px;
}

section.blog-section {
  background-color: white;
  padding: 120px 0 100px;
  box-shadow: 0 1px 3px 0 #e8edf2;
}
@media (max-width: 992px) {
  section.blog-section {
    padding: 140px 0 100px;
  }
}
@media (max-width: 767px) {
  section.blog-section {
    padding: 100px 0 70px;
  }
}
section.blog-section aside {
  position: sticky;
  top: 20px;
  max-height: 100vh;
  overflow: auto;
  padding-bottom: 40px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (max-width: 767px) {
  section.blog-section aside {
    margin-top: 20px;
  }
}
section.blog-section aside::-webkit-scrollbar {
  width: 0px;
}
section.blog-section aside::-webkit-scrollbar-track {
  background: #f1f1f1;
}
section.blog-section aside::-webkit-scrollbar-thumb {
  background: rgb(238, 238, 238);
}
section.blog-section aside::-webkit-scrollbar-thumb:hover {
  background: rgb(218, 218, 218);
}
section.blog-section.blog-outer {
  background-color: white;
}

.search-blog {
  position: sticky;
  top: 10px !important;
  margin: -10px 0 70px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(94, 116, 140, 0.24), 0 4px 8px 0 rgba(54, 73, 94, 0.08);
  padding: 16px 25px;
  z-index: 20;
}
@media (max-width: 767px) {
  .search-blog {
    margin-bottom: 50px;
  }
}

.transparent-input {
  background-color: transparent;
  border: none;
  color: #90A0B9;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  width: 100%;
  padding: 1px 14px;
  outline: none;
}

.search-sec {
  display: flex;
  align-items: center;
}
.search-sec img.search-icon {
  width: 18px;
  height: 18px;
}

.blog-filter p {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
  color: #4D617F;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .blog-filter p {
    text-align: left;
    padding-left: 32px;
    display: none;
    text-align: center;
  }
}

.author-name {
  display: block;
  margin-top: 15px;
  font-weight: 500;
  color: #0b182c;
}

.blog-posts .row > div {
  position: relative;
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .blog-posts .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .blog-posts .row > div {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
.blog-posts .row > div > .popup-blog {
  width: 100%;
}
.blog-posts .row > div .img-post {
  max-width: 370px;
  overflow: hidden;
  background: #f8fafc;
  border-radius: 12px;
  margin-bottom: 24px;
  position: relative;
  width: 100%;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
  will-change: transform;
  padding-bottom: 78%;
  border: 1px solid whitesmoke;
}
@media (max-width: 992px) {
  .blog-posts .row > div .img-post {
    margin: 0 auto 20px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-posts .row > div .img-post {
    margin: 0 auto 20px;
    max-width: 100%;
    padding-bottom: 68%;
  }
}
.blog-posts .row > div .img-post img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all cubic-bezier(0.13, 0.51, 0.63, 0.96) 400ms;
  will-change: transform;
  border-radius: 8px;
  transform: scale(1.04);
}
@media (max-width: 992px) {
  .blog-posts .row > div .img-post img {
    transform: scale(1);
  }
}
.blog-posts .row > div:hover .img-post {
  transform: scale(1.02);
  opacity: 0.87;
}
.blog-posts .row > div:hover .img-post img {
  transform: scale(1);
}
.blog-posts .row > div h5 {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.38px;
  color: #0d182a;
  margin-bottom: 12px;
}
.blog-posts .row > div p {
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 22px;
  color: #4D617F;
  display: none;
}
.blog-posts .row > div .blog-tag {
  display: none;
}
.blog-posts .row .subscribe-blog-sec {
  max-width: 100%;
  width: 100%;
  flex: 1 1 100%;
  margin: 0px 0 50px;
}

@media (min-width: 1200px) {
  .blog-outer .blog-posts .row > div:first-child {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .blog-outer .blog-posts .row > div:first-child .blog-article {
    display: flex;
    flex-direction: row;
  }
  .blog-outer .blog-posts .row > div:first-child .text-post {
    padding-left: 30px;
  }
  .blog-outer .blog-posts .row > div:first-child .text-post h5 {
    font-size: 32px;
  }
  .blog-outer .blog-posts .row > div:first-child .text-post p {
    display: block;
    margin-bottom: 15px;
  }
  .blog-outer .blog-posts .row > div:first-child .img-post {
    padding-bottom: 72%;
    min-width: 380px;
  }
}

article.blog-article {
  position: relative;
  display: flex;
  margin: 0px 0px 40px;
  flex-direction: column;
}
article.blog-article .blog-tag {
  display: inline-block;
  padding: 6px 10px;
  color: #f47026;
  background: #ffede3;
  border-radius: 6px;
  margin-bottom: 20px;
}
article.blog-article .text-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
article.blog-article .text-post .blogDate-span {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.16px;
  color: #51617c;
  margin-bottom: 18px;
}
article.blog-article .text-post .blogTime-span {
  float: right;
  font-size: 14px;
  color: darkgray;
  padding-top: 5px;
  padding-right: 15px;
}
article.blog-article .lower {
  padding-top: 30px;
}

.lower {
  display: flex;
  align-items: center;
  margin-top: auto;
}

.post-lower-info {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 23px;
}
@media (max-width: 767px) {
  .post-lower-info {
    margin-right: 8px;
  }
}
.post-lower-info.liked {
  color: #007AFF;
}
.post-lower-info:last-child, .post-lower-info:nth-child(3) {
  margin-left: auto;
}
.post-lower-info span {
  height: 20px;
  width: 20px;
  margin-right: 7px;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 767px) {
  .post-lower-info span {
    margin-right: 3px;
  }
}

.like-btn {
  background-image: url(/images/like.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.like-btn img {
  transition: all ease 200ms;
}
.like-btn.likedd {
  animation: like 500ms ease forwards;
  background-image: url(/images/like1.svg);
}
.like-btn.likedd img {
  opacity: 0;
}

@keyframes like {
  0% {
    transform: scale(1);
    background-image: url(/images/like.svg);
  }
  25% {
    transform: scale(0.6) rotate(-45deg);
    background-image: url(/images/like.svg);
  }
  50% {
    transform: scale(1.3) rotate(15deg);
    background-image: url(/images/like.svg);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
    background-image: url(/images/like1.svg);
  }
}
.subscribe-sign-up {
  position: relative;
  background: linear-gradient(286.66deg, #f4f5ff 10.19%, #edfaff 108.25%);
  border-radius: 12px;
  padding: 0 30px;
}
@media (min-width: 1200px) {
  .subscribe-sign-up {
    padding: 0 60px;
  }
}
.subscribe-sign-up > div {
  padding: 52px 0;
  margin: 25px auto;
  max-width: 800px;
  border-radius: 12px;
  text-align: center;
}
.subscribe-sign-up h2 {
  margin-bottom: 25px;
}
.subscribe-sign-up p {
  margin-bottom: 25px;
  font-size: 20px;
}
@media (max-width: 1200px) {
  .subscribe-sign-up p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .subscribe-sign-up p {
    font-size: 16px;
  }
}
.subscribe-sign-up label {
  margin-bottom: 0;
  max-width: 610px;
}

.subscribe-sec {
  background-color: white;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 50px;
  box-shadow: 0 1px 2px 0 rgba(94, 116, 140, 0.24), 0 4px 8px 0 rgba(54, 73, 94, 0.08);
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .subscribe-sec {
    flex-direction: column;
  }
}
.subscribe-sec input {
  width: 100%;
}
@media (max-width: 767px) {
  .subscribe-sec input {
    padding: 10px 10px 20px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .subscribe-sec .btn-wide {
    width: 100%;
  }
}

.side-news {
  margin: 10px 0 10px;
}

.news-card {
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  border: 1px solid transparent;
  position: relative;
  background-color: white;
  transition: all 200ms ease;
}
.news-card:hover {
  border: 1px solid #e9edf6;
  background-color: #f9fafd;
}
.news-card .news-card-img {
  height: 64px;
  width: 64px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: inset 0 4px 12px 0 rgba(54, 73, 94, 0.12);
  margin-right: 12px;
  flex-shrink: 0;
}
.news-card .news-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news-card h5 {
  color: #0A1828;
  font-family: Graphik;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 20px;
  margin-bottom: 7px;
}
.news-card p {
  color: #54687F;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

section.post-pop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 100%;
  background-color: white;
  z-index: 1060;
  padding: 110px 0;
  overflow: scroll;
  opacity: 1;
  visibility: hidden;
  transition: all ease 200ms;
}
section.post-pop .post-pop-1 {
  transition: all ease 200ms;
  opacity: 0;
}
section.post-pop.active {
  opacity: 1;
  bottom: 0;
  visibility: visible;
}
section.post-pop.active .post-pop-1 {
  opacity: 1;
  transition-delay: 400ms;
}

@media (max-width: 767px) {
  .post-pop-in {
    margin: 0 -15px;
  }
}
.post-pop-in .badge {
  margin-bottom: 20px;
}
.post-pop-in h4 {
  margin-bottom: 25px;
}

.post-head {
  margin-bottom: 50px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(162, 176, 196, 0.38);
}
.post-head h1 {
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -1.12px;
}
@media (min-width: 767px) {
  .post-head h1 {
    font-size: 45px;
  }
}
.post-head .badge {
  display: none;
}

.post-body h5 {
  color: #0B182B;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 30px;
  margin-bottom: 21px;
}
.post-body h6 {
  margin-bottom: 21px;
}
.post-body p {
  color: #273954;
  font-family: "Source Serif Pro";
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.blog-img {
  min-height: 400px;
  background-color: whitesmoke;
  margin: 40px -50px;
  border-radius: 12px;
}

.blog-lower-bar {
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 6px 12px 0 rgba(11, 24, 43, 0.12);
  padding: 15px 24px;
}
@media (max-width: 767px) {
  .blog-lower-bar {
    padding: 20px 10px;
  }
}

body.active-blog {
  overflow: hidden;
}

.progress-container {
  height: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  height: 8px;
  background: #fff;
  display: none;
}
.progress-container .progress-bar {
  height: 8px;
  background: #007AFF;
  width: 0%;
  transition: all ease 100ms;
}

.post-body {
  padding-bottom: 0px;
}
@media (min-width: 767px) {
  .post-body {
    padding-bottom: 50px;
  }
}
.post-body img {
  max-width: 100% !important;
  height: auto !important;
  margin-bottom: 20px;
}
.post-body h1 {
  font-size: 45px;
}
.post-body h2 {
  font-size: 40px;
}
.post-body h3 {
  font-size: 35px;
}
.post-body h4 {
  font-size: 30px;
  line-height: 1.17;
}
.post-body h5 {
  font-size: 25px;
  line-height: 1.17;
}
.post-body h6 {
  padding-top: 15px;
  font-size: 20px;
  margin-bottom: 15px;
}
.post-body h6.bullet:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/images/blog-arrow.svg);
  vertical-align: middle;
  bottom: 1px;
  margin-right: 8px;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5 {
  padding-top: 20px;
  margin-bottom: 35px;
}
.post-body ul {
  padding-left: 20px;
  list-style-type: disc;
}
.post-body ul li {
  list-style-type: disc;
  list-style: disc;
  color: #273954;
  font-family: "Source Serif Pro";
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height: 1.5;
  margin-bottom: 16px;
}
.post-body ol {
  padding-left: 20px;
  list-style-type: decimal;
}
.post-body ol li {
  list-style-type: decimal;
  list-style: decimal;
  color: #273954;
  font-family: "Source Serif Pro";
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height: 1.5;
  margin-bottom: 16px;
}

section.blog-section-more {
  position: relative;
  padding: 100px 0;
}
section.blog-section-more .container {
  padding: 0;
}
section.blog-section-more .posts-sec > p {
  font-size: 32px;
  margin-bottom: 20px;
}
section.blog-section-more .posts-sec .row > div {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
section.blog-section-more .posts-sec .row > div:first-child, section.blog-section-more .posts-sec .row > div.col-12 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
section.blog-section-more .posts-sec .row > div:first-child .blog-article.full-width, section.blog-section-more .posts-sec .row > div.col-12 .blog-article.full-width {
  flex-direction: column;
}
@media (max-width: 992px) {
  section.blog-section-more .posts-sec .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
  section.blog-section-more .posts-sec .row > div:first-child, section.blog-section-more .posts-sec .row > div.col-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  section.blog-section-more .posts-sec .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  section.blog-section-more .posts-sec .row > div:first-child, section.blog-section-more .posts-sec .row > div.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.lower-bar {
  position: sticky;
  top: calc(100% - 60px);
  z-index: 100;
}

.post-img {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 50px;
  text-align: center;
}
.post-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -o-object-position: center;
     object-position: center;
}

.blog-auth {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .blog-auth {
    flex-direction: column;
    align-items: flex-start;
  }
}
.blog-auth .auth-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #cee6ff url(../images/no-user.svg) no-repeat;
  background-size: 20px;
  background-position: center;
  background-blend-mode: color-dodge;
  box-shadow: 0px 5px 10px -8px rgba(0, 0, 0, 0.22);
  margin-right: 12px;
  display: inline-block;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-auth .auth-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-auth-in {
  display: inline-flex;
  align-items: center;
  margin-right: 70px;
}
@media (max-width: 767px) {
  .blog-auth-in {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.written-by .sub-t {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #273954;
}
.written-by a {
  font-weight: 500;
  color: #0B182B;
  pointer-events: none;
}

.blog-date {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  margin-bottom: 15px;
  line-height: 1;
}
.blog-date p {
  font-size: 15px;
  font-weight: 400;
  color: #90a0b9;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
  margin-right: 7px;
}
.blog-date a {
  font-size: 15px;
  color: #007AFF;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
  margin-left: 7px;
}

.commentModal .modal-dialog {
  max-width: 700px;
}

.commentModal-in {
  padding: 50px;
}
.commentModal-in .heading-ui p {
  font-weight: 600;
}
.commentModal-in .btn {
  padding: 10px 50px;
}
.commentModal-in .close {
  z-index: 10;
  position: relative;
}

.commentModal-in {
  padding: 50px 10px;
  margin-top: 70px;
}

.col-lg-6.skeleton span.react-loading-skeleton {
  min-height: 450px;
  display: block;
  box-shadow: 0 1px 2px 0 rgba(94, 116, 140, 0.24), 0 4px 8px 0 rgba(54, 73, 94, 0.08);
  border-radius: 14px;
  margin-bottom: 20px;
  background-image: linear-gradient(90deg, #ffffff, #edf3ff, #ffffff);
}
.col-lg-6.skeleton > div {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 15px 0;
}
.col-lg-6.skeleton span {
  display: block;
  width: 100%;
  height: 100%;
}

.commentModal {
  padding-right: 0 !important;
  z-index: 1110;
}
.commentModal.fade .modal-dialog {
  transform: translate(100%, 0%);
}
.commentModal.show .modal-dialog {
  transform: translate(0%, 0%);
}
.commentModal .modal-dialog {
  max-width: 550px;
  padding: 0;
  margin: 0;
  margin-left: auto;
  height: 100%;
  background-color: white;
}
.commentModal .modal-dialog .modal-content {
  margin: 0;
  border-radius: 0;
  border: none;
}

.commentModal-in {
  padding: 20px;
}
.commentModal-in .heading-ui p {
  font-weight: 600;
}
.commentModal-in .btn {
  padding: 10px 50px;
}
.commentModal-in .close {
  z-index: 10;
  position: relative;
}

.heading-comment {
  margin-bottom: 30px;
}
.heading-comment p {
  font-size: 20px;
  font-weight: 500;
}

.comment-form-wraper {
  background-color: white;
  box-shadow: 0px 4px 23px -10px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  padding: 0px 0 20px;
}
.comment-form-wraper textarea {
  padding: 8px 10px 8px 30px;
  border: none;
  width: calc(100% - 30px);
  font-size: 15px;
  letter-spacing: 0.03px;
}
.comment-form-wraper input {
  border: none;
  width: 100%;
  font-size: 15px;
  letter-spacing: 0.03px;
  border-bottom: 1px solid rgb(241, 241, 241);
  padding: 15px 10px 15px 30px;
}
.comment-form-wraper .row > div:first-child input {
  border-right: 1px solid rgb(241, 241, 241);
}
.comment-form-wraper .form-group {
  position: relative;
}
.comment-form-wraper .form-group.invalid:before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #cf2424;
  right: 15px;
  top: 19px;
}
.comment-form-wraper .form-group.invalid:after {
  content: "×";
  position: absolute;
  right: 20px;
  top: 17px;
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.comment-form-wraper .form-group.invalid input {
  color: #cf2424;
}
.comment-form-wraper .btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
.comment-form-wraper .btnn {
  background-color: #007AFF;
  color: white;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  border-radius: 9px;
  transition: all ease 250ms;
}
.comment-form-wraper .btnn:hover {
  opacity: 0.85;
}
.comment-form-wraper .btnn.disabled {
  pointer-events: none;
  background-color: #cdcdcd;
}
.comment-form-wraper .linkk {
  color: #36495E;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}

.comment-area {
  position: relative;
  padding: 40px 0 50px;
}

.comment-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.comment-name h5 {
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 500;
}
.comment-name p {
  font-size: 13px;
  color: #494b4f;
  font-weight: 400;
}

.comment-chip {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  padding: 25px 0 15px;
}
.comment-chip:last-child {
  border-bottom: none;
}
.comment-chip pre {
  word-break: break-word;
  white-space: break-spaces;
  font-size: 15px;
  letter-spacing: -0.22px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  font-family: "Graphik Web";
  font-weight: 400;
  margin-bottom: 12px;
  display: block;
  width: 100%;
}

.load-more-btn {
  text-align: center;
  justify-content: center;
  margin-top: 50px;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}
.load-more-btn a {
  width: 100%;
  max-width: 750px;
}
.load-more-btn a .arrow-btn-wrap {
  display: none;
}

/** news **/
section.news-section {
  position: relative;
  padding-top: 130px;
  padding-bottom: 70px;
}
section.news-section.bgblue {
  background-color: #f6f8fc;
  padding-bottom: 90px;
  margin-bottom: 70px;
}
section.news-section .search-blog {
  margin-bottom: 50px;
}

.news-section-in {
  margin-top: 50px;
}

.news-in {
  position: relative;
}
.news-in article {
  display: grid;
  grid-template-columns: minmax(150px, 250px) auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 50px;
  position: relative;
}
.news-in article > .link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.news-in article:hover .news-img {
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
  filter: brightness(1.05);
  transform: scale(1.02);
}
.news-in article:hover .news-img img {
  transform: scale(1);
}

.news-text {
  display: flex;
  flex-direction: column;
}
.news-text h5 {
  color: #0b182b;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 32px;
  margin-bottom: 10px;
}
.news-text > p {
  font-size: 15px;
  letter-spacing: -0.16px;
  line-height: 24px;
  color: #4d617f;
  margin-bottom: 20px;
}
.news-text > p:last-child {
  margin: auto 0 5px;
  font-size: 13px;
  font-weight: 500;
  color: #90a0b9;
}
.news-text .lower {
  margin-top: auto;
}
.news-text .post-lower-info span {
  background-color: transparent;
  line-height: 1;
}
.news-text .blog-date {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  -moz-column-gap: 7px;
       column-gap: 7px;
  margin-bottom: 5px;
  line-height: 1;
  justify-content: left;
}
.news-text .blog-date p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  color: #90a0b9;
  font-weight: 500;
  line-height: 1;
}
.news-text .blog-date a {
  font-size: 13px;
  color: #007aff;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
}

.news-img {
  height: 220px;
  border-radius: 8px;
  overflow: hidden;
  transition: all ease 450ms;
  will-change: transform, filter;
}
.news-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all ease 450ms;
  will-change: transform;
  transform: scale(1.04);
}

.subscribe-side {
  position: sticky;
  top: 110px;
  background-color: white;
  padding: 30px 30px;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  margin-bottom: 50px;
}
.subscribe-side h4 {
  margin-bottom: 10px;
  font-size: 26px;
  letter-spacing: 0;
}
.subscribe-side p {
  font-size: 13px;
  margin-bottom: 20px;
  line-height: 1.6;
  letter-spacing: 0;
  color: #4D617F;
}
.subscribe-side .lite-text {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 0;
  text-align: center;
  display: block;
}
.subscribe-side .btn-wide {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding: 15px 22px;
  outline: none;
  width: 100%;
}

.subscribe-input {
  margin-bottom: 7px;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 6px;
}
.subscribe-input input {
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
  padding: 6px 0 0;
  text-align: center;
  color: #0B182B;
}

.featured-news {
  position: relative;
  min-height: 300px;
  border-radius: 7px;
  overflow: hidden;
  transition: all ease 270ms;
}
.featured-news .fn-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured-news .link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.featured-news:hover {
  box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.16);
}

.fn-text {
  position: relative;
  z-index: 10;
  max-width: 570px;
  background-color: white;
  border-radius: 10px;
  margin: 60px 50px;
  padding: 30px 40px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.12);
}
.fn-text h5 {
  font-size: 31px;
  line-height: 1.3;
}

.news-more {
  font-weight: 500;
  padding: 12px 25px;
  background-color: #2d7aff;
  display: block;
  border-radius: 50px;
  font-size: 15px;
  text-align: center;
  color: white;
  font-weight: 600;
  transition: all ease 210ms;
}
.news-more:hover {
  opacity: 0.75;
  color: white;
}

@media (min-width: 767px) {
  #postblog-sec {
    padding-top: 50px;
  }
}

/**** new blog *****/
.nb-heading {
  position: relative;
  padding-bottom: 40px;
}
.nb-heading h3 {
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -1.2px;
  color: #050f18;
}

.nb-tags-search {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .nb-tags-search {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 72px;
  }
}

.blog-tag-ul {
  display: flex;
  align-items: center;
  margin: 0 -7.5px;
  overflow-x: auto;
  max-width: 100%;
}
.blog-tag-ul::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
@media (max-width: 1200px) {
  .blog-tag-ul {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 10px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
.blog-tag-ul li {
  margin: 0 15px;
}
.blog-tag-ul li:first-child {
  margin-left: 0;
}
.blog-tag-ul li a {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.16px;
  color: #94a3b8;
  padding: 0 5px 24px;
  transition: all ease 220ms;
  display: block;
  font-weight: 600;
}
.blog-tag-ul li a:hover {
  color: #007AFF;
}
.blog-tag-ul li a.active {
  border-bottom: 2px solid #007AFF;
  color: #007AFF;
}

.bg-search {
  position: relative;
  text-align: right;
}
@media (min-width: 1200px) {
  .bg-search {
    bottom: 10px;
  }
}
.bg-search input {
  width: 0%;
  border: none;
  border-bottom: 1px solid #f5f5f5;
  padding: 11px 30px 11px 0px;
  display: block;
  transition: all ease 200ms;
  opacity: 0;
  outline: 0 !important;
}
.bg-search input:focus {
  border-color: #007AFF;
}
.bg-search span {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 10;
  cursor: pointer;
  transition: all ease 200ms;
}
.bg-search.active input {
  width: 100%;
  opacity: 1;
}
.bg-search.active span {
  right: 10px;
}

/**** new blog *****/
.signup-Wrapr .subscribe-sec {
  position: relative;
}
.signup-Wrapr .signUp-from {
  width: 100%;
}
.signup-Wrapr .signUp-from .forn-field {
  width: 100%;
  background: #FFFFFF;
  border-radius: 47px;
  border: none;
  box-shadow: none;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #94A3B8;
  padding: 22px 160px 22px 22px;
  outline: none;
}
.signup-Wrapr .signUp-from .submit-form {
  background: #2D7EF2;
  border-radius: 48px;
  border: 1px solid #2D7EF2;
  padding: 13px 40px;
  color: #fff;
  position: absolute;
  right: 6px;
  top: 6px;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.02em;
  cursor: pointer;
  outline: none;
}
.signup-Wrapr .actionClas {
  position: absolute;
  bottom: -23px;
  font-size: 12px;
}
.signup-Wrapr .actionClas.error {
  color: red;
}
.signup-Wrapr .actionClas.suces {
  color: green;
}

section.about-hero {
  padding-bottom: 400px;
}
@media (max-width: 767px) {
  section.about-hero {
    padding-bottom: 240px;
  }
}

section.envision-sec {
  background-color: #F6F8FC;
}

.envision-section {
  position: relative;
}
@media (max-width: 992px) {
  .envision-section {
    min-height: auto;
    transform: translate(0px, 0px) !important;
  }
}
.envision-section .en-text.envision-scroll {
  position: sticky;
  top: 26%;
  transition: all linear 100ms;
  will-change: transform;
  /*&.scrolling{
    position: fixed;
    top: 20%;
  }*/
}
@media (max-width: 992px) {
  .envision-section .en-text.envision-scroll {
    transform: translate(0px, 0px) !important;
    padding-left: 0;
    flex-direction: column;
  }
}

.en-img {
  height: 500px;
  background-color: white;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.09);
  position: relative;
  bottom: 250px;
}
@media (max-width: 767px) {
  .en-img {
    bottom: 150px;
  }
}
.en-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

.en-text {
  padding-bottom: 50px;
  display: flex;
  padding-left: 110px;
}

.en-text-in {
  max-width: 770px;
  margin: 0 200px 20px 0;
}
@media (max-width: 767px) {
  .en-text-in {
    margin: 0 30px 70px 0;
  }
  .en-text-in:last-child {
    margin-bottom: 0;
  }
}
.en-text-in h2 {
  margin-bottom: 47px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .en-text-in h2 {
    white-space: unset;
  }
}
@media (max-width: 767px) {
  .en-text-in h2 {
    margin-bottom: 15px;
  }
}
.en-text-in h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.54;
  color: #0A131D;
  letter-spacing: -0.24px;
  margin-bottom: 32px;
}
@media (min-width: 767px) {
  .en-text-in h5 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .en-text-in h5 {
    margin-bottom: 15px;
  }
}

.story-sec {
  padding: 160px 0;
  background-color: #F6F8FC;
}
@media (max-width: 767px) {
  .story-sec {
    padding: 80px 0;
    text-align: center;
  }
}

.story-cards-sec {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .story-cards-sec {
    flex-direction: column;
    align-items: baseline;
  }
}
.story-cards-sec .col- {
  flex: 1 1 304px;
  max-width: 304px;
  margin-right: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .story-cards-sec .col- {
    margin: 0 auto;
  }
}

.story-card {
  border-radius: 24px;
  background-color: #FDFEFF;
  box-shadow: 0 1px 2px 0 rgba(94, 116, 140, 0.24), 0 3px 6px 0 rgba(54, 73, 94, 0.08);
  padding: 40px;
}
@media (max-width: 992px) {
  .story-card {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .story-card {
    margin-bottom: 20px;
  }
}
.story-card .story-img {
  height: 48px;
  width: 50px;
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .story-card .story-img {
    margin: 0 auto 40px;
  }
}
.story-card .story-text h5 {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .story-card .story-text h5 {
    font-size: 50px;
  }
}
@media (max-width: 1200px) {
  .story-card .story-text h5 p {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .story-card .story-text p {
    font-size: 20px;
  }
}

section.our-values {
  padding: 150px 0;
}
@media (max-width: 767px) {
  section.our-values {
    padding: 80px 0;
  }
}

.value-card-text {
  max-width: 96%;
}
.value-card-text p:nth-of-type(1) {
  font-size: 22px;
  margin-bottom: 10px;
}

.value-card {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .value-card {
    margin-top: 40px;
  }
}
.value-card .value-card-img {
  height: 70px;
  width: 70px;
  background-color: #C0ECFF;
  margin-bottom: 25px;
  border-radius: 15px;
}

section.keep-going-sec {
  background-color: #0B182B;
  padding: 160px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  section.keep-going-sec {
    padding: 80px 0;
  }
}

.keep-going-in .owl-stage-outer {
  overflow: visible !important;
}
.keep-going-in .sub-heading2-lite {
  max-width: 769px;
  margin: 56px 0 0;
}
.keep-going-in .keep-going-img {
  height: 400px;
  width: 100%;
  max-width: 1069px;
  background-color: whitesmoke;
  box-shadow: 0 32px 48px 0 rgba(7, 16, 30, 0.72);
  margin: 70px 0;
  overflow: hidden;
}
.keep-going-in .keep-going-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}

.social-res-text hr {
  border-top: 1px dashed #C5CDDC;
  margin-top: 78px;
  margin-bottom: 0;
}

section.social-res-sec {
  margin-top: 100px;
}

.consult-img.community-img {
  position: relative;
}
.consult-img.community-img h2 {
  position: absolute;
  color: white;
  bottom: 0;
  padding: 40px;
  z-index: 5;
}
@media (max-width: 767px) {
  .consult-img.community-img h2 {
    font-size: 25px;
    padding: 20px;
  }
}
.consult-img.community-img:after {
  content: "";
  position: absolute;
  bottom: 0em;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(11, 24, 43, 0) 0%, rgba(11, 24, 43, 0.47) 100%);
}

.ebook-navbar {
  position: fixed !important;
}

.ebook-banner {
  background-image: url(../images/banner-bg.png);
  background-size: cover;
  background-position: top center;
}
.ebook-banner .banner-text {
  margin-bottom: 48px;
}
.ebook-banner .banner-text .subhead {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.92;
  letter-spacing: -1.48px;
  color: #94A3B8;
  opacity: 0.95;
}
.ebook-banner .banner-text .mainhead {
  font-weight: 600;
  font-size: 46px;
  line-height: 1.26;
  letter-spacing: -2.32px;
  color: #131615;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .ebook-banner .banner-text .mainhead {
    font-size: 36px;
  }
}
.ebook-banner .banner-text .banner-desc {
  font-size: 18.5px;
  line-height: 1.51;
  letter-spacing: -0.48px;
  color: #334055;
  opacity: 0.95;
}
.ebook-banner .ebook-form {
  max-width: 60%;
}
@media (max-width: 767px) {
  .ebook-banner .ebook-form {
    max-width: 100%;
  }
}
.ebook-banner .read-ebook {
  max-width: 400px;
  box-shadow: 0px 100px 44px -90px #7d8cc1;
  z-index: 2;
}
.ebook-banner .read-ebook:before {
  content: "";
  position: absolute;
  top: 60px;
  right: -15px;
  width: 100%;
  height: 93%;
  background: linear-gradient(180deg, rgba(42, 115, 245, 0.18), rgba(42, 115, 245, 0.02));
  z-index: -1;
}

.ebook-teach {
  background: #fff;
  padding: 132px 0px;
  background-image: url(../images/ebook-bg.png);
  background-size: cover;
  background-position: top center;
}
@media (max-width: 767px) {
  .ebook-teach {
    padding: 40px 0px;
  }
}
.ebook-teach .title {
  font-size: 32px;
  line-height: 2;
  letter-spacing: -1.88444px;
  color: #131615;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .ebook-teach .title {
    line-height: 1;
    font-size: 30px;
  }
}
.ebook-teach .ebook-card {
  background: #FFFFFF;
  display: flex;
  border-radius: 10px;
  padding: 48px 60px 48px 40px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ebook-teach .ebook-card {
    padding: 20px;
  }
}
.ebook-teach .ebook-card .ebook-card-point {
  margin-right: 24px;
}
.ebook-teach .ebook-card .ebook-card-point .point {
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -2.32px;
  color: #DDE1EB;
}
@media (max-width: 767px) {
  .ebook-teach .ebook-card .ebook-card-point .point {
    font-size: 38px;
  }
}
.ebook-teach .ebook-card .card-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -0.48px;
  color: #0B182B;
}
@media (max-width: 767px) {
  .ebook-teach .ebook-card .card-title {
    font-size: 22px;
  }
}
.ebook-teach .ebook-card .card-desc {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.24px;
  color: #334055;
}
.ebook-teach .similar-ebook {
  background: #FFFFFF;
  box-shadow: 0px 24px 24px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-top: 0;
  display: flex;
  padding: 50px 43px;
}
@media (max-width: 767px) {
  .ebook-teach .similar-ebook {
    padding: 30px;
  }
}
.ebook-teach .similar-ebook .similar-ebook-cover {
  flex: 0 0 30%;
  margin-right: 29px;
}
.ebook-teach .similar-ebook .similar-ebook-cover:before {
  content: "";
  background: linear-gradient(179.93deg, rgba(57, 109, 139, 0.4) 0.06%, rgba(57, 109, 139, 0) 104.33%);
  width: 100%;
  height: 93%;
  top: 15px;
  right: 0px;
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
.ebook-teach .similar-ebook .similar-ebook-cover figure {
  margin-bottom: 0px;
  position: relative;
}
.ebook-teach .similar-ebook .text .h3 {
  color: #0B182B;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -1.3px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ebook-teach .similar-ebook .text .h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.ebook-teach .similar-ebook .text p {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.0172em;
  color: #0B182B;
}
.ebook-teach .similar-ebook .button-blue {
  background: #077EFF;
  border-radius: 42px;
  color: #fff;
  margin-top: 35px;
  padding: 16px 30px;
}
@media (max-width: 767px) {
  .ebook-teach .similar-ebook .button-blue {
    margin-top: 15px;
    padding: 10px 20px;
  }
}

.landing-page #header {
  position: relative;
  padding: 28px 0;
}
.landing-page .logo-extend span {
  display: none;
}
.landing-page .contact-flex {
  flex-direction: column;
}
.landing-page .header-wrap .container {
  justify-content: space-between;
}
.landing-page .job-opening-wraper {
  display: none;
}
@media (max-width: 767px) {
  .landing-page .container {
    padding: 0 25px;
  }
  .landing-page .btn {
    font-size: 12px;
    height: 36px;
    border-radius: 40px;
  }
  .landing-page .btn .arrow-btn-wrap {
    height: 20px;
    width: 20px;
  }
}
.landing-page .get-started-btn {
  padding: 0;
  position: fixed;
  bottom: -200px;
  z-index: 3;
  transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
  .landing-page .get-started-btn {
    max-width: 100%;
  }
  .landing-page .get-started-btn.show {
    bottom: 0;
    transition: all 0.5s ease-out;
  }
}
.landing-page .get-started-btn .btn {
  width: 100%;
  height: 56px;
  border-radius: 0;
  background: #007AFF;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  padding: 10px 0;
  text-align: center;
  color: #FFFFFF;
}
.landing-page .hero-banner {
  background: url("../../images/campian-page/dubai-marina-banner.png") no-repeat;
  background-size: cover;
  background-position: 100%;
}
.landing-page .hero-banner .container {
  padding: 80px 0 200px;
}
.landing-page .hero-banner .container > .row {
  align-items: center;
}
@media (max-width: 992px) {
  .landing-page .hero-banner .container {
    padding: 40px 25px 55px;
  }
}
.landing-page .hero-banner h1 {
  font-size: 64px;
  line-height: 110%;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .landing-page .hero-banner h1 {
    font-size: 36px;
    line-height: 40px;
    padding-right: 20px;
    margin-bottom: 32px;
  }
  .landing-page .hero-banner h1 .primary-color {
    color: #fff;
  }
}
.landing-page .hero-banner .form-wrpr {
  max-width: 523px;
  max-height: 596px;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(21, 42, 77, 0.08);
  border-radius: 20px;
  border: none;
  padding: 40px;
}
@media (max-width: 992px) {
  .landing-page .hero-banner .form-wrpr {
    padding: 28px 16px;
    max-width: 100%;
  }
}
.landing-page .hero-banner .form-wrpr.get-qoute h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #007AFF;
}
@media (max-width: 767px) {
  .landing-page .hero-banner .form-wrpr.get-qoute h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
.landing-page .hero-banner .form-wrpr.get-qoute p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  max-width: 100%;
  line-height: 120%;
  color: #273954;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .landing-page .hero-banner .form-wrpr.get-qoute p {
    font-size: 12px;
  }
}
.landing-page .hero-banner .form-wrpr.get-qoute .floating-effect input {
  background-color: #fff;
}
@media (max-width: 767px) {
  .landing-page .hero-banner .form-wrpr.get-qoute .floating-effect input {
    border-radius: 4px;
  }
}
.landing-page .hero-banner .form-wrpr.get-qoute .btn {
  border-radius: 40px;
}
@media (max-width: 767px) {
  .landing-page .hero-banner .form-wrpr.get-qoute .btn {
    width: auto;
  }
}
.landing-page .hero-banner-us {
  background: url("../../images/imagesForUSpage/us-marina.webp") no-repeat;
  background-size: cover;
  background-position: 100%;
}
.landing-page .app-services {
  background: #F6F8FC;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .landing-page .app-services {
    padding: 25px 15px;
  }
}
.landing-page .app-services .app-services-wrpr .f-s32 {
  font-weight: 500;
  color: #273954;
  padding-right: 80px;
}
@media (max-width: 767px) {
  .landing-page .app-services .app-services-wrpr .f-s32 {
    font-size: 20px;
    padding-bottom: 20px;
  }
}
.landing-page .app-services .app-services-wrpr .icons-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.landing-page .app-services .app-services-wrpr .icons-wrapper div {
  text-align: center;
}
@media (max-width: 767px) {
  .landing-page .app-services .app-services-wrpr .icons-wrapper img {
    height: 36px;
    width: 36px;
  }
}
.landing-page .app-services .app-services-wrpr .icons-wrapper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: #273954;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .landing-page .app-services .app-services-wrpr .icons-wrapper p {
    font-size: 12px;
  }
}
.landing-page .client-served-sec {
  padding: 120px 0 140px;
}
@media (max-width: 767px) {
  .landing-page .client-served-sec {
    padding: 80px 0 63px;
  }
}
@media (max-width: 767px) {
  .landing-page .client-served-sec .work-slider-wrpr {
    padding-top: 20px;
  }
  .landing-page .client-served-sec .work-slider-wrpr .work-slider {
    padding: 20px 32px;
  }
}
.landing-page .client-served-sec .work-slider-wrpr .work-slider .site-type {
  margin: 12px auto;
  padding: 10px 12px;
}
@media (max-width: 767px) {
  .landing-page .client-served-sec .heading-section .h2_1 {
    font-size: 28px;
  }
}
.landing-page .client-served-sec .heading-section .supertext {
  font-weight: 400;
  padding-top: 24px;
  max-width: 700px;
  margin: auto;
}
@media (max-width: 767px) {
  .landing-page .client-served-sec .heading-section .supertext {
    padding-top: 20px;
    font-size: 16px;
    text-align: left;
    line-height: 120%;
  }
}
.landing-page .talk-expert-sec {
  padding: 100px 0 84px;
  background: linear-gradient(150.37deg, #273954 2.09%, #0B182B 96.1%);
}
@media (max-width: 767px) {
  .landing-page .talk-expert-sec {
    padding: 80px 0 95px;
  }
  .landing-page .talk-expert-sec .btn {
    width: auto;
    float: left;
  }
}
.landing-page .talk-expert-sec .heading-txt {
  font-weight: 600;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -1.72px;
  color: #FFFFFF;
  max-width: 970px;
  margin: 0 auto 28px;
}
@media (max-width: 767px) {
  .landing-page .talk-expert-sec .heading-txt {
    font-size: 28px;
    text-align: left;
    padding-right: 40px;
    margin-bottom: 20px;
  }
}
.landing-page .industry-sec {
  background-color: #F6F8FC;
  padding: 120px 0 140px;
}
@media (max-width: 767px) {
  .landing-page .industry-sec {
    padding: 80px 0 100px;
  }
}
.landing-page .industry-sec .h2_1 {
  color: #0B182B;
  max-width: 700px;
}
@media (max-width: 767px) {
  .landing-page .industry-sec .h2_1 {
    font-size: 28px;
  }
}
.landing-page .industry-sec .industries-wrpr {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .landing-page .industry-sec .industries-wrpr {
    padding-top: 40px;
  }
  .landing-page .industry-sec .industries-wrpr .btn {
    width: auto;
  }
}
.landing-page .industry-sec .industries-wrpr .industry {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .landing-page .industry-sec .industries-wrpr .industry {
    margin-bottom: 40px;
    display: none;
  }
  .landing-page .industry-sec .industries-wrpr .industry:nth-child(1), .landing-page .industry-sec .industries-wrpr .industry:nth-child(2), .landing-page .industry-sec .industries-wrpr .industry:nth-child(3) {
    display: block;
  }
}
.landing-page .industry-sec .industries-wrpr .industry img {
  border-radius: 24px;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .landing-page .industry-sec .industries-wrpr .industry img {
    margin-bottom: 20px;
  }
}
.landing-page .industry-sec .industries-wrpr .industry .supertext {
  color: #0B182B;
}
.landing-page .share-idea-sec {
  padding: 105px 0;
  background: linear-gradient(150.37deg, #273954 2.09%, #0B182B 96.1%);
}
@media (max-width: 767px) {
  .landing-page .share-idea-sec {
    padding: 80px 0;
  }
}
.landing-page .share-idea-sec .share-idea-wrpr {
  max-width: 900px;
  margin: auto;
}
@media (max-width: 767px) {
  .landing-page .share-idea-sec .share-idea-wrpr {
    text-align: left !important;
  }
  .landing-page .share-idea-sec .share-idea-wrpr .btn {
    width: auto;
  }
}
.landing-page .share-idea-sec .h2_1 {
  color: #fff;
}
@media (max-width: 767px) {
  .landing-page .share-idea-sec .h2_1 {
    font-size: 28px;
  }
}
.landing-page .share-idea-sec .supertext {
  color: #fff;
  font-weight: 400;
  padding: 28px 0 40px;
}
@media (max-width: 767px) {
  .landing-page .share-idea-sec .supertext {
    font-size: 16px;
    padding: 12px 0 20px;
  }
}
.landing-page .about-us-sec {
  background-color: #F6F8FC;
  padding: 120px 0 175px;
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .landing-page .about-us-sec {
    padding: 90px 0 106px;
    margin-bottom: 80px;
  }
}
.landing-page .about-us-sec .container > .row {
  align-items: flex-end;
}
.landing-page .about-us-sec .h2_1 {
  padding: 20px 0;
}
.landing-page .about-us-sec .h2_1 span {
  display: block;
  background: linear-gradient(93.77deg, #00B8FF -42.41%, #BB30FF 54.34%), linear-gradient(0deg, #273954, #273954);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 992px) {
  .landing-page .about-us-sec .h2_1 {
    font-size: 28px;
    padding: 12px 28px 20px 0;
  }
}
@media (max-width: 992px) {
  .landing-page .about-us-sec .supertext {
    font-size: 16px;
  }
  .landing-page .about-us-sec .supertext.para {
    padding-bottom: 40px;
    line-height: 19.2px;
  }
}
.landing-page .about-us-sec .supertext.para {
  color: #4D617F;
}
.landing-page .about-us-sec img {
  border-radius: 24px;
}

#modalGetStarted.get-a-quote-wrpr .modal-dialog {
  max-width: 500px;
  margin: 50px auto;
}
@media (min-width: 767px) {
  #modalGetStarted.get-a-quote-wrpr .modal-dialog .get-qoute h5 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
#modalGetStarted.get-a-quote-wrpr .modal-dialog .close-btn {
  position: absolute;
  right: 20px;
  top: 30px;
}
#modalGetStarted .modal-content {
  background: transparent;
  border: none;
}
#modalGetStarted .modal-dialog {
  max-width: 350px;
  margin: 50px auto;
}
#modalGetStarted .get-qoute {
  padding: 40px 16px;
  margin-right: 0;
}
#modalGetStarted .get-qoute h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #007AFF;
  margin-bottom: 20px;
}
#modalGetStarted .get-qoute .floating-effect input {
  background: #FFFFFF;
  border: 1px solid #9BAFC7;
  border-radius: 4px;
}
#modalGetStarted .get-qoute .select-div select {
  border: 1px solid #9BAFC7;
  border-radius: 4px;
}
#modalGetStarted .get-qoute .btn {
  width: auto;
}
#modalGetStarted .close-btn-in {
  padding-right: 0;
  margin-bottom: 10px;
}
#modalGetStarted .close-btn {
  width: 28px;
  height: 28px;
  margin-left: auto;
}
@media (max-width: 767px) {
  #modalGetStarted .close-btn {
    right: 0;
    top: -20px;
  }
}
#modalGetStarted .close-btn span {
  bottom: 6px;
  right: 1px;
}
#modalGetStarted .close-btn span:before, #modalGetStarted .close-btn span:after {
  height: 12px;
}

.dubai-main-modal-close .close-btn {
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  .mobile-none {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .contact-u-btn {
    width: 100% !important;
  }
}

.orng-bg-color {
  background: linear-gradient(101.57deg, #FF6190 2.8%, #FF7360 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.prple-bg-text {
  background: linear-gradient(286.66deg, #2F3BE7 10.19%, #2ACBFE 108.25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.marketingHeader .btn1::before {
  background: linear-gradient(286.66deg, #2F3BE7 10.19%, #2ACBFE 108.25%);
  box-shadow: 0px 7px 12px -2px rgba(45, 120, 241, 0.12);
}

.marKeting {
  position: relative;
  margin-bottom: 200px;
}
.marKeting::before {
  content: "";
  position: absolute;
  background: #ED5F9B;
  opacity: 0.4;
  filter: blur(660.616px);
  top: -30px;
  right: 0;
  width: 27%;
  height: 71%;
}
.marKeting .home-banner-in {
  padding-bottom: 0px;
}
.marKeting .home-banner-in h1 {
  font-size: 78.1458px;
  line-height: 1.03;
}
.marKeting .home-banner-in h1 span {
  padding-bottom: 2px;
}
@media (max-width: 1200px) {
  .marKeting .home-banner-in h1 {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .marKeting .home-banner-in h1 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .marKeting .home-banner-in h1 {
    font-size: 42px;
  }
}
@media (max-width: 480px) {
  .marKeting .home-banner-in h1 {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
.marKeting .home-banner-in p {
  font-size: 26px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  color: #334055;
  font-weight: 400;
}
@media (min-width: 992px) {
  .marKeting .home-banner-in p.descrpt {
    padding-right: 20%;
  }
}
@media (max-width: 1200px) {
  .marKeting .home-banner-in p {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .marKeting .home-banner-in p {
    font-size: 18px;
  }
}
.marKeting .home-banner-in b {
  color: #334055;
  font-weight: 500;
}
.marKeting .home-banner-in .lookFor {
  font-size: 26px;
  margin-bottom: 63px;
}
@media (max-width: 1200px) {
  .marKeting .home-banner-in .lookFor {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .marKeting .home-banner-in .lookFor {
    font-size: 18px;
  }
}
.marKeting .home-banner-in .lookFor b {
  font-weight: 600;
  color: #071019;
}
@media (max-width: 992px) {
  .marKeting {
    margin-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .marKeting {
    margin-bottom: 80px;
  }
}

.atilluMinz {
  position: relative;
}
.atilluMinz::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 33%;
  left: -680px;
  top: 233px;
  background: #38ACFF;
  opacity: 0.3;
  filter: blur(900px);
  transform: rotate(75.37deg);
  border-radius: 50%;
}
.atilluMinz .contentWrap {
  width: 100%;
}
.atilluMinz .contentWrap .heading-ui {
  float: left;
  width: 100%;
}
@media (min-width: 992px) {
  .atilluMinz .contentWrap .heading-ui {
    padding-right: 30%;
  }
}
.atilluMinz .contentWrap .heading-ui h4 {
  font-weight: 600;
  font-size: 72px;
  line-height: 1;
  letter-spacing: -3px;
  color: #0F192A;
}
.atilluMinz .contentWrap .heading-ui h4 .hEad {
  font-size: 78.1458px;
  line-height: 1.03;
  letter-spacing: -2.72px;
}
@media (max-width: 1200px) {
  .atilluMinz .contentWrap .heading-ui h4 .hEad {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .heading-ui h4 .hEad {
    font-size: 35px;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .atilluMinz .contentWrap .heading-ui h4 .hEad {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
@media (max-width: 1200px) {
  .atilluMinz .contentWrap .heading-ui h4 {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .heading-ui h4 {
    font-size: 35px;
    letter-spacing: -1px;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .atilluMinz .contentWrap .heading-ui h4 {
    font-size: 43px;
  }
}
.atilluMinz .contentWrap .slickSliders {
  float: left;
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: flex-end;
  padding: 96px 0px;
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .slickSliders {
    display: block;
    padding-bottom: 60px;
  }
}
.atilluMinz .contentWrap .slickSliders .bglgihtGry {
  background: linear-gradient(0deg, #2E60ED, #2E60ED);
  opacity: 0.1;
  border-radius: 4px;
}
.atilluMinz .contentWrap .slickSliders .slideOne {
  width: 30%;
  height: 328.04px;
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .slickSliders .slideOne {
    width: 100%;
    margin-bottom: 20px;
  }
  .atilluMinz .contentWrap .slickSliders .slideOne img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.atilluMinz .contentWrap .slickSliders .slideTwo {
  width: 55%;
  height: 400px;
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .slickSliders .slideTwo {
    width: 100%;
    margin-bottom: 20px;
  }
  .atilluMinz .contentWrap .slickSliders .slideTwo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.atilluMinz .contentWrap .slickSliders .slideThree {
  width: 35%;
  height: 352.38px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .slickSliders .slideThree {
    width: 100%;
    margin-bottom: 20px;
  }
  .atilluMinz .contentWrap .slickSliders .slideThree img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.atilluMinz .contentWrap .almContent {
  float: left;
  width: 100%;
  padding-left: 18%;
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .almContent {
    padding-left: 0px;
  }
}
.atilluMinz .contentWrap .almContent p {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  color: #334055;
  margin-bottom: 20px;
}
.atilluMinz .contentWrap .almContent p::last-child {
  margin-bottom: 0px;
}
.atilluMinz .contentWrap .almContent p b {
  font-weight: 600;
  color: #0F192A;
}
@media (max-width: 992px) {
  .atilluMinz .contentWrap .almContent p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .atilluMinz .contentWrap .almContent p {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.ourExpertise {
  padding: 200px 0px;
  position: relative;
}
.ourExpertise::before {
  content: "";
  width: 890px;
  height: 1058px;
  right: 0;
  top: 0;
  background: #4BA68B;
  opacity: 0.2;
  filter: blur(824.149px);
  position: absolute;
}
.ourExpertise:after {
  content: "";
  position: absolute;
  width: 20%;
  height: 1007px;
  left: 0;
  top: 1050px;
  background: #FF7360;
  opacity: 0.4;
  filter: blur(839.437px);
}
.ourExpertise .ExpertisecontentWrap {
  padding-right: 20rem;
}
@media (max-width: 767px) {
  .ourExpertise .ExpertisecontentWrap {
    padding-right: 0;
  }
}
.ourExpertise .ExpertisecontentWrap h6 {
  font-weight: 600;
  font-size: 78.1458px;
  line-height: 1.03;
  letter-spacing: -2.72px;
  color: #0F192A;
}
@media (max-width: 1200px) {
  .ourExpertise .ExpertisecontentWrap h6 {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 992px) {
  .ourExpertise .ExpertisecontentWrap h6 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ourExpertise .ExpertisecontentWrap h6 {
    font-size: 35px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .ourExpertise .ExpertisecontentWrap h6 {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
@media (max-width: 992px) {
  .ourExpertise .ExpertisecontentWrap {
    padding-right: 0;
  }
}
.ourExpertise .ourExpertiseStrategy {
  padding: 90px 0 0 0;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .ourExpertise .ourExpertiseStrategy {
    gap: 15px;
    display: block;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards {
  background: #FFFFFF;
  box-shadow: 0px 14px 26px rgba(13, 37, 77, 0.04);
  border-radius: 12px;
  flex: 0 1 47%;
  padding: 48px;
  height: 360px;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup {
  width: 100%;
}
@media (max-width: 992px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup img {
    width: 29%;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup img:nth-child(2) {
  margin-left: 34px;
}
@media (max-width: 992px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup img:nth-child(2) {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .comnBox {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  opacity: 0.2;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .lghtYlow {
  background: #CAA62B;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .lghtGren {
  background: #2BB386;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .lghtPrpl {
  background: #523BE0;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .lghtPink {
  background: #C730E3;
}
.ourExpertise .ourExpertiseStrategy .strategyCards .imgGroup .lghtBlue {
  background: #30B1D9;
}
.ourExpertise .ourExpertiseStrategy .strategyCards h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.48px;
  color: #0F192A;
  opacity: 0.95;
  margin-top: 37px;
}
@media (max-width: 1200px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards h3 {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards h3 {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards h3 {
    font-size: 26px;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  color: #4F5E77;
  margin-top: 14px;
}
@media (max-width: 1200px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards p {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards p {
    font-size: 20px;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards:nth-child(even) {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards:nth-child(even) {
    margin-top: 0px;
  }
}
.ourExpertise .ourExpertiseStrategy .strategyCards:first-child .imgGroup img {
  margin-left: -15px;
}
@media (max-width: 1200px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards {
    height: auto;
  }
}
@media (max-width: 992px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards {
    flex: 0 1 46%;
    padding: 30px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .ourExpertise .ourExpertiseStrategy .strategyCards {
    height: auto;
    width: 100%;
    margin-bottom: 25px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .ourExpertise {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.ourProcessing {
  width: 100%;
  position: relative;
}
.ourProcessing::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 941px;
  right: 0;
  top: -360px;
  background: #fff;
  opacity: 0.6;
  filter: blur(973.784px);
}
.ourProcessing .ourProcesscontentWrap {
  padding-right: 20rem;
  margin-bottom: 156px;
}
@media (max-width: 992px) {
  .ourProcessing .ourProcesscontentWrap {
    padding-right: 0;
  }
}
.ourProcessing .ourProcesscontentWrap h6 {
  font-weight: 600;
  font-size: 78.1458px;
  line-height: 1.03;
  letter-spacing: -2.72px;
  color: #0F192A;
}
@media (max-width: 1200px) {
  .ourProcessing .ourProcesscontentWrap h6 {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 992px) {
  .ourProcessing .ourProcesscontentWrap h6 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ourProcessing .ourProcesscontentWrap h6 {
    font-size: 35px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .ourProcessing .ourProcesscontentWrap h6 {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
@media (max-width: 1200px) {
  .ourProcessing .ourProcesscontentWrap {
    margin-bottom: 80px;
    padding-right: 0;
  }
}

div#maketingSwipes {
  width: 100% !important;
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
}
@media (max-width: 1200px) {
  div#maketingSwipes {
    flex-wrap: wrap;
  }
}

.brand-box {
  min-width: 50%;
  /*min-width: 370px;
  max-width: 370px;*/
  padding: 28px 25px;
  margin: 0px 20px 0 0px;
  position: relative;
}
.brand-box.active h5 {
  color: #0779FF;
}
.brand-box h5 {
  font-weight: 600;
  font-size: 96px;
  line-height: 0.75;
  letter-spacing: -2.32px;
  color: #DDE1EB;
  display: inline;
  padding: 0px 10px;
}
@media (min-width: 1200px) {
  .brand-box h5 {
    padding: 0px 10px;
    background: #fff;
  }
}
@media (max-width: 1200px) {
  .brand-box h5 {
    font-size: 75px;
    color: #0779FF;
  }
}
@media (max-width: 767px) {
  .brand-box h5 {
    font-size: 60px;
  }
}
@media (max-width: 480px) {
  .brand-box h5 {
    font-size: 46px;
  }
}
.brand-box h6 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-top: 56px;
}
@media (min-width: 1200px) {
  .brand-box h6 {
    padding: 0px 10px;
  }
}
@media (max-width: 1200px) {
  .brand-box h6 {
    font-size: 26px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .brand-box h6 {
    font-size: 30px;
    margin-top: 25px;
  }
}
@media (max-width: 480px) {
  .brand-box h6 {
    font-size: 26px;
  }
}
.brand-box p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.24px;
  color: #334055;
  margin-top: 25px;
}
@media (min-width: 1200px) {
  .brand-box p {
    padding: 0px 10px;
  }
}
@media (max-width: 767px) {
  .brand-box p {
    font-size: 16px;
    margin-top: 15px;
  }
}
@media (max-width: 1200px) {
  .brand-box {
    min-width: 50%;
    width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .brand-box {
    min-width: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .brand-box {
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
  }
}

.ourMarketingInsight {
  margin: 200px 0px;
}
.ourMarketingInsight .ourMarketingInsightWrap h6 {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.16;
  text-align: center;
  letter-spacing: -2.32px;
  color: #131615;
  text-align: center;
}
@media (max-width: 1200px) {
  .ourMarketingInsight .ourMarketingInsightWrap h6 {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .ourMarketingInsightWrap h6 {
    font-size: 35px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .ourMarketingInsight .ourMarketingInsightWrap h6 {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
.ourMarketingInsight .insightsFeatures {
  margin-top: 116px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft {
  padding-right: 25px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 24px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog .fgImage {
  border-radius: 4px;
  margin-top: 24px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog .fgImage img {
  width: 100%;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog h5 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 15%;
}
@media (max-width: 1200px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog h5 {
    padding-right: 0px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog h5 {
    padding-right: 0px;
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog h5 {
    font-size: 20px;
  }
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: #566985;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog p a {
  color: #077EFF;
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesLeft .fetBlog p {
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesLeft {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight {
  padding-left: 25px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 24px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog {
  flex: 0 1 45%;
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin: 16px 0px 12px;
}
@media (max-width: 1200px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog h5 {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog h5 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog h5 {
    padding-right: 0px;
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog h5 {
    font-size: 20px;
  }
}
.ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.08px;
  color: #566985;
}
@media (max-width: 1200px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog {
    flex: 0 1 45%;
  }
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog img {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog {
    flex: 0 1 46%;
  }
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog {
    margin-bottom: 25px;
    flex: 0 1 45%;
  }
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs .newBlog img {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight .latestBlogs {
    display: block;
  }
}
@media (max-width: 992px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures .insightsFeaturesRight {
    padding-left: 15px;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight .insightsFeatures {
    margin-top: 70px;
  }
}
.ourMarketingInsight .GetInTouch {
  text-align: center;
  margin-top: 72px;
}
@media (max-width: 767px) {
  .ourMarketingInsight .GetInTouch {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .ourMarketingInsight {
    margin: 80px 0px;
  }
}

.brandsTrust {
  width: 100%;
  margin-bottom: 56px;
  position: relative;
}
.brandsTrust::before {
  content: "";
  position: absolute;
  width: 30%;
  height: 100%;
  left: 0;
  top: 0;
  background: #38ACFF;
  opacity: 0.5;
  filter: blur(661.395px);
  border-radius: 17.6372px;
  /* transform: rotate(75.37deg);*/
}
.brandsTrust .brandsTrustwrap {
  width: 100%;
}
.brandsTrust .brandsTrustwrap h6 {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.19;
  text-align: center;
  letter-spacing: -2.32px;
  color: #131615;
}
@media (max-width: 1200px) {
  .brandsTrust .brandsTrustwrap h6 {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 767px) {
  .brandsTrust .brandsTrustwrap h6 {
    font-size: 35px;
    letter-spacing: inherit;
  }
  .brandsTrust .brandsTrustwrap h6 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .brandsTrust .brandsTrustwrap h6 {
    font-size: 38px;
    letter-spacing: -1px;
  }
}
.brandsTrust .brandSlide {
  margin-top: 80px;
}
.brandsTrust .brandSlide .brndSlide {
  height: 60px;
  display: flex;
  align-items: center;
}
.brandsTrust .brandSlide .brndSlide img {
  width: auto !important;
  margin: auto;
  max-width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 60px;
}

#brandTrustSections .owl-nav button {
  background-color: #FFFFFF !important;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 15%;
  left: -30px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#brandTrustSections .owl-nav button.owl-next {
  left: auto;
  right: -30px;
}
@media (max-width: 767px) {
  #brandTrustSections .owl-nav button.owl-next {
    right: -40px;
  }
}
@media (max-width: 480px) {
  #brandTrustSections .owl-nav button.owl-next {
    right: 0px;
  }
}

@media (max-width: 767px) {
  #brandTrustSections .owl-nav button.owl-prev {
    left: -40px;
  }
}
@media (max-width: 480px) {
  #brandTrustSections .owl-nav button.owl-prev {
    left: 0px;
  }
}

#brandTrustSections .owl-nav button span {
  font-size: 30px;
  margin-top: -5px;
}

@media (min-width: 1200px) {
  .progressing {
    position: absolute;
    top: 14%;
    left: 0;
    width: 100%;
    height: 20px;
    background: white;
    z-index: 1;
  }
  .progressing .bar {
    height: 100%;
    width: 10%;
    background: #EF4E31;
    transition: 0.15s ease;
  }
}
@media (min-width: 1200px) {
  .progress-bar-container {
    height: 3px;
    border: #f1f0f0;
    border-radius: 10px;
    position: absolute;
    top: 60px;
    z-index: 0;
    display: table;
    overflow: visible;
    width: 2850px;
    background: transparent;
    margin: 0 auto;
    left: 180px;
    border-top: 3px dotted #DDE1EB;
  }
  .progress-bar-container .progress-barw {
    height: 0px;
    position: absolute;
    left: 0;
    top: -3px;
    background: transparent;
    transition: all 0.3s ease;
    border-top: 3px dotted #0779FF;
    z-index: 20;
  }
}
section.designBanner {
  position: relative;
  z-index: 99;
}
section.designBanner::before {
  content: "";
  position: absolute;
  width: 22%;
  height: 600.32px;
  right: -30px;
  top: -280px;
  background: linear-gradient(180deg, #FF5C7D 0%, #FFBE3A 100%);
  opacity: 0.9;
  border-radius: 187.991px;
  transform: rotate(-62.41deg);
  z-index: 1;
  animation: bounce 13s infinite;
  -webkit-animation: bounce 13s infinite;
}
@media (max-width: 1200px) {
  section.designBanner::before {
    right: -95px;
    top: -190px;
    width: 28%;
  }
}
@media (max-width: 992px) {
  section.designBanner::before {
    display: none;
  }
}
section.designBanner::after {
  content: "";
  position: absolute;
  width: 412.71px;
  height: 582.32px;
  right: -240px;
  top: 134.64px;
  background: linear-gradient(341.38deg, #3955FF 31.81%, #A066FF 58.66%, #FF1787 86.96%);
  opacity: 0.9;
  border-radius: 187.991px;
  transform: rotate(-30.98deg);
  display: block !important;
  animation: bounce2 18s infinite;
  -webkit-animation: bounce2 18s infinite;
}
@media (max-width: 1200px) {
  section.designBanner::after {
    width: 410.71px;
    right: -240px;
    top: 34.64px;
  }
}
@media (max-width: 992px) {
  section.designBanner::after {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  section.designBanner::after {
    overflow: hidden;
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0) rotate(-62.41deg);
  }
  50% {
    transform: translateY(-50px) rotate(-62.41deg);
  }
  100% {
    transform: translateY(0) rotate(-62.41deg);
  }
}
@keyframes bounce2 {
  0% {
    transform: translateY(0) rotate(-62.41deg);
  }
  50% {
    transform: translateY(-50px) rotate(-62.41deg);
  }
  100% {
    transform: translateY(0) rotate(-62.41deg);
  }
}
section.home-banner.designBanner .color-blur {
  position: absolute;
  right: -227px;
  top: -410px;
  opacity: 0.7 !important;
  width: 40%;
}
@media (max-width: 1200px) {
  section.home-banner.designBanner .color-blur {
    right: 0;
    top: -270px;
  }
}
@media (max-width: 767px) {
  section.home-banner.designBanner .color-blur {
    right: 0 !important;
    top: -90px !important;
    min-width: 600px !important;
  }
}

.empowering-sec.designEmpowering :after {
  left: -325px;
  top: -400px;
  background-size: 60%;
}
@media (min-width: 767px) {
  .empowering-sec.designEmpowering {
    padding-bottom: 0px;
  }
}

.empowering-sec::after {
  left: -372px;
  top: -475px;
  background-size: 90%;
}
@media (max-width: 992px) {
  .empowering-sec::after {
    left: 0;
    top: -475px;
    background-size: 90%;
    width: 100%;
  }
}

.designBanner .home-banner-in h1 {
  margin-bottom: 29px;
}
.designBanner .home-banner-in h1 label {
  width: 100%;
  line-height: 1;
}
.designBanner .home-banner-in h1 span.text-pink-g {
  position: relative;
  line-height: 1.37;
  padding-bottom: 15px;
  background-image: linear-gradient(162deg, #FF1787 4.57%, #A066FF 54.07%, #9164FF 105.85%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.designBanner .home-banner-in h1 span.groWth {
  background-image: linear-gradient(89deg, #9164FF 0%, #4657FF 100%);
  position: relative;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  padding: 12px 10px 11px 10px;
  border: 4px solid #2E70F0;
}
.designBanner .home-banner-in h1 span.groWth .gkspan {
  width: 10px;
  height: 10px;
  border: 2px solid #2E70F0;
  position: absolute;
  background: #fff;
}
.designBanner .home-banner-in h1 span.groWth .gkspan.dotone {
  left: -7px;
  top: -7px;
}
.designBanner .home-banner-in h1 span.groWth .gkspan.dotwo {
  right: -7px;
  top: -7px;
}
.designBanner .home-banner-in h1 span.groWth .gkspan.dothree {
  left: -7px;
  bottom: -7px;
}
.designBanner .home-banner-in h1 span.groWth .gkspan.dotfour {
  right: -7px;
  bottom: -7px;
}
.designBanner .home-banner-in h1 span.groWth .dotfive {
  background-image: url("../images/Union-arrow.png");
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  position: absolute;
  right: -22px;
  top: -17px;
}
@media (max-width: 992px) {
  .designBanner .home-banner-in h1 span.groWth {
    padding: 1px 8px 6px 7px;
  }
}
@media (max-width: 480px) {
  .designBanner .home-banner-in h1 span.groWth {
    padding: 2px 5px 4px 5px;
    top: 0px;
  }
}
@media (max-width: 1200px) {
  .designBanner .home-banner-in h1 {
    font-size: 60px;
    padding: 8px 8px 8px 8px;
  }
}
@media (max-width: 767px) {
  .designBanner .home-banner-in h1 {
    font-size: 35px;
  }
}
@media (max-width: 480px) {
  .designBanner .home-banner-in h1 {
    font-size: 43px;
    letter-spacing: -1px;
  }
}
.designBanner .home-banner-in p {
  margin-bottom: 44px;
}
@media (max-width: 1200px) {
  .designBanner .home-banner-in p {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
  .designBanner .home-banner-in p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .designBanner .home-banner-in {
    padding: 240px 0 85px;
  }
}
@media (max-width: 1200px) {
  .designBanner .home-banner-in {
    padding: 200px 0 85px;
  }
}
@media (max-width: 992px) {
  .designBanner .home-banner-in {
    padding: 26% 0 5px;
  }
}
@media (max-width: 767px) {
  .designBanner .home-banner-in {
    padding: 150px 0 5px;
  }
}

.designEmpowering .tiTle {
  margin-bottom: 28px;
}
@media (max-width: 1200px) {
  .designEmpowering .tiTle {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .designEmpowering .tiTle br {
    display: none;
  }
}

.empowering-sec .ep-p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  color: #0C2434;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .empowering-sec .ep-p {
    font-size: 23px;
  }
}
@media (min-width: 767px) {
  .empowering-sec .ep-p {
    padding-right: 35%;
  }
}
@media (max-width: 767px) {
  .empowering-sec .ep-p {
    font-size: 18px;
  }
}

.imageSlid {
  overflow: hidden;
  z-index: 9;
  position: relative;
  padding-top: 70px;
}
@media (max-width: 1400px) {
  .imageSlid {
    padding: 60px 0px;
  }
}
@media (max-width: 1200px) {
  .imageSlid {
    padding: 50px 0px;
  }
}
@media (max-width: 992px) {
  .imageSlid {
    padding: 30px 0;
  }
}

.intro-imageSlid {
  text-align: center;
  position: relative;
  z-index: 1;
  /*transform: rotate(-15deg);*/
  overflow: hidden;
  padding-top: 70px;
}
@media (max-width: 992px) {
  .intro-imageSlid {
    padding-top: 0;
  }
}
.intro-imageSlid img {
  max-width: 110%;
  position: relative;
  left: 0px;
}

.relxHands {
  padding: 164px 134px;
}
@media (max-width: 1200px) {
  .relxHands {
    padding: 130px 0px;
  }
}
@media (max-width: 992px) {
  .relxHands {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .relxHands {
    padding: 50px 0px;
  }
}
.relxHands.prJct .relHeading {
  position: sticky;
  top: 120px;
}
@media (min-width: 1200px) {
  .relxHands.prJct .relHeading {
    margin-bottom: 33%;
  }
}
.relxHands .relHeading {
  width: 100%;
  padding-right: 15px;
}
.relxHands .relHeading p {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.29;
  letter-spacing: -2px;
  color: #FFFFFF;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .relxHands .relHeading p {
    font-size: 42px;
  }
}
@media (max-width: 992px) {
  .relxHands .relHeading p {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .relxHands .relHeading p {
    font-size: 23px;
    letter-spacing: initial;
  }
}
.relxHands .h6_1 {
  font-weight: 600;
  line-height: 1.03;
  font-size: 42px;
  letter-spacing: -2.5px;
  color: #fff;
}
@media (min-width: 767px) {
  .relxHands .h6_1 {
    font-size: 78.1458px;
  }
}
@media (max-width: 1200px) {
  .relxHands .h6_1 {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .relxHands .h6_1 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .relxHands .h6_1 {
    font-size: 38px;
    letter-spacing: inherit;
  }
}
@media (max-width: 767px) {
  .relxHands .h6_1 br {
    display: none;
  }
}

@media (min-width: 1200px) {
  section.relxHands.prJct {
    padding: 164px 134px 0px;
  }
}
.whyWearewe {
  padding-left: 45px;
  counter-reset: section;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1200px) {
  .whyWearewe {
    padding-left: 20px;
  }
}
@media (max-width: 992px) {
  .whyWearewe {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .whyWearewe {
    margin-top: 15%;
  }
}
.whyWearewe .card {
  padding: 52px 32px;
  top: 120px;
  height: 420px;
  position: sticky;
}
.whyWearewe .card::before {
  counter-increment: section;
  content: "0 " counter(section);
  position: absolute;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.48px;
  right: 16px;
  top: 20px;
}
.whyWearewe .card.prpl::before {
  color: #B385FF;
}
.whyWearewe .card.grn::before {
  color: #00C2AB;
}
.whyWearewe .card.drkpink::before {
  color: #FF1887;
}
.whyWearewe .card.orng::before {
  color: #FF7360;
}
.whyWearewe .card.blu::before {
  color: #077AFB;
}
.whyWearewe .card.lghtgrn::before {
  color: #4BA68B;
}
.whyWearewe .card img {
  max-width: 86px;
}
.whyWearewe .card .card-body {
  padding: 0;
  margin-top: 40px;
  flex: 0 0 auto;
}
.whyWearewe .card .card-body .card-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .whyWearewe .card .card-body .card-title {
    font-size: 24px;
  }
}
.whyWearewe .card .card-body .card-text {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -0.24px;
  color: #4F5E77;
}
@media (max-width: 1200px) {
  .whyWearewe .card .card-body .card-text {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .whyWearewe .card .card-body .card-text {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .whyWearewe .card {
    margin-bottom: 33%;
  }
}
@media (max-width: 1200px) {
  .whyWearewe .card {
    padding: 35px 30px;
    height: 415px;
  }
}
@media (max-width: 992px) {
  .whyWearewe .card {
    padding: 30px 20px;
    height: 470px;
  }
}
@media (max-width: 767px) {
  .whyWearewe .card {
    padding: 40px 32px;
    height: 340px;
  }
}

.startLink {
  margin-top: 50px;
  float: left;
}
.startLink .startWork {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.32px;
  color: #0B182B;
  background: #fff;
  padding: 15px 28px;
  border-radius: 28px;
  transition: all 0.5s;
  float: left;
}
@media (max-width: 767px) {
  .startLink .startWork {
    padding: 15px 20px;
    font-size: 16px;
  }
}
.startLink .startWork:hover img {
  transform: translateX(5px);
  transition: all 0.5s;
}
.startLink .startWork img {
  margin-left: 10px;
  transition: all 0.5s;
  transform: translateX(0px);
}

.bringIdeas {
  background-image: url("../images/ideas.png");
  background-repeat: no-repeat;
  background-position: 68% center;
  background-size: 33%;
  padding-top: 119px;
}
@media (max-width: 1200px) {
  .bringIdeas {
    background-size: 40%;
  }
}
@media (max-width: 992px) {
  .bringIdeas {
    background-size: 50%;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .bringIdeas {
    background-size: 300px;
    background-position: center center;
    padding: 60px 0px 90px;
  }
}

.deliverBusiness {
  padding: 203px 150px 210px;
  position: relative;
  z-index: 99;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .deliverBusiness {
    padding: 120px 0px;
  }
}
@media (max-width: 767px) {
  .deliverBusiness {
    background-position: center center;
  }
  .deliverBusiness br {
    display: none;
  }
}
.deliverBusiness .desGin {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: -1.3px;
  background: linear-gradient(158.72deg, #FF855B -23.09%, #F83E5D 90.35%), #f8595d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  opacity: 0.95;
  text-shadow: none;
  outline: 0;
}
@media (max-width: 767px) {
  .deliverBusiness .desGin {
    font-size: 28px;
  }
  .deliverBusiness .desGin br {
    display: none;
  }
}
.deliverBusiness:before {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.84) 24.55%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  width: 100%;
  height: 175px;
  left: 0;
  z-index: 99 !important;
}
.deliverBusiness .img-sec {
  margin-top: 80px;
  padding: 0;
}
.deliverBusiness .img-sec > .row {
  justify-content: center;
  align-items: center;
}
.deliverBusiness .img-sec .img-wrpr-1 {
  padding-right: 15px;
  width: 60%;
}
.deliverBusiness .img-sec .img-wrpr-1 img {
  max-height: 409px;
}
.deliverBusiness .img-sec .img-wrpr-2 {
  padding-left: 15px;
  max-height: 458px;
  width: 40%;
}
.deliverBusiness .img-sec img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.getReady {
  margin-top: 44px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .getReady {
    margin-top: 35px;
    display: block;
  }
}
.getReady .elGant {
  margin: 0;
  padding-right: 90px;
}
@media (max-width: 992px) {
  .getReady .elGant {
    padding-right: 10px;
  }
}
.getReady .elGant span {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.32px;
  color: #0F192A;
}
.getReady .elGant p {
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
  line-height: 1.5;
  letter-spacing: -0.32px;
  color: #0F192A;
}
@media (max-width: 767px) {
  .getReady .elGant p {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .getReady .elGant {
    width: 97%;
  }
}

.getStart {
  margin: 0;
  padding-top: 35px;
}
.getStart p, .getStart span {
  color: #432C1C;
}
.getStart p {
  margin-bottom: 40px;
}
.getStart .getStartbtn {
  background: #FFFFFF;
  border: 1px solid #EDF0F3;
  box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.06);
  border-radius: 28px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.32px;
  color: #0B182B;
}
.getStart .getStartbtn img {
  margin-left: 13px;
  position: relative;
  transition: all 0.5s;
  width: auto;
  transform: translateX(0px);
}
.getStart .getStartbtn:hover img {
  transform: translateX(5px);
}

.brandsBuilt {
  padding-top: 115px;
  padding-bottom: 115px;
  position: relative;
  z-index: 11;
}
.brandsBuilt::before {
  content: "";
  background: #FC6E63;
  opacity: 0.4;
  filter: blur(900px);
  border-radius: 24px;
  transform: rotate(75.37deg);
  position: absolute;
  width: 550.22px;
  height: 1120.76px;
  top: -340px;
  left: 170px;
}
@media (max-width: 1200px) {
  .brandsBuilt::before {
    left: 0;
    width: 100%;
    height: 768px;
  }
}
@media (max-width: 992px) {
  .brandsBuilt::before {
    width: 100%;
    height: 320.76px;
    top: 0px;
  }
}
@media (max-width: 767px) {
  .brandsBuilt::before {
    width: 93%;
  }
}
.brandsBuilt h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.32px;
  color: #432C1C;
  margin-bottom: 55px;
}
.brandsBuilt .brndSlide {
  height: 60px;
  display: flex;
  align-items: center;
}
.brandsBuilt .brndSlide img {
  width: auto !important;
  margin: auto;
  max-width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 60px;
}
@media (max-width: 767px) {
  .brandsBuilt {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.weProvide {
  padding-top: 58px;
  position: relative;
}
.weProvide::before {
  content: "";
  background: #07DE97;
  opacity: 0.3;
  filter: blur(900px);
  border-radius: 24px;
  transform: rotate(85.37deg);
  width: 550.22px;
  height: 1372.76px;
  left: 710.54px;
  position: absolute;
  top: -490px;
}
@media (max-width: 1200px) {
  .weProvide::before {
    width: 100%;
    height: 768px;
    left: 0;
  }
}
@media (max-width: 992px) {
  .weProvide::before {
    width: 98%;
    height: 324.76px;
    left: 0;
    top: 0px;
  }
}
.weProvide .tiTle {
  font-size: 96px;
  line-height: 1.04;
  letter-spacing: -4px;
}
@media (max-width: 1200px) {
  .weProvide .tiTle {
    font-size: 60px;
    letter-spacing: -2px;
  }
}
@media (max-width: 992px) {
  .weProvide .tiTle {
    font-size: 62px;
    letter-spacing: -2px;
  }
}
@media (max-width: 767px) {
  .weProvide .tiTle {
    font-size: 40px;
    letter-spacing: inherit;
  }
  .weProvide .tiTle br {
    display: none;
  }
}
.weProvide .content {
  width: 100%;
  margin-bottom: 73px;
}
.weProvide .content p {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  color: #334055;
  margin-top: 40px;
  padding-right: 19%;
}
@media (max-width: 1200px) {
  .weProvide .content p {
    font-size: 23px;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .weProvide .content p {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .weProvide .content p {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .weProvide {
    padding-bottom: 60px;
  }
}

.cardsInovate {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
}
@media (max-width: 1200px) {
  .cardsInovate {
    flex-wrap: wrap;
  }
}
.cardsInovate::before {
  content: "";
  position: absolute;
  width: 517px;
  height: 405px;
  left: -426px;
  top: 0;
  background: #FE8257;
  opacity: 0.12;
  filter: blur(454px);
}
.cardsInovate .card {
  padding: 45px 45px 49px 45px;
  max-width: 451px;
  min-width: 451px;
  float: left;
  margin-right: 36px;
  border-radius: 10px;
  border: 0px;
  background: #fff;
  transition: none;
  z-index: 1;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .cardsInovate .card {
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .cardsInovate .card {
    padding: 45px 30px 49px 30px;
    margin-right: 0;
  }
}
.cardsInovate .card:hover {
  box-shadow: 0px 50px 45px -30px rgba(0, 0, 0, 0.1);
}
.cardsInovate .card .imgBg {
  width: 98px;
  height: 98px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .cardsInovate .card .imgBg {
    width: 70px;
    height: 70px;
  }
}
.cardsInovate .card .imgBg img {
  width: 62px;
}
@media (max-width: 767px) {
  .cardsInovate .card .imgBg img {
    width: 40px;
  }
}
.cardsInovate .card.grn .card-body .card-title {
  background-image: linear-gradient(159.21deg, #23C55F -34.09%, #05888C 135.78%);
}
.cardsInovate .card.red .card-body .card-title {
  background-image: linear-gradient(158.72deg, #FF855B -23.09%, #F83E5D 90.35%), linear-gradient(159.21deg, #FF855B -34.09%, #FF855B 135.78%);
}
.cardsInovate .card.lightBlu .card-body .card-title {
  background-image: linear-gradient(115.2deg, #1A9BFE 10.7%, #322BE3 98.59%);
  opacity: 0.95;
}
.cardsInovate .card .card-body {
  padding: 28px 0 0 0;
}
.cardsInovate .card .card-body .card-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -1.48px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1200px) {
  .cardsInovate .card .card-body .card-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .cardsInovate .card .card-body .card-title {
    font-size: 30px;
  }
}
.cardsInovate .card .card-body p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -0.24px;
  color: #334055;
}
@media (max-width: 1200px) {
  .cardsInovate .card .card-body p {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .cardsInovate .card .card-body p {
    font-size: 18px;
  }
}
.cardsInovate .card.card_1 .card-body .card-title {
  color: #ff197b;
  -webkit-text-fill-color: #ff197b;
}
.cardsInovate .card.card_2 .card-body .card-title {
  color: #fe3c43;
  -webkit-text-fill-color: #fe3c43;
}
.cardsInovate .card.card_3 .card-body .card-title {
  color: #ff7957;
  -webkit-text-fill-color: #ff7957;
}
.cardsInovate .card.card_4 .card-body .card-title {
  color: #00d692;
  -webkit-text-fill-color: #00d692;
}
.cardsInovate .card.card_5 .card-body .card-title {
  color: #006ff9;
  -webkit-text-fill-color: #006ff9;
}
.cardsInovate .card.card_6 .card-body .card-title {
  color: #ac7afa;
  -webkit-text-fill-color: #ac7afa;
}
.cardsInovate .card.card_7 .card-body .card-title {
  color: #00baa1;
  -webkit-text-fill-color: #00baa1;
}

.checkOutproductDesign {
  padding: 128px 0px 60px;
  position: relative;
}
@media (max-width: 992px) {
  .checkOutproductDesign {
    padding: 100px 0px 60px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .checkOutproductDesign {
    padding: 50px 0px 60px;
  }
}
.checkOutproductDesign::before {
  content: "";
  position: absolute;
  width: 764px;
  height: 764px;
  left: 0;
  top: 0;
  background: #ED5F9B;
  opacity: 0.2;
  filter: blur(454px);
}
@media (max-width: 992px) {
  .checkOutproductDesign::before {
    width: 100%;
    left: 0;
  }
}
.checkOutproductDesign .flowHeading {
  width: 100%;
  margin-bottom: 150px;
  float: left;
  position: relative;
  z-index: 9;
}
.checkOutproductDesign .flowHeading label {
  width: 100%;
  float: left;
}
.checkOutproductDesign .flowHeading span {
  width: 100%;
  float: left;
}
.checkOutproductDesign .flowHeading h1.header_title_line {
  font-weight: 600;
  font-size: 70px;
  line-height: 1.1;
  letter-spacing: -3px;
  color: #0F192A;
}
@media (max-width: 1200px) {
  .checkOutproductDesign .flowHeading h1.header_title_line {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .checkOutproductDesign .flowHeading h1.header_title_line {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .checkOutproductDesign .flowHeading h1.header_title_line {
    font-size: 35px;
    letter-spacing: inherit;
  }
}
.checkOutproductDesign .flowHeading + .img-content-wrpr .projectImg {
  margin-top: 0;
}
.checkOutproductDesign .img-content-wrpr {
  max-width: 420px;
  margin: auto;
}
.checkOutproductDesign .projectImg {
  width: 100%;
  margin-top: 115px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkOutproductDesign .projectImg img {
  width: 100%;
  min-height: 530px;
  max-height: 533px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .checkOutproductDesign .projectImg img {
    min-height: 100%;
  }
}
.checkOutproductDesign .projectImg img.tagSmall {
  max-width: 36px;
  position: absolute;
  left: 24px;
  top: 22px;
  min-height: inherit;
  max-height: initial;
  height: auto;
}
.checkOutproductDesign .projectImg .tags {
  padding: 6px 8px;
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 6px;
  position: absolute;
  margin: auto;
  opacity: 0;
  z-index: 1;
}
.checkOutproductDesign .projectImg .tags .linkSetbtn {
  background: #FFFFFF;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.06);
  border-radius: 28px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.32px;
  color: #0B182B;
  padding: 15px 26px;
  text-transform: capitalize;
}
.checkOutproductDesign .projectImg .tags .linkSetbtn img {
  min-height: inherit;
  max-height: initial;
  height: auto;
  width: auto;
  margin-left: 15px;
}
.checkOutproductDesign .projectImg::before {
  content: "";
  position: absolute;
  background: rgba(11, 24, 43, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 12px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in;
}
.checkOutproductDesign .projectImg:hover .tags {
  opacity: 1;
}
.checkOutproductDesign .projectImg:hover::before {
  opacity: 1;
  pointer-events: all;
  transition: all 0.2s ease-in;
}
.checkOutproductDesign .projectContent {
  display: flex;
  align-items: center;
  margin-top: 27px;
  padding-left: 15px;
}
.checkOutproductDesign .projectContent .detAils {
  float: left;
  width: 100%;
}
.checkOutproductDesign .projectContent .detAils .heAd {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.checkOutproductDesign .projectContent .detAils .heAd h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.44;
  letter-spacing: -1px;
  color: #0B182B;
  float: left;
  margin-right: 23px;
}
@media (max-width: 1200px) {
  .checkOutproductDesign .projectContent .detAils .heAd h3 {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .checkOutproductDesign .projectContent .detAils .heAd h3 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .checkOutproductDesign .projectContent .detAils .heAd h3 {
    font-size: 25px;
  }
}
.checkOutproductDesign .projectContent .detAils .heAd .tags {
  padding: 8px 8px 5px;
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 6px;
}
.checkOutproductDesign .projectContent .detAils .heAd .tags.red {
  background-color: #E94C6A;
}
.checkOutproductDesign .projectContent .detAils .heAd .tags.prpl {
  background-color: #A066FF;
}
.checkOutproductDesign .projectContent .detAils .heAd .tags.orng {
  background-color: #FE7263;
}
.checkOutproductDesign .projectContent .detAils p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #4F5E77;
  float: left;
  width: 100%;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .checkOutproductDesign .projectContent .detAils p {
    font-size: 18px;
  }
}
.checkOutproductDesign .projectContent .detAils .linkSet {
  float: left;
  width: 100%;
  margin-top: 19px;
}
.checkOutproductDesign .projectContent .detAils .linkSet .linkSetbtn {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #0B182B;
}
.checkOutproductDesign .projectContent .detAils .linkSet .linkSetbtn img {
  margin-left: 16px;
  transition: all 0.3s;
}
.checkOutproductDesign .projectContent .detAils .linkSet .linkSetbtn:hover img {
  margin-left: 18px;
}
@media (max-width: 767px) {
  .checkOutproductDesign .projectContent .detAils .linkSet .linkSetbtn {
    font-size: 17px;
  }
}
@media (max-width: 992px) {
  .checkOutproductDesign .projectContent {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .checkOutproductDesign .projectContent {
    padding-top: 20px;
  }
}

.projectList {
  float: left;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.projectList .btn-block {
  width: auto;
}
.projectList .btn-block .btn2-thin {
  height: 56px;
  line-height: 1.33;
  font-size: 18px;
}
.projectList .btn-block .btn2-thin .arrow-btn-wrap {
  width: 32px;
}

#brandSections .owl-nav button {
  background-color: #FFFFFF !important;
  box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 15%;
  left: -30px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #brandSections .owl-nav button {
    left: -40px;
  }
}
@media (max-width: 480px) {
  #brandSections .owl-nav button {
    left: 0px;
  }
}

#brandSections .owl-nav button.owl-next {
  left: auto;
  right: -30px;
}
@media (max-width: 767px) {
  #brandSections .owl-nav button.owl-next {
    right: -40px;
  }
}
@media (max-width: 480px) {
  #brandSections .owl-nav button.owl-next {
    right: 0px;
  }
}

#brandSections .owl-nav button span {
  font-size: 30px;
  margin-top: -2px;
}

@media only screen and (min-height: 768px) {
  .relxHands.prJct .relHeading {
    margin-bottom: 33%;
  }
  .whyWearewe .card {
    margin-bottom: 33%;
  }
}
.owl-nav .owl-prev {
  left: -50px !important;
}

.owl-nav .owl-next {
  right: -50px !important;
}

.filterList-ul {
  display: flex;
  max-width: 92%;
  width: 100%;
  overflow: auto;
  align-items: center;
}
.filterList-ul .filterList-li {
  display: flex;
}
.filterList-ul .filterList-li .link-text {
  padding: 14px 30px;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #898B8E;
}
.filterList-ul .filterList-li.active .link-text {
  background: #100900;
  border-radius: 59px;
  color: #fff;
}

.noSearch {
  padding-left: 20px;
  border-left: 1px solid #EAE8E8;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.noSearch .search-filter {
  cursor: pointer;
}

.filter-data {
  margin-top: 60px;
}

.post-content {
  height: calc(100% - 256px);
  display: flex;
  flex-direction: column;
}

.influencer-article {
  background: #FFFFFF;
  box-shadow: 0px 8px 64px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.influencer-article .post-image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  max-height: 257px;
}
.influencer-article .post-image img {
  margin-left: auto;
  display: block;
  position: relative;
  left: 10px;
}
.influencer-article.bg-yellow .post-image {
  background: #FFD788;
}
.influencer-article.bg-yellow .post-cat {
  color: #C58200;
}
.influencer-article.bg-yellow .influencer-insight {
  background: linear-gradient(180deg, rgba(214, 150, 24, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-peach .post-image {
  background: #e8c6c6;
}
.influencer-article.bg-peach .post-cat {
  color: #deb4b4;
}
.influencer-article.bg-peach .influencer-insight {
  background: linear-gradient(180deg, rgba(112, 76, 67, 0.8) 0%, rgb(120, 107, 107) 100%);
}
.influencer-article.bg-blue .post-image {
  background: #88B0FF;
}
.influencer-article.bg-blue .post-cat {
  color: #2F68D6;
}
.influencer-article.bg-blue .influencer-insight {
  background: linear-gradient(180deg, rgba(45, 123, 241, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-pink .post-image {
  background: #FF88A5;
}
.influencer-article.bg-pink .post-cat {
  color: #D11949;
}
.influencer-article.bg-pink .influencer-insight {
  background: linear-gradient(180deg, rgba(237, 25, 76, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-orng .post-image {
  background: #FFB388;
}
.influencer-article.bg-orng .post-cat {
  color: #D46121;
}
.influencer-article.bg-orng .influencer-insight {
  background: linear-gradient(180deg, rgba(248, 103, 21, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-prpl .post-image {
  background: #C388FF;
}
.influencer-article.bg-prpl .post-cat {
  color: #6C15C5;
}
.influencer-article.bg-prpl .influencer-insight {
  background: linear-gradient(180deg, rgba(105, 3, 210, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-sky .post-image {
  background: #A6EAFF;
}
.influencer-article.bg-sky .post-cat {
  color: #0681A7;
}
.influencer-article.bg-sky .influencer-insight {
  background: linear-gradient(180deg, rgba(8, 155, 201, 0.8) 0%, rgba(71, 48, 48, 0.32) 100%);
}
.influencer-article.bg-gray .post-image {
  background: #777575;
}
.influencer-article.bg-gray .post-cat {
  color: #333131;
}
.influencer-article.bg-gray .influencer-insight {
  background: linear-gradient(180deg, rgba(76, 68, 68, 0.32) 100%, rgba(76, 68, 68, 0.32) 100%);
}
.influencer-article .influencer-insight::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/images/Influencer/article-bg.png") !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  left: 0;
  top: 0;
  z-index: 0;
}
.influencer-article .influencer-insight-block {
  position: relative;
  z-index: 1;
}
.influencer-article .post-cat {
  position: absolute;
  left: 0;
  top: 20px;
  background: #FFFFFF;
  border-radius: 0px 80px 80px 0px;
  padding: 4px 12px;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
}
.influencer-article .influencer-insight {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 12px 16px;
}
.influencer-article .inf-name {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #FFFFFF;
  margin-top: 8px;
  line-height: 16px;
}
.influencer-article .inf-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
  position: relative;
  width: auto;
  display: inline-block;
}
.influencer-article .inf-title:before {
  content: "";
  position: absolute;
  width: 45px;
  background: #EEDFC3;
  height: 1px;
  left: -60px;
  top: 7px;
}
.influencer-article .inf-title:after {
  content: "";
  position: absolute;
  width: 45px;
  background: #EEDFC3;
  height: 1px;
  right: -60px;
  top: 7px;
}
.influencer-article .content-heading {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  display: block;
  margin-top: 18px;
}
.influencer-article .content-text {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.24px;
  color: #334055;
  display: block;
  margin-top: 8px;
}
.influencer-article .post-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0px;
}
.influencer-article .pst-date {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.03em;
  color: #898B8E;
}
.influencer-article .read-now {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.17;
  text-transform: capitalize;
  color: #2D72F0;
}
.influencer-article .onHover {
  position: unset !important;
}
.influencer-article .onHover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.filter-data .row > div {
  margin-bottom: 40px;
}

.signUp-weekly {
  background: #E3EDFF;
  padding: 80px;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .signUp-weekly {
    padding: 80px 0px;
  }
}
.signUp-weekly .signup-influencer {
  max-width: 890px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.signUp-weekly .title-head {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.88444px;
  color: #0B192E;
}
@media (max-width: 767px) {
  .signUp-weekly .title-head {
    font-size: 47px;
    line-height: 1;
  }
}
.signUp-weekly .sub-text {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -0.24px;
  color: #546D8A;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .signUp-weekly .sub-text {
    font-size: 20px;
    line-height: 25px;
  }
}
.signUp-weekly .signUp-from {
  max-width: 698px;
  margin: 50px auto 0px;
  position: relative;
  width: 100%;
}
.signUp-weekly .signUp-from .forn-field {
  width: 100%;
  background: #FFFFFF;
  border-radius: 47px;
  border: none;
  box-shadow: none;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #94A3B8;
  padding: 22px 160px 22px 22px;
  outline: none;
}
.signUp-weekly .signUp-from .submit-form {
  background: #2D7EF2;
  border-radius: 48px;
  border: 1px solid #2D7EF2;
  padding: 13px 40px;
  color: #fff;
  position: absolute;
  right: 6px;
  top: 6px;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.02em;
  cursor: pointer;
  outline: none;
}

/*** --------------------------------- influence-detail --------------------------------- ***/
.padding-zero {
  padding: 0px;
}

.influence-detail .home-banner-in {
  padding-bottom: 0px;
}

.audioFile {
  margin-bottom: 24px;
  max-width: 551px;
}
.audioFile audio {
  width: 100%;
}

.blog-fields .influencer-article {
  padding: 0px;
}
.blog-fields .post-cat {
  font-size: 20px;
  line-height: 1.2;
  padding: 8px 24px;
}
.blog-fields .influencer-data {
  background: #F5F9FF;
  border-radius: 0px 0px 14px 14px;
}
.blog-fields .article-data {
  padding: 40px 24px;
  margin-bottom: 40px;
}
.blog-fields .article-data .article-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.33;
  color: #000000;
}
.blog-fields .article-data .article-content {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.24px;
  color: #334055;
  margin-top: 16px;
  display: block;
}

.art-text {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.24px;
  color: #334055;
}

.mt-40 {
  margin-top: 40px;
}

.mt-16 {
  margin-top: 16px;
}

.questionAwnser {
  margin-top: 60px;
}
.questionAwnser .question-list {
  margin-bottom: 60px;
}
.questionAwnser .question-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.144px;
  margin-bottom: 24px;
  display: block;
  color: #0B182B;
}
.questionAwnser .awnser-text {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.24px;
  color: #334055;
}
.questionAwnser .title-li {
  color: #5190F5;
}

.box-card {
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #EFF1F5;
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.04);
  border-radius: 14px;
}
.box-card .card-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.48px;
  color: #0B182B;
  opacity: 0.95;
  margin-top: 18px;
}

.influence-details {
  margin-top: 50px;
}

.cards-footer {
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}
.cards-footer .pst-date {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.03em;
  color: #898B8E;
}
.cards-footer .read-now {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.17;
  text-transform: capitalize;
  color: #2D72F0;
}

.card-image img {
  width: 100%;
}

div.influence-detail {
  overflow: inherit;
}

.scheduleConsultation {
  margin-top: 40px;
  background: #FFFFFF;
  border: 1px solid #EFF1F5;
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.04);
  border-radius: 14px;
  overflow: hidden;
  position: sticky;
  top: 120px;
}
.scheduleConsultation .schedule-header {
  background: #F5F9FF;
  padding: 24px;
  display: flex;
}
@media screen and (max-height: 730px) {
  .scheduleConsultation .schedule-header {
    padding: 12px 24px;
  }
}
.scheduleConsultation .schedule-profile {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  min-width: 80px;
  min-height: 80px;
}
@media screen and (max-height: 730px) {
  .scheduleConsultation .schedule-profile {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
  }
}
.scheduleConsultation .schedule-profile img {
  width: 100%;
}
.scheduleConsultation .schedule-info {
  width: 77%;
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scheduleConsultation .schedule-info .in-name {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #1753AD;
}
.scheduleConsultation .schedule-info .in-address {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.4px;
  color: #334055;
  margin-top: 8px;
}
.scheduleConsultation .schedule-body {
  margin-top: 8px;
  padding: 24px;
}
@media screen and (max-height: 730px) {
  .scheduleConsultation .schedule-body {
    padding: 5px 24px;
  }
}
.scheduleConsultation .schedule-consultation {
  margin-top: 28px;
}
@media screen and (max-height: 730px) {
  .scheduleConsultation .schedule-consultation {
    margin-top: 15px;
  }
}
@media screen and (max-height: 640px) {
  .scheduleConsultation .schedule-consultation {
    margin-top: 10px;
  }
}
.scheduleConsultation .schedule-consultation .form-fields {
  margin-bottom: 12px;
}
.scheduleConsultation .consultation-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #0B182B;
}
.scheduleConsultation .consultation-subtitle {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.4px;
  color: #334055;
  margin-top: 4px;
}

.form-fields {
  margin-bottom: 20px;
}

.input-field, .textareas-field {
  background: #FFFFFF;
  border: 1px solid #DDE1EB;
  border-radius: 6px;
  padding: 13px 15px;
  width: 100%;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #90A0B9;
}

@media screen and (max-height: 730px) {
  .schedule-consultation .floating-effect {
    margin-bottom: 12px;
  }
}
.schedule-consultation .floating-effect .input-field {
  height: 42px;
  background: #fff;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.5px;
  color: #90A0B9;
  padding-left: 17px;
  padding-bottom: 26px;
}
.schedule-consultation .floating-effect .field-label {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #90A0B9;
  padding: 0px 3px;
}
.schedule-consultation .floating-effect textarea {
  background: #fff;
  padding: 35px 15px 10px;
  height: 101px;
}
@media screen and (max-height: 730px) {
  .schedule-consultation .floating-effect textarea {
    height: 80px;
  }
}
@media screen and (max-height: 640px) {
  .schedule-consultation .floating-effect textarea {
    height: 70px;
  }
}
.schedule-consultation .floating-effect input:focus {
  box-shadow: none;
  border-color: #DDE1EB;
}
.schedule-consultation .floating-effect input:focus ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .floating-effect input:not(:-moz-placeholder-shown) ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .floating-effect input:not(:placeholder-shown) ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .floating-effect .textareas-field:focus {
  box-shadow: none;
  border-color: #DDE1EB;
}
.schedule-consultation .floating-effect .textareas-field:focus ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .floating-effect .textareas-field:not(:-moz-placeholder-shown) ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .floating-effect .textareas-field:not(:placeholder-shown) ~ label {
  top: -8px;
  background-color: #fff;
  color: #077EFF;
}
.schedule-consultation .action-button {
  margin-top: 12px;
  margin-bottom: 8px;
}
.schedule-consultation .action-button .sbt-btn {
  background: #2D7EF2;
  border-radius: 48px;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  width: 100%;
  display: block;
  padding: 16px;
  border: 1px solid #2D7EF2;
  cursor: pointer;
  outline: none;
}

.relatedInfluencer {
  margin: 140px 0px;
}
.relatedInfluencer .relatedInfluencer-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -1.88444px;
  color: #0B192E;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .relatedInfluencer .relatedInfluencer-title {
    font-size: 49px;
  }
}

.relatedInfluencer .row > div {
  margin-bottom: 40px;
}

.career-banner .home-banner-in p {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
.career-banner .home-banner-in .supertext-small {
  margin-bottom: 12px;
}
.career-banner .home-banner-in h1 {
  font-size: 50px;
  line-height: 64px;
  letter-spacing: -0.5px;
}
@media all and (max-width: 767px) {
  .career-banner .home-banner-in h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}

.details-left .influencer-insight {
  min-height: 127px;
  padding-top: 18px;
}
.details-left .influencer-article .post-image {
  max-height: 443px;
}
.details-left .influencer-article .post-image img {
  position: relative;
  left: 20px;
}
.details-left .influencer-article .inf-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.17;
}
.details-left .influencer-article .inf-name {
  font-weight: 600;
  font-size: 44.7693px;
  line-height: 48px;
  margin-top: 13px;
}
.details-left .influencer-article .inf-title:before {
  left: -75%;
  width: 70%;
}
.details-left .influencer-article .inf-title:after {
  right: -75%;
  width: 70%;
}
.details-left .art-text {
  font-size: 20px;
}
.details-left .awnser-text {
  font-size: 18px;
  letter-spacing: -0.5px;
}
.details-left .click-drape {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: all ease-in-out 250ms;
  background-color: white;
  z-index: 1100;
  background: white;
  display: block;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}
.details-left .click-drape.active {
  top: 100%;
  opacity: 1;
}
.details-left .click-drape.bottom {
  bottom: 100%;
  opacity: 1;
  transition-duration: 300ms;
}

.author-linkedin-logo {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.author-linkedin-logo .link-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: -0.5px;
  color: #178DD3;
}
.author-linkedin-logo .link-text img {
  width: 24px;
}

.f-w500 {
  font-weight: 500;
}

.mt-20 {
  margin-top: 20px;
}

.ordered-question li {
  list-style: auto !important;
}

.canteenPage * {
  font-family: "Lexend", sans-serif;
}

.font-Prompt {
  font-family: "Prompt", sans-serif;
}

.font-PT-Serif {
  font-family: "PT Serif Caption", serif !important;
}

.font-Playfair {
  font-family: "Playfair Display", serif;
}

.apricot-white {
  color: #F8F1DD;
}

.color-jasmine {
  color: #FFD98D;
}

.bg-transparent {
  background: transparent !important;
  -webkit-text-fill-color: inherit !important;
}

.contact-btns {
  display: flex;
  padding: 17px 38px;
  justify-content: flex-end;
  align-items: center;
  color: #0F172A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.32px;
  background: #fff;
  border-radius: 44px;
}

.canteenPage .hero-inner-block {
  padding-top: 150px;
}
.canteenPage .header-wrap .nava {
  color: #fff !important;
}
.canteenPage .hero-work-block {
  background: #024E44;
  padding-bottom: 270px;
}
.canteenPage .hero-work-block p {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 133.333%;
  letter-spacing: -0.24px;
  max-width: 778px;
  margin: 0px auto 64px;
}
.canteenPage .hero-work-block label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.canteenPage .envision-sec {
  padding-top: 140px;
}

.small-logo {
  width: 70px;
  height: 70px;
}

.md-small-logo {
  width: 110px;
  height: 110px;
  position: relative;
  top: -20px;
}

.CanttyLogoSmall {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.ct-download-btn {
  padding: 18px 42px;
  border-radius: 47px;
  background: #F8F1DD;
  color: #024E44;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 122.222%;
  letter-spacing: -0.54px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .ct-download-btn {
    font-size: 15px;
    padding: 18px 16px;
  }
}
.ct-download-btn:hover {
  background: #0a1c18;
  color: #fff;
  transition: all 0.4s;
}

.your-craving {
  border-radius: 0px 0px 70px 70px;
  background: #FFEE93;
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 992px) {
  .your-craving {
    padding-bottom: 40px;
    border-radius: 0px 0px 20px 20px;
  }
}
@media (max-width: 767px) {
  .your-craving {
    padding-bottom: 40px;
    border-radius: 0px 0px 20px 20px;
  }
}

.put-craving {
  margin-top: -130px;
  padding: 16px;
  overflow: hidden;
  position: relative;
  will-change: transform;
  border-radius: 42px;
  border: 4px solid rgba(255, 255, 255, 0.29);
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(27px);
          backdrop-filter: blur(27px);
}
@media (max-width: 767px) {
  .put-craving {
    padding: 6px;
    border-radius: 20px;
  }
}

.craving-cont {
  border-radius: 42px;
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .craving-cont {
    border-radius: 20px;
  }
}
.craving-cont video {
  width: 100%;
  border-radius: 42px;
}
@media (max-width: 767px) {
  .craving-cont video {
    border-radius: 20px;
  }
}

.enBy-illuminz {
  margin-top: 80px;
  width: 100%;
}
@media (max-width: 992px) {
  .enBy-illuminz {
    margin-top: 30px;
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .enBy-illuminz {
    margin-top: 30px;
    padding: 0px 20px;
  }
}
.enBy-illuminz h4 {
  text-align: center;
  color: #0F172A;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -1.44px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .enBy-illuminz h4 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .enBy-illuminz h4 {
    font-size: 27px;
  }
}
.enBy-illuminz p {
  text-align: center;
  color: #584B33;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.41;
  letter-spacing: -0.24px;
  max-width: 1075px;
  margin: auto;
}
@media (max-width: 992px) {
  .enBy-illuminz p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .enBy-illuminz p {
    font-size: 16px;
  }
}

.crafted-illuminz {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  color: #5B5014;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.41;
}
@media (max-width: 992px) {
  .crafted-illuminz {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .crafted-illuminz {
    font-size: 18px;
  }
}
.crafted-illuminz .cr-text {
  font-family: "PT Serif Caption", serif !important;
}
.crafted-illuminz img {
  width: 23px;
}

.BeyondSeamless {
  padding-top: 220px;
  background: #FFFAED;
  margin-top: -56px;
}
@media (max-width: 992px) {
  .BeyondSeamless {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .BeyondSeamless {
    padding-top: 110px;
  }
}
.BeyondSeamless .h2_1 {
  color: #312D25;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -2.4px;
  padding-bottom: 24px;
  max-width: 956px;
  margin: 0px auto;
}
@media (max-width: 992px) {
  .BeyondSeamless .h2_1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .BeyondSeamless .h2_1 {
    font-size: 27px;
  }
}
.BeyondSeamless .p_1 {
  color: #584B33;
  font-size: 24px;
  font-weight: 300;
  line-height: 141.667%;
  letter-spacing: -0.24px;
  max-width: 916px;
  margin: 0px auto;
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  .BeyondSeamless .p_1 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .BeyondSeamless .p_1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.BeyondSeamless .project-planned {
  background-color: transparent;
}
.BeyondSeamless .project-planned .container {
  padding: 0px;
}
.BeyondSeamless .project-planned div.txt-area {
  border-bottom: 0px;
  padding-bottom: 0px !important;
}
.BeyondSeamless .project-planned .colored-sec {
  padding: 80px 0px 0px 0px;
}
@media (max-width: 992px) {
  .BeyondSeamless .project-planned .colored-sec {
    padding: 40px 0px 0px 0px;
  }
}
@media (max-width: 480px) {
  .BeyondSeamless .project-planned .colored-sec {
    padding: 20px 0px 0px 0px;
  }
}
@media (max-width: 480px) {
  .BeyondSeamless .project-planned .colored-sec::before {
    margin-bottom: 0px !important;
  }
}
.BeyondSeamless .project-planned .colored-sec::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0px;
  left: 29px;
  z-index: 0;
  border-right: 0px;
  background-image: none !important;
}
@media only screen and (max-width: 576px) {
  .BeyondSeamless .project-planned .colored-sec::after {
    left: 34px;
  }
}
@media (max-width: 480px) {
  .BeyondSeamless .project-planned .colored-sec::after {
    left: 10px;
  }
}
.BeyondSeamless .project-planned .yellow-sec::after {
  border-left: 1px dashed #F3BD0F;
  height: 100%;
}
@media (max-width: 992px) {
  .BeyondSeamless .project-planned .yellow-sec::after {
    top: 0%;
    left: 7px;
  }
}
.BeyondSeamless .project-planned .yellow-sec::before {
  background-color: #F3BD0F;
}
.BeyondSeamless .project-planned .orange-sec::after {
  border-left: 1px dashed #FA555C;
  height: calc(100% - 30px);
  top: 24%;
}
@media (max-width: 1200px) {
  .BeyondSeamless .project-planned .orange-sec::after {
    top: 30%;
  }
}
@media (max-width: 992px) {
  .BeyondSeamless .project-planned .orange-sec::after {
    top: 17%;
  }
}
@media (max-width: 767px) {
  .BeyondSeamless .project-planned .orange-sec::after {
    top: 22%;
    left: 29px;
  }
}
@media (max-width: 480px) {
  .BeyondSeamless .project-planned .orange-sec::after {
    top: 15%;
    height: 98%;
    left: 8px;
  }
}
@media (max-width: 380px) {
  .BeyondSeamless .project-planned .orange-sec::after {
    top: 14%;
    height: 86%;
  }
}
.BeyondSeamless .project-planned .green-sec {
  position: relative;
}
.BeyondSeamless .project-planned .green-sec::after {
  border-left: 1px dashed #18A714;
  height: calc(100% - 132px);
  top: 130px;
  opacity: 0;
}
@media (max-width: 992px) {
  .BeyondSeamless .project-planned .green-sec::after {
    height: 15%;
  }
}
@media (max-width: 380px) {
  .BeyondSeamless .project-planned .green-sec::after {
    height: 15%;
    left: 7px;
  }
}
.BeyondSeamless .project-planned .green-sec::before {
  background-color: #18A714;
}
.BeyondSeamless .project-planned .green-sec .txt-area {
  border-bottom: none !important;
}
@media (max-width: 767px) {
  .BeyondSeamless .project-planned .green-sec .caf-Operations-info {
    position: relative;
    top: 12px;
  }
}

.caf-Operations-ul {
  display: flex;
  position: relative;
  gap: 32px;
  list-style: none;
}
@media (max-width: 992px) {
  .caf-Operations-ul {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .caf-Operations-ul {
    flex-direction: column;
    padding: 0 !important;
    margin-top: 20px;
  }
}
.caf-Operations-ul li {
  list-style: none;
}
.caf-Operations-ul li .sv-Logs {
  position: absolute;
  width: 100px;
  top: 10px;
}
@media (max-width: 767px) {
  .caf-Operations-ul li .sv-Logs {
    position: relative;
    top: 20px;
  }
}
.caf-Operations-ul li video {
  width: 100%;
}
.caf-Operations-ul .caf-Operation-top {
  position: relative;
  top: -60px;
  list-style: none;
}
@media (max-width: 992px) {
  .caf-Operations-ul .caf-Operation-top {
    top: 0px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .caf-Operations-ul .caf-Operation-top {
    top: 0px;
    padding: 0px;
  }
}
.caf-Operations-ul .caf-Operation-bottom {
  position: relative;
  top: 15px;
}
@media (max-width: 992px) {
  .caf-Operations-ul .caf-Operation-bottom {
    top: 0px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .caf-Operations-ul .caf-Operation-bottom {
    top: 0px;
    padding: 0px;
  }
}

.caf-Operations-info h4 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.23;
  letter-spacing: -1.04px;
}
.caf-Operations-info p {
  color: #8E836F;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: -0.18px;
  margin-top: 12px;
}

.savor-time {
  padding: 65px 0px 172px;
}
@media (max-width: 992px) {
  .savor-time {
    padding: 30px 0px 60px;
  }
}
@media (max-width: 767px) {
  .savor-time {
    padding: 30px 0px 60px;
  }
}
.savor-time .sv-time-head {
  color: #E54871;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 86.996px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.87px;
  max-width: 828px;
  margin: auto;
  text-align: center;
}
@media (max-width: 992px) {
  .savor-time .sv-time-head {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .savor-time .sv-time-head {
    font-size: 30px;
  }
}

.user-app-power {
  background: #024E44;
  padding: 164px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .user-app-power {
    padding: 65px 0px;
  }
}
@media (max-width: 767px) {
  .user-app-power {
    padding: 40px 0px;
  }
}
.user-app-power .app-text-in {
  max-width: 664px;
  margin: auto;
}
@media (max-width: 992px) {
  .user-app-power .app-text-in h2 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .user-app-power .app-text-in h2 {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .user-app-power .app-text-in h4 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .user-app-power .app-text-in h4 {
    font-size: 30px;
  }
}
.user-app-power .app-text-in p {
  max-width: 600px;
  margin: auto;
  color: #F8F1DD;
}
@media (max-width: 992px) {
  .user-app-power .app-text-in p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .user-app-power .app-text-in p {
    font-size: 16px;
  }
}

.ps-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.appSlidesWrap {
  margin-top: 76px;
}

.appSlides {
  margin-top: 29px;
  margin-left: 80px;
  max-height: 520px;
  display: flex;
  gap: 16px;
  position: relative;
  z-index: 1;
  transition: all linear 100ms;
}
@media (max-width: 992px) {
  .appSlides {
    flex-wrap: wrap;
    margin-left: unset;
    margin: 80px 26px;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
@media (max-width: 380px) {
  .appSlides {
    flex-wrap: wrap;
    margin-left: unset;
    margin: 80px 26px;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
.appSlides .slide-card {
  min-width: 416px;
  max-height: 520px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 22px 0px 22px;
  border-radius: 32px;
  overflow: hidden;
  justify-content: space-between;
}
@media (min-width: 1800px) {
  .appSlides .slide-card {
    max-width: 500px;
    min-width: 500px;
  }
}
@media (max-width: 992px) {
  .appSlides .slide-card {
    min-width: calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .appSlides .slide-card {
    min-width: 100%;
  }
}
.appSlides .slide-card .slide-figure {
  max-height: 385px;
}
.appSlides .slide-card .slide-figure video {
  border-radius: 24px;
  width: 100%;
}
.appSlides .slide-card-wrap .slide-title {
  letter-spacing: -1.04px;
}
@media (max-width: 992px) {
  .appSlides .slide-card-wrap .slide-title {
    font-size: 21px;
  }
  .appSlides .slide-card-wrap .slide-title br {
    display: none;
  }
}
.appSlides .slide-card-wrap .slide-text {
  letter-spacing: -0.18px;
}

.features-management {
  padding: 165px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .features-management {
    padding: 65px 0px;
  }
}
@media (max-width: 767px) {
  .features-management {
    padding: 40px 0px;
  }
}
@media (max-width: 992px) {
  .features-management .c-header_title_line {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .features-management .c-header_title_line {
    font-size: 30px;
  }
}
.features-management .feature-line-svg {
  position: absolute;
  bottom: 150px;
  z-index: -1;
}
.features-management .c-header_title_line {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.section-header p {
  font-size: 24px;
  color: #7E829F;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.24px;
}
@media (max-width: 992px) {
  .section-header p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .section-header p {
    font-size: 16px;
  }
}

.section-content {
  margin-top: 77px;
}
@media (max-width: 992px) {
  .section-content {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .section-content {
    margin-top: 30px;
  }
}

.features-cards-wrap {
  display: flex;
  gap: 15px;
  position: relative;
}
@media (max-width: 992px) {
  .features-cards-wrap {
    flex-wrap: wrap;
  }
}
.features-cards-wrap .cards-data {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .features-cards-wrap .cards-data {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .features-cards-wrap .cards-data {
    margin-top: 20px;
  }
}
.features-cards-wrap .cards-data .ft-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.3px;
  text-align: center;
}
@media (max-width: 992px) {
  .features-cards-wrap .cards-data .ft-title {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .features-cards-wrap .cards-data .ft-title {
    font-size: 21px;
  }
  .features-cards-wrap .cards-data .ft-title br {
    display: none;
  }
}
.features-cards-wrap .cards-data .ft-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.36px;
  text-align: center;
}
@media (max-width: 992px) {
  .features-cards-wrap .cards-data .ft-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .features-cards-wrap .cards-data .ft-text {
    font-size: 14px;
  }
}

.features-cards {
  padding: 10px;
  border-radius: 40px;
  width: 25%;
  transition: all 0.5s;
  overflow: hidden;
  cursor: pointer;
}
.features-cards:hover {
  transform: rotate(0deg) !important;
  transition: all 0.5s;
}
@media (max-width: 992px) {
  .features-cards {
    width: calc(50% - 10px);
    padding: 20px 10px;
  }
}
@media (max-width: 767px) {
  .features-cards {
    width: 100%;
  }
}
.features-cards.add-new {
  background: #FCDBFF;
}
@media (max-width: 992px) {
  .features-cards.add-new {
    transform: rotate(0deg);
  }
}
.features-cards.add-new .ft-title {
  color: #553558;
}
.features-cards.add-new .ft-text {
  color: #755A78;
}
.features-cards.clear-pending {
  background: #F6BD96;
}
@media (max-width: 992px) {
  .features-cards.clear-pending {
    transform: rotate(0deg);
  }
}
.features-cards.clear-pending .ft-title {
  color: #544033;
}
.features-cards.clear-pending .ft-text {
  color: #746155;
}
.features-cards.update-product {
  background: #FDDA7A;
}
@media (max-width: 992px) {
  .features-cards.update-product {
    transform: rotate(0deg);
  }
}
.features-cards.update-product .ft-title {
  color: #584F37;
}
.features-cards.update-product .ft-text {
  color: #706851;
}
.features-cards.accept-reject {
  background: #C3CEA2;
}
@media (max-width: 992px) {
  .features-cards.accept-reject {
    transform: rotate(0deg);
  }
}
.features-cards.accept-reject .ft-title {
  color: #4B5334;
}
.features-cards.accept-reject .ft-text {
  color: #666E4D;
}
.features-cards .cards-figure {
  height: 155px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .features-cards .cards-figure {
    height: auto;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.features-cards .cards-figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.features-cards .cards-figure video {
  width: 100%;
}
@media (max-width: 767px) {
  .features-cards .cards-figure video {
    width: auto;
  }
}

@media (max-width: 992px) {
  .why-us-title .why-title {
    font-size: 30px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .why-us-title .why-title {
    font-size: 26px;
  }
}

.why-us-new {
  background: #FFFAED;
  display: flex;
  flex-wrap: wrap;
}
.why-us-new .details-why-us {
  width: 33.3%;
  border: 1px solid red;
}
.why-us-new .details-why-us:nth(child(1)) {
  padding-left: 80px;
}

.why-us {
  background: #FFFAED;
}
@media (max-width: 992px) {
  .why-us {
    padding: 50px 0px;
  }
}
@media (max-width: 767px) {
  .why-us {
    padding: 40px 0px;
  }
}
.why-us .why-us-top-row {
  border-bottom: 1px solid #EFE6D1;
}
@media (max-width: 992px) {
  .why-us .why-us-top-row {
    border-bottom: 0px;
  }
}
.why-us .content-wrap {
  display: flex;
  flex-wrap: wrap;
}
.why-us .content-wrap .details-why-us {
  width: 33%;
  padding: 46px;
}
@media (max-width: 992px) {
  .why-us .content-wrap .details-why-us p {
    font-size: 20px !important;
  }
}
@media (max-width: 992px) {
  .why-us .content-wrap .details-why-us {
    width: 100%;
    padding: 10px;
  }
}
.why-us .content-wrap .details-why-us:nth-child(1),
.why-us .content-wrap .details-why-us:nth-child(2),
.why-us .content-wrap .details-why-us:nth-child(4),
.why-us .content-wrap .details-why-us:nth-child(5) {
  border-right: 1px solid #EFE6D1;
}
@media (max-width: 992px) {
  .why-us .content-wrap .details-why-us:nth-child(1),
  .why-us .content-wrap .details-why-us:nth-child(2),
  .why-us .content-wrap .details-why-us:nth-child(4),
  .why-us .content-wrap .details-why-us:nth-child(5) {
    border-right: 0px;
  }
}

.whyBoxes {
  display: flex;
  flex-wrap: wrap;
}
.whyBoxes .whyBoxCol {
  padding: 170px 0px;
  width: 30%;
}
@media (max-width: 992px) {
  .whyBoxes .whyBoxCol {
    padding: 70px 0px;
  }
}
@media (max-width: 767px) {
  .whyBoxes .whyBoxCol {
    width: 100%;
    padding: 20px 0px;
  }
}
.whyBoxes .whyBoxCol:nth-child(1) {
  width: 40%;
}
@media (max-width: 767px) {
  .whyBoxes .whyBoxCol:nth-child(1) {
    width: 100%;
  }
}
.whyBoxes .whyBoxCol:not(:first-child) {
  border-left: 1px solid #EFE6D1;
  padding-left: 64px;
}
@media (max-width: 992px) {
  .whyBoxes .whyBoxCol:not(:first-child) {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .whyBoxes .whyBoxCol:not(:first-child) {
    padding-left: inherit;
    border-left: 0px;
  }
}
.whyBoxes .why-title {
  color: #0F172A;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -2.4px;
}
@media (max-width: 992px) {
  .whyBoxes .why-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .whyBoxes .why-title {
    font-size: 30px;
  }
}
.whyBoxes .box-wraper p {
  color: #4F432C;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.96px;
  margin-top: 14px;
}
@media (max-width: 992px) {
  .whyBoxes .box-wraper p {
    font-size: 20px;
  }
}

.box-lottie {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reimagine-section {
  padding: 164px 0px;
}
@media (max-width: 992px) {
  .reimagine-section {
    padding: 65px 0px;
  }
}
@media (max-width: 767px) {
  .reimagine-section {
    padding: 60px 0px;
  }
}
@media (max-width: 992px) {
  .reimagine-section .cafeteria-block .cf-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .reimagine-section .cafeteria-block .cf-title {
    font-size: 24px;
  }
}
.reimagine-section .cfr-row {
  margin-top: 64px;
  display: flex;
  gap: 16px;
}
@media (max-width: 992px) {
  .reimagine-section .cfr-row {
    flex-wrap: wrap;
  }
}
.reimagine-section .reimagine-col {
  padding: 22px;
  border-radius: 40px;
  width: 100%;
}
.reimagine-section .reimagine-col .cf-title {
  max-width: 1068px;
}
.reimagine-section .reimagine-col.lt-red {
  background: #FF7362;
}
.reimagine-section .reimagine-col.lt-red .reimagine-links::before {
  background: linear-gradient(180deg, rgba(29, 98, 77, 0) 0%, rgba(255, 115, 98, 0) 0.01%, #FF7362 88.32%, #FF7362 100%);
}
.reimagine-section .reimagine-col.lt-black {
  background: #1A1D1C;
}
.reimagine-section .reimagine-col.lt-black .reimagine-links::before {
  background: linear-gradient(180deg, rgba(26, 29, 28, 0) 0%, rgba(26, 29, 28, 0.96) 90.48%, #1A1D1C 100%);
}
.reimagine-section .reimagine-col.lt-black .reimagine-title {
  color: #89EEA5;
}
.reimagine-section .rm-image-wrap {
  text-align: center;
}
.reimagine-section .reimagine-links {
  position: relative;
  margin-top: -70px;
  text-align: center;
  padding: 0px 44px 42px;
}
@media (max-width: 767px) {
  .reimagine-section .reimagine-links {
    padding: 0px;
  }
}
.reimagine-section .reimagine-links::before {
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 240px;
}
@media (max-width: 992px) {
  .reimagine-section .reimagine-links::before {
    bottom: 100px;
  }
}
@media (max-width: 767px) {
  .reimagine-section .reimagine-links::before {
    bottom: 0px;
  }
}
.reimagine-section .reimagine-links * {
  position: relative;
}
.reimagine-section .white-btn {
  background: #fff;
  padding: 18px 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  border-radius: 47px;
  gap: 6px;
  color: #0F172A;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.54px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .reimagine-section .white-btn {
    height: 50px;
    font-size: 16px;
  }
}
.reimagine-section .white-btn img {
  width: 24px;
  height: 24px;
}

.max-700 {
  max-width: 700px;
  margin: auto;
}

.reimagine-sub {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: -0.36px;
  font-family: "EudoxusSans-Medium";
  margin-top: 8px;
}
@media (max-width: 992px) {
  .reimagine-sub {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .reimagine-sub {
    font-size: 15px;
  }
}

.reimagine-title {
  color: #FFF;
  text-align: center;
  font-kerning: none;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -2px;
  font-family: "EudoxusSans-Medium";
  margin-bottom: 24px;
  padding: 0px 10px;
  margin-top: 8px;
}
@media (max-width: 992px) {
  .reimagine-title {
    font-size: 34px;
    letter-spacing: -1.1px;
  }
}
@media (max-width: 767px) {
  .reimagine-title {
    font-size: 24px;
    letter-spacing: -1.1px;
  }
}

.reimagine-block {
  color: #FFF;
  text-align: center;
  font-kerning: none;
  font-family: "EudoxusSans-Medium";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: -0.22px;
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .reimagine-block {
    margin-bottom: 15px;
  }
}
@media (min-width: 1800px) {
  .reimagine-block {
    font-size: 22px;
  }
}

.Learn-install {
  margin-bottom: 32px;
}
.Learn-install .lt-section {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .Learn-install .lt-section {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.Learn-install .lt-get-touch {
  max-width: 400px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1800px) {
  .Learn-install .lt-get-touch {
    font-size: 504px;
  }
}
.Learn-install .lt-get-text {
  color: #8D8069;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .Learn-install .lt-get-text {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1800px) {
  .Learn-install .lt-get-text {
    font-size: 24px;
  }
}
.Learn-install .lt-heding {
  max-width: 300px;
}
.Learn-install .lt-heding h3 {
  color: #0F172A;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.07;
  letter-spacing: -2.24px;
}
@media (max-width: 992px) {
  .Learn-install .lt-heding h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .Learn-install .lt-heding h3 {
    font-size: 26px;
    letter-spacing: -1.24px;
  }
}
.Learn-install .get-touch {
  border-radius: 47px;
  background: #024E44;
  border: 1px solid #024E44;
  padding: 18px 42px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.54px;
  display: inline-block;
  margin-top: 8px;
  max-width: 190px;
  transition: all 0.4s;
}
.Learn-install .get-touch:hover {
  color: #024E44;
  background-color: transparent;
  transition: all 0.4s;
}
@media (max-width: 992px) {
  .Learn-install .get-touch {
    font-size: 17px;
    padding: 18px 20px;
    max-width: 150px;
  }
}
@media (max-width: 767px) {
  .Learn-install .get-touch {
    font-size: 16px;
  }
}

.put-yourvideo {
  padding-bottom: 146px;
}
@media (max-width: 992px) {
  .put-yourvideo {
    padding-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .put-yourvideo {
    padding-bottom: 40px;
  }
}
.put-yourvideo .craving-video {
  padding: 16px;
  background: rgba(47, 209, 187, 0.12);
  border-radius: 42px;
}

.innovate-ears {
  padding: 123px 0px;
  background: #4858E5;
  position: relative;
}
@media (max-width: 992px) {
  .innovate-ears {
    padding: 65px 0px;
  }
}
@media (max-width: 767px) {
  .innovate-ears {
    padding: 60px 0px;
  }
}
.innovate-ears .innovate-white-line {
  position: absolute;
  bottom: 10px;
}
.innovate-ears .innovate-wraper {
  position: relative;
  z-index: 11;
}

.innovate-wraper .c-header_title_line {
  margin-top: 32px;
}
@media (max-width: 992px) {
  .innovate-wraper .c-header_title_line {
    font-size: 30px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .innovate-wraper .c-header_title_line {
    font-size: 26px;
  }
}
.innovate-wraper .innovate-wraper-text {
  color: #F8F1DD;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.24px;
  max-width: 900px;
  margin: 24px auto 64px;
}
@media (max-width: 992px) {
  .innovate-wraper .innovate-wraper-text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .innovate-wraper .innovate-wraper-text {
    font-size: 16px;
    margin: 20px auto 40px;
  }
}

.get-touch-btn {
  padding: 18px 42px;
  border-radius: 47px;
  background: #F8F1DD;
  color: #4858E5;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.54px;
  transition: all 0.4s;
}
.get-touch-btn:hover {
  background-color: #000;
  color: #fff;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .get-touch-btn {
    font-size: 16px;
  }
}

.cntn-btn-touch {
  display: flex;
  align-items: center;
  justify-content: center;
}

.freq-ask-qus {
  background: #FFFAED;
  padding: 164px 0px;
}
@media (max-width: 992px) {
  .freq-ask-qus {
    padding: 70px 0px;
  }
}
@media (max-width: 767px) {
  .freq-ask-qus {
    padding: 60px 0px;
  }
}

.faqWraper {
  text-align: center;
}
.faqWraper .faq-title {
  color: #0F172A;
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.07;
  letter-spacing: -2.24px;
}
@media (max-width: 992px) {
  .faqWraper .faq-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .faqWraper .faq-title {
    font-size: 26px;
    letter-spacing: -1.24px;
  }
}
.faqWraper .faqWraper-inner {
  margin-top: 32px;
  padding: 80px;
  border-radius: 40px;
  background: #fff;
}
@media (max-width: 992px) {
  .faqWraper .faqWraper-inner {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .faqWraper .faqWraper-inner {
    padding: 15px 20px;
    border-radius: 20px;
  }
}
.faqWraper .faqWraper-inner #faq {
  padding: 0px;
}
.faqWraper .card {
  border: none;
  text-align: left;
  border-bottom: 1px solid #CBD5E1;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding: 40px 0px !important;
}
.faqWraper .card:first-child {
  padding-top: 0px !important;
}
.faqWraper .card:last-child {
  border: none;
}
.faqWraper .faq-sec :not(.collapsed) ~ .faq-img svg {
  transform: rotate(90deg);
}
.faqWraper .faq-sec :not(.collapsed) ~ .faq-img svg path {
  fill: #334155 !important;
}
.faqWraper .faq-sec .faq-ques {
  color: #0F172A;
  letter-spacing: -1.2px;
  width: 95%;
}
@media (min-width: 1800px) {
  .faqWraper .faq-sec .faq-ques {
    font-size: 30px;
    line-height: 1.2;
  }
}
.faqWraper .faq-sec .faq-ques:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  .faqWraper .faq-sec .faq-ques {
    font-size: 18px;
    width: 100% !important;
    max-width: 569px !important;
    white-space: normal;
  }
}
.faqWraper .faq-sec .card-body {
  color: #475569;
  letter-spacing: -0.2px;
  margin-right: 6px;
}
@media (min-width: 1800px) {
  .faqWraper .faq-sec .card-body {
    font-size: 20px;
    line-height: 1.4;
  }
}

.know-more {
  background-color: #024E44;
  padding: 164px 0px;
}
@media (max-width: 992px) {
  .know-more {
    padding: 65px 0px;
  }
}
@media (max-width: 767px) {
  .know-more {
    padding: 60px 0px;
  }
}
.know-more .mail-wrap {
  max-width: 500px;
}
.know-more .mail-wrap h4 {
  color: #FFF;
  font-kerning: none;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -3.2px;
}
@media (max-width: 992px) {
  .know-more .mail-wrap h4 {
    font-size: 38px;
    letter-spacing: -1.2px;
  }
}
@media (max-width: 767px) {
  .know-more .mail-wrap h4 {
    font-size: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 15px;
  }
}

.transparent-form .floating-effect input {
  background: transparent;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #94A3B8;
  border-radius: 0;
  padding-left: 0;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 91.667%;
  letter-spacing: -0.48px;
}
@media (max-width: 767px) {
  .transparent-form .floating-effect input {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .transparent-form .floating-effect input {
    font-size: 17px;
  }
}
.transparent-form .floating-effect input:not(:-moz-placeholder-shown) ~ label {
  font-size: 18px;
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect input:not(:placeholder-shown) ~ label {
  font-size: 18px;
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect input:focus {
  box-shadow: none;
  background: transparent;
  border-color: #94A3B8 !important;
}
.transparent-form .floating-effect input:focus ~ label {
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect textarea {
  margin-top: 32px;
  padding: 5px !important;
  background: transparent;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #94A3B8;
  border-radius: 0;
  padding-left: 0;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120.667%;
  letter-spacing: -0.48px;
}
@media (max-width: 767px) {
  .transparent-form .floating-effect textarea {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .transparent-form .floating-effect textarea {
    font-size: 17px;
  }
}
.transparent-form .floating-effect textarea:not(:-moz-placeholder-shown) ~ label {
  font-size: 18px;
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect textarea:not(:placeholder-shown) ~ label {
  font-size: 18px;
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect textarea:not(:-moz-placeholder-shown) {
  background: transparent;
}
.transparent-form .floating-effect textarea:not(:placeholder-shown) {
  background: transparent;
}
.transparent-form .floating-effect textarea:focus {
  box-shadow: none;
  background: transparent;
  border-color: #94A3B8 !important;
}
.transparent-form .floating-effect textarea:focus label {
  left: 0;
  color: #48857F;
}
.transparent-form .floating-effect label {
  left: 0px;
  color: #48857F;
}

.btn-yellow {
  border-radius: 47px;
  background: #F9C867;
  padding: 18px 38px;
  display: inline-block;
  color: #1A1A1A;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.54px;
}
@media (max-width: 767px) {
  .btn-yellow {
    font-size: 16px;
  }
}
.btn-yellow:hover {
  color: #1A1A1A;
}

.m-t48 {
  margin-top: 48px;
}

.canteen-solution {
  display: flex;
  gap: 10px;
  margin-top: 130px;
}
@media (max-width: 992px) {
  .canteen-solution {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .canteen-solution {
    margin-top: 60px;
  }
}
.canteen-solution .solution-wrap {
  position: relative;
}
@media (max-width: 992px) {
  .canteen-solution .solution-wrap {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .canteen-solution .solution-wrap {
    max-width: 400px;
  }
}
.canteen-solution .sl-wrap-title {
  color: #FFF;
  font-family: "Prompt", sans-serif;
  font-size: 250px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -4.115px;
}
@media (max-width: 992px) {
  .canteen-solution .sl-wrap-title {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .canteen-solution .sl-wrap-title {
    font-size: 40px;
    text-align: center;
    letter-spacing: inherit;
  }
}
@media (min-width: 1800px) {
  .canteen-solution .sl-wrap-title {
    font-size: 260px;
  }
}
.canteen-solution .sl-wrap-text {
  color: #F9C867;
  font-kerning: none;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.12px;
  position: absolute;
  right: 139px;
  bottom: -12px;
}
@media (max-width: 767px) {
  .canteen-solution .sl-wrap-text {
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .canteen-solution .sl-wrap-text {
    font-size: 15px;
    right: 255px;
    bottom: -11px;
  }
}
@media (max-width: 767px) {
  .canteen-solution .sl-wrap-text {
    right: 0px;
  }
}
@media (min-width: 1800px) {
  .canteen-solution .sl-wrap-text {
    right: 155px;
    font-size: 28px;
  }
}

/*** Modal ***/
.CanteenExperience .close {
  width: 36px;
  height: 36px;
  background: #FFF !important;
  opacity: 1;
  border-radius: 50px;
  outline: none;
}
.CanteenExperience .modal-dialog {
  max-width: 1000px;
  margin: auto;
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0px 10px;
}
.CanteenExperience .modal-dialog .modal-content {
  background: #FFF3DB;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .CanteenExperience .modal-dialog .modal-content {
    overflow: auto;
  }
}
.CanteenExperience .comment-form-wraper {
  background: transparent;
  box-shadow: none;
  padding: 0px;
}
@media (max-width: 767px) {
  .CanteenExperience .comment-form-wraper {
    padding-top: 45px;
  }
}
.CanteenExperience .modal-wraper {
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .CanteenExperience .modal-wraper {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  .CanteenExperience .modal-wraper .tabv-none {
    display: none;
  }
}
.CanteenExperience .modal-wraper .image-wrap {
  min-width: 50%;
  max-width: 50%;
}
.CanteenExperience .modal-wraper .image-wrap img {
  min-width: 431px !important;
}
@media (max-width: 767px) {
  .CanteenExperience .modal-wraper .image-wrap {
    width: 100%;
  }
}
.CanteenExperience .modal-wraper .form-wrap {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 950px) {
  .CanteenExperience .modal-wraper .form-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .CanteenExperience .modal-wraper .form-wrap {
    width: 100%;
  }
}

.md-form-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 24px;
  margin-top: 36px;
}
.md-form-title img {
  width: 30px;
}
.md-form-title h4 {
  color: #041C19;
  font-family: "Prompt", sans-serif;
  font-size: 20.869px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.313px;
}
.md-form-title span {
  color: #041C19;
  font-family: "Prompt", sans-serif;
  font-size: 20.869px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.313px;
}

.md-content-wrap h3 {
  color: #041C19;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.11;
  letter-spacing: -1.44px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .md-content-wrap h3 {
    font-size: 25px;
  }
}
.md-content-wrap p {
  color: #8E836F;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: -0.36px;
  margin-bottom: 24px;
}

.modal-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-form-field {
  position: relative;
}
.modal-form-field .input-icon {
  position: absolute;
  top: 75px;
  left: 14px;
}
.modal-form-field .form-input {
  padding-left: 47px;
  border-radius: 14px;
  border: 1px solid #E8DCC3;
  background: #FFF;
  outline: none;
  color: #64748B;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.42;
  letter-spacing: -0.045px;
  margin-bottom: 10px;
}

.btn-green {
  border-radius: 48px;
  background: #024E44;
  box-shadow: 0px 17px 35px 0px rgba(0, 0, 0, 0.1);
  padding: 18px 38px;
  color: #FFF !important;
  text-align: center;
  font-family: "Graphik";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.32px;
  border: 1px solid #024E44;
  cursor: pointer;
}

.crafted-love {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  color: #594A2A;
  font-family: "PT Serif Caption", serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.14;
  margin-top: 24px;
  margin-bottom: 36px;
}
.crafted-love img {
  width: 15px;
}

.light-purple-bg {
  background: #FCDBFF;
}
.light-purple-bg .title {
  color: #583D5A;
}
.light-purple-bg .text {
  color: #6C6435;
}

.reddish-white-bg {
  background: #FFF8D3;
}
.reddish-white-bg .title {
  color: #6C6435;
}
.reddish-white-bg .text {
  color: #6C6435;
}

.light-blue-bg {
  background: #D8DBFF;
}
.light-blue-bg .title {
  color: #414462;
}
.light-blue-bg .text {
  color: #7E829F;
}

.aquarelle-Red-bg {
  background: #FEDADD;
}
.aquarelle-Red-bg .title {
  color: #644346;
}
.aquarelle-Red-bg .text {
  color: #644346;
}

.text-dark-blue {
  color: #0F172A;
}

.text-dark-red {
  color: #9F4045;
}

.footer-logo-ms {
  width: 400px;
  display: flex;
  position: relative;
  top: -12px;
  max-width: 400px;
}
@media (max-width: 767px) {
  .footer-logo-ms {
    width: 260px;
    top: 0;
  }
}
@media (min-width: 1800px) {
  .footer-logo-ms {
    min-width: 400px;
    margin-top: -50px;
  }
}

.modal-open div#header {
  z-index: 1;
}

.thankyou-modal-canty .md-form-title {
  justify-content: center;
}

.green-sec li.caf-Operations-li.caf-Operation-top {
  padding-bottom: 0;
}

.CanteenExperience .comment-form-wraper input {
  padding-left: 46px;
}

.CanteenExperience .modal-form {
  row-gap: 20px;
  position: relative;
}

.error_field {
  position: absolute;
  bottom: -18px;
  left: 4px;
  font-size: 12px !important;
}

.image-canteen {
  min-width: 100%;
  height: 100% !important;
}

.crafted-layout {
  margin-top: 24px;
}

.font-56 {
  font-size: 56px;
}

.p-text-wrap {
  text-wrap: wrap;
}

.modal-custom {
  z-index: 9999;
}

.BeyondSeamless .project-planned ul {
  margin: 0px !important;
}
.BeyondSeamless .project-planned ul li {
  padding: 0px !important;
}

.loading-btn::after {
  border: 3px solid #0066cc;
  border-radius: 50%;
  border-top: 2px solid white;
  width: 22px;
  height: 22px;
  animation: spin 0.6s linear infinite;
  position: relative;
  content: "";
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}

section.hero-work-block.dassBanner {
  background: #fff;
  padding-bottom: 70px;
}
@media (max-width: 992px) {
  section.hero-work-block.dassBanner {
    padding-bottom: 50px;
  }
}
section.hero-work-block .dassHeader h2 {
  text-align: left;
  font-weight: 500;
  letter-spacing: -5.58px;
}
@media (max-width: 767px) {
  section.hero-work-block .dassHeader h2 {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 480px) {
  section.hero-work-block .dassHeader h2 {
    font-size: 35px;
  }
}
section.hero-work-block .dassHeader .cstm-head {
  background: linear-gradient(92deg, #F81321 -0.84%, #F86E20 14.3%, #FBC606 32.94%, #38DA48 50.59%, #38DAB3 66.63%, #2F69FF 95.15%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -3.72px;
  font-weight: 400;
  margin-bottom: 20px;
  display: inline-block;
  padding-bottom: 5px;
  animation: shine 5s linear infinite;
  font-style: italic;
}
@media (max-width: 1200px) {
  section.hero-work-block .dassHeader .cstm-head {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  section.hero-work-block .dassHeader .cstm-head {
    padding-bottom: 25px;
  }
}
section.hero-work-block .dassHeader .acptHead {
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  color: #334155;
  width: 310px;
  margin-left: auto;
  position: relative;
  text-align: left;
  padding-top: 100px;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  section.hero-work-block .dassHeader .acptHead {
    padding-top: 70px;
  }
}
@media (max-width: 992px) {
  section.hero-work-block .dassHeader .acptHead {
    padding-top: 0px;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
  }
}

.f-s100 {
  font-size: 100px;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .f-s100 {
    font-size: 80px;
    line-height: 112%;
  }
}
@media (max-width: 992px) {
  .f-s100 {
    line-height: 112%;
  }
}
@media (max-width: 767px) {
  .f-s100 {
    font-size: 60px;
    line-height: 92%;
    padding-bottom: 2px;
  }
}

.dassHeadWrap {
  display: flex;
}
@media (max-width: 992px) {
  .dassHeadWrap {
    flex-direction: column;
  }
}

.clientsWorks {
  display: flex;
  align-items: center;
  gap: 10px;
}
.clientsWorks p {
  margin: 0px;
  font-family: "DM Serif Display", serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: inherit;
  color: #0F172A;
}
.clientsWorks .clients-imgs {
  display: flex;
  list-style: none;
}
.clientsWorks .clients-imgs li {
  position: relative;
}
.clientsWorks .clients-imgs li:nth-child(2) {
  left: -15px;
}
.clientsWorks .clients-imgs li:nth-child(3) {
  left: -30px;
}
.clientsWorks .clients-imgs li img {
  width: 34px;
  border: 1px solid #fff;
  border-radius: 50px;
}

.priceSubscription {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 58px;
}
@media (max-width: 992px) {
  .priceSubscription {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .priceSubscription {
    margin-top: 45px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.priceSubscription .prLeftsub {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media (max-width: 767px) {
  .priceSubscription .prLeftsub {
    flex-direction: column-reverse;
    width: 100%;
    gap: 20px;
  }
}
.priceSubscription .prLeftsub .sbspot-span {
  margin-left: 15px;
}
.priceSubscription .prLeftsub .sbspot-span:before {
  left: -40px;
  top: -19px;
}
.priceSubscription .prLeftsub .sbspot-span:after {
  left: -48px;
  top: -27px;
}
.priceSubscription .viewPriceing {
  border-radius: 106px;
  position: relative;
  overflow: hidden;
  padding: 3px;
  height: 72px;
}
.priceSubscription .viewPriceing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: linear-gradient(115deg, rgb(248, 19, 33), rgb(248, 110, 32), rgb(251, 198, 6), rgb(56, 218, 72), rgb(56, 218, 179), rgb(47, 105, 255));
  background-size: 50% 100%;
}
.priceSubscription .viewPriceing span {
  position: relative;
  background: #0F172A;
  padding: 24px 52px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.4px;
  border-radius: 106px;
  height: 66px;
  display: block;
  min-width: 240px;
}
.priceSubscription .viewPriceing:hover::before {
  animation: animatedgradient 3s ease alternate infinite;
}

.sbspot-span {
  position: relative;
  padding: 6px 12px;
  font-family: "DM Serif Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.sbspot-span::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: rgb(42, 86, 244);
  border-radius: 50%;
  left: 13px;
  top: -22px;
  display: block;
  z-index: 1;
  transform: translate(20px, 30px);
}
.sbspot-span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: -30px;
  background-color: rgb(217, 227, 255);
  width: 23px;
  height: 22px;
  border-radius: 20px;
  animation: spot 1.5s linear 100ms infinite;
  transform: translate(20px, 30px);
}
.sbspot-span .special-ct {
  font-size: 12px;
  line-height: 1;
  color: rgb(42, 86, 244);
}

.GridsCards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-top: 20px;
}
.GridsCards:first-child {
  margin-top: 0px;
}
.GridsCards .marquee {
  padding-top: 0px;
}
.GridsCards .marquee--inner {
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: flex;
}
.GridsCards .marquee--inner .mq-data {
  margin: 0px;
}
.GridsCards .marquee--inner .GridsCard {
  height: 250px;
  width: 100%;
}
.GridsCards .marquee--inner .gs-source {
  width: 100%;
  height: 100%;
}
.GridsCards .marquee--inner .gs-source img {
  width: 100%;
  height: 100%;
}

.directionRight .marquee--inner {
  animation-direction: alternate-reverse;
}

.comp-slide {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #FFF;
}
.comp-slide .marquee {
  padding-top: 0px !important;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 20px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.comp-slide .mq-data {
  min-width: 90px;
  text-align: center;
  justify-content: center;
  margin-right: 0px;
}
.comp-slide .marquee--inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 80px;
  min-width: 100%;
  animation: marquee 25s linear infinite;
}
.comp-slide .marquee--inner .epic {
  width: 50px;
  height: 61px;
}
.comp-slide .marquee--inner .google {
  width: 89px;
  height: 30px;
}
.comp-slide .marquee--inner .amazon {
  width: 94px;
  height: 25px;
}
.comp-slide .marquee--inner .shopify {
  width: 86px;
  height: 25px;
}
.comp-slide .marquee--inner .meta {
  width: 98px;
  height: 19px;
}
.comp-slide .marquee--inner .salesforce {
  width: 55px;
  height: 38px;
}

.imagesGrid {
  max-width: 1500px;
  margin: auto;
  width: 100%;
}

.marqueeSlides {
  border-radius: 60px;
  border: 1px solid #E2E8F0;
  background: #181818;
  box-shadow: 0px 4px 13.7px 0px rgba(0, 0, 0, 0.44);
  margin-bottom: 100px;
  padding: 10px;
  margin-top: 10px;
}

.promises-wrap {
  padding: 139px 0px 100px;
}
@media (max-width: 992px) {
  .promises-wrap {
    padding: 100px 0px 100px;
  }
}
@media (max-width: 767px) {
  .promises-wrap {
    padding: 60px 0px;
  }
}
.promises-wrap .h-title {
  font-size: 82px;
  letter-spacing: -3.69px;
  color: #0F172A;
}
@media (max-width: 1200px) {
  .promises-wrap .h-title {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .promises-wrap .h-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .promises-wrap .h-title {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .promises-wrap .h-title {
    font-size: 35px;
    letter-spacing: -1.69px;
  }
}
.promises-wrap .h-title .sub-text {
  font-family: "DM Serif Display", serif;
  font-size: 88px;
  font-style: italic;
  font-weight: 400;
}
@media (max-width: 992px) {
  .promises-wrap .h-title .sub-text {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .promises-wrap .h-title .sub-text {
    font-size: 45px;
  }
}

.pr-wrap-content {
  width: 100%;
}

.pr-card-row {
  display: flex;
  gap: 45px;
}
@media (max-width: 992px) {
  .pr-card-row {
    flex-direction: column;
  }
}

.pr-wrap-info {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media (max-width: 767px) {
  .pr-wrap-info {
    margin-top: 40px;
  }
}

.pr-card-col {
  padding: 48px;
  display: inline-flex;
  flex-direction: column;
  border-radius: 16px;
  gap: 22px;
}
@media (max-width: 1200px) {
  .pr-card-col {
    padding: 25px;
  }
}
@media (max-width: 992px) {
  .pr-card-col {
    width: 100% !important;
    padding: 30px;
  }
}
.pr-card-col.ExpressTurnaround {
  width: 36%;
  background: linear-gradient(158deg, #EDFCF8 5.89%, #E6FBE0 106.44%), #FFF;
}
.pr-card-col.revisionsFeedbacks {
  width: 64%;
  background: linear-gradient(158deg, #FEF2FB 5.89%, #F5D5EB 106.44%);
}
.pr-card-col.DesignFreedom {
  background: #FFFBF7;
  width: 50%;
}
.pr-card-col.GuaranteedService {
  background: linear-gradient(158deg, #ECF1FF 5.89%, #D6E3FF 106.44%), #FFF;
  width: 50%;
}
.pr-card-col.GuaranteedService .pr-card-info {
  margin-top: 15px;
}
.pr-card-col .pr-card-comn {
  min-height: 181px;
}
@media (max-width: 1200px) {
  .pr-card-col .pr-card-comn {
    min-height: 160px;
  }
}
@media (max-width: 767px) {
  .pr-card-col .pr-card-comn {
    min-height: 115px;
  }
}
@media (max-width: 480px) {
  .pr-card-col .pr-card-comn {
    min-height: 90px;
  }
}

.pr-card-comn .text-big {
  font-size: 162px;
  font-style: normal;
  font-weight: 700;
  line-height: 104.938%;
  letter-spacing: -6.48px;
}
@media (max-width: 1200px) {
  .pr-card-comn .text-big {
    font-size: 105px;
    letter-spacing: -4.48px;
  }
}
@media (max-width: 767px) {
  .pr-card-comn .text-big {
    font-size: 70px;
    letter-spacing: -1.48px;
  }
}

.text-green {
  color: #399127;
}

.text-primary {
  color: #2A56F4;
}

.pr-card-info {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.pr-card-info h6 {
  color: #0F172A;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 123.077%;
  letter-spacing: -0.78px;
}
.pr-card-info p {
  color: #64748B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.additionAbove {
  padding-bottom: 160px;
}
@media (max-width: 992px) {
  .additionAbove {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .additionAbove {
    padding-bottom: 80px;
  }
}

.addition-col-section {
  display: flex;
  gap: 25px;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .addition-col-section {
    flex-direction: column;
    margin-top: 50px;
  }
}
.addition-col-section .ab-col {
  width: 33.3333333333%;
  display: flex;
  gap: 15px;
}
@media (max-width: 767px) {
  .addition-col-section .ab-col {
    width: 100%;
  }
}

.ab-col-figure {
  width: 71px;
  height: 71px;
}
@media (max-width: 767px) {
  .ab-col-figure {
    max-width: 45px;
  }
}

.ab-col-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .ab-col-info {
    gap: 5px;
  }
}
.ab-col-info h4 {
  color: #334155;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 145.455%;
  letter-spacing: -0.66px;
}
@media (max-width: 767px) {
  .ab-col-info h4 {
    font-size: 20px;
  }
}
.ab-col-info p {
  color: #64748B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.EndlessPossibilities .ab-col-figure {
  transform: rotate(90deg);
}

.your-steps-design {
  background: #0F172A;
  padding: 120px 0px;
}
@media (max-width: 992px) {
  .your-steps-design {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .your-steps-design {
    padding: 60px 0px;
  }
}

.stepsTitle {
  color: #FFF;
  text-align: center;
  font-size: 82px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.878%;
  letter-spacing: -3.69px;
}
@media (max-width: 1200px) {
  .stepsTitle {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .stepsTitle {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .stepsTitle {
    font-size: 42px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 480px) {
  .stepsTitle {
    font-size: 35px;
  }
}
.stepsTitle span {
  font-size: 88px;
  font-style: italic;
  font-family: "DM Serif Display", serif;
}
@media (max-width: 767px) {
  .stepsTitle span {
    font-size: 42px;
  }
}

.stepsText {
  color: #CBD5E1;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 145.455%;
  max-width: 805px;
  margin: 32px auto 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .stepsText {
    font-size: 18px;
  }
}

.stepsWrap {
  margin-top: 100px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 80px;
}
@media (max-width: 992px) {
  .stepsWrap {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .stepsWrap {
    margin-top: 50px;
    padding: 0px 15px;
  }
}

.stepsRows {
  display: flex;
  gap: 27px;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .stepsRows {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .stepsRows {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .stepsRows.steplastRow {
    margin-bottom: 0px;
  }
}

.stepsCardCol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 25%;
  cursor: pointer;
  position: relative;
}
.stepsCardCol.playing .img-wraper img {
  z-index: -1;
  opacity: 0;
  transition: all 0.6s;
}
@media (max-width: 1200px) {
  .stepsCardCol {
    width: calc(50% - 15px);
  }
}
@media (max-width: 767px) {
  .stepsCardCol {
    width: calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .stepsCardCol {
    width: 100%;
  }
}
.stepsCardCol .stp-title {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
  letter-spacing: -0.72px;
}
.stepsCardCol .stp-text {
  color: #94A3B8;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: -0.16px;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .stepsCardCol .stp-text {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .stepsCardCol .stp-text {
    font-size: 20px;
    max-width: 80%;
  }
}
@media (max-width: 992px) {
  .stepsCardCol .stp-text {
    font-size: 16px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .stepsCardCol .stp-text {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .stepsCardCol .stp-text {
    font-size: 16px;
  }
}
.stepsCardCol .img-wraper {
  width: 100%;
  margin-top: 8px;
  max-height: 200px;
  overflow: hidden;
  min-height: 200px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1200px) {
  .stepsCardCol .img-wraper {
    min-height: 360px;
    max-height: initial;
  }
}
@media (max-width: 992px) {
  .stepsCardCol .img-wraper {
    min-height: auto;
    max-height: initial;
  }
}
@media (max-width: 767px) {
  .stepsCardCol .img-wraper {
    min-height: auto;
    max-height: initial;
  }
}
.stepsCardCol .img-wraper img {
  width: 100%;
  position: absolute;
  left: 0px;
  transition: all 0.6s;
}
@media (max-width: 992px) {
  .stepsCardCol .img-wraper img {
    position: relative;
  }
}
.stepsCardCol .img-wraper video {
  width: 100%;
}
@media (max-width: 992px) {
  .stepsCardCol .img-wraper video {
    display: none;
  }
}
.stepsCardCol.stepsCardColLast {
  width: 50%;
}
@media (max-width: 1200px) {
  .stepsCardCol.stepsCardColLast {
    width: 100%;
  }
}

.cardColInner {
  padding: 32px;
  background: #2A56F4;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 767px) {
  .cardColInner {
    padding: 32px 32px 52px 32px;
  }
}
.cardColInner .cardColTitle {
  color: #F3BD0F;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  text-transform: uppercase;
}
.cardColInner .cardColmain {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: -1px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .cardColInner .cardColmain {
    font-size: 28px;
  }
}
.cardColInner p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
}
.cardColInner .startDesing {
  display: inline-block;
  background: #fff;
  width: 240px;
  margin-left: auto;
  padding: 26px 48px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
  border-radius: 106px;
  color: #2A56F4;
  text-align: center;
  position: relative;
  top: 20px;
}
@media (max-width: 992px) {
  .cardColInner .startDesing {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .cardColInner .startDesing {
    width: 200px;
    padding: 20px 28px;
    font-size: 18px;
  }
}

.showcaseWork {
  padding: 122px 0px 0px;
  position: relative;
}
@media (max-width: 1200px) {
  .showcaseWork {
    padding: 100px 0px 0px;
  }
}
@media (max-width: 992px) {
  .showcaseWork {
    padding: 100px 0px 0px;
  }
}
@media (max-width: 767px) {
  .showcaseWork {
    padding: 60px 0px;
  }
}
.showcaseWork::after {
  content: "";
  position: absolute;
  width: 100%;
  max-height: 800px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, #0F172A 81%);
  height: 100%;
  bottom: 0;
}
@media (max-width: 767px) {
  .showcaseWork::after {
    display: none;
  }
}
.showcaseWork .showcaseContent {
  width: 100%;
}
.showcaseWork .showcaseContent .caseTitle {
  color: #0F172A;
  text-align: center;
  font-size: 132px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -5.94px;
}
@media (max-width: 1200px) {
  .showcaseWork .showcaseContent .caseTitle {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .showcaseWork .showcaseContent .caseTitle {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .showcaseWork .showcaseContent .caseTitle {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .showcaseWork .showcaseContent .caseTitle {
    font-size: 35px;
  }
}
.showcaseWork .showcaseContent .caseTitle span {
  font-style: italic;
  font-weight: 400;
  letter-spacing: -1.32px;
  font-family: "DM Serif Display", serif;
}

.madeWithLove {
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748B;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: -0.96px;
}
@media (max-width: 992px) {
  .madeWithLove {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .madeWithLove {
    margin-top: 60px;
    font-size: 21px;
  }
}
.madeWithLove span {
  color: #F93E15;
  margin: 0px 5px;
}
.madeWithLove img {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .madeWithLove img {
    width: 90px;
  }
}

.madeByilluminz {
  margin-top: 113px;
}
@media (max-width: 992px) {
  .madeByilluminz {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .madeByilluminz {
    margin-top: 35px;
  }
}

.markColumn {
  display: flex;
  width: 100%;
}
.markColumn .columns {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.markColumn .columns .half {
  flex-basis: 50%;
}
.markColumn .innerCol {
  width: 100%;
  display: flex;
  gap: 10px;
}
.markColumn .full {
  flex-basis: 100%;
}

.colMrkRow {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.colMrkRow .markColumn.havTwo {
  width: 57%;
}
.colMrkRow .markColumn.haveOne {
  width: 43%;
}

.columns {
  width: 50%;
}

.hl-col-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.hl-col-wrap img {
  width: 100%;
}

.col-green {
  background: #cdea68;
}

.clickAway {
  padding-top: 160px;
}
@media (max-width: 1200px) {
  .clickAway {
    padding-top: 100px;
  }
}
@media (max-width: 992px) {
  .clickAway {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .clickAway {
    padding-top: 0px;
  }
}

.clickAwayContent {
  position: absolute;
  bottom: 50px;
  z-index: 1;
}
@media (max-width: 767px) {
  .clickAwayContent {
    position: relative;
    bottom: 0;
    z-index: 1;
    max-width: 540px;
  }
}
.clickAwayContent .awayTitle {
  color: #fff;
  text-align: center;
  font-size: 82px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.878%;
  letter-spacing: -3.69px;
  top: 45px;
}
@media (max-width: 1200px) {
  .clickAwayContent .awayTitle {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .clickAwayContent .awayTitle {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .clickAwayContent .awayTitle {
    font-size: 50px;
    color: #0F172A;
  }
}
@media (max-width: 480px) {
  .clickAwayContent .awayTitle {
    font-size: 35px;
  }
}
.clickAwayContent .awayTitle span {
  font-family: "DM Serif Display", serif;
  font-size: 88px;
  font-weight: 400;
  font-style: italic;
}
@media (max-width: 1200px) {
  .clickAwayContent .awayTitle span {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .clickAwayContent .awayTitle span {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .clickAwayContent .awayTitle span {
    font-size: 48px;
  }
}

.clickAwayCounts {
  margin-top: 0px;
}
@media (max-width: 992px) {
  .clickAwayCounts {
    margin-top: 30px;
    padding: 0px 15px;
  }
}
.clickAwayCounts .clAwayRow {
  display: flex;
  gap: 50px;
}
@media (max-width: 767px) {
  .clickAwayCounts .clAwayRow {
    flex-direction: column;
    gap: 10px;
  }
}
.clickAwayCounts .col-away {
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  .clickAwayCounts .col-away {
    width: 100%;
  }
}
.clickAwayCounts .col-counts {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 124px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.839%;
  letter-spacing: -5.58px;
  position: relative;
  top: 50px;
}
@media (max-width: 767px) {
  .clickAwayCounts .col-counts {
    font-size: 85px;
    top: 11px;
    padding-right: 5px;
    background-color: #0F172A;
  }
}
@media (max-width: 480px) {
  .clickAwayCounts .col-counts {
    font-size: 35px;
  }
}
.clickAwayCounts .col-aw-title {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 145.455%;
  letter-spacing: -0.66px;
  position: relative;
  z-index: 11;
}
@media (max-width: 767px) {
  .clickAwayCounts .col-aw-title {
    color: #0F172A;
  }
}
.clickAwayCounts .aw-text {
  color: #CBD5E1;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 155.556%;
  position: relative;
  z-index: 11;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .clickAwayCounts .aw-text {
    color: #0F172A;
  }
}

@media (max-width: 767px) {
  .GreatClickAway {
    padding: 50px 0px;
  }
}

.serviceCatalogue {
  padding-top: 116px;
}
@media (max-width: 767px) {
  .serviceCatalogue {
    padding-top: 30px;
  }
}

.catalogueStarted .catalogueTitle {
  color: #0F172A;
  text-align: center;
  font-size: 82px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.878%;
  letter-spacing: -3.69px;
}
@media (max-width: 1200px) {
  .catalogueStarted .catalogueTitle {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .catalogueStarted .catalogueTitle {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .catalogueStarted .catalogueTitle {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .catalogueStarted .catalogueTitle {
    font-size: 35px;
  }
}
.catalogueStarted .catalogueTitle span {
  font-family: "DM Serif Display", serif;
  font-size: 88px;
  font-weight: 400;
  font-style: italic;
}
@media (max-width: 1200px) {
  .catalogueStarted .catalogueTitle span {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .catalogueStarted .catalogueTitle span {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .catalogueStarted .catalogueTitle span {
    font-size: 48px;
  }
}

.serviceCatalogueRow {
  margin-top: 50px;
}
@media (max-width: 992px) {
  .serviceCatalogueRow {
    margin-top: 30px;
  }
}

.CatalogueRow {
  padding: 50px 0px;
  display: flex;
  border-bottom: 1px solid #000;
}
.CatalogueRow:last-child {
  border-bottom: 0px;
}
@media (max-width: 767px) {
  .CatalogueRow {
    padding: 30px 0px;
    flex-direction: column;
    gap: 20px;
  }
}
.CatalogueRow .CatalogueHeading {
  width: 35%;
}
@media (max-width: 767px) {
  .CatalogueRow .CatalogueHeading {
    width: 100%;
  }
}
.CatalogueRow .ctHeading {
  font-family: "DM Serif Display", serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -1.8px;
}
.CatalogueRow .CatalogueLable {
  width: 65%;
}
@media (max-width: 767px) {
  .CatalogueRow .CatalogueLable {
    width: 100%;
  }
}
.CatalogueRow .lableUl {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .CatalogueRow .lableUl {
    justify-content: flex-start;
  }
}
.CatalogueRow .lableUl li {
  padding: 10px 14px;
  border-radius: 29px;
  border: 1px solid #CBD5FA;
  background: #FFF;
  color: #132A5F;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.34px;
}

.discoverPricing {
  padding-top: 116px;
}
@media (max-width: 1200px) {
  .discoverPricing {
    padding-top: 100px;
  }
}
@media (max-width: 992px) {
  .discoverPricing {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .discoverPricing {
    padding-top: 60px;
  }
}
.discoverPricing .discoverStarted {
  text-align: center;
}
.discoverPricing .discoverTitle {
  color: #0F172A;
  font-size: 82px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.878%;
  letter-spacing: -3.69px;
  max-width: 770px;
  margin: auto;
}
@media (max-width: 1200px) {
  .discoverPricing .discoverTitle {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .discoverPricing .discoverTitle {
    font-size: 65px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .discoverPricing .discoverTitle {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .discoverPricing .discoverTitle {
    font-size: 35px;
    text-align: center;
  }
}
.discoverPricing .discoverTitle span {
  font-size: 88px;
  font-style: italic;
  font-family: "DM Serif Display", serif;
}
@media (max-width: 992px) {
  .discoverPricing .discoverTitle span {
    font-size: 65px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 767px) {
  .discoverPricing .discoverTitle span {
    font-size: 50px;
  }
}

.SubscribeRow {
  margin-top: 80px;
  display: flex;
  gap: 36px;
}
@media (max-width: 767px) {
  .SubscribeRow {
    flex-direction: column;
    margin-top: 50px;
  }
}
.SubscribeRow .StarterCol {
  width: 50%;
  border-radius: 30px;
  background: #FAFBFF;
  border: 1px solid #B3C2F9;
}
@media (max-width: 767px) {
  .SubscribeRow .StarterCol {
    width: 100%;
  }
}
.SubscribeRow .StarterCol .StarterColInner {
  padding: 32px 24px;
}
.SubscribeRow .StarterCol p {
  color: #0F172A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -1px;
}
.SubscribeRow .StarterCol .PerfectEnterprises {
  font-style: italic;
}
.SubscribeRow .StarterCol .price-tag-yearly {
  display: flex;
  margin: 4px 0px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -1px;
  color: #334155;
}
.SubscribeRow .st-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  align-items: center;
}
@media (max-width: 992px) {
  .SubscribeRow .st-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.SubscribeRow .st-header .hdr-title {
  color: #0F172A;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 112%;
  letter-spacing: -1px;
  font-family: "DM Serif Display", serif;
  font-style: italic;
}
@media (max-width: 767px) {
  .SubscribeRow .st-header .hdr-title {
    font-size: 36px;
  }
}
@media (max-width: 992px) {
  .SubscribeRow .st-header .sbspot-span::before {
    left: 0px;
  }
}
@media (max-width: 992px) {
  .SubscribeRow .st-header .sbspot-span::after {
    left: -8px;
  }
}
.SubscribeRow .CustomCol {
  width: 50%;
}
@media (max-width: 767px) {
  .SubscribeRow .CustomCol {
    width: 100%;
  }
}
.SubscribeRow .price-info {
  margin-top: 17px;
}
@media (max-width: 992px) {
  .SubscribeRow .price-info {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .SubscribeRow .price-info {
    margin-top: 20px;
  }
}
.SubscribeRow .price-tag {
  color: #0F172A;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -3px;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .SubscribeRow .price-tag {
    font-size: 45px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 767px) {
  .SubscribeRow .price-tag {
    font-size: 40px;
  }
}
.SubscribeRow .price-tag .pr-text {
  color: #0F172A;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -1.25px;
}
.SubscribeRow .price-tag p {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -1px;
}

.allServices {
  border-radius: 29px;
  border-top: 1px solid #B3C2F9;
  background: #EEF1FE;
  padding: 30px;
}
.allServices .ulIncluded {
  margin-top: 0px !important;
}

.StarterColInner .subscriptSpot .sbspot-span {
  border-radius: 54px;
  border: 2px solid #0F172A;
  background: #FFF;
}
.StarterColInner .subscriptSpot .sbspot-span::before {
  display: none;
}
.StarterColInner .subscriptSpot .sbspot-span::after {
  display: none;
}

.ServicesIncluded {
  margin-top: 30px;
}
.ServicesIncluded .siTitle {
  color: #0D298B;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 122.222%;
  letter-spacing: -0.34px;
  margin-bottom: 16px;
}
.ServicesIncluded .ServicesTags {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.ServicesIncluded .ServicesTags li {
  padding: 8px 14px;
  border-radius: 29px;
  border: 1px solid #ADBDFD;
  color: #132A5F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.5%;
  letter-spacing: -0.34px;
}

.sub-action-buttons {
  margin-top: 20px;
  display: flex;
  gap: 18px;
  margin-bottom: 0px;
  flex-direction: column;
}
@media (max-width: 767px) {
  .sub-action-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
  }
}
.sub-action-buttons .subscribe-btn {
  padding: 20px 52px;
  border-radius: 106px;
  background: #2A56F4;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4px;
  min-width: 240px;
  height: 60px;
}
@media (max-width: 1200px) {
  .sub-action-buttons .subscribe-btn {
    min-width: 200px;
    padding: 26px 12px;
  }
}

.SubscribeRow .StarterCol .sub-act-mail {
  text-align: center;
}

.sub-act-mail {
  color: #0F172A !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  letter-spacing: -0.5px !important;
}
.sub-act-mail a {
  color: #2A56F4;
  text-decoration-line: underline;
}
@media (max-width: 767px) {
  .sub-act-mail {
    text-align: center;
  }
}

.book-call-btn {
  padding: 26px 52px;
  border-radius: 106px;
  border: 1px solid #E2E8F0;
  background: #FFF;
  color: #2A56F4;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4px;
  height: 72px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
@media (max-width: 1200px) {
  .book-call-btn {
    min-width: 200px;
    padding: 26px 12px;
  }
}

.includedListing h4 {
  color: #0F172A;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -1.25px;
}
.includedListing .ulIncluded {
  margin-top: 20px;
}
.includedListing .ulIncluded li {
  color: #475569;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.includedListing .ulIncluded li:last-child {
  margin-bottom: 0px;
}
.includedListing .ulIncluded li b {
  font-weight: 500;
}
@media (max-width: 480px) {
  .includedListing {
    flex-direction: column;
  }
}

.letsDiscuss .ltBtns {
  padding: 20px 48px;
  border-radius: 106px;
  background: #0F172A;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4px;
  max-height: 60px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .letsDiscuss .ltBtns {
    padding: 20px 35px;
    font-size: 18px;
  }
}

.customInner {
  border-radius: 30px;
  border: 1px solid #F4DF99;
  background: #FBF8EE;
  padding: 32px 24px;
}
.customInner .customBaseTitle {
  color: #2D2304;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 112%;
  letter-spacing: -1px;
  font-family: "DM Serif Display", serif;
  font-style: italic;
}
@media (max-width: 767px) {
  .customInner .customBaseTitle {
    font-size: 36px;
  }
}
.customInner .customBaseText {
  color: #2D2304;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -1px;
  margin-top: 9px;
  margin-bottom: 18px;
  font-style: italic;
}
.customInner .designConsultants {
  color: #0F172A;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 109.091%;
  letter-spacing: -1px;
}
.customInner .includedListing {
  margin-top: 115px;
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 27px;
}
@media (max-width: 767px) {
  .customInner .includedListing {
    margin-top: 50px;
  }
}
.customInner .includedListing h4 {
  color: #fff;
}
.customInner .ulIncluded li {
  color: #94A3B8;
}

.consultantframe {
  display: flex;
  position: relative;
}
.consultantframe .clframeli {
  position: relative;
  width: 50px;
}
.consultantframe .clframeli:not(:first-child) {
  margin-left: -10px;
}

.addOns {
  margin-top: 60px;
  padding: 0px 32px;
}
@media (max-width: 992px) {
  .addOns {
    margin-top: 40px;
    padding: 0px 0px;
  }
}
@media (max-width: 767px) {
  .addOns {
    margin-top: 30px;
    padding: 0px 0px;
  }
}
.addOns .addOnsTitle {
  color: #0F172A;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: -1px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .addOns .addOnsTitle {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .addOns .addOnsTitle {
    margin-bottom: 15px;
  }
}
.addOns .addOnsText {
  color: #64748B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .addOns .addOnsText {
    margin-top: 25px;
  }
}

.addOnsPrice {
  display: flex;
  margin-top: 48px;
}
@media (max-width: 992px) {
  .addOnsPrice {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}
.addOnsPrice .addColmn {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 8px;
}
@media (max-width: 992px) {
  .addOnsPrice .addColmn {
    width: 100%;
    align-items: center;
  }
}
.addOnsPrice .addColmn::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 60px;
  right: 30px;
  top: 10px;
  background: #CBD5E1;
}
@media (max-width: 1200px) {
  .addOnsPrice .addColmn::before {
    display: none;
  }
}
.addOnsPrice .addColmn:last-child::before {
  display: none;
}
.addOnsPrice .addColmn .ads-title {
  color: #64748B;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 144.444%;
}
@media (max-width: 767px) {
  .addOnsPrice .addColmn .ads-title {
    font-size: 15px;
  }
}
.addOnsPrice .addColmn .ads-price {
  color: #0F172A;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 108.333%;
}
@media (max-width: 767px) {
  .addOnsPrice .addColmn .ads-price {
    font-size: 40px;
  }
}

.referFriend {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .referFriend {
    margin-top: 40px;
  }
}
.referFriend .container {
  padding: 0px;
}
.referFriend .referWrap {
  display: flex;
  gap: 14px;
  flex-direction: column;
}
@media (max-width: 992px) {
  .referFriend .referWrap {
    gap: 10px;
    text-align: center;
  }
}
.referFriend .referEarn {
  padding: 30px 24px;
  border-radius: 24px;
  background: #FBFBFC;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 992px) {
  .referFriend .referEarn {
    gap: 30px;
  }
}
@media (max-width: 480px) {
  .referFriend .referEarn {
    padding: 40px 30px;
  }
}
.referFriend .referTitle {
  color: #0F172A;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  letter-spacing: -1px;
  font-family: "DM Serif Display", serif;
  font-style: italic;
}
@media (max-width: 480px) {
  .referFriend .referTitle {
    font-size: 30px;
  }
}
.referFriend .referText p {
  color: #64748B;
  font-size: 19.375px;
  font-style: normal;
  font-weight: 400;
  line-height: 124.903%;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .referFriend .referText p br {
    display: none;
  }
}
.referFriend .btn-join-today {
  display: flex;
  width: 240px;
  padding: 26px 52px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 106px;
  background: #0F172A;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4px;
}
.referFriend .joinToday {
  display: flex;
  align-items: flex-end;
  margin-top: 25px;
}
@media (max-width: 480px) {
  .referFriend .joinToday {
    flex-direction: column;
    align-items: center;
  }
}
.referFriend .friendRefer {
  position: relative;
  top: 30px;
}

.credibilityKey {
  padding: 80px 0px 160px;
}
@media (max-width: 1200px) {
  .credibilityKey {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .credibilityKey {
    padding: 60px 0px;
  }
}
.credibilityKey .credibilityTitle {
  color: #0F172A;
  font-size: 82px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.878%;
  letter-spacing: -3.69px;
}
@media (max-width: 1200px) {
  .credibilityKey .credibilityTitle {
    font-size: 70px;
    letter-spacing: -1.69px;
  }
}
@media (max-width: 992px) {
  .credibilityKey .credibilityTitle {
    font-size: 65px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .credibilityKey .credibilityTitle {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .credibilityKey .credibilityTitle {
    font-size: 35px;
  }
}
.credibilityKey .credibilityTitle span {
  font-family: "DM Serif Display", serif;
  font-style: italic;
}

.creadCards {
  display: flex;
  gap: 48px;
  margin-top: 80px;
  position: relative;
}
@media (max-width: 767px) {
  .creadCards {
    margin-top: 45px;
  }
}

.creadCardsWrap {
  padding: 40px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.creadCardsWrap.lt-purple {
  background: linear-gradient(159deg, rgba(102, 86, 247, 0.23) 11.26%, rgba(219, 76, 215, 0.05) 86.03%);
}
.creadCardsWrap.lt-blue {
  background: linear-gradient(159deg, #CCE0FF 11.26%, rgba(159, 189, 239, 0.34) 50.52%, rgba(202, 204, 208, 0.19) 86.03%);
}
.creadCardsWrap p {
  color: #2B374E;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 130.769%;
  letter-spacing: -1.17px;
}
@media (max-width: 767px) {
  .creadCardsWrap p {
    font-size: 22px;
  }
}

.creadBottom {
  margin-top: 118px;
  position: relative;
}
.creadBottom .creadBottomLogo {
  min-height: 46px;
}
.creadBottom .creadBottomLogo > img {
  position: relative;
  z-index: 11;
  max-width: 100px;
}
.creadBottom .cR-title {
  position: absolute;
  bottom: -44px;
  width: 109%;
  z-index: 0;
}

.dassPageFAQ.freq-ask-qus {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #F9FAFF 100%);
}
@media (max-width: 1200px) {
  .dassPageFAQ.freq-ask-qus {
    padding: 100px 0px;
  }
}
@media (max-width: 992px) {
  .dassPageFAQ.freq-ask-qus {
    padding: 60px 0px;
  }
}
@media (max-width: 1200px) {
  .dassPageFAQ.freq-ask-qus .faqWraper .faqWraper-inner {
    padding: 80px 30px;
  }
}
@media (max-width: 992px) {
  .dassPageFAQ.freq-ask-qus .faqWraper .faqWraper-inner {
    padding: 40px 30px;
  }
}
.dassPageFAQ .faq-sec {
  background: transparent !important;
  padding-bottom: 0;
}
.dassPageFAQ .faq-sec .card {
  background: transparent !important;
  box-shadow: none;
}
.dassPageFAQ .faq-sec .card-header {
  background: transparent !important;
}

.consult-us.dassConsult {
  margin-top: 0px;
}
.consult-us.dassConsult .contact-btn {
  min-width: 216px;
  display: inline-block;
}
.consult-us.dassConsult .inner-wrap-consult-us .p_1 {
  color: #F3BD0F;
  letter-spacing: 1.76px;
  font-weight: 600;
}

.crSlide {
  max-width: 1300px;
  margin-left: auto;
}
@media (max-width: 1200px) {
  .crSlide {
    padding: 0px 30px;
  }
}
@media (min-width: 1800px) {
  .crSlide {
    max-width: 1500px;
    margin: auto;
  }
}

@keyframes spot {
  70% {
    box-shadow: 0px 0px 4px 9px rgb(233, 238, 255);
  }
  90% {
    box-shadow: 0px 0px 9px 12px rgb(255, 255, 255);
  }
  100% {
    box-shadow: 0px 0px 0px 5px rgb(255, 255, 255);
  }
}
@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes shine {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px));
  }
}
.f-s22 {
  font-size: 22px;
}
@media (max-width: 480px) {
  .f-s22 {
    font-size: 16px;
  }
}

.mt-32 {
  margin-top: 32px !important;
}

.max-850 {
  max-width: 850px;
  margin: auto;
}

.f-s48 {
  font-size: 48px;
  line-height: 112.5%;
}
@media (max-width: 767px) {
  .f-s48 {
    font-size: 30px;
  }
}

.text-black {
  color: #000;
}

.stepsCardCol video::-webkit-media-controls {
  display: none;
}

.stepsCardCol video::-webkit-media-controls-enclosure {
  display: none !important;
}

.ebook-body {
  font-family: "Merriweather Sans", sans-serif !important;
}

button {
  outline: none !important;
}

.style-radio,
.style-checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.style-radio input,
.style-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.style-radio .checkmark,
.style-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 48px;
  border: 1px solid var(--200, #E2E8F0);
  background: var(--white, #FFF);
  border-radius: 50%;
}
.style-radio .checkmark::after,
.style-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.style-radio input:checked ~ .checkmark,
.style-checkbox input:checked ~ .checkmark {
  background: #FFF;
}
.style-radio input:checked ~ .checkmark::after,
.style-checkbox input:checked ~ .checkmark::after {
  display: block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0084E5;
}

.style-checkbox .checkmark {
  border-radius: 4px !important;
}
.style-checkbox input:checked ~ .checkmark {
  background: #0084E5;
  border-color: #0084E5;
}
.style-checkbox input:checked ~ .checkmark:after {
  display: block;
  top: 0px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 0px !important;
  background-image: url(/images/ebook-img/whiteTick.svg);
  background-repeat: no-repeat;
}

.ebook-main-wrpr h1,
.ebook-main-wrpr h2,
.ebook-main-wrpr h3,
.ebook-main-wrpr h4,
.ebook-main-wrpr h5,
.ebook-main-wrpr h6,
.ebook-main-wrpr p,
.ebook-main-wrpr span {
  font-family: "Merriweather Sans", sans-serif;
}
@media (min-width: 576px) {
  .ebook-main-wrpr .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .ebook-main-wrpr .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .ebook-main-wrpr .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .ebook-main-wrpr .container {
    max-width: 1280px !important;
  }
}
.ebook-main-wrpr .fs-121 {
  font-size: 121px;
  line-height: 109.091%;
  letter-spacing: -3.025px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-121 {
    font-size: 92px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-121 {
    font-size: 62px;
    letter-spacing: -1.025px;
  }
}
.ebook-main-wrpr .fs-90 {
  font-size: 90px;
  line-height: 108.889%;
  letter-spacing: -4.5px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 68px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 48px;
    letter-spacing: -1.5px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 32px;
  }
}
.ebook-main-wrpr .fs-74 {
  font-size: 74px;
  line-height: 110.811%;
  letter-spacing: -3.7px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 62px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 32px;
    letter-spacing: -0.7px;
  }
}
.ebook-main-wrpr .fs-58 {
  font-size: 58px;
  line-height: 142.793%;
  letter-spacing: -1.45px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-58 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-58 {
    font-size: 36px;
  }
}
.ebook-main-wrpr .fs-44 {
  font-size: 44px;
  line-height: 131.818%;
  letter-spacing: -0.66px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-44 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-44 {
    font-size: 24px;
  }
}
.ebook-main-wrpr .fs-40 {
  color: var(--dark, #0F172A);
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -1px;
}
.ebook-main-wrpr .fs-36 {
  font-size: 36px;
  line-height: 126.793%;
  letter-spacing: -0.54px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-36 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-36 {
    font-size: 22px;
  }
}
.ebook-main-wrpr .fs-24 {
  font-size: 24px;
  letter-spacing: -0.36px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-24 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-24 {
    font-size: 18px;
  }
}
.ebook-main-wrpr .fs-22 {
  font-size: 22px;
  line-height: 118.182%;
  letter-spacing: 0.44px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-22 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-20 {
  font-size: 20px;
  line-height: 160%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-20 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-18 {
  font-size: 18px;
  font-weight: 700;
  line-height: 144.444%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-18 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-16 {
  font-size: 16px;
  line-height: 162.5%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-16 {
    font-size: 14px;
  }
}
.ebook-main-wrpr .fs-12 {
  font-size: 12px;
  line-height: 166.667%;
  letter-spacing: -0.24px;
}
.ebook-main-wrpr .fs-14 {
  font-size: 14px;
  line-height: 142.857%;
}
.ebook-main-wrpr .fw-300 {
  font-weight: 300;
}
.ebook-main-wrpr .fw-400 {
  font-weight: 400;
}
.ebook-main-wrpr .fw-500 {
  font-weight: 500;
}
.ebook-main-wrpr .fw-600 {
  font-weight: 600;
}
.ebook-main-wrpr .fw-700 {
  font-weight: 700;
}
.ebook-main-wrpr .fw-800 {
  font-weight: 800;
}
.ebook-main-wrpr .mb-24 {
  margin-bottom: 24px !important;
}
.ebook-main-wrpr .pt-20 {
  padding-top: 20px !important;
}
.ebook-main-wrpr .view-now {
  padding: 17px 32px !important;
}
.ebook-main-wrpr .btn-reset {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0px !important;
}
.ebook-main-wrpr .show .dropdown-toggle::after {
  rotate: 180deg !important;
  transition: rotate 0.3s ease-in;
}
.ebook-main-wrpr .copy-wrpr p {
  color: var(--dark, #0F172A);
  font-family: "Merriweather Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
  letter-spacing: 0.32px;
}
.ebook-main-wrpr .dropdown-toggle {
  cursor: pointer;
}
.ebook-main-wrpr .dropdown-toggle::after {
  border: none;
  position: absolute;
  background-image: url(/images/ebook-img/dropdown-icon.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  top: 10px;
  right: 5px;
  transition: rotate 0.3s ease-in;
}
.ebook-main-wrpr .dropdown-menu {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 26px 38px 0px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 12px 16px;
  min-width: 305px;
  width: 100%;
  overflow: auto;
}
.ebook-main-wrpr .dropdown-menu .dropdown-item {
  padding: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid #CBD5E1;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 16px;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.ebook-main-wrpr .black-btn {
  white-space: nowrap;
  border-radius: 80px;
  background: #0F172A;
  justify-content: center;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 17px 24px;
  color: #FFF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .black-btn {
    padding: 12px 22px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .black-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .white-btn {
  white-space: nowrap;
  border-radius: 80px;
  border: 1px solid #E2E8F0;
  outline: none;
  box-shadow: none;
  padding: 17px 24px;
  color: #0F172A;
  background-color: #FFF;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .white-btn {
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .white-btn {
    padding: 12px 17px;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .white-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .blue-btn {
  white-space: nowrap;
  border-radius: 80px;
  border: 1px solid #2A56F4;
  background: #2A56F4;
  box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.05);
  padding: 14px 50px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .blue-btn {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .blue-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .highliter {
  background-color: #FFF7AB;
  font-family: "EB Garamond" !important;
  position: relative;
}
.ebook-main-wrpr .highliter .highlighter-btns {
  position: absolute;
  top: -50px;
  right: 0px;
  border-radius: 70px;
  background: rgba(0, 0, 0, 0.4);
  gap: 8px;
  padding: 4px;
  justify-content: space-between;
}
.ebook-main-wrpr .highliter .style-btn {
  background-color: #FFF !important;
  padding: 10px !important;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ebook-main-wrpr .style-border {
  display: block;
  border-right: 1px solid #CBD5E1;
  height: 40px;
  width: 1px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .style-border {
    display: none;
  }
}
.ebook-main-wrpr header {
  padding: 8px 0px;
  background-color: white;
}
.ebook-main-wrpr header .logo-wrpr {
  gap: 12px;
}
.ebook-main-wrpr header .intro-wrap-mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    border-radius: 172.5px;
    border: 1px solid #FFF;
    background: #F1F5F9;
    width: 45px;
    height: 45px;
    box-shadow: 0px 0px 10px 0px #b5bdc8;
  }
}
.ebook-main-wrpr header .intro-wrap-mobile .dropdown-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.ebook-main-wrpr header .intro-wrap-mobile .dropdown-toggle::after {
  content: unset !important;
  min-width: none !important;
}
.ebook-main-wrpr header .active-copy .gry-copy {
  display: none;
}
.ebook-main-wrpr header .active-copy .grn-cpy {
  display: block !important;
  color: #18A714;
}
.ebook-main-wrpr header .e-book {
  color: #94A3B8;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .e-book {
    display: none;
  }
}
.ebook-main-wrpr header .share-wrpr {
  cursor: pointer;
}
.ebook-main-wrpr header .share-wrpr .dropdown-toggle {
  cursor: pointer;
}
.ebook-main-wrpr header .share-wrpr .dropdown-toggle::after {
  content: none;
}
.ebook-main-wrpr header .share-wrpr .dropdown-menu {
  left: -100px;
  min-width: 250px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .share-wrpr .dropdown-menu {
    left: -200px;
  }
}
.ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
  border-radius: 90px;
  background: #F1F5F9;
  border: none;
  outline: none;
  padding: 4px 8px !important;
  min-width: 76px;
  cursor: pointer;
  text-align: left;
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
    min-width: unset !important;
    padding: 6px !important;
  }
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle::after {
    content: unset !important;
  }
}
.ebook-main-wrpr header .setting-wrpr .dropdown-toggle img {
  background: white;
  padding: 4px;
  border-radius: 110px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-menu {
    left: -90px !important;
  }
}
.ebook-main-wrpr header .menu-wrpr {
  gap: 12px;
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .menu-wrpr {
    gap: 4px;
  }
}
.ebook-main-wrpr header .intro-wrap {
  min-width: 218px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap {
    display: none;
  }
}
.ebook-main-wrpr header .intro-wrap .p_1 {
  color: #0F172A;
}
.ebook-main-wrpr header .intro-wrap .percentage {
  padding: 8px 5px;
  border: 2px solid #E2E8F0;
  border-radius: 50%;
  display: flex;
  position: relative;
  max-width: 48px;
  font-size: 12px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  align-items: center;
}
.ebook-main-wrpr header .intro-wrap .percentage::after {
  content: "";
  padding: 8px 5px;
  border: 4px solid blue;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ebook-main-wrpr header .intro-wrap .dropdown-toggle {
  gap: 14px;
}
.ebook-main-wrpr header .intro-wrap .dropdown-toggle::after {
  top: 16px;
}
.ebook-main-wrpr header .intro-wrap .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  margin: 0 20px;
  border-radius: 5px;
}
.ebook-main-wrpr header .intro-wrap .card .percent {
  position: relative;
}
.ebook-main-wrpr header .intro-wrap .card svg {
  position: relative;
  width: 110px;
  height: 110px;
  transform: rotate(-90deg);
}
.ebook-main-wrpr header .intro-wrap .card svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 10;
  stroke-linecap: round;
}
.ebook-main-wrpr header .intro-wrap .card svg circle:last-of-type {
  stroke-dasharray: 285px;
  stroke-dashoffset: calc(285px - 285px * var(--percent) / 100);
  stroke: #3498db;
}
.ebook-main-wrpr header .intro-wrap .card .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ebook-main-wrpr header .intro-wrap .card .number h3 {
  font-weight: 200;
  font-size: 20px;
}
.ebook-main-wrpr header .intro-wrap .dropdown-menu {
  left: -100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap .dropdown-menu {
    left: -200px;
  }
}
.ebook-main-wrpr header .profile-wrap {
  padding: 9px 12px;
  border-radius: 212px;
  border: 1px solid #F1F5F9;
  width: 88px;
  height: 48px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .profile-wrap {
    border: none;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.ebook-main-wrpr header .profile-wrap img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ebook-main-wrpr header .profile-wrap .dropdown-toggle::after {
  top: 15px;
  right: 12px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .profile-wrap .dropdown-toggle::after {
    content: unset;
  }
}
.ebook-main-wrpr header .profile-wrap .dropdown-menu {
  min-width: 200px !important;
  left: -40px !important;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr header .profile-wrap .dropdown-menu {
    left: -100px !important;
  }
}
.ebook-main-wrpr header .profile-wrap .profile-img-wrpr {
  position: relative;
}
.ebook-main-wrpr header .profile-wrap .profile-img-wrpr .notification {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2A56F4;
  padding: 1px 3.5px;
  border-radius: 50%;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.25px;
  box-shadow: 0px 0px 0px 2px rgba(104, 101, 95, 0.1607843137);
  z-index: 9;
}
.ebook-main-wrpr header .profile-wrap .cstm-icon {
  width: 24px;
  height: 24px;
}
.ebook-main-wrpr .ebook-hero-sec {
  background-image: url(/images/ebook-img/hero-bg-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 350px;
  padding-bottom: 40px;
  background-position: center;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .ebook-hero-sec {
    padding-top: 280px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec {
    padding-top: 180px;
    padding-bottom: 20px;
    background-size: 100% !important;
    background-position: center !important;
  }
}
.ebook-main-wrpr .ebook-hero-sec::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #2A56F4 100%);
}
.ebook-main-wrpr .ebook-hero-sec .hero-inner {
  background: #FFF;
  box-shadow: 0px 14px 14px 0px #15214D;
  padding: 26px 15px;
  text-align: center;
  z-index: 9;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec .hero-inner {
    margin-bottom: -140px;
    box-shadow: 0px 3.828px 13.83px 0px rgba(21, 33, 77, 0.15);
  }
}
.ebook-main-wrpr .ebook-hero-sec .h2_1 {
  padding-bottom: 48px;
  color: #0F172A;
}
.ebook-main-wrpr .ebook-hero-sec .h2_1 span {
  color: #2A56F4;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec .h2_1 {
    font-size: 24px !important;
    padding-bottom: 24px;
  }
}
.ebook-main-wrpr .ebook-hero-sec .btns {
  gap: 24px;
}
@media only screen and (max-width: 440px) {
  .ebook-main-wrpr .ebook-hero-sec .btns {
    flex-direction: column;
  }
}
.ebook-main-wrpr .ebook-hero-sec .read-book-btn {
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .read-book-btn:hover {
  box-shadow: 0px 5px 5px 0px rgba(28, 34, 46, 0.38);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .download-ebook {
  gap: 10px;
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .download-ebook:hover {
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.3490196078);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .vrinda-wrpr {
  padding: 24px 0px 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .vrinda-wrpr {
    margin-top: 120px;
  }
  .ebook-main-wrpr .vrinda-wrpr .fs-18 {
    font-size: 14px !important;
    letter-spacing: 0px !important;
  }
  .ebook-main-wrpr .vrinda-wrpr .fs-16 {
    font-size: 12px !important;
    letter-spacing: 0px !important;
  }
}
.ebook-main-wrpr .vrinda-wrpr .inner-wrpr {
  padding-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .inner-wrpr {
    padding-bottom: 40px;
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .inner-wrpr .fs-18 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .profile-main-wrpr {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .vrinda-wrpr .profile-main-wrpr {
    justify-content: start;
  }
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile {
  gap: 8px;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile img {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile .h4_1 {
  color: #0F172A;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile .p_1 {
  color: #64748B;
}
.ebook-main-wrpr .vrinda-wrpr .chapter-wrap {
  gap: 12px;
}
.ebook-main-wrpr .vrinda-wrpr .people-info .h4_1 {
  color: #EF7A05;
  font-size: 34px;
  line-height: 76.471%;
  letter-spacing: -1.7px;
}
.ebook-main-wrpr .vrinda-wrpr .people-info .p_1 {
  color: #0F172A;
  padding-top: 4px;
}
.ebook-main-wrpr .vrinda-wrpr .overview {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
}
.ebook-main-wrpr .vrinda-wrpr .overview .title {
  padding-bottom: 32px;
  border-bottom: 1px solid #CBD5E1;
  margin-bottom: 60px;
  color: #0F172A;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .overview .title {
    margin-bottom: 20px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .overview .contenet {
  gap: 32px;
  width: 100%;
  max-width: 744px;
  justify-content: end;
  margin-left: auto;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .overview .contenet {
    gap: 22px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .overview .contenet p {
  color: #475569;
  font-family: "EB Garamond", serif !important;
}
.ebook-main-wrpr .vrinda-wrpr .contributors {
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 221px;
}
.ebook-main-wrpr .vrinda-wrpr .contributors .h4_1 {
  white-space: nowrap;
}
.ebook-main-wrpr .purpose-ebook-wrap .title {
  padding-bottom: 36px;
  color: #2A56F4;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .purpose-ebook-wrap .title {
    text-align: center;
  }
}
.ebook-main-wrpr .purpose-ebook-wrap .title span {
  color: #FF8000;
}
.ebook-main-wrpr .purpose-ebook-wrap .text {
  background-image: url(/images/ebook-img/lines-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text {
  width: 100%;
  max-width: 490px;
  margin: 0px auto;
  gap: 20px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .purpose-ebook-wrap .inner-text {
    max-width: 100%;
  }
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text p {
  color: #64748B;
  text-align: center;
  letter-spacing: -0.42px;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text span {
  color: #0F172A;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text .h5_1 {
  text-align: center;
  color: #F67600;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text p,
.ebook-main-wrpr .purpose-ebook-wrap .inner-text h5,
.ebook-main-wrpr .purpose-ebook-wrap .inner-text span {
  font-family: "EB Garamond", serif !important;
}
.ebook-main-wrpr .finaly-gaze-wrpr {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .finaly-gaze-wrpr .p_1 {
  color: #0F172A;
  max-width: 1120px;
  margin: 0px auto;
  font-family: "EB Garamond", serif !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr .p_1 {
    max-width: 100%;
  }
}
.ebook-main-wrpr .finaly-gaze-wrpr .p_1:first-child {
  padding-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr .p_1:first-child {
    padding-bottom: 20px;
  }
}
.ebook-main-wrpr .arrow-gif {
  height: 112px;
}
.ebook-main-wrpr .index-btn-wrpr {
  margin-bottom: 34px;
}
.ebook-main-wrpr .chapter-info {
  padding: 0px 0px 120px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .chapter-info {
    padding: 0px 0px 60px 0px;
  }
}
.ebook-main-wrpr .chapter-info .style-inner {
  width: 80%;
  gap: 34px;
}
.ebook-main-wrpr .chapter-info .chapters {
  gap: 34px;
}
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover span,
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover h4,
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover p {
  color: #2A56F4 !important;
}
.ebook-main-wrpr .chapter-info .chapters a:hover {
  text-decoration: unset !important;
}
.ebook-main-wrpr .chapter-info .style-chapter {
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 32px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .style-chapter {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .chapter-info .style-chapter .style-inner {
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .style-chapter .style-inner {
    width: 100%;
  }
}
.ebook-main-wrpr .chapter-info .chapter-name {
  width: 20%;
  color: #475569;
  font-family: "EB Garamond" !important;
  letter-spacing: 2.56px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .chapter-title-wrap {
    width: 100%;
  }
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap .h4_1 {
  color: #0F172A;
  padding-bottom: 12px;
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap .p_1 {
  color: #64748B;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .chapter-info .read-min {
  border-radius: 90px;
  border: 1px solid var(--200, #E2E8F0);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ebook-main-wrpr .evolution-wrpr .chapter-wrpr {
  padding: 85px 103px;
  background: #F5F8FF;
  margin-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .evolution-wrpr .chapter-wrpr {
    padding: 40px;
    margin-bottom: 50px;
  }
}
.ebook-main-wrpr .evolution-wrpr .chapter-wrpr .p_1 {
  max-width: 881px;
  margin: 0px auto;
}
.ebook-main-wrpr .evolution-wrpr .chapter-name {
  font-family: "EB Garamond" !important;
  letter-spacing: 3.2px;
}
.ebook-main-wrpr .evolution-wrpr .title {
  padding: 24px 0px;
  color: #0F172A;
  width: 100%;
  max-width: 1037px;
  margin: 0px auto;
}
.ebook-main-wrpr .evolution-wrpr .p_1 {
  color: #64748B;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .evolution-wrpr .audio-btn {
  gap: 8px !important;
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .evolution-wrpr .audio-btn:hover {
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.3490196078);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .evolution-wrpr .btns {
  gap: 16px;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .evolution-wrpr .btns {
    flex-direction: column;
    margin-top: 20px;
  }
}
.ebook-main-wrpr .evolution-wrpr .btns .style-border {
  height: 40px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .evolution-wrpr .btns .style-border {
    display: none;
  }
}
.ebook-main-wrpr .evolution-wrpr .min-wrpr {
  gap: 12px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .evolution-wrpr .min-wrpr img {
    width: 34px;
  }
}
.ebook-main-wrpr .evolution-wrpr .style-min {
  color: #0F172A;
  margin: 0px;
}
.ebook-main-wrpr .evolution-wrpr .product-para {
  width: 100%;
  max-width: 1080px;
}
.ebook-main-wrpr .evolution-wrpr .product-para1 {
  margin-top: 70px !important;
}
.ebook-main-wrpr .evolution-wrpr .product-para {
  color: #0F172A;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .historical-milestones {
  padding: 160px 0px;
  max-width: 1080px;
  margin: 0px auto;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .historical-milestones .big-single-imz {
  margin-bottom: 32px;
}
.ebook-main-wrpr .historical-milestones .title {
  color: #0F172A;
  border-bottom: 1px solid #CBD5E1;
  padding-bottom: 32px;
  margin-bottom: 64px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .title {
    margin-bottom: 30px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr {
  gap: 30px;
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr {
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img {
  width: 50%;
  max-width: 525px;
  flex: 0 0 calc(50% - 30px);
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img {
    flex: 0 0 100%;
    flex-direction: column;
    margin: 0px;
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img img {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img .img-h {
  max-height: 482px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr {
    flex-direction: column;
    gap: 10px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr {
  width: 35%;
  max-width: 276px;
  color: #0F172A;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr-new {
  width: 70%;
  color: #0F172A;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr-new {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .content {
  width: 65%;
  color: #475569;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .content {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .content-new {
  width: 100%;
  color: #475569;
  font-family: "EB Garamond" !important;
  text-align: justify;
}
.ebook-main-wrpr .historical-milestones .milstones-wrpr {
  gap: 40px;
}
.ebook-main-wrpr .historical-milestones .milstones-wrpr .design-top {
  margin-top: 40px;
}
.ebook-main-wrpr .influential-figures {
  padding: 0px !important;
}
.ebook-main-wrpr .influential-figures .content-wrpr {
  width: 65%;
  color: #475569;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .influential-figures .content-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .influential-figures .style-content {
  color: #475569;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .influential-figures .name {
  letter-spacing: -0.45px;
  text-transform: uppercase;
  color: #0F172A;
  padding-bottom: 16px;
}
.ebook-main-wrpr .influential-figures .influencer-img {
  width: 100%;
  max-width: 391px;
  min-height: 269px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .influential-figures .influencer-img {
    max-width: 100%;
  }
}
.ebook-main-wrpr .next-frontier .frontier-wrap {
  width: 100%;
  max-height: 480px;
  margin-bottom: 64px !important;
}
.ebook-main-wrpr .next-frontier .content {
  width: 100%;
  max-width: 744px;
  margin-left: auto;
  margin-right: 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .next-frontier .content {
    max-width: 100%;
  }
}
.ebook-main-wrpr .next-frontier .content .p_1 {
  color: #475569;
  font-family: "EB Garamond" !important;
  padding-bottom: 20px;
}
.ebook-main-wrpr .next-frontier .content .p_1:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .modern-design-wrpr {
  padding: 0px;
}
.ebook-main-wrpr .modern-design-wrpr .chapter-wrpr .p_1 {
  max-width: 881px;
  margin: 0px auto;
}
.ebook-main-wrpr .modern-design-wrpr .aiux-para {
  color: #475569;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  padding-bottom: 40px;
}
.ebook-main-wrpr .modern-design-wrpr .reality-lie {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  margin: 0px auto;
  text-align: center;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr .modern-design-wrpr .imagine-stepping {
  color: #475569;
  text-align: center;
  font-family: "EB Garamond" !important;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr .modern-design-wrpr .magician-behind {
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .modern-design-wrpr .style-magician {
  position: relative;
  color: #2A56F4;
}
.ebook-main-wrpr .modern-design-wrpr .style-magician::after {
  content: "";
  position: absolute;
  background-image: url(/images/ebook-img/mdi_stars.svg);
  width: 24px;
  height: 24px;
  top: -5px;
  left: -20px;
}
.ebook-main-wrpr .inner-span {
  color: #0F172A;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .dawn-personalization .img-vdo-wrpr {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr .img-wrpr {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr .img-wrpr img {
  width: 100%;
  height: 100%;
  max-height: 480px;
}
.ebook-main-wrpr .dawn-personalization .video-title {
  color: #0F172A;
  max-width: 341px;
}
.ebook-main-wrpr .dawn-personalization .video-discription {
  color: #64748B;
  max-width: 312px;
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .dawn-personalization .imgs-wrpr {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img {
  width: 50%;
  max-width: 525px;
  flex: 0 0 calc(50% - 30px);
  margin: 100px 0px 64px 0px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img {
    flex: 0 0 100%;
    flex-direction: column;
    margin: 0px;
    width: 100%;
  }
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img img {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .video-wrpr {
  width: 35%;
  max-width: 341px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-wrpr {
    width: 100%;
    max-width: 100%;
  }
}
.ebook-main-wrpr .video-player {
  position: relative;
}
.ebook-main-wrpr .video-player .banner-img {
  width: 100%;
  height: 100%;
  max-height: 240px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-player .banner-img {
    max-height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .video-player .banner-img {
    max-height: 240px;
  }
}
.ebook-main-wrpr .video-player .ply-bnt {
  background-color: white !important;
  color: #0F172A;
  text-align: center;
  font-size: 13.998px;
  font-weight: 700;
  line-height: 128.571%;
  position: absolute;
  padding: 8px 16px;
  top: 40%;
  left: 20%;
  border: 1px solid #0e172a;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 50%;
    left: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 45%;
    left: 35%;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 45%;
    left: 25%;
  }
}
.ebook-main-wrpr .big-video-player {
  height: 100%;
  max-height: 480px;
  overflow: hidden;
}
.ebook-main-wrpr .big-video-player .banner-img {
  height: 100%;
  width: 100%;
  max-height: 480px !important;
}
.ebook-main-wrpr .big-video-player .ply-bnt {
  top: 45%;
  left: 43%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    top: 40%;
    left: 35%;
  }
}
@media only screen and (max-width: 450px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    left: 30%;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    top: 30%;
    left: 25%;
  }
}
.ebook-main-wrpr .streamlinig-desgn {
  padding: 0px;
}
.ebook-main-wrpr .credit-yt-wrpr {
  margin: 16px 0px 64px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .credit-yt-wrpr {
    margin: 16px 0px 30px 0px;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .p_1 {
  width: 80%;
  color: #475569 !important;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .credit-yt-wrpr .p_1 span {
  color: #0F172A !important;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .p_1 {
    width: 100%;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .credit-yt-inner {
  align-items: start !important;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .credit-yt-inner {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .credit-yt {
  display: flex;
  justify-content: end;
  width: 20%;
  color: #0F172A;
  text-decoration-line: underline;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .credit-yt {
    margin: 0px auto;
    justify-content: center;
  }
}
.ebook-main-wrpr .era-reativity {
  padding: 0px;
}
.ebook-main-wrpr .read-article-btn {
  padding: 8px 16px;
  color: #FFF;
  font-size: 13.998px;
  font-weight: 700;
  line-height: 128.571%;
}
.ebook-main-wrpr .power-data {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .power-data {
    padding: 60px 0px !important;
  }
}
.ebook-main-wrpr .power-data .video-discription {
  padding: 12px 0px 40px 0px;
  max-width: 100%;
}
.ebook-main-wrpr .seamless-collaboration {
  padding: 0px;
}
.ebook-main-wrpr .seamless-collaboration .content {
  padding-top: 64px;
}
.ebook-main-wrpr .seamless-collaboration .figma-xp-wrpr {
  gap: 18px;
  padding: 44px 0px 28px 0px;
}
.ebook-main-wrpr .seamless-collaboration .figma-xp-wrpr .style-img {
  flex: 0 0 calc(50% - 18px);
}
.ebook-main-wrpr .virtual-prototyping {
  padding: 0px;
}
.ebook-main-wrpr .interact {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .interact {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .create-account {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .create-account {
    padding: 60px;
  }
}
.ebook-main-wrpr .create-account .title {
  color: #0F172A;
}
.ebook-main-wrpr .create-account .p_1 {
  color: #475569;
  padding: 12px 0px 40px 0px;
}
.ebook-main-wrpr .create-account .crt-accnt {
  border: none;
}
.ebook-main-wrpr .illusion .ai-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .ai-wrpr {
    flex-direction: column;
    gap: 40px;
  }
}
.ebook-main-wrpr .illusion .ai-wrpr .h4_1 {
  padding: 20px 0px 24px 0px;
}
.ebook-main-wrpr .illusion .read-article-wrpr {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .read-article-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .illusion .read-article-btn {
  margin-bottom: 86px;
}
.ebook-main-wrpr .illusion .p_1 {
  font-family: "EB Garamond" !important;
  color: #475569;
  padding: 20px 0px 40px 0px;
}
.ebook-main-wrpr .illusion .p_1:last-child {
  padding: 0px;
}
.ebook-main-wrpr .illusion .image-ai {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .image-ai {
    width: 100%;
  }
}
.ebook-main-wrpr .illusion .image-ai .style-img-ai {
  max-width: 525px;
  padding-bottom: 40px;
}
.ebook-main-wrpr .reliance-AI {
  padding: 0px;
}
.ebook-main-wrpr .critical-think .video-title {
  margin-top: 20px;
}
.ebook-main-wrpr .critical-think .read-article-btn {
  margin-top: 40px;
}
.ebook-main-wrpr .usability-testing {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .usability-testing {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .amzn-sptf-wrpr .product-img {
  height: 100% !important;
  min-height: 140px !important;
}
.ebook-main-wrpr .comparison-wrpr {
  gap: 30px;
  padding-top: 60px;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .comparison-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .comparison-wrpr .style-comparison {
  flex: 0 0 calc(50% - 30px);
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .comparison-wrpr .style-comparison {
    flex: 0 0 100%;
  }
}
.ebook-main-wrpr .comparison-wrpr .style-comparison .comparison-title {
  padding-bottom: 20px;
  color: #0F172A;
}
.ebook-main-wrpr .comparison-wrpr .style-comparison .description {
  font-family: "EB Garamond" !important;
  color: #475569;
}
.ebook-main-wrpr .comparison-wrpr .product-img {
  margin-bottom: 64px;
  width: 100%;
  max-width: 525px;
  height: 302px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ebook-main-wrpr .design-assistants {
  padding: 0px;
}
.ebook-main-wrpr .chatbots {
  padding: 0px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .video-title {
  margin: 16px 0px 8px 0px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .content p {
  color: #475569 !important;
  font-family: "EB Garamond" !important;
  padding-bottom: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .content p:last-child {
  padding-bottom: 0px !important;
}
.ebook-main-wrpr #main-wrpr-chapter6 .read-article-btn {
  margin-top: 6px;
}
.ebook-main-wrpr #main-wrpr-chapter6 .video-wrpr h4 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter6 .video-wrpr p {
  font-size: 16px !important;
  max-width: 100% !important;
}
.ebook-main-wrpr .content-genration {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .content-genration {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .content-genration .content-genrtn-wrpr {
  padding-bottom: 120px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .content-genration .content-genrtn-wrpr {
    padding-bottom: 30px;
  }
}
.ebook-main-wrpr .content-genration .content-genrtn-wrpr:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .content-genration .content {
  padding-top: 64px;
}
.ebook-main-wrpr .copyai {
  color: #2A56F4;
  font-family: "Merriweather Sans" !important;
  font-size: 44px;
  font-weight: 700;
  line-height: 131.818%;
  letter-spacing: -0.66px;
  padding-bottom: 16px;
}
.ebook-main-wrpr .visual-content {
  padding: 0px;
}
.ebook-main-wrpr .redefining-animation {
  padding: 0px;
}
.ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr {
  padding-top: 160px;
}
.ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr:nth-child(2) {
  padding-top: 0px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr {
    padding-top: 20px;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr .sub-title {
  color: #0F172A;
  margin-top: 20px;
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img img {
  height: 100%;
  max-height: 480px;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr {
  margin-top: 30px;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-content-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .styl-content {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-content-wrpr .styl-content {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .h4_1 {
  color: #0F172A;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .p_1 {
  color: #475569;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .pb-40 {
  padding-bottom: 40px;
}
.ebook-main-wrpr .human-innteraction .h4_1 {
  padding-top: 100px;
  color: #0F172A;
  text-align: center;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .human-innteraction .h4_1 span {
  color: #2A56F4;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .human-innteraction .h4_1 {
    padding-top: 60px;
  }
}
.ebook-main-wrpr .ethnographic-studies .content p {
  color: #475569;
  font-family: "EB Garamond" !important;
  padding-bottom: 40px;
}
.ebook-main-wrpr .ethnographic-studies .content p:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .zara-wrpr .title span {
  color: #2A56F4;
}
.ebook-main-wrpr .zara-wrpr .img-wrpr {
  padding-bottom: 40px;
}
.ebook-main-wrpr .case-studies-para {
  color: #0F172A;
  text-align: center;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  margin: 0px auto;
  padding: 0px 0px 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .case-studies-para {
    padding: 0px 0px 60px 0px;
  }
}
.ebook-main-wrpr .case-studies-para span {
  font-family: "EB Garamond" !important;
  color: #2A56F4;
}
.ebook-main-wrpr .specialization {
  color: var(--600, #475569);
  text-align: center;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  margin: 0px auto;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr #main-wrpr-chapter8 .comparison-wrpr {
  padding-top: 0px;
  padding-bottom: 64px;
}
.ebook-main-wrpr #main-wrpr-chapter8 .content {
  padding-top: 0px;
}
.ebook-main-wrpr #main-wrpr-chapter8 .img-wrpr {
  padding-bottom: 0px !important;
}
.ebook-main-wrpr #main-wrpr-chapter8 .visual-designers-wrpr .content {
  padding-top: 64px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .dd-wrpr {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .dd-wrpr span {
  color: #2A56F4 !important;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter9 .img-side {
  width: 30%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .img-side {
    width: 100%;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .img-side img {
  height: 240px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr {
  margin-bottom: 64px;
  gap: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr:last-child {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr {
    flex-direction: column;
    gap: 40px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side {
  width: 70%;
  max-width: 744px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .content-side {
    width: 100%;
    max-width: 100%;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side .h4_1 {
  color: #0F172A;
  font-family: "Merriweather Sans" !important;
  margin-bottom: 16px;
  letter-spacing: -0.45px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side p {
  color: var(--600, #475569);
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side p span {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  font-weight: 600;
}
.ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:first-child {
  margin-bottom: 24px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:first-child {
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:last-child {
  margin-bottom: 64px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:last-child {
    margin-bottom: 24px !important;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .ai-driven {
  margin-bottom: 24px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .case-study-wrpr h3 {
  padding-bottom: 16px;
}
.ebook-main-wrpr #main-wrpr-chapter12 .style-wrpr span {
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter12 .conclusion-wrpr {
  padding-bottom: 160px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter12 .conclusion-wrpr {
    padding-bottom: 60px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter12 .title-wrpr span {
  font-family: "Merriweather Sans" !important;
  color: #475569;
}
.ebook-main-wrpr .modal-dialog {
  height: 100Vh;
  margin: 0px 0px 0px auto;
}
.ebook-main-wrpr .modal-content {
  padding: 20px;
  height: 100%;
}
.ebook-main-wrpr .modal-header {
  padding: 0px 0px 20px 0px;
}
.ebook-main-wrpr .modal-body {
  padding: 20px 0px;
  overflow-y: auto;
}
.ebook-main-wrpr .modal-footer {
  padding: 20px 0px 0px 0px;
}
.ebook-main-wrpr .modal-title {
  letter-spacing: -0.44px;
  color: #0F172A;
}
.ebook-main-wrpr .style-notf {
  gap: 16px;
  margin-bottom: 24px;
}
.ebook-main-wrpr .style-notf:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-notf .notf-from {
  padding-bottom: 6px;
}
.ebook-main-wrpr .style-notf .notf-from p {
  color: #081637;
  letter-spacing: -0.32px;
}
.ebook-main-wrpr .style-notf p {
  color: #6C7486;
  letter-spacing: -0.35px;
}
.ebook-main-wrpr .style-notf a {
  text-decoration: underline;
}
.ebook-main-wrpr .style-notf .bold {
  color: #081637;
}
.ebook-main-wrpr .style-bookmark {
  margin-bottom: 24px;
}
.ebook-main-wrpr .style-bookmark:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-bookmark .chapter-info {
  color: #081637;
  padding-bottom: 16px;
}
.ebook-main-wrpr .style-bookmark .dnld-option {
  margin-bottom: 8px;
}
.ebook-main-wrpr .style-bookmark .dnld-option:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-bookmark .dnld-option p {
  color: #6C7486;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-popup {
  position: fixed;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  font-family: "Merriweather Sans", sans-serif;
  padding: 10px;
  top: 0px;
}

.popup {
  max-width: 850px;
  width: 100%;
  display: flex;
  position: relative;
}

.welcome-board {
  max-width: 440px;
}

.popup-content {
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.close-btn {
  position: absolute;
  top: -36px;
  right: 0px;
  border: none;
  font-size: 24px;
  cursor: pointer;
  background: rgb(255, 255, 255);
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-full-section {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}

.popup-full-section .popup-inner-wrap {
  margin: 0px;
}

.divied-row {
  border: 1px solid #E2E8F0;
  margin: 16px 0px;
}

.onboard-lists {
  margin-top: 16px;
}

.onboard-list-ul {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.onboard-list-li {
  width: calc(33.3333333333% - 14px);
}

.icon-span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F6F9FF;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
}

.onboard-card-content {
  text-align: center;
}

.onboard-card-content h4 {
  color: #0F172A;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  letter-spacing: -0.42px;
}

.onboard-card-content .text-custom-white {
  color: white !important;
}

.onboard-card {
  padding: 20px 8px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
  border-radius: 20px;
  transition: all 0.4s;
}

.onboard-card-hover:hover {
  cursor: pointer;
  background-color: #0F172A;
  transition: all 0.4s;
}

.onboard-card.onboard-card-hover {
  background: blue !important;
}

.onboard-card-hover:hover .onboard-card-content h4 {
  color: #fff;
}

.popup-left-section,
.popup-right-section {
  padding: 20px;
  box-sizing: border-box;
}

.popup-left-section {
  background-color: #f6f9fe;
  width: 50%;
  text-align: center;
}

.popup-left-section h3 {
  font-family: "EB Garamond", serif;
  color: #64748B;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 142.857%;
  letter-spacing: 1.461px;
  margin-bottom: 7px;
}

.popup-left-section h1 {
  color: #0F172A;
  text-align: center;
  font-size: 39px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -1.956px;
}

.popup-left-section h1 span {
  color: #2A56F4;
}

.popup-right-section {
  width: 50%;
  text-align: center;
}

.popup-left-section .pop-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  gap: 10px;
}

.popup-right-section .pop-header img {
  width: 71px;
  height: 20px;
}

.popup-right-section .pop-header .e-text {
  color: #94A3B8;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.245px;
}

.divider {
  position: relative;
}

.divider::before {
  content: "";
  width: 1px;
  height: 13px;
  position: absolute;
  background: #CBD5E1;
  top: 3px;
}

.popup-inner-wrap {
  margin-top: 30px;
  text-align: left;
}

.popup-title {
  text-align: center;
  color: #0F172A;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -1.2px;
  margin-bottom: 4px;
}

.sub-info {
  color: #475569;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}

.sub-info span {
  color: #2A56F4;
  font-weight: 400;
}

.form {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}

.input-group {
  position: relative;
  margin-top: 16px;
}

.input-group:first-child {
  margin-top: 0px;
}

.input-group input {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 14px 30px 14px 16px;
  color: #475569;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  height: 48px;
  letter-spacing: 0.1px;
  font-family: "Merriweather Sans", sans-serif;
}

.input-group input::-moz-placeholder {
  color: #94A3B8;
  font-weight: 300;
}

.input-group input::placeholder {
  color: #94A3B8;
  font-weight: 300;
}

.form-lable {
  color: #0F172A;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.857%;
  margin-bottom: 6px;
  display: block;
}

.checkmark {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(0%);
  color: green;
  display: none;
}

input:valid + .checkmark {
  display: block;
}

.signUp {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  background-color: #0F172A;
}
.signUp:hover {
  background-color: #2A56F4;
}

.act-button:hover {
  background-color: #0F172A;
  transition: all 0.6s;
  color: #fff;
}

.input-group-btn {
  margin-top: 24px;
  margin-bottom: 13px;
}

@media screen and (max-width: 640px) {
  .popup-content {
    flex-direction: column;
    max-width: 96%;
    margin: 10px auto;
    position: relative;
  }
  .popup-content .close-btn {
    top: 0;
  }
  .popup-left-section {
    width: 100%;
  }
  .popup-right-section {
    width: 100%;
  }
  .popup-left-section h1 {
    font-size: 28px;
    letter-spacing: -1px;
  }
  .popup-left-section h1 br {
    display: none;
  }
  .popup-inner-wrap {
    margin-top: 30px;
  }
  .popup-title {
    font-size: 20px;
  }
  .sub-info {
    font-size: 15px;
  }
  .input-group-btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .popup-left-section h1 {
    font-size: 21px;
  }
  .form {
    margin-top: 20px;
  }
  .onboard-list-ul {
    gap: 10px;
  }
  .onboard-list-li {
    width: calc(50% - 5px);
  }
}
.p-0 {
  padding: 0px !important;
}
@media only screen and (max-width: 992px) {
  .p-0 {
    padding: 0px !important;
  }
}

#videoModal.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

#videoModal .modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 900px;
  height: 80%;
}

#videoModal .modal-content video {
  width: 100%;
  height: 100%;
}

#videoModal .close-btn-video {
  position: absolute;
  top: -40px;
  right: -20px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  background: red;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  padding: 0px 10px;
}

.rmbr-frgt-wrpr {
  margin-top: 10px;
}
.rmbr-frgt-wrpr .form-check-label {
  color: #64748B;
}
.rmbr-frgt-wrpr .frgt-pass {
  color: #0F172A;
}

.fs-10 {
  font-size: 10px;
  line-height: 180%;
}

.another-signup {
  margin-bottom: 13px;
  text-align: center;
  position: relative;
}
.another-signup::after {
  content: "";
  position: absolute;
  border: 1px solid #CBD5E1;
  width: 35%;
  left: 0px;
  top: 7px;
}
.another-signup::before {
  content: "";
  position: absolute;
  border: 1px solid #CBD5E1;
  width: 35%;
  right: 0px;
  top: 7px;
}
.another-signup p {
  color: #94A3B8;
  font-size: 11px;
  font-weight: 300;
  line-height: 163.636%;
  letter-spacing: -0.22px;
}

.gogl-apple-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.gogl-apple-btn .style-btn {
  border-radius: 10px;
  border: 1px solid #E2E8F0;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 11px 24px;
  flex: 0 0 calc(50% - 8px);
  justify-content: center;
  cursor: pointer;
}

.already-signin {
  margin-top: 14px;
  text-align: center;
  color: #64748B;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 163.636%;
  letter-spacing: -0.22px;
}
.already-signin span {
  color: #0F172A;
  font-weight: 700;
}

.cover {
  width: 100%;
  height: 341px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 20px;
  margin-bottom: 8px;
  border-radius: 24px 0px 0px 24px;
}

.publish-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publish-date .dark-bg {
  padding: 2px 6px;
  background-color: #0F172A;
  color: #FFF;
  font-size: 8.598px;
  font-weight: 400;
  line-height: 114.286%;
  letter-spacing: 0.172px;
}
.publish-date .white-bg {
  color: #0F172A;
  font-size: 8.598px;
  font-weight: 400;
  line-height: 114.286%;
  letter-spacing: 0.172px;
  padding: 2px 6px;
  background-color: white;
}
.publish-date .issue,
.publish-date .publish-date {
  border: 1px solid #0F172A;
}

.data-security-wrpr .title {
  max-width: 705px;
}

.ebook-main-wrpr .historical-milestones .title span {
  color: #2A56F4;
}

.adaptation-wrpr .content {
  padding-top: 40px;
}

.predicting-details {
  padding-top: unset !important;
}

.predicting-main {
  padding-bottom: unset;
}

div#main-wrpr-chapter1, div#main-wrpr-chapter2, div#main-wrpr-chapter3, div#main-wrpr-chapter4, div#main-wrpr-chapter5, div#main-wrpr-chapter6, div#main-wrpr-chapter7, div#main-wrpr-chapter8, div#main-wrpr-chapter9, div#main-wrpr-chapter10, div#main-wrpr-chapter11, div#main-wrpr-chapter12 {
  padding-top: 70px !important;
}
@media (max-width: 768px) {
  div#main-wrpr-chapter1, div#main-wrpr-chapter2, div#main-wrpr-chapter3, div#main-wrpr-chapter4, div#main-wrpr-chapter5, div#main-wrpr-chapter6, div#main-wrpr-chapter7, div#main-wrpr-chapter8, div#main-wrpr-chapter9, div#main-wrpr-chapter10, div#main-wrpr-chapter11, div#main-wrpr-chapter12 {
    padding-top: 56px !important;
  }
}

section.historical-milestones.next-frontier.embracing-accessibility {
  padding: unset !important;
  padding-bottom: 160px !important;
}
@media (max-width: 768px) {
  section.historical-milestones.next-frontier.embracing-accessibility {
    padding-bottom: 60px !important;
  }
}

.bottom-gap-new {
  padding-bottom: 160px !important;
}
@media (max-width: 768px) {
  .bottom-gap-new {
    padding-bottom: 60px !important;
  }
}

a:hover {
  cursor: pointer;
}

.remove-pointer {
  cursor: default !important;
}

.margin-top-custom {
  margin-top: 40px;
}

.ebook-body {
  font-family: "Merriweather Sans", sans-serif !important;
}

button {
  outline: none !important;
}

.style-radio,
.style-checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.style-radio input,
.style-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.style-radio .checkmark,
.style-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 48px;
  border: 1px solid var(--200, #E2E8F0);
  background: var(--white, #FFF);
  border-radius: 50%;
}
.style-radio .checkmark::after,
.style-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.style-radio input:checked ~ .checkmark,
.style-checkbox input:checked ~ .checkmark {
  background: #FFF;
}
.style-radio input:checked ~ .checkmark::after,
.style-checkbox input:checked ~ .checkmark::after {
  display: block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0084E5;
}

.style-checkbox .checkmark {
  border-radius: 4px !important;
}
.style-checkbox input:checked ~ .checkmark {
  background: #0084E5;
  border-color: #0084E5;
}
.style-checkbox input:checked ~ .checkmark:after {
  display: block;
  top: 0px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 0px !important;
  background-image: url(/images/ebook-img/whiteTick.svg);
  background-repeat: no-repeat;
}

.ebook-main-wrpr h1,
.ebook-main-wrpr h2,
.ebook-main-wrpr h3,
.ebook-main-wrpr h4,
.ebook-main-wrpr h5,
.ebook-main-wrpr h6,
.ebook-main-wrpr p,
.ebook-main-wrpr span {
  font-family: "Merriweather Sans", sans-serif;
}
@media (min-width: 576px) {
  .ebook-main-wrpr .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .ebook-main-wrpr .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .ebook-main-wrpr .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .ebook-main-wrpr .container {
    max-width: 1280px !important;
  }
}
.ebook-main-wrpr .fs-121 {
  font-size: 121px;
  line-height: 109.091%;
  letter-spacing: -3.025px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-121 {
    font-size: 92px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-121 {
    font-size: 62px;
    letter-spacing: -1.025px;
  }
}
.ebook-main-wrpr .fs-90 {
  font-size: 90px;
  line-height: 108.889%;
  letter-spacing: -4.5px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 68px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 48px;
    letter-spacing: -1.5px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-90 {
    font-size: 32px;
  }
}
.ebook-main-wrpr .fs-74 {
  font-size: 74px;
  line-height: 110.811%;
  letter-spacing: -3.7px;
}
@media only screen and (max-width: 1200px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 62px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-74 {
    font-size: 32px;
    letter-spacing: -0.7px;
  }
}
.ebook-main-wrpr .fs-58 {
  font-size: 58px;
  line-height: 142.793%;
  letter-spacing: -1.45px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-58 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-58 {
    font-size: 36px;
  }
}
.ebook-main-wrpr .fs-44 {
  font-size: 44px;
  line-height: 131.818%;
  letter-spacing: -0.66px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-44 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-44 {
    font-size: 24px;
  }
}
.ebook-main-wrpr .fs-40 {
  color: var(--dark, #0F172A);
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -1px;
}
.ebook-main-wrpr .fs-36 {
  font-size: 36px;
  line-height: 126.793%;
  letter-spacing: -0.54px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-36 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-36 {
    font-size: 22px;
  }
}
.ebook-main-wrpr .fs-24 {
  font-size: 24px;
  letter-spacing: -0.36px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .fs-24 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-24 {
    font-size: 18px;
  }
}
.ebook-main-wrpr .fs-22 {
  font-size: 22px;
  line-height: 118.182%;
  letter-spacing: 0.44px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-22 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-20 {
  font-size: 20px;
  line-height: 160%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-20 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-18 {
  font-size: 18px;
  font-weight: 700;
  line-height: 144.444%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-18 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .fs-16 {
  font-size: 16px;
  line-height: 162.5%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .fs-16 {
    font-size: 14px;
  }
}
.ebook-main-wrpr .fs-12 {
  font-size: 12px;
  line-height: 166.667%;
  letter-spacing: -0.24px;
}
.ebook-main-wrpr .fs-14 {
  font-size: 14px;
  line-height: 142.857%;
}
.ebook-main-wrpr .fw-300 {
  font-weight: 300;
}
.ebook-main-wrpr .fw-400 {
  font-weight: 400;
}
.ebook-main-wrpr .fw-500 {
  font-weight: 500;
}
.ebook-main-wrpr .fw-600 {
  font-weight: 600;
}
.ebook-main-wrpr .fw-700 {
  font-weight: 700;
}
.ebook-main-wrpr .fw-800 {
  font-weight: 800;
}
.ebook-main-wrpr .mb-24 {
  margin-bottom: 24px !important;
}
.ebook-main-wrpr .pt-20 {
  padding-top: 20px !important;
}
.ebook-main-wrpr .view-now {
  padding: 17px 32px !important;
}
.ebook-main-wrpr .btn-reset {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0px !important;
}
.ebook-main-wrpr .show .dropdown-toggle::after {
  rotate: 180deg !important;
  transition: rotate 0.3s ease-in;
}
.ebook-main-wrpr .copy-wrpr p {
  color: var(--dark, #0F172A);
  font-family: "Merriweather Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
  letter-spacing: 0.32px;
}
.ebook-main-wrpr .dropdown-toggle {
  cursor: pointer;
}
.ebook-main-wrpr .dropdown-toggle::after {
  border: none;
  position: absolute;
  background-image: url(/images/ebook-img/dropdown-icon.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  top: 10px;
  right: 5px;
  transition: rotate 0.3s ease-in;
}
.ebook-main-wrpr .dropdown-menu {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 26px 38px 0px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 12px 16px;
  min-width: 305px;
  width: 100%;
  overflow: auto;
}
.ebook-main-wrpr .dropdown-menu .dropdown-item {
  padding: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid #CBD5E1;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  font-size: 16px;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.ebook-main-wrpr .black-btn {
  white-space: nowrap;
  border-radius: 80px;
  background: #0F172A;
  justify-content: center;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 17px 24px;
  color: #FFF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .black-btn {
    padding: 12px 22px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .black-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .white-btn {
  white-space: nowrap;
  border-radius: 80px;
  border: 1px solid #E2E8F0;
  outline: none;
  box-shadow: none;
  padding: 17px 24px;
  color: #0F172A;
  background-color: #FFF;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .white-btn {
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .white-btn {
    padding: 12px 17px;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .white-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .blue-btn {
  white-space: nowrap;
  border-radius: 80px;
  border: 1px solid #2A56F4;
  background: #2A56F4;
  box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.05);
  padding: 14px 50px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .blue-btn {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .blue-btn img {
    width: 24px;
  }
}
.ebook-main-wrpr .highliter {
  background-color: #FFF7AB;
  font-family: "EB Garamond" !important;
  position: relative;
}
.ebook-main-wrpr .highliter .highlighter-btns {
  position: absolute;
  top: -50px;
  right: 0px;
  border-radius: 70px;
  background: rgba(0, 0, 0, 0.4);
  gap: 8px;
  padding: 4px;
  justify-content: space-between;
}
.ebook-main-wrpr .highliter .style-btn {
  background-color: #FFF !important;
  padding: 10px !important;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ebook-main-wrpr .style-border {
  display: block;
  border-right: 1px solid #CBD5E1;
  height: 40px;
  width: 1px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .style-border {
    display: none;
  }
}
.ebook-main-wrpr header {
  padding: 8px 0px;
  background-color: white;
}
.ebook-main-wrpr header .logo-wrpr {
  gap: 12px;
}
.ebook-main-wrpr header .intro-wrap-mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    border-radius: 172.5px;
    border: 1px solid #FFF;
    background: #F1F5F9;
    width: 45px;
    height: 45px;
    box-shadow: 0px 0px 10px 0px #b5bdc8;
  }
}
.ebook-main-wrpr header .intro-wrap-mobile .dropdown-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.ebook-main-wrpr header .intro-wrap-mobile .dropdown-toggle::after {
  content: unset !important;
  min-width: none !important;
}
.ebook-main-wrpr header .active-copy .gry-copy {
  display: none;
}
.ebook-main-wrpr header .active-copy .grn-cpy {
  display: block !important;
  color: #18A714;
}
.ebook-main-wrpr header .e-book {
  color: #94A3B8;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .e-book {
    display: none;
  }
}
.ebook-main-wrpr header .share-wrpr {
  cursor: pointer;
}
.ebook-main-wrpr header .share-wrpr .dropdown-toggle {
  cursor: pointer;
}
.ebook-main-wrpr header .share-wrpr .dropdown-toggle::after {
  content: none;
}
.ebook-main-wrpr header .share-wrpr .dropdown-menu {
  left: -100px;
  min-width: 250px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .share-wrpr .dropdown-menu {
    left: -200px;
  }
}
.ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
  border-radius: 90px;
  background: #F1F5F9;
  border: none;
  outline: none;
  padding: 4px 8px !important;
  min-width: 76px;
  cursor: pointer;
  text-align: left;
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
    min-width: unset !important;
    padding: 6px !important;
  }
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-toggle::after {
    content: unset !important;
  }
}
.ebook-main-wrpr header .setting-wrpr .dropdown-toggle img {
  background: white;
  padding: 4px;
  border-radius: 110px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr header .setting-wrpr .dropdown-menu {
    left: -90px !important;
  }
}
.ebook-main-wrpr header .menu-wrpr {
  gap: 12px;
}
@media only screen and (max-width: 420px) {
  .ebook-main-wrpr header .menu-wrpr {
    gap: 4px;
  }
}
.ebook-main-wrpr header .intro-wrap {
  min-width: 218px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap {
    display: none;
  }
}
.ebook-main-wrpr header .intro-wrap .p_1 {
  color: #0F172A;
}
.ebook-main-wrpr header .intro-wrap .percentage {
  padding: 8px 5px;
  border: 2px solid #E2E8F0;
  border-radius: 50%;
  display: flex;
  position: relative;
  max-width: 48px;
  font-size: 12px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  align-items: center;
}
.ebook-main-wrpr header .intro-wrap .percentage::after {
  content: "";
  padding: 8px 5px;
  border: 4px solid blue;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ebook-main-wrpr header .intro-wrap .dropdown-toggle {
  gap: 14px;
}
.ebook-main-wrpr header .intro-wrap .dropdown-toggle::after {
  top: 16px;
}
.ebook-main-wrpr header .intro-wrap .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  margin: 0 20px;
  border-radius: 5px;
}
.ebook-main-wrpr header .intro-wrap .card .percent {
  position: relative;
}
.ebook-main-wrpr header .intro-wrap .card svg {
  position: relative;
  width: 110px;
  height: 110px;
  transform: rotate(-90deg);
}
.ebook-main-wrpr header .intro-wrap .card svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 10;
  stroke-linecap: round;
}
.ebook-main-wrpr header .intro-wrap .card svg circle:last-of-type {
  stroke-dasharray: 285px;
  stroke-dashoffset: calc(285px - 285px * var(--percent) / 100);
  stroke: #3498db;
}
.ebook-main-wrpr header .intro-wrap .card .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ebook-main-wrpr header .intro-wrap .card .number h3 {
  font-weight: 200;
  font-size: 20px;
}
.ebook-main-wrpr header .intro-wrap .dropdown-menu {
  left: -100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .intro-wrap .dropdown-menu {
    left: -200px;
  }
}
.ebook-main-wrpr header .profile-wrap {
  padding: 9px 12px;
  border-radius: 212px;
  border: 1px solid #F1F5F9;
  width: 88px;
  height: 48px;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .profile-wrap {
    border: none;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.ebook-main-wrpr header .profile-wrap img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ebook-main-wrpr header .profile-wrap .dropdown-toggle::after {
  top: 15px;
  right: 12px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr header .profile-wrap .dropdown-toggle::after {
    content: unset;
  }
}
.ebook-main-wrpr header .profile-wrap .dropdown-menu {
  min-width: 200px !important;
  left: -40px !important;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr header .profile-wrap .dropdown-menu {
    left: -100px !important;
  }
}
.ebook-main-wrpr header .profile-wrap .profile-img-wrpr {
  position: relative;
}
.ebook-main-wrpr header .profile-wrap .profile-img-wrpr .notification {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2A56F4;
  padding: 1px 3.5px;
  border-radius: 50%;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.25px;
  box-shadow: 0px 0px 0px 2px rgba(104, 101, 95, 0.1607843137);
  z-index: 9;
}
.ebook-main-wrpr header .profile-wrap .cstm-icon {
  width: 24px;
  height: 24px;
}
.ebook-main-wrpr .ebook-hero-sec {
  background-image: url(/images/ebook-img/hero-bg-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 350px;
  padding-bottom: 40px;
  background-position: center;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .ebook-hero-sec {
    padding-top: 280px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec {
    padding-top: 180px;
    padding-bottom: 20px;
    background-size: 100% !important;
    background-position: center !important;
  }
}
.ebook-main-wrpr .ebook-hero-sec::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #2A56F4 100%);
}
.ebook-main-wrpr .ebook-hero-sec .hero-inner {
  background: #FFF;
  box-shadow: 0px 14px 14px 0px #15214D;
  padding: 26px 15px;
  text-align: center;
  z-index: 9;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec .hero-inner {
    margin-bottom: -140px;
    box-shadow: 0px 3.828px 13.83px 0px rgba(21, 33, 77, 0.15);
  }
}
.ebook-main-wrpr .ebook-hero-sec .h2_1 {
  padding-bottom: 48px;
  color: #0F172A;
}
.ebook-main-wrpr .ebook-hero-sec .h2_1 span {
  color: #2A56F4;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .ebook-hero-sec .h2_1 {
    font-size: 24px !important;
    padding-bottom: 24px;
  }
}
.ebook-main-wrpr .ebook-hero-sec .btns {
  gap: 24px;
}
@media only screen and (max-width: 440px) {
  .ebook-main-wrpr .ebook-hero-sec .btns {
    flex-direction: column;
  }
}
.ebook-main-wrpr .ebook-hero-sec .read-book-btn {
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .read-book-btn:hover {
  box-shadow: 0px 5px 5px 0px rgba(28, 34, 46, 0.38);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .download-ebook {
  gap: 10px;
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .ebook-hero-sec .download-ebook:hover {
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.3490196078);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .vrinda-wrpr {
  padding: 24px 0px 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .vrinda-wrpr {
    margin-top: 120px;
  }
  .ebook-main-wrpr .vrinda-wrpr .fs-18 {
    font-size: 14px !important;
    letter-spacing: 0px !important;
  }
  .ebook-main-wrpr .vrinda-wrpr .fs-16 {
    font-size: 12px !important;
    letter-spacing: 0px !important;
  }
}
.ebook-main-wrpr .vrinda-wrpr .inner-wrpr {
  padding-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .inner-wrpr {
    padding-bottom: 40px;
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .inner-wrpr .fs-18 {
    font-size: 16px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .profile-main-wrpr {
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .vrinda-wrpr .profile-main-wrpr {
    justify-content: start;
  }
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile {
  gap: 8px;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile img {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile .h4_1 {
  color: #0F172A;
}
.ebook-main-wrpr .vrinda-wrpr .vrinda-profile .p_1 {
  color: #64748B;
}
.ebook-main-wrpr .vrinda-wrpr .chapter-wrap {
  gap: 12px;
}
.ebook-main-wrpr .vrinda-wrpr .people-info .h4_1 {
  color: #EF7A05;
  font-size: 34px;
  line-height: 76.471%;
  letter-spacing: -1.7px;
}
.ebook-main-wrpr .vrinda-wrpr .people-info .p_1 {
  color: #0F172A;
  padding-top: 4px;
}
.ebook-main-wrpr .vrinda-wrpr .overview {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
}
.ebook-main-wrpr .vrinda-wrpr .overview .title {
  padding-bottom: 32px;
  border-bottom: 1px solid #CBD5E1;
  margin-bottom: 60px;
  color: #0F172A;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .overview .title {
    margin-bottom: 20px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .overview .contenet {
  gap: 32px;
  width: 100%;
  max-width: 744px;
  justify-content: end;
  margin-left: auto;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .vrinda-wrpr .overview .contenet {
    gap: 22px;
  }
}
.ebook-main-wrpr .vrinda-wrpr .overview .contenet p {
  color: #475569;
  font-family: "EB Garamond", serif !important;
}
.ebook-main-wrpr .vrinda-wrpr .contributors {
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 221px;
}
.ebook-main-wrpr .vrinda-wrpr .contributors .h4_1 {
  white-space: nowrap;
}
.ebook-main-wrpr .purpose-ebook-wrap .title {
  padding-bottom: 36px;
  color: #2A56F4;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .purpose-ebook-wrap .title {
    text-align: center;
  }
}
.ebook-main-wrpr .purpose-ebook-wrap .title span {
  color: #FF8000;
}
.ebook-main-wrpr .purpose-ebook-wrap .text {
  background-image: url(/images/ebook-img/lines-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text {
  width: 100%;
  max-width: 490px;
  margin: 0px auto;
  gap: 20px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .purpose-ebook-wrap .inner-text {
    max-width: 100%;
  }
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text p {
  color: #64748B;
  text-align: center;
  letter-spacing: -0.42px;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text span {
  color: #0F172A;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text .h5_1 {
  text-align: center;
  color: #F67600;
}
.ebook-main-wrpr .purpose-ebook-wrap .inner-text p,
.ebook-main-wrpr .purpose-ebook-wrap .inner-text h5,
.ebook-main-wrpr .purpose-ebook-wrap .inner-text span {
  font-family: "EB Garamond", serif !important;
}
.ebook-main-wrpr .finaly-gaze-wrpr {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .finaly-gaze-wrpr .p_1 {
  color: #0F172A;
  max-width: 1120px;
  margin: 0px auto;
  font-family: "EB Garamond", serif !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr .p_1 {
    max-width: 100%;
  }
}
.ebook-main-wrpr .finaly-gaze-wrpr .p_1:first-child {
  padding-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .finaly-gaze-wrpr .p_1:first-child {
    padding-bottom: 20px;
  }
}
.ebook-main-wrpr .arrow-gif {
  height: 112px;
}
.ebook-main-wrpr .index-btn-wrpr {
  margin-bottom: 34px;
}
.ebook-main-wrpr .chapter-info {
  padding: 0px 0px 120px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .chapter-info {
    padding: 0px 0px 60px 0px;
  }
}
.ebook-main-wrpr .chapter-info .style-inner {
  width: 80%;
  gap: 34px;
}
.ebook-main-wrpr .chapter-info .chapters {
  gap: 34px;
}
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover span,
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover h4,
.ebook-main-wrpr .chapter-info .chapters .style-inner:hover p {
  color: #2A56F4 !important;
}
.ebook-main-wrpr .chapter-info .chapters a:hover {
  text-decoration: unset !important;
}
.ebook-main-wrpr .chapter-info .style-chapter {
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 32px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .style-chapter {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .chapter-info .style-chapter .style-inner {
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .style-chapter .style-inner {
    width: 100%;
  }
}
.ebook-main-wrpr .chapter-info .chapter-name {
  width: 20%;
  color: #475569;
  font-family: "EB Garamond" !important;
  letter-spacing: 2.56px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .chapter-info .chapter-title-wrap {
    width: 100%;
  }
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap .h4_1 {
  color: #0F172A;
  padding-bottom: 12px;
}
.ebook-main-wrpr .chapter-info .chapter-title-wrap .p_1 {
  color: #64748B;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .chapter-info .read-min {
  border-radius: 90px;
  border: 1px solid var(--200, #E2E8F0);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ebook-main-wrpr .evolution-wrpr .chapter-wrpr {
  padding: 85px 103px;
  background: #F5F8FF;
  margin-bottom: 100px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .evolution-wrpr .chapter-wrpr {
    padding: 40px;
    margin-bottom: 50px;
  }
}
.ebook-main-wrpr .evolution-wrpr .chapter-wrpr .p_1 {
  max-width: 881px;
  margin: 0px auto;
}
.ebook-main-wrpr .evolution-wrpr .chapter-name {
  font-family: "EB Garamond" !important;
  letter-spacing: 3.2px;
}
.ebook-main-wrpr .evolution-wrpr .title {
  padding: 24px 0px;
  color: #0F172A;
  width: 100%;
  max-width: 1037px;
  margin: 0px auto;
}
.ebook-main-wrpr .evolution-wrpr .p_1 {
  color: #64748B;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .evolution-wrpr .audio-btn {
  gap: 8px !important;
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .evolution-wrpr .audio-btn:hover {
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.3490196078);
  transition: box-shadow 0.3s;
}
.ebook-main-wrpr .evolution-wrpr .btns {
  gap: 16px;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .evolution-wrpr .btns {
    flex-direction: column;
    margin-top: 20px;
  }
}
.ebook-main-wrpr .evolution-wrpr .btns .style-border {
  height: 40px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .evolution-wrpr .btns .style-border {
    display: none;
  }
}
.ebook-main-wrpr .evolution-wrpr .min-wrpr {
  gap: 12px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .evolution-wrpr .min-wrpr img {
    width: 34px;
  }
}
.ebook-main-wrpr .evolution-wrpr .style-min {
  color: #0F172A;
  margin: 0px;
}
.ebook-main-wrpr .evolution-wrpr .product-para {
  width: 100%;
  max-width: 1080px;
}
.ebook-main-wrpr .evolution-wrpr .product-para1 {
  margin-top: 70px !important;
}
.ebook-main-wrpr .evolution-wrpr .product-para {
  color: #0F172A;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .historical-milestones {
  padding: 160px 0px;
  max-width: 1080px;
  margin: 0px auto;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .historical-milestones .big-single-imz {
  margin-bottom: 32px;
}
.ebook-main-wrpr .historical-milestones .title {
  color: #0F172A;
  border-bottom: 1px solid #CBD5E1;
  padding-bottom: 32px;
  margin-bottom: 64px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .title {
    margin-bottom: 30px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr {
  gap: 30px;
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr {
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img {
  width: 50%;
  max-width: 525px;
  flex: 0 0 calc(50% - 30px);
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img {
    flex: 0 0 100%;
    flex-direction: column;
    margin: 0px;
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img img {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .historical-milestones .style-wrpr .imgs-wrpr .social-media-img .img-h {
  max-height: 482px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr {
    flex-direction: column;
    gap: 10px;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr {
  width: 35%;
  max-width: 276px;
  color: #0F172A;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr-new {
  width: 70%;
  color: #0F172A;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .title-wrpr-new {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .content {
  width: 65%;
  color: #475569;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .historical-milestones .style-wrpr .content {
    width: 100%;
  }
}
.ebook-main-wrpr .historical-milestones .style-wrpr .content-new {
  width: 100%;
  color: #475569;
  font-family: "EB Garamond" !important;
  text-align: justify;
}
.ebook-main-wrpr .historical-milestones .milstones-wrpr {
  gap: 40px;
}
.ebook-main-wrpr .historical-milestones .milstones-wrpr .design-top {
  margin-top: 40px;
}
.ebook-main-wrpr .influential-figures {
  padding: 0px !important;
}
.ebook-main-wrpr .influential-figures .content-wrpr {
  width: 65%;
  color: #475569;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .influential-figures .content-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .influential-figures .style-content {
  color: #475569;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .influential-figures .name {
  letter-spacing: -0.45px;
  text-transform: uppercase;
  color: #0F172A;
  padding-bottom: 16px;
}
.ebook-main-wrpr .influential-figures .influencer-img {
  width: 100%;
  max-width: 391px;
  min-height: 269px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .influential-figures .influencer-img {
    max-width: 100%;
  }
}
.ebook-main-wrpr .next-frontier .frontier-wrap {
  width: 100%;
  max-height: 480px;
  margin-bottom: 64px !important;
}
.ebook-main-wrpr .next-frontier .content {
  width: 100%;
  max-width: 744px;
  margin-left: auto;
  margin-right: 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .next-frontier .content {
    max-width: 100%;
  }
}
.ebook-main-wrpr .next-frontier .content .p_1 {
  color: #475569;
  font-family: "EB Garamond" !important;
  padding-bottom: 20px;
}
.ebook-main-wrpr .next-frontier .content .p_1:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .modern-design-wrpr {
  padding: 0px;
}
.ebook-main-wrpr .modern-design-wrpr .chapter-wrpr .p_1 {
  max-width: 881px;
  margin: 0px auto;
}
.ebook-main-wrpr .modern-design-wrpr .aiux-para {
  color: #475569;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  padding-bottom: 40px;
}
.ebook-main-wrpr .modern-design-wrpr .reality-lie {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  margin: 0px auto;
  text-align: center;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr .modern-design-wrpr .imagine-stepping {
  color: #475569;
  text-align: center;
  font-family: "EB Garamond" !important;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr .modern-design-wrpr .magician-behind {
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .modern-design-wrpr .style-magician {
  position: relative;
  color: #2A56F4;
}
.ebook-main-wrpr .modern-design-wrpr .style-magician::after {
  content: "";
  position: absolute;
  background-image: url(/images/ebook-img/mdi_stars.svg);
  width: 24px;
  height: 24px;
  top: -5px;
  left: -20px;
}
.ebook-main-wrpr .inner-span {
  color: #0F172A;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .dawn-personalization .img-vdo-wrpr {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr .img-wrpr {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .dawn-personalization .img-vdo-wrpr .img-wrpr img {
  width: 100%;
  height: 100%;
  max-height: 480px;
}
.ebook-main-wrpr .dawn-personalization .video-title {
  color: #0F172A;
  max-width: 341px;
}
.ebook-main-wrpr .dawn-personalization .video-discription {
  color: #64748B;
  max-width: 312px;
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .dawn-personalization .imgs-wrpr {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img {
  width: 50%;
  max-width: 525px;
  flex: 0 0 calc(50% - 30px);
  margin: 100px 0px 64px 0px;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img {
    flex: 0 0 100%;
    flex-direction: column;
    margin: 0px;
    width: 100%;
  }
}
.ebook-main-wrpr .dawn-personalization .imgs-wrpr .social-media-img img {
  width: 100%;
  height: 100%;
}
.ebook-main-wrpr .video-wrpr {
  width: 35%;
  max-width: 341px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-wrpr {
    width: 100%;
    max-width: 100%;
  }
}
.ebook-main-wrpr .video-player {
  position: relative;
}
.ebook-main-wrpr .video-player .banner-img {
  width: 100%;
  height: 100%;
  max-height: 240px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-player .banner-img {
    max-height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .video-player .banner-img {
    max-height: 240px;
  }
}
.ebook-main-wrpr .video-player .ply-bnt {
  background-color: white !important;
  color: #0F172A;
  text-align: center;
  font-size: 13.998px;
  font-weight: 700;
  line-height: 128.571%;
  position: absolute;
  padding: 8px 16px;
  top: 40%;
  left: 20%;
  border: 1px solid #0e172a;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 50%;
    left: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 45%;
    left: 35%;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .video-player .ply-bnt {
    top: 45%;
    left: 25%;
  }
}
.ebook-main-wrpr .big-video-player {
  height: 100%;
  max-height: 480px;
  overflow: hidden;
}
.ebook-main-wrpr .big-video-player .banner-img {
  height: 100%;
  width: 100%;
  max-height: 480px !important;
}
.ebook-main-wrpr .big-video-player .ply-bnt {
  top: 45%;
  left: 43%;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    top: 40%;
    left: 35%;
  }
}
@media only screen and (max-width: 450px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    left: 30%;
  }
}
@media only screen and (max-width: 400px) {
  .ebook-main-wrpr .big-video-player .ply-bnt {
    top: 30%;
    left: 25%;
  }
}
.ebook-main-wrpr .streamlinig-desgn {
  padding: 0px;
}
.ebook-main-wrpr .credit-yt-wrpr {
  margin: 16px 0px 64px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .credit-yt-wrpr {
    margin: 16px 0px 30px 0px;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .p_1 {
  width: 80%;
  color: #475569 !important;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .credit-yt-wrpr .p_1 span {
  color: #0F172A !important;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .p_1 {
    width: 100%;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .credit-yt-inner {
  align-items: start !important;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .credit-yt-inner {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.ebook-main-wrpr .credit-yt-wrpr .credit-yt {
  display: flex;
  justify-content: end;
  width: 20%;
  color: #0F172A;
  text-decoration-line: underline;
}
@media only screen and (max-width: 550px) {
  .ebook-main-wrpr .credit-yt-wrpr .credit-yt {
    margin: 0px auto;
    justify-content: center;
  }
}
.ebook-main-wrpr .era-reativity {
  padding: 0px;
}
.ebook-main-wrpr .read-article-btn {
  padding: 8px 16px;
  color: #FFF;
  font-size: 13.998px;
  font-weight: 700;
  line-height: 128.571%;
}
.ebook-main-wrpr .power-data {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .power-data {
    padding: 60px 0px !important;
  }
}
.ebook-main-wrpr .power-data .video-discription {
  padding: 12px 0px 40px 0px;
  max-width: 100%;
}
.ebook-main-wrpr .seamless-collaboration {
  padding: 0px;
}
.ebook-main-wrpr .seamless-collaboration .content {
  padding-top: 64px;
}
.ebook-main-wrpr .seamless-collaboration .figma-xp-wrpr {
  gap: 18px;
  padding: 44px 0px 28px 0px;
}
.ebook-main-wrpr .seamless-collaboration .figma-xp-wrpr .style-img {
  flex: 0 0 calc(50% - 18px);
}
.ebook-main-wrpr .virtual-prototyping {
  padding: 0px;
}
.ebook-main-wrpr .interact {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .interact {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .create-account {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .create-account {
    padding: 60px;
  }
}
.ebook-main-wrpr .create-account .title {
  color: #0F172A;
}
.ebook-main-wrpr .create-account .p_1 {
  color: #475569;
  padding: 12px 0px 40px 0px;
}
.ebook-main-wrpr .create-account .crt-accnt {
  border: none;
}
.ebook-main-wrpr .illusion .ai-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .ai-wrpr {
    flex-direction: column;
    gap: 40px;
  }
}
.ebook-main-wrpr .illusion .ai-wrpr .h4_1 {
  padding: 20px 0px 24px 0px;
}
.ebook-main-wrpr .illusion .read-article-wrpr {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .read-article-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .illusion .read-article-btn {
  margin-bottom: 86px;
}
.ebook-main-wrpr .illusion .p_1 {
  font-family: "EB Garamond" !important;
  color: #475569;
  padding: 20px 0px 40px 0px;
}
.ebook-main-wrpr .illusion .p_1:last-child {
  padding: 0px;
}
.ebook-main-wrpr .illusion .image-ai {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .illusion .image-ai {
    width: 100%;
  }
}
.ebook-main-wrpr .illusion .image-ai .style-img-ai {
  max-width: 525px;
  padding-bottom: 40px;
}
.ebook-main-wrpr .reliance-AI {
  padding: 0px;
}
.ebook-main-wrpr .critical-think .video-title {
  margin-top: 20px;
}
.ebook-main-wrpr .critical-think .read-article-btn {
  margin-top: 40px;
}
.ebook-main-wrpr .usability-testing {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .usability-testing {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .amzn-sptf-wrpr .product-img {
  height: 100% !important;
  min-height: 140px !important;
}
.ebook-main-wrpr .comparison-wrpr {
  gap: 30px;
  padding-top: 60px;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .comparison-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .comparison-wrpr .style-comparison {
  flex: 0 0 calc(50% - 30px);
}
@media only screen and (max-width: 768px) {
  .ebook-main-wrpr .comparison-wrpr .style-comparison {
    flex: 0 0 100%;
  }
}
.ebook-main-wrpr .comparison-wrpr .style-comparison .comparison-title {
  padding-bottom: 20px;
  color: #0F172A;
}
.ebook-main-wrpr .comparison-wrpr .style-comparison .description {
  font-family: "EB Garamond" !important;
  color: #475569;
}
.ebook-main-wrpr .comparison-wrpr .product-img {
  margin-bottom: 64px;
  width: 100%;
  max-width: 525px;
  height: 302px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ebook-main-wrpr .design-assistants {
  padding: 0px;
}
.ebook-main-wrpr .chatbots {
  padding: 0px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .video-title {
  margin: 16px 0px 8px 0px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .content p {
  color: #475569 !important;
  font-family: "EB Garamond" !important;
  padding-bottom: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter5 .content p:last-child {
  padding-bottom: 0px !important;
}
.ebook-main-wrpr #main-wrpr-chapter6 .read-article-btn {
  margin-top: 6px;
}
.ebook-main-wrpr #main-wrpr-chapter6 .video-wrpr h4 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter6 .video-wrpr p {
  font-size: 16px !important;
  max-width: 100% !important;
}
.ebook-main-wrpr .content-genration {
  padding: 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .content-genration {
    padding: 60px 0px;
  }
}
.ebook-main-wrpr .content-genration .content-genrtn-wrpr {
  padding-bottom: 120px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .content-genration .content-genrtn-wrpr {
    padding-bottom: 30px;
  }
}
.ebook-main-wrpr .content-genration .content-genrtn-wrpr:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .content-genration .content {
  padding-top: 64px;
}
.ebook-main-wrpr .copyai {
  color: #2A56F4;
  font-family: "Merriweather Sans" !important;
  font-size: 44px;
  font-weight: 700;
  line-height: 131.818%;
  letter-spacing: -0.66px;
  padding-bottom: 16px;
}
.ebook-main-wrpr .visual-content {
  padding: 0px;
}
.ebook-main-wrpr .redefining-animation {
  padding: 0px;
}
.ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr {
  padding-top: 160px;
}
.ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr:nth-child(2) {
  padding-top: 0px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .imgs-content-wrpr {
    padding-top: 20px;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr {
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .small-img-wrpr .sub-title {
  color: #0F172A;
  margin-top: 20px;
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-imgs-wrpr .big-img img {
  height: 100%;
  max-height: 480px;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr {
  margin-top: 30px;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-content-wrpr {
    flex-direction: column;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .styl-content {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .importance-of-psychology .two-content-wrpr .styl-content {
    width: 100%;
  }
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .h4_1 {
  color: #0F172A;
  font-family: "Merriweather Sans" !important;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .p_1 {
  color: #475569;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .importance-of-psychology .two-content-wrpr .pb-40 {
  padding-bottom: 40px;
}
.ebook-main-wrpr .human-innteraction .h4_1 {
  padding-top: 100px;
  color: #0F172A;
  text-align: center;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr .human-innteraction .h4_1 span {
  color: #2A56F4;
  font-family: "EB Garamond" !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .human-innteraction .h4_1 {
    padding-top: 60px;
  }
}
.ebook-main-wrpr .ethnographic-studies .content p {
  color: #475569;
  font-family: "EB Garamond" !important;
  padding-bottom: 40px;
}
.ebook-main-wrpr .ethnographic-studies .content p:last-child {
  padding-bottom: 0px;
}
.ebook-main-wrpr .zara-wrpr .title span {
  color: #2A56F4;
}
.ebook-main-wrpr .zara-wrpr .img-wrpr {
  padding-bottom: 40px;
}
.ebook-main-wrpr .case-studies-para {
  color: #0F172A;
  text-align: center;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  margin: 0px auto;
  padding: 0px 0px 160px 0px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr .case-studies-para {
    padding: 0px 0px 60px 0px;
  }
}
.ebook-main-wrpr .case-studies-para span {
  font-family: "EB Garamond" !important;
  color: #2A56F4;
}
.ebook-main-wrpr .specialization {
  color: var(--600, #475569);
  text-align: center;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
  margin: 0px auto;
  margin-bottom: 40px !important;
}
.ebook-main-wrpr #main-wrpr-chapter8 .comparison-wrpr {
  padding-top: 0px;
  padding-bottom: 64px;
}
.ebook-main-wrpr #main-wrpr-chapter8 .content {
  padding-top: 0px;
}
.ebook-main-wrpr #main-wrpr-chapter8 .img-wrpr {
  padding-bottom: 0px !important;
}
.ebook-main-wrpr #main-wrpr-chapter8 .visual-designers-wrpr .content {
  padding-top: 64px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .dd-wrpr {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  max-width: 1080px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .dd-wrpr span {
  color: #2A56F4 !important;
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter9 .img-side {
  width: 30%;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .img-side {
    width: 100%;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .img-side img {
  height: 240px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr {
  margin-bottom: 64px;
  gap: 20px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr:last-child {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .style-chap9-wrpr {
    flex-direction: column;
    gap: 40px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side {
  width: 70%;
  max-width: 744px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .content-side {
    width: 100%;
    max-width: 100%;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side .h4_1 {
  color: #0F172A;
  font-family: "Merriweather Sans" !important;
  margin-bottom: 16px;
  letter-spacing: -0.45px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side p {
  color: var(--600, #475569);
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter9 .content-side p span {
  color: #0F172A;
  font-family: "EB Garamond" !important;
  font-weight: 600;
}
.ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:first-child {
  margin-bottom: 24px;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:first-child {
    margin-bottom: 40px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:last-child {
  margin-bottom: 64px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter9 .word-privacy .style-chap9-wrpr:last-child {
    margin-bottom: 24px !important;
  }
}
.ebook-main-wrpr #main-wrpr-chapter9 .ai-driven {
  margin-bottom: 24px;
}
.ebook-main-wrpr #main-wrpr-chapter9 .case-study-wrpr h3 {
  padding-bottom: 16px;
}
.ebook-main-wrpr #main-wrpr-chapter12 .style-wrpr span {
  font-family: "EB Garamond" !important;
}
.ebook-main-wrpr #main-wrpr-chapter12 .conclusion-wrpr {
  padding-bottom: 160px !important;
}
@media only screen and (max-width: 992px) {
  .ebook-main-wrpr #main-wrpr-chapter12 .conclusion-wrpr {
    padding-bottom: 60px;
  }
}
.ebook-main-wrpr #main-wrpr-chapter12 .title-wrpr span {
  font-family: "Merriweather Sans" !important;
  color: #475569;
}
.ebook-main-wrpr .modal-dialog {
  height: 100Vh;
  margin: 0px 0px 0px auto;
}
.ebook-main-wrpr .modal-content {
  padding: 20px;
  height: 100%;
}
.ebook-main-wrpr .modal-header {
  padding: 0px 0px 20px 0px;
}
.ebook-main-wrpr .modal-body {
  padding: 20px 0px;
  overflow-y: auto;
}
.ebook-main-wrpr .modal-footer {
  padding: 20px 0px 0px 0px;
}
.ebook-main-wrpr .modal-title {
  letter-spacing: -0.44px;
  color: #0F172A;
}
.ebook-main-wrpr .style-notf {
  gap: 16px;
  margin-bottom: 24px;
}
.ebook-main-wrpr .style-notf:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-notf .notf-from {
  padding-bottom: 6px;
}
.ebook-main-wrpr .style-notf .notf-from p {
  color: #081637;
  letter-spacing: -0.32px;
}
.ebook-main-wrpr .style-notf p {
  color: #6C7486;
  letter-spacing: -0.35px;
}
.ebook-main-wrpr .style-notf a {
  text-decoration: underline;
}
.ebook-main-wrpr .style-notf .bold {
  color: #081637;
}
.ebook-main-wrpr .style-bookmark {
  margin-bottom: 24px;
}
.ebook-main-wrpr .style-bookmark:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-bookmark .chapter-info {
  color: #081637;
  padding-bottom: 16px;
}
.ebook-main-wrpr .style-bookmark .dnld-option {
  margin-bottom: 8px;
}
.ebook-main-wrpr .style-bookmark .dnld-option:last-child {
  margin-bottom: 0px;
}
.ebook-main-wrpr .style-bookmark .dnld-option p {
  color: #6C7486;
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-popup {
  position: fixed;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  font-family: "Merriweather Sans", sans-serif;
  padding: 10px;
  top: 0px;
}

.popup {
  max-width: 850px;
  width: 100%;
  display: flex;
  position: relative;
}

.welcome-board {
  max-width: 440px;
}

.popup-content {
  display: flex;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.close-btn {
  position: absolute;
  top: -36px;
  right: 0px;
  border: none;
  font-size: 24px;
  cursor: pointer;
  background: rgb(255, 255, 255);
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-full-section {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}

.popup-full-section .popup-inner-wrap {
  margin: 0px;
}

.divied-row {
  border: 1px solid #E2E8F0;
  margin: 16px 0px;
}

.onboard-lists {
  margin-top: 16px;
}

.onboard-list-ul {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.onboard-list-li {
  width: calc(33.3333333333% - 14px);
}

.icon-span {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #F6F9FF;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
}

.onboard-card-content {
  text-align: center;
}

.onboard-card-content h4 {
  color: #0F172A;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  letter-spacing: -0.42px;
}

.onboard-card-content .text-custom-white {
  color: white !important;
}

.onboard-card {
  padding: 20px 8px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
  border-radius: 20px;
  transition: all 0.4s;
}

.onboard-card-hover:hover {
  cursor: pointer;
  background-color: #0F172A;
  transition: all 0.4s;
}

.onboard-card.onboard-card-hover {
  background: blue !important;
}

.onboard-card-hover:hover .onboard-card-content h4 {
  color: #fff;
}

.popup-left-section,
.popup-right-section {
  padding: 20px;
  box-sizing: border-box;
}

.popup-left-section {
  background-color: #f6f9fe;
  width: 50%;
  text-align: center;
}

.popup-left-section h3 {
  font-family: "EB Garamond", serif;
  color: #64748B;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 142.857%;
  letter-spacing: 1.461px;
  margin-bottom: 7px;
}

.popup-left-section h1 {
  color: #0F172A;
  text-align: center;
  font-size: 39px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -1.956px;
}

.popup-left-section h1 span {
  color: #2A56F4;
}

.popup-right-section {
  width: 50%;
  text-align: center;
}

.popup-left-section .pop-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  gap: 10px;
}

.popup-right-section .pop-header img {
  width: 71px;
  height: 20px;
}

.popup-right-section .pop-header .e-text {
  color: #94A3B8;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.245px;
}

.divider {
  position: relative;
}

.divider::before {
  content: "";
  width: 1px;
  height: 13px;
  position: absolute;
  background: #CBD5E1;
  top: 3px;
}

.popup-inner-wrap {
  margin-top: 30px;
  text-align: left;
}

.popup-title {
  text-align: center;
  color: #0F172A;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -1.2px;
  margin-bottom: 4px;
}

.sub-info {
  color: #475569;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-align: center;
}

.sub-info span {
  color: #2A56F4;
  font-weight: 400;
}

.form {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}

.input-group {
  position: relative;
  margin-top: 16px;
}

.input-group:first-child {
  margin-top: 0px;
}

.input-group input {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 14px 30px 14px 16px;
  color: #475569;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  height: 48px;
  letter-spacing: 0.1px;
  font-family: "Merriweather Sans", sans-serif;
}

.input-group input::-moz-placeholder {
  color: #94A3B8;
  font-weight: 300;
}

.input-group input::placeholder {
  color: #94A3B8;
  font-weight: 300;
}

.form-lable {
  color: #0F172A;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.857%;
  margin-bottom: 6px;
  display: block;
}

.checkmark {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(0%);
  color: green;
  display: none;
}

input:valid + .checkmark {
  display: block;
}

.signUp {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  background-color: #0F172A;
}
.signUp:hover {
  background-color: #2A56F4;
}

.act-button:hover {
  background-color: #0F172A;
  transition: all 0.6s;
  color: #fff;
}

.input-group-btn {
  margin-top: 24px;
  margin-bottom: 13px;
}

@media screen and (max-width: 640px) {
  .popup-content {
    flex-direction: column;
    max-width: 96%;
    margin: 10px auto;
    position: relative;
  }
  .popup-content .close-btn {
    top: 0;
  }
  .popup-left-section {
    width: 100%;
  }
  .popup-right-section {
    width: 100%;
  }
  .popup-left-section h1 {
    font-size: 28px;
    letter-spacing: -1px;
  }
  .popup-left-section h1 br {
    display: none;
  }
  .popup-inner-wrap {
    margin-top: 30px;
  }
  .popup-title {
    font-size: 20px;
  }
  .sub-info {
    font-size: 15px;
  }
  .input-group-btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .popup-left-section h1 {
    font-size: 21px;
  }
  .form {
    margin-top: 20px;
  }
  .onboard-list-ul {
    gap: 10px;
  }
  .onboard-list-li {
    width: calc(50% - 5px);
  }
}
.p-0 {
  padding: 0px !important;
}
@media only screen and (max-width: 992px) {
  .p-0 {
    padding: 0px !important;
  }
}

#videoModal.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

#videoModal .modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 900px;
  height: 80%;
}

#videoModal .modal-content video {
  width: 100%;
  height: 100%;
}

#videoModal .close-btn-video {
  position: absolute;
  top: -40px;
  right: -20px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  background: red;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  padding: 0px 10px;
}

.rmbr-frgt-wrpr {
  margin-top: 10px;
}
.rmbr-frgt-wrpr .form-check-label {
  color: #64748B;
}
.rmbr-frgt-wrpr .frgt-pass {
  color: #0F172A;
}

.fs-10 {
  font-size: 10px;
  line-height: 180%;
}

.another-signup {
  margin-bottom: 13px;
  text-align: center;
  position: relative;
}
.another-signup::after {
  content: "";
  position: absolute;
  border: 1px solid #CBD5E1;
  width: 35%;
  left: 0px;
  top: 7px;
}
.another-signup::before {
  content: "";
  position: absolute;
  border: 1px solid #CBD5E1;
  width: 35%;
  right: 0px;
  top: 7px;
}
.another-signup p {
  color: #94A3B8;
  font-size: 11px;
  font-weight: 300;
  line-height: 163.636%;
  letter-spacing: -0.22px;
}

.gogl-apple-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.gogl-apple-btn .style-btn {
  border-radius: 10px;
  border: 1px solid #E2E8F0;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 11px 24px;
  flex: 0 0 calc(50% - 8px);
  justify-content: center;
  cursor: pointer;
}

.already-signin {
  margin-top: 14px;
  text-align: center;
  color: #64748B;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 163.636%;
  letter-spacing: -0.22px;
}
.already-signin span {
  color: #0F172A;
  font-weight: 700;
}

.cover {
  width: 100%;
  height: 341px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 20px;
  margin-bottom: 8px;
  border-radius: 24px 0px 0px 24px;
}

.publish-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publish-date .dark-bg {
  padding: 2px 6px;
  background-color: #0F172A;
  color: #FFF;
  font-size: 8.598px;
  font-weight: 400;
  line-height: 114.286%;
  letter-spacing: 0.172px;
}
.publish-date .white-bg {
  color: #0F172A;
  font-size: 8.598px;
  font-weight: 400;
  line-height: 114.286%;
  letter-spacing: 0.172px;
  padding: 2px 6px;
  background-color: white;
}
.publish-date .issue,
.publish-date .publish-date {
  border: 1px solid #0F172A;
}

.data-security-wrpr .title {
  max-width: 705px;
}

.ebook-main-wrpr .historical-milestones .title span {
  color: #2A56F4;
}

.adaptation-wrpr .content {
  padding-top: 40px;
}

.predicting-details {
  padding-top: unset !important;
}

.predicting-main {
  padding-bottom: unset;
}

div#main-wrpr-chapter1, div#main-wrpr-chapter2, div#main-wrpr-chapter3, div#main-wrpr-chapter4, div#main-wrpr-chapter5, div#main-wrpr-chapter6, div#main-wrpr-chapter7, div#main-wrpr-chapter8, div#main-wrpr-chapter9, div#main-wrpr-chapter10, div#main-wrpr-chapter11, div#main-wrpr-chapter12 {
  padding-top: 70px !important;
}
@media (max-width: 768px) {
  div#main-wrpr-chapter1, div#main-wrpr-chapter2, div#main-wrpr-chapter3, div#main-wrpr-chapter4, div#main-wrpr-chapter5, div#main-wrpr-chapter6, div#main-wrpr-chapter7, div#main-wrpr-chapter8, div#main-wrpr-chapter9, div#main-wrpr-chapter10, div#main-wrpr-chapter11, div#main-wrpr-chapter12 {
    padding-top: 56px !important;
  }
}

section.historical-milestones.next-frontier.embracing-accessibility {
  padding: unset !important;
  padding-bottom: 160px !important;
}
@media (max-width: 768px) {
  section.historical-milestones.next-frontier.embracing-accessibility {
    padding-bottom: 60px !important;
  }
}

.bottom-gap-new {
  padding-bottom: 160px !important;
}
@media (max-width: 768px) {
  .bottom-gap-new {
    padding-bottom: 60px !important;
  }
}

a:hover {
  cursor: pointer;
}

.remove-pointer {
  cursor: default !important;
}

.margin-top-custom {
  margin-top: 40px;
}

.kkbits-banner {
  position: relative;
  padding: 200px 0px 300px;
  background-image: url("../images/kkbit-cs/banner-bg.png");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .kkbits-banner {
    padding: 150px 0px 0px;
  }
}
@media (max-width: 767px) {
  .kkbits-banner {
    padding: 120px 0px 0px;
  }
}
.kkbits-banner .banner-img {
  position: absolute;
  width: 50%;
  right: 0;
  bottom: -32px;
  max-height: 87%;
  display: flex;
  justify-content: end;
}
@media (max-width: 1200px) {
  .kkbits-banner .banner-img {
    display: none;
  }
}
.kkbits-banner .mobile-banner-img {
  display: none;
}
@media (max-width: 1200px) {
  .kkbits-banner .mobile-banner-img {
    display: block;
  }
}

.overview-section {
  padding: 100px 0px;
}
@media (max-width: 1200px) {
  .overview-section {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .overview-section {
    padding: 50px 0px;
  }
}
.overview-section .project-text-block {
  padding-right: 0px;
}
@media (max-width: 1200px) {
  .overview-section .project-text-block {
    padding-right: 0px;
  }
}
.overview-section .project-text-block .overview-desc {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 32px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .overview-section .project-text-block .overview-desc {
    padding-right: 0px;
  }
}
.overview-section .overview-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.5px;
  color: #0B182B;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .overview-section .overview-title {
    font-size: 30px;
  }
}
.overview-section .overview-desc {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .overview-section .overview-desc {
    font-size: 20px;
  }
}

.marketing-section {
  background-image: url("../../images/kkbit-cs/marketing-sec-bg.png");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 78px 0px 0px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .marketing-section {
    padding: 50px 0px;
  }
}
.marketing-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .marketing-section .title {
    font-size: 30px;
  }
}
.marketing-section .desc {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #162739;
  padding: 0px 10px;
  margin-bottom: 50px;
}
.marketing-section .marketing-img {
  margin-bottom: 0;
}

.screens-section {
  padding-bottom: 150px;
}
@media (max-width: 992px) {
  .screens-section {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .screens-section {
    padding-bottom: 50px;
  }
}
.screens-section .screen-head-block {
  padding: 60px 80px;
}
@media (max-width: 1200px) {
  .screens-section .screen-head-block {
    padding: 60px 15px;
  }
}
@media (max-width: 767px) {
  .screens-section .screen-head-block {
    padding: 30px 15px;
  }
}
.screens-section .screen-head-block .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .screens-section .screen-head-block .title {
    font-size: 30px;
  }
}
.screens-section .screen-head-block .subtitle {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #162739;
}
.screens-section .screen-wrpr {
  box-shadow: 0px 4px 16px 0px rgba(24, 38, 79, 0.0705882353);
}
.screens-section .contact-screen {
  margin-bottom: 40px;
}

.blue-bg {
  background: #192A55;
}

.mobile-app-section {
  padding: 100px 0px 150px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .mobile-app-section {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .mobile-app-section {
    padding: 50px 0px;
  }
  .mobile-app-section .pr-5 {
    padding-right: 15px !important;
  }
}
.mobile-app-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .mobile-app-section .title {
    font-size: 30px;
  }
}
.mobile-app-section .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin-bottom: 32px;
}
.mobile-app-section .images-block {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: -300px;
  top: 0;
}
@media (max-width: 992px) {
  .mobile-app-section .images-block {
    display: none;
  }
}
.mobile-app-section .images-block .cstm-col {
  margin: 0px 20px;
}
.mobile-app-section .images-block .cstm-col .cstm-col figure {
  margin-bottom: 40px;
}

.multi-screen-section {
  padding: 100px 0px;
}
@media (max-width: 1200px) {
  .multi-screen-section {
    padding: 0px;
  }
}
.multi-screen-section .row {
  padding: 62px 0px;
}
@media (max-width: 767px) {
  .multi-screen-section .row {
    padding: 62px 0px;
  }
}
@media (max-width: 992px) {
  .multi-screen-section .row.reversed {
    flex-direction: column-reverse;
  }
}
.multi-screen-section .row.reversed .imgs-wrpr {
  margin-right: 40px;
}
@media (max-width: 1200px) {
  .multi-screen-section .row.reversed .imgs-wrpr {
    margin-right: 0px;
  }
}
.multi-screen-section .row .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .multi-screen-section .row .title {
    font-size: 30px;
  }
}
.multi-screen-section .row .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 32px;
}
.multi-screen-section .row .imgs-wrpr {
  display: flex;
  align-items: center;
}
.multi-screen-section .row .imgs-wrpr .image {
  margin: 0px 10px;
}
@media (max-width: 1200px) {
  .multi-screen-section .row .imgs-wrpr .image.w-100 {
    width: auto !important;
  }
}
.multi-screen-section .row .imgs-wrpr .image img {
  margin: 0px 15px;
  box-shadow: 0px 46.9512176514px 116.4390258789px 0px rgba(16, 35, 65, 0.1019607843);
  width: 100%;
}
@media (max-width: 767px) {
  .multi-screen-section .row .imgs-wrpr .image img {
    margin: 0px;
  }
}

.kkbits-panel {
  background: linear-gradient(180deg, #ECF7FF 0%, #FFFFFF 50%);
  padding: 90px 0px 110px;
}
@media (max-width: 767px) {
  .kkbits-panel {
    padding: 50px 0px;
  }
}
.kkbits-panel .title-block {
  padding: 0px 60px;
  margin-bottom: 70px;
}
@media (max-width: 1200px) {
  .kkbits-panel .title-block {
    padding: 0px;
    margin-bottom: 20px;
  }
}
.kkbits-panel .title-block .title {
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  margin-bottom: 24px;
  color: #0B182B;
  padding: 0px 60px;
}
@media (max-width: 767px) {
  .kkbits-panel .title-block .title {
    font-size: 30px;
    padding: 0px;
  }
}
.kkbits-panel .title-block .desc {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #162739;
}
.kkbits-panel .kkbits-panel-imgs figure {
  box-shadow: 0px 4.5039539337px 18.0158157349px 0px rgba(16, 35, 65, 0.0784313725);
  margin: 30px 0px;
}
.kkbits-panel .kkbits-panel-imgs figure:hover {
  box-shadow: 0px 19.3736248016px 120.1164703369px 0px rgba(16, 35, 65, 0.1019607843);
}

.slider-section {
  padding: 50px 0px;
}
.slider-section .fetab-card {
  flex: 0 0 100%;
  padding: 0px 53px;
}
@media (max-width: 767px) {
  .slider-section .fetab-card {
    padding: 0px;
  }
}
.slider-section .fetab-card .slide {
  max-width: 75%;
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .slider-section .fetab-card .slide {
    max-width: 100%;
    width: 100%;
  }
}
.slider-section .fetab-card .slide-img {
  margin-bottom: 25px;
  max-height: 60vh;
  overflow: hidden;
}
.slider-section .fetab-card .slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-section .fetab-card .slide-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -1.2px;
  color: #FFFFFF;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .slider-section .fetab-card .slide-title {
    font-size: 30px;
  }
}
.slider-section .fetab-card .slide-desc {
  font-size: 18px;
  line-height: 1.89;
  text-align: center;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}
.slider-section .wrapper {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
}
.slider-section .fe-wrapper {
  overflow: hidden;
  opacity: 1;
  max-width: 1400px;
  padding: 0 15px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .slider-section .fe-wrapper {
    width: calc(100% - 200px);
  }
}
.slider-section .fe-tabs-sec {
  margin-bottom: 100px;
}
.slider-section .fe-tabs-sec:last-child {
  margin-bottom: 0;
}
.slider-section .fetab-cards {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.slider-section .fetab-cards .fetab-card {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  opacity: 0;
  transition: opacity 350ms linear;
}
.slider-section .fetab-cards .fetab-card:first-child {
  opacity: 1;
}
.slider-section .fetab-cards .fetab-card.fet-2 {
  left: 100%;
}
.slider-section .progress {
  position: relative;
  height: 3px;
  border-radius: 8px;
  background-color: #E7EAED;
}
.slider-section .progress .progress-bar {
  background-color: #0885E9;
  transition: none;
}
.slider-section .progress.active {
  height: 8px;
}
.slider-section .progress-lines {
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 25%));
}
@media (max-width: 767px) {
  .slider-section .progress-lines {
    grid-template-columns: repeat(auto-fit, minmax(70px, 25%));
  }
}
.slider-section .progress-lines .progress {
  margin-right: 10px;
}
@media (min-width: 767px) {
  .slider-section .progress-lines .progress {
    margin-right: 30px;
  }
  .slider-section .progress-lines .progress:last-child {
    margin-right: 0;
  }
}

.panel-screen {
  padding: 120px 0px 0px;
}
@media (max-width: 1200px) {
  .panel-screen {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .panel-screen {
    padding: 50px 0px;
  }
}
.panel-screen .title {
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .panel-screen .title {
    font-size: 30px;
  }
}
.panel-screen .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 42px;
}
.panel-screen .outcome-text-block {
  padding: 75px 0px;
}
@media (max-width: 767px) {
  .panel-screen .outcome-text-block {
    padding: 35px 15px;
  }
}
.panel-screen .screens-block .img-wrpr {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.dresma-banner {
  background: #FFECED;
  padding: 180px 0px 50px;
}
@media (max-width: 767px) {
  .dresma-banner {
    padding: 130px 0px 20px;
  }
}
.dresma-banner .bn-text {
  margin-bottom: 0;
  padding: 0px 60px;
}
@media (max-width: 767px) {
  .dresma-banner .bn-text {
    padding: 0px;
  }
}
.dresma-banner .bn-text h2 {
  font-size: 56px;
  line-height: 1.18;
  letter-spacing: -1px;
  color: #050F18;
  margin-bottom: 20px;
}
.dresma-banner .bn-text h2 .red-text {
  color: #EF0C1C;
}
@media (max-width: 767px) {
  .dresma-banner .bn-text h2 {
    font-size: 32px;
  }
}
.dresma-banner .bn-text p {
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 40px;
}

.points-section {
  padding: 150px 0px 120px;
}
@media (max-width: 1200px) {
  .points-section {
    padding: 60px 0px;
  }
}
@media (max-width: 767px) {
  .points-section {
    padding: 30px 0px;
  }
}
.points-section .colored-sec {
  padding: 0px;
}
.points-section .colored-sec:after {
  top: 2rem;
  height: 100%;
}
.points-section .colored-sec.green-sec:after {
  max-height: 93%;
}
.points-section .overview-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .points-section .overview-title {
    font-size: 30px;
  }
}
.points-section .overview-desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 40px;
}
.points-section .points-text-wrpr .overview-desc {
  padding-left: 30px;
  position: relative;
}
.points-section .points-text-wrpr .overview-desc:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  background: #324963;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.experience-section {
  background: #FF6187;
  padding: 92px 0px 70px;
}
@media (max-width: 1200px) {
  .experience-section {
    padding: 60px 0px;
  }
}
.experience-section .title {
  padding: 0px 100px;
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .experience-section .title {
    padding: 0px;
    font-size: 30px;
  }
}
.experience-section .desc {
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  letter-spacing: -0.1px;
  color: #FFEFF3;
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .experience-section .desc {
    margin-bottom: 20px;
  }
}
.experience-section .benifits-block {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 50px 0px;
}
@media (max-width: 1200px) {
  .experience-section .benifits-block {
    padding: 20px 0px;
  }
}
.experience-section .benifits-block.cstm-brdr {
  border-bottom: 2px solid #FF83A1;
}
@media (max-width: 767px) {
  .experience-section .benifits-block.cstm-brdr {
    border: none;
  }
}
.experience-section .benifits-block .benifits-img {
  min-width: 15%;
}
.experience-section .benifits-block .benifits-text {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
  padding: 0px 30px;
}
@media (max-width: 1200px) {
  .experience-section .benifits-block .benifits-text {
    padding: 0px 10px;
    font-size: 21px;
  }
}
.experience-section .benifits-block .cstm-pad .benifits-text {
  padding-right: 77px !important;
  padding-left: 20px !important;
}

.etb-section {
  padding: 60px 0px;
}
.etb-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .etb-section .title {
    font-size: 30px;
  }
}
.etb-section .subtitle {
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .etb-section .subtitle {
    margin-bottom: 50px;
  }
}
.etb-section .etb-screen {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  height: auto;
}
.etb-section .etb-screen img {
  box-shadow: 6px 12px 32px 0px rgba(50, 73, 99, 0.0588235294);
  border-radius: 44px;
  max-width: 50%;
}
.etb-section .etb-screen:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFECED;
  border-radius: 50%;
  content: "";
  margin: 0 auto;
  z-index: -1;
  animation-name: scale;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

@keyframes scale {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.7);
  }
}
.vertical-slide-section {
  padding: 100px 0px;
}
@media (max-width: 1200px) {
  .vertical-slide-section {
    padding: 60px 0px;
  }
}
@media (max-width: 767px) {
  .vertical-slide-section {
    padding: 0px 0px 30px;
  }
}
.vertical-slide-section .o-hide {
  overflow: hidden;
}
.vertical-slide-section .slider-main .slick-list {
  padding: 20px 0px !important;
}
.vertical-slide-section .slider-nav .slick-list {
  max-height: 400px;
}
.vertical-slide-section .slick-slide.slick-current .etb-card {
  display: flex;
  flex: 1 1 100%;
  padding: 46px 38px;
  align-items: center;
  background: #FFF9FA;
  border-radius: 12px;
  opacity: 1;
  transform: scale(1) translateX(0px);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .vertical-slide-section .slick-slide.slick-current .etb-card {
    padding: 30px;
  }
}
.vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-text {
  flex: 1 1 50%;
}
.vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-text .etb-card-title {
  font-weight: bold;
  font-size: 23.8806px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #803447;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-text .etb-card-title {
    font-size: 20px;
  }
}
.vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-text .etb-card-desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.38;
  color: #B26F78;
}
@media (max-width: 1200px) {
  .vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-text .etb-card-desc {
    font-size: 15px;
  }
}
.vertical-slide-section .slick-slide.slick-current .etb-card .etb-card-img {
  flex: 1 1 30%;
  text-align: right;
}
.vertical-slide-section .etb-card {
  transform: scale(0.8) translateX(-62px);
  opacity: 0.5;
  display: flex;
  flex: 1 1 100%;
  padding: 46px 38px;
  align-items: center;
  background: #FFF9FA;
  border-radius: 12px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .vertical-slide-section .etb-card {
    padding: 30px;
  }
}
.vertical-slide-section .etb-card .etb-card-text {
  flex: 1 1 50%;
}
.vertical-slide-section .etb-card .etb-card-text .etb-card-title {
  font-weight: bold;
  font-size: 23.8806px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #803447;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .vertical-slide-section .etb-card .etb-card-text .etb-card-title {
    font-size: 20px;
  }
}
.vertical-slide-section .etb-card .etb-card-text .etb-card-desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.38;
  color: #B26F78;
}
@media (max-width: 1200px) {
  .vertical-slide-section .etb-card .etb-card-text .etb-card-desc {
    font-size: 15px;
  }
}
.vertical-slide-section .etb-card-link {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.904615px;
  color: #0A131D;
  opacity: 0.3;
  transform: scale(0.8) translatex(-66px);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1200px) {
  .vertical-slide-section .etb-card-link {
    font-size: 20px;
    padding: 0px;
    transform: scale(0.8) translatex(-40px);
    line-height: 2;
  }
}
.vertical-slide-section .slick-slide.slick-current .etb-card-link {
  background: transparent;
  opacity: 1;
  color: #0A131D;
  transform: scale(1.2) translatex(45px);
  transition: all 0.2s ease-in-out;
  line-height: 2;
}
@media (max-width: 992px) {
  .vertical-slide-section .slick-slide.slick-current .etb-card-link {
    transform: scale(1.2) translatex(8px);
  }
}
.vertical-slide-section .d-phone-none {
  display: flex;
}
@media (max-width: 767px) {
  .vertical-slide-section .d-phone-none {
    display: none;
  }
}
.vertical-slide-section .d-phone-block {
  display: none;
}
@media (max-width: 767px) {
  .vertical-slide-section .d-phone-block {
    display: block;
  }
}
.vertical-slide-section #slide_acc .card {
  border: none;
}
.vertical-slide-section #slide_acc .card-header {
  border: none;
  background: transparent;
  padding: 0px;
}
.vertical-slide-section #slide_acc .etb-card {
  transform: scale(1) translateX(0px);
  opacity: 1;
  padding: 15px;
  box-shadow: 0px 9px 14px #eee;
  margin: 20px 0px;
}
.vertical-slide-section #slide_acc .etb-card-link {
  opacity: 1;
  transform: scale(1) translatex(0px);
  position: relative;
  padding: 15px;
  display: block;
}
.vertical-slide-section #slide_acc .etb-card-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  background: transparent;
  width: 10px;
  height: 10px;
  border-left: 2px solid;
  border-top: 2px solid;
  transform: rotate(45deg);
  transition: all 200ms ease;
}
.vertical-slide-section #slide_acc .etb-card-link.collapsed:after {
  transform: rotate(225deg);
  transition: all 200ms ease;
}

.h-slider-section {
  background: #FFECED;
  position: relative;
  padding-bottom: 50px;
}
.h-slider-section .hslide-card-wrpr {
  padding: 48px 0px;
}
@media (max-width: 767px) {
  .h-slider-section .hslide-card-wrpr {
    padding: 10px 0px 50px;
  }
}
.h-slider-section .hslide-card-wrpr .slick-list {
  position: relative;
  display: flex !important;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.h-slider-section .hslide-card-wrpr .slick-list .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.h-slider-section .hslide-card-wrpr .slick-list .slick-track .slick-slide {
  display: block;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 70vw;
  padding: 40px 50px;
  opacity: 0.4;
}
@media (max-width: 1200px) {
  .h-slider-section .hslide-card-wrpr .slick-list .slick-track .slick-slide {
    padding: 40px 40px;
  }
}
@media (max-width: 1200px) {
  .h-slider-section .hslide-card-wrpr .slick-list .slick-track .slick-slide {
    padding: 20px;
    width: 90vw;
  }
}
.h-slider-section .hslide-card-wrpr .slick-list .slick-track .slick-slide.slick-current {
  opacity: 1;
}
.h-slider-section .hslide-card-wrpr .hslide-card {
  display: flex !important;
  flex-direction: column;
}
.h-slider-section .progress {
  display: block;
  width: 20%;
  height: 6px;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #CCCED0;
  background-image: linear-gradient(to right, #0A131D, #0A131D);
  background-repeat: no-repeat;
  background-size: 16.6667% 100%;
  transition: background-size 0.4s ease-in-out;
  position: absolute;
  bottom: 80px;
  left: 22%;
}
@media (max-width: 767px) {
  .h-slider-section .progress {
    width: 50%;
    left: 20%;
  }
}
.h-slider-section .slide-text {
  flex: 1 1 20%;
}
.h-slider-section .slide-text .card-head {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .h-slider-section .slide-text .card-head {
    font-size: 30px;
  }
}
.h-slider-section .slide-text .card-desc {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
.h-slider-section .slide-img {
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 15px;
  overflow: hidden;
  flex: 1 1 80%;
  margin-top: 40px;
}
.h-slider-section .slide-img img {
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  box-shadow: 4px 8px 48px 12px rgba(222, 79, 109, 0.1019607843);
}
.h-slider-section .slick-dots {
  position: absolute;
  width: 50px;
  bottom: 80px;
  left: auto;
}
@media (max-width: 767px) {
  .h-slider-section .slick-dots {
    left: 0px;
  }
}
.h-slider-section .slick-dots:after {
  content: "of 6";
  top: 1px;
  left: 20px;
  position: absolute;
  font-size: 16px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .h-slider-section .slick-dots:after {
    left: 20px;
  }
}
.h-slider-section .slick-dots button {
  display: none;
}
.h-slider-section .slick-dots .slick-active {
  display: inline;
}
.h-slider-section .slick-dots .slick-active button {
  display: block;
  background: transparent;
  border: none;
}
.h-slider-section .slick-arrow {
  position: absolute;
  bottom: 80px;
  left: 43%;
  background-color: transparent;
  border: none;
  text-indent: -99999px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 30px;
}
.h-slider-section .slick-arrow:focus {
  outline: none;
}
.h-slider-section .slick-arrow.slick-prev {
  background-image: url(../images/dresma-cs/arrow-left.svg);
}
@media (max-width: 767px) {
  .h-slider-section .slick-arrow.slick-prev {
    left: auto;
    right: 40px;
  }
}
.h-slider-section .slick-arrow.slick-next {
  background-image: url(../images/dresma-cs/arrow-right.svg);
  left: 45%;
}
@media (max-width: 1200px) {
  .h-slider-section .slick-arrow.slick-next {
    left: 45%;
  }
}
@media (max-width: 767px) {
  .h-slider-section .slick-arrow.slick-next {
    left: auto;
    right: 5px;
  }
}

.illustration-sec {
  padding: 150px 0px;
}
@media (max-width: 1200px) {
  .illustration-sec {
    padding: 60px 0px;
  }
}
.illustration-sec .td-text {
  padding-right: 60px;
}
@media (max-width: 1200px) {
  .illustration-sec .td-text {
    padding-right: 0px;
  }
}
.illustration-sec .td-text .title {
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .illustration-sec .td-text .title {
    font-size: 30px;
  }
}
.illustration-sec .td-text .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  font-weight: normal;
}
.illustration-sec .td-chip {
  position: relative;
  padding: 80px 0px;
}
.illustration-sec .td-chip .main-img img {
  box-shadow: -0.22px 4px 40px 0px rgba(10, 19, 29, 0.0705882353);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .illustration-sec .td-chip .main-img {
    max-width: 55%;
    margin: 0 auto;
  }
}
.illustration-sec .td-chip .chips {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: -0.21px 3.78px 30.3px 0px rgba(10, 19, 29, 0.0705882353);
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips {
    width: 25%;
  }
}
.illustration-sec .td-chip .chips.chip1 {
  top: 50px;
  left: 10px;
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip1 {
    top: 40px;
    left: -20px;
  }
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip1 {
    left: 0px;
  }
}
.illustration-sec .td-chip .chips.chip2 {
  top: -20px;
  right: 50px;
  left: auto;
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip2 {
    top: -10px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .illustration-sec .td-chip .chips.chip2 {
    top: 0px;
  }
}
.illustration-sec .td-chip .chips.chip3 {
  top: 170px;
  left: auto;
  right: 0;
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip3 {
    right: -30px;
  }
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip3 {
    right: -10px;
    top: 150px;
  }
}
.illustration-sec .td-chip .chips.chip4 {
  bottom: -40px;
  right: 100px;
  left: auto;
  top: auto;
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip4 {
    bottom: -30px;
    right: 40px;
  }
}
.illustration-sec .td-chip .chips.chip5 {
  top: auto;
  bottom: 0;
  left: 40px;
}
@media (max-width: 1200px) {
  .illustration-sec .td-chip .chips.chip5 {
    left: 10px;
  }
}

.mobile-ui-sec {
  padding: 100px 0px;
  background: #F1F4F6;
}
@media (max-width: 1200px) {
  .mobile-ui-sec {
    padding: 60px 0px;
  }
}
.mobile-ui-sec .text-block {
  padding-right: 40px;
}
@media (max-width: 1200px) {
  .mobile-ui-sec .text-block {
    padding-right: 0px;
  }
}
.mobile-ui-sec .text-block .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .mobile-ui-sec .text-block .title {
    font-size: 30px;
  }
}
.mobile-ui-sec .text-block .desc {
  font-size: 22px;
  line-height: 1.64;
  letter-spacing: -0.1px;
  color: #324963;
}
.mobile-ui-sec .mobile-ui-screen img {
  box-shadow: 7px 12px 40px 0px rgba(50, 73, 99, 0.1215686275);
  border-radius: 54px;
}

.outcome-section {
  padding: 70px 0px;
}
.outcome-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .outcome-section .title {
    font-size: 30px;
  }
}
.outcome-section .desc {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 30px;
}

.mt70 {
  margin-top: 70px;
}

.mt140 {
  margin-top: 140px;
}
@media (max-width: 767px) {
  .mt140 {
    margin-top: 70px;
  }
}

.light-blue-bg {
  background: #E7EFFF;
}

.lblue-bg {
  background: #264CFD;
}

.dblue-text {
  color: #254BFD;
}

@media (max-width: 767px) {
  .reversed {
    flex-direction: column-reverse;
  }
}

.ue-text-block {
  padding-right: 50px;
}
@media (max-width: 992px) {
  .ue-text-block {
    padding-right: 0px;
  }
}
.ue-text-block .title {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.32;
  letter-spacing: -0.5px;
  color: #0A131D;
  text-align: left;
  margin-bottom: 20px;
}
.ue-text-block .desc {
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: -0.1px;
  color: #324963;
}

@media (max-width: 767px) {
  .img-text-wrpr {
    margin: 40px 0px;
  }
}
.img-text-wrpr .desc {
  margin-bottom: 20px;
}
.img-text-wrpr .img-wrpr {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  height: 600px;
  text-align: center;
  padding: 0px 150px;
}
@media (max-width: 1200px) {
  .img-text-wrpr .img-wrpr {
    padding: 0px 80px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .img-text-wrpr .img-wrpr {
    padding: 0px 130px;
  }
}
@media (max-width: 480px) {
  .img-text-wrpr .img-wrpr {
    padding: 0px 70px;
  }
}
.img-text-wrpr .img-wrpr img {
  border-radius: 20px;
  box-shadow: 0px 16px 50px 0px rgba(19, 47, 102, 0.0784313725), 0px 4px 12px 0px rgba(8, 17, 43, 0.0784313725);
}
.img-text-wrpr .img-wrpr:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #D5E3FF;
  border-radius: 50%;
  content: "";
  margin: 0 auto;
  z-index: -1;
  animation-name: scale;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

@keyframes scale {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.7);
  }
}
.corridor-banner {
  padding: 150px 0px 0px;
}
@media (max-width: 767px) {
  .corridor-banner {
    padding-top: 120px;
  }
}
.corridor-banner .bn-text h2 {
  font-weight: 600;
  font-size: 54px;
  line-height: 1.22;
  letter-spacing: -1px;
  color: #050F18;
  padding-right: 25px;
}
@media (max-width: 992px) {
  .corridor-banner .bn-text h2 {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .corridor-banner .bn-text h2 {
    font-size: 36px;
  }
}
.corridor-banner .banner-txt {
  font-size: 20px;
  line-height: 32px;
  color: #162739;
  padding-right: 200px;
}
@media (max-width: 992px) {
  .corridor-banner .banner-txt {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .corridor-banner .banner-txt {
    margin-bottom: 20px;
  }
}
.corridor-banner .banner-img {
  text-align: center;
}
.corridor-banner .banner-img img {
  box-shadow: 0px 16px 50px 0px rgba(19, 47, 102, 0.1215686275);
}
@media (max-width: 767px) {
  .corridor-banner .banner-img img {
    max-width: 60%;
    margin: 0 auto;
  }
}

.blue-overview-section {
  padding: 100px 0px 60px;
}
@media (max-width: 992px) {
  .blue-overview-section {
    padding-bottom: 40px;
  }
}
.blue-overview-section .overview-head-block {
  padding-right: 10px;
}
@media (max-width: 1200px) {
  .blue-overview-section .overview-head-block {
    padding-right: 0px;
  }
}
.blue-overview-section .overview-head-block .overview-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.5px;
  color: #0B182B;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .blue-overview-section .overview-head-block .overview-title {
    padding-right: 0px;
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .blue-overview-section .overview-head-block .overview-title {
    padding-right: 0px;
    font-size: 30px;
  }
}
.blue-overview-section .overview-desc {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .blue-overview-section .overview-desc {
    font-size: 20px;
  }
}
.blue-overview-section .overview-bottom-row {
  margin-top: 90px;
}
@media (max-width: 992px) {
  .blue-overview-section .overview-bottom-row {
    margin-top: 50px;
  }
}
.blue-overview-section .overview-bottom-row .text-icon-block {
  padding: 0px 40px;
}
@media (max-width: 992px) {
  .blue-overview-section .overview-bottom-row .text-icon-block {
    padding: 0px 20px;
  }
}
.blue-overview-section .overview-bottom-row .text-icon-block .head-icon {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.blue-overview-section .overview-bottom-row .text-icon-block .head-icon .title {
  font-size: 25px;
  line-height: 1.28;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-left: 20px;
}
.blue-overview-section .overview-bottom-row .text-icon-block .head-icon .img-wrpr {
  margin-bottom: 0px;
}

.solution-sec {
  padding: 64px 0px 100px;
  background-color: #fff;
}
@media (max-width: 992px) {
  .solution-sec {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .solution-sec {
    padding: 40px 0px;
  }
}
.solution-sec .solution-text-wrpr {
  background-color: #F4F7FD;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 95px 52px;
  background-image: url(../images/blue-corridor/b-logo.svg);
  background-position: 38% center;
  background-repeat: no-repeat;
  background-size: 26%;
}
@media (max-width: 992px) {
  .solution-sec .solution-text-wrpr {
    padding: 50px 10px;
  }
}
@media (max-width: 767px) {
  .solution-sec .solution-text-wrpr {
    flex-direction: column;
    max-width: 90%;
    margin: 0 auto;
  }
}

.ue-screens-section {
  padding: 112px 0px;
}
@media (max-width: 992px) {
  .ue-screens-section {
    padding: 70px 0px;
  }
}
@media (max-width: 767px) {
  .ue-screens-section {
    padding: 40px 0px;
  }
}
.ue-screens-section .screen-head-block .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .ue-screens-section .screen-head-block .title {
    font-size: 30px;
  }
}
.ue-screens-section .screen-head-block .subtitle {
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .ue-screens-section .screen-head-block .subtitle {
    font-size: 20px;
  }
}
.ue-screens-section .onboarding-row {
  margin-top: 138px;
}
@media (max-width: 767px) {
  .ue-screens-section .onboarding-row {
    margin-top: 50px;
  }
}
.ue-screens-section .onboarding-row .simple-steps {
  margin-top: -100px;
}
@media (max-width: 767px) {
  .ue-screens-section .onboarding-row .simple-steps {
    margin-top: 0px;
  }
}

.right-tone-section {
  padding: 100px 0px 50px;
  text-align: center;
}
@media (max-width: 992px) {
  .right-tone-section {
    padding: 60px 0px 30px;
  }
}
.right-tone-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .right-tone-section .title {
    font-size: 30px;
  }
}
.right-tone-section .desc {
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  letter-spacing: -0.1px;
  color: #F4F7FD;
}
.right-tone-section .images-block {
  margin-top: 100px;
}

.sp-app-section {
  padding: 124px 0px;
}
@media (max-width: 992px) {
  .sp-app-section {
    padding: 60px 0px;
  }
}
.sp-app-section .title-block .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .sp-app-section .title-block .title {
    font-size: 30px;
  }
}
.sp-app-section .title-block .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .sp-app-section .title-block .desc {
    font-size: 20px;
  }
}
.sp-app-section .sp-app-points {
  margin-top: 90px;
  margin-bottom: 124px;
}
@media (max-width: 992px) {
  .sp-app-section .sp-app-points {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}
.sp-app-section .sp-app-points > div {
  display: flex;
}
.sp-app-section .sp-app-points .points {
  background: linear-gradient(180deg, #F9FAFF 0%, rgba(249, 250, 255, 0) 100%);
  border: 1px solid #DAE0FF;
  border-radius: 16px;
  padding: 40px 30px;
  margin: 24px 0px;
  width: 100%;
}
@media (max-width: 992px) {
  .sp-app-section .sp-app-points .points {
    padding: 15px;
  }
}
.sp-app-section .sp-app-points .points .points-title {
  margin-top: 50px;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.46;
  letter-spacing: -0.5px;
  color: #0A131D;
}
@media (max-width: 992px) {
  .sp-app-section .sp-app-points .points .points-title {
    font-size: 20px;
    margin-top: 20px;
  }
}
.sp-app-section .sp-app-points .points figure {
  margin-bottom: 0px;
}

.app-ui-sec {
  padding: 130px 0px 0px;
}
@media (max-width: 992px) {
  .app-ui-sec {
    padding: 60px 0px 0px;
  }
}
.app-ui-sec .app-ui-text .title {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.23;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-bottom: 24px;
}
.app-ui-sec .app-ui-text .desc {
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: -0.1px;
  color: #324963;
}
.app-ui-sec .app-ui-img {
  margin-top: 130px;
}
@media (max-width: 992px) {
  .app-ui-sec .app-ui-img {
    margin-top: 70px;
  }
}

.outcome-screen {
  padding: 120px 0px 90px;
}
@media (max-width: 992px) {
  .outcome-screen {
    padding: 60px 0px;
  }
}
.outcome-screen .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .outcome-screen .title {
    font-size: 30px;
  }
}
.outcome-screen .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #162739;
  margin-bottom: 24px;
}

.text-scroll-section {
  padding: 60px 0px;
}
.text-scroll-section #textPinContainer {
  overflow: hidden;
  max-height: 95vh;
  padding-top: 50px;
  background: #254BFD;
  border-radius: 20px;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1200px) {
  .text-scroll-section #textPinContainer {
    max-height: none;
    padding: 0px;
  }
}
.text-scroll-section #textPinContainer:after {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: linear-gradient(360deg, #254BFD 0%, rgba(37, 75, 253, 0.12) 100%);
}
.text-scroll-section .slide-text {
  display: flex;
  padding: 30px;
  color: #fff;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .text-scroll-section .slide-text {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.text-scroll-section .slide-text .left-side {
  flex: 1 1 40%;
}
@media (max-width: 992px) {
  .text-scroll-section .slide-text .left-side {
    flex: 1 1 30%;
  }
}
.text-scroll-section .slide-text .left-side .slide-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .text-scroll-section .slide-text .left-side .slide-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .text-scroll-section .slide-text .left-side .slide-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.text-scroll-section .slide-text .right-side {
  flex: 1 1 60%;
  padding: 0px 20px;
}
@media (max-width: 767px) {
  .text-scroll-section .slide-text .right-side {
    padding: 0px;
  }
}
.text-scroll-section .slide-text .right-side .slide-desc {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #F2F4FF;
}
@media (max-width: 767px) {
  .text-scroll-section .slide-text .right-side {
    font-size: 20px;
  }
}

.truck-union-banner {
  padding: 180px 0px 250px;
  background: url(../images/truck-union-cs/banner-bg.png) center no-repeat;
  position: relative;
  background-size: cover;
}
@media (max-width: 767px) {
  .truck-union-banner {
    padding: 120px 0px 180px;
  }
}
.truck-union-banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #0A131D 50.07%, rgba(10, 19, 29, 0) 86.74%);
}

.truck-banner-img {
  margin-top: -280px;
}
@media (max-width: 767px) {
  .truck-banner-img {
    margin-top: -150px;
  }
}
.truck-banner-img .banner-img-wrpr img {
  box-shadow: 0px 27px 64px 0px rgba(9, 34, 72, 0.0784313725);
  border-radius: 20px;
}
@media (max-width: 767px) {
  .truck-banner-img .banner-img-wrpr img {
    border-radius: 10px;
  }
}

.truck-text-section {
  padding: 136px 0px;
}
@media (max-width: 992px) {
  .truck-text-section {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .truck-text-section {
    padding: 60px 0px;
  }
}
.truck-text-section .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .truck-text-section .title {
    font-size: 30px;
  }
}
.truck-text-section .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  padding-right: 110px;
}
@media (max-width: 992px) {
  .truck-text-section .desc {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .truck-text-section .desc {
    font-size: 20px;
  }
}
.truck-text-section .colored-sec {
  padding: 0px;
}
.truck-text-section .colored-sec:before {
  position: relative;
  left: 1px;
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec:before {
    top: 30px;
  }
}
.truck-text-section .colored-sec:after {
  display: none;
}
.truck-text-section .colored-sec.red-sec .points-text-wrpr {
  padding: 76px 0px;
}
@media (max-width: 992px) {
  .truck-text-section .colored-sec.red-sec .points-text-wrpr {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec.red-sec .points-text-wrpr {
    padding: 10px 0px;
  }
}
.truck-text-section .colored-sec.red-sec:after {
  display: block;
  height: 91%;
  border: none;
  background-image: url(../images/truck-union-cs/line-red-green.svg);
  width: 5px;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec.red-sec:after {
    height: 97%;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec.green-sec {
    padding-top: 22px;
  }
}
.truck-text-section .colored-sec.green-sec:before {
  top: 0px;
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec.green-sec:before {
    position: absolute;
  }
}
.truck-text-section .colored-sec .points-text-wrpr {
  padding: 0px;
}
.truck-text-section .colored-sec .points-text-wrpr .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec .points-text-wrpr .title {
    font-size: 30px;
  }
}
.truck-text-section .colored-sec .points-text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 26px;
  padding: 0px;
}
@media (max-width: 767px) {
  .truck-text-section .colored-sec .points-text-wrpr .desc {
    font-size: 20px;
  }
}

.how-it-work {
  background: linear-gradient(180deg, #EAF2FC 0%, rgba(234, 242, 252, 0) 100%);
  padding: 136px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .how-it-work {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .how-it-work {
    padding: 60px 0px;
  }
}
.how-it-work .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .how-it-work .title {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .how-it-work .title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.how-it-work .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  padding: 68px 0px;
}
@media (max-width: 992px) {
  .how-it-work .desc {
    padding: 20px 0px;
  }
}
@media (max-width: 767px) {
  .how-it-work .desc {
    font-size: 20px;
  }
}
.how-it-work .how-it-work-img img {
  position: absolute;
  right: -40px;
  top: 9%;
  width: 50%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .how-it-work .how-it-work-img img {
    display: block;
    position: relative;
    width: 90%;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
  }
}

.we-transform-section {
  padding: 136px 0px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .we-transform-section {
    padding: 90px 0px 0px;
  }
}
@media (max-width: 767px) {
  .we-transform-section {
    padding: 60px 0px 0px;
  }
}
.we-transform-section:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 120px;
}
@media (max-width: 767px) {
  .we-transform-section:before {
    top: 60%;
    height: 100px;
  }
}
.we-transform-section .text-wrpr {
  padding: 0px 50px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .we-transform-section .text-wrpr {
    padding: 0px;
  }
}
.we-transform-section .text-wrpr .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.904615px;
  margin-bottom: 14px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .we-transform-section .text-wrpr .title {
    font-size: 30px;
  }
}
.we-transform-section .text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .we-transform-section .text-wrpr .desc {
    font-size: 20px;
  }
}
.we-transform-section .slick-list {
  display: flex;
  overflow: hidden;
}
.we-transform-section .slick-list .slick-slide {
  display: block;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 80vw;
  padding: 80px 50px;
}
@media (max-width: 767px) {
  .we-transform-section .slick-list .slick-slide {
    width: 90vw;
    padding: 40px 15px;
  }
}
.we-transform-section .slick-list .slick-slide .slide-img img {
  box-shadow: 0px 27px 64px 0px rgba(9, 34, 72, 0.0784313725);
  border-radius: 25px;
}
@media (max-width: 767px) {
  .we-transform-section .slick-list .slick-slide .slide-img img {
    box-shadow: 0px 7px 24px 0px rgba(9, 34, 72, 0.0784313725);
    border-radius: 10px;
  }
}

.truck-outcome-section {
  padding: 80px 0px;
}
@media (max-width: 992px) {
  .truck-outcome-section {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .truck-outcome-section {
    padding: 60px 0px;
  }
}
.truck-outcome-section .colored-sec {
  padding: 0px;
}
.truck-outcome-section .colored-sec:before {
  position: relative;
  left: 1px;
  top: 0px;
}
.truck-outcome-section .colored-sec:after {
  display: none;
}
.truck-outcome-section .colored-sec .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .truck-outcome-section .colored-sec .title {
    font-size: 30px;
  }
}
.truck-outcome-section .colored-sec .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .truck-outcome-section .colored-sec .desc {
    font-size: 20px;
  }
}
.truck-outcome-section .colored-sec.yellow-sec:before {
  background: #FBD019;
}
@media (max-width: 767px) {
  .truck-outcome-section .colored-sec.yellow-sec:before {
    margin-bottom: 0px;
  }
}
.truck-outcome-section .colored-sec.yellow-sec:after {
  display: block;
  height: 100%;
  border: none;
  background-image: url(../images/truck-union-cs/line-yellow-purple.svg);
  width: 5px;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
  top: 40px;
  z-index: 0;
}
.truck-outcome-section .colored-sec.yellow-sec .desc {
  margin-bottom: 136px;
}
@media (max-width: 767px) {
  .truck-outcome-section .colored-sec.yellow-sec .desc {
    margin-bottom: 0px;
  }
}
.truck-outcome-section .colored-sec.purple-sec:before {
  background: #A519FB;
}
@media (max-width: 767px) {
  .truck-outcome-section .colored-sec.purple-sec:before {
    margin-bottom: 0px;
  }
}

.outcome-img {
  background: linear-gradient(180deg, #EAF2FC 0%, rgba(234, 242, 252, 0) 100%);
}
@media (max-width: 767px) {
  .outcome-img .image-wrpr {
    flex-direction: column;
  }
}
.outcome-img .image-wrpr > div {
  margin-top: -40px;
}
@media (max-width: 767px) {
  .outcome-img .image-wrpr > div {
    margin-top: 0px;
  }
}
.outcome-img .image-wrpr > div img {
  box-shadow: 0px 11px 30px 0px rgba(76, 121, 178, 0.1607843137);
  border-radius: 4px;
  margin-bottom: 20px;
}
.outcome-img .text-wrpr {
  padding: 80px 0px;
}
.outcome-img .text-wrpr .desc {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 14px;
}
.outcome-img .img-wrpr {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.labooze-sec .light-red-bg {
  background: #FFF5F6;
}
.labooze-sec .labooze-red-text {
  color: #E42C34;
}
@media (max-width: 767px) {
  .labooze-sec .img-text-wrpr {
    margin-bottom: 0px;
  }
}
.labooze-sec .img-text-wrpr .img-wrpr {
  position: relative;
  max-width: 500px;
  max-height: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0px 100px;
  z-index: 0;
  height: auto;
}
@media (max-width: 767px) {
  .labooze-sec .img-text-wrpr .img-wrpr {
    padding: 0px 60px;
  }
}
.labooze-sec .img-text-wrpr .img-wrpr:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  background: #EE434B;
  content: "";
  margin: 0 auto;
  z-index: -1;
  animation-name: scale;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
.labooze-sec .img-text-wrpr .img-wrpr img {
  border-radius: 40px 40px 0px 0px;
  box-shadow: 0px 16px 50px 0px rgba(19, 47, 102, 0.0784313725), 0px 4px 12px 0px rgba(8, 17, 43, 0.0784313725);
}

.labooze-banner {
  padding-top: 200px;
}
@media (max-width: 992px) {
  .labooze-banner {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .labooze-banner {
    padding-top: 120px;
  }
}
.labooze-banner .bn-logo {
  margin-bottom: 40px;
}
.labooze-banner .bn-text {
  padding: 0px 10px;
  margin-bottom: 54px;
}
@media (max-width: 992px) {
  .labooze-banner .bn-text {
    margin-bottom: 0px;
  }
}
.labooze-banner .bn-text h2 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.18;
  text-align: center;
  letter-spacing: -1px;
  color: #050F18;
}
@media (max-width: 992px) {
  .labooze-banner .bn-text h2 {
    font-size: 36px;
  }
}
.labooze-banner .banner-main-img img {
  margin-bottom: -180px;
}
@media (max-width: 992px) {
  .labooze-banner .banner-main-img img {
    margin-bottom: -140px;
  }
}
@media (max-width: 992px) {
  .labooze-banner .banner-main-img img {
    margin-bottom: -100px;
  }
}

.labooze-overview {
  padding: 120px 0px 0px;
}
.labooze-overview .title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.33;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .labooze-overview .title {
    font-size: 30px;
  }
}
.labooze-overview .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .labooze-overview .desc {
    font-size: 20px;
  }
}
.labooze-overview .labooze-red-sec {
  background: #E42C34;
  border-radius: 24px;
  padding: 60px 90px 0px;
  text-align: center;
  margin-top: 70px;
}
@media (max-width: 992px) {
  .labooze-overview .labooze-red-sec {
    padding: 40px 30px 0px;
  }
}
@media (max-width: 767px) {
  .labooze-overview .labooze-red-sec {
    margin-top: 30px;
    padding: 0px 20px;
  }
}
.labooze-overview .labooze-red-sec .desc {
  padding: 0px 120px;
}
@media (max-width: 992px) {
  .labooze-overview .labooze-red-sec .desc {
    padding: 0px;
  }
}

.labooze-multiscreen {
  margin: 120px 0px;
}
@media (max-width: 992px) {
  .labooze-multiscreen {
    margin: 60px 0px;
  }
}
.labooze-multiscreen .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  color: #0B182B;
  margin-bottom: 24px;
}
.labooze-multiscreen .desc {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 30px;
}
.labooze-multiscreen .img-text-wrpr .img-wrpr {
  position: relative;
  max-width: 450px;
  max-height: unset;
  margin: 0 auto;
  text-align: center;
  padding: 0px 110px;
  z-index: 0;
  height: auto;
}
@media (max-width: 992px) {
  .labooze-multiscreen .img-text-wrpr .img-wrpr {
    padding: 0px 80px;
  }
}
.labooze-multiscreen .img-text-wrpr .img-wrpr:before {
  background-color: #FFF5F6;
}
.labooze-multiscreen .img-text-wrpr .img-wrpr img {
  border-radius: 40px;
}
.labooze-multiscreen.light-red-bg {
  padding: 50px 0px;
}
.labooze-multiscreen.light-red-bg .img-wrpr {
  margin-top: -90px;
}
@media (max-width: 767px) {
  .labooze-multiscreen.light-red-bg .img-wrpr {
    margin-top: 0px;
  }
}
.labooze-multiscreen.light-red-bg .img-wrpr:before {
  background-color: #F9858A;
}

.delivery-sec {
  padding: 76px 0px 50px;
  background: url(../images/labooze/map-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  .delivery-sec {
    padding: 40px 0px 30px;
  }
}
.delivery-sec:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(166.15deg, rgba(255, 255, 255, 0.72) 26.77%, rgba(255, 255, 255, 0.24) 81.12%);
}
.delivery-sec .delivery-text {
  padding: 0px 60px;
}
@media (max-width: 992px) {
  .delivery-sec .delivery-text {
    padding: 0px;
  }
}
.delivery-sec .delivery-text .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 24px;
}
.delivery-sec .delivery-text .desc {
  font-size: 18px;
  line-height: 1.56;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 68px;
}
@media (max-width: 992px) {
  .delivery-sec .delivery-text .desc {
    margin-bottom: 48px;
  }
}
.delivery-sec .delivery-img img {
  box-shadow: 6px 24px 100px 0px rgba(5, 16, 29, 0.1215686275);
  width: 30%;
  border-radius: 40px;
}
@media (max-width: 992px) {
  .delivery-sec .delivery-img img {
    width: 50%;
  }
}

.happy-customer-sec {
  padding: 120px 0px 80px;
}
@media (max-width: 992px) {
  .happy-customer-sec {
    padding: 70px 0px 50px;
  }
}
.happy-customer-sec .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 24px;
}
.happy-customer-sec .desc {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: -0.1px;
  color: #324963;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .happy-customer-sec .desc {
    padding-right: 0px;
  }
}

.labooze-screens .img-wrpr {
  overflow: hidden;
}
@media (max-width: 767px) {
  .labooze-screens .img-wrpr {
    height: auto;
  }
}

.kglabs-sec .light-blue-bg {
  background: #F9FAFC;
}

.kglabs-banner {
  background: linear-gradient(155.12deg, #0D0D38 31.34%, #161467 96.24%);
  padding: 200px 0px 350px;
}
@media (max-width: 767px) {
  .kglabs-banner {
    padding: 150px 0px 250px;
  }
}
@media (max-width: 480px) {
  .kglabs-banner {
    padding: 150px 0px 150px;
  }
}
.kglabs-banner .bn-text {
  margin-bottom: 0px;
  padding: 0px 60px;
}
@media (max-width: 1200px) {
  .kglabs-banner .bn-text {
    padding: 0px;
  }
}
.kglabs-banner .bn-text h2 {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.06;
  text-align: center;
  letter-spacing: -3px;
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .kglabs-banner .bn-text h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .kglabs-banner .bn-text h2 {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  .kglabs-banner .bn-text h2 {
    font-size: 42px;
    letter-spacing: 0;
  }
}

.kglabs-banner-img {
  margin-top: -260px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .kglabs-banner-img {
    margin-top: -180px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .kglabs-banner-img {
    margin-top: -100px;
    padding-bottom: 40px;
  }
}

.kglabs-text-section {
  padding: 70px 0px;
}
@media (max-width: 1200px) {
  .kglabs-text-section {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  .kglabs-text-section {
    padding: 20px 0px;
  }
}
.kglabs-text-section .light-blue-bg {
  border-radius: 12px;
  padding: 48px 0px;
}
@media (max-width: 767px) {
  .kglabs-text-section .light-blue-bg {
    padding: 30px;
  }
}
.kglabs-text-section .light-blue-bg .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.904615px;
  color: #000000;
}
@media (max-width: 767px) {
  .kglabs-text-section .light-blue-bg .title {
    font-size: 30px;
  }
}
.kglabs-text-section .light-blue-bg .desc {
  font-size: 22px;
  line-height: 1.73;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .kglabs-text-section .light-blue-bg .desc {
    font-size: 20px;
  }
}
.kglabs-text-section .colored-sec {
  padding: 0px;
}
.kglabs-text-section .colored-sec:before {
  position: relative;
  left: 130px;
  top: 7px;
}
@media (max-width: 1200px) {
  .kglabs-text-section .colored-sec:before {
    left: 100px;
  }
}
@media (max-width: 992px) {
  .kglabs-text-section .colored-sec:before {
    left: 60px;
  }
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec:before {
    left: 30px;
  }
}
.kglabs-text-section .colored-sec:after {
  display: none;
}
.kglabs-text-section .colored-sec.red-sec {
  padding: 90px 0px;
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec.red-sec {
    padding: 20px 0px;
  }
}
.kglabs-text-section .colored-sec.red-sec:after {
  display: block;
  height: 78%;
  border: none;
  background-image: url(../images/kglabs/line-red-yellow.svg);
  width: 5px;
  left: 158px;
  top: 8rem;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1200px) {
  .kglabs-text-section .colored-sec.red-sec:after {
    left: 128px;
  }
}
@media (max-width: 992px) {
  .kglabs-text-section .colored-sec.red-sec:after {
    left: 88px;
  }
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec.red-sec:after {
    height: 97%;
    background-size: 100%;
    left: 58px;
    top: 60px;
  }
}
@media (max-width: 480px) {
  .kglabs-text-section .colored-sec.red-sec:after {
    left: 38px;
  }
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec.yellow-sec {
    padding-top: 22px;
  }
}
.kglabs-text-section .colored-sec.yellow-sec:before {
  background-color: #EEC518;
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec.yellow-sec:before {
    position: absolute;
  }
}
.kglabs-text-section .colored-sec .points-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec .points-wrpr .title {
    font-size: 30px;
  }
}
.kglabs-text-section .colored-sec .points-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .kglabs-text-section .colored-sec .points-wrpr .desc {
    font-size: 20px;
  }
}

.brand-voice-sec {
  padding: 70px 0px;
}
@media (max-width: 1200px) {
  .brand-voice-sec {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  .brand-voice-sec {
    padding: 20px 0px;
  }
}
.brand-voice-sec .brand-voice-border-wrpr {
  background: linear-gradient(111.34deg, #ffb7ad 0%, #d7e4ff 56.17%, #89f8bc 100%);
  border-radius: 40px;
  padding: 2px 1px 1px 1px;
}
.brand-voice-sec .brand-voice-text-wrpr {
  background: linear-gradient(111.34deg, rgb(255, 235, 232) 0%, rgb(231, 237, 255) 56.17%, rgb(228, 255, 231) 100%);
  border-radius: 40px;
  padding: 91px 0px 128px;
}
@media (max-width: 767px) {
  .brand-voice-sec .brand-voice-text-wrpr {
    padding: 30px;
  }
}
.brand-voice-sec .brand-voice-text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .brand-voice-sec .brand-voice-text-wrpr .title {
    font-size: 30px;
  }
}
.brand-voice-sec .brand-voice-text-wrpr .desc {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .brand-voice-sec .brand-voice-text-wrpr .desc {
    font-size: 20px;
  }
}

.kglabs-multiscreen {
  padding: 70px 0px;
}
@media (max-width: 1200px) {
  .kglabs-multiscreen {
    padding: 40px 0px;
  }
}
.kglabs-multiscreen .img-wrpr {
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  background: linear-gradient(111.34deg, #DDE8FF 0%, #FFDBD6 100%);
}

.logo-section {
  padding: 70px 0px;
}
@media (max-width: 1200px) {
  .logo-section {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  .logo-section {
    padding: 20px 0px;
  }
}
.logo-section .text-wrpr {
  padding: 0px 60px;
}
@media (max-width: 767px) {
  .logo-section .text-wrpr {
    padding: 0px;
  }
}
.logo-section .text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .logo-section .text-wrpr .title {
    font-size: 30px;
  }
}
.logo-section .text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .logo-section .text-wrpr .desc {
    font-size: 20px;
  }
}
.logo-section .logo-blue-bg {
  background: #132540;
  padding: 132px 0px;
  margin-top: 70px;
  position: relative;
}
@media (max-width: 767px) {
  .logo-section .logo-blue-bg {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .logo-section .logo-blue-bg .logo-wrpr img {
    max-width: 50%;
  }
}
.logo-section .logo-blue-bg .logo-part.part1 {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
@media (max-width: 992px) {
  .logo-section .logo-blue-bg .logo-part.part1 img {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .logo-section .logo-blue-bg .logo-part.part1 img {
    width: 40%;
  }
}
.logo-section .logo-blue-bg .logo-part.part2 {
  position: absolute;
  left: 0;
  top: 40%;
  text-align: left;
}
@media (max-width: 992px) {
  .logo-section .logo-blue-bg .logo-part.part2 img {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .logo-section .logo-blue-bg .logo-part.part2 img {
    width: 40%;
  }
}

.kglabs-color-sec {
  padding: 70px 0px;
}
@media (max-width: 1200px) {
  .kglabs-color-sec {
    padding: 40px 0px;
  }
}
@media (max-width: 767px) {
  .kglabs-color-sec {
    padding: 20px 0px;
  }
}
.kglabs-color-sec .color-text-wrpr {
  padding: 0px 40px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .color-text-wrpr {
    padding: 0px;
  }
}
.kglabs-color-sec .color-text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .color-text-wrpr .title {
    font-size: 30px;
  }
}
.kglabs-color-sec .color-text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .kglabs-color-sec .color-text-wrpr .desc {
    font-size: 20px;
  }
}
.kglabs-color-sec .colors-main-wrpr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px 0px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .colors-main-wrpr {
    flex-direction: column;
  }
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr {
  border-radius: 16px;
  position: relative;
  display: flex;
  padding-top: 130px;
  margin: 0px 16px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .colors-main-wrpr .color-wrpr {
    margin: 15px 0px;
  }
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr.red-color {
  background: #FF5542;
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr.blue-color {
  background: #4482FD;
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr.green-color {
  background: #00B976;
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 50%;
  height: 50%;
  background: rgba(94, 97, 125, 0.16);
  filter: blur(40px);
  z-index: -1;
  margin: 0 auto;
  right: 0;
}
.kglabs-color-sec .colors-main-wrpr .color-wrpr .color-code {
  background: #fff;
  padding: 24px 60px;
  border-radius: 0px 0px 14px 14px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.09;
  text-align: center;
  letter-spacing: 0.2px;
  color: #324963;
}
.kglabs-color-sec .result-wrpr {
  padding-left: 60px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .result-wrpr {
    padding-left: 0px;
  }
}
.kglabs-color-sec .result-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .kglabs-color-sec .result-wrpr .title {
    font-size: 30px;
  }
}
.kglabs-color-sec .result-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .kglabs-color-sec .result-wrpr .desc {
    font-size: 20px;
  }
}

.final-sec {
  background: linear-gradient(180deg, rgba(255, 249, 249, 0.9) 0%, rgba(255, 250, 249, 0.9) 100%);
  padding: 96px 0px;
  position: relative;
}
.final-sec:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF1F1;
  width: 100%;
  height: 180px;
}
@media (max-width: 992px) {
  .final-sec:before {
    height: 150px;
  }
}

.konnect-banner {
  background-image: linear-gradient(100.65deg, rgba(193, 191, 255, 0.1) 4.77%, rgba(128, 232, 255, 0.1) 62.87%, rgba(92, 255, 216, 0.1) 123.64%);
  padding-top: 200px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .konnect-banner {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .konnect-banner {
    padding-top: 120px;
  }
}
.konnect-banner:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: 20px;
  left: -50px;
  width: 15%;
  height: 292px;
  background: url(../images/konnect/banner-logo.svg) no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .konnect-banner:before {
    width: 30%;
  }
}
.konnect-banner:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 80px;
  left: auto;
  right: -80px;
  width: 20%;
  height: 390px;
  background: url(../images/konnect/banner-logo.svg) no-repeat;
  background-size: cover;
  z-index: -1;
}
.konnect-banner .banner-img {
  margin-bottom: -90px;
  max-width: 80%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .konnect-banner .banner-img {
    width: 100%;
  }
}
.konnect-banner .bn-logo {
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .konnect-banner .bn-text h2 {
    font-size: 40px;
    line-height: 48px;
    padding-left: 20px;
  }
}
.konnect-banner .bn-text .highlighted-text {
  color: #fff;
  position: relative;
}
.konnect-banner .bn-text .highlighted-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 120%;
  height: 115%;
  background-image: url(../images/konnect/highlighted-bg.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.konnect-banner .bn-text br {
  display: block;
}

.konnect-overview-section {
  padding: 130px 0px 54px;
}
@media (max-width: 1200px) {
  .konnect-overview-section {
    padding: 90px 0px 30px;
  }
}
@media (max-width: 992px) {
  .konnect-overview-section {
    padding: 60px 0px 10px;
  }
}
.konnect-overview-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .konnect-overview-section .title {
    font-size: 30px;
  }
}
.konnect-overview-section .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
.konnect-overview-section .text-block {
  margin-bottom: 82px;
}
@media (max-width: 992px) {
  .konnect-overview-section .text-block {
    margin-bottom: 50px;
  }
}

.park-solution-sec {
  padding: 54px 0px;
}
.park-solution-sec .solution-text-wrpr {
  background: linear-gradient(222.8deg, #F2F6FF 15.77%, #F7F7FF 99.05%);
  border-radius: 32px;
  padding: 72px 84px;
  text-align: center;
}
@media (max-width: 992px) {
  .park-solution-sec .solution-text-wrpr {
    padding: 50px 15px;
  }
}
.park-solution-sec .solution-text-wrpr .title-wrpr {
  padding: 0px 30px;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .park-solution-sec .solution-text-wrpr .title-wrpr {
    padding: 0px;
  }
}
.park-solution-sec .solution-text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .park-solution-sec .solution-text-wrpr .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.park-solution-sec .solution-text-wrpr .desc {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
.park-solution-sec .solution-text-wrpr .tab-desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.6px;
  color: #0A131D;
  text-align: left;
  margin-bottom: 48px;
}
.park-solution-sec .solution-text-wrpr .screentext-list {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  position: sticky;
  top: 75px;
}
@media (max-width: 992px) {
  .park-solution-sec .solution-text-wrpr .screentext-list {
    top: 50px;
  }
}
.park-solution-sec .solution-text-wrpr .screentext-list .scrnlist-item {
  margin: 20px 0px;
}
.park-solution-sec .solution-text-wrpr .screentext-list .scrnlist-item .scrnlist-link {
  font-size: 16px;
  text-align: left;
  line-height: 1.62;
  color: #324963;
  background: #fff;
  border-radius: 4px;
  border: none;
  border-left: 4px solid transparent;
  box-shadow: 0px 5px 57.978717804px 0px #F5F5F5;
  padding: 22px 90px 30px 20px;
  width: 100%;
  display: block;
}
.park-solution-sec .solution-text-wrpr .screentext-list .scrnlist-item .scrnlist-link:hover {
  color: #324963;
}
.park-solution-sec .solution-text-wrpr .screentext-list .scrnlist-item .scrnlist-link.active {
  border: none;
  border-left: 4px solid #437BE0;
  box-shadow: 0px 36.4437637329px 57.978717804px 0px rgba(10, 19, 29, 0.1019607843);
}
.park-solution-sec .solution-text-wrpr .screens-wrpr .tab-img-wrpr {
  margin: 40px 0px;
}
.park-solution-sec .solution-text-wrpr .screens-wrpr .tab-img-wrpr img {
  box-shadow: 0px 26px 60px 0px rgba(50, 73, 99, 0.1215686275);
  border-radius: 50px;
}

.smart-parking-section {
  padding: 54px 0px;
}
.smart-parking-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .smart-parking-section .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.smart-parking-section .subtitle {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  padding-right: 70px;
}
@media (max-width: 767px) {
  .smart-parking-section .subtitle {
    padding: 0px;
  }
}
.smart-parking-section .icn-text-block {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 16px 25px -10px rgba(92, 121, 124, 0.16);
  padding: 24px;
  height: 100%;
}
.smart-parking-section .icn-text-block .icn-wrpr {
  margin-bottom: 34px;
}
@media (max-width: 1200px) {
  .smart-parking-section .icn-text-block .icn-wrpr {
    margin-bottom: 20px;
  }
}
.smart-parking-section .icn-text-block .text-wrpr .head {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: #0B182B;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .smart-parking-section .icn-text-block .text-wrpr .head {
    margin-bottom: 15px;
  }
}
.smart-parking-section .icn-text-block .text-wrpr .detail {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.1px;
  color: #324963;
}
.smart-parking-section .mb-48 {
  margin-bottom: 48px;
}

.parking-multiscreen-sec {
  padding: 54px 0px 160px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .parking-multiscreen-sec {
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  .parking-multiscreen-sec {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .parking-multiscreen-sec {
    padding-top: 0px;
  }
}
.parking-multiscreen-sec .cstm-row {
  margin-bottom: 150px;
}
@media (max-width: 992px) {
  .parking-multiscreen-sec .cstm-row {
    margin-bottom: 0px;
  }
}
.parking-multiscreen-sec .img-block {
  display: flex;
  justify-content: center;
  position: relative;
}
.parking-multiscreen-sec .img-block:before {
  position: absolute;
  content: "";
  top: -15px;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-image: linear-gradient(100.65deg, #918EFF 4.77%, #00C1EB 62.87%, #00E3AD 123.64%);
  z-index: -1;
  opacity: 0.1;
}
.parking-multiscreen-sec .img-block .img-wrpr {
  max-width: 40%;
  margin: 0px 20px;
}
.parking-multiscreen-sec .img-block .img-wrpr img {
  box-shadow: 0px 26px 60px 0px rgba(50, 73, 99, 0.1215686275);
  border-radius: 40px;
}
.parking-multiscreen-sec .img-block .img-wrpr img.mt-3 {
  margin-top: 100px !important;
}
.parking-multiscreen-sec .text-block {
  margin: 51px 0px;
}
.parking-multiscreen-sec .text-block .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .parking-multiscreen-sec .text-block .title {
    font-size: 30px;
  }
}
.parking-multiscreen-sec .text-block .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}

.solution-section {
  background-image: linear-gradient(100.65deg, rgba(193, 191, 255, 0.1) 4.77%, rgba(128, 232, 255, 0.1) 62.87%, rgba(92, 255, 216, 0.1) 123.64%);
  padding: 70px 0px 0px;
  text-align: center;
}
.solution-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .solution-section .title {
    font-size: 30px;
  }
}
.solution-section .desc {
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
}

.foremost-facilities-sec {
  padding: 108px 0px;
}
@media (max-width: 767px) {
  .foremost-facilities-sec {
    padding: 50px 0px;
  }
}
.foremost-facilities-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .foremost-facilities-sec .title {
    font-size: 30px;
  }
}
.foremost-facilities-sec .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
.foremost-facilities-sec .facilities-wrpr {
  background: linear-gradient(100.65deg, rgba(193, 191, 255, 0.1) 4.77%, rgba(128, 232, 255, 0.1) 62.87%, rgba(92, 255, 216, 0.1) 123.64%);
  border-radius: 12px;
  padding: 63px 50px;
}
@media (max-width: 992px) {
  .foremost-facilities-sec .facilities-wrpr {
    padding: 25px 20px;
  }
}
.foremost-facilities-sec .facilities-wrpr .facilities-item {
  margin: 10px 0px;
  padding: 10px 14px;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(224, 224, 224, 0.2);
  border-radius: 6px;
}
.foremost-facilities-sec .facilities-wrpr .facilities-item img {
  float: left;
  margin-top: 8px;
}
.foremost-facilities-sec .facilities-wrpr .facilities-item .text {
  font-size: 20px;
  line-height: 145.19%;
  color: #2F2F2F;
  margin-left: 38px;
}
.foremost-facilities-sec .facilities-wrpr .facilities-item .facilities-sub-list {
  padding-left: 38px;
}
.foremost-facilities-sec .facilities-wrpr .facilities-item .facilities-sub-list .facilities-subitem {
  margin-left: 20px;
  list-style: disc;
}

.app-details-sec {
  background: linear-gradient(115.29deg, rgba(236, 237, 255, 0.64) 2.61%, #E9F7FF 108.49%);
  padding: 138px 0px;
}
@media (max-width: 992px) {
  .app-details-sec {
    padding: 80px 0px;
  }
}
@media (max-width: 992px) {
  .app-details-sec {
    padding: 40px 0px;
  }
}
.app-details-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 42px;
  padding-right: 50px;
}
@media (max-width: 992px) {
  .app-details-sec .title {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 30px;
  }
}
.app-details-sec .screentext-list {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  position: sticky;
  top: 75px;
}
@media (max-width: 992px) {
  .app-details-sec .screentext-list {
    top: 0px;
  }
}
.app-details-sec .screentext-list .list-item {
  margin: 20px 0px;
}
.app-details-sec .screentext-list .list-item .list-group-item {
  font-size: 16px;
  line-height: 1.62;
  color: #324963;
  background: #fff;
  border-radius: 4px;
  border: none;
  border-left: 4px solid transparent;
  box-shadow: 0px 5px 57.978717804px 0px #F5F5F5;
  padding: 22px 90px 30px 20px;
}
@media (max-width: 992px) {
  .app-details-sec .screentext-list .list-item .list-group-item {
    padding: 15px;
  }
}
.app-details-sec .screentext-list .list-item .list-group-item:hover {
  color: #324963;
}
.app-details-sec .screentext-list .list-item .list-group-item.active {
  border: none;
  border-left: 4px solid #437BE0;
  box-shadow: 0px 36.4437637329px 57.978717804px 0px rgba(10, 19, 29, 0.1019607843);
}
.app-details-sec .screens-wrpr .tab-img-wrpr {
  text-align: right;
  margin: 60px 0px;
}
.app-details-sec .screens-wrpr .tab-img-wrpr img {
  box-shadow: 6px 24px 100px 0px rgba(5, 16, 29, 0.1215686275);
  border-radius: 50px;
  max-width: 80%;
}
@media (max-width: 992px) {
  .app-details-sec .screens-wrpr .tab-img-wrpr img {
    max-width: 100%;
    border-radius: 60px;
  }
}

.attendant-screen {
  background: linear-gradient(115.29deg, rgba(236, 237, 255, 0.64) 2.61%, #E9F7FF 108.49%);
  margin-top: 108px;
  padding: 90px 0px;
}
@media (max-width: 767px) {
  .attendant-screen {
    padding: 30px 0px;
  }
}
.attendant-screen .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .attendant-screen .title {
    font-size: 30px;
  }
}
.attendant-screen .desc {
  font-size: 22px;
  line-height: 1.55;
  text-align: center;
  letter-spacing: -0.1px;
  color: #324963;
  padding: 0px 60px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .attendant-screen .desc {
    padding: 0px;
  }
}
.attendant-screen .img-block {
  display: flex;
  justify-content: space-between;
}
.attendant-screen .img-block img {
  flex: 0 0 23%;
  overflow: hidden;
  box-shadow: 0px 26px 60px 0px rgba(50, 73, 99, 0.1215686275);
  border-radius: 45px;
  height: 100%;
  width: 100%;
}
@media (max-width: 992px) {
  .attendant-screen .img-block img {
    border-radius: 24px;
  }
}
@media (max-width: 767px) {
  .attendant-screen .img-block img {
    border-radius: 12px;
  }
}
.attendant-screen .img-block img.mt-2 {
  margin-top: 60px !important;
}
@media (max-width: 767px) {
  .attendant-screen .img-block img.mt-2 {
    margin-top: 30px !important;
  }
}

.result-section {
  padding: 108px 0px;
}
@media (max-width: 767px) {
  .result-section {
    padding: 50px 0px;
  }
}
.result-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0A131D;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .result-section .title {
    font-size: 30px;
  }
}
.result-section .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}

.jogi-work-banner {
  background: linear-gradient(0deg, #F1F6FE, #F1F6FE), linear-gradient(98.95deg, #FFF0F9 11.41%, #E8FEF6 109.5%);
  padding: 170px 0px 90px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .jogi-work-banner {
    padding: 120px 0px 30px;
  }
}
.jogi-work-banner .bn-text .bn-logo {
  margin-bottom: 36px;
}
.jogi-work-banner .bn-text h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.21;
  text-align: center;
  letter-spacing: -1px;
  color: #0A131D;
  padding: 0px 20px;
}
@media (max-width: 767px) {
  .jogi-work-banner .bn-text h2 {
    font-size: 28px;
  }
}
.jogi-work-banner .banner-img {
  max-width: 80%;
  margin: 80px auto 0px;
}
@media (max-width: 992px) {
  .jogi-work-banner .banner-img {
    max-width: 60%;
  }
}
@media (max-width: 992px) {
  .jogi-work-banner .banner-img {
    margin: 0 auto;
  }
}
.jogi-work-banner .bnr-img-left img {
  position: absolute;
  bottom: 0;
  left: -5%;
  width: -moz-fit-content;
  width: fit-content;
  height: 65%;
}
@media (max-width: 1200px) {
  .jogi-work-banner .bnr-img-left img {
    height: 45%;
  }
}
@media (max-width: 767px) {
  .jogi-work-banner .bnr-img-left img {
    height: 40%;
  }
}
.jogi-work-banner .bnr-img-right img {
  position: absolute;
  bottom: 0;
  right: -4%;
  width: -moz-fit-content;
  width: fit-content;
  height: 70%;
}
@media (max-width: 1200px) {
  .jogi-work-banner .bnr-img-right img {
    height: 40%;
  }
}

.jogi-work-overview {
  padding: 132px 0px;
}
@media (max-width: 1200px) {
  .jogi-work-overview {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .jogi-work-overview {
    padding: 50px 0px;
  }
}
.jogi-work-overview .text-block {
  text-align: center;
}
.jogi-work-overview .text-block .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .jogi-work-overview .text-block .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.jogi-work-overview .text-block .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  padding: 0px 75px;
}
@media (max-width: 1200px) {
  .jogi-work-overview .text-block .desc {
    padding: 0px 35px;
  }
}
@media (max-width: 767px) {
  .jogi-work-overview .text-block .desc {
    padding: 0px;
  }
}
.jogi-work-overview .problem-sec {
  background: #F9FAFC;
  border-radius: 12px;
  margin-top: 132px;
  padding: 78px 0px;
}
@media (max-width: 1200px) {
  .jogi-work-overview .problem-sec {
    margin-top: 80px;
    padding: 58px 0px;
  }
}
@media (max-width: 992px) {
  .jogi-work-overview .problem-sec {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .jogi-work-overview .problem-sec {
    margin-top: 60px;
    padding: 30px;
  }
}
.jogi-work-overview .problem-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .jogi-work-overview .problem-sec .title {
    font-size: 30px;
  }
}
.jogi-work-overview .problem-sec .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 24px;
}

.approach-sec {
  margin-bottom: 132px;
}
@media (max-width: 1200px) {
  .approach-sec {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .approach-sec {
    margin-bottom: 30px;
  }
}
.approach-sec .text-block .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .approach-sec .text-block .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.approach-sec .text-block .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 24px;
}
.approach-sec .text-block .list-wrpr .list-item {
  font-weight: 600;
  font-size: 20px;
  line-height: 50px;
  color: #324963;
  position: relative;
  padding-left: 25px;
}
.approach-sec .text-block .list-wrpr .list-item::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #FF5023;
}
.approach-sec .approach-img {
  background: none;
}
@media (max-width: 767px) {
  .approach-sec .approach-img {
    height: auto !important;
  }
}
.approach-sec .approach-img img {
  margin-top: 15px;
}

.service-modal-section {
  background: #FFF4F3;
  padding: 132px 0px 62px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .service-modal-section {
    padding: 80px 0px 32px;
  }
}
@media (max-width: 767px) {
  .service-modal-section {
    padding: 50px 0px 32px;
  }
}
.service-modal-section .title-lg {
  font-weight: 600;
  font-size: 88px;
  line-height: 1.14;
  text-align: center;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .service-modal-section .title-lg {
    font-size: 68px;
  }
}
@media (max-width: 767px) {
  .service-modal-section .title-lg {
    font-size: 50px;
  }
}
.service-modal-section .modal-row {
  margin: 74px 0px;
}
.service-modal-section .modal-row .text-block .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.12;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .service-modal-section .modal-row .text-block .title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .service-modal-section .modal-row .text-block .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.service-modal-section .modal-row .text-block .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 28px;
}
.service-modal-section .modal-row .img-wrpr {
  position: relative;
}
.service-modal-section .modal-row .img-wrpr img {
  width: 60%;
  margin: 0 auto;
  display: block;
  box-shadow: 10px 32px 98px 0px rgba(215, 60, 46, 0.1607843137);
  border-radius: 60px;
}
@media (max-width: 992px) {
  .service-modal-section .modal-row .img-wrpr img {
    width: 80%;
    margin-left: auto;
    margin-right: 0px;
    border-radius: 40px;
  }
}
@media (max-width: 767px) {
  .service-modal-section .modal-row .img-wrpr img {
    margin-top: 30px;
    border-radius: 50px;
  }
}
.service-modal-section .modal-row .img-wrpr::before {
  content: "";
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 20px;
  width: 100vw;
  height: 60%;
  z-index: -1;
  background: #FFE1DE;
  border-radius: 12px;
}
.service-modal-section .modal-row.reversed .img-wrpr img {
  width: 80%;
  margin-right: auto;
  margin-left: 0px;
}
.service-modal-section .modal-row.reversed .img-wrpr::before {
  left: auto;
  right: 20px;
}

.how-it-work-sec {
  padding: 150px 0px 74px;
}
@media (max-width: 1200px) {
  .how-it-work-sec {
    padding: 80px 0px 40px;
  }
}
@media (max-width: 767px) {
  .how-it-work-sec {
    padding: 50px 0px 20px;
  }
}
.how-it-work-sec .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .how-it-work-sec .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.how-it-work-sec .desc {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #324963;
  padding: 0px 50px;
}
@media (max-width: 1200px) {
  .how-it-work-sec .desc {
    padding: 0px 30px;
  }
}
.how-it-work-sec .user-app-block {
  background: #E7EEFF;
  border-radius: 16px;
  margin-top: 200px;
}
@media (max-width: 767px) {
  .how-it-work-sec .user-app-block {
    margin-top: 110px;
  }
}
.how-it-work-sec .user-app-block .work-img {
  margin-top: -142px;
}
@media (max-width: 992px) {
  .how-it-work-sec .user-app-block .work-img {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .how-it-work-sec .user-app-block .work-img {
    max-width: 60%;
    margin-top: -90px;
  }
}
.how-it-work-sec .user-app-block .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-top: 41px;
}
@media (max-width: 767px) {
  .how-it-work-sec .user-app-block .title {
    font-size: 30px;
  }
}

.services-section {
  padding: 74px 0px;
}
@media (max-width: 992px) {
  .services-section {
    padding: 40px 0px;
  }
}
.services-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .services-section .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.services-section .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
.services-section .service-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 66px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .services-section .service-list {
    margin-top: 30px;
  }
}
.services-section .service-list .service-item {
  background: #F4F7FC;
  border: 1.86137px solid #F4F7FC;
  border-radius: 22px;
  width: 17%;
  margin: 15px;
  text-align: center;
  padding: 41px 30px;
}
@media (max-width: 1200px) {
  .services-section .service-list .service-item {
    width: 18%;
    margin: 15px 5px;
  }
}
@media (max-width: 992px) {
  .services-section .service-list .service-item {
    padding: 20px 5px;
  }
}
@media (max-width: 767px) {
  .services-section .service-list .service-item {
    width: 46%;
  }
}
.services-section .service-list .service-item .service-img img {
  width: 104px;
  margin: 0 auto;
  height: 104px;
  overflow: hidden;
}
.services-section .service-list .service-item .service-name {
  font-weight: 600;
  font-size: 22.3364px;
  line-height: 1.33;
  text-align: center;
  color: #283452;
  margin-top: 30px;
}

.vendor-app-sec {
  margin-top: 130px;
  background: #FFF4F3;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  .vendor-app-sec {
    margin-top: 80px;
  }
}
.vendor-app-sec .vendor-txt {
  text-align: center;
}
.vendor-app-sec .vendor-txt img {
  margin: -70px auto 0px;
  max-width: 70%;
}
@media (max-width: 992px) {
  .vendor-app-sec .vendor-txt img {
    max-width: 50%;
  }
}
.vendor-app-sec .vendor-txt .title {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-top: 40px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .vendor-app-sec .vendor-txt .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.vendor-app-sec .vendor-txt .desc {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #324963;
}
.vendor-app-sec .app-layout {
  background: #FEDFDC;
  border-radius: 12px;
  padding: 48px;
  margin: 100px 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .vendor-app-sec .app-layout {
    margin: 60px 0px;
  }
}
@media (max-width: 992px) {
  .vendor-app-sec .app-layout {
    margin: 20px 0px;
    padding: 20px;
  }
}
.vendor-app-sec .app-layout .layout-name {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: -0.3px;
  color: #0A131D;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .vendor-app-sec .app-layout .layout-name {
    margin-top: 30px;
  }
}

.app-customize-sec {
  padding: 148px 0px;
}
@media (max-width: 1200px) {
  .app-customize-sec {
    padding: 80px 0px;
  }
}
@media (max-width: 1200px) {
  .app-customize-sec {
    padding: 60px 0px;
  }
}
.app-customize-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 767px) {
  .app-customize-sec .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.app-customize-sec .custm-row {
  margin: 78px 0px;
}
@media (max-width: 992px) {
  .app-customize-sec .custm-row {
    margin: 60px 0px;
  }
}
.app-customize-sec .custm-row .sub-head {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 1.29;
}
.app-customize-sec .custm-row .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  padding-right: 100px;
}
@media (max-width: 992px) {
  .app-customize-sec .custm-row .desc {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .app-customize-sec .custm-row .desc {
    margin-bottom: 20px;
  }
}
.app-customize-sec .custm-row .text-blue {
  color: #1456F2;
}
.app-customize-sec .custm-row .text-orange {
  color: #FF5023;
}

.payment-screen {
  background: linear-gradient(0deg, #F1F6FE, #F1F6FE), linear-gradient(98.95deg, #FFF0F9 11.41%, #E8FEF6 109.5%);
  margin-top: 100px;
}
@media (max-width: 992px) {
  .payment-screen {
    margin-top: 30px;
  }
}
.payment-screen .img-block {
  text-align: center;
}
.payment-screen .img-block img {
  width: 30%;
  margin-top: -170px;
}
@media (max-width: 992px) {
  .payment-screen .img-block img {
    margin-top: -90px;
  }
}
@media (max-width: 767px) {
  .payment-screen .img-block img {
    width: 70%;
  }
}
.payment-screen .my-150 {
  margin: 150px 0px;
}
@media (max-width: 1200px) {
  .payment-screen .my-150 {
    margin: 100px 0px;
  }
}
@media (max-width: 767px) {
  .payment-screen .my-150 {
    margin: 50px 0px;
  }
}
.payment-screen .img-wrpr {
  position: relative;
}
.payment-screen .img-wrpr::before {
  content: "";
  position: absolute;
  top: 20%;
  bottom: 0;
  right: 20px;
  width: 100vw;
  height: 60%;
  z-index: -1;
  background: #CBDAFF;
  border-radius: 12px;
}
.payment-screen .img-wrpr img {
  max-width: 60%;
  margin: 0 auto;
  display: block;
  box-shadow: 10px 32px 98px 0px rgba(18, 47, 119, 0.1215686275);
  border-radius: 60px;
}
@media (max-width: 992px) {
  .payment-screen .img-wrpr img {
    max-width: 80%;
    margin-left: 0px;
    margin-right: auto;
    border-radius: 40px;
  }
}
@media (max-width: 767px) {
  .payment-screen .img-wrpr img {
    border-radius: 50px;
  }
}
.payment-screen .text-wrpr {
  padding-left: 70px;
}
@media (max-width: 992px) {
  .payment-screen .text-wrpr {
    padding-left: 20px;
  }
}
.payment-screen .text-wrpr .title {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-top: 40px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .payment-screen .text-wrpr .title {
    font-size: 30px;
  }
}
.payment-screen .text-wrpr .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 24px;
}

.jogi-outcome-section {
  padding: 130px 0px;
}
@media (max-width: 1200px) {
  .jogi-outcome-section {
    padding: 80px 0px;
  }
}
@media (max-width: 992px) {
  .jogi-outcome-section {
    padding: 60px 0px;
  }
}
@media (max-width: 767px) {
  .jogi-outcome-section {
    padding: 20px 0px;
  }
}
.jogi-outcome-section .title {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-top: 40px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .jogi-outcome-section .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.jogi-outcome-section .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 24px;
}
.jogi-outcome-section .img-wrpr img {
  max-width: 70%;
  margin: 0 auto;
  display: block;
}

.teambit-sec .pr-70 {
  padding-right: 70px !important;
}
@media (max-width: 992px) {
  .teambit-sec .pr-70 {
    padding-right: 0px !important;
  }
}
.teambit-sec .py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 992px) {
  .teambit-sec .py-100 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.teambit-sec .my-120 {
  margin: 120px 0px;
}
@media (max-width: 1200px) {
  .teambit-sec .my-120 {
    margin: 60px 0px;
  }
}
@media (max-width: 992px) {
  .teambit-sec .my-120 {
    margin: 30px 0px;
  }
}
@media (max-width: 767px) {
  .teambit-sec .my-120 {
    margin: 60px 0px;
  }
}
.teambit-sec .mt-80 {
  margin-top: 80px;
}
@media (max-width: 992px) {
  .teambit-sec .mt-80 {
    margin-top: 40px;
  }
}
.teambit-sec .banner-img-wrpr {
  margin-top: -280px;
}
@media (max-width: 767px) {
  .teambit-sec .banner-img-wrpr {
    margin-top: -140px;
  }
}

.teambit-banner {
  background: linear-gradient(171.5deg, #1D3243 -0.78%, #070B11 137.4%);
  padding: 170px 0px 370px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .teambit-banner {
    padding: 150px 0px 300px;
  }
}
@media (max-width: 1200px) {
  .teambit-banner {
    padding: 100px 0px 200px;
  }
}
.teambit-banner:after, .teambit-banner:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background-image: url(../images/teambit/banner-partical.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.teambit-banner:before {
  left: auto;
  right: -30px;
  transform: rotate(180deg);
  height: 50%;
}
@media (max-width: 767px) {
  .teambit-banner:before {
    right: 0px;
  }
}
.teambit-banner .bn-logo {
  margin-bottom: 30px;
}
.teambit-banner h2 {
  background: linear-gradient(97.86deg, #62C7FA 0%, #B0F16F 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
  font-size: 64px;
  line-height: 1.06;
  text-align: center;
  letter-spacing: -3px;
  padding: 0px 40px;
}
@media (max-width: 1200px) {
  .teambit-banner h2 {
    font-size: 56px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .teambit-banner h2 {
    font-size: 40px;
  }
}

.teambit-text-section {
  padding-top: 135px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .teambit-text-section {
    padding-top: 100px;
  }
}
@media (max-width: 1200px) {
  .teambit-text-section {
    padding-top: 60px;
  }
}
.teambit-text-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teambit-text-section .title {
    font-size: 30px;
  }
}
.teambit-text-section .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teambit-text-section .desc {
    font-size: 20px;
  }
}
.teambit-text-section .img-wrpr {
  margin-top: 136px;
  position: relative;
  box-shadow: 0px 64px 100px 0px rgba(13, 24, 29, 0.1215686275);
  border-radius: 8px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .teambit-text-section .img-wrpr {
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
.teambit-text-section .img-wrpr:before {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 100%;
  height: 108%;
  border: 1px solid #05C68F;
  border-radius: 16px;
  z-index: -1;
}
.teambit-text-section .img-wrpr:after {
  content: "";
  position: absolute;
  top: 30px;
  left: -20px;
  width: 45px;
  height: 200px;
  background-image: url(../images/teambit/Pattern1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.teambit-text-section .background-color {
  background: linear-gradient(245.8deg, rgba(146, 226, 164, 0.1) 1.03%, rgba(103, 202, 242, 0.1) 97.06%);
  position: absolute;
  bottom: -150px;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  z-index: -10;
  transform: skewY(-8deg);
}
@media (max-width: 767px) {
  .teambit-text-section .background-color {
    bottom: -120px;
  }
}
.teambit-text-section .background-color:after, .teambit-text-section .background-color:before {
  content: "";
  position: absolute;
  top: 20%;
  left: 0px;
  background-image: url(../images/teambit/pattren2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5%;
  height: 5%;
  transform: skewy(8deg);
}
.teambit-text-section .background-color:before {
  right: 0px;
  left: auto;
  top: 10%;
}
.teambit-text-section .background-color .pattren-3 {
  position: absolute;
  right: 0;
  bottom: 160px;
  transform: skewY(8deg);
}

.problem-approach-sec {
  overflow: hidden;
  padding-bottom: 130px;
}
@media (max-width: 767px) {
  .problem-approach-sec {
    padding-bottom: 80px;
  }
}
.problem-approach-sec .colored-sec {
  padding: 0px;
}
.problem-approach-sec .colored-sec:before {
  position: relative;
  left: 130px;
  top: 7px;
}
@media (max-width: 1200px) {
  .problem-approach-sec .colored-sec:before {
    left: 100px;
  }
}
@media (max-width: 992px) {
  .problem-approach-sec .colored-sec:before {
    left: 60px;
  }
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec:before {
    left: 30px;
  }
}
.problem-approach-sec .colored-sec:after {
  display: none;
}
.problem-approach-sec .colored-sec.red-sec {
  padding: 90px 0px;
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec.red-sec {
    padding: 20px 0px;
  }
}
.problem-approach-sec .colored-sec.red-sec:after {
  display: block;
  height: 78%;
  border: none;
  background-image: url(../images/teambit/red-yellow-line.svg);
  width: 5px;
  left: 158px;
  top: 8rem;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1200px) {
  .problem-approach-sec .colored-sec.red-sec:after {
    left: 128px;
  }
}
@media (max-width: 992px) {
  .problem-approach-sec .colored-sec.red-sec:after {
    left: 88px;
  }
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec.red-sec:after {
    height: 97%;
    background-size: 100%;
    left: 58px;
    top: 60px;
  }
}
@media (max-width: 480px) {
  .problem-approach-sec .colored-sec.red-sec:after {
    left: 38px;
  }
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec.yellow-sec {
    padding-top: 22px;
  }
}
.problem-approach-sec .colored-sec.yellow-sec:before {
  background-color: #EEC518;
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec.yellow-sec:before {
    position: absolute;
  }
}
.problem-approach-sec .colored-sec .points-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -0.904615px;
  color: #0B182B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec .points-wrpr .title {
    font-size: 30px;
  }
}
.problem-approach-sec .colored-sec .points-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 767px) {
  .problem-approach-sec .colored-sec .points-wrpr .desc {
    font-size: 20px;
  }
}

.green-grad-bg {
  background: linear-gradient(180deg, #16A279 0%, #168899 100%);
}

.multirow-sec {
  overflow: hidden;
  padding: 135px 0px 60px;
}
@media (max-width: 1200px) {
  .multirow-sec {
    padding: 100px 0px 30px;
  }
}
@media (max-width: 767px) {
  .multirow-sec {
    padding: 60px 0px 120px;
  }
}
.multirow-sec .text-wrpr {
  padding-right: 20px;
}
@media (max-width: 992px) {
  .multirow-sec .text-wrpr {
    padding-right: 0px;
  }
}
.multirow-sec .text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #fff;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .multirow-sec .text-wrpr .title {
    font-size: 30px;
  }
}
.multirow-sec .text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #fff;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .multirow-sec .text-wrpr .desc {
    font-size: 20px;
  }
}
.multirow-sec .imgs-block {
  min-height: 370px;
  min-width: 300px;
  align-items: center;
  justify-content: center;
  display: flex;
  animation: rotate-animation 31s infinite;
  animation-timing-function: linear;
}
@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block {
    max-height: 300px;
  }
}
@media (max-width: 767px) {
  .multirow-sec .imgs-block {
    margin-top: 30px;
  }
}
.multirow-sec .imgs-block .white-bg {
  background: #fff;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
  opacity: 0.1;
}
.multirow-sec .imgs-block .white-bg .pulse {
  position: absolute;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0);
  }
}
.multirow-sec .imgs-block .white-bg .pulse:nth-child(2) {
  animation-delay: 0.4s;
}
.multirow-sec .imgs-block .white-bg .pulse:nth-child(3) {
  animation-delay: 0.8s;
}
.multirow-sec .imgs-block .img-wrpr {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 9.2485551834px 18.4971103668px 24.6628131866px 0px rgba(17, 24, 51, 0.1215686275);
}
.multirow-sec .imgs-block .img-wrpr.img1 {
  top: 5%;
  left: 15%;
  width: 100px;
  height: 100px;
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block .img-wrpr.img1 {
    width: 80px;
    height: 80px;
  }
}
.multirow-sec .imgs-block .img-wrpr.img2 {
  top: 0%;
  right: 20%;
  width: 107px;
  height: 107px;
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block .img-wrpr.img2 {
    width: 87px;
    height: 87px;
  }
}
.multirow-sec .imgs-block .img-wrpr.img3 {
  top: 40%;
  right: 1%;
  width: 140px;
  height: 140px;
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block .img-wrpr.img3 {
    width: 110px;
    height: 110px;
    top: 32%;
  }
}
.multirow-sec .imgs-block .img-wrpr.img4 {
  bottom: -15%;
  right: 30%;
  width: 101px;
  height: 101px;
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block .img-wrpr.img4 {
    width: 80px;
    height: 80px;
    bottom: 8%;
  }
}
.multirow-sec .imgs-block .img-wrpr.img5 {
  bottom: 4%;
  left: 10%;
  width: 112px;
  height: 112px;
}
@media (max-width: 992px) {
  .multirow-sec .imgs-block .img-wrpr.img5 {
    width: 92px;
    height: 92px;
    bottom: 22%;
  }
}
.multirow-sec .imgs-block .img-wrpr img {
  animation: rotate-animation1 31s infinite;
  animation-timing-function: linear;
}
@keyframes rotate-animation1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  .multirow-sec .email-imgs-wrpr {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .main-img {
    max-width: 85%;
    margin-left: auto;
  }
}
@media (max-width: 992px) {
  .multirow-sec .email-imgs-wrpr .main-img {
    max-width: 100%;
  }
}
.multirow-sec .email-imgs-wrpr .img-wrpr {
  position: absolute;
  top: 0;
  left: -90px;
  z-index: -1;
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .img-wrpr {
    left: -20px;
  }
}
.multirow-sec .email-imgs-wrpr .img-wrpr.img1 {
  top: 180px;
  left: -140px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .img-wrpr.img1 {
    top: 140px;
    left: -30px;
  }
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .img-wrpr.img1 {
    top: 110px;
  }
}
.multirow-sec .email-imgs-wrpr .img-wrpr.img2 {
  bottom: 60px;
  top: auto;
  z-index: -1;
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .img-wrpr.img2 {
    bottom: 30px;
  }
}
.multirow-sec .email-imgs-wrpr .img-wrpr.img3 {
  top: 60px;
}
@media (max-width: 1200px) {
  .multirow-sec .email-imgs-wrpr .img-wrpr.img3 {
    top: 30px;
  }
}
.multirow-sec .helpdesk-img-wrpr {
  position: relative;
  top: -50px;
}
@media (max-width: 767px) {
  .multirow-sec .helpdesk-img-wrpr {
    margin-top: 30px;
    top: 0px;
  }
}
.multirow-sec .helpdesk-img-wrpr .main-img {
  box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.1882352941);
}
.multirow-sec .helpdesk-img-wrpr .float-img {
  position: absolute;
  left: 80px;
  top: auto;
  width: 100%;
  bottom: -95px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1215686275), 0px 30px 40px 0px rgba(0, 0, 0, 0.137254902);
}
@media (max-width: 1200px) {
  .multirow-sec .helpdesk-img-wrpr .float-img {
    left: 50px;
    top: auto;
    width: 93%;
    bottom: -65px;
  }
}

.helpdesk-section {
  overflow: hidden;
  padding: 135px 0px 60px;
}
@media (max-width: 1200px) {
  .helpdesk-section {
    padding: 100px 0px 30px;
  }
}
.helpdesk-section .text-wrpr {
  padding-right: 100px;
}
.helpdesk-section .text-wrpr .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .helpdesk-section .text-wrpr .title {
    font-size: 30px;
  }
}
.helpdesk-section .text-wrpr .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .helpdesk-section .text-wrpr .desc {
    font-size: 20px;
  }
}
.helpdesk-section .helpdesk-card {
  padding: 24px;
  box-shadow: 0px 8px 23px -10px rgba(92, 121, 124, 0.16);
  border-radius: 16px;
  margin: 15px 0px;
}
.helpdesk-section .helpdesk-card .card-img {
  margin-bottom: 24px;
}
.helpdesk-section .helpdesk-card .card-head {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: #0B182B;
}
.helpdesk-section .helpdesk-card .card-desc {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.1px;
  color: #324963;
}

.teambit-outcome {
  overflow: hidden;
  padding: 76px 0px;
}
.teambit-outcome .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teambit-outcome .title {
    font-size: 30px;
  }
}
.teambit-outcome .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teambit-outcome .desc {
    font-size: 20px;
  }
}

.swiggy-sec .text-red-orange {
  background: linear-gradient(91.17deg, #E40E5B 0.83%, #F44C59 31.61%, #FB630D 63.64%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

.swiggy-banner {
  background: linear-gradient(180deg, rgba(255, 162, 122, 0.22) 0%, rgba(251, 94, 103, 0.22) 100%);
  padding: 190px 0px 0px;
  position: relative;
}
@media (max-width: 992px) {
  .swiggy-banner {
    padding: 150px 0px 0px;
  }
}
.swiggy-banner h2 {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.25;
  letter-spacing: -3px;
  color: #220C0A;
}
@media (max-width: 1200px) {
  .swiggy-banner h2 {
    font-size: 52px;
  }
}
@media (max-width: 992px) {
  .swiggy-banner h2 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .swiggy-banner h2 {
    font-size: 38px;
  }
}
.swiggy-banner .banner-partical1 {
  position: absolute;
  top: auto;
  bottom: 150px;
  left: 0px;
  width: 20%;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767px) {
  .swiggy-banner .banner-partical1 {
    bottom: 0px;
  }
}
.swiggy-banner .banner-partical2 {
  position: absolute;
  top: auto;
  bottom: 0px;
  right: 0px;
  width: 20%;
  height: -moz-fit-content;
  height: fit-content;
  text-align: right;
}
.swiggy-banner .banner-img-wrpr {
  margin-bottom: -180px;
}
@media (max-width: 1200px) {
  .swiggy-banner .banner-img-wrpr {
    margin-bottom: -130px;
  }
}
@media (max-width: 767px) {
  .swiggy-banner .banner-img-wrpr {
    margin-bottom: -80px;
    margin-top: 30px;
  }
}

.swiggy-text-section {
  padding: 280px 0px 0px;
  position: relative;
}
@media (max-width: 1200px) {
  .swiggy-text-section {
    padding: 230px 0px 0px;
  }
}
@media (max-width: 767px) {
  .swiggy-text-section {
    padding: 100px 0px 0px;
  }
}
.swiggy-text-section .intro-img-wrpr {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 0px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 34%;
}
@media (max-width: 992px) {
  .swiggy-text-section .intro-img-wrpr {
    display: none;
  }
}
.swiggy-text-section .intro-img-wrpr {
  margin-top: 30px;
}
.swiggy-text-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .swiggy-text-section .title {
    font-size: 30px;
  }
}
.swiggy-text-section .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .swiggy-text-section .desc {
    font-size: 20px;
  }
}

.text-sec {
  padding: 140px 0px;
}
@media (max-width: 1200px) {
  .text-sec {
    padding: 100px 0px;
  }
}
.text-sec .bg-outset {
  border-radius: 20px;
  margin: 0px -80px;
  padding: 1px;
  background: linear-gradient(91.17deg, #E40E5B 0.83%, #F44C59 31.61%, #FB630D 63.64%);
}
@media (max-width: 1200px) {
  .text-sec .bg-outset {
    margin: 0px;
  }
}
.text-sec .bg-outset .light-red-bg {
  background: #FFEEED;
  border-radius: 20px;
  padding: 106px 97px;
}
@media (max-width: 1200px) {
  .text-sec .bg-outset .light-red-bg {
    padding: 60px 40px;
  }
}
@media (max-width: 992px) {
  .text-sec .bg-outset .light-red-bg {
    padding: 30px 20px;
  }
}
.text-sec .bg-outset .light-red-bg .text-wrpr {
  margin: 0px !important;
}
.text-sec .bg-outset .light-red-bg .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #0B182B;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .text-sec .bg-outset .light-red-bg .title {
    font-size: 30px;
  }
}
.text-sec .bg-outset .light-red-bg .desc {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  color: #324963;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .text-sec .bg-outset .light-red-bg .desc {
    font-size: 20px;
  }
}

.onboarding-sec {
  position: relative;
  padding: 70px 0px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .onboarding-sec {
    padding: 20px 0px;
  }
}
.onboarding-sec:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -25%;
  border-radius: 50%;
  width: 45%;
  height: 100%;
  background: linear-gradient(91.17deg, #E40E5B 0.83%, #F44C59 31.61%, #FB630D 63.64%);
  opacity: 0.12;
}
@media (max-width: 767px) {
  .onboarding-sec:before {
    display: none;
  }
}
.onboarding-sec.reversed {
  margin: 50px 0px;
}
@media (max-width: 1200px) {
  .onboarding-sec.reversed {
    margin: 30px 0px;
  }
}
.onboarding-sec.reversed:before {
  left: -25%;
  right: auto;
}
.onboarding-sec .custm-badge {
  background: #C6F7E5;
  border-radius: 24px;
  display: inline;
  padding: 6px 16px;
  color: #1D8861;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.onboarding-sec .title {
  font-weight: 600;
  font-size: 34px;
  line-height: 46px;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin: 20px 0px 32px;
}
@media (max-width: 992px) {
  .onboarding-sec .title {
    margin: 10px 0px;
  }
}
.onboarding-sec .onboarding-list {
  padding-right: 70px;
}
@media (max-width: 992px) {
  .onboarding-sec .onboarding-list {
    padding-right: 0px;
  }
}
.onboarding-sec .onboarding-list .onboarding-list-item {
  position: relative;
  margin: 18px 36px;
}
.onboarding-sec .onboarding-list .onboarding-list-item::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -30px;
  background-image: url(../images/swiggy/list-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.onboarding-sec .onboarding-list .onboarding-list-item .item-head {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.96px;
  color: #0A131D;
  margin-bottom: 6px;
}
.onboarding-sec .onboarding-list .onboarding-list-item .item-desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
.onboarding-sec .onbarding-img-block {
  position: absolute;
  right: -310px;
  top: 50px;
  width: 70%;
  max-width: 1020px;
}
.onboarding-sec .onbarding-img-block.reversed {
  right: auto;
  left: -330px;
}
.onboarding-sec .onbarding-img-block.reversed .order-food-partical {
  position: absolute;
  left: auto;
  right: 0;
}
.onboarding-sec .onbarding-img-block .main-img {
  width: 100%;
}
.onboarding-sec .onbarding-img-block .order-food-partical {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 992px) {
  .onboarding-sec .onbarding-img-block .order-food-partical {
    width: 50%;
  }
}

.happy-clinet-sec {
  padding: 80px 0px;
}
@media (max-width: 767px) {
  .happy-clinet-sec {
    padding: 50px 0px;
  }
}
.happy-clinet-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -1.2px;
  color: #0F192A;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .happy-clinet-sec .title {
    font-size: 30px;
  }
}
.happy-clinet-sec .desc {
  font-size: 18px;
  line-height: 1.89;
  letter-spacing: -0.1px;
  color: #526880;
  padding: 0px 110px;
}
@media (max-width: 1200px) {
  .happy-clinet-sec .desc {
    padding: 0px 50px;
  }
}
@media (max-width: 992px) {
  .happy-clinet-sec .desc {
    padding: 0px 40px;
  }
}
@media (max-width: 767px) {
  .happy-clinet-sec .desc {
    font-size: 20px;
    padding: 0px;
  }
}

.swiggy-multiscreen {
  background: linear-gradient(91.17deg, rgba(228, 14, 91, 0.1) 0.83%, rgba(244, 76, 89, 0.1) 31.61%, rgba(251, 99, 13, 0.1) 63.64%);
  overflow: hidden;
  max-height: 90vh;
}
@media (max-width: 992px) {
  .swiggy-multiscreen {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .swiggy-multiscreen {
    max-height: 300px;
  }
}
.swiggy-multiscreen .img-container .image {
  width: 200%;
  max-width: 180%;
  top: -20%;
  left: -40%;
  position: relative;
}
@media (max-width: 992px) {
  .swiggy-multiscreen .img-container .image {
    top: -200px;
    left: -290px;
  }
}
@media (max-width: 767px) {
  .swiggy-multiscreen .img-container .image {
    top: -100px;
    left: -190px;
  }
}

.swiggy-result {
  padding: 120px 0px;
}
@media (max-width: 992px) {
  .swiggy-result {
    padding: 70px 0px;
  }
}
.swiggy-result .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -1.2px;
  margin-bottom: 15px;
  color: #0F192A;
}
@media (max-width: 767px) {
  .swiggy-result .title {
    font-size: 30px;
  }
}
.swiggy-result .desc {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: -0.32px;
  color: #526880;
}
@media (max-width: 767px) {
  .swiggy-result .desc {
    font-size: 20px;
  }
}

.bsset-banner {
  position: relative;
  padding: 180px 0px 0px;
  overflow: hidden;
  background-size: 70% 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(45deg, #33FF8A, #33FF8A);
}
@media (max-width: 1200px) {
  .bsset-banner {
    padding: 130px 0px 0px;
  }
}
@media (max-width: 767px) {
  .bsset-banner {
    padding: 80px 0px 0px;
    background-size: 100% 100%;
  }
}
.bsset-banner .bn-logo {
  margin-top: 100px;
}
@media (max-width: 1200px) {
  .bsset-banner .bn-logo {
    margin-top: 30px;
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  .bsset-banner .bn-logo {
    max-width: 80px;
    margin-top: 10px;
  }
}
.bsset-banner .bn-text {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .bsset-banner .bn-text {
    margin-top: 30px;
    text-align: center;
  }
}
.bsset-banner .bn-text h2 {
  font-weight: 700;
  font-size: 84px !important;
  line-height: 0.95 !important;
  color: #0E2B1E;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .bsset-banner .bn-text h2 {
    font-size: 70px !important;
  }
}
@media (max-width: 992px) {
  .bsset-banner .bn-text h2 {
    font-size: 52px !important;
  }
}
@media (max-width: 767px) {
  .bsset-banner .bn-text h2 {
    font-size: 40px !important;
  }
}
.bsset-banner .bn-text .banner-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.82;
  color: #0E2B1E;
}
@media (max-width: 1200px) {
  .bsset-banner .bn-text .banner-txt {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .bsset-banner .mobile-banner-img {
    max-width: 50%;
    margin: 30px 0px 0px auto;
  }
}

.banner-img-sec {
  margin-top: -210px;
}
@media (max-width: 992px) {
  .banner-img-sec {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  .banner-img-sec {
    margin-top: -70px;
  }
}
.banner-img-sec .banner-img {
  max-width: 500px;
}
@media (max-width: 1200px) {
  .banner-img-sec .banner-img {
    max-width: 350px;
  }
}
@media (max-width: 992px) {
  .banner-img-sec .banner-img {
    max-width: 250px;
  }
}

.overview-section.besset .project-text-block .overview-title {
  font-weight: 700;
  font-size: 84px;
  line-height: 0.95;
  color: #0F2C1F;
}
@media (max-width: 1200px) {
  .overview-section.besset .project-text-block .overview-title {
    font-size: 70px !important;
  }
}
@media (max-width: 992px) {
  .overview-section.besset .project-text-block .overview-title {
    font-size: 52px !important;
  }
}
@media (max-width: 767px) {
  .overview-section.besset .project-text-block .overview-title {
    font-size: 40px !important;
  }
}
.overview-section.besset .project-text-block .overview-title .text-green {
  color: #33FB88;
}
.overview-section.besset .overview-img {
  margin-top: 100px;
}
@media (max-width: 992px) {
  .overview-section.besset .overview-img {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .overview-section.besset .overview-img {
    margin-top: 30px;
  }
}

.bsset-problem-section {
  padding-bottom: 176px;
}
.bsset-problem-section .prob-inner-sec {
  display: flex;
  gap: 64px;
  padding: 66px 82px;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 32px;
  position: relative;
}
@media (max-width: 1200px) {
  .bsset-problem-section .prob-inner-sec {
    padding: 56px;
    gap: 30px;
  }
}
@media (max-width: 992px) {
  .bsset-problem-section .prob-inner-sec {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .bsset-problem-section .prob-inner-sec {
    padding: 30px;
    gap: 15px;
  }
}
.bsset-problem-section .prob-inner-sec:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  z-index: -1;
  background: #F54B9E;
  box-shadow: inset 0px -3.1701px 37.68px 3px #FFF4F9;
  border-radius: 38.0412px;
}
.bsset-problem-section .prob-inner-sec .title {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.29;
  color: #0E2B1E;
  position: relative;
  border-left: 2px solid #F54B9E;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 10px;
  flex: 0 0 300px;
}
@media (max-width: 992px) {
  .bsset-problem-section .prob-inner-sec .title {
    flex: 0 0 auto;
  }
}
.bsset-problem-section .prob-inner-sec .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
  color: #4B665D;
  flex: 0 0 calc(100% - 300px);
}
.bsset-problem-section .prob-inner-sec.green:before {
  background: #29CC6E;
  box-shadow: inset 0px -3.1701px 37.68px 6px #EEFFF5;
}
.bsset-problem-section .prob-inner-sec.green .title {
  border-color: #29CC6E;
}
.bsset-problem-section .prob-inner-sec .prob-text-wrpr {
  flex: 0 0 48%;
}
.bsset-problem-section .prob-inner-sec .prob-text-wrpr .text-wrpr {
  margin-bottom: 82px;
}
@media (max-width: 1200px) {
  .bsset-problem-section .prob-inner-sec .prob-text-wrpr .text-wrpr {
    margin-bottom: 52px;
  }
}
.bsset-problem-section .prob-inner-sec .prob-text-wrpr .text-wrpr .title {
  margin-bottom: 18px;
}
.bsset-problem-section .prob-arrow-down {
  margin: 19px 0px;
}

.bsset-wireframe-section {
  padding: 234px 0px 164px;
  background: #90FFBF;
  border-radius: 50vw 50vw 0px 0px;
  transition: all 0.6s ease-in-out;
}
@media (max-width: 1200px) {
  .bsset-wireframe-section {
    padding: 164px 0px;
  }
}
.bsset-wireframe-section.active {
  border-radius: 0px 0px 0px 0px;
  transform: none;
}
.bsset-wireframe-section .screen-head-block .title {
  font-weight: 700;
  font-size: 84px;
  line-height: 0.95;
  text-align: center;
  color: #0F2C1F;
  margin-bottom: 56px;
}
@media (max-width: 1200px) {
  .bsset-wireframe-section .screen-head-block .title {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .bsset-wireframe-section .screen-head-block .title {
    font-size: 52px !important;
  }
}
@media (max-width: 767px) {
  .bsset-wireframe-section .screen-head-block .title {
    font-size: 40px !important;
  }
}
.bsset-wireframe-section .screen-head-block .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #0F2C1F;
}
.bsset-wireframe-section .wireframe-img-wrpr {
  margin-top: 175px;
}
@media (max-width: 1200px) {
  .bsset-wireframe-section .wireframe-img-wrpr {
    margin-top: 70px;
  }
}
.bsset-wireframe-section .wireframe-img-wrpr .wf-img {
  margin-bottom: 25px;
}

.bsset-tabs-section {
  background: linear-gradient(360deg, #E8FFF1 35.46%, rgba(232, 255, 241, 0) 102.15%);
  background-attachment: fixed;
  background-position: top;
  background-size: 100%;
  padding: 165px 0px;
}
@media (max-width: 767px) {
  .bsset-tabs-section {
    padding-bottom: 0px;
  }
}
.bsset-tabs-section .list-group.screentext-list {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  position: sticky;
  top: 50vh;
}
@media (max-width: 992px) {
  .bsset-tabs-section .list-group.screentext-list {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .bsset-tabs-section .list-group.screentext-list {
    display: none;
  }
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-item {
  margin-bottom: 40px;
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-item.active .scrnlist-link {
  color: #0E2B1E;
  font-weight: 600;
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-item.active .scrnlist-link:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 4px;
  height: 100%;
  background: #0E2B1E;
  border-radius: 10px;
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-item.active .scrnlist-link-desc {
  display: block;
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-link {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.29;
  text-transform: uppercase;
  color: #B2D0C6;
  position: relative;
}
.bsset-tabs-section .list-group.screentext-list .scrnlist-link-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
  color: #4B665D;
  text-transform: none;
  display: none;
  margin-top: 18px;
}
.bsset-tabs-section .tab-img-wrpr {
  max-width: 310px;
  margin-right: 0;
  margin-left: auto;
}
@media (max-width: 767px) {
  .bsset-tabs-section .tab-img-wrpr {
    margin: 0 auto;
  }
}
.bsset-tabs-section .tabs-bg-img {
  position: sticky;
  top: 100px;
  left: 0px;
  z-index: -1;
  width: 90%;
}
.bsset-tabs-section .r-items-block {
  margin-bottom: 20px;
}
.bsset-tabs-section .r-items-block .scrnlist-link-desc, .bsset-tabs-section .r-items-block .scrnlist-link {
  display: none;
}
@media (max-width: 767px) {
  .bsset-tabs-section .r-items-block .scrnlist-link-desc, .bsset-tabs-section .r-items-block .scrnlist-link {
    display: block;
  }
}
@media (max-width: 767px) {
  .bsset-tabs-section .r-items-block {
    margin-bottom: 80px;
  }
}
.bsset-tabs-section .screens-wrpr {
  position: relative;
  top: -300px;
  right: 0;
}
@media (max-width: 767px) {
  .bsset-tabs-section .screens-wrpr {
    left: 0;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .scrnlist-link {
    color: #0E2B1E;
    font-weight: 600;
    font-size: 32px;
  }
  .scrnlist-link-desc {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.bsset-mobile-app-section {
  background: #0E2B1E;
  padding-bottom: 164px;
}
.bsset-mobile-app-section .mobile-app-screen {
  margin-bottom: 45px;
}
.bsset-mobile-app-section.customer1 .marquee {
  font-size: 14vw;
}

.marquee {
  font-size: 20vw;
  line-height: 0.9;
  color: #143023;
  height: 20vw;
  font-family: "Graphik";
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.marquee .marquee-inner {
  display: flex;
  min-width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px));
  }
}
.bsset-panel-screen {
  padding: 164px 0px;
  overflow: hidden;
  background: rgba(0, 255, 109, 0.3);
  position: relative;
}
.bsset-panel-screen .bsset-panel-bg .bsset-panel-ele {
  transform: rotate(180deg);
  position: absolute;
  border-radius: 50%;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.bsset-panel-screen .bsset-panel-bg .element1 {
  width: 50%;
  height: 55%;
  background: #00FFF0;
  top: 16%;
  left: 64%;
  animation-name: banner1;
}
.bsset-panel-screen .bsset-panel-bg .element2 {
  width: 80%;
  height: 110%;
  background: #00FF6D;
  top: 30%;
  left: 30%;
  animation-name: banner2;
}
.bsset-panel-screen .bsset-panel-bg .element3 {
  width: 70%;
  height: 90%;
  background: #CAFF00;
  top: 0%;
  left: -10%;
  animation-name: banner3;
  animation-delay: 3s;
  animation-duration: 10s;
}
.bsset-panel-screen .bsset-panel-bg .blur-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(200px);
          backdrop-filter: blur(200px);
}
.bsset-panel-screen .title {
  font-weight: 700;
  font-size: 84px;
  line-height: 0.9;
  text-align: center;
  color: #0F2C1F;
  margin-bottom: 56px;
}
@media (max-width: 1200px) {
  .bsset-panel-screen .title {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .bsset-panel-screen .title {
    font-size: 52px !important;
  }
}
@media (max-width: 767px) {
  .bsset-panel-screen .title {
    font-size: 40px !important;
  }
}
.bsset-panel-screen .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #0F2C1F;
  max-width: 70%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .bsset-panel-screen .desc {
    max-width: 100%;
  }
}

@keyframes banner1 {
  0% {
    left: 60%;
    top: 16%;
    transform: scale(1);
  }
  10% {
    left: 80%;
    top: 48%;
    transform: scale(1);
  }
  20% {
    left: 60%;
    top: 80%;
    transform: scale(1.01);
  }
  30% {
    left: 40%;
    top: 96%;
    transform: scale(1.02);
  }
  40% {
    left: 20%;
    top: 80%;
    transform: scale(1.01);
  }
  50% {
    left: 0%;
    top: 48%;
    transform: scale(1);
  }
  60% {
    left: 20%;
    top: 16%;
    transform: scale(1);
  }
  70% {
    left: 40%;
    top: -16%;
    transform: scale(1.01);
  }
  80% {
    left: 60%;
    top: -20%;
    transform: scale(1);
  }
  90% {
    left: 80%;
    top: -16%;
    transform: scale(1.01);
  }
  100% {
    left: 60%;
    top: 16%;
    transform: scale(1);
  }
}
@keyframes banner2 {
  0% {
    left: 30%;
    top: 30%;
    transform: scale(1);
  }
  10% {
    left: 10%;
    top: 15%;
    transform: scale(1);
  }
  20% {
    left: -10%;
    top: 0%;
    transform: scale(1.01);
  }
  30% {
    left: 10%;
    top: -15%;
    transform: scale(1.02);
  }
  40% {
    left: 30%;
    top: -30%;
    transform: scale(1.01);
  }
  50% {
    left: 50%;
    top: -15%;
    transform: scale(1);
  }
  60% {
    left: 70%;
    top: 0%;
    transform: scale(1);
  }
  70% {
    left: 50%;
    top: 15%;
    transform: scale(1.01);
  }
  80% {
    left: 30%;
    top: 30%;
    transform: scale(1);
  }
  90% {
    left: 10%;
    top: 45%;
    transform: scale(1.01);
  }
  100% {
    left: 30%;
    top: 30%;
    transform: scale(1);
  }
}
@keyframes banner3 {
  0% {
    left: 0%;
    top: -10%;
    transform: scale(1);
  }
  10% {
    left: 20%;
    top: 10%;
    transform: scale(1);
  }
  20% {
    left: 40%;
    top: 30%;
    transform: scale(1.01);
  }
  30% {
    left: 50%;
    top: 50%;
    transform: scale(1.02);
  }
  40% {
    left: 60%;
    top: 70%;
    transform: scale(1.01);
  }
  50% {
    left: 80%;
    top: 50%;
    transform: scale(1);
  }
  60% {
    left: 60%;
    top: 30%;
    transform: scale(1);
  }
  70% {
    left: 40%;
    top: 10%;
    transform: scale(1.01);
  }
  80% {
    left: 20%;
    top: -10%;
    transform: scale(1);
  }
  90% {
    left: 0%;
    top: -30%;
    transform: scale(1.01);
  }
  100% {
    left: 0%;
    top: -10%;
    transform: scale(1);
  }
}
.main-wraper.kkbits-sec {
  overflow: inherit;
}

.mt-30 {
  margin-top: 30px;
}

.main-wraper {
  overflow: hidden;
}

.christmas-wrap {
  overflow: initial;
}

.christmas-block {
  background-image: url("../images/christmas/Christmas-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 10em 0px 13em;
}
@media (max-width: 767px) {
  .christmas-block {
    padding: 4em 0px 4em;
  }
}

.christmas-wrap .header-wrap .container .navbar-wrapper .navbar ul li a {
  color: #fff !important;
}

.christmas-wrap .header-wrap.sm .container .navbar-wrapper .navbar ul li a {
  color: #4D617F !important;
}

.header-inner-block {
  padding-top: 30px;
  text-align: center;
}

.years {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.15em;
  color: #FFC9C9;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .years {
    margin-bottom: 5px;
  }
}

.christmas-wrap .c-header_title_line label {
  font-style: normal;
  font-weight: 700;
  font-size: 160px;
  line-height: 158px;
  text-align: center;
  letter-spacing: -0.03em;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 767px) {
  .christmas-wrap .c-header_title_line label {
    font-size: 40px;
    line-height: 1;
    max-width: 300px;
  }
}

.header-bottom {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFE8E8;
  margin-top: 32px;
  display: block;
}
@media (max-width: 767px) {
  .header-bottom {
    font-size: 23px;
    margin-top: 12px;
    line-height: 1;
  }
}

.christmas-wrap .header .btn1 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.0032em;
  color: #2B2B2B;
}
.christmas-wrap .header .btn1:before {
  background: #FFFFFF;
}
.christmas-wrap .header .btn1 .arrow-btn-wrap {
  background: rgba(201, 2, 3, 0.16);
  box-shadow: none;
}
.christmas-wrap .header .btn1 .icon-arrow_slider:before {
  color: #000;
}

.christmas-story {
  padding: 164px 0px 0;
  position: relative;
}
@media (max-width: 767px) {
  .christmas-story {
    padding: 64px 0px 0;
  }
}

.lg-title {
  font-style: normal;
  font-weight: 600;
  font-size: 86px;
  line-height: 1.07;
  letter-spacing: -0.05em;
  color: #0F172A;
}
@media (max-width: 767px) {
  .lg-title {
    font-size: 40px;
    margin-bottom: 29px;
  }
}

.lg-text {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -0.24px;
  color: #666061;
}
@media (max-width: 767px) {
  .lg-text {
    font-size: 22px;
  }
}

.full-imge {
  margin: 100px 0px;
}
@media (max-width: 767px) {
  .full-imge {
    margin: 60px 0px;
  }
}

.tr-cards {
  background: linear-gradient(0deg, #BE212C, #BE212C);
  border-radius: 32px;
  width: 100%;
  padding: 64px 52px;
}
@media (max-width: 767px) {
  .tr-cards {
    padding: 30px 20px;
  }
}
.tr-cards .tr-cards-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 46px;
  line-height: 52px;
  letter-spacing: -0.04em;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .tr-cards .tr-cards-heading {
    font-size: 30px;
    line-height: 1.3;
  }
}

.tr-colap-cards {
  width: 80%;
  margin-left: auto;
  max-width: 808px;
  padding: 40px 50px;
  background: #FFFFFF;
  box-shadow: 0px 25px 104px rgba(27, 43, 111, 0.12);
  border-radius: 32px;
  position: relative;
  top: -40px;
  right: -80px;
}
@media (max-width: 767px) {
  .tr-colap-cards {
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 20px;
  }
}
.tr-colap-cards .colap-cards-head {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 56px;
  letter-spacing: -0.04em;
  color: #0F172A;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .tr-colap-cards .colap-cards-head {
    font-size: 30px;
    line-height: 36px;
  }
}
.tr-colap-cards .colap-cards-text {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  letter-spacing: -0.03em;
  color: #94A3B8;
}
@media (max-width: 767px) {
  .tr-colap-cards .colap-cards-text {
    font-size: 18px;
  }
}

.md-titles {
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: #0F172A;
}
@media (max-width: 767px) {
  .md-titles {
    font-size: 32px;
  }
}

.workings-hands {
  padding: 165px 0px 0;
  position: relative;
}
@media (max-width: 767px) {
  .workings-hands .container {
    padding: 0 25px;
  }
}
@media (max-width: 767px) {
  .workings-hands {
    padding: 60px 0px;
  }
}
.workings-hands figure {
  margin: 0px;
}

.bg-orange {
  background-color: #FFE5EC;
  padding: 40px;
}
@media (max-width: 767px) {
  .bg-orange {
    gap: 20px;
    padding: 25px 10px;
    margin-right: 0px;
  }
}
.bg-orange figure {
  margin: 0px;
}

.text-content {
  margin-top: 30px;
}

.christmas-wrap .colored-sec::after {
  z-index: 1;
  height: 100%;
}
.christmas-wrap .colored-sec::before {
  z-index: 2;
  transform: translate(20px, 20px);
}
@media (max-width: 767px) {
  .christmas-wrap .colored-sec::before {
    transform: translate(0px, 20px);
  }
}

.bg-light-yellow {
  background: rgb(255, 240, 231);
}
@media (max-width: 767px) {
  .bg-light-yellow {
    gap: 20px;
    padding: 25px 10px !important;
    margin-right: 0px;
  }
}

.p-40 {
  padding: 40px;
}

.yellow-sec:before {
  background-color: #FF9A33;
  animation: radar-yellow 1.2s linear 100ms infinite;
}

.christmas-wrap .last-colored:after {
  height: 82%;
}

@keyframes radar-yellow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255, 239, 223, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgb(255, 239, 223);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgb(255, 239, 223);
  }
}
.bg-green {
  background-color: #DBE0BA;
}
@media (max-width: 767px) {
  .bg-green {
    gap: 20px;
    padding: 25px 10px;
    margin-right: 0px;
  }
}

.bg-purple {
  background-color: #E8EDFF;
}
@media (max-width: 767px) {
  .bg-purple {
    gap: 20px;
    padding: 25px 10px !important;
    margin-right: 0px;
  }
}

.purple-sec:before {
  background-color: #5114BC;
  animation: radar-purple 1.2s linear 100ms infinite;
}

@keyframes radar-purple {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(232, 237, 255, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgb(232, 237, 255);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgb(232, 237, 255);
  }
}
.bg-dark-yellow {
  background-color: #FFF7DB;
}
@media (max-width: 767px) {
  .bg-dark-yellow {
    gap: 20px;
    padding: 25px 10px !important;
    margin-right: 0px;
  }
}

.dark-yellow-sec:before {
  background-color: #EBBD1B;
  animation: radar-dark-yellow 1.2s linear 100ms infinite;
}

@keyframes radar-dark-yellow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255, 247, 219, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgb(255, 247, 219);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgb(255, 247, 219);
  }
}
.descp-cr {
  padding: 0px 0 46px;
}

.new-year {
  padding: 157px 0px;
  text-align: center;
  background: #5114BC;
  color: #fff;
}

.baner-title {
  font-style: normal;
  font-weight: 700;
  font-size: 170px;
  line-height: 174px;
  text-align: center;
  letter-spacing: -0.03em;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFEEEE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
@media (max-width: 767px) {
  .baner-title {
    font-size: 80px;
    line-height: 1.3;
  }
}

.baner-sub-title {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFE8E8;
  width: 100%;
  text-align: center;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .baner-sub-title {
    font-size: 20px;
  }
}

.goes-together {
  margin-top: -100px;
}

.full-img {
  margin: 0px;
}
.full-img img {
  width: 100%;
}

.together-knowledge {
  padding: 165px 0px 0px;
}
@media (max-width: 767px) {
  .together-knowledge .container {
    padding: 0 25px;
  }
}
.together-knowledge .heading-section {
  width: 100%;
}
.together-knowledge .heading-section .lg-title {
  max-width: 751px;
  margin: auto;
}
.together-knowledge .heading-section .lg-text {
  max-width: 874px;
  margin: 18px auto;
}
.together-knowledge .last-colored:after {
  height: 88%;
}

.h3-title {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.26;
  letter-spacing: -0.05em;
  color: #0F172A;
  margin: auto;
}

.wish-christmas {
  padding-bottom: 149px;
}
@media (max-width: 767px) {
  .wish-christmas {
    margin-top: 50px;
  }
}

/*** Motoview  ***/
/**** Fingertips ****/
.aos-animate {
  transform: translate3d(0, 0, 0) !important;
}

.ripple-circles {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.ripple-circles span {
  display: block;
  animation: ripples-c 4s linear infinite forwards;
  border: 2px solid grey;
  border-radius: 50%;
  position: absolute;
}
.ripple-circles span:nth-child(1) {
  animation-delay: 0ms;
  border-color: #43CA89;
}
.ripple-circles span:nth-child(2) {
  animation-delay: 1000ms;
  border-color: #E88114;
}
.ripple-circles span:nth-child(3) {
  animation-delay: 2000ms;
  border-color: #E92C70;
}

@keyframes ripples-c {
  0% {
    opacity: 0.2;
    width: 0;
    height: 0;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    width: 450px;
    height: 450px;
  }
}
.mjc-map {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .mjc-map img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: right;
       object-position: right;
  }
}

.fingertips-sec h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.fingertips-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h3 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h3 {
    font-size: 23px;
    line-height: 30px;
  }
}
.fingertips-sec h6 {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .fingertips-sec h6 {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h6 {
    font-size: 15px;
    line-height: 24px;
  }
}
.fingertips-sec .p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.647399px;
}
.fingertips-sec .contact-grey {
  background-color: #F6F8FC;
}
.fingertips-sec .contact-grey .expected-select {
  background-color: white;
}

@media (max-width: 767px) {
  .bn-logo {
    max-width: 160px;
    margin: 0 auto 21px;
  }
}

.fingertips-banner {
  text-align: center;
  position: relative;
  padding: 130px 0 0px;
  z-index: 5;
}
@media (min-width: 767px) {
  .fingertips-banner {
    padding: 160px 0 0px;
  }
}
.fingertips-banner h2 {
  max-width: 708px;
  max-width: 100%;
  margin: 0 auto 32px;
}
.fingertips-banner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF0F9 100%), linear-gradient(98.95deg, #FFF0F9 11.41%, #E8FEF6 109.5%);
  z-index: -1;
  transition: all cubic-bezier(0.11, 0.21, 0.39, 0.8) 700ms;
  transition-delay: 750ms;
  background: linear-gradient(121.7deg, #FFF1DA 0.96%, #FFE7E9 99.57%);
}
.fingertips-banner.aos-animate:after {
  top: 0;
}

.bn-img {
  position: relative;
  z-index: 6;
}
@media (max-width: 767px) {
  .bn-img img {
    margin: 19px auto 12.3%;
    transform: scale(1.5) translateX(3px);
  }
}
@media (min-width: 1200px) {
  .bn-img {
    margin-top: -20px;
    top: 0px;
  }
}
.bn-img:after {
  content: "";
  position: absolute;
  display: block;
  width: 600px;
  height: 600px;
  margin: 0 auto;
  bottom: -110px;
  border-top: 400px solid #DA6694;
  border-radius: 70%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
@media (max-width: 767px) {
  .bn-img:after {
    width: 200px;
    height: 200px;
    border-top: 120px solid #DA6694;
    bottom: 10px;
  }
}

.bn-text {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .bn-text br {
    display: none;
  }
}
.bn-text h2 {
  font-size: 30px;
  line-height: 38px;
}
@media (min-width: 767px) {
  .bn-text h2 {
    font-size: 48px;
    line-height: 56px;
  }
}

.bn-chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}
.bn-chips label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-right: 12px;
}
@media (max-width: 992px) {
  .bn-chips label {
    margin-bottom: 15px;
  }
}
.bn-chips label:last-child {
  margin-right: 0;
}

.ft-accomplish {
  position: relative;
  padding: 200px 0 120px;
}
@media (max-width: 992px) {
  .ft-accomplish {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .ft-accomplish {
    padding: 80px 0;
  }
}

@keyframes bright {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@media (max-width: 1200px) {
  .fta-cards {
    transform: scale(0.85);
  }
}
@media (max-width: 992px) {
  .fta-cards {
    transform: scale(1);
    display: grid;
    grid-template-columns: auto auto;
    gap: 50px;
    justify-content: left;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .fta-cards {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    gap: 20px;
  }
}

.fta-cardss {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 160px);
  justify-content: center;
  margin-top: 85px;
  gap: 25px;
}
@media (min-width: 767px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 992px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 1200px) {
  .fta-cardss {
    grid-template-columns: repeat(4, 270px);
    justify-content: space-between;
  }
}

.fta-card {
  position: relative;
  background: white;
  max-width: 170px;
  height: 170px;
  padding: 32px 37px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 16px 47px rgba(33, 12, 83, 0.07);
  border-radius: 16px;
}
@media (min-width: 767px) {
  .fta-card {
    max-width: 270px;
    height: 270px;
  }
}
@media (max-width: 767px) {
  .fta-card {
    padding: 32px 25px;
    max-width: 100%;
  }
}
.fta-card .fta-icon {
  margin-bottom: 20px;
}
.fta-card h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #0A131D;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .fta-card h4 {
    font-size: 22px;
    line-height: 18px;
  }
}
.fta-card p {
  letter-spacing: 0.8px;
  color: #8894A2;
}
@media (max-width: 767px) {
  .fta-card p {
    font-size: 14px;
    line-height: 20px;
  }
}

.fgd-sec {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .fgd-sec {
    grid-template-columns: minmax(420px, 618px) 610px;
  }
}

.fastest-delivery {
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .fastest-delivery {
    padding-bottom: 70px;
  }
}

.fgd-text {
  position: relative;
  padding: 50px 0;
  z-index: 5;
}
@media (min-width: 992px) {
  .fgd-text {
    padding: 170px 0 170px;
  }
}

.delivery-map {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
@media (max-width: 767px) {
  .delivery-map {
    top: 50%;
  }
}
.delivery-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gr {
  color: #2E9169 !important;
  font-weight: 500 !important;
}

.f8 {
  font-size: 8px !important;
}

.f9 {
  font-size: 9px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
  line-height: 1.7 !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.delivery-chips {
  position: relative;
  z-index: 10;
  opacity: 1 !important;
  transform: translateZ(0) !important;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: flex-end;
  gap: 15px 30px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .delivery-chips {
    width: 600px;
    right: 30px;
  }
}
@media (min-width: 992px) {
  .delivery-chips {
    left: 60px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .delivery-chips {
    left: 160px;
  }
}
.delivery-chips h6 {
  line-height: 1.3 !important;
  font-weight: 500;
  margin-bottom: 3px;
  color: #0A131D;
}
.delivery-chips p {
  line-height: 1.5;
  color: #737B89;
  letter-spacing: 0px;
  font-weight: 300;
}
.delivery-chips p:last-child {
  border-top: 1px solid whitesmoke;
  margin-top: 2px;
  padding-top: 2px;
}
.delivery-chips.aos-animate > div {
  transform: scale(1);
}
.delivery-chips > div {
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 500ms;
}
.delivery-chips > div:nth-child(1) {
  transition-delay: 200ms;
}
.delivery-chips > div:nth-child(2) {
  transition-delay: 400ms;
}
.delivery-chips > div:nth-child(3) {
  transition-delay: 600ms;
}
.delivery-chips > div:nth-child(5) {
  transition-delay: 800ms;
}
.delivery-chips > div:nth-child(6) {
  transition-delay: 1000ms;
}

.dc-card {
  position: relative;
  background-color: white;
  padding: 11px;
  box-shadow: 0px 26.7376px 42.5372px rgba(10, 19, 29, 0.1);
  border-radius: 9.35817px;
  display: inline-grid;
  gap: 7px;
  text-align: left;
}
.dc-card.dcc2 {
  grid-template-columns: auto auto;
  padding: 15px 55px 15px 15px;
}
.dc-card.dc-2 {
  top: 30px;
}
.dc-card.dc-1 {
  bottom: 15px;
}

.dc-img {
  position: relative;
}

.rating-label {
  position: absolute;
  top: 6px;
  left: -2px;
  background: #2E9169;
  box-shadow: 0px 2.201px 4.40201px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  padding: 2px 4px;
}

.edit-profile {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  color: #8D1B44;
  background: #FFFFFF;
  border: 0.568627px solid #E3E7EF;
  border-radius: 4.54902px;
  display: inline-block;
  padding: 3px;
}

section.how-easy {
  position: relative;
  padding: 80px 0 20px;
  text-align: center;
}
@media (min-width: 767px) {
  section.how-easy {
    padding: 136px 0 20px;
  }
}
section.how-easy .heading-in {
  max-width: 745px;
  margin: 0 auto;
}
section.how-easy video {
  padding: 0 20px;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section.how-easy video {
    margin: 210px auto 180px;
    transform: scale(2.8);
  }
}

.mjc-sec {
  display: grid;
  position: relative;
  grid-template-columns: auto;
  justify-content: space-between;
  z-index: 10;
  gap: 20px;
}
@media (min-width: 992px) {
  .mjc-sec {
    grid-template-columns: minmax(auto, 434px) minmax(auto, 600px);
  }
}
@media (max-width: 767px) {
  .mjc-sec h2 {
    margin-bottom: 25px;
  }
}

@keyframes mjc {
  0% {
    background-color: white;
  }
  50% {
    background-color: #ffecf2;
  }
  100% {
    background-color: white;
  }
}
.mjc-card {
  background: #FFFFFF;
  box-shadow: 0px 36.4438px 57.9787px rgba(10, 19, 29, 0.1);
  border-radius: 12.7553px;
  padding: 24px;
  display: flex;
}
.mjc-card.aos-animate {
  animation: mjc 700ms cubic-bezier(0.38, 0.03, 0.81, 0.68) 100ms forwards;
}
.mjc-card:nth-child(1) {
  animation-delay: 1500ms;
}
.mjc-card:nth-child(2) {
  animation-delay: 2500ms;
}
.mjc-card:nth-child(3) {
  animation-delay: 3500ms;
}
.mjc-card h5 {
  margin-bottom: 6px;
  font-weight: 600;
}
.mjc-card svg {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  bottom: -3px;
  flex-shrink: 0;
}

.mjc-cards {
  position: relative;
  display: grid;
  align-items: center;
  gap: 32px;
}

.major-challenges {
  position: relative;
  padding: 88px 0;
  background: #FFEAF1;
  overflow: hidden;
}

.f-color {
  color: #D92D66;
}

.yellow-color {
  color: #E3B311;
}

.finger-logo {
  position: absolute;
  bottom: 0;
}
@media (max-width: 992px) {
  .finger-logo {
    display: none;
  }
}

.cii-sec {
  position: relative;
  padding: 60px 0 80px;
}
@media (min-width: 767px) {
  .cii-sec {
    padding: 136px 0 80px;
  }
}
.cii-sec .heading-in {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 767px) {
  .cii-sec .heading-in {
    margin-bottom: 80px;
  }
}

.cii-slider {
  position: relative;
  display: flex;
  transform: translateX(0%);
  justify-content: center;
  z-index: 10;
  min-width: 1250px;
}
@media (min-width: 767px) {
  .cii-slider {
    min-width: 900px;
  }
}

.cii-slides {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 767px) {
  .cii-slides:nth-child(1) {
    margin-top: 100px;
  }
  .cii-slides:nth-child(2) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(3) {
    margin-top: 0px;
  }
  .cii-slides:nth-child(4) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(5) {
    margin-top: 100px;
  }
}

.cii-in {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
@media (max-width: 767px) {
  .cii-in {
    overflow: auto;
  }
}
.cii-in:after {
  content: "";
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/rainbow.svg) no-repeat;
  background-size: cover;
  z-index: 0;
}
@media (max-width: 767px) {
  .cii-in:after {
    display: none;
  }
}

.app-features {
  position: relative;
}
.app-features .heading-in {
  margin: 0 auto;
  max-width: 734px;
  text-align: center;
}

.appfe-img {
  max-width: 500px;
}
@media (max-width: 992px) {
  .appfe-img {
    margin-top: 50px;
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
}
.appfe-img video {
  max-width: 100%;
}

.app-row {
  margin-bottom: 132px;
  align-items: center;
}
@media (max-width: 1200px) {
  .app-row {
    justify-content: center;
  }
}
.app-row:first-child {
  margin-top: 112px;
}
@media (max-width: 992px) {
  .app-row:first-child {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .app-row {
    margin-bottom: 60px;
  }
  .app-row:nth-child(2n) {
    flex-direction: column-reverse;
  }
}

.appfe-text label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-bottom: 12px;
}
.appfe-text h3 {
  margin-bottom: 35px;
}
@media (min-width: 767px) {
  .appfe-text h3 {
    margin-bottom: 56px;
  }
}

.appfe-pints {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 36px;
  justify-content: left;
}
.appfe-pints:last-child {
  margin-bottom: 0;
}

.point-blue {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #2FBCE7 0%, #3199EE 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-blue:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-purple {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFA6DD 0%, #A87BEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-purple:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-orange {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E8A442 0%, #DE3F78 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-orange:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-green {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFE45A 0%, #6FD68A 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-green:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-voilet {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E88DEF 0%, #40CDEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-voilet:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.illustrations-icons {
  position: relative;
  padding-bottom: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .illustrations-icons {
    padding-top: 30px;
  }
}
@media (min-width: 767px) {
  .illustrations-icons {
    padding-bottom: 200px;
  }
}
.illustrations-icons .heading-in {
  max-width: 692px;
  margin: 0 auto 72px;
  text-align: center;
}

.download-now {
  position: relative;
  padding: 40px;
  border-radius: 32px;
  background-color: #fff9e0;
  margin-bottom: 124px;
  display: none;
}
.download-now .col-lg-7 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .download-now {
    padding: 88px;
  }
  .download-now .col-lg-7 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .download-now {
    padding: 30px 20px;
  }
}

.icons-in {
  display: grid;
  align-items: center;
  text-align: center;
  gap: 40px;
}
.icons-in:nth-child(even) {
  margin: -30px 0 0;
}

.icon-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
  padding: 20px;
}
@media (max-width: 767px) {
  .icon-lg {
    width: 100px;
    height: 100px;
  }
}

.icon-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
}
@media (max-width: 767px) {
  .icon-sm {
    width: 50px;
    height: 50px;
  }
}

.ii-icons {
  display: flex;
  justify-content: center;
  transform: translateZ(0) !important;
  opacity: 1 !important;
}
.ii-icons.aos-animate .icon-sm,
.ii-icons.aos-animate .icon-lg {
  transform: scale(1);
}

.wrap {
  flex-wrap: wrap;
}

.h400 {
  min-height: 400px;
}

img {
  max-width: 100%;
}

.work-card {
  position: relative;
  will-change: transform;
}
.work-card .work-card-img {
  min-height: auto;
}
@media (min-width: 767px) {
  .work-card .work-card-img {
    min-height: 375px;
  }
}
.work-card > a {
  position: unset !important;
}
.work-card > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.work-card.work-card.full-card {
  margin-top: -130px;
}
.work-card.work-card.fingertips-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(135deg, #FFDAE6 -19.17%, #FFF1C4 110.42%);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.fingertips-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.fingertips-work .supertext {
  color: #bb2961;
}
.work-card.work-card.bsset-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(45deg, #33FF8A, #33FF8A);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.bsset-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.bsset-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.bsset-work .supertext {
  color: #0E2B1E;
}
.work-card.kaspr-work {
  background: linear-gradient(135deg, #D4D7FF 0%, #F2DEFD 100%);
  padding: 0;
  overflow: hidden;
}
.work-card.kaspr-work .supertext {
  color: #6b2cf3;
}
.work-card.kaspr-work .work-card-text {
  padding: 35px;
}
@media (min-width: 767px) {
  .work-card.kaspr-work .work-card-text {
    padding: 56px;
  }
}
.work-card.kaspr-work .work-card-img {
  margin: 0 -60px 0 30px;
}
@media (max-width: 767px) {
  .work-card.kaspr-work .work-card-img {
    margin: 0 0px 0 0px;
  }
}
.work-card:hover .btn4 .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
}

.injust10 {
  position: relative;
  padding: 70px 0 40px;
}
@media (min-width: 767px) {
  .injust10 {
    padding: 136px 0 70px;
  }
}
.injust10 .heading {
  text-align: center;
  max-width: 629px;
  margin: 0 auto;
}
.injust10 .heading h2 {
  margin-bottom: 24px;
}
.injust10 .heading h6 {
  margin-bottom: 12px;
}

.fingertips-work.wishbox-work {
  margin-top: 0px !important;
  padding: 16px 55px 16px 55px !important;
  background-image: linear-gradient(135deg, #FFFFEB, #FFD5B6, #FFDBD0);
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work {
    padding: 55px !important;
  }
}
@media (max-width: 480px) {
  .fingertips-work.wishbox-work {
    padding: 33px !important;
  }
}
.fingertips-work.wishbox-work .h4_1 {
  color: #0B182B;
  max-width: 505px;
}
.fingertips-work.wishbox-work .wishbox-logo {
  width: 130px;
  margin-bottom: 33.76px;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wish-box-img {
    margin-top: 30px !important;
  }
}
.fingertips-work.wishbox-work .button-white {
  margin-top: 173px !important;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .button-white {
    margin-top: 33px !important;
  }
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wishbox-inner-wrap {
    flex-direction: column;
  }
}

/*** Fingertips  ends***/
/*** Gatoes ***/
section.gt-banner {
  position: relative;
  padding: 10% 0 60px;
  overflow: hidden;
}
section.gt-banner h1 {
  text-align: center;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.015em;
  max-width: 855px;
  margin: 0 auto 10px;
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  section.gt-banner h1 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  section.gt-banner {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  section.gt-banner {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

.gt-logo-gatoes {
  text-align: center;
  margin: 0 auto 20px;
  max-width: 134px;
}

@media (min-width: 767px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
  }
}
@media (min-width: 1200px) {
  .gt-mockups {
    transform: scale(1) translate(45px, 0px);
  }
}

.gt-mock1 {
  position: relative;
  padding-top: 20px;
  left: -35px;
}
@media (max-width: 767px) {
  .gt-mock1 {
    margin-bottom: -50px;
  }
}
@media (min-width: 767px) {
  .gt-mock1 {
    left: -140px;
  }
}
@media (min-width: 992px) {
  .gt-mock1 {
    left: -90px;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .gt-mock1 {
    left: -30px;
  }
}
.gt-mock1:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #72FFE0 0%, #4FDBBC 21.03%, #4DC9AD 48.95%, #33B296 61.29%, #1EA184 76.72%, #119477 86.37%);
  bottom: 290px;
  background: #119477;
  left: 170px;
}
@media (max-width: 767px) {
  .gt-mock1:before {
    bottom: 80px;
    left: -120px;
    display: none;
  }
}

.gt-mock2 {
  position: relative;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-mock2 {
    margin-left: -480px;
    margin-top: 40px;
    right: -180px;
  }
}
@media (min-width: 992px) {
  .gt-mock2 {
    margin-left: -400px;
    right: -130px;
  }
}
@media (min-width: 1200px) {
  .gt-mock2 {
    margin-left: -200px;
    right: -30px;
  }
}
.gt-mock2:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #FF9C9C 0%, #F87777 21.03%, #DA5959 48.95%, #B84848 61.29%, #972A2A 76.72%, #A94040 86.37%);
  right: 120px;
  top: 110px;
  background: #F36653;
}
@media (max-width: 767px) {
  .gt-mock2:before {
    display: none;
  }
}

.mock-img {
  position: relative;
  z-index: 10;
}

.floating1 {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 70px;
}
@media (min-width: 767px) {
  .floating1 {
    left: 0px;
    top: 120px;
  }
}
.floating1 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  width: 168px;
  height: 142px;
}
@media (min-width: 767px) {
  .floating1 > div {
    width: 238px;
    height: 142px;
  }
}

.floating2 {
  position: absolute;
  z-index: 11;
  right: 0px;
  bottom: -10px;
}
@media (min-width: 767px) {
  .floating2 {
    left: 0px;
    bottom: 90px;
  }
}
.floating2 > div {
  animation: updown-sm 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating2 > div {
    max-width: 350px;
  }
}

.floating3 {
  position: absolute;
  right: -50px;
  z-index: 11;
  bottom: -30px;
}
@media (min-width: 767px) {
  .floating3 {
    bottom: 200px;
    right: 0;
  }
}
.floating3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating3 > div {
    max-width: 350px;
  }
}

.updown {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(5px);
  }
}
.updown-sm {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-sm {
  0% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(-3px);
  }
}
.updown-lg {
  animation: updown-lg 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-lg {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
.updown-xl {
  animation: updown-xl 4000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-xl {
  0% {
    transform: translateY(7px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(7px);
  }
}
.gatoes-sec h2 {
  font-weight: 600;
  color: #23212E;
  font-size: 35px;
  line-height: 1.2;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 56px;
    letter-spacing: -0.015em;
  }
}
.gatoes-sec h2 span {
  color: #F17563;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h2.m-b24 {
    margin-bottom: 10px;
  }
}
.gatoes-sec h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 35px;
  color: #23212E;
}
.gatoes-sec h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #5E5C66;
}
@media (min-width: 767px) {
  .gatoes-sec h6 {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h6.m-b64 {
    margin-bottom: 24px;
  }
}

.grocery-sec {
  position: relative;
  padding: 0px 0 80px;
  overflow: hidden;
  background: #F5F7FA;
}
@media (min-width: 767px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 992px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 1200px) {
  .grocery-sec {
    padding: 55px 0 100px;
  }
}

section.raise-revenue {
  position: relative;
  padding: 50px 0 30px;
  overflow: hidden;
}
@media (min-width: 767px) {
  section.raise-revenue {
    padding: 50px 0 150px;
  }
}
section.raise-revenue h6 {
  max-width: 561px;
}

.rr-img {
  min-width: 500px;
  transform: translateX(-50px);
}
@media (min-width: 767px) {
  .rr-img {
    min-width: 681px;
    transform: translateX(0px);
  }
}
@media (max-width: 767px) {
  .rr-img {
    min-width: 100%;
    transform: initial;
  }
}
.rr-img video {
  max-width: 100%;
}

.op-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1350px;
  padding: 0 15px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .op-img {
    width: 100%;
    transform: initial;
  }
}
.op-img video {
  max-width: 100%;
  transform: scale(1.03);
}
@media (max-width: 767px) {
  .op-img video {
    transform: scale(1.03);
  }
}

.grocer-text {
  position: relative;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .grocer-text h2 {
    line-height: 52px;
    letter-spacing: -0.025em;
  }
}
.grocer-text label {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #F76754;
  margin-bottom: 15px;
}

.grocer-lower-img {
  min-width: 755px;
}
@media (max-width: 767px) {
  .grocer-lower-img {
    min-width: 600px;
    position: relative;
    right: 120px;
  }
}

.grocer-img {
  position: relative;
  right: 0px;
  top: 0px;
}
@media (max-width: 992px) {
  .grocer-img {
    margin-bottom: -100px;
  }
}
@media (min-width: 767px) {
  .grocer-img {
    right: 70px;
    top: 50px;
  }
}

.grocer-img2 {
  position: absolute;
  z-index: 5;
  width: calc(100% + 20px);
  right: -90px;
  top: 10px;
}
@media (min-width: 767px) {
  .grocer-img2 {
    width: calc(100% - 30px);
    right: -60px;
    top: -30px;
  }
}
@media (min-width: 992px) {
  .grocer-img2 {
    width: calc(100% - 70px);
    right: -70px;
    top: -40px;
  }
}

.grocer-img3 {
  position: absolute;
  z-index: 6;
  width: calc(100% + 80px);
  right: -10px;
  top: 80px;
}
@media (min-width: 767px) {
  .grocer-img3 {
    width: 100%;
    right: 80px;
    top: 90px;
  }
}

.gt-screens {
  position: relative;
  background: #F2F4F9;
  padding: 100px 0 0px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .gt-screens {
    padding: 85px 0 150px;
  }
}
.gt-screens h2 {
  max-width: 954px;
  margin: 0 auto 80px;
}
@media (min-width: 767px) {
  .gt-screens h2 {
    text-align: center;
  }
}
.gt-screens h2 span {
  color: #289D84;
}

.gt-c {
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) {
  .gt-c {
    justify-content: flex-start;
    overflow: auto;
    padding: 0 0 180px;
    margin: 0 -15px;
  }
}
@media (max-width: 767px) {
  .gt-c {
    padding: 0 0 90px;
  }
}
.gt-c > div {
  margin-right: 58px;
}
@media (min-width: 992px) {
  .gt-c > div:nth-child(even) {
    margin-top: 120px;
  }
  .gt-c > div:nth-child(even) .gt-img {
    animation-delay: 800ms;
  }
}

.gt-img {
  box-shadow: 0px 102.225px 81.7801px rgba(62, 68, 128, 0.12), inset -2.0445px -10.2225px 20.445px rgba(102, 131, 188, 0.5), inset 0px 2.0445px 20.445px #ffffff;
  border-radius: 60px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 200px;
  min-width: 200px;
}
@media (min-width: 767px) {
  .gt-img {
    max-width: 270px;
    min-width: 270px;
  }
}
@media (min-width: 1200px) {
  .gt-img {
    max-width: 323px;
    min-width: 323px;
  }
}

.gt-how-cards {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-how-cards {
    grid-template-columns: 450px;
  }
}
@media (min-width: 992px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: 550px;
  }
}
@media (min-width: 1200px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: repeat(auto-fill, 350px);
  }
}

@media (max-width: 1200px) {
  .gt-how-card {
    grid-template-columns: 220px auto;
  }
}
@media (max-width: 1200px) {
  .gt-how-card {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 15px;
    align-items: center;
  }
  .gt-how-card .gt-how-text {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .gt-how-card {
    grid-template-columns: 130px auto;
  }
}

.gt-how-img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .gt-how-img {
    margin-bottom: 0;
  }
}
.gt-how-img video {
  max-width: calc(100% + 1px);
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .gt-how-img {
    margin-bottom: 36px;
  }
}

.gt-how-text {
  text-align: center;
}
.gt-how-text h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .gt-how-text h4 {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.gt-how-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #A1A0A9;
}
@media (min-width: 1200px) {
  .gt-how-text p {
    font-size: 21px;
    line-height: 24px;
  }
}

.gt-how {
  position: relative;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .gt-how {
    padding: 140px 0 200px;
  }
}
.gt-how .container {
  max-width: 1350px;
}
.gt-how .heading {
  text-align: center;
}
.gt-how .heading p {
  max-width: 332px;
  margin: 0 auto;
}

.simplified-platform {
  position: relative;
  background: #f7f7fd;
  padding: 80px 0 10px;
}
@media (min-width: 992px) {
  .simplified-platform {
    padding: 50px 0 10px;
  }
}

.sp-img {
  overflow: hidden;
  padding-left: 50px;
}
.sp-img video {
  max-width: 100%;
  transform: scale(1.04);
}

.optimized-apps {
  position: relative;
  text-align: center;
  padding: 80px 0 0px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .optimized-apps {
    padding: 120px 0 0px;
  }
}
.optimized-apps h2 {
  max-width: 1002px;
  margin: 0 auto 54px;
}

section.mockup-sec {
  padding: 20px 0 120px;
}
@media (min-width: 767px) {
  section.mockup-sec {
    padding: 90px 0 150px;
  }
}

.mockup-rows {
  padding-top: 120px;
  align-items: center;
}
.mockup-rows:first-child {
  padding-top: 0;
}
@media (min-width: 767px) {
  .mockup-rows {
    padding-top: 60px;
  }
}
@media (max-width: 992px) {
  .mockup-rows:nth-child(2n+2) {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1200px) {
  .mockup-rows {
    padding-top: 120px;
  }
}

@media (min-width: 992px) {
  .mur-text {
    margin-top: -70px;
  }
}
.mur-text h4 {
  margin-bottom: 24px;
}
.mur-text h6 {
  color: #5E5C66;
}

.mur-img {
  position: relative;
  transform: scale(1) translate(0px, 0px);
  overflow: hidden;
  padding-left: 20px;
}
@media (min-width: 767px) {
  .mur-img {
    max-width: 440px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .mur-img {
    margin-bottom: -40px;
    margin-top: 0px;
    margin: 0 auto -90px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .mur-img {
    transform: scale(1) translate(0px, 0px);
    max-width: 570px;
  }
}
@media (max-width: 767px) {
  .mur-img {
    margin: 30px auto -80px;
  }
  .mur-img > img {
    width: 500px !important;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.mur-img video {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1.04);
  position: relative;
  z-index: 2;
}
.mur-img:after {
  content: "";
  position: absolute;
  width: 522px;
  height: 522px;
  border-radius: 50%;
  background-color: #F2F5F8;
  right: 30px;
  bottom: 100px;
  z-index: 0;
  display: none;
}

.mur-float1 {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 80px;
  z-index: 0;
}
@media (min-width: 767px) {
  .mur-float1 {
    left: -30px;
    top: 60px;
  }
}
.mur-float1 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}
@media (min-width: 992px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}

.mur-float2 {
  position: absolute;
  z-index: 5;
  bottom: -30px;
  right: -50px;
}
@media (min-width: 767px) {
  .mur-float2 {
    bottom: 30px;
    right: 60px;
  }
}
.mur-float2 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}

.mur-float3 {
  position: absolute;
  z-index: 5;
  right: -70px;
  top: 10px;
}
@media (min-width: 767px) {
  .mur-float3 {
    right: 10px;
    top: 10px;
  }
}
.mur-float3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 430px;
}
@media (max-width: 767px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}
@media (min-width: 992px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}

.mur-float4 {
  position: absolute;
  z-index: 5;
  bottom: -10px;
  left: -20px;
}
@media (min-width: 767px) {
  .mur-float4 {
    bottom: 0px;
    left: -100px;
  }
}
.mur-float4 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}

.curation-sec {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .curation-sec {
    padding: 226px 0;
  }
}
.curation-sec:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #FFF1EF;
  z-index: 0;
  width: 426px;
  height: 426px;
  bottom: 18%;
  right: -240px;
}
@media (min-width: 767px) {
  .curation-sec:after {
    right: -650px;
    width: 1026px;
    height: 1026px;
    bottom: auto;
    top: 7%;
  }
}
@media (min-width: 1200px) {
  .curation-sec:after {
    right: -350px;
  }
}
.curation-sec .container {
  position: relative;
  z-index: 5;
}
.curation-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.35;
}
@media (min-width: 767px) {
  .curation-sec h3 {
    line-height: 52px;
    letter-spacing: -0.015em;
  }
}

.cur-img {
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  border-radius: 52px;
  overflow: hidden;
  box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.12);
  height: calc(100% - 7px);
}
@media (max-width: 1200px) {
  .cur-img {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .cur-img {
    max-width: 280px;
    margin: 50px auto 0;
    border-radius: 39px;
    height: calc(100% - 57px);
    box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.05);
  }
}
.cur-img video {
  max-width: calc(100% + 3px);
}

.accent-color {
  position: relative;
}
.accent-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #F66754;
  box-shadow: 0px 44.4706px 57.6471px rgba(158, 36, 19, 0.14);
}

.sec-color {
  position: relative;
}
.sec-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #119477;
  box-shadow: 0px 44.4706px 57.6471px rgba(19, 158, 125, 0.14);
}

.border-b {
  position: relative;
}
.border-b:after {
  content: "";
  position: relative;
  display: block;
  width: 85px;
  height: 9px;
  border-radius: 20px;
  background: #EBEBEB;
  margin-top: 15px;
}
.border-b h4 {
  font-weight: 400;
}

.colors-typo {
  padding: 70px 0 72px;
}
@media (min-width: 767px) {
  .colors-typo {
    padding: 169px 0 172px;
  }
}

.color-pallete {
  position: relative;
  padding: 40px 0 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 90px);
  justify-content: space-between;
  gap: 20px;
  text-align: center;
}
@media (min-width: 767px) {
  .color-pallete {
    padding: 120px 0 160px;
    grid-template-columns: repeat(auto-fit, 104px);
  }
}
.color-pallete span {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
  background-color: #23212E;
}
@media (min-width: 767px) {
  .color-pallete span {
    width: 104px;
    height: 104px;
  }
}

.ct-h2 h2 {
  font-size: 48px;
  line-height: 50px;
}

.typo {
  font-family: "Inter", sans-serif;
}
.typo h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  color: #23212E;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
}
.typo h6 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  color: #A1A0A9;
  margin-bottom: 26px;
  font-family: "Inter", sans-serif;
}
.typo p {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  color: #23212E;
  font-family: "Inter", sans-serif;
}

.typo-a {
  display: flex;
  justify-content: flex-end;
}
.typo-a div {
  position: relative;
  font-weight: bold;
  font-size: 261.302px;
  line-height: 259px;
  text-align: center;
  color: #F66754;
  position: relative;
  z-index: 5;
}
.typo-a div:after {
  position: absolute;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #F66754;
  left: 12px;
  top: 8px;
}
.typo-a div:nth-child(1):after {
  content: "A";
}
.typo-a div:nth-child(2):after {
  content: "a";
}

.responsive-design {
  position: relative;
  text-align: center;
  background: #F7F9FF;
  padding: 100px 0 85px;
}
.responsive-design .heading {
  margin-bottom: 40px;
}

.rd-imgs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rd-imgs .rd-img:nth-child(1) {
  margin-right: -70px;
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
.rd-imgs .rd-img:nth-child(2) {
  margin-left: -70px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

.resultROI {
  position: relative;
  padding: 76px 0 109px;
  background: #FCF0EE;
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  .resultROI {
    margin-bottom: 100px;
  }
}
.resultROI h3 {
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #373541;
  font-size: 34px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  .resultROI h3 {
    font-size: 40px;
    line-height: 53px;
  }
}
.resultROI h4 {
  color: #484751;
  opacity: 0.9;
  font-weight: 400;
  margin-top: 60px;
  font-size: 22px;
  line-height: 1.6;
}
@media (min-width: 767px) {
  .resultROI h4 {
    font-size: 27px;
    line-height: 43px;
  }
}
.resultROI h4 b {
  font-weight: 500;
}
.resultROI .gatoeslogo-lower {
  max-width: 110px;
  margin-bottom: 28px;
}

/*** Gatoes ***/
/*** Caresoft ***/
.blue-text {
  color: #4092FE !important;
}

img {
  max-width: 100%;
}

.Caresoft-section .h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.02em;
  color: #0A131D;
}
.Caresoft-section .h1 span {
  color: #4092FE;
}
.Caresoft-section h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1px;
}
@media (min-width: 767px) {
  .Caresoft-section h2 {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
  }
}
.Caresoft-section h2 span {
  color: #4092FE;
}
.Caresoft-section h2.l1 {
  letter-spacing: 1px;
}
.Caresoft-section h3 {
  font-weight: 600;
  letter-spacing: -1px;
  color: #0A131D;
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 767px) {
  .Caresoft-section h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
.Caresoft-section h3 span {
  color: #4092FE;
}
.Caresoft-section h4 {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (min-width: 767px) {
  .Caresoft-section h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.Caresoft-section h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  color: #324963;
}
@media (min-width: 767px) {
  .Caresoft-section h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
.Caresoft-section p {
  color: #324963;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .Caresoft-section p {
    font-size: 22px;
    line-height: 32px;
  }
}

.banner-caresoft {
  position: relative;
  text-align: center;
  color: white;
  padding: 150px 0 50px;
  z-index: 5;
  overflow: hidden;
}
@media (min-width: 767px) {
  .banner-caresoft {
    padding: 180px 0 50px;
  }
}
@media (min-width: 1200px) {
  .banner-caresoft {
    padding: 180px 0 209px;
  }
}
.banner-caresoft:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 739px;
  background: #051A28;
  z-index: -1;
}
.banner-caresoft h2 {
  margin-bottom: -40px;
  color: white;
}
.banner-caresoft p {
  letter-spacing: 0.56px;
  color: #7292A9;
  margin-bottom: 20px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .csbn-img {
    margin: 100px 0 60px;
    transform: scale(1.5) !important;
  }
}

.cs-global-logos {
  background: #DEE7F4;
  border: 1px solid #F0F3FF;
  width: 486px;
  height: 486px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 900ms;
}
@media (max-width: 767px) {
  .cs-global-logos {
    transform: scale(0.5) translateX(-135px);
    margin: -60px 0 -170px;
  }
}
@media (max-width: 380px) {
  .cs-global-logos {
    transform: scale(0.47) translateX(-170px);
    margin: -60px 0 -170px;
  }
}
@media (min-width: 767px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 80px 100px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 110px 100px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 0;
    transform: scale(0) translateX(60px);
  }
}
.cs-global-logos:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #BCD4F3;
  width: 378px;
  height: 378px;
  z-index: 1;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1050ms;
}
@media (min-width: 767px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
.cs-global-logos:before {
  content: "Caresoft Global";
  position: absolute;
  border-radius: 50%;
  background: #3F8CEB;
  width: 238px;
  height: 238px;
  z-index: 2;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1200ms;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -1px;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
.cs-global-logos span {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-flex;
  width: 204px;
  height: 204px;
  box-shadow: 12px 24px 32px rgba(17, 24, 51, 0.12);
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -1px;
  color: #3F8CEB;
}
@media (min-width: 1200px) {
  .cs-global-logos span {
    width: 204px;
    height: 204px;
    width: auto;
    height: auto;
    padding: 20px;
  }
}
.cs-global-logos span:nth-child(1) {
  top: 0rem;
  left: -70px;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
.cs-global-logos span:nth-child(2) {
  top: -7rem;
  right: 0rem;
  transition-delay: 1600ms;
  width: 204px;
  height: 204px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
.cs-global-logos span:nth-child(3) {
  top: 10rem;
  right: -8rem;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
.cs-global-logos span:nth-child(4) {
  top: 26rem;
  left: 18rem;
  transition-delay: 1800ms;
  width: 190px;
  height: 190px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
.cs-global-logos span:nth-child(5) {
  top: 19rem;
  left: -6rem;
  transition-delay: 1900ms;
  width: 164px;
  height: 164px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}

@media (max-width: 1200px) {
  .ripple-circle {
    max-width: 600px;
  }
}
@media (min-width: 1200px) {
  .ripple-circle.aos-animate .cs-global-logos {
    transform: scale(0.9) translateX(60px);
  }
}
.ripple-circle.aos-animate .cs-global-logos:after {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos:before {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos span {
  opacity: 1;
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos .map-g:after {
  transform: scale(1);
}

.map-g {
  z-index: 4;
}
.map-g:after {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  bottom: -60px;
  top: -60px;
  border: 4px dashed #3F8CEB;
  border-radius: 50%;
  transform: scale(0);
  transition-delay: 400ms;
}

.csb-text h2 {
  margin-bottom: 30px;
}
.csb-text > p {
  margin-bottom: 50px;
}

.csb-list p {
  margin-bottom: 38px;
  position: relative;
  display: grid;
  grid-template-columns: 20px auto;
  gap: 10px;
}
@media (min-width: 767px) {
  .csb-list p {
    grid-template-columns: 25px auto;
    gap: 24px;
  }
}
.csb-list p:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/cbTick.svg) no-repeat 0px 6px;
  background-size: contain;
}

section.cs-global {
  position: relative;
  padding: 50px 0 170px;
}

.problem-statement {
  position: relative;
  padding: 25px 20px 50px;
  background: #EAF2FC;
  border-radius: 2px;
  max-width: 1372px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  .problem-statement {
    padding: 124px 100px;
    margin: 0 auto 170px;
  }
}
.problem-statement h4 {
  margin-bottom: 24px;
}
.problem-statement p.text-blue {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4092FE;
  margin-bottom: 8px;
}

.ps-text {
  margin-top: 50px;
}
@media (min-width: 1200px) {
  .ps-text {
    padding-left: 75px;
    margin-top: 0;
  }
}

.issues-fixed {
  overflow: hidden;
}
.issues-fixed .heading {
  text-align: center;
  margin-bottom: 32px;
}
.issues-fixed .heading h2 {
  margin-bottom: 30px;
}

.w1372 {
  max-width: 1372px;
  margin-left: auto;
  margin-right: auto;
}

.if-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: space-between;
  gap: 30px;
  text-align: left;
  position: relative;
}
@media (min-width: 767px) {
  .if-cards {
    grid-template-columns: repeat(2, 1fr);
    bottom: 140px;
  }
}
@media (min-width: 992px) {
  .if-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

.if-card {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 74px 60px -10px rgba(4, 42, 92, 0.15);
  border-radius: 1px;
  padding: 35px 24px 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 767px) {
  .if-card {
    padding: 95px 24px 48px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
  }
}
.if-card > div {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .if-card > div {
    margin-right: 15px;
    flex-shrink: 0;
    margin-bottom: 0;
    max-width: 50px;
  }
}
.if-card h6 {
  font-weight: 500;
  font-size: 21px;
  line-height: 27px;
  letter-spacing: -0.2px;
  color: #324963;
}
@media (min-width: 767px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card:nth-child(2n+2) {
    top: 50px;
  }
}

.if-card-sec {
  position: relative;
  background: #4092FE;
  border-radius: 2px;
  padding: 60px 0 60px;
  margin-top: 60px;
}
@media (min-width: 767px) {
  .if-card-sec {
    padding: 0px 0 30px;
    margin-top: 160px;
  }
}

.serve-sec {
  position: relative;
  padding: 80px 0 40px;
}
@media (min-width: 767px) {
  .serve-sec {
    padding: 170px 0 70px;
  }
}
.serve-sec h2 {
  position: sticky;
  top: 50px;
}
@media (max-width: 992px) {
  .serve-sec h2 {
    margin-bottom: 20px;
  }
}

.serve-text {
  position: relative;
}
.serve-text p {
  margin-bottom: 30px;
}
.serve-text p:last-child {
  margin-bottom: 60px;
}
.serve-text h6 {
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-bottom: 32px;
}
.serve-text ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #4A6889;
  margin-bottom: 27px;
  display: grid;
  grid-template-columns: 16px auto;
  gap: 23px;
  align-items: center;
}
.serve-text ul li span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #4092FE;
  position: relative;
}
.serve-text ul li span:after {
  content: "";
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #BAD5FE;
  margin-top: -4px;
  margin-left: 4px;
}

.redefine-sec {
  position: relative;
  padding: 40px 0 10px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .redefine-sec {
    padding: 100px 0;
  }
}
.redefine-sec .heading {
  text-align: center;
  margin-bottom: 70px;
}
.redefine-sec .heading h2 {
  margin-bottom: 30px;
}
.redefine-sec .heading h6 {
  line-height: 36px;
}
@media (max-width: 767px) {
  .redefine-sec .heading h6 {
    line-height: 30px;
  }
  .redefine-sec .heading h6 br {
    display: none;
  }
}

.redefine-colored {
  background: linear-gradient(180deg, #5665FE 0%, #3B9DFF 100%);
  border-radius: 2px;
  color: white;
  padding: 80px 20px 0px 20px;
}
@media (min-width: 767px) {
  .redefine-colored {
    padding: 80px 50px 0px 50px;
  }
}
@media (min-width: 992px) {
  .redefine-colored {
    padding: 80px 100px 0px 100px;
  }
}
@media (min-width: 1200px) {
  .redefine-colored {
    padding: 30px 0px 0px 100px;
  }
}
.redefine-colored h3 {
  color: white;
}
@media (min-width: 767px) {
  .redefine-colored h3 {
    padding-right: 60px;
  }
}
.redefine-colored .row {
  align-items: center;
}

.redefine-img {
  position: relative;
  margin-bottom: 0px;
  z-index: 6;
  left: 10px;
  top: 0px;
  margin-top: 80px;
  width: calc(100% + 70px);
}
@media (max-width: 767px) {
  .redefine-img {
    width: 100%;
    left: 0;
  }
}
@media (min-width: 767px) {
  .redefine-img {
    left: 40px;
    top: 100px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .redefine-img {
    left: 40px;
    top: 50px;
  }
}
.redefine-img:before {
  content: "";
  position: absolute;
  left: -114px;
  top: -60px;
  right: 0;
  bottom: 0;
  background: url(../images/bgskew.png) no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .redefine-img:before {
    left: 0;
  }
}

.automotive-section {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}
.automotive-section .heading {
  margin-bottom: 40px;
  max-width: 970px;
}
@media (min-width: 767px) {
  .automotive-section .heading {
    margin-bottom: 98px;
  }
}
.automotive-section .heading h2 {
  margin-bottom: 30px;
}
.automotive-section .heading h6 {
  color: #5B6282;
}
.automotive-section .heading h6 b {
  font-weight: 500;
}
.automotive-section.Cornea-section .auto-sec-img {
  background: linear-gradient(180deg, #4DBAFF 0%, rgba(77, 186, 255, 0) 100%);
}

.auto-sec-img {
  text-align: center;
  background: linear-gradient(180deg, #EAF2FC 67.18%, rgba(234, 242, 252, 0) 100%);
  border-radius: 2px;
  padding: 80px 15px 0;
}
@media (max-width: 767px) {
  .auto-sec-img {
    width: 100%;
    margin-left: 0;
    padding-top: 50px;
  }
}

.ticc-sec {
  position: relative;
  text-align: center;
  padding: 40px 0 40px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .ticc-sec {
    padding: 70px 0 40px;
  }
}
@media (max-width: 767px) {
  .ticc-sec img {
    transform: scale(1.18);
    margin: 100px 0 50px;
  }
}
.ticc-sec .heading {
  max-width: 881px;
  margin: 0 auto 30px;
  text-align: center;
}
.ticc-sec .heading h3 {
  margin-bottom: 32px;
}

section.laptop-secc {
  text-align: center;
  position: relative;
  z-index: 5;
  margin-bottom: 80px;
}
@media (min-width: 767px) {
  section.laptop-secc {
    margin-bottom: 160px;
  }
}
section.laptop-secc:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 578px;
  display: none;
}
section.laptop-secc.arcadia .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.motoview-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.cornea .arcadia-text {
  background: linear-gradient(0deg, #090E1F, #090E1F);
}
section.laptop-secc.cornea h3 {
  background: linear-gradient(90deg, #FFC108 12.78%, #FF9734 39%, #2081FF 70.71%, #5154FF 105.05%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}
section.laptop-secc.cornea h6 {
  color: #C2D2F1;
}
section.laptop-secc.costcompare-laptop:after {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.iceberg-laptop {
  margin-bottom: 119px;
}
section.laptop-secc.iceberg-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}

.arcadia-img {
  margin-bottom: -130px;
  position: relative;
  z-index: 5;
}
@media (min-width: 767px) {
  .arcadia-img {
    margin-bottom: -220px;
  }
}

.arcadia-text {
  position: relative;
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
  padding: 180px 0 80px;
}
@media (min-width: 767px) {
  .arcadia-text {
    padding: 300px 0 80px;
  }
}
.arcadia-text h3 {
  letter-spacing: 0.03em;
  margin-bottom: 25px;
}
.arcadia-text h6 {
  max-width: 970px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .arcadia-text h6 {
    line-height: 36px;
  }
}
.arcadia-text h6 b {
  font-weight: 600;
}

.global-pres {
  position: relative;
  text-align: center;
  display: flex;
  max-width: 840px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .global-pres {
    flex-direction: column;
  }
}
.global-pres:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  bottom: 0px;
  margin-right: 25px;
}
@media (min-width: 767px) {
  .global-pres:before {
    bottom: 60px;
  }
}
.global-pres:after {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  align-self: flex-end;
  transform: rotate(180deg);
  top: 0px;
  margin-left: 25px;
}
@media (min-width: 767px) {
  .global-pres:after {
    top: 40px;
  }
}
.global-pres > div {
  font-weight: 600;
  font-size: 41px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #0A131D;
  margin: 20px 0;
}
@media (min-width: 767px) {
  .global-pres > div {
    flex-direction: column;
    margin: 0px 0;
  }
}

section.caresoft-globalpres h3 {
  text-align: center;
  max-width: 1115px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  section.caresoft-globalpres h3 {
    margin: 0 auto 170px;
  }
}

.cgp-in {
  text-align: center;
  position: relative;
  background: #F4F5F6;
  border-radius: 2px;
  padding: 90px 20px;
}
@media (min-width: 767px) {
  .cgp-in {
    padding: 50px 20px;
  }
}
.cgp-in h3 {
  max-width: 1060px;
  margin: 0 auto 32px;
}

.cgp-white {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 766px;
  margin: 48px auto 0;
  padding: 24px 10px;
  background-color: white;
  border-radius: 16px;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .cgp-white {
    padding: 24px 42px;
  }
}
.cgp-white .h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.32px;
  font-weight: 700;
}
@media (min-width: 767px) {
  .cgp-white .h6 {
    font-size: 24px;
    line-height: 24px;
  }
}
.cgp-white a {
  color: #3F8CEB;
  margin-left: 30px;
  display: block;
}

section.caresoft-globalpress {
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  section.caresoft-globalpress {
    margin-bottom: 100px;
  }
}

/*** Caresoft Ends ***/
.colr-pro-theme {
  color: #E62224;
}

.motoview-banner {
  text-align: center;
  position: relative;
  padding: 160px 0 0px;
  z-index: 5;
  overflow: hidden;
}
.motoview-banner h2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .motoview-banner h2 {
    font-size: 32px;
    line-height: 40px;
    word-break: break-word;
  }
  .motoview-banner h2 br {
    display: none;
  }
  .motoview-banner h2 .colr-pro-theme {
    padding: 0 6px;
  }
}
.motoview-banner .desc {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .motoview-banner .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0px;
  }
  .motoview-banner .desc br {
    display: none;
  }
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url(../images/moto/mw_background.png);
}

.img-repo {
  max-width: 100%;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
  padding: 100px 0 0;
}
.img-big .device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}
.img-big .desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}
.img-big .desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}
.img-big .desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}
.img-big .desktop-frame .top-btns span.close {
  background-color: #FF6159;
}
.img-big .desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}
.img-big .desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}
.img-big .desktop-frame figure.img {
  max-width: 793px;
}
.img-big .desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.motoview-casestudy video {
  mix-blend-mode: multiply;
}

.img-top-overflow {
  margin-top: -185px;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.blend-bg {
  mix-blend-mode: multiply;
}

.car-details-img figure {
  max-width: 100%;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 40px 0 0 -32px;
}

.casestudy-points {
  margin-bottom: 58px;
}
.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}
.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}
.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.project-description {
  padding: 86px 0 122px;
  margin: 0 0 0 46px;
}

.specification-ui-block figure span img {
  width: 100%;
}

.specification-ui-block .pos-img-ui {
  width: 100%;
  max-width: 200px;
}

.specification-ui-block .pos-img-ui img {
  width: 100%;
}

.pos-img-ui2 {
  width: 100%;
  max-width: 400px;
}

.pos-img-ui2 img {
  width: 100%;
}

.car-details-img figure {
  max-width: 634px;
  width: 100%;
  margin: auto;
}

.filter-img3 figure img {
  max-width: inherit;
}

.search-slide .search-frame {
  max-width: 520px;
  width: 100%; /* margin-top: -78px;*/
}

.search-bar {
  position: relative;
  z-index: 9;
}

picture {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

picture img {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .search-slide video {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .bg-greay-before.bg-top-bottom .filter-section {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .repo-none {
    display: none !important;
  }
}
@media only screen and (min-width: 991px) {
  .d-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .container-lg {
    width: 1200px;
  }
}
.device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}

.device-set .desktop-frame {
  margin: 0 0px 0 70px;
}

.desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}

.desktop-frame figure.img {
  max-width: 793px;
}

.desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}

.desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}

.desktop-frame .top-btns span.close {
  background-color: #FF6159;
}

.desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}

.desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
}

.mobile-frame {
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.speaker-bar {
  position: absolute;
  left: 50%;
  top: 15px;
  background-color: #E0E4E7;
  border-radius: 5px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 40px;
  height: 3px;
}

.project-description h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.color-light {
  color: rgba(50, 73, 99, 0.75);
}

.project-description p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.pi {
  font-size: inherit;
  font-weight: inherit;
}

.title-md {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  line-height: 18px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 12px 0px;
}

.colr-pro-theme {
  color: #E62224;
}

.colr-pro-theme:hover {
  color: #ff2729;
}

.casestudy-wrapper {
  position: relative;
}

.casestudy-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  height: 100%;
  background: #F7F9FB;
  margin-left: 210px;
  top: 3px;
}

.casestudy-wrapper:after {
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(10, 19, 29, 0.12);
  height: 5px;
  width: 100%;
  left: 0;
  top: -1px;
  content: "";
}

.pro-project-wrapper {
  padding: 37px 30px 50px;
}

.title-xs {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.56px;
  line-height: 15px;
  margin: 0 0 12px 0px;
  text-transform: uppercase;
}

.grey {
  color: #8B9DB1;
}

.pro-platform-list {
  margin: 52px 0 0 0;
}

.pro-platform-list .title20 {
  color: #0A131D;
}

.title20 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url("../images/moto/mw_background.png");
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
}

.casestudy-points {
  margin-bottom: 58px;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 58px 0 0 -32px;
}

.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}

.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.ic-check-list ul {
  padding: 0px;
}

.ic-check-list ul li {
  position: relative;
  margin: 0 0 0 0px;
  padding: 0px 0 0 55px;
  color: #324963;
  font-size: 20px;
  line-height: 32px;
  margin: 45px 0 0 0px;
  list-style: none;
  font-weight: 400;
}

.ic-check-list ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 27px;
  height: 26px;
  background: url("../images/moto/ic_bullet.svg") no-repeat;
  background-size: 100% auto;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}

.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.bg-greay-before {
  padding: 75px 0 0px;
  position: relative;
}

.bg-top-bottom.bg-greay-before {
  padding: 0px;
  margin-top: 78px;
}

.bg-greay-before:before {
  content: "";
  position: absolute;
  background: #F7F9FB;
  top: 0;
  left: 0;
  right: 0;
  bottom: 112px;
}

.bg-greay-before.bg-top-bottom:before {
  bottom: 260px;
}

.bg-greay-before .project-description {
  margin: 0px;
  padding: 0px;
}

.bg-greay-before .project-description h2 {
  margin: 0px 0 35px 0px;
}

.motoshow {
  float: right;
  width: 188px;
  margin: 0px 0 0px 12px;
}

.motoshow-coverd {
  background-color: #E62123;
  box-shadow: 0 14px 20px 0 rgba(230, 33, 35, 0.1), 0 24px 32px 0 rgba(230, 33, 35, 0.09);
  border-radius: 8px;
  height: 205px;
  text-align: center;
  display: table;
  width: 100%;
}

.motoshow-coverd a {
  text-decoration: none;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.motoshow-coverd a span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1.13px;
  line-height: 24px;
  text-transform: uppercase;
}

.motoshow-coverd a span.f-big {
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 62px;
  color: #FFFFFF;
}

.opacity06 {
  opacity: 0.6;
}

/*.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}*/
.show-locations {
  margin: 0 27px 0 0px;
  padding: 65px 0 60px;
}

.moto-slide {
  background-color: #FFFFFF;
  border-radius: 8px;
  /*box-shadow: 0 14px 20px -2px rgba(10,19,29,0.08), 0 24px 32px -5px rgba(10,19,29,0.07);*/
  display: inline-block;
  width: 100%;
  vertical-align: top;
  transition: box-shadow 0.4s ease;
}

.moto-slider .carousel-inner {
  overflow: visible;
  display: inline-block;
  padding: 0px 0 0px;
}

.moto-slide figure {
  min-height: 158px;
  text-align: center;
  display: block;
  width: 100%;
  border-bottom: 1px solid #EBEDF0;
  position: relative;
}

.moto-slide h4 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 12px 12px;
  text-transform: uppercase;
  text-align: center;
}

.moto-slide figure img {
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.moto-slider {
  width: calc(100% - 200px);
}

.moto-slider .moto-carousel {
  margin: 0 0 0 -12px;
}

.moto-inline {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  /*padding-bottom: 60px;*/
}

.moto-inline .moto-slide figure img {
  width: auto;
}

.moto-slider .owl-carousel .owl-stage-outer {
  margin: 0 -30px -60px;
  padding: 0 30px 60px;
}

.moto-slider .owl-carousel .owl-item.active .moto-slide {
  box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
}

.owl-carousel.owl-drag .owl-item, .owl-carousel {
  touch-action: pan-y;
}

/*.moto-inline:nth-child(1){
transition-delay: 0.20s;
}

.moto-inline:nth-child(2){
transition-delay: 0.40s;
}

.moto-inline:nth-child(3){
transition-delay: 0.60s;
}

.moto-inline:nth-child(4){
transition-delay: 0.80s;
}

.item.active .moto-inline{
opacity: 1;
top:0;
transform:translate3d(0px, 0px, 0);
-webkit-transform:translate3d(0px, 0px, 0);
}*/
.casestudy-points + .bg-greay-before:before {
  height: 84%;
}

.m-l0 {
  margin-left: 0px;
}

.motoview-title {
  padding: 86px 0px 0;
}

.motoview-title h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.home-content {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.28px;
  line-height: 42px;
  color: #0A131D;
  margin: 0px 0 0px 0px;
}

.content-align {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 0;
  padding-bottom: 180px;
}

.left-img-outside {
  display: inline-block;
  width: 57.33333333%;
  vertical-align: top;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.left-img-outside .ipod-frame {
  margin: 0 0 0 -45px;
  padding: 10px;
}

.left-img-outside figure {
  display: block;
}

.right-content {
  display: inline-block;
  width: 42.66666667%;
  vertical-align: top;
  margin: 70px 0 0 0;
}

.pos-relative {
  position: relative;
}

.img-top-overflow {
  margin-top: -145px;
  position: relative;
  margin-bottom: 30px;
}

.car-overlap {
  position: absolute;
  bottom: -41px;
  text-align: center;
  width: 100%;
}

.feature-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.featured-content .home-content {
  margin: 0px 0 34px 0px;
}

.featured-content p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
  margin: 0px 0 2px 0px;
}

.featured-content a {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.featured-content a:hover {
  color: #E62224;
}

.featured-content a span {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: transform, 0.3s all;
  -webkit-transition: transform, 0.3s all;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.featured-content a:hover span {
  transform: translate3d(5px, 0, 0);
  -webkit-transform: translate3d(5px, 0, 0);
}

.motoshow-slider {
  position: relative;
  display: inline-block;
}

.motoshow-slider .top-slide {
  position: relative;
  box-shadow: 0 20px 75px -6px rgba(11, 33, 47, 0.23);
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 12px;
  display: inline-block;
  z-index: 9;
}

.slide-child {
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 48px 72px -6px rgba(11, 33, 47, 0.23);
  opacity: 0.3;
}

.slide-child:nth-child(2) {
  right: -32px;
}

.slide-child:nth-child(3) {
  right: -48px;
}

/* filter section */
.filter-section {
  padding: 130px 0 0px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-left: 35px;
}

.filter-img {
  float: left;
}

.clear-left {
  clear: left;
}

.filter-img2 {
  margin: -76px 0 0 -15px;
}

.filter-img3 {
  margin: -252px 0 0 176px;
}

.filter-content {
  margin: 0;
  overflow: hidden;
  padding: 81px 100px 0 110px;
}

.featured-content.m-t {
  margin-top: 96px;
}

.search-slide {
  text-align: center;
  position: relative;
}

.search-frame {
  background-color: #FDFDFE;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 24px 64px -11px rgba(0, 0, 0, 0.16);
  padding: 9px 4px 19px;
  display: inline-block;
  margin-top: 0px;
}

.search-slide {
  position: relative;
  z-index: 9;
}

.search-field {
  max-width: 571px;
  box-shadow: 0 44px 70px -14px rgba(10, 19, 29, 0.14);
  height: 83px;
  border: 1px solid #EDEDEE;
  border-radius: 16px;
  background-color: #fff;
  margin: 0px auto;
  text-align: left;
  font-size: 21px;
  color: rgba(99, 117, 140, 0.6);
  font-weight: 400;
  padding: 25px 0 0 60px;
  position: relative;
  z-index: 1;
}

.search-field:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin: -12px 0 0 0;
}

.car-details {
  position: relative;
  margin: 82px 0 75px 0;
}

.car-details-img {
  position: relative;
  text-align: center;
}

.car-details-popup {
  position: absolute;
  bottom: 90px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5.5px;
  box-shadow: 0 48px 77px 0 rgba(10, 19, 29, 0.32);
  background-color: rgba(255, 255, 255, 0.19);
  padding: 0px;
  max-width: 749px;
  width: 100%;
}

.gallery.section {
  margin: 85px 0 0px;
}

.gallery-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  color: #98a2a9;
  text-align: center;
  margin: 0px;
}

.gallery-nav ul {
  padding: 0px;
  margin: 20px -7px 0;
  text-align: center;
}

.gallery-nav ul li {
  display: inline-block;
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(11, 33, 47, 0.12);
  padding: 11px 29px;
  margin: 0 7px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 18px;
  color: #0B212F;
}

.gallery-nav ul li.active {
  color: #fff;
  background: #0B212F;
  font-size: 18px;
  padding: 19px 43px;
  letter-spacing: 1.29px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 22px 25px -10px rgba(11, 33, 47, 0.4);
}

.gallery {
  position: relative;
  margin: 16px 0 0 0;
}

.device-set [data-aos=slide-up] {
  transform: translate3d(0, 30%, 0);
}

.gallery figure.img {
  margin-left: -40px;
  margin-right: -40px;
}

.dwnload-btn {
  position: absolute;
  bottom: 0px;
  left: 120px;
}

.dwnload-list {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -50px 28px;
}

.gallery-content {
  text-align: center;
  max-width: 448px;
  margin: 70px auto 0;
}

.gallery-content p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  line-height: 32px;
  font-weight: 400;
}

.grey-bg-ui {
  background-color: #F7F9FB;
  width: 100%;
  display: inline-block;
  padding: 80px 43px 43px;
}

.specification-ui-block .title-md {
  text-transform: uppercase;
}

.final-product-ui {
  display: inline-block;
  width: 100%;
  padding: 98px 0 40px;
  position: relative;
  overflow: hidden;
}

.final-product-ui .background-zoom {
  top: 0;
}

.final-product-ui .title-lg {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  color: #FFFFFF;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b80 {
  margin-bottom: 80px;
}

.compare-car-ui {
  padding-bottom: 120px;
}

.cc-ui-block {
  position: absolute;
  bottom: 74px;
  right: -49px;
}

.specification-ui-block figure {
  position: relative;
}

.pos-img-ui {
  position: absolute;
  top: -48px;
  right: -14px;
}

.pos-img-ui2 {
  position: absolute;
  bottom: -48px;
  right: -31px;
}

.final-product-ui .home-content {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  max-width: 547px;
  padding-left: 40px;
}

.final-product-ui .background-zoom {
  height: 948px;
}

.conclusion-heading {
  margin-bottom: 64px;
}

.old-new-ui .col-sm-6 {
  width: 50%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 -10px;
}

.old-new-ui .col-sm-6:last-child {
  margin-left: -43px;
}

.final-product-ui .bg-motoview {
  background: url("../images/moto/conclusion_back-min.jpg");
  background-position: center;
}

.final-product-ui h4 {
  opacity: 0.8;
  color: #FF0431;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 25px;
  margin-bottom: 10px;
}

.final-product-ui h4.white-label {
  color: #fff;
}

.final-product-ui p {
  height: 85px;
  width: 452px;
  opacity: 0.7;
  color: #ADC1CD;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 26px;
}

.old-ui figure {
  margin-bottom: 18px;
}

.mob-hide {
  display: block;
}

.mob-show {
  display: none;
}

.action-block {
  text-align: center;
  padding: 128px 0;
}

.action-block h3 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  text-align: center;
  color: #0A131D;
}

.action-block .btn-check {
  border-radius: 12px;
  background-color: rgba(230, 33, 35, 0.09);
  height: 54px;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  min-width: 220px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #E62123;
  margin-top: 48px;
}

@media only screen and (max-width: 1300px) {
  .old-new-ui .col-sm-6 figure img {
    width: 100%;
  }
  .old-new-ui .col-sm-6 {
    margin: 0;
    padding: 0 15px;
    width: 49%;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .cc-ui-block {
    right: -15px;
  }
  .filter-section {
    margin-left: 0;
  }
  .gallery figure.img {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  .final-product-ui .title-lg {
    height: auto;
  }
  .compare-car-ui {
    padding-bottom: 60px;
  }
  .m-t140 {
    margin-top: 30px;
  }
  .specification-ui-block figure {
    text-align: center;
  }
  .specification-ui-block figure img {
    width: 100%;
    max-width: 400px;
  }
  .old-new-ui .col-sm-6 {
    padding: 0 15px;
  }
  .conclusion-heading .title-md {
    margin-bottom: 0;
  }
  .final-product-ui .title-lg {
    font-size: 36px;
    line-height: 42px;
  }
  .final-product-ui .home-content {
    font-size: 18px;
    line-height: 28px;
  }
  .final-product-ui {
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .flex-row {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1200px) {
  .final-product-ui .home-content {
    max-width: 100%;
    padding-left: 0;
  }
  .old-new-ui .col-sm-6 {
    width: 49%;
    margin-bottom: 30px;
  }
  .old-new-ui .col-sm-6 figure {
    max-width: 700px;
  }
  .specification-ui-block figure img {
    width: 100%;
  }
  .pos-img-ui {
    top: -50px;
    right: -13px;
  }
  .final-product-ui .background-zoom {
    height: 100%;
  }
  .left-img-outside {
    width: 100%;
    text-align: center;
  }
  .right-content {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0 !important;
  }
  .right-content .home-content .repo-none {
    display: none;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .ipod-pos-left {
    left: 0;
  }
  .final-product-ui p {
    width: 100%;
  }
  .lg-none {
    display: none;
  }
  .casestudy-wrapper:before {
    margin-left: 161px;
  }
  .mobile-frame {
    right: 0px;
  }
  .moto-slider {
    width: calc(100% - 165px);
  }
  .motoshow {
    width: 158px;
    margin: 0 0 0 7px;
  }
  .moto-inline {
    padding: 0 7px;
  }
  .moto-slider .moto-slide figure img {
    width: auto;
    max-width: 90%;
  }
  .left-img-outside .ipod-frame {
    margin: 0 0 0 -175px;
  }
  .motoshow-slider {
    margin-left: 0;
  }
  .search-frame {
    max-width: 90%;
  }
  .filter-content {
    padding: 70px 0px 0 20px;
  }
  .gallery-nav ul {
    align-items: center;
    display: flex;
    overflow-x: auto;
  }
  .gallery-nav ul li {
    flex: auto 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .repo-block {
    display: none !important;
  }
}
@media only screen and (min-width: 767px) {
  .m-block {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .project-description {
    margin: 0 0 0 0px;
    padding-bottom: 0px;
  }
  .casestudy-wrapper {
    overflow-x: hidden;
  }
  .pro-project-wrapper {
    padding: 20px 0px 40px;
    margin-top: 50px;
  }
  .casestudy-wrapper:before {
    display: none;
  }
  .pro-project-wrapper:before {
    content: "";
    background: #F7F9FB;
    left: -50%;
    right: -50%;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: -1;
  }
  .pro-platform-list {
    margin: 30px 0 0 0;
  }
  .title-md {
    font-size: 14px;
    line-height: 16px;
  }
  .project-description h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .motoview-title h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .project-description p {
    font-size: 16px;
    line-height: 1.5;
  }
  .title20 {
    margin: 0px;
    font-size: 18px;
  }
  .title-xs {
    margin: 0px 0 10px 0px;
  }
  .content-align {
    padding-bottom: 80px;
  }
  .left-img-outside {
    display: block;
    width: auto;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0px;
    display: block;
  }
  .left-img-outside .ipod-frame img {
    width: 100%;
  }
  .right-content {
    display: block;
    width: auto;
    margin: 60px 0 0 0;
  }
  .car-overlap {
    bottom: -9px;
  }
  .title-md.m-l25 {
    margin-left: 0px !important;
  }
  .m-t160 {
    margin-top: 60px;
  }
  .m-t130 {
    margin-top: 60px;
  }
  .motoshow-slider {
    margin: 0 0 50px 0;
  }
  .search-slide {
    margin: 0 0 50px 0px;
  }
  .filter-img {
    float: none;
  }
  .filter-content {
    padding: 180px 0px 0 0px;
  }
  .filter-section {
    padding: 60px 0 0px;
    margin-left: 0px;
  }
  .ic-check-list ul li {
    font-size: 17px;
    margin: 20px 0 0 0px;
    padding: 0px 0 0 44px;
    line-height: 1.5;
  }
  .description p {
    font-size: 17px;
    line-height: 1.5;
  }
  .ic-check-list ul li:before {
    width: 20px;
    height: 20px;
  }
  .home-content {
    font-size: 24px;
    line-height: 1.4;
  }
  .featured-content p {
    font-size: 17px;
    line-height: 1.5;
  }
  .featured-content a {
    font-size: 17px;
  }
  .search-field {
    height: 63px;
    font-size: 16px;
    line-height: 63px;
    padding-top: 0px;
    padding-left: 50px;
  }
  .search-field:before {
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
  }
  .m-l45.featured-content {
    margin-left: 0px;
  }
  .main-wrapper .header {
    border-bottom: 1px solid #E7E8E9;
    padding: 18px 0px;
    min-height: 68px;
  }
  .main-wrapper .header .logo {
    margin-top: 0;
  }
  .header .logo img {
    max-width: 115px;
  }
  .header .navigation ul.nav-items li.nav-icon img {
    position: relative;
    top: -4px;
    max-width: 20px;
  }
  .header .navigation ul.nav-items li a {
    position: relative;
    z-index: 1;
  }
  .header .navigation ul.nav-items li a:after {
    background-color: #F1F8FF;
    width: 68px;
    height: 68px;
    position: absolute;
    content: "";
    right: -22px;
    top: -30px;
    z-index: -1;
  }
  .header .navigation ul.nav-items li.nav-icon a:hover {
    opacity: 1;
  }
  .banner-section.blog-page {
    min-height: 68px !important;
  }
  .casestudy-wrapper:after {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .device-set .desktop-frame {
    margin: 0;
  }
  .device-set .ipod-pos-left {
    left: -15px;
    max-width: 55%;
    bottom: -32px;
  }
  .device-set .mobile-frame {
    right: -15px;
    max-width: 140px;
    bottom: -32px;
  }
  .featured-content.m-l30 {
    margin-left: 0;
  }
  .motoview-title {
    padding: 30px 0px 0;
  }
  .casestudy-points .project-description {
    padding: 95px 15px 60px;
  }
}
.m-show {
  display: none;
}

@media only screen and (max-width: 767px) {
  .action-block {
    padding: 48px 0;
  }
  .action-block h3 {
    font-size: 32px;
    line-height: normal;
  }
  .action-block .btn-check {
    margin-top: 24px;
  }
  .device-set .ipod-pos-left {
    left: -30px;
  }
  .device-set .mobile-frame {
    right: -30px;
  }
  .casestudy-points .project-description {
    padding: 50px 0px 60px;
  }
  .background-zoom {
    position: relative;
    height: auto;
    padding-bottom: 45%;
  }
  .img-big {
    margin: -25px 0 0 0px;
  }
  .device-set .ipod-pos-left {
    /*display: none;*/
  }
  .device-set .mobile-frame {
    right: -30px;
    max-width: 30%;
    bottom: -20px;
    top: auto;
  }
  .section.gallery {
    display: none;
  }
  .m-none {
    display: none !important;
  }
  .logo-blocks {
    margin: 0 -7px;
  }
  .show-locations {
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 50px 0px;
  }
  .moto-inline {
    opacity: 1;
    transform: translate3d(0px, 0px, 0);
    -webkit-transform: translate3d(0px, 0px, 0);
    width: 50%;
    margin: 0 0 16px 0;
  }
  .motoshow {
    width: auto;
    margin: 0;
    float: none;
    margin-top: 30px;
  }
  .motoshow-coverd {
    height: auto;
  }
  .motoshow-coverd a {
    display: inline-block;
    padding: 0px 0px 20px;
  }
  .motoshow-coverd a span.f-big {
    line-height: 1.1;
    font-size: 46px;
    font-weight: 500;
  }
  .background-zoom {
    position: absolute;
  }
  .cc-ui-block {
    right: 0;
  }
  .car-details {
    margin-bottom: 0;
  }
  .cc-ui-block {
    display: none;
  }
  .pos-img-ui, .pos-img-ui2 {
    display: none;
  }
  .grey-bg-ui {
    padding: 20px;
  }
  .m-t80 {
    margin-top: 40px;
  }
  /* 13-5-19 */
  .motoview-casestudy .casestudy-wrapper .project-description {
    padding-top: 42px;
    text-align: center;
  }
  .motoview-casestudy .casestudy-wrapper .project-description .title-md {
    font-size: 12px;
    color: #E62224;
    font-weight: 600;
    letter-spacing: 0.48px;
    line-height: 13px;
    text-align: center;
    margin-bottom: 14px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description p {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
  .motoview-casestudy .casestudy-points .project-description {
    text-align: center;
  }
  .motoview-casestudy .pro-project-wrapper {
    display: none;
  }
  .motoview-casestudy .background-zoom.bg-motoview {
    display: none;
  }
  .motoview-casestudy .img-big {
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 105px;
    padding-top: 55px;
    transform: scale(0.9);
  }
  .motoview-casestudy .repo-site {
    display: none;
  }
  .motoview-casestudy .casestudy-points .project-description {
    margin-left: 0;
  }
  .motoview-casestudy .casestudy-points .project-description h2 {
    font-size: 28px;
    letter-spacing: -0.92px;
    font-weight: 600;
    line-height: 32px;
    color: #0A131D;
  }
  .motoview-casestudy .casestudy-points .project-description h2 .colr-pro-theme {
    color: #0A131D;
  }
  .motoview-casestudy .ic-check-list ul li:before {
    width: 25px;
    height: 25px;
  }
  .motoview-casestudy .ic-check-list ul li {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-top: 30px;
  }
  .motoview-casestudy .description p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #324963;
    font-style: italic;
  }
  .motoview-casestudy .br-dashed:before {
    display: none;
  }
  .motoview-casestudy hr.seprater-theme {
    margin-top: 30px;
    width: 82px;
  }
  .motoview-casestudy .casestudy-points {
    margin-bottom: 20px;
    margin-top: -40px;
  }
  .motoview-casestudy .bg-greay-before .project-description h2 {
    font-size: 28px;
    text-align: left;
    letter-spacing: -1.12px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 24px;
  }
  .motoview-casestudy .bg-greay-before .project-description p {
    font-size: 14px;
    line-height: 24px;
  }
  .motoview-casestudy .bg-motoview + .container-lg {
    overflow: hidden;
    margin-top: -70px;
  }
  .motoview-casestudy .logo-blocks {
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline {
    width: auto;
    height: 80px;
    background: #fff;
    box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
    display: inline-block;
    float: none;
    max-width: 30%;
    flex: 0 0 30%;
    margin: 0 4% 10px 0;
    transition: none;
  }
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
  .motoview-casestudy .show-locations .moto-inline .moto-slide {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    transform: inherit;
    box-shadow: none;
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure {
    min-height: auto;
    display: inline-block;
    width: 100%;
    position: relative;
    border: none;
    height: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 62px;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
  }
  .motoview-casestudy .logo-blocks {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 0;
  }
  .motoview-casestudy .motoshow-coverd {
    background: none;
    box-shadow: none;
    text-align: left;
  }
  .motoshow-coverd a span.f-big, .motoshow-coverd a span, .motoshow-coverd a span {
    color: #E62123;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    opacity: 1;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.2px;
  }
  .motoview-casestudy .bg-greay-before:before {
    bottom: 0;
    height: 100%;
  }
  .motoview-casestudy .bg-greay-before {
    padding: 40px 0;
  }
  .motoview-casestudy .section {
    padding-top: 66px;
  }
  .motoview-casestudy .section .motoview-title {
    padding-top: 0;
  }
  .motoview-casestudy .section .motoview-title h2 {
    margin-bottom: 0;
  }
  .motoview-casestudy .section .motoview-title h2 .colr-pro-theme {
    color: #637588;
    opacity: 0.3;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.68px;
    line-height: 64px;
  }
  .motoview-casestudy .section .content-align.m-t45 {
    margin-top: 66px;
  }
  .motoview-casestudy .section .title-md, .motoview-casestudy .filter-section .filter-content h6 {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .section .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .feature-image-ui {
    text-align: center;
    margin-top: -85px;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
    width: 100%;
  }
  .m-show {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
  }
  .motoview-casestudy .bg-top-bottom .row .title-md {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .bg-top-bottom .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
    text-align: center;
  }
  .motoview-casestudy .motoshow-slider.repo-block {
    margin: 50px 0 0px;
  }
  .motoview-casestudy .bg-top-bottom .featured-content {
    text-align: center;
  }
  .motoview-casestudy .bg-top-bottom .featured-content p, .motoview-casestudy .bg-top-bottom .featured-content a {
    font-size: 14px;
    line-height: 24px;
    color: #324963;
  }
  .motoview-casestudy .filter-section .filter-content {
    padding-top: 40px;
    text-align: center;
  }
  .motoview-casestudy .car-details .m-t70 {
    margin-top: 40px;
  }
  .motoview-casestudy .car-details .car-detail-ui img {
    max-width: 375px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .filter-img-ui img {
    max-width: 323px;
    width: 100%;
    display: inline-block;
  }
  .image-detail-ui {
    margin-top: 70px;
    padding-bottom: 40px;
  }
  .image-detail-ui figcaption {
    margin-top: -20px;
  }
  .image-detail-ui figure img {
    max-width: 350px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui.m-show {
    padding-bottom: 35px;
  }
  .motoview-casestudy .compare-car-ui.m-show img {
    max-width: 338px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .compare-car-ui .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .motoview-casestudy .compare-car-ui {
    text-align: center;
  }
  .specification-img-ui {
    margin-bottom: 25px;
  }
  .specification-img-ui figure img {
    width: 100%;
    max-width: 400px;
    display: inline-block;
  }
  .compare-car-ui .specification-ui-block figure {
    margin-bottom: 30px;
  }
  .motoview-casestudy .final-product-ui {
    background-color: #052230;
    padding: 72px 0 0;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
    margin-bottom: 4px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-lg {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .home-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 42px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading {
    margin-bottom: 0;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui {
    margin-bottom: 0px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn {
    background-color: #213E4D;
    padding: 0 25px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.grey-btn {
    background-color: #213E4D;
    color: #9BB9C9;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.red-btn {
    background-color: #FF0505;
    color: #fff;
    transform: scale(1.2);
  }
  .motoview-casestudy .car-detail-ui {
    margin-bottom: 20px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui figure img {
    max-width: 368px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots {
    margin-top: 10px;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button {
    height: 9px;
    width: 9px;
    background-color: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    border-radius: 100%;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button.active, .motoview-casestudy .specification-slider-ui .owl-dots button:focus {
    background-color: #637588;
    outline: none;
    box-shadow: none;
  }
  .motoview-casestudy .compare-car-ui {
    padding-bottom: 50px;
  }
  .specification-ui-block figure img {
    display: inline-block !important;
  }
  .header .navigation ul.nav-items li a:after {
    right: -15px;
  }
  .header .navigation ul.nav-items li a img {
    right: 8px;
  }
  .featured-content a span {
    position: relative;
    top: -1px;
  }
  .bg-top-bottom .row.flex-row.m-t130 {
    margin-top: 70px;
  }
  .specification-slider-ui .owl-carousel .owl-stage-outer {
    background: #F7F9FB;
  }
  .search-frame {
    max-width: 100%;
    background: none;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .search-slide.m-show {
    margin: 50px 0 20px;
    padding-bottom: 0;
  }
  .br-dashed {
    font-weight: 500;
  }
  .show-locations {
    padding: 15px 0 0px;
  }
  .specification-slider-ui .slick-arrow {
    display: none !important;
  }
  .specification-slider-ui .slick-dots {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
  }
  .specification-slider-ui .slick-dots li {
    display: inline-block;
  }
  .specification-slider-ui .slick-dots li button {
    font-size: 0;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 100%;
    display: inline-block;
    border: none;
    background: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    cursor: pointer;
  }
  .specification-slider-ui .slick-dots li.slick-active button {
    background: #637588;
  }
  .specification-slider-ui .slick-dots li.slick-active button:focus {
    outline: none;
    box-shadow: none;
  }
  .specification-slider-ui .slick-list {
    background: #F7F9FB;
  }
  .left-img-outside figure video {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bn-text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 370px) and (max-width: 767px) {
  .casestudy-wrapper .container, .casestudy-points .container, .bg-greay-before .container, .section .container,
  .compare-car-ui .container, .final-product-ui .container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 599px) {
  .old-new-ui .col-sm-6 {
    width: 100%;
  }
  .mob-show {
    display: block;
  }
  .mob-hide {
    display: none;
  }
  .final-product-ui p {
    height: auto;
    margin-bottom: 15px;
  }
  .project-description {
    padding-top: 62px;
  }
}
@media only screen and (max-width: 480px) {
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 350px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 330px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1200px) {
  .filter-section .m-none {
    display: none;
  }
  .filter-section .m-show {
    display: block;
  }
  .filter-content {
    padding-top: 40px;
  }
}
/*** Motoview Ends ***/
.iot-hero {
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 0px;
  position: relative;
}
.iot-hero:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(0deg, White 50%, transparent);
  z-index: 2;
}
.iot-hero .h2_1 {
  font-size: 64px;
}
@media (max-width: 1200px) {
  .iot-hero .h2_1 {
    font-size: 50px;
  }
}
@media (max-width: 992px) {
  .iot-hero .h2_1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .iot-hero .h2_1 {
    font-size: 35px;
  }
}
.iot-hero p {
  font-size: 24px;
  margin-bottom: 18px;
  max-width: 80%;
}
@media (max-width: 992px) {
  .iot-hero p {
    max-width: 100%;
  }
}
.iot-hero .btn {
  margin-top: 20px;
}
.iot-hero .hero-second-sec {
  margin-top: 180px;
}
.iot-hero .hero-second-sec .h2_1 {
  font-size: 60px;
  margin-bottom: 17px;
}
@media (max-width: 1200px) {
  .iot-hero .hero-second-sec .h2_1 {
    font-size: 50px;
    margin-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .iot-hero .hero-second-sec .h2_1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .iot-hero .hero-second-sec .h2_1 {
    font-size: 35px;
  }
}
.iot-hero .globe-title {
  background: linear-gradient(282.91deg, #ED2964 5.12%, #D8AC15 46.03%, #D225F2 95.47%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  padding-bottom: 7px;
  margin: 0 auto 10px;
  font-size: 88px;
  z-index: 0;
  position: relative;
  transform: scale(0.3) translateY(1000px);
  transition: all 1.5s ease;
}
@media (max-width: 992px) {
  .iot-hero .globe-title {
    font-size: 64px;
  }
}
.iot-hero .globe-title.active {
  transform: scale(1) translateY(0px);
  transition: all 1.5s ease;
}
.iot-hero .globe-img {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
}
.iot-hero #globe_sec {
  padding-top: 50px;
}
.iot-hero .hero-second-sec {
  position: relative;
}
.iot-hero .hero-second-sec:before {
  content: "";
  width: 700px;
  height: 500px;
  position: absolute;
  right: -350px;
  background: #F81755;
  opacity: 0.08;
  filter: blur(250px);
  transform: rotate(-11.38deg);
}
.iot-hero .hero-second-sec:after {
  content: "";
  width: 700px;
  height: 500px;
  position: absolute;
  left: -350px;
  background: #D225F2;
  opacity: 0.08;
  filter: blur(250px);
  transform: rotate(-11.38deg);
}

.iot-img-wrpr {
  width: 100%;
  margin-bottom: 56px;
  max-height: 457px;
  overflow: hidden;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  .iot-img-wrpr {
    margin-bottom: 40px;
  }
}
.iot-img-wrpr img {
  width: 100%;
}

.enableClients .iot-img-wrpr {
  padding-top: 51px;
}
@media (max-width: 1200px) {
  .enableClients .iot-img-wrpr {
    padding-top: 0px;
  }
}

.envision-sec.iot .envision-scroll {
  gap: 80px;
}
@media (max-width: 767px) {
  .envision-sec.iot .envision-scroll {
    gap: 0;
  }
}
@media (max-width: 1200px) {
  .envision-sec.iot .envision-scroll {
    flex-direction: column;
    padding-left: 0px;
  }
}
.envision-sec.iot .envision-scroll:after {
  content: "";
  position: absolute;
  border-top: 2px dashed #90A0B9;
  width: 250%;
  top: -4rem;
  left: 0rem;
  z-index: -1;
  opacity: 0.28;
}
@media (max-width: 1200px) {
  .envision-sec.iot .envision-scroll:after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .envision-sec.iot .envision-scroll .en-text-in {
    min-width: 780px;
  }
}
@media (max-width: 992px) {
  .envision-sec.iot .envision-scroll .en-text-in {
    max-width: 100%;
    width: 100%;
  }
}
.envision-sec.iot .big-text {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  padding-bottom: 7px;
  margin: 0 auto;
  font-size: 88px;
  position: relative;
}
@media (max-width: 1200px) {
  .envision-sec.iot .big-text {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .envision-sec.iot .big-text {
    font-size: 30px !important;
    letter-spacing: 0px;
  }
}
.envision-sec.iot .big-text:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: -20px;
  top: -6.5rem;
  animation: iotradar 1.2s linear 100ms infinite;
  display: block;
  transform: translate(20px, 30px);
}
@media (max-width: 1200px) {
  .envision-sec.iot .big-text:before {
    display: none;
  }
}
.envision-sec.iot .big-text.iot-cons {
  background: linear-gradient(282.61deg, #3955FF 4.84%, #A066FF 46.49%, #FF1787 90.39%);
}
.envision-sec.iot .big-text.iot-cons:before {
  background: linear-gradient(282.61deg, #3955FF 4.84%, #A066FF 46.49%, #FF1787 90.39%);
}
.envision-sec.iot .big-text.iot-testing {
  background: linear-gradient(105.79deg, #FFD84F 0%, #FFA34E 85.91%);
}
.envision-sec.iot .big-text.iot-testing:before {
  background: linear-gradient(105.79deg, #FFD84F 0%, #FFA34E 85.91%);
  animation: iotyellowradar 1.2s linear 100ms infinite;
}
.envision-sec.iot .big-text.iot-test {
  background: linear-gradient(105.26deg, #48CCF5 0%, #7C4EFF 92.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.envision-sec.iot .big-text.iot-test:before {
  background: linear-gradient(105.26deg, #48CCF5 0%, #7C4EFF 92.03%);
  animation: iotblueradar 1.2s linear 100ms infinite;
}

.keep-going-sec.iot {
  background-image: url(/images/iot/hands-digital-universe.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 500px;
}
@media (max-width: 767px) {
  .keep-going-sec.iot {
    padding-bottom: 300px;
  }
}
.keep-going-sec.iot .multi-gradiant {
  background: linear-gradient(91deg, #617BFF 0%, #E077EB 46.53%, #00D5E1 91.64%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  padding-bottom: 7px;
  margin: 0 auto;
  font-size: 48px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .keep-going-sec.iot .multi-gradiant {
    font-size: 26px;
  }
}
.keep-going-sec.iot p {
  color: rgba(253, 251, 255, 0.8);
  margin-bottom: 14px;
}
.keep-going-sec.iot h5 {
  margin-top: 14px;
  margin-bottom: 48px;
}

@keyframes iotradar {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(236, 67, 148, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(236, 67, 148, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(236, 67, 148, 0);
  }
}
@keyframes iotyellowradar {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255, 163, 78, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(255, 163, 78, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(255, 163, 78, 0);
  }
}
@keyframes iotblueradar {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(124, 78, 255, 0.6);
  }
  70% {
    box-shadow: 0px 0px 0px 9px rgba(124, 78, 255, 0);
  }
  90% {
    box-shadow: 0px 0px 5px 9px rgba(124, 78, 255, 0);
  }
}
.iot-sec {
  background-color: transparent;
  padding-top: 0px;
}

section.envision-sec.iot {
  background: transparent;
  position: relative;
}
section.envision-sec.iot::before {
  content: "";
  position: absolute;
  background: #B385FF;
  opacity: 0.2;
  filter: blur(486.892px);
  width: 500px;
  height: 500px;
  left: 0px;
  top: 0;
}
section.envision-sec.iot::after {
  content: "";
  position: absolute;
  background: #FECB52;
  opacity: 0.33;
  filter: blur(486.892px);
  width: 500px;
  height: 500px;
  right: 0px;
  top: 0;
}

.iot .en-text {
  padding-left: 0px;
}

section.keep-going-sec.iot.handsDigital {
  background-image: url("/images/iot/hands-digital-universe.png");
  background-color: #191a1b;
  background-position: 0 center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 104px 0px 260px;
}
@media (max-width: 992px) {
  section.keep-going-sec.iot.handsDigital {
    padding: 60px 0px 70px;
    background-size: contain;
  }
}
@media (max-width: 1200px) {
  section.keep-going-sec.iot.handsDigital {
    padding: 100px 0px;
    background-size: contain;
  }
}

.iot-after-bg {
  background: #01DABE;
  opacity: 0.09;
  filter: blur(250px);
  transform: rotate(-11.38deg);
  width: 920px;
  height: 550px;
  position: absolute;
  right: -200px;
}

.iot-before-bg {
  background: #5158FE;
  opacity: 0.08;
  filter: blur(250px);
  transform: rotate(-11.38deg);
  width: 900px;
  height: 500px;
  position: absolute;
  top: 120px;
  left: -161px;
}

@media (min-width: 767px) {
  .iot .scrollmagic-pin-spacer {
    max-height: 580px;
  }
}
.iot .scrollmagic-pin-spacer .envision-section {
  min-height: 50%;
}

.delby-sec .text-delby-red {
  color: #f91562;
}

.delby-banner {
  padding: 180px 0px 70px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .delby-banner {
    padding: 130px 0px 50px;
  }
}
.delby-banner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 80%;
  background: linear-gradient(107.28deg, #f3f7ff 0%, #fff5fb 51.01%, #fffbf3 95.76%);
  -webkit-clip-path: ellipse(100% 55% at 48% 44%);
          clip-path: ellipse(100% 55% at 48% 44%);
  z-index: -1;
}
.delby-banner h2 {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.12;
  text-align: center;
  letter-spacing: -1px;
  color: #000000;
}
@media (max-width: 992px) {
  .delby-banner h2 {
    font-size: 46px;
  }
}
.delby-banner .banner-img-wrpr {
  margin-top: 30px;
}

.delby-intro-section {
  padding: 70px 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .delby-intro-section {
    padding: 40px 0px;
  }
}
.delby-intro-section:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/circles.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-intro-section:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/circle2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-intro-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .delby-intro-section .title {
    font-size: 30px;
  }
}
.delby-intro-section .desc {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #324963;
}

.delby-problem-sec {
  padding: 70px 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .delby-problem-sec {
    padding: 40px 0px;
  }
}
.delby-problem-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .delby-problem-sec .title {
    font-size: 30px;
  }
}
.delby-problem-sec .desc {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #324963;
}
.delby-problem-sec .img-wrpr {
  margin-top: 50px;
  position: relative;
}
.delby-problem-sec .img-wrpr .main-img {
  box-shadow: 0px 20px 56px 0px rgba(41, 51, 116, 0.1019607843);
  border-radius: 24px;
}
.delby-problem-sec .img-wrpr .play-icon {
  position: absolute;
  top: 37%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 14%;
  margin: 0 auto;
}
.delby-problem-sec .img-wrpr .img-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #ffffff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.modal-sec {
  padding: 70px 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .modal-sec {
    padding: 40px 0px;
  }
}
.modal-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .modal-sec .title {
    font-size: 30px;
  }
}
.modal-sec .desc {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #324963;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .modal-sec .desc {
    padding-right: 0px;
  }
}
.modal-sec .desc.cstm-desc {
  max-width: 450px;
}
.modal-sec .business-card {
  margin: 40px 0px;
}
.modal-sec .business-card .img-wrpr {
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.modal-sec .business-card .card-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.21;
  text-align: center;
  letter-spacing: -0.3px;
  color: #0a131d;
}
.modal-sec .business-card .card-desc {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  letter-spacing: -0.6px;
  color: #495870;
  padding: 0px 75px;
}
@media (max-width: 992px) {
  .modal-sec .business-card .card-desc {
    padding: 0px 0px;
  }
}
.modal-sec .full-card .card-desc {
  max-width: 570px;
  margin: 0 auto;
}

.delby-creation-section {
  background: #0a131d;
  padding: 120px 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .delby-creation-section {
    padding: 80px 0px;
  }
}
.delby-creation-section:before {
  content: "";
  position: absolute;
  top: 300px;
  left: -110px;
  width: 220px;
  height: 220px;
  background: linear-gradient(152.4deg, #f1911f 9.27%, #fc7ba9 96.23%);
  filter: blur(100px);
  opacity: 0.7;
  border-radius: 50%;
  z-index: -1;
}
.delby-creation-section:after {
  content: "";
  position: absolute;
  top: -100px;
  right: -110px;
  width: 220px;
  height: 220px;
  background: linear-gradient(155.76deg, #c07bfc 8.38%, #6efbaf 96.17%, #7253f1 96.17%);
  filter: blur(100px);
  opacity: 0.7;
  border-radius: 50%;
  z-index: -1;
}
.delby-creation-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .delby-creation-section .title {
    font-size: 30px;
  }
}
.delby-creation-section .desc {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.delby-creation-section .possibilities-row {
  padding-top: 120px;
  padding-bottom: 60px;
}
@media (max-width: 992px) {
  .delby-creation-section .possibilities-row {
    padding-top: 60px;
  }
}

.vision-sec {
  padding: 135px 0px;
  background: rgba(242, 242, 251, 0.640188);
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .vision-sec {
    padding: 70px 0px;
  }
}
.vision-sec:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  right: 0px;
  background-image: url(../images/delby/Bitmap.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  filter: blur(76.1119px);
}
.vision-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .vision-sec .title {
    font-size: 30px;
  }
}
.vision-sec .desc {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #324963;
  padding-right: 80px;
}
@media (max-width: 992px) {
  .vision-sec .desc {
    padding-right: 0px;
  }
}
.vision-sec .img-wrpr {
  padding-left: 20px;
}

.plans-sec {
  padding: 135px 0px 65px;
}
@media (max-width: 992px) {
  .plans-sec {
    padding: 70px 0px 60px;
  }
}
.plans-sec .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .plans-sec .title {
    font-size: 30px;
  }
}
.plans-sec .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
}
.plans-sec .plan-card {
  margin-top: 65px;
  background: #ffffff;
  box-shadow: 12px 24px 32px rgba(142, 142, 182, 0.16);
  border-radius: 16px;
  padding: 24px;
}
.plans-sec .plan-card .plan-name {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  color: #000000;
  margin-bottom: 16px;
}
.plans-sec .plan-card .plan-desc,
.plans-sec .plan-card .plan-price {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #535b68;
}
.plans-sec .plan-card .plan-amount {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #000000;
}
.plans-sec .plan-card .plan-price {
  margin-top: 18px;
  margin-bottom: 30px;
}
.plans-sec .plan-card .plan-price b {
  color: #000;
}

.delby-help-section {
  padding: 65px 0px 130px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .delby-help-section {
    padding: 60px 0px;
  }
}
.delby-help-section::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/circle3.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-help-section::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/circle4.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-help-section .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .delby-help-section .title {
    font-size: 30px;
  }
}
.delby-help-section .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 20px;
}
.delby-help-section .text-wrpr {
  margin-bottom: 40px;
}
.delby-help-section .cstm-app-row {
  padding: 70px 0px;
  margin: 0px -15px;
}
.delby-help-section .cstm-app-row .desc {
  margin-bottom: 70px;
}
.delby-help-section .app-card .app-img {
  background: linear-gradient(129.4deg, #f3f7ff 0%, #fff5fb 48.98%, #fffbf3 91.95%);
  border-radius: 16px;
}
.delby-help-section .app-card .app-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.3px;
  color: #0a131d;
  background: #fff;
  padding-top: 24px;
}

.delby-outcome {
  padding: 80px 0px;
  background: linear-gradient(97.11deg, rgba(249, 21, 98, 0.08) -15.47%, rgba(217, 21, 249, 0.08) 107.91%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .delby-outcome {
    padding: 60px 0px;
  }
}
.delby-outcome::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/stars.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-outcome::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 220px;
  height: 220px;
  background-image: url(../images/delby/star1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.delby-outcome .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0a131d;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .delby-outcome .title {
    font-size: 30px;
  }
}
.delby-outcome .desc {
  font-size: 20px;
  line-height: 1.6;
  color: #324963;
  margin-bottom: 20px;
}

.delby-blk {
  border-radius: 16px;
  background-color: #fff2f5;
  position: relative;
  height: 247px;
  margin-right: 10px;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

@media (max-width: 1024px) {
  .delby-blk {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .delby-blk {
    margin-bottom: 24px;
  }
}
@media (min-width: 1025px) {
  .delby-blk:hover {
    transform: scale(1.1, 1.1);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 60px;
  }
  .delby-blk:hover .outlet-blk img {
    transform: translateY(16px);
  }
  .delby-blk:hover .curve1 img {
    transform: translateY(8px);
  }
}
.delby-blk h4 {
  color: #ee0633;
  font-size: 32px;
  font-family: "interbold";
  letter-spacing: -0.64px;
  margin-bottom: 16px;
}

.delby-blk p {
  color: #000000;
  font-size: 20px;
  letter-spacing: -0.4px;
  line-height: 28px;
}

.delby-blk .outlet-blk {
  position: absolute;
  z-index: 2;
  bottom: 0;
  max-width: 320px;
  right: 0;
}

@media (max-width: 1024px) {
  .delby-blk .outlet-blk {
    max-width: 220px;
  }
}
.delby-blk .outlet-blk img {
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.delby-blk .curve1 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  max-width: 390px;
}

@media (max-width: 1024px) {
  .delby-blk .curve1 {
    max-width: 260px;
  }
}
.delby-blk .curve1 img {
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.delby-blk .content {
  max-width: 220px;
  margin-top: 28px;
  margin-left: 34px;
  float: left;
  text-align: left;
}

.delby-lite-blk {
  border-radius: 16px;
  background-color: #edfcec;
  position: relative;
  height: 247px;
  margin-left: 10px;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

@media (max-width: 1024px) {
  .delby-lite-blk {
    margin-left: 0;
  }
}
@media (min-width: 1025px) {
  .delby-lite-blk:hover {
    transform: scale(1.1, 1.1);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 60px;
  }
  .delby-lite-blk:hover .outlet-blk img {
    transform: translateY(16px);
  }
  .delby-lite-blk:hover .curve1 img {
    transform: translateY(8px);
  }
}
.delby-lite-blk h4 {
  color: #379447;
  font-size: 32px;
  font-family: "interbold";
  letter-spacing: -0.64px;
  margin-bottom: 16px;
}

.delby-lite-blk p {
  color: #000000;
  font-size: 20px;
  letter-spacing: -0.4px;
  line-height: 28px;
}

.delby-lite-blk .outlet-blk {
  position: absolute;
  z-index: 2;
  bottom: 0;
  max-width: 320px;
  right: 0;
}

@media (max-width: 1024px) {
  .delby-lite-blk .outlet-blk {
    max-width: 220px;
  }
}
.delby-lite-blk .outlet-blk img {
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.delby-lite-blk .curve2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  max-width: 390px;
}

@media (max-width: 1024px) {
  .delby-lite-blk .curve2 {
    max-width: 260px;
  }
}
.delby-lite-blk .curve2 img {
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s;
}

.delby-lite-blk .content {
  max-width: 220px;
  margin-top: 28px;
  margin-left: 34px;
  float: left;
  text-align: left;
}

.podcast-hero {
  background: #05101F;
  color: #fff;
  padding-bottom: 60px;
  position: relative;
}
.podcast-hero .hero-inner-block {
  padding: 160px 0px 0px;
}
@media (max-width: 992px) {
  .podcast-hero .hero-inner-block {
    padding-top: 100px;
  }
  .podcast-hero .hero-inner-block .h1_1 {
    font-size: 66px;
  }
  .podcast-hero .hero-inner-block .podcast-bnr-subheading {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .podcast-hero .hero-inner-block {
    padding-top: 70px;
  }
  .podcast-hero .hero-inner-block .h1_1 {
    font-size: 56px;
  }
  .podcast-hero .hero-inner-block .podcast-bnr-subheading {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .podcast-hero .hero-inner-block .h1_1 {
    font-size: 34px;
  }
  .podcast-hero .hero-inner-block .podcast-bnr-subheading {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .podcast-hero {
    padding-bottom: 10px;
  }
}
.podcast-hero .podcast-bnr-subheading {
  color: #BEC9DB;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  padding: 0px 5%;
}

.podcast-wrpr {
  padding: 130px 0px;
}
@media (max-width: 767px) {
  .podcast-wrpr {
    padding: 80px 0px;
  }
}

.podcast-card {
  border-radius: 42px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  margin: 20px 0px;
}
.podcast-card.full {
  flex-direction: row;
  gap: 54px;
}
@media (max-width: 1200px) {
  .podcast-card.full {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .podcast-card.full {
    flex-direction: column;
  }
}
.podcast-card.full .podcast-img-wrpr {
  width: -moz-fit-content;
  width: fit-content;
  flex: 0 0 47%;
}
.podcast-card.p-green {
  background: #F1FFF9;
}
.podcast-card.p-green .podcast-desc {
  color: #53645D;
}
.podcast-card.p-blue {
  background: #F4F8FF;
}
.podcast-card.p-blue .podcast-desc {
  color: #6C7789;
}
.podcast-card.p-pink {
  background: #FCF1FF;
}
.podcast-card.p-pink .podcast-desc {
  color: #705F75;
}
@media (max-width: 767px) {
  .podcast-card {
    border-radius: 12px;
  }
}
@media (max-width: 992px) {
  .podcast-card {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  .podcast-card {
    flex-direction: column !important;
    border-radius: 20px;
  }
}
.podcast-card .podcast-img-wrpr {
  border-radius: 32px;
  width: 100%;
  flex: 0 0 355px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .podcast-card .podcast-img-wrpr {
    flex: 0 0 280px;
  }
}
@media (max-width: 992px) {
  .podcast-card .podcast-img-wrpr {
    flex: 0 0 230px;
  }
}
@media (max-width: 767px) {
  .podcast-card .podcast-img-wrpr {
    flex: 0 0 auto;
    border-radius: 15px;
  }
}
.podcast-card .podcast-img-wrpr .name-card {
  background: #FFFFFF;
  border-radius: 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.005em;
  color: #0F172A;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto;
}
@media (max-width: 992px) {
  .podcast-card .podcast-img-wrpr .name-card {
    font-size: 9px;
  }
}
.podcast-card .podcast-img-wrpr .name-card .mic-icon {
  margin-right: 4px;
}
.podcast-card .podcast-img-wrpr .p-social-link {
  width: 16px;
  height: 16px;
}
.podcast-card .podcast-img-wrpr .podcast-image {
  width: 100%;
}
.podcast-card .podcast-img-wrpr .podcast-image .img-fluid {
  width: 100%;
}
.podcast-card .podcast-social-icon-wrpr {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
}
@media (max-width: 992px) {
  .podcast-card .podcast-social-icon-wrpr {
    padding: 10px 6px;
  }
}
.podcast-card .podcast-social-icon-wrpr .share-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.015em;
  color: #969BA7;
  margin-right: 6px;
  padding-top: 2px;
}
.podcast-card .podcast-social-icon-wrpr .podcast-social-list {
  display: flex;
  gap: 16px;
}
@media (max-width: 992px) {
  .podcast-card .podcast-social-icon-wrpr .podcast-social-list {
    gap: 12px;
  }
}
.podcast-card .podcast-content-wrpr {
  flex: 1 1 auto;
}
.podcast-card .podcast-detail {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.podcast-card .podcast-detail .p-time {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 3px 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: #0F172A;
}
@media (max-width: 480px) {
  .podcast-card .podcast-detail .p-time {
    font-size: 10px;
  }
}
.podcast-card .podcast-detail .p-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #0F172A;
}
@media (max-width: 480px) {
  .podcast-card .podcast-detail .p-date {
    font-size: 10px;
  }
}
.podcast-card .p-content .podcast-title {
  font-weight: 600;
  font-size: 38px;
  line-height: 1.11;
  letter-spacing: -0.04em;
  color: #0F172A;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .podcast-card .p-content .podcast-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .podcast-card .p-content .podcast-title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .podcast-card .p-content .podcast-title {
    font-size: 21px;
  }
}
@media (max-width: 380px) {
  .podcast-card .p-content .podcast-title {
    font-size: 16px;
  }
}
.podcast-card .p-content .podcast-desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #53645D;
}
@media (max-width: 992px) {
  .podcast-card .p-content .podcast-desc {
    font-size: 14px;
  }
}
@media (max-width: 380px) {
  .podcast-card .p-content .podcast-desc {
    font-size: 13px;
  }
}
.podcast-card .podcast-btn {
  position: relative;
  overflow: hidden;
  margin-top: 32px;
  background: #0F172A;
  border-radius: 40px;
  padding: 7px;
  padding-right: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.025em;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.3s;
}
@media (max-width: 767px) {
  .podcast-card .podcast-btn {
    font-size: 12px;
  }
}
.podcast-card .podcast-btn .podcast-play {
  background-color: #fff;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 40px;
  background-image: url(../images/podcast/play.svg);
  background-position: center;
  background-repeat: no-repeat;
  filter: invert(0);
  transition: all 0.3s ease-in-out;
  width: 30px;
}
@media (max-width: 767px) {
  .podcast-card .podcast-btn .podcast-play {
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
}
.podcast-card .podcast-btn:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0px;
  left: 20px;
  right: 0;
  background: #fff;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  transition: all 0.6s ease;
  z-index: 0;
}
.podcast-card .podcast-btn span {
  position: relative;
  color: #FFFFFF;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.podcast-card .podcast-btn:hover {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.podcast-card .podcast-btn:hover span {
  color: #0F172A;
  transition: all 0.3s ease-in-out;
}
.podcast-card .podcast-btn:hover:before {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 0.6s ease;
}

.cta-section {
  padding: 20px 0px;
}
@media (max-width: 480px) {
  .cta-section {
    padding: 40px 0px;
  }
}
.cta-section .cta-inner-section {
  padding: 0px 65px;
}
@media (max-width: 1200px) {
  .cta-section .cta-inner-section {
    padding: 0px 25px;
  }
}
.cta-section .cta-inner-section .cta-head {
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.88444px;
  color: #0B192E;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .cta-section .cta-inner-section .cta-head {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .cta-section .cta-inner-section .cta-head {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .cta-section .cta-inner-section .cta-head {
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .cta-section .cta-inner-section .cta-head {
    font-size: 26px;
  }
}
.cta-section .cta-inner-section .cta-desc {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.42;
  text-align: center;
  letter-spacing: -0.24px;
  color: #546D8A;
}
@media (max-width: 992px) {
  .cta-section .cta-inner-section .cta-desc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .cta-section .cta-inner-section .cta-desc {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .cta-section .cta-inner-section .cta-desc {
    font-size: 12px;
  }
}
.cta-section .cta-inline-form {
  background-color: #fff;
  border-radius: 47px;
  padding: 6px;
  width: 100%;
  max-width: 700px;
  border: 1px solid lightgray;
  margin: 50px auto 0px;
}
@media (max-width: 767px) {
  .cta-section .cta-inline-form {
    border-radius: 12px;
  }
}
.cta-section .cta-inline-form .form-control {
  border: none;
  outline: none;
  box-shadow: none;
  flex: 1 1 auto;
}
@media (max-width: 480px) {
  .cta-section .cta-inline-form .form-control {
    font-size: 0.8rem;
  }
}
.cta-section .cta-inline-form .form-btn.light-blue {
  background: #2D7EF2;
  border-radius: 48px;
  border: none;
  color: #fff;
  outline: none;
  padding: 16px 40px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .cta-section .cta-inline-form .form-btn.light-blue {
    padding: 10px 28px;
  }
}
@media (max-width: 767px) {
  .cta-section .cta-inline-form .form-btn.light-blue {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .cta-section .cta-inline-form .form-btn.light-blue {
    font-size: 12px;
  }
}
.cta-section .cta-inline-form .form-btn.light-blue:hover {
  background: #256acb;
  transition: all 0.3s;
}

.bar-bottom {
  position: absolute;
  bottom: 0px;
  display: flex;
}
.bar-bottom .section-bar {
  height: 8px;
  display: inline-block;
}
.bar-bottom .bar-blue {
  background: #6B9EFF;
  width: 40vw;
}
.bar-bottom .bar-orng {
  background: #FF862E;
  width: 28vw;
}
.bar-bottom .bar-yellow {
  background: #EFF318;
  width: 22vw;
}
.bar-bottom .bar-green {
  background: #0ACC60;
  width: 10vw;
}

.podcast-img-wrpr img {
  border-radius: 0 0 32px 32px;
}

button.close-button {
  position: absolute;
  z-index: 99;
  bottom: -30px;
  right: 0;
  background: #e74040;
  border: 1px solid #e84040;
  outline: none;
  box-shadow: none !important;
  border-radius: 8px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  padding: 5px 16px;
  color: white;
  cursor: pointer;
}

span.youtube-icon {
  position: absolute;
  width: 130px;
  height: 50px;
  z-index: 99;
  top: 130px;
  left: 200px;
}

.youtube-icon img {
  width: 100%;
  height: 100%;
}

.podcast-video {
  width: 100%;
}
.podcast-video .podcast-img-wrpr {
  width: 100% !important;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .podcast-video .podcast-img-wrpr {
    border-radius: 20px;
  }
  .podcast-video .podcast-img-wrpr iframe {
    border-radius: 20px;
  }
}
.podcast-video .podcast-img-wrpr iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  min-height: 285px;
  border: none;
}
@media (max-width: 992px) {
  .podcast-video .podcast-img-wrpr iframe {
    min-height: 180px;
  }
}

@media (max-width: 992px) {
  .cta-head {
    margin-bottom: 20px;
  }
}

.podcast-card.fullWraper .podcast-content-wrpr {
  flex: 1 1 100%;
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .podcast-card.fullWraper .podcast-img-wrpr iframe {
    min-height: 360px;
  }
}

.mt-30 {
  margin-top: 30px;
}

.main-wraper {
  overflow: hidden;
}

.prple-gradient-text {
  background: linear-gradient(91.49deg, #C2A6FF 15.49%, #834DF4 46.71%, #FB48C9 87.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-grubs-block {
  text-align: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(27, 13, 53, 0.92) 0%, #14101C 100%);
  padding-bottom: 22em;
  overflow: hidden;
  position: relative;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .hero-grubs-block {
    padding-bottom: 12em;
  }
}
.hero-grubs-block h1 {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 68px;
  text-align: center;
  letter-spacing: -1.24px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .hero-grubs-block h1 {
    font-size: 55px;
  }
}
@media (max-width: 992px) {
  .hero-grubs-block h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .hero-grubs-block h1 {
    font-size: 44px;
    line-height: 46px;
  }
}
.hero-grubs-block h1 span, .hero-grubs-block h1 label {
  background: linear-gradient(91.49deg, #C2A6FF 15.49%, #834DF4 46.71%, #FB48C9 87.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-grubs-block::after {
  content: "";
  background: rgba(178, 32, 246, 0.28);
  filter: blur(214.785px);
  right: 0;
  top: 30%;
  width: 580px;
  height: 580px;
  position: absolute;
}
@media (max-width: 767px) {
  .hero-grubs-block::after {
    top: inherit;
    bottom: 0;
    width: 360px;
    height: 360px;
  }
}
.hero-grubs-block::before {
  content: "";
  position: absolute;
  background: rgba(88, 32, 246, 0.36);
  filter: blur(180.592px);
  width: 548px;
  height: 380px;
  left: -10%;
}
@media (max-width: 767px) {
  .hero-grubs-block::before {
    width: 328px;
    height: 360px;
  }
}
.hero-grubs-block .banner-1 {
  top: 42%;
  animation: topbottom 2s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-1 {
    top: 20%;
    left: 4%;
  }
}
.hero-grubs-block .banner-2 {
  top: 65%;
  margin-left: -8%;
  animation: leftRight 2.5s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-2 {
    top: 52%;
    left: 5%;
    margin-left: -2%;
  }
}
.hero-grubs-block .banner-3 {
  top: 83%;
  margin-left: -45px;
  animation: topbottom 2.7s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-3 {
    top: 80%;
    margin-left: 0;
    left: 4%;
  }
}
.hero-grubs-block .banner-4 {
  right: 0;
  top: 50%;
  margin-right: 10%;
  animation: topbottom 2.5s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-4 {
    top: 20%;
  }
}
.hero-grubs-block .banner-5 {
  right: 0;
  top: 66%;
  margin-right: 5%;
  animation: leftRight 2.8s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-5 {
    right: 1%;
    top: 50%;
  }
}
.hero-grubs-block .banner-6 {
  right: 0;
  top: 87%;
  margin-right: 10%;
  animation: topbottom 2.9s infinite;
}
@media (max-width: 767px) {
  .hero-grubs-block .banner-6 {
    top: 82%;
    margin-right: 5%;
  }
}
.hero-grubs-block .hero-inner-block {
  padding-top: 106px;
}

.ps-absolute {
  position: absolute;
}

.case-site-title {
  width: 175px;
  margin: auto;
  position: relative;
  top: 70px;
}

.headingLabel {
  font-family: "Gilroy-Black";
  font-size: 32.9734px;
  line-height: 40px;
  color: #fff;
}

.video-grap {
  width: 100%;
}
.video-grap video {
  width: 100%;
  height: 100%;
}

.brandsDemand {
  margin-top: -20em;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .brandsDemand {
    margin-top: -10em;
  }
}

.grubsGst {
  margin-top: 180px;
  text-align: center;
}
@media (max-width: 767px) {
  .grubsGst {
    margin-top: 130px;
  }
}

.h1_3 {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 1.21;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 992px) {
  .h1_3 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .h1_3 {
    font-size: 44px;
  }
}

.wrap-subheading {
  max-width: 595px;
  margin: 24px auto;
}
.wrap-subheading p {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #4E5660;
}
@media (max-width: 992px) {
  .wrap-subheading p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .wrap-subheading p {
    font-size: 16px;
    line-height: 26px;
  }
}
.wrap-subheading p b {
  color: #0A131D;
}

.Ghost-Grub-image {
  margin-top: 75px;
}
.Ghost-Grub-image .Grub-image {
  width: 100%;
}
.Ghost-Grub-image .Grub-image .fluid-img {
  width: 100%;
}
.Ghost-Grub-image .Grub-image video {
  width: 100%;
  height: 100%;
}

.brandsVirtual {
  margin: 180px 0;
}
@media (max-width: 992px) {
  .brandsVirtual {
    margin: 110px 0;
  }
}
@media (max-width: 767px) {
  .brandsVirtual {
    margin: 100px 0;
  }
}
.brandsVirtual .brandsVirtual-content {
  background: linear-gradient(140.78deg, rgba(93, 95, 251, 0.08) 0.89%, rgba(156, 70, 251, 0.08) 100.65%);
  border-radius: 12px;
  padding: 80px;
}
@media (max-width: 992px) {
  .brandsVirtual .brandsVirtual-content {
    padding: 60px 40px;
  }
}
@media (max-width: 767px) {
  .brandsVirtual .brandsVirtual-content {
    padding: 40px;
  }
}
.brandsVirtual .brandsVirtual-content .brandsVirtual-heading {
  max-width: 810px;
}
@media (max-width: 767px) {
  .brandsVirtual .brandsVirtual-content .brandsVirtual-heading .h1_3 {
    font-size: 40px;
  }
}
.brandsVirtual .brandsVirtual-content .content-tags {
  display: inline-flex;
  margin-top: 24px;
  gap: 19px;
  align-items: center;
}
@media (max-width: 992px) {
  .brandsVirtual .brandsVirtual-content .content-tags {
    margin-bottom: 24px;
  }
}
.brandsVirtual .brandsVirtual-content .tags-refr {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #4E5660;
}
.brandsVirtual .brandsVirtual-content .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #4E5660;
  border-radius: 50px;
}

.video-tag video {
  width: 100%;
}

.figure-image {
  width: 100%;
  text-align: center;
}
.figure-image .fluid-img {
  max-width: 100%;
  width: 100%;
}

.brandStatement {
  margin-top: 180px;
  padding-left: 90px;
  position: relative;
}
@media (max-width: 767px) {
  .brandStatement {
    margin-top: 90px;
  }
}
.brandStatement .stack-statement {
  padding-bottom: 100px;
  position: relative;
}
@media (max-width: 767px) {
  .brandStatement .stack-statement .h1_3 {
    font-size: 35px;
  }
}
.brandStatement .stack-statement.ourApproach {
  padding-bottom: 0px;
}
.brandStatement .stack-statement .statement-content {
  padding-left: 180px;
  margin-top: 32px;
}
@media (max-width: 992px) {
  .brandStatement .stack-statement .statement-content {
    padding-left: 0;
  }
}
.brandStatement .stack-statement p {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #4E5660;
  max-width: 938px;
}
@media (max-width: 767px) {
  .brandStatement .stack-statement p {
    font-size: 16px;
    line-height: 26px;
  }
}
.brandStatement .stack-statement:after {
  content: "";
  position: absolute;
  left: -70px;
  width: 40px;
  height: 40px;
  top: 10px;
  border: 1px solid #DBD9FD;
  border-radius: 12px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  z-index: 99;
  filter: drop-shadow(0px 2px 2px rgba(169, 65, 251, 0.2));
}
@media (max-width: 767px) {
  .brandStatement .stack-statement:after {
    top: 0px;
  }
}
.brandStatement .stack-statement.ourApproach:after {
  background-image: url("../../images/jogi-work/our-approach.svg");
}
.brandStatement .br-line:before {
  content: "";
  border-right: 2px dashed #665CFB;
  position: absolute;
  left: -50px;
  top: 20px;
  height: 100%;
  opacity: 0.5;
}

.ourSolution {
  background: #0A131D;
}
.ourSolution .container {
  position: relative;
}
.ourSolution .our-solution-bg {
  position: absolute;
  width: auto;
  right: 0;
}
@media (max-width: 1200px) {
  .ourSolution .our-solution-bg {
    opacity: 0.7;
  }
}
@media (max-width: 992px) {
  .ourSolution .our-solution-bg {
    opacity: 0.5;
  }
}
.ourSolution .ourSolutionData {
  padding: 200px 20px 0px;
}
@media (max-width: 1200px) {
  .ourSolution .ourSolutionData {
    padding: 90px 20px 0;
  }
}
@media (max-width: 992px) {
  .ourSolution .ourSolutionData {
    padding: 100px 10px 0;
  }
}
@media (max-width: 767px) {
  .ourSolution .ourSolutionData {
    padding: 80px 20px 0;
  }
}
.ourSolution .content-wrap {
  max-width: 756px;
  color: #fff;
}
.ourSolution .content-wrap h3 {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 88px;
  line-height: 100px;
  letter-spacing: -1.10669px;
  color: #FFFFFF;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .ourSolution .content-wrap h3 {
    font-size: 80px;
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .ourSolution .content-wrap h3 {
    font-size: 60px;
    line-height: 62px;
  }
}
@media (max-width: 767px) {
  .ourSolution .content-wrap h3 {
    font-size: 44px;
    line-height: 1;
  }
}
.ourSolution .content-wrap .content-text-block {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .ourSolution .content-wrap .content-text-block {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .ourSolution .content-wrap .content-text-block {
    font-size: 16px;
    line-height: 26px;
  }
}
.pannel-row {
  margin-top: 80px;
  margin-left: 0;
  margin-right: 0;
  gap: 72px;
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 1400px) {
  .pannel-row {
    gap: 45px;
  }
}
@media (max-width: 1200px) {
  .pannel-row {
    gap: 35px;
  }
}
@media (max-width: 1400px) {
  .pannel-row .col-lg-6 {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (max-width: 1200px) {
  .pannel-row .col-lg-6 {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  .pannel-row .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .pannel-row {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .pannel-row {
    margin-top: 60px;
    flex-direction: column;
  }
}
.pannel-row .col-lg-6 {
  padding: 0;
}

.os-card {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);
  padding: 1px;
}
.os-card .os-card-inner {
  padding: 80px 40px 56px;
  border-radius: 12px;
  height: 100%;
}
@media (max-width: 1200px) {
  .os-card .os-card-inner {
    padding: 60px 30px 40px;
  }
}
@media (max-width: 992px) {
  .os-card .os-card-inner {
    padding: 50px 20px 40px;
  }
}
@media (max-width: 767px) {
  .os-card .os-card-inner {
    padding: 40px 30px 40px;
  }
}
.os-card .os-card-img {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  padding: 23px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .os-card .os-card-img {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 992px) {
  .os-card .os-card-img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .os-card .os-card-img {
    width: 100px;
    height: 100px;
  }
}
.os-card .os-card-img img {
  width: 60px;
}
.os-card .os-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 66px;
  letter-spacing: -1.10669px;
  margin: 60px 0;
}
@media (max-width: 1200px) {
  .os-card .os-title {
    font-size: 45px;
    line-height: 50px;
    margin: 35px 0;
  }
}
@media (max-width: 992px) {
  .os-card .os-title {
    font-size: 35px;
    line-height: 40px;
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .os-card .os-title {
    font-size: 44px;
    line-height: 1;
    margin: 35px 0;
  }
}
.os-card .pannel-list {
  display: flex;
  flex-direction: column;
}
.os-card .pannel-li {
  margin-bottom: 24px;
  display: flex;
  gap: 18px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #DFE5EC;
  align-items: center;
}
@media (max-width: 1200px) {
  .os-card .pannel-li {
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .os-card .pannel-li {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 23px;
  }
}
@media (max-width: 767px) {
  .os-card .pannel-li {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
  }
}
.os-card .pannel-li:last-child {
  margin-bottom: 0px;
}

.adminPanel .os-card {
  background: linear-gradient(180deg, rgb(93, 95, 251), rgba(248, 250, 255, 0));
}
.adminPanel .os-card-inner {
  background: linear-gradient(180deg, #130A25 -12.08%, #0B141E 111.67%);
}
.adminPanel .os-card-img {
  background: linear-gradient(140.78deg, #5D5FFB 0.89%, #9C46FB 100.65%);
}
.adminPanel .os-title {
  background: linear-gradient(131.66deg, #625DFB 26.46%, #9C50FF 64.69%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.merchantPanel .os-card {
  background: linear-gradient(180deg, rgb(255, 117, 67), rgba(248, 250, 255, 0));
}
.merchantPanel .os-card-inner {
  background: linear-gradient(180deg, #170802 -12.08%, #0B141E 111.67%);
}
.merchantPanel .os-card-img {
  background: linear-gradient(113.84deg, #FF7443 3.83%, #F4A635 89.67%);
}
.merchantPanel .os-title {
  background: linear-gradient(113.84deg, #FB7B51 3.83%, #EEA944 89.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.analyticsTables {
  padding: 180px 0 1px;
}
@media (max-width: 1200px) {
  .analyticsTables {
    padding: 110px 0 1px;
  }
}
@media (max-width: 992px) {
  .analyticsTables {
    padding: 80px 0 1px;
  }
}
.analyticsTables.MerchantPanelTables {
  padding-top: 0px;
}
.analyticsTables.MerchantPanelTables .adminPannelInfo {
  background: linear-gradient(140.78deg, #FEF4EB 0.89%, #FEF4EC 100.65%);
}
.analyticsTables.MerchantPanelTables .adminPannelInfo-img {
  background: linear-gradient(113.84deg, #FF7443 3.83%, #F4A635 89.67%);
}
.analyticsTables.MerchantPanelTables .tabel-inner-heading {
  background: linear-gradient(135deg, #FE7942 0%, #F5A435 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.Tables-heading {
  text-align: center;
  max-width: 806px;
  margin: auto;
}
.Tables-heading .h1_3 {
  margin-bottom: 24px;
}
.Tables-heading .subHeadds {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #4E5660;
  padding: 0px 50px;
}
@media (max-width: 992px) {
  .Tables-heading .subHeadds {
    font-size: 17px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .Tables-heading .subHeadds {
    font-size: 17px;
    line-height: 26px;
    padding: 0px 35px;
  }
}

.analyticsTables .adminPannelInfo {
  margin-top: 180px;
  background: linear-gradient(140.78deg, #F2EEFF 0.89%, #efefff 100.65%);
  border-radius: 12px;
  display: inline-block;
  width: 100%;
  padding-bottom: 28em;
}
@media (max-width: 1200px) {
  .analyticsTables .adminPannelInfo {
    margin-top: 150px;
    padding-bottom: 25em;
  }
}
@media (max-width: 992px) {
  .analyticsTables .adminPannelInfo {
    padding-bottom: 17em;
  }
}
@media (max-width: 767px) {
  .analyticsTables .adminPannelInfo {
    padding-bottom: 10em;
  }
}
.analyticsTables .pannel-figure {
  margin-top: -26em;
  padding: 0px 80px;
}
@media (max-width: 1200px) {
  .analyticsTables .pannel-figure {
    margin-top: -21em;
  }
}
@media (max-width: 992px) {
  .analyticsTables .pannel-figure {
    margin-top: -14em;
    padding: 0px 60px;
  }
}
@media (max-width: 767px) {
  .analyticsTables .pannel-figure {
    margin-top: -8em;
    padding: 0px 30px;
  }
}
.analyticsTables .adminPannelInfo-img {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  padding: 23px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(140.78deg, #5D5FFB 0.89%, #9C46FB 100.65%);
  margin: -60px auto 0 !important;
  position: relative;
  z-index: 99;
}
@media (max-width: 992px) {
  .analyticsTables .adminPannelInfo-img {
    width: 100px;
    height: 100px;
  }
}
.analyticsTables .tabel-inner-heading {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 88px;
  line-height: 100px;
  letter-spacing: -1.10669px;
  background: linear-gradient(135deg, #416AFB 0%, #A941FB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-top: 52px;
}
@media (max-width: 1200px) {
  .analyticsTables .tabel-inner-heading {
    font-size: 65px;
    line-height: 80px;
  }
}
@media (max-width: 992px) {
  .analyticsTables .tabel-inner-heading {
    font-size: 54px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .analyticsTables .tabel-inner-heading {
    font-size: 44px;
    line-height: 1;
  }
}
.analyticsTables .video-info {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .analyticsTables .video-info {
    margin-top: 40px;
  }
}
.analyticsTables .video-info .block-info {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  color: #4E5660;
}
@media (max-width: 1200px) {
  .analyticsTables .video-info .block-info {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .analyticsTables .video-info .block-info {
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .analyticsTables .video-info .block-info {
    font-size: 16px;
    line-height: 26px;
  }
}

.analyticsTab-slide {
  margin-top: 180px;
}
@media (max-width: 1200px) {
  .analyticsTab-slide {
    margin-top: 120px;
  }
}
@media (max-width: 992px) {
  .analyticsTab-slide {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .analyticsTab-slide {
    margin-top: 100px;
  }
}
.analyticsTab-slide .analyticsTab-slide-heading {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
}
.analyticsTab-slide .dashboard-heading {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 54px;
  color: #0A131D;
}
@media (max-width: 992px) {
  .analyticsTab-slide .dashboard-heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .analyticsTab-slide .dashboard-heading {
    font-size: 30px;
    line-height: 1;
  }
}

.collaborate {
  background: #0A131D;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 200px;
  margin-top: 180px;
}
@media (max-width: 1200px) {
  .collaborate {
    padding: 70px 40px;
    margin-top: 110px;
  }
}
@media (max-width: 992px) {
  .collaborate {
    margin-top: 80px;
    padding: 60px 30px;
  }
}
@media (max-width: 767px) {
  .collaborate {
    margin-top: 80px;
    padding: 60px 30px;
  }
}
.collaborate:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 0px;
  background: rgba(88, 32, 246, 0.19);
  filter: blur(208.758px);
  width: 634.62px;
  height: 441px;
}
.collaborate:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(178, 32, 246, 0.15);
  filter: blur(166.651px);
  width: 808.54px;
  height: 405.79px;
}

.collaborate-wrap .h3 {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 88px;
  line-height: 1.14;
  text-align: center;
  letter-spacing: -1.10669px;
}
@media (max-width: 1200px) {
  .collaborate-wrap .h3 {
    font-size: 66px;
  }
}
@media (max-width: 992px) {
  .collaborate-wrap .h3 {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .collaborate-wrap .h3 {
    font-size: 44px;
  }
}
.collaborate-wrap .collaborate-text-block {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.43;
  text-align: center;
  color: #DFE5EC;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .collaborate-wrap .collaborate-text-block {
    font-size: 23px;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .collaborate-wrap .collaborate-text-block {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .collaborate-wrap .collaborate-text-block {
    font-size: 17px;
    line-height: 26px;
    margin-top: 20px;
  }
}

.collaborate-brands {
  margin-top: 128px;
  display: flex;
  justify-content: center;
  gap: 83px;
  align-items: center;
}
@media (max-width: 992px) {
  .collaborate-brands {
    margin-top: 70px;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .collaborate-brands {
    margin-top: 60px;
    gap: 35px;
  }
}
@media (max-width: 992px) {
  .collaborate-brands .cl-brand {
    width: 180px;
  }
  .collaborate-brands .cl-add {
    width: 30px;
  }
  .collaborate-brands .cl-illuminz {
    width: 300px;
  }
}

.collaborate-wrap {
  position: relative;
  z-index: 9;
}

@keyframes topbottom {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes leftRight {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}
/*** Motoview  ***/
/**** Fingertips ****/
.aos-animate {
  transform: translate3d(0, 0, 0) !important;
}

.ripple-circles {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.ripple-circles span {
  display: block;
  animation: ripples-c 4s linear infinite forwards;
  border: 2px solid grey;
  border-radius: 50%;
  position: absolute;
}
.ripple-circles span:nth-child(1) {
  animation-delay: 0ms;
  border-color: #43CA89;
}
.ripple-circles span:nth-child(2) {
  animation-delay: 1000ms;
  border-color: #E88114;
}
.ripple-circles span:nth-child(3) {
  animation-delay: 2000ms;
  border-color: #E92C70;
}

@keyframes ripples-c {
  0% {
    opacity: 0.2;
    width: 0;
    height: 0;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    width: 450px;
    height: 450px;
  }
}
.mjc-map {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 767px) {
  .mjc-map img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: right;
       object-position: right;
  }
}

.fingertips-sec h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.fingertips-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .fingertips-sec h3 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h3 {
    font-size: 23px;
    line-height: 30px;
  }
}
.fingertips-sec h6 {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .fingertips-sec h6 {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .fingertips-sec h6 {
    font-size: 15px;
    line-height: 24px;
  }
}
.fingertips-sec .p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.647399px;
}
.fingertips-sec .contact-grey {
  background-color: #F6F8FC;
}
.fingertips-sec .contact-grey .expected-select {
  background-color: white;
}

@media (max-width: 767px) {
  .bn-logo {
    max-width: 160px;
    margin: 0 auto 21px;
  }
}

.fingertips-banner {
  text-align: center;
  position: relative;
  padding: 130px 0 0px;
  z-index: 5;
}
@media (min-width: 767px) {
  .fingertips-banner {
    padding: 160px 0 0px;
  }
}
.fingertips-banner h2 {
  max-width: 708px;
  max-width: 100%;
  margin: 0 auto 32px;
}
.fingertips-banner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF0F9 100%), linear-gradient(98.95deg, #FFF0F9 11.41%, #E8FEF6 109.5%);
  z-index: -1;
  transition: all cubic-bezier(0.11, 0.21, 0.39, 0.8) 700ms;
  transition-delay: 750ms;
  background: linear-gradient(121.7deg, #FFF1DA 0.96%, #FFE7E9 99.57%);
}
.fingertips-banner.aos-animate:after {
  top: 0;
}

.bn-img {
  position: relative;
  z-index: 6;
}
@media (max-width: 767px) {
  .bn-img img {
    margin: 19px auto 12.3%;
    transform: scale(1.5) translateX(3px);
  }
}
@media (min-width: 1200px) {
  .bn-img {
    margin-top: -20px;
    top: 0px;
  }
}
.bn-img:after {
  content: "";
  position: absolute;
  display: block;
  width: 600px;
  height: 600px;
  margin: 0 auto;
  bottom: -110px;
  border-top: 400px solid #DA6694;
  border-radius: 70%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
@media (max-width: 767px) {
  .bn-img:after {
    width: 200px;
    height: 200px;
    border-top: 120px solid #DA6694;
    bottom: 10px;
  }
}

.bn-text {
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .bn-text br {
    display: none;
  }
}
.bn-text h2 {
  font-size: 30px;
  line-height: 38px;
}
@media (min-width: 767px) {
  .bn-text h2 {
    font-size: 48px;
    line-height: 56px;
  }
}

.bn-chips {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}
.bn-chips label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-right: 12px;
}
@media (max-width: 992px) {
  .bn-chips label {
    margin-bottom: 15px;
  }
}
.bn-chips label:last-child {
  margin-right: 0;
}

.ft-accomplish {
  position: relative;
  padding: 200px 0 120px;
}
@media (max-width: 992px) {
  .ft-accomplish {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .ft-accomplish {
    padding: 80px 0;
  }
}

@keyframes bright {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@media (max-width: 1200px) {
  .fta-cards {
    transform: scale(0.85);
  }
}
@media (max-width: 992px) {
  .fta-cards {
    transform: scale(1);
    display: grid;
    grid-template-columns: auto auto;
    gap: 50px;
    justify-content: left;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .fta-cards {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    gap: 20px;
  }
}

.fta-cardss {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 160px);
  justify-content: center;
  margin-top: 85px;
  gap: 25px;
}
@media (min-width: 767px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 992px) {
  .fta-cardss {
    grid-template-columns: repeat(2, 270px);
  }
}
@media (min-width: 1200px) {
  .fta-cardss {
    grid-template-columns: repeat(4, 270px);
    justify-content: space-between;
  }
}

.fta-card {
  position: relative;
  background: white;
  max-width: 170px;
  height: 170px;
  padding: 32px 37px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 16px 47px rgba(33, 12, 83, 0.07);
  border-radius: 16px;
}
@media (min-width: 767px) {
  .fta-card {
    max-width: 270px;
    height: 270px;
  }
}
@media (max-width: 767px) {
  .fta-card {
    padding: 32px 25px;
    max-width: 100%;
  }
}
.fta-card .fta-icon {
  margin-bottom: 20px;
}
.fta-card h4 {
  font-weight: 600;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  color: #0A131D;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .fta-card h4 {
    font-size: 22px;
    line-height: 18px;
  }
}
.fta-card p {
  letter-spacing: 0.8px;
  color: #8894A2;
}
@media (max-width: 767px) {
  .fta-card p {
    font-size: 14px;
    line-height: 20px;
  }
}

.fgd-sec {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .fgd-sec {
    grid-template-columns: minmax(420px, 618px) 610px;
  }
}

.fastest-delivery {
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .fastest-delivery {
    padding-bottom: 70px;
  }
}

.fgd-text {
  position: relative;
  padding: 50px 0;
  z-index: 5;
}
@media (min-width: 992px) {
  .fgd-text {
    padding: 170px 0 170px;
  }
}

.delivery-map {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}
@media (max-width: 767px) {
  .delivery-map {
    top: 50%;
  }
}
.delivery-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gr {
  color: #2E9169 !important;
  font-weight: 500 !important;
}

.f8 {
  font-size: 8px !important;
}

.f9 {
  font-size: 9px !important;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
  line-height: 1.7 !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.delivery-chips {
  position: relative;
  z-index: 10;
  opacity: 1 !important;
  transform: translateZ(0) !important;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: flex-end;
  gap: 15px 30px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .delivery-chips {
    width: 600px;
    right: 30px;
  }
}
@media (min-width: 992px) {
  .delivery-chips {
    left: 60px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .delivery-chips {
    left: 160px;
  }
}
.delivery-chips h6 {
  line-height: 1.3 !important;
  font-weight: 500;
  margin-bottom: 3px;
  color: #0A131D;
}
.delivery-chips p {
  line-height: 1.5;
  color: #737B89;
  letter-spacing: 0px;
  font-weight: 300;
}
.delivery-chips p:last-child {
  border-top: 1px solid whitesmoke;
  margin-top: 2px;
  padding-top: 2px;
}
.delivery-chips.aos-animate > div {
  transform: scale(1);
}
.delivery-chips > div {
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 500ms;
}
.delivery-chips > div:nth-child(1) {
  transition-delay: 200ms;
}
.delivery-chips > div:nth-child(2) {
  transition-delay: 400ms;
}
.delivery-chips > div:nth-child(3) {
  transition-delay: 600ms;
}
.delivery-chips > div:nth-child(5) {
  transition-delay: 800ms;
}
.delivery-chips > div:nth-child(6) {
  transition-delay: 1000ms;
}

.dc-card {
  position: relative;
  background-color: white;
  padding: 11px;
  box-shadow: 0px 26.7376px 42.5372px rgba(10, 19, 29, 0.1);
  border-radius: 9.35817px;
  display: inline-grid;
  gap: 7px;
  text-align: left;
}
.dc-card.dcc2 {
  grid-template-columns: auto auto;
  padding: 15px 55px 15px 15px;
}
.dc-card.dc-2 {
  top: 30px;
}
.dc-card.dc-1 {
  bottom: 15px;
}

.dc-img {
  position: relative;
}

.rating-label {
  position: absolute;
  top: 6px;
  left: -2px;
  background: #2E9169;
  box-shadow: 0px 2.201px 4.40201px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  padding: 2px 4px;
}

.edit-profile {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  color: #8D1B44;
  background: #FFFFFF;
  border: 0.568627px solid #E3E7EF;
  border-radius: 4.54902px;
  display: inline-block;
  padding: 3px;
}

section.how-easy {
  position: relative;
  padding: 80px 0 20px;
  text-align: center;
}
@media (min-width: 767px) {
  section.how-easy {
    padding: 136px 0 20px;
  }
}
section.how-easy .heading-in {
  max-width: 745px;
  margin: 0 auto;
}
section.how-easy video {
  padding: 0 20px;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section.how-easy video {
    margin: 210px auto 180px;
    transform: scale(2.8);
  }
}

.mjc-sec {
  display: grid;
  position: relative;
  grid-template-columns: auto;
  justify-content: space-between;
  z-index: 10;
  gap: 20px;
}
@media (min-width: 992px) {
  .mjc-sec {
    grid-template-columns: minmax(auto, 434px) minmax(auto, 600px);
  }
}
@media (max-width: 767px) {
  .mjc-sec h2 {
    margin-bottom: 25px;
  }
}

@keyframes mjc {
  0% {
    background-color: white;
  }
  50% {
    background-color: #ffecf2;
  }
  100% {
    background-color: white;
  }
}
.mjc-card {
  background: #FFFFFF;
  box-shadow: 0px 36.4438px 57.9787px rgba(10, 19, 29, 0.1);
  border-radius: 12.7553px;
  padding: 24px;
  display: flex;
}
.mjc-card.aos-animate {
  animation: mjc 700ms cubic-bezier(0.38, 0.03, 0.81, 0.68) 100ms forwards;
}
.mjc-card:nth-child(1) {
  animation-delay: 1500ms;
}
.mjc-card:nth-child(2) {
  animation-delay: 2500ms;
}
.mjc-card:nth-child(3) {
  animation-delay: 3500ms;
}
.mjc-card h5 {
  margin-bottom: 6px;
  font-weight: 600;
}
.mjc-card svg {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  bottom: -3px;
  flex-shrink: 0;
}

.mjc-cards {
  position: relative;
  display: grid;
  align-items: center;
  gap: 32px;
}

.major-challenges {
  position: relative;
  padding: 88px 0;
  background: #FFEAF1;
  overflow: hidden;
}

.f-color {
  color: #D92D66;
}

.yellow-color {
  color: #E3B311;
}

.finger-logo {
  position: absolute;
  bottom: 0;
}
@media (max-width: 992px) {
  .finger-logo {
    display: none;
  }
}

.cii-sec {
  position: relative;
  padding: 60px 0 80px;
}
@media (min-width: 767px) {
  .cii-sec {
    padding: 136px 0 80px;
  }
}
.cii-sec .heading-in {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 767px) {
  .cii-sec .heading-in {
    margin-bottom: 80px;
  }
}

.cii-slider {
  position: relative;
  display: flex;
  transform: translateX(0%);
  justify-content: center;
  z-index: 10;
  min-width: 1250px;
}
@media (min-width: 767px) {
  .cii-slider {
    min-width: 900px;
  }
}

.cii-slides {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 767px) {
  .cii-slides:nth-child(1) {
    margin-top: 100px;
  }
  .cii-slides:nth-child(2) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(3) {
    margin-top: 0px;
  }
  .cii-slides:nth-child(4) {
    margin-top: 50px;
  }
  .cii-slides:nth-child(5) {
    margin-top: 100px;
  }
}

.cii-in {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
@media (max-width: 767px) {
  .cii-in {
    overflow: auto;
  }
}
.cii-in:after {
  content: "";
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/rainbow.svg) no-repeat;
  background-size: cover;
  z-index: 0;
}
@media (max-width: 767px) {
  .cii-in:after {
    display: none;
  }
}

.app-features {
  position: relative;
}
.app-features .heading-in {
  margin: 0 auto;
  max-width: 734px;
  text-align: center;
}

.appfe-img {
  max-width: 500px;
}
@media (max-width: 992px) {
  .appfe-img {
    margin-top: 50px;
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
}
.appfe-img video {
  max-width: 100%;
}

.app-row {
  margin-bottom: 132px;
  align-items: center;
}
@media (max-width: 1200px) {
  .app-row {
    justify-content: center;
  }
}
.app-row:first-child {
  margin-top: 112px;
}
@media (max-width: 992px) {
  .app-row:first-child {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .app-row {
    margin-bottom: 60px;
  }
  .app-row:nth-child(2n) {
    flex-direction: column-reverse;
  }
}

.appfe-text label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #2FA97D;
  background: #E8FEF6;
  border-radius: 50px;
  padding: 6px 16px;
  margin-bottom: 12px;
}
.appfe-text h3 {
  margin-bottom: 35px;
}
@media (min-width: 767px) {
  .appfe-text h3 {
    margin-bottom: 56px;
  }
}

.appfe-pints {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: 15px;
  margin-bottom: 36px;
  justify-content: left;
}
.appfe-pints:last-child {
  margin-bottom: 0;
}

.point-blue {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #2FBCE7 0%, #3199EE 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-blue:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-purple {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFA6DD 0%, #A87BEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-purple:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-orange {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E8A442 0%, #DE3F78 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-orange:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-green {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #FFE45A 0%, #6FD68A 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-green:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.point-voilet {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: linear-gradient(180deg, #E88DEF 0%, #40CDEF 100%);
  box-shadow: 0px 13.1959px 38.7629px rgba(50, 33, 151, 0.4);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.point-voilet:after {
  content: "";
  position: absolute;
  width: 7.88px;
  height: 7.88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(7, 5, 40, 0.09);
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.illustrations-icons {
  position: relative;
  padding-bottom: 100px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .illustrations-icons {
    padding-top: 30px;
  }
}
@media (min-width: 767px) {
  .illustrations-icons {
    padding-bottom: 200px;
  }
}
.illustrations-icons .heading-in {
  max-width: 692px;
  margin: 0 auto 72px;
  text-align: center;
}

.download-now {
  position: relative;
  padding: 40px;
  border-radius: 32px;
  background-color: #fff9e0;
  margin-bottom: 124px;
  display: none;
}
.download-now .col-lg-7 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .download-now {
    padding: 88px;
  }
  .download-now .col-lg-7 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .download-now {
    padding: 30px 20px;
  }
}

.icons-in {
  display: grid;
  align-items: center;
  text-align: center;
  gap: 40px;
}
.icons-in:nth-child(even) {
  margin: -30px 0 0;
}

.icon-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
  padding: 20px;
}
@media (max-width: 767px) {
  .icon-lg {
    width: 100px;
    height: 100px;
  }
}

.icon-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  background: #FFFFFF;
  box-shadow: 0px 8px 28px rgba(13, 20, 85, 0.06);
  border-radius: 50%;
  margin: 0 auto;
  transform: scale(0);
  transition: all cubic-bezier(0.06, 0.44, 0.13, 1.18) 400ms;
  transition-delay: 1000ms;
}
@media (max-width: 767px) {
  .icon-sm {
    width: 50px;
    height: 50px;
  }
}

.ii-icons {
  display: flex;
  justify-content: center;
  transform: translateZ(0) !important;
  opacity: 1 !important;
}
.ii-icons.aos-animate .icon-sm,
.ii-icons.aos-animate .icon-lg {
  transform: scale(1);
}

.wrap {
  flex-wrap: wrap;
}

.h400 {
  min-height: 400px;
}

img {
  max-width: 100%;
}

.work-card {
  position: relative;
  will-change: transform;
}
.work-card .work-card-img {
  min-height: auto;
}
@media (min-width: 767px) {
  .work-card .work-card-img {
    min-height: 375px;
  }
}
.work-card > a {
  position: unset !important;
}
.work-card > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.work-card.work-card.full-card {
  margin-top: -130px;
}
.work-card.work-card.fingertips-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(135deg, #FFDAE6 -19.17%, #FFF1C4 110.42%);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.fingertips-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.fingertips-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.fingertips-work .supertext {
  color: #bb2961;
}
.work-card.work-card.bsset-work {
  padding: 20px 20px 20px 0px;
  background: linear-gradient(45deg, #33FF8A, #33FF8A);
  overflow: hidden;
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -134px -130px -10px;
  }
}
@media (min-width: 1200px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin: 10px -144px -100px 50px;
  }
}
@media (max-width: 767px) {
  .work-card.work-card.bsset-work .work-card-img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.work-card.work-card.bsset-work .work-card-text {
  padding: 35px 25px 30px 25px;
}
@media (min-width: 767px) {
  .work-card.work-card.bsset-work .work-card-text {
    padding: 50px 20px 50px 60px;
  }
}
.work-card.work-card.bsset-work .supertext {
  color: #0E2B1E;
}
.work-card.kaspr-work {
  background: linear-gradient(135deg, #D4D7FF 0%, #F2DEFD 100%);
  padding: 0;
  overflow: hidden;
}
.work-card.kaspr-work .supertext {
  color: #6b2cf3;
}
.work-card.kaspr-work .work-card-text {
  padding: 35px;
}
@media (min-width: 767px) {
  .work-card.kaspr-work .work-card-text {
    padding: 56px;
  }
}
.work-card.kaspr-work .work-card-img {
  margin: 0 -60px 0 30px;
}
@media (max-width: 767px) {
  .work-card.kaspr-work .work-card-img {
    margin: 0 0px 0 0px;
  }
}
.work-card:hover .btn4 .icon-arrow_slider:before {
  animation: linkArrow 200ms linear forwards;
}

.injust10 {
  position: relative;
  padding: 70px 0 40px;
}
@media (min-width: 767px) {
  .injust10 {
    padding: 136px 0 70px;
  }
}
.injust10 .heading {
  text-align: center;
  max-width: 629px;
  margin: 0 auto;
}
.injust10 .heading h2 {
  margin-bottom: 24px;
}
.injust10 .heading h6 {
  margin-bottom: 12px;
}

.fingertips-work.wishbox-work {
  margin-top: 0px !important;
  padding: 16px 55px 16px 55px !important;
  background-image: linear-gradient(135deg, #FFFFEB, #FFD5B6, #FFDBD0);
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work {
    padding: 55px !important;
  }
}
@media (max-width: 480px) {
  .fingertips-work.wishbox-work {
    padding: 33px !important;
  }
}
.fingertips-work.wishbox-work .h4_1 {
  color: #0B182B;
  max-width: 505px;
}
.fingertips-work.wishbox-work .wishbox-logo {
  width: 130px;
  margin-bottom: 33.76px;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wish-box-img {
    margin-top: 30px !important;
  }
}
.fingertips-work.wishbox-work .button-white {
  margin-top: 173px !important;
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .button-white {
    margin-top: 33px !important;
  }
}
@media (max-width: 992px) {
  .fingertips-work.wishbox-work .wishbox-inner-wrap {
    flex-direction: column;
  }
}

/*** Fingertips  ends***/
/*** Gatoes ***/
section.gt-banner {
  position: relative;
  padding: 10% 0 60px;
  overflow: hidden;
}
section.gt-banner h1 {
  text-align: center;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.015em;
  max-width: 855px;
  margin: 0 auto 10px;
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  section.gt-banner h1 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  section.gt-banner {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  section.gt-banner {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

.gt-logo-gatoes {
  text-align: center;
  margin: 0 auto 20px;
  max-width: 134px;
}

@media (min-width: 767px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .gt-mockups {
    transform: scale(0.76) translate(30px, -50px);
  }
}
@media (min-width: 1200px) {
  .gt-mockups {
    transform: scale(1) translate(45px, 0px);
  }
}

.gt-mock1 {
  position: relative;
  padding-top: 20px;
  left: -35px;
}
@media (max-width: 767px) {
  .gt-mock1 {
    margin-bottom: -50px;
  }
}
@media (min-width: 767px) {
  .gt-mock1 {
    left: -140px;
  }
}
@media (min-width: 992px) {
  .gt-mock1 {
    left: -90px;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .gt-mock1 {
    left: -30px;
  }
}
.gt-mock1:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #72FFE0 0%, #4FDBBC 21.03%, #4DC9AD 48.95%, #33B296 61.29%, #1EA184 76.72%, #119477 86.37%);
  bottom: 290px;
  background: #119477;
  left: 170px;
}
@media (max-width: 767px) {
  .gt-mock1:before {
    bottom: 80px;
    left: -120px;
    display: none;
  }
}

.gt-mock2 {
  position: relative;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-mock2 {
    margin-left: -480px;
    margin-top: 40px;
    right: -180px;
  }
}
@media (min-width: 992px) {
  .gt-mock2 {
    margin-left: -400px;
    right: -130px;
  }
}
@media (min-width: 1200px) {
  .gt-mock2 {
    margin-left: -200px;
    right: -30px;
  }
}
.gt-mock2:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 193px;
  height: 193px;
  background: radial-gradient(112.69% 112.69% at 33.42% 1.81%, #FF9C9C 0%, #F87777 21.03%, #DA5959 48.95%, #B84848 61.29%, #972A2A 76.72%, #A94040 86.37%);
  right: 120px;
  top: 110px;
  background: #F36653;
}
@media (max-width: 767px) {
  .gt-mock2:before {
    display: none;
  }
}

.mock-img {
  position: relative;
  z-index: 10;
}

.floating1 {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 70px;
}
@media (min-width: 767px) {
  .floating1 {
    left: 0px;
    top: 120px;
  }
}
.floating1 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  width: 168px;
  height: 142px;
}
@media (min-width: 767px) {
  .floating1 > div {
    width: 238px;
    height: 142px;
  }
}

.floating2 {
  position: absolute;
  z-index: 11;
  right: 0px;
  bottom: -10px;
}
@media (min-width: 767px) {
  .floating2 {
    left: 0px;
    bottom: 90px;
  }
}
.floating2 > div {
  animation: updown-sm 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating2 > div {
    max-width: 350px;
  }
}

.floating3 {
  position: absolute;
  right: -50px;
  z-index: 11;
  bottom: -30px;
}
@media (min-width: 767px) {
  .floating3 {
    bottom: 200px;
    right: 0;
  }
}
.floating3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .floating3 > div {
    max-width: 350px;
  }
}

.updown {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(5px);
  }
}
.updown-sm {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-sm {
  0% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(-3px);
  }
}
.updown-lg {
  animation: updown-lg 3200ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-lg {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
.updown-xl {
  animation: updown-xl 4000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

@keyframes updown-xl {
  0% {
    transform: translateY(7px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(7px);
  }
}
.gatoes-sec h2 {
  font-weight: 600;
  color: #23212E;
  font-size: 35px;
  line-height: 1.2;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 56px;
    letter-spacing: -0.015em;
  }
}
.gatoes-sec h2 span {
  color: #F17563;
}
@media (min-width: 767px) {
  .gatoes-sec h2 {
    font-size: 46px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h2.m-b24 {
    margin-bottom: 10px;
  }
}
.gatoes-sec h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 35px;
  color: #23212E;
}
.gatoes-sec h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #5E5C66;
}
@media (min-width: 767px) {
  .gatoes-sec h6 {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .gatoes-sec h6.m-b64 {
    margin-bottom: 24px;
  }
}

.grocery-sec {
  position: relative;
  padding: 0px 0 80px;
  overflow: hidden;
  background: #F5F7FA;
}
@media (min-width: 767px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 992px) {
  .grocery-sec {
    padding: 0px 0 100px;
  }
}
@media (min-width: 1200px) {
  .grocery-sec {
    padding: 55px 0 100px;
  }
}

section.raise-revenue {
  position: relative;
  padding: 50px 0 30px;
  overflow: hidden;
}
@media (min-width: 767px) {
  section.raise-revenue {
    padding: 50px 0 150px;
  }
}
section.raise-revenue h6 {
  max-width: 561px;
}

.rr-img {
  min-width: 500px;
  transform: translateX(-50px);
}
@media (min-width: 767px) {
  .rr-img {
    min-width: 681px;
    transform: translateX(0px);
  }
}
@media (max-width: 767px) {
  .rr-img {
    min-width: 100%;
    transform: initial;
  }
}
.rr-img video {
  max-width: 100%;
}

.op-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 1350px;
  padding: 0 15px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .op-img {
    width: 100%;
    transform: initial;
  }
}
.op-img video {
  max-width: 100%;
  transform: scale(1.03);
}
@media (max-width: 767px) {
  .op-img video {
    transform: scale(1.03);
  }
}

.grocer-text {
  position: relative;
  margin-top: 100px;
}
@media (min-width: 767px) {
  .grocer-text h2 {
    line-height: 52px;
    letter-spacing: -0.025em;
  }
}
.grocer-text label {
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: #F76754;
  margin-bottom: 15px;
}

.grocer-lower-img {
  min-width: 755px;
}
@media (max-width: 767px) {
  .grocer-lower-img {
    min-width: 600px;
    position: relative;
    right: 120px;
  }
}

.grocer-img {
  position: relative;
  right: 0px;
  top: 0px;
}
@media (max-width: 992px) {
  .grocer-img {
    margin-bottom: -100px;
  }
}
@media (min-width: 767px) {
  .grocer-img {
    right: 70px;
    top: 50px;
  }
}

.grocer-img2 {
  position: absolute;
  z-index: 5;
  width: calc(100% + 20px);
  right: -90px;
  top: 10px;
}
@media (min-width: 767px) {
  .grocer-img2 {
    width: calc(100% - 30px);
    right: -60px;
    top: -30px;
  }
}
@media (min-width: 992px) {
  .grocer-img2 {
    width: calc(100% - 70px);
    right: -70px;
    top: -40px;
  }
}

.grocer-img3 {
  position: absolute;
  z-index: 6;
  width: calc(100% + 80px);
  right: -10px;
  top: 80px;
}
@media (min-width: 767px) {
  .grocer-img3 {
    width: 100%;
    right: 80px;
    top: 90px;
  }
}

.gt-screens {
  position: relative;
  background: #F2F4F9;
  padding: 100px 0 0px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .gt-screens {
    padding: 85px 0 150px;
  }
}
.gt-screens h2 {
  max-width: 954px;
  margin: 0 auto 80px;
}
@media (min-width: 767px) {
  .gt-screens h2 {
    text-align: center;
  }
}
.gt-screens h2 span {
  color: #289D84;
}

.gt-c {
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) {
  .gt-c {
    justify-content: flex-start;
    overflow: auto;
    padding: 0 0 180px;
    margin: 0 -15px;
  }
}
@media (max-width: 767px) {
  .gt-c {
    padding: 0 0 90px;
  }
}
.gt-c > div {
  margin-right: 58px;
}
@media (min-width: 992px) {
  .gt-c > div:nth-child(even) {
    margin-top: 120px;
  }
  .gt-c > div:nth-child(even) .gt-img {
    animation-delay: 800ms;
  }
}

.gt-img {
  box-shadow: 0px 102.225px 81.7801px rgba(62, 68, 128, 0.12), inset -2.0445px -10.2225px 20.445px rgba(102, 131, 188, 0.5), inset 0px 2.0445px 20.445px #ffffff;
  border-radius: 60px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 200px;
  min-width: 200px;
}
@media (min-width: 767px) {
  .gt-img {
    max-width: 270px;
    min-width: 270px;
  }
}
@media (min-width: 1200px) {
  .gt-img {
    max-width: 323px;
    min-width: 323px;
  }
}

.gt-how-cards {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 767px) {
  .gt-how-cards {
    grid-template-columns: 450px;
  }
}
@media (min-width: 992px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: 550px;
  }
}
@media (min-width: 1200px) {
  .gt-how-cards {
    gap: 40px;
    grid-template-columns: repeat(auto-fill, 350px);
  }
}

@media (max-width: 1200px) {
  .gt-how-card {
    grid-template-columns: 220px auto;
  }
}
@media (max-width: 1200px) {
  .gt-how-card {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 15px;
    align-items: center;
  }
  .gt-how-card .gt-how-text {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .gt-how-card {
    grid-template-columns: 130px auto;
  }
}

.gt-how-img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .gt-how-img {
    margin-bottom: 0;
  }
}
.gt-how-img video {
  max-width: calc(100% + 1px);
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .gt-how-img {
    margin-bottom: 36px;
  }
}

.gt-how-text {
  text-align: center;
}
.gt-how-text h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .gt-how-text h4 {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.gt-how-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #A1A0A9;
}
@media (min-width: 1200px) {
  .gt-how-text p {
    font-size: 21px;
    line-height: 24px;
  }
}

.gt-how {
  position: relative;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .gt-how {
    padding: 140px 0 200px;
  }
}
.gt-how .container {
  max-width: 1350px;
}
.gt-how .heading {
  text-align: center;
}
.gt-how .heading p {
  max-width: 332px;
  margin: 0 auto;
}

.simplified-platform {
  position: relative;
  background: #f7f7fd;
  padding: 80px 0 10px;
}
@media (min-width: 992px) {
  .simplified-platform {
    padding: 50px 0 10px;
  }
}

.sp-img {
  overflow: hidden;
  padding-left: 50px;
}
.sp-img video {
  max-width: 100%;
  transform: scale(1.04);
}

.optimized-apps {
  position: relative;
  text-align: center;
  padding: 80px 0 0px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .optimized-apps {
    padding: 120px 0 0px;
  }
}
.optimized-apps h2 {
  max-width: 1002px;
  margin: 0 auto 54px;
}

section.mockup-sec {
  padding: 20px 0 120px;
}
@media (min-width: 767px) {
  section.mockup-sec {
    padding: 90px 0 150px;
  }
}

.mockup-rows {
  padding-top: 120px;
  align-items: center;
}
.mockup-rows:first-child {
  padding-top: 0;
}
@media (min-width: 767px) {
  .mockup-rows {
    padding-top: 60px;
  }
}
@media (max-width: 992px) {
  .mockup-rows:nth-child(2n+2) {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1200px) {
  .mockup-rows {
    padding-top: 120px;
  }
}

@media (min-width: 992px) {
  .mur-text {
    margin-top: -70px;
  }
}
.mur-text h4 {
  margin-bottom: 24px;
}
.mur-text h6 {
  color: #5E5C66;
}

.mur-img {
  position: relative;
  transform: scale(1) translate(0px, 0px);
  overflow: hidden;
  padding-left: 20px;
}
@media (min-width: 767px) {
  .mur-img {
    max-width: 440px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .mur-img {
    margin-bottom: -40px;
    margin-top: 0px;
    margin: 0 auto -90px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .mur-img {
    transform: scale(1) translate(0px, 0px);
    max-width: 570px;
  }
}
@media (max-width: 767px) {
  .mur-img {
    margin: 30px auto -80px;
  }
  .mur-img > img {
    width: 500px !important;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.mur-img video {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1.04);
  position: relative;
  z-index: 2;
}
.mur-img:after {
  content: "";
  position: absolute;
  width: 522px;
  height: 522px;
  border-radius: 50%;
  background-color: #F2F5F8;
  right: 30px;
  bottom: 100px;
  z-index: 0;
  display: none;
}

.mur-float1 {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 80px;
  z-index: 0;
}
@media (min-width: 767px) {
  .mur-float1 {
    left: -30px;
    top: 60px;
  }
}
.mur-float1 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}
@media (min-width: 992px) {
  .mur-float1 > div {
    max-width: 230px;
  }
}

.mur-float2 {
  position: absolute;
  z-index: 5;
  bottom: -30px;
  right: -50px;
}
@media (min-width: 767px) {
  .mur-float2 {
    bottom: 30px;
    right: 60px;
  }
}
.mur-float2 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .mur-float2 > div {
    max-width: 350px;
  }
}

.mur-float3 {
  position: absolute;
  z-index: 5;
  right: -70px;
  top: 10px;
}
@media (min-width: 767px) {
  .mur-float3 {
    right: 10px;
    top: 10px;
  }
}
.mur-float3 > div {
  animation: updown-sm 2800ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
  max-width: 430px;
}
@media (max-width: 767px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}
@media (min-width: 992px) {
  .mur-float3 > div {
    max-width: 430px;
  }
}

.mur-float4 {
  position: absolute;
  z-index: 5;
  bottom: -10px;
  left: -20px;
}
@media (min-width: 767px) {
  .mur-float4 {
    bottom: 0px;
    left: -100px;
  }
}
.mur-float4 > div {
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
@media (max-width: 767px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .mur-float4 > div {
    max-width: 450px;
  }
}

.curation-sec {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}
@media (min-width: 767px) {
  .curation-sec {
    padding: 226px 0;
  }
}
.curation-sec:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #FFF1EF;
  z-index: 0;
  width: 426px;
  height: 426px;
  bottom: 18%;
  right: -240px;
}
@media (min-width: 767px) {
  .curation-sec:after {
    right: -650px;
    width: 1026px;
    height: 1026px;
    bottom: auto;
    top: 7%;
  }
}
@media (min-width: 1200px) {
  .curation-sec:after {
    right: -350px;
  }
}
.curation-sec .container {
  position: relative;
  z-index: 5;
}
.curation-sec h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.35;
}
@media (min-width: 767px) {
  .curation-sec h3 {
    line-height: 52px;
    letter-spacing: -0.015em;
  }
}

.cur-img {
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  border-radius: 52px;
  overflow: hidden;
  box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.12);
  height: calc(100% - 7px);
}
@media (max-width: 1200px) {
  .cur-img {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .cur-img {
    max-width: 280px;
    margin: 50px auto 0;
    border-radius: 39px;
    height: calc(100% - 57px);
    box-shadow: 97.8354px 60.2171px 147px rgba(19, 8, 8, 0.05);
  }
}
.cur-img video {
  max-width: calc(100% + 3px);
}

.accent-color {
  position: relative;
}
.accent-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #F66754;
  box-shadow: 0px 44.4706px 57.6471px rgba(158, 36, 19, 0.14);
}

.sec-color {
  position: relative;
}
.sec-color > span {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 40px;
  background: #119477;
  box-shadow: 0px 44.4706px 57.6471px rgba(19, 158, 125, 0.14);
}

.border-b {
  position: relative;
}
.border-b:after {
  content: "";
  position: relative;
  display: block;
  width: 85px;
  height: 9px;
  border-radius: 20px;
  background: #EBEBEB;
  margin-top: 15px;
}
.border-b h4 {
  font-weight: 400;
}

.colors-typo {
  padding: 70px 0 72px;
}
@media (min-width: 767px) {
  .colors-typo {
    padding: 169px 0 172px;
  }
}

.color-pallete {
  position: relative;
  padding: 40px 0 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 90px);
  justify-content: space-between;
  gap: 20px;
  text-align: center;
}
@media (min-width: 767px) {
  .color-pallete {
    padding: 120px 0 160px;
    grid-template-columns: repeat(auto-fit, 104px);
  }
}
.color-pallete span {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
  background-color: #23212E;
}
@media (min-width: 767px) {
  .color-pallete span {
    width: 104px;
    height: 104px;
  }
}

.ct-h2 h2 {
  font-size: 48px;
  line-height: 50px;
}

.typo {
  font-family: "Inter", sans-serif;
}
.typo h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  color: #23212E;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
}
.typo h6 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  color: #A1A0A9;
  margin-bottom: 26px;
  font-family: "Inter", sans-serif;
}
.typo p {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  color: #23212E;
  font-family: "Inter", sans-serif;
}

.typo-a {
  display: flex;
  justify-content: flex-end;
}
.typo-a div {
  position: relative;
  font-weight: bold;
  font-size: 261.302px;
  line-height: 259px;
  text-align: center;
  color: #F66754;
  position: relative;
  z-index: 5;
}
.typo-a div:after {
  position: absolute;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #F66754;
  left: 12px;
  top: 8px;
}
.typo-a div:nth-child(1):after {
  content: "A";
}
.typo-a div:nth-child(2):after {
  content: "a";
}

.responsive-design {
  position: relative;
  text-align: center;
  background: #F7F9FF;
  padding: 100px 0 85px;
}
.responsive-design .heading {
  margin-bottom: 40px;
}

.rd-imgs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rd-imgs .rd-img:nth-child(1) {
  margin-right: -70px;
  animation: updown 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}
.rd-imgs .rd-img:nth-child(2) {
  margin-left: -70px;
  animation: updown-sm 3000ms 100ms cubic-bezier(0.18, -0.03, 0.83, 1.02) infinite;
}

.resultROI {
  position: relative;
  padding: 76px 0 109px;
  background: #FCF0EE;
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  .resultROI {
    margin-bottom: 100px;
  }
}
.resultROI h3 {
  font-weight: 600;
  letter-spacing: -0.005em;
  color: #373541;
  font-size: 34px;
  line-height: 1.2;
}
@media (min-width: 767px) {
  .resultROI h3 {
    font-size: 40px;
    line-height: 53px;
  }
}
.resultROI h4 {
  color: #484751;
  opacity: 0.9;
  font-weight: 400;
  margin-top: 60px;
  font-size: 22px;
  line-height: 1.6;
}
@media (min-width: 767px) {
  .resultROI h4 {
    font-size: 27px;
    line-height: 43px;
  }
}
.resultROI h4 b {
  font-weight: 500;
}
.resultROI .gatoeslogo-lower {
  max-width: 110px;
  margin-bottom: 28px;
}

/*** Gatoes ***/
/*** Caresoft ***/
.blue-text {
  color: #4092FE !important;
}

img {
  max-width: 100%;
}

.Caresoft-section .h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.02em;
  color: #0A131D;
}
.Caresoft-section .h1 span {
  color: #4092FE;
}
.Caresoft-section h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -1px;
}
@media (min-width: 767px) {
  .Caresoft-section h2 {
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -2.24px;
  }
}
.Caresoft-section h2 span {
  color: #4092FE;
}
.Caresoft-section h2.l1 {
  letter-spacing: 1px;
}
.Caresoft-section h3 {
  font-weight: 600;
  letter-spacing: -1px;
  color: #0A131D;
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 767px) {
  .Caresoft-section h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
.Caresoft-section h3 span {
  color: #4092FE;
}
.Caresoft-section h4 {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (min-width: 767px) {
  .Caresoft-section h4 {
    font-size: 32px;
    line-height: 42px;
  }
}
.Caresoft-section h6 {
  font-weight: 400;
  font-size: 21px;
  line-height: 29px;
  color: #324963;
}
@media (min-width: 767px) {
  .Caresoft-section h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
.Caresoft-section p {
  color: #324963;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
}
@media (min-width: 767px) {
  .Caresoft-section p {
    font-size: 22px;
    line-height: 32px;
  }
}

.banner-caresoft {
  position: relative;
  text-align: center;
  color: white;
  padding: 150px 0 50px;
  z-index: 5;
  overflow: hidden;
}
@media (min-width: 767px) {
  .banner-caresoft {
    padding: 180px 0 50px;
  }
}
@media (min-width: 1200px) {
  .banner-caresoft {
    padding: 180px 0 209px;
  }
}
.banner-caresoft:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 739px;
  background: #051A28;
  z-index: -1;
}
.banner-caresoft h2 {
  margin-bottom: -40px;
  color: white;
}
.banner-caresoft p {
  letter-spacing: 0.56px;
  color: #7292A9;
  margin-bottom: 20px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .csbn-img {
    margin: 100px 0 60px;
    transform: scale(1.5) !important;
  }
}

.cs-global-logos {
  background: #DEE7F4;
  border: 1px solid #F0F3FF;
  width: 486px;
  height: 486px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 900ms;
}
@media (max-width: 767px) {
  .cs-global-logos {
    transform: scale(0.5) translateX(-135px);
    margin: -60px 0 -170px;
  }
}
@media (max-width: 380px) {
  .cs-global-logos {
    transform: scale(0.47) translateX(-170px);
    margin: -60px 0 -170px;
  }
}
@media (min-width: 767px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 80px 100px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 120px 110px 100px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos {
    width: 486px;
    height: 486px;
    margin: 0;
    transform: scale(0) translateX(60px);
  }
}
.cs-global-logos:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #BCD4F3;
  width: 378px;
  height: 378px;
  z-index: 1;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1050ms;
}
@media (min-width: 767px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:after {
    width: 378px;
    height: 378px;
  }
}
.cs-global-logos:before {
  content: "Caresoft Global";
  position: absolute;
  border-radius: 50%;
  background: #3F8CEB;
  width: 238px;
  height: 238px;
  z-index: 2;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  transition-delay: 1200ms;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -1px;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
@media (min-width: 992px) {
  .cs-global-logos:before {
    width: 238px;
    height: 238px;
  }
}
.cs-global-logos span {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-flex;
  width: 204px;
  height: 204px;
  box-shadow: 12px 24px 32px rgba(17, 24, 51, 0.12);
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transform: scale(0);
  transition: all cubic-bezier(0.21, 0.74, 0.63, 0.95) 600ms;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -1px;
  color: #3F8CEB;
}
@media (min-width: 1200px) {
  .cs-global-logos span {
    width: 204px;
    height: 204px;
    width: auto;
    height: auto;
    padding: 20px;
  }
}
.cs-global-logos span:nth-child(1) {
  top: 0rem;
  left: -70px;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(1) {
    top: 0rem;
    left: -70px;
  }
}
.cs-global-logos span:nth-child(2) {
  top: -7rem;
  right: 0rem;
  transition-delay: 1600ms;
  width: 204px;
  height: 204px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(2) {
    top: -7rem;
    right: 0rem;
  }
}
.cs-global-logos span:nth-child(3) {
  top: 10rem;
  right: -8rem;
  transition-delay: 1700ms;
  width: 154px;
  height: 154px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(3) {
    top: 10rem;
    right: -8rem;
  }
}
.cs-global-logos span:nth-child(4) {
  top: 26rem;
  left: 18rem;
  transition-delay: 1800ms;
  width: 190px;
  height: 190px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(4) {
    top: 26rem;
    left: 18rem;
  }
}
.cs-global-logos span:nth-child(5) {
  top: 19rem;
  left: -6rem;
  transition-delay: 1900ms;
  width: 164px;
  height: 164px;
}
@media (min-width: 767px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}
@media (min-width: 1200px) {
  .cs-global-logos span:nth-child(5) {
    top: 19rem;
    left: -6rem;
  }
}

@media (max-width: 1200px) {
  .ripple-circle {
    max-width: 600px;
  }
}
@media (min-width: 1200px) {
  .ripple-circle.aos-animate .cs-global-logos {
    transform: scale(0.9) translateX(60px);
  }
}
.ripple-circle.aos-animate .cs-global-logos:after {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos:before {
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos span {
  opacity: 1;
  transform: scale(1);
}
.ripple-circle.aos-animate .cs-global-logos .map-g:after {
  transform: scale(1);
}

.map-g {
  z-index: 4;
}
.map-g:after {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  bottom: -60px;
  top: -60px;
  border: 4px dashed #3F8CEB;
  border-radius: 50%;
  transform: scale(0);
  transition-delay: 400ms;
}

.csb-text h2 {
  margin-bottom: 30px;
}
.csb-text > p {
  margin-bottom: 50px;
}

.csb-list p {
  margin-bottom: 38px;
  position: relative;
  display: grid;
  grid-template-columns: 20px auto;
  gap: 10px;
}
@media (min-width: 767px) {
  .csb-list p {
    grid-template-columns: 25px auto;
    gap: 24px;
  }
}
.csb-list p:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/cbTick.svg) no-repeat 0px 6px;
  background-size: contain;
}

section.cs-global {
  position: relative;
  padding: 50px 0 170px;
}

.problem-statement {
  position: relative;
  padding: 25px 20px 50px;
  background: #EAF2FC;
  border-radius: 2px;
  max-width: 1372px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  .problem-statement {
    padding: 124px 100px;
    margin: 0 auto 170px;
  }
}
.problem-statement h4 {
  margin-bottom: 24px;
}
.problem-statement p.text-blue {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4092FE;
  margin-bottom: 8px;
}

.ps-text {
  margin-top: 50px;
}
@media (min-width: 1200px) {
  .ps-text {
    padding-left: 75px;
    margin-top: 0;
  }
}

.issues-fixed {
  overflow: hidden;
}
.issues-fixed .heading {
  text-align: center;
  margin-bottom: 32px;
}
.issues-fixed .heading h2 {
  margin-bottom: 30px;
}

.w1372 {
  max-width: 1372px;
  margin-left: auto;
  margin-right: auto;
}

.if-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: space-between;
  gap: 30px;
  text-align: left;
  position: relative;
}
@media (min-width: 767px) {
  .if-cards {
    grid-template-columns: repeat(2, 1fr);
    bottom: 140px;
  }
}
@media (min-width: 992px) {
  .if-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

.if-card {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 74px 60px -10px rgba(4, 42, 92, 0.15);
  border-radius: 1px;
  padding: 35px 24px 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 767px) {
  .if-card {
    padding: 95px 24px 48px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
  }
}
.if-card > div {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .if-card > div {
    margin-right: 15px;
    flex-shrink: 0;
    margin-bottom: 0;
    max-width: 50px;
  }
}
.if-card h6 {
  font-weight: 500;
  font-size: 21px;
  line-height: 27px;
  letter-spacing: -0.2px;
  color: #324963;
}
@media (min-width: 767px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .if-card h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .if-card:nth-child(2n+2) {
    top: 50px;
  }
}

.if-card-sec {
  position: relative;
  background: #4092FE;
  border-radius: 2px;
  padding: 60px 0 60px;
  margin-top: 60px;
}
@media (min-width: 767px) {
  .if-card-sec {
    padding: 0px 0 30px;
    margin-top: 160px;
  }
}

.serve-sec {
  position: relative;
  padding: 80px 0 40px;
}
@media (min-width: 767px) {
  .serve-sec {
    padding: 170px 0 70px;
  }
}
.serve-sec h2 {
  position: sticky;
  top: 50px;
}
@media (max-width: 992px) {
  .serve-sec h2 {
    margin-bottom: 20px;
  }
}

.serve-text {
  position: relative;
}
.serve-text p {
  margin-bottom: 30px;
}
.serve-text p:last-child {
  margin-bottom: 60px;
}
.serve-text h6 {
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #0A131D;
  margin-bottom: 32px;
}
.serve-text ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #4A6889;
  margin-bottom: 27px;
  display: grid;
  grid-template-columns: 16px auto;
  gap: 23px;
  align-items: center;
}
.serve-text ul li span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #4092FE;
  position: relative;
}
.serve-text ul li span:after {
  content: "";
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #BAD5FE;
  margin-top: -4px;
  margin-left: 4px;
}

.redefine-sec {
  position: relative;
  padding: 40px 0 10px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .redefine-sec {
    padding: 100px 0;
  }
}
.redefine-sec .heading {
  text-align: center;
  margin-bottom: 70px;
}
.redefine-sec .heading h2 {
  margin-bottom: 30px;
}
.redefine-sec .heading h6 {
  line-height: 36px;
}
@media (max-width: 767px) {
  .redefine-sec .heading h6 {
    line-height: 30px;
  }
  .redefine-sec .heading h6 br {
    display: none;
  }
}

.redefine-colored {
  background: linear-gradient(180deg, #5665FE 0%, #3B9DFF 100%);
  border-radius: 2px;
  color: white;
  padding: 80px 20px 0px 20px;
}
@media (min-width: 767px) {
  .redefine-colored {
    padding: 80px 50px 0px 50px;
  }
}
@media (min-width: 992px) {
  .redefine-colored {
    padding: 80px 100px 0px 100px;
  }
}
@media (min-width: 1200px) {
  .redefine-colored {
    padding: 30px 0px 0px 100px;
  }
}
.redefine-colored h3 {
  color: white;
}
@media (min-width: 767px) {
  .redefine-colored h3 {
    padding-right: 60px;
  }
}
.redefine-colored .row {
  align-items: center;
}

.redefine-img {
  position: relative;
  margin-bottom: 0px;
  z-index: 6;
  left: 10px;
  top: 0px;
  margin-top: 80px;
  width: calc(100% + 70px);
}
@media (max-width: 767px) {
  .redefine-img {
    width: 100%;
    left: 0;
  }
}
@media (min-width: 767px) {
  .redefine-img {
    left: 40px;
    top: 100px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .redefine-img {
    left: 40px;
    top: 50px;
  }
}
.redefine-img:before {
  content: "";
  position: absolute;
  left: -114px;
  top: -60px;
  right: 0;
  bottom: 0;
  background: url(../images/bgskew.png) no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .redefine-img:before {
    left: 0;
  }
}

.automotive-section {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}
.automotive-section .heading {
  margin-bottom: 40px;
  max-width: 970px;
}
@media (min-width: 767px) {
  .automotive-section .heading {
    margin-bottom: 98px;
  }
}
.automotive-section .heading h2 {
  margin-bottom: 30px;
}
.automotive-section .heading h6 {
  color: #5B6282;
}
.automotive-section .heading h6 b {
  font-weight: 500;
}
.automotive-section.Cornea-section .auto-sec-img {
  background: linear-gradient(180deg, #4DBAFF 0%, rgba(77, 186, 255, 0) 100%);
}

.auto-sec-img {
  text-align: center;
  background: linear-gradient(180deg, #EAF2FC 67.18%, rgba(234, 242, 252, 0) 100%);
  border-radius: 2px;
  padding: 80px 15px 0;
}
@media (max-width: 767px) {
  .auto-sec-img {
    width: 100%;
    margin-left: 0;
    padding-top: 50px;
  }
}

.ticc-sec {
  position: relative;
  text-align: center;
  padding: 40px 0 40px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .ticc-sec {
    padding: 70px 0 40px;
  }
}
@media (max-width: 767px) {
  .ticc-sec img {
    transform: scale(1.18);
    margin: 100px 0 50px;
  }
}
.ticc-sec .heading {
  max-width: 881px;
  margin: 0 auto 30px;
  text-align: center;
}
.ticc-sec .heading h3 {
  margin-bottom: 32px;
}

section.laptop-secc {
  text-align: center;
  position: relative;
  z-index: 5;
  margin-bottom: 80px;
}
@media (min-width: 767px) {
  section.laptop-secc {
    margin-bottom: 160px;
  }
}
section.laptop-secc:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 578px;
  display: none;
}
section.laptop-secc.arcadia .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.motoview-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.cornea .arcadia-text {
  background: linear-gradient(0deg, #090E1F, #090E1F);
}
section.laptop-secc.cornea h3 {
  background: linear-gradient(90deg, #FFC108 12.78%, #FF9734 39%, #2081FF 70.71%, #5154FF 105.05%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  display: block;
  line-height: initial;
}
section.laptop-secc.cornea h6 {
  color: #C2D2F1;
}
section.laptop-secc.costcompare-laptop:after {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}
section.laptop-secc.iceberg-laptop {
  margin-bottom: 119px;
}
section.laptop-secc.iceberg-laptop .arcadia-text {
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
}

.arcadia-img {
  margin-bottom: -130px;
  position: relative;
  z-index: 5;
}
@media (min-width: 767px) {
  .arcadia-img {
    margin-bottom: -220px;
  }
}

.arcadia-text {
  position: relative;
  background: linear-gradient(0deg, #F2F7FD, #F2F7FD);
  padding: 180px 0 80px;
}
@media (min-width: 767px) {
  .arcadia-text {
    padding: 300px 0 80px;
  }
}
.arcadia-text h3 {
  letter-spacing: 0.03em;
  margin-bottom: 25px;
}
.arcadia-text h6 {
  max-width: 970px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .arcadia-text h6 {
    line-height: 36px;
  }
}
.arcadia-text h6 b {
  font-weight: 600;
}

.global-pres {
  position: relative;
  text-align: center;
  display: flex;
  max-width: 840px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .global-pres {
    flex-direction: column;
  }
}
.global-pres:before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  bottom: 0px;
  margin-right: 25px;
}
@media (min-width: 767px) {
  .global-pres:before {
    bottom: 60px;
  }
}
.global-pres:after {
  content: "";
  position: relative;
  display: inline-block;
  background: url(../images/csquotes.svg) no-repeat center;
  background-size: contain;
  width: 97px;
  height: 89px;
  flex-shrink: 0;
  align-self: flex-end;
  transform: rotate(180deg);
  top: 0px;
  margin-left: 25px;
}
@media (min-width: 767px) {
  .global-pres:after {
    top: 40px;
  }
}
.global-pres > div {
  font-weight: 600;
  font-size: 41px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #0A131D;
  margin: 20px 0;
}
@media (min-width: 767px) {
  .global-pres > div {
    flex-direction: column;
    margin: 0px 0;
  }
}

section.caresoft-globalpres h3 {
  text-align: center;
  max-width: 1115px;
  margin: 0 auto 70px;
}
@media (min-width: 767px) {
  section.caresoft-globalpres h3 {
    margin: 0 auto 170px;
  }
}

.cgp-in {
  text-align: center;
  position: relative;
  background: #F4F5F6;
  border-radius: 2px;
  padding: 90px 20px;
}
@media (min-width: 767px) {
  .cgp-in {
    padding: 50px 20px;
  }
}
.cgp-in h3 {
  max-width: 1060px;
  margin: 0 auto 32px;
}

.cgp-white {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 766px;
  margin: 48px auto 0;
  padding: 24px 10px;
  background-color: white;
  border-radius: 16px;
  flex-wrap: wrap;
}
@media (min-width: 767px) {
  .cgp-white {
    padding: 24px 42px;
  }
}
.cgp-white .h6 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.32px;
  font-weight: 700;
}
@media (min-width: 767px) {
  .cgp-white .h6 {
    font-size: 24px;
    line-height: 24px;
  }
}
.cgp-white a {
  color: #3F8CEB;
  margin-left: 30px;
  display: block;
}

section.caresoft-globalpress {
  margin-bottom: 60px;
}
@media (min-width: 767px) {
  section.caresoft-globalpress {
    margin-bottom: 100px;
  }
}

/*** Caresoft Ends ***/
.colr-pro-theme {
  color: #E62224;
}

.motoview-banner {
  text-align: center;
  position: relative;
  padding: 160px 0 0px;
  z-index: 5;
  overflow: hidden;
}
.motoview-banner h2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .motoview-banner h2 {
    font-size: 32px;
    line-height: 40px;
    word-break: break-word;
  }
  .motoview-banner h2 br {
    display: none;
  }
  .motoview-banner h2 .colr-pro-theme {
    padding: 0 6px;
  }
}
.motoview-banner .desc {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .motoview-banner .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0px;
  }
  .motoview-banner .desc br {
    display: none;
  }
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url(../images/moto/mw_background.png);
}

.img-repo {
  max-width: 100%;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
  padding: 100px 0 0;
}
.img-big .device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}
.img-big .desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}
.img-big .desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}
.img-big .desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}
.img-big .desktop-frame .top-btns span.close {
  background-color: #FF6159;
}
.img-big .desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}
.img-big .desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}
.img-big .desktop-frame figure.img {
  max-width: 793px;
}
.img-big .desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.motoview-casestudy video {
  mix-blend-mode: multiply;
}

.img-top-overflow {
  margin-top: -185px;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.blend-bg {
  mix-blend-mode: multiply;
}

.car-details-img figure {
  max-width: 100%;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 40px 0 0 -32px;
}

.casestudy-points {
  margin-bottom: 58px;
}
.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}
.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}
.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.project-description {
  padding: 86px 0 122px;
  margin: 0 0 0 46px;
}

.specification-ui-block figure span img {
  width: 100%;
}

.specification-ui-block .pos-img-ui {
  width: 100%;
  max-width: 200px;
}

.specification-ui-block .pos-img-ui img {
  width: 100%;
}

.pos-img-ui2 {
  width: 100%;
  max-width: 400px;
}

.pos-img-ui2 img {
  width: 100%;
}

.car-details-img figure {
  max-width: 634px;
  width: 100%;
  margin: auto;
}

.filter-img3 figure img {
  max-width: inherit;
}

.search-slide .search-frame {
  max-width: 520px;
  width: 100%; /* margin-top: -78px;*/
}

.search-bar {
  position: relative;
  z-index: 9;
}

picture {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

picture img {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  .search-slide video {
    width: 100%;
  }
}
@media only screen and (max-width: 1300px) {
  .bg-greay-before.bg-top-bottom .filter-section {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .repo-none {
    display: none !important;
  }
}
@media only screen and (min-width: 991px) {
  .d-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .container-lg {
    width: 1200px;
  }
}
.device-set {
  position: relative;
  max-width: 1117px;
  margin: 0px 0 0 auto;
}

.device-set .desktop-frame {
  margin: 0 0px 0 70px;
}

.desktop-frame {
  background: #fff;
  border-radius: 15.84px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 40px 12px 12px;
  position: relative;
  overflow: hidden;
}

.desktop-frame figure.img {
  max-width: 793px;
}

.desktop-frame .name {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  font-size: 13px;
  color: #6F7D85;
  opacity: 0.7;
  font-weight: 600;
  line-height: 13px;
}

.desktop-frame .top-btns {
  position: absolute;
  top: 13px;
  left: 14px;
}

.desktop-frame .top-btns span {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #000;
  float: none;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}

.desktop-frame .top-btns span.close {
  background-color: #FF6159;
}

.desktop-frame .top-btns span.minimize {
  background-color: #FFB536;
}

.desktop-frame .top-btns span.maximize {
  background-color: #2ACF42;
}

.ipod-frame {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.ipod-pos-left {
  position: absolute;
  bottom: -22px;
  left: -32px;
}

.mobile-frame {
  background: #fff;
  border-radius: 19px;
  box-shadow: 0 24px 51px -8px rgba(10, 19, 29, 0.16), 0 -32px 95px -6px rgba(10, 19, 29, 0.06), 0 44px 51px -12px rgba(10, 19, 29, 0.09);
  display: inline-block;
  padding: 25px 7px;
  position: relative;
  overflow: hidden;
}

.mobile-frame {
  position: absolute;
  bottom: -18px;
  right: 30px;
}

.speaker-bar {
  position: absolute;
  left: 50%;
  top: 15px;
  background-color: #E0E4E7;
  border-radius: 5px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 40px;
  height: 3px;
}

.project-description h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.color-light {
  color: rgba(50, 73, 99, 0.75);
}

.project-description p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.pi {
  font-size: inherit;
  font-weight: inherit;
}

.title-md {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  line-height: 18px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 12px 0px;
}

.colr-pro-theme {
  color: #E62224;
}

.colr-pro-theme:hover {
  color: #ff2729;
}

.casestudy-wrapper {
  position: relative;
}

.casestudy-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  height: 100%;
  background: #F7F9FB;
  margin-left: 210px;
  top: 3px;
}

.casestudy-wrapper:after {
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(10, 19, 29, 0.12);
  height: 5px;
  width: 100%;
  left: 0;
  top: -1px;
  content: "";
}

.pro-project-wrapper {
  padding: 37px 30px 50px;
}

.title-xs {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.56px;
  line-height: 15px;
  margin: 0 0 12px 0px;
  text-transform: uppercase;
}

.grey {
  color: #8B9DB1;
}

.pro-platform-list {
  margin: 52px 0 0 0;
}

.pro-platform-list .title20 {
  color: #0A131D;
}

.title20 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.background-zoom {
  position: absolute;
  left: 0;
  right: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  height: 585px;
  background-repeat: no-repeat;
  transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
}

.bg-motoview {
  background-image: url("../images/moto/mw_background.png");
}

.img-big {
  position: relative;
  margin: 136px 0 0 0px;
}

.casestudy-points {
  margin-bottom: 58px;
}

.repo-site {
  font-size: 15px;
  font-weight: 400;
  color: rgba(5, 34, 48, 0.4);
  position: relative;
  bottom: 0px;
  margin: 58px 0 0 -32px;
}

.casestudy-points .project-description {
  padding: 95px 15px 132px;
  margin: 0 0 0 13px;
}

.casestudy-points .project-description h2 {
  margin: 0 0 24px 0px;
}

.ic-check-list ul {
  padding: 0px;
}

.ic-check-list ul li {
  position: relative;
  margin: 0 0 0 0px;
  padding: 0px 0 0 55px;
  color: #324963;
  font-size: 20px;
  line-height: 32px;
  margin: 45px 0 0 0px;
  list-style: none;
  font-weight: 400;
}

.ic-check-list ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 27px;
  height: 26px;
  background: url("../images/moto/ic_bullet.svg") no-repeat;
  background-size: 100% auto;
}

.description p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  font-weight: 400;
}

.br-dashed {
  /*border-bottom: 1px dashed #9da0a4;*/
  padding-bottom: 2px;
  position: relative;
  --border-color: #9da0a4;
  --border-weight: 1px;
  --dash-size: 4px;
  --gap-size: 5px;
}

.br-dashed:before {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

hr.seprater-theme {
  margin: 37px auto;
  max-width: 115px;
  border-top: 2px solid #E62224;
  height: auto;
}

.bg-greay-before {
  padding: 75px 0 0px;
  position: relative;
}

.bg-top-bottom.bg-greay-before {
  padding: 0px;
  margin-top: 78px;
}

.bg-greay-before:before {
  content: "";
  position: absolute;
  background: #F7F9FB;
  top: 0;
  left: 0;
  right: 0;
  bottom: 112px;
}

.bg-greay-before.bg-top-bottom:before {
  bottom: 260px;
}

.bg-greay-before .project-description {
  margin: 0px;
  padding: 0px;
}

.bg-greay-before .project-description h2 {
  margin: 0px 0 35px 0px;
}

.motoshow {
  float: right;
  width: 188px;
  margin: 0px 0 0px 12px;
}

.motoshow-coverd {
  background-color: #E62123;
  box-shadow: 0 14px 20px 0 rgba(230, 33, 35, 0.1), 0 24px 32px 0 rgba(230, 33, 35, 0.09);
  border-radius: 8px;
  height: 205px;
  text-align: center;
  display: table;
  width: 100%;
}

.motoshow-coverd a {
  text-decoration: none;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.motoshow-coverd a span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1.13px;
  line-height: 24px;
  text-transform: uppercase;
}

.motoshow-coverd a span.f-big {
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 62px;
  color: #FFFFFF;
}

.opacity06 {
  opacity: 0.6;
}

/*.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}*/
.show-locations {
  margin: 0 27px 0 0px;
  padding: 65px 0 60px;
}

.moto-slide {
  background-color: #FFFFFF;
  border-radius: 8px;
  /*box-shadow: 0 14px 20px -2px rgba(10,19,29,0.08), 0 24px 32px -5px rgba(10,19,29,0.07);*/
  display: inline-block;
  width: 100%;
  vertical-align: top;
  transition: box-shadow 0.4s ease;
}

.moto-slider .carousel-inner {
  overflow: visible;
  display: inline-block;
  padding: 0px 0 0px;
}

.moto-slide figure {
  min-height: 158px;
  text-align: center;
  display: block;
  width: 100%;
  border-bottom: 1px solid #EBEDF0;
  position: relative;
}

.moto-slide h4 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  margin: 12px 12px;
  text-transform: uppercase;
  text-align: center;
}

.moto-slide figure img {
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.moto-slider {
  width: calc(100% - 200px);
}

.moto-slider .moto-carousel {
  margin: 0 0 0 -12px;
}

.moto-inline {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  /*padding-bottom: 60px;*/
}

.moto-inline .moto-slide figure img {
  width: auto;
}

.moto-slider .owl-carousel .owl-stage-outer {
  margin: 0 -30px -60px;
  padding: 0 30px 60px;
}

.moto-slider .owl-carousel .owl-item.active .moto-slide {
  box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
}

.owl-carousel.owl-drag .owl-item, .owl-carousel {
  touch-action: pan-y;
}

/*.moto-inline:nth-child(1){
transition-delay: 0.20s;
}

.moto-inline:nth-child(2){
transition-delay: 0.40s;
}

.moto-inline:nth-child(3){
transition-delay: 0.60s;
}

.moto-inline:nth-child(4){
transition-delay: 0.80s;
}

.item.active .moto-inline{
opacity: 1;
top:0;
transform:translate3d(0px, 0px, 0);
-webkit-transform:translate3d(0px, 0px, 0);
}*/
.casestudy-points + .bg-greay-before:before {
  height: 84%;
}

.m-l0 {
  margin-left: 0px;
}

.motoview-title {
  padding: 86px 0px 0;
}

.motoview-title h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  color: #0A131D;
  line-height: 64px;
  margin: 0 0 28px 0px;
}

.home-content {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1.28px;
  line-height: 42px;
  color: #0A131D;
  margin: 0px 0 0px 0px;
}

.content-align {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 0;
  padding-bottom: 180px;
}

.left-img-outside {
  display: inline-block;
  width: 57.33333333%;
  vertical-align: top;
}

.left-img-outside figure video {
  border-radius: 22px;
  border: 2px solid #F6F7F9;
  max-width: 642px;
}

.left-img-outside .ipod-frame {
  margin: 0 0 0 -45px;
  padding: 10px;
}

.left-img-outside figure {
  display: block;
}

.right-content {
  display: inline-block;
  width: 42.66666667%;
  vertical-align: top;
  margin: 70px 0 0 0;
}

.pos-relative {
  position: relative;
}

.img-top-overflow {
  margin-top: -145px;
  position: relative;
  margin-bottom: 30px;
}

.car-overlap {
  position: absolute;
  bottom: -41px;
  text-align: center;
  width: 100%;
}

.feature-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.featured-content .home-content {
  margin: 0px 0 34px 0px;
}

.featured-content p {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
  margin: 0px 0 2px 0px;
}

.featured-content a {
  font-size: 20px;
  line-height: 32px;
  color: #324963;
  font-weight: 400;
}

.featured-content a:hover {
  color: #E62224;
}

.featured-content a span {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: transform, 0.3s all;
  -webkit-transition: transform, 0.3s all;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.featured-content a:hover span {
  transform: translate3d(5px, 0, 0);
  -webkit-transform: translate3d(5px, 0, 0);
}

.motoshow-slider {
  position: relative;
  display: inline-block;
}

.motoshow-slider .top-slide {
  position: relative;
  box-shadow: 0 20px 75px -6px rgba(11, 33, 47, 0.23);
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 12px;
  display: inline-block;
  z-index: 9;
}

.slide-child {
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 48px 72px -6px rgba(11, 33, 47, 0.23);
  opacity: 0.3;
}

.slide-child:nth-child(2) {
  right: -32px;
}

.slide-child:nth-child(3) {
  right: -48px;
}

/* filter section */
.filter-section {
  padding: 130px 0 0px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-left: 35px;
}

.filter-img {
  float: left;
}

.clear-left {
  clear: left;
}

.filter-img2 {
  margin: -76px 0 0 -15px;
}

.filter-img3 {
  margin: -252px 0 0 176px;
}

.filter-content {
  margin: 0;
  overflow: hidden;
  padding: 81px 100px 0 110px;
}

.featured-content.m-t {
  margin-top: 96px;
}

.search-slide {
  text-align: center;
  position: relative;
}

.search-frame {
  background-color: #FDFDFE;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 24px 64px -11px rgba(0, 0, 0, 0.16);
  padding: 9px 4px 19px;
  display: inline-block;
  margin-top: 0px;
}

.search-slide {
  position: relative;
  z-index: 9;
}

.search-field {
  max-width: 571px;
  box-shadow: 0 44px 70px -14px rgba(10, 19, 29, 0.14);
  height: 83px;
  border: 1px solid #EDEDEE;
  border-radius: 16px;
  background-color: #fff;
  margin: 0px auto;
  text-align: left;
  font-size: 21px;
  color: rgba(99, 117, 140, 0.6);
  font-weight: 400;
  padding: 25px 0 0 60px;
  position: relative;
  z-index: 1;
}

.search-field:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin: -12px 0 0 0;
}

.car-details {
  position: relative;
  margin: 82px 0 75px 0;
}

.car-details-img {
  position: relative;
  text-align: center;
}

.car-details-popup {
  position: absolute;
  bottom: 90px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5.5px;
  box-shadow: 0 48px 77px 0 rgba(10, 19, 29, 0.32);
  background-color: rgba(255, 255, 255, 0.19);
  padding: 0px;
  max-width: 749px;
  width: 100%;
}

.gallery.section {
  margin: 85px 0 0px;
}

.gallery-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  color: #98a2a9;
  text-align: center;
  margin: 0px;
}

.gallery-nav ul {
  padding: 0px;
  margin: 20px -7px 0;
  text-align: center;
}

.gallery-nav ul li {
  display: inline-block;
  background: #fff;
  box-shadow: 0 8px 12px 0 rgba(11, 33, 47, 0.12);
  padding: 11px 29px;
  margin: 0 7px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 18px;
  color: #0B212F;
}

.gallery-nav ul li.active {
  color: #fff;
  background: #0B212F;
  font-size: 18px;
  padding: 19px 43px;
  letter-spacing: 1.29px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 22px 25px -10px rgba(11, 33, 47, 0.4);
}

.gallery {
  position: relative;
  margin: 16px 0 0 0;
}

.device-set [data-aos=slide-up] {
  transform: translate3d(0, 30%, 0);
}

.gallery figure.img {
  margin-left: -40px;
  margin-right: -40px;
}

.dwnload-btn {
  position: absolute;
  bottom: 0px;
  left: 120px;
}

.dwnload-list {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -50px 28px;
}

.gallery-content {
  text-align: center;
  max-width: 448px;
  margin: 70px auto 0;
}

.gallery-content p {
  font-size: 20px;
  color: #324963;
  line-height: 32px;
  line-height: 32px;
  font-weight: 400;
}

.grey-bg-ui {
  background-color: #F7F9FB;
  width: 100%;
  display: inline-block;
  padding: 80px 43px 43px;
}

.specification-ui-block .title-md {
  text-transform: uppercase;
}

.final-product-ui {
  display: inline-block;
  width: 100%;
  padding: 98px 0 40px;
  position: relative;
  overflow: hidden;
}

.final-product-ui .background-zoom {
  top: 0;
}

.final-product-ui .title-lg {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  color: #FFFFFF;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b80 {
  margin-bottom: 80px;
}

.compare-car-ui {
  padding-bottom: 120px;
}

.cc-ui-block {
  position: absolute;
  bottom: 74px;
  right: -49px;
}

.specification-ui-block figure {
  position: relative;
}

.pos-img-ui {
  position: absolute;
  top: -48px;
  right: -14px;
}

.pos-img-ui2 {
  position: absolute;
  bottom: -48px;
  right: -31px;
}

.final-product-ui .home-content {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  max-width: 547px;
  padding-left: 40px;
}

.final-product-ui .background-zoom {
  height: 948px;
}

.conclusion-heading {
  margin-bottom: 64px;
}

.old-new-ui .col-sm-6 {
  width: 50%;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 -10px;
}

.old-new-ui .col-sm-6:last-child {
  margin-left: -43px;
}

.final-product-ui .bg-motoview {
  background: url("../images/moto/conclusion_back-min.jpg");
  background-position: center;
}

.final-product-ui h4 {
  opacity: 0.8;
  color: #FF0431;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 25px;
  margin-bottom: 10px;
}

.final-product-ui h4.white-label {
  color: #fff;
}

.final-product-ui p {
  height: 85px;
  width: 452px;
  opacity: 0.7;
  color: #ADC1CD;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 26px;
}

.old-ui figure {
  margin-bottom: 18px;
}

.mob-hide {
  display: block;
}

.mob-show {
  display: none;
}

.action-block {
  text-align: center;
  padding: 128px 0;
}

.action-block h3 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -2.24px;
  line-height: 64px;
  text-align: center;
  color: #0A131D;
}

.action-block .btn-check {
  border-radius: 12px;
  background-color: rgba(230, 33, 35, 0.09);
  height: 54px;
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  min-width: 220px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: #E62123;
  margin-top: 48px;
}

@media only screen and (max-width: 1300px) {
  .old-new-ui .col-sm-6 figure img {
    width: 100%;
  }
  .old-new-ui .col-sm-6 {
    margin: 0;
    padding: 0 15px;
    width: 49%;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .cc-ui-block {
    right: -15px;
  }
  .filter-section {
    margin-left: 0;
  }
  .gallery figure.img {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  .final-product-ui .title-lg {
    height: auto;
  }
  .compare-car-ui {
    padding-bottom: 60px;
  }
  .m-t140 {
    margin-top: 30px;
  }
  .specification-ui-block figure {
    text-align: center;
  }
  .specification-ui-block figure img {
    width: 100%;
    max-width: 400px;
  }
  .old-new-ui .col-sm-6 {
    padding: 0 15px;
  }
  .conclusion-heading .title-md {
    margin-bottom: 0;
  }
  .final-product-ui .title-lg {
    font-size: 36px;
    line-height: 42px;
  }
  .final-product-ui .home-content {
    font-size: 18px;
    line-height: 28px;
  }
  .final-product-ui {
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .flex-row {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1200px) {
  .final-product-ui .home-content {
    max-width: 100%;
    padding-left: 0;
  }
  .old-new-ui .col-sm-6 {
    width: 49%;
    margin-bottom: 30px;
  }
  .old-new-ui .col-sm-6 figure {
    max-width: 700px;
  }
  .specification-ui-block figure img {
    width: 100%;
  }
  .pos-img-ui {
    top: -50px;
    right: -13px;
  }
  .final-product-ui .background-zoom {
    height: 100%;
  }
  .left-img-outside {
    width: 100%;
    text-align: center;
  }
  .right-content {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0 !important;
  }
  .right-content .home-content .repo-none {
    display: none;
  }
  .old-new-ui .col-sm-6:last-child {
    margin-left: 0;
  }
  .ipod-pos-left {
    left: 0;
  }
  .final-product-ui p {
    width: 100%;
  }
  .lg-none {
    display: none;
  }
  .casestudy-wrapper:before {
    margin-left: 161px;
  }
  .mobile-frame {
    right: 0px;
  }
  .moto-slider {
    width: calc(100% - 165px);
  }
  .motoshow {
    width: 158px;
    margin: 0 0 0 7px;
  }
  .moto-inline {
    padding: 0 7px;
  }
  .moto-slider .moto-slide figure img {
    width: auto;
    max-width: 90%;
  }
  .left-img-outside .ipod-frame {
    margin: 0 0 0 -175px;
  }
  .motoshow-slider {
    margin-left: 0;
  }
  .search-frame {
    max-width: 90%;
  }
  .filter-content {
    padding: 70px 0px 0 20px;
  }
  .gallery-nav ul {
    align-items: center;
    display: flex;
    overflow-x: auto;
  }
  .gallery-nav ul li {
    flex: auto 0 0;
  }
}
@media only screen and (min-width: 991px) {
  .repo-block {
    display: none !important;
  }
}
@media only screen and (min-width: 767px) {
  .m-block {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .project-description {
    margin: 0 0 0 0px;
    padding-bottom: 0px;
  }
  .casestudy-wrapper {
    overflow-x: hidden;
  }
  .pro-project-wrapper {
    padding: 20px 0px 40px;
    margin-top: 50px;
  }
  .casestudy-wrapper:before {
    display: none;
  }
  .pro-project-wrapper:before {
    content: "";
    background: #F7F9FB;
    left: -50%;
    right: -50%;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: -1;
  }
  .pro-platform-list {
    margin: 30px 0 0 0;
  }
  .title-md {
    font-size: 14px;
    line-height: 16px;
  }
  .project-description h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .motoview-title h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0px;
  }
  .project-description p {
    font-size: 16px;
    line-height: 1.5;
  }
  .title20 {
    margin: 0px;
    font-size: 18px;
  }
  .title-xs {
    margin: 0px 0 10px 0px;
  }
  .content-align {
    padding-bottom: 80px;
  }
  .left-img-outside {
    display: block;
    width: auto;
    text-align: center;
  }
  .left-img-outside .ipod-frame {
    margin: 0px;
    display: block;
  }
  .left-img-outside .ipod-frame img {
    width: 100%;
  }
  .right-content {
    display: block;
    width: auto;
    margin: 60px 0 0 0;
  }
  .car-overlap {
    bottom: -9px;
  }
  .title-md.m-l25 {
    margin-left: 0px !important;
  }
  .m-t160 {
    margin-top: 60px;
  }
  .m-t130 {
    margin-top: 60px;
  }
  .motoshow-slider {
    margin: 0 0 50px 0;
  }
  .search-slide {
    margin: 0 0 50px 0px;
  }
  .filter-img {
    float: none;
  }
  .filter-content {
    padding: 180px 0px 0 0px;
  }
  .filter-section {
    padding: 60px 0 0px;
    margin-left: 0px;
  }
  .ic-check-list ul li {
    font-size: 17px;
    margin: 20px 0 0 0px;
    padding: 0px 0 0 44px;
    line-height: 1.5;
  }
  .description p {
    font-size: 17px;
    line-height: 1.5;
  }
  .ic-check-list ul li:before {
    width: 20px;
    height: 20px;
  }
  .home-content {
    font-size: 24px;
    line-height: 1.4;
  }
  .featured-content p {
    font-size: 17px;
    line-height: 1.5;
  }
  .featured-content a {
    font-size: 17px;
  }
  .search-field {
    height: 63px;
    font-size: 16px;
    line-height: 63px;
    padding-top: 0px;
    padding-left: 50px;
  }
  .search-field:before {
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
  }
  .m-l45.featured-content {
    margin-left: 0px;
  }
  .main-wrapper .header {
    border-bottom: 1px solid #E7E8E9;
    padding: 18px 0px;
    min-height: 68px;
  }
  .main-wrapper .header .logo {
    margin-top: 0;
  }
  .header .logo img {
    max-width: 115px;
  }
  .header .navigation ul.nav-items li.nav-icon img {
    position: relative;
    top: -4px;
    max-width: 20px;
  }
  .header .navigation ul.nav-items li a {
    position: relative;
    z-index: 1;
  }
  .header .navigation ul.nav-items li a:after {
    background-color: #F1F8FF;
    width: 68px;
    height: 68px;
    position: absolute;
    content: "";
    right: -22px;
    top: -30px;
    z-index: -1;
  }
  .header .navigation ul.nav-items li.nav-icon a:hover {
    opacity: 1;
  }
  .banner-section.blog-page {
    min-height: 68px !important;
  }
  .casestudy-wrapper:after {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .device-set .desktop-frame {
    margin: 0;
  }
  .device-set .ipod-pos-left {
    left: -15px;
    max-width: 55%;
    bottom: -32px;
  }
  .device-set .mobile-frame {
    right: -15px;
    max-width: 140px;
    bottom: -32px;
  }
  .featured-content.m-l30 {
    margin-left: 0;
  }
  .motoview-title {
    padding: 30px 0px 0;
  }
  .casestudy-points .project-description {
    padding: 95px 15px 60px;
  }
}
.m-show {
  display: none;
}

@media only screen and (max-width: 767px) {
  .action-block {
    padding: 48px 0;
  }
  .action-block h3 {
    font-size: 32px;
    line-height: normal;
  }
  .action-block .btn-check {
    margin-top: 24px;
  }
  .device-set .ipod-pos-left {
    left: -30px;
  }
  .device-set .mobile-frame {
    right: -30px;
  }
  .casestudy-points .project-description {
    padding: 50px 0px 60px;
  }
  .background-zoom {
    position: relative;
    height: auto;
    padding-bottom: 45%;
  }
  .img-big {
    margin: -25px 0 0 0px;
  }
  .device-set .ipod-pos-left {
    /*display: none;*/
  }
  .device-set .mobile-frame {
    right: -30px;
    max-width: 30%;
    bottom: -20px;
    top: auto;
  }
  .section.gallery {
    display: none;
  }
  .m-none {
    display: none !important;
  }
  .logo-blocks {
    margin: 0 -7px;
  }
  .show-locations {
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 50px 0px;
  }
  .moto-inline {
    opacity: 1;
    transform: translate3d(0px, 0px, 0);
    -webkit-transform: translate3d(0px, 0px, 0);
    width: 50%;
    margin: 0 0 16px 0;
  }
  .motoshow {
    width: auto;
    margin: 0;
    float: none;
    margin-top: 30px;
  }
  .motoshow-coverd {
    height: auto;
  }
  .motoshow-coverd a {
    display: inline-block;
    padding: 0px 0px 20px;
  }
  .motoshow-coverd a span.f-big {
    line-height: 1.1;
    font-size: 46px;
    font-weight: 500;
  }
  .background-zoom {
    position: absolute;
  }
  .cc-ui-block {
    right: 0;
  }
  .car-details {
    margin-bottom: 0;
  }
  .cc-ui-block {
    display: none;
  }
  .pos-img-ui, .pos-img-ui2 {
    display: none;
  }
  .grey-bg-ui {
    padding: 20px;
  }
  .m-t80 {
    margin-top: 40px;
  }
  /* 13-5-19 */
  .motoview-casestudy .casestudy-wrapper .project-description {
    padding-top: 42px;
    text-align: center;
  }
  .motoview-casestudy .casestudy-wrapper .project-description .title-md {
    font-size: 12px;
    color: #E62224;
    font-weight: 600;
    letter-spacing: 0.48px;
    line-height: 13px;
    text-align: center;
    margin-bottom: 14px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .motoview-casestudy .casestudy-wrapper .project-description p {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
  .motoview-casestudy .casestudy-points .project-description {
    text-align: center;
  }
  .motoview-casestudy .pro-project-wrapper {
    display: none;
  }
  .motoview-casestudy .background-zoom.bg-motoview {
    display: none;
  }
  .motoview-casestudy .img-big {
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 105px;
    padding-top: 55px;
    transform: scale(0.9);
  }
  .motoview-casestudy .repo-site {
    display: none;
  }
  .motoview-casestudy .casestudy-points .project-description {
    margin-left: 0;
  }
  .motoview-casestudy .casestudy-points .project-description h2 {
    font-size: 28px;
    letter-spacing: -0.92px;
    font-weight: 600;
    line-height: 32px;
    color: #0A131D;
  }
  .motoview-casestudy .casestudy-points .project-description h2 .colr-pro-theme {
    color: #0A131D;
  }
  .motoview-casestudy .ic-check-list ul li:before {
    width: 25px;
    height: 25px;
  }
  .motoview-casestudy .ic-check-list ul li {
    color: #324963;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-top: 30px;
  }
  .motoview-casestudy .description p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #324963;
    font-style: italic;
  }
  .motoview-casestudy .br-dashed:before {
    display: none;
  }
  .motoview-casestudy hr.seprater-theme {
    margin-top: 30px;
    width: 82px;
  }
  .motoview-casestudy .casestudy-points {
    margin-bottom: 20px;
    margin-top: -40px;
  }
  .motoview-casestudy .bg-greay-before .project-description h2 {
    font-size: 28px;
    text-align: left;
    letter-spacing: -1.12px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 24px;
  }
  .motoview-casestudy .bg-greay-before .project-description p {
    font-size: 14px;
    line-height: 24px;
  }
  .motoview-casestudy .bg-motoview + .container-lg {
    overflow: hidden;
    margin-top: -70px;
  }
  .motoview-casestudy .logo-blocks {
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline {
    width: auto;
    height: 80px;
    background: #fff;
    box-shadow: 0 14px 20px -2px rgba(10, 19, 29, 0.08), 0 24px 32px -5px rgba(10, 19, 29, 0.07);
    display: inline-block;
    float: none;
    max-width: 30%;
    flex: 0 0 30%;
    margin: 0 4% 10px 0;
    transition: none;
  }
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
  .motoview-casestudy .show-locations .moto-inline .moto-slide {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    transform: inherit;
    box-shadow: none;
    width: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure {
    min-height: auto;
    display: inline-block;
    width: 100%;
    position: relative;
    border: none;
    height: 100%;
  }
  .motoview-casestudy .show-locations .moto-inline figure img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 62px;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
  }
  .motoview-casestudy .logo-blocks {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 0;
  }
  .motoview-casestudy .motoshow-coverd {
    background: none;
    box-shadow: none;
    text-align: left;
  }
  .motoshow-coverd a span.f-big, .motoshow-coverd a span, .motoshow-coverd a span {
    color: #E62123;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    opacity: 1;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.2px;
  }
  .motoview-casestudy .bg-greay-before:before {
    bottom: 0;
    height: 100%;
  }
  .motoview-casestudy .bg-greay-before {
    padding: 40px 0;
  }
  .motoview-casestudy .section {
    padding-top: 66px;
  }
  .motoview-casestudy .section .motoview-title {
    padding-top: 0;
  }
  .motoview-casestudy .section .motoview-title h2 {
    margin-bottom: 0;
  }
  .motoview-casestudy .section .motoview-title h2 .colr-pro-theme {
    color: #637588;
    opacity: 0.3;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -1.68px;
    line-height: 64px;
  }
  .motoview-casestudy .section .content-align.m-t45 {
    margin-top: 66px;
  }
  .motoview-casestudy .section .title-md, .motoview-casestudy .filter-section .filter-content h6 {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .section .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .feature-image-ui {
    text-align: center;
    margin-top: -85px;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
    width: 100%;
  }
  .m-show {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .feature-image-ui img {
    max-width: 361px;
    display: inline-block;
  }
  .motoview-casestudy .bg-top-bottom .row .title-md {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .bg-top-bottom .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
    text-align: center;
  }
  .motoview-casestudy .motoshow-slider.repo-block {
    margin: 50px 0 0px;
  }
  .motoview-casestudy .bg-top-bottom .featured-content {
    text-align: center;
  }
  .motoview-casestudy .bg-top-bottom .featured-content p, .motoview-casestudy .bg-top-bottom .featured-content a {
    font-size: 14px;
    line-height: 24px;
    color: #324963;
  }
  .motoview-casestudy .filter-section .filter-content {
    padding-top: 40px;
    text-align: center;
  }
  .motoview-casestudy .car-details .m-t70 {
    margin-top: 40px;
  }
  .motoview-casestudy .car-details .car-detail-ui img {
    max-width: 375px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .filter-img-ui img {
    max-width: 323px;
    width: 100%;
    display: inline-block;
  }
  .image-detail-ui {
    margin-top: 70px;
    padding-bottom: 40px;
  }
  .image-detail-ui figcaption {
    margin-top: -20px;
  }
  .image-detail-ui figure img {
    max-width: 350px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui.m-show {
    padding-bottom: 35px;
  }
  .motoview-casestudy .compare-car-ui.m-show img {
    max-width: 338px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .compare-car-ui .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .compare-car-ui .home-content {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 28px;
  }
  .motoview-casestudy .compare-car-ui {
    text-align: center;
  }
  .specification-img-ui {
    margin-bottom: 25px;
  }
  .specification-img-ui figure img {
    width: 100%;
    max-width: 400px;
    display: inline-block;
  }
  .compare-car-ui .specification-ui-block figure {
    margin-bottom: 30px;
  }
  .motoview-casestudy .final-product-ui {
    background-color: #052230;
    padding: 72px 0 0;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-md {
    font-size: 12px;
    letter-spacing: 0.48px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 16px;
    margin-bottom: 4px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .title-lg {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading .home-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 42px;
  }
  .motoview-casestudy .final-product-ui .conclusion-heading {
    margin-bottom: 0;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui {
    margin-bottom: 0px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn {
    background-color: #213E4D;
    padding: 0 25px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.48px;
    text-align: center;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.grey-btn {
    background-color: #213E4D;
    color: #9BB9C9;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui .btn-block .btn.red-btn {
    background-color: #FF0505;
    color: #fff;
    transform: scale(1.2);
  }
  .motoview-casestudy .car-detail-ui {
    margin-bottom: 20px;
  }
  .motoview-casestudy .final-product-ui .final-conclusion-ui figure img {
    max-width: 368px;
    width: 100%;
    display: inline-block;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots {
    margin-top: 10px;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button {
    height: 9px;
    width: 9px;
    background-color: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    border-radius: 100%;
  }
  .motoview-casestudy .specification-slider-ui .owl-dots button.active, .motoview-casestudy .specification-slider-ui .owl-dots button:focus {
    background-color: #637588;
    outline: none;
    box-shadow: none;
  }
  .motoview-casestudy .compare-car-ui {
    padding-bottom: 50px;
  }
  .specification-ui-block figure img {
    display: inline-block !important;
  }
  .header .navigation ul.nav-items li a:after {
    right: -15px;
  }
  .header .navigation ul.nav-items li a img {
    right: 8px;
  }
  .featured-content a span {
    position: relative;
    top: -1px;
  }
  .bg-top-bottom .row.flex-row.m-t130 {
    margin-top: 70px;
  }
  .specification-slider-ui .owl-carousel .owl-stage-outer {
    background: #F7F9FB;
  }
  .search-frame {
    max-width: 100%;
    background: none;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .search-slide.m-show {
    margin: 50px 0 20px;
    padding-bottom: 0;
  }
  .br-dashed {
    font-weight: 500;
  }
  .show-locations {
    padding: 15px 0 0px;
  }
  .specification-slider-ui .slick-arrow {
    display: none !important;
  }
  .specification-slider-ui .slick-dots {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
  }
  .specification-slider-ui .slick-dots li {
    display: inline-block;
  }
  .specification-slider-ui .slick-dots li button {
    font-size: 0;
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 100%;
    display: inline-block;
    border: none;
    background: rgba(99, 117, 136, 0.4);
    margin: 0 5px;
    cursor: pointer;
  }
  .specification-slider-ui .slick-dots li.slick-active button {
    background: #637588;
  }
  .specification-slider-ui .slick-dots li.slick-active button:focus {
    outline: none;
    box-shadow: none;
  }
  .specification-slider-ui .slick-list {
    background: #F7F9FB;
  }
  .left-img-outside figure video {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bn-text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 370px) and (max-width: 767px) {
  .casestudy-wrapper .container, .casestudy-points .container, .bg-greay-before .container, .section .container,
  .compare-car-ui .container, .final-product-ui .container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 599px) {
  .old-new-ui .col-sm-6 {
    width: 100%;
  }
  .mob-show {
    display: block;
  }
  .mob-hide {
    display: none;
  }
  .final-product-ui p {
    height: auto;
    margin-bottom: 15px;
  }
  .project-description {
    padding-top: 62px;
  }
}
@media only screen and (max-width: 480px) {
  .motoview-casestudy .show-locations .moto-inline:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 350px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 330px) {
  .motoview-casestudy .show-locations .moto-inline {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1200px) {
  .filter-section .m-none {
    display: none;
  }
  .filter-section .m-show {
    display: block;
  }
  .filter-content {
    padding-top: 40px;
  }
}
/*** Motoview Ends ***/
.mt-30 {
  margin-top: 30px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-160 {
  margin-top: 160px;
}

.main-wraper {
  overflow: hidden;
}

.mt-100 {
  margin-top: 100px;
}

.hero-digi-block .case-card {
  background: linear-gradient(101.97deg, #EFF4FF 14.28%, #EAF9F5 95.35%);
  border-radius: 40px;
  margin-top: 82px;
  padding: 74px 121px 201px;
}
@media (max-width: 992px) {
  .hero-digi-block .case-card {
    padding: 45px 30px 201px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .hero-digi-block .case-card {
    padding: 45px 30px 201px;
    margin-top: 20px;
  }
}
.hero-digi-block .case-site-title {
  top: 0px;
}
.hero-digi-block .hero-inner-block {
  padding-top: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .hero-digi-block .hero-inner-block {
    padding-top: 45px;
  }
}
.hero-digi-block .hero-inner-block .c-header_title_line {
  padding: 0px 90px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .hero-digi-block .hero-inner-block .c-header_title_line {
    padding: 0px 7%;
  }
}

.title-shadow {
  color: #5069FE;
  position: relative;
}
.title-shadow::before {
  content: attr(data-atr);
  position: absolute;
  left: 3px;
  top: 2px;
  color: transparent;
  -webkit-text-stroke: 1px #5069FE;
}

.banner-anim {
  animation: topbottom 2s infinite;
  position: absolute;
  left: -60px;
  width: 80px;
  top: 65%;
}

.data-record {
  margin-top: -180px;
  position: relative;
}
.data-record .records-handel {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 44px;
}
.data-record .buble {
  width: 380px;
  height: 375px;
  position: absolute;
  background: #FFFDE9;
  border-radius: 305.5px 305.5px 0px 305.5px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  bottom: -40px;
  left: -50px;
  animation: buble-rotate 4s infinite;
}
@media (max-width: 767px) {
  .data-record .buble {
    display: none;
  }
}

.spring-anim {
  animation: topbottom 2s infinite;
  position: absolute;
  right: -20px;
  width: 100px;
  bottom: 30px;
}

.digi-introduction {
  background: #5069FE;
  position: relative;
  padding: 0px 0px 0px;
}
.digi-introduction .h3-title {
  font-weight: 600;
  font-size: 336px;
  line-height: 1.25;
  letter-spacing: -8.4px;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  opacity: 0.4;
}
@media (max-width: 1200px) {
  .digi-introduction .h3-title {
    font-size: 270px;
  }
}
@media (max-width: 992px) {
  .digi-introduction .h3-title {
    font-size: 256px;
  }
}
@media (max-width: 767px) {
  .digi-introduction .h3-title {
    font-size: 156px;
  }
}
.digi-introduction .digi-intro {
  max-width: 660px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.digi-introduction .digi-intro .intro-title {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
.digi-introduction .digi-intro p {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .digi-introduction .digi-intro p {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .digi-introduction .digi-intro p {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .digi-introduction .digi-intro p {
    font-size: 22px;
  }
}
.digi-introduction .section-inner {
  overflow: hidden;
}
.digi-introduction .section-inner-data {
  position: relative;
  top: -150px;
}
.digi-introduction .section-inner-data .container {
  position: relative;
}

.fade-circle {
  background: linear-gradient(155.76deg, #C07BFC 8.38%, #6EFBAF 96.17%, #7253F1 96.17%);
  filter: blur(100px);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  position: absolute;
  border-radius: 100%;
}
.fade-circle.circle-md {
  width: 336px;
  height: 336px;
}
.fade-circle.circle-lg {
  width: 534px;
  height: 534px;
}
.fade-circle.circle-left {
  left: 0px;
  bottom: 0px;
  animation: fade-left-box 5s infinite;
}
.fade-circle.circle-right {
  right: 0px;
  bottom: 150px;
  animation: fade-right-box 10s infinite;
}

.marquee-block {
  position: relative;
  z-index: 1;
}

.marquees {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 110px;
}
@media (max-width: 767px) {
  .marquees {
    padding-top: 130px;
  }
}
.marquees .marquee--inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0px;
  min-width: 100%;
  animation: marquee 90s linear infinite;
}
.marquees .mq-data {
  width: auto;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 10px 20px 80px;
}
.marquees .mq-data img {
  filter: drop-shadow(0px 29.9131889343px 35.191986084px rgba(0, 0, 0, 0.14));
}
.marquees.slideBottom {
  padding-top: 0px;
  margin-top: 110px;
}
.marquees.slideBottom .marquee--inner {
  animation: marquee 50s linear infinite;
}
.marquees.slideBottom:hover .marquee--inner {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px));
  }
}
@keyframes buble-rotate {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(95deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes fade-left-box {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(100px, -100px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes fade-right-box {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 300px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.digi-school {
  padding-top: 130px;
}
.digi-school .digi-school-card {
  background: rgba(226, 241, 255, 0.6);
  border: 1px solid #FFFFFF;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  padding: 96px;
  border-radius: 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .digi-school .digi-school-card {
    padding: 85px 75px;
  }
}
@media (max-width: 992px) {
  .digi-school .digi-school-card {
    padding: 70px 50px;
  }
}
@media (max-width: 767px) {
  .digi-school .digi-school-card {
    padding: 45px 30px;
  }
}
.digi-school .digi-card-content {
  display: flex;
  gap: 96px;
}
@media (max-width: 767px) {
  .digi-school .digi-card-content {
    flex-direction: column;
    gap: 25px;
  }
}
.digi-school .digi-card-left {
  display: flex;
  min-width: 25%;
}
.digi-school .digi-card-left .digi-card-title {
  width: 100%;
}
.digi-school .digi-card-h4 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 1200px) {
  .digi-school .digi-card-h4 {
    font-size: 38px;
  }
}
.digi-school .digi-card-h5 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #0A131D;
  background: linear-gradient(26.55deg, #5069FE -36.35%, #B9C6E6 68.5%);
  background-size: 400% 400%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
@media (max-width: 1200px) {
  .digi-school .digi-card-h5 {
    font-size: 34px;
  }
}
.digi-school .digi-card-h5 .char {
  color: #5069FE;
}
.digi-school .digi-card-data p {
  font-style: normal;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: #324963;
}
@media (max-width: 992px) {
  .digi-school .digi-card-data p {
    font-size: 18px;
  }
}
.digi-school .digi-log {
  position: absolute;
  bottom: -110px;
  margin-left: -25px;
}
@media (max-width: 992px) {
  .digi-school .digi-log {
    max-width: 270px;
  }
}
@media (max-width: 767px) {
  .digi-school .digi-log {
    bottom: inherit;
    margin-left: 0;
    right: 0;
    width: 140px;
    top: -40px;
  }
}

.blue-small-circle {
  width: 68px;
  height: 68px;
  background: linear-gradient(152.4deg, #1F67F1 9.27%, #7BD5FC 96.23%);
  border-radius: 50px;
  position: absolute;
  margin-top: -30px;
  left: 30%;
  animation: blue-small-circle 25s infinite;
}

@keyframes blue-small-circle {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(200px, 200px);
  }
  50% {
    transform: translate(300px, 300px);
  }
  75% {
    transform: translate(200px, 200px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.orange-md-circle {
  width: 106px;
  height: 106px;
  background: linear-gradient(152.4deg, #F1911F 9.27%, #FC7BA9 96.23%);
  position: absolute;
  bottom: -30px;
  border-radius: 50px;
  right: 15%;
  z-index: 0;
  animation: orange-md-circle 25s infinite;
}

@keyframes orange-md-circle {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-150px, -255px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.p-statement {
  display: flex;
  gap: 65px;
}
@media (max-width: 1200px) {
  .p-statement {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-statement {
    flex-direction: column-reverse;
    gap: 60px;
  }
}
.p-statement .p-state-text {
  width: 65%;
}
@media (max-width: 767px) {
  .p-statement .p-state-text {
    width: 100%;
  }
}
.p-statement .p-state-text .state-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #0A131D;
}
@media (max-width: 992px) {
  .p-statement .p-state-text .state-title {
    font-size: 35px;
  }
}
.p-statement .p-state-sub {
  margin-top: 22px;
}
.p-statement .p-state-sub p {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #324963;
}
@media (max-width: 1200px) {
  .p-statement .p-state-sub p {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .p-statement .p-state-sub p {
    font-size: 22px;
  }
}
.p-statement .p-state-sub p abbr {
  color: #FA808C;
}

.orange-lg-circle {
  width: 534px;
  height: 534px;
  background: linear-gradient(152.4deg, #F1911F 9.27%, #FC7BA9 96.23%);
  opacity: 0.2;
  filter: blur(100px);
  position: absolute;
  top: 0;
  left: -20%;
}

.the-fix {
  position: relative;
  margin-top: 120px;
  min-height: 2800px;
}
@media (min-width: 1800px) {
  .the-fix {
    min-height: 2100px;
  }
}
@media (max-width: 992px) {
  .the-fix {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .the-fix {
    margin-top: 60px;
  }
}
.the-fix .the-fix-card {
  background: linear-gradient(180deg, rgba(247, 248, 255, 0.6) 0%, rgba(246, 254, 240, 0) 100%);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  border-radius: 40px;
  padding: 84px 170px;
  position: relative;
  z-index: 9999;
}
@media (max-width: 1200px) {
  .the-fix .the-fix-card {
    padding: 84px 100px;
  }
}
@media (max-width: 992px) {
  .the-fix .the-fix-card {
    padding: 70px 60px;
  }
}
@media (max-width: 767px) {
  .the-fix .the-fix-card {
    padding: 45px 25px;
  }
}
.the-fix .the-fix-card .the-fixcard {
  overflow: hidden;
  padding-bottom: 30px;
}
.the-fix .fix-card-content {
  margin-top: 22px;
  padding-left: 30px;
}
@media (max-width: 1200px) {
  .the-fix .fix-card-content {
    padding-left: 0px;
  }
}
.the-fix .fix-card-content .fix-card-blk {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #324963;
}
@media (max-width: 1200px) {
  .the-fix .fix-card-content .fix-card-blk {
    font-size: 27px;
  }
}
@media (max-width: 992px) {
  .the-fix .fix-card-content .fix-card-blk {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .the-fix .fix-card-content .fix-card-blk {
    font-size: 22px;
  }
}
.the-fix .the-fix-image {
  margin-top: 50px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .the-fix .the-fix-image {
    flex-direction: column;
  }
}

.our-plans {
  margin-top: 0px;
  min-height: 1200px;
}
@media (max-width: 992px) {
  .our-plans {
    min-height: auto;
  }
}
@media (max-width: 1200px) {
  .our-plans {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .our-plans {
    margin-top: 60px;
  }
}
.our-plans .plan-section-inner {
  max-width: 532px;
  margin: auto;
}
.our-plans .plan-section-inner .pl-title {
  color: #0A131D;
  letter-spacing: -1px;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 22px;
}
.our-plans .plan-section-inner p {
  color: #324963;
  letter-spacing: -1px;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
}
@media (max-width: 1200px) {
  .our-plans .plan-section-inner p {
    font-size: 27px;
  }
}
@media (max-width: 992px) {
  .our-plans .plan-section-inner p {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .our-plans .plan-section-inner p {
    font-size: 22px;
  }
}
.our-plans .plan-section-inner p span {
  color: #4B64FF;
}
.our-plans .features-tracking {
  max-width: 900px;
  margin: 100px auto 0;
  min-height: 390px;
}

div#pincontainer {
  position: relative;
}

.features-tracking {
  position: relative;
}
.features-tracking:before {
  content: "";
  width: 100vw;
  height: 150%;
  left: -19vw;
  position: absolute;
  bottom: -137%;
  z-index: 9;
  background: linear-gradient(0deg, #fff 95%, rgba(255, 255, 255, 0));
}
@media (max-width: 1200px) {
  .features-tracking:before {
    left: -3vw;
    bottom: -134%;
  }
}
@media (max-width: 992px) {
  .features-tracking:before {
    display: none;
  }
}

.tk-cards {
  padding: 30px 0px 30px 70px;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  border-radius: 40px;
  position: absolute;
  left: 0px;
  width: 100%;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .tk-cards {
    padding: 30px 0px 30px 15px;
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .tk-cards {
    position: relative;
    margin-bottom: 20px;
  }
}
.tk-cards.active {
  z-index: 9 !important;
  border: 1px solid red;
}
.tk-cards .tk-cards-inner {
  display: flex;
  align-items: center;
  min-height: 270px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner {
    min-height: auto;
    flex-direction: column;
    gap: 20px;
  }
}
.tk-cards .tk-cards-inner .tk-cards-image {
  width: 30%;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .tk-cards-image {
    width: 100%;
    text-align: center;
  }
}
.tk-cards .tk-cards-inner .tk-cards-block {
  width: 70%;
  display: flex;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .tk-cards-block {
    width: 100%;
  }
}
.tk-cards .tk-cards-inner .cards-block {
  width: 100%;
  text-align: center;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tk-cards .tk-cards-inner .track-left {
  position: absolute;
  left: 40px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .track-left {
    left: 10px;
    width: 130px;
  }
}
.tk-cards .tk-cards-inner .track-right {
  position: absolute;
  right: 50px;
  bottom: 0;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .track-right {
    right: 30px;
    width: 240px;
    top: 80px;
  }
}
.tk-cards .tk-cards-inner .tk-card-title {
  font-weight: 600;
  font-size: 33px;
  line-height: 50px;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .tk-card-title {
    padding: 0px 25px;
  }
}
.tk-cards .tk-cards-inner .time-left {
  position: absolute;
  left: 80px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .time-left {
    left: 20px;
  }
}
.tk-cards .tk-cards-inner .time-center {
  position: absolute;
  top: 25px;
  margin-left: -25px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .time-center {
    margin-left: 0;
  }
}
.tk-cards .tk-cards-inner .time-right {
  position: absolute;
  right: 100px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .time-right {
    right: 20px;
  }
}
.tk-cards .tk-cards-inner .event-center {
  position: absolute;
  margin-left: 60px;
}
.tk-cards .tk-cards-inner .ptms-left {
  position: absolute;
  left: 80px;
  width: 180px;
  top: 0px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .ptms-left {
    left: 10px;
  }
}
.tk-cards .tk-cards-inner .ptms-right {
  width: 210px;
  position: absolute;
  right: 100px;
  z-index: 1;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .ptms-right {
    right: 20px;
  }
}
.tk-cards .tk-cards-inner .ptms-Cube {
  position: absolute;
  bottom: 30px;
  right: 90px;
}
@media (max-width: 767px) {
  .tk-cards .tk-cards-inner .ptms-Cube {
    bottom: 12px;
    right: 10px;
  }
}
.tk-cards .tk-cards-inner .student-circle {
  width: 250px;
}
.tk-cards .tk-cards-inner .student-left {
  position: absolute;
  top: 30px;
  width: 330px;
}

.card-light-blue {
  background: #EAF6FF;
}
.card-light-blue .tk-card-title {
  color: #4B64FF;
}

.card-light-orng {
  background: #FFF2E5;
}
.card-light-orng .tk-card-title {
  color: #EE953C;
}

.card-light-sky {
  background: #E5FAFF;
}
.card-light-sky .tk-card-title {
  color: #3CB5D1;
}

.card-light-green {
  background: #E9FFE5;
}
.card-light-green .tk-card-title {
  color: #069C61;
}

.card-light-prpl {
  background: #FAE5FF;
}
.card-light-prpl .tk-card-title {
  color: #C54CE2;
}

.digi-more {
  margin-top: 180px;
}
@media (max-width: 767px) {
  .digi-more {
    margin-top: 90px;
  }
}
.digi-more .digi-more-card {
  background: linear-gradient(180deg, #E2F1FF 0%, rgba(255, 255, 255, 0) 108.67%);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  border-radius: 40px;
  padding: 85px 160px;
}
@media (max-width: 992px) {
  .digi-more .digi-more-card {
    padding: 75px 50px;
  }
}
@media (max-width: 767px) {
  .digi-more .digi-more-card {
    padding: 45px 30px;
  }
}
.digi-more .digi-more-info {
  max-width: 532px;
}
.digi-more .info-title {
  letter-spacing: -1px;
  color: #0A131D;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.25;
}
.digi-more .info-content {
  letter-spacing: -1px;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  color: #324963;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .digi-more .info-content {
    font-size: 22px;
  }
}
.digi-more .info-content span {
  color: #4B64FF;
}
.digi-more .digi-more-info-sd {
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .digi-more .digi-more-info-sd {
    flex-direction: column;
  }
}
.digi-more .digi-pi-one {
  position: absolute;
  top: 30px;
  right: 30%;
}
@media (max-width: 767px) {
  .digi-more .digi-pi-one {
    top: 40px;
    right: 20%;
  }
}
.digi-more .digi-pi-one img {
  animation: scale-img 5s infinite;
}
.digi-more .digi-pi-two {
  position: absolute;
  top: -20px;
  right: 10%;
}
@media (max-width: 992px) {
  .digi-more .digi-pi-two {
    right: 8%;
  }
}
@media (max-width: 767px) {
  .digi-more .digi-pi-two {
    right: 0%;
  }
}
.digi-more .digi-pi-two img {
  animation: scale-img 6s infinite;
}
.digi-more .digi-pi-three {
  position: absolute;
  right: 17%;
  top: 190px;
}
@media (max-width: 992px) {
  .digi-more .digi-pi-three {
    right: 4%;
    top: 130px;
  }
}
@media (max-width: 767px) {
  .digi-more .digi-pi-three {
    display: none;
  }
}
.digi-more .digi-pi-three img {
  animation: scale-img 7s infinite;
}

.digi-footer-st {
  text-align: center;
  margin-top: 10%;
}

.out-come {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .out-come {
    margin-top: 80px;
  }
}
.out-come .outcomeBlock {
  background: #79A2CE;
  padding: 60px 140px 310px;
  border-radius: 32px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
@media (max-width: 992px) {
  .out-come .outcomeBlock {
    padding: 60px 70px 310px;
  }
}
@media (max-width: 767px) {
  .out-come .outcomeBlock {
    padding: 40px 30px 200px;
  }
}
.out-come .outcomeBlock .outText {
  background: #FFFFFF;
  padding: 10px 30px;
  border-radius: 70px;
  color: #0C132D;
  font-weight: 600;
  font-size: 20px;
  line-height: 3;
}
.out-come .outBlock-Content {
  margin-top: 32px;
  max-width: 720px;
  letter-spacing: -1px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .out-come .outBlock-Content {
    font-size: 25px;
  }
}
.out-come .light-white-circle {
  width: 407px;
  height: 368px;
  background: #FFFFFF;
  mix-blend-mode: screen;
  opacity: 0.3;
  filter: blur(83.5px);
  position: absolute;
  z-index: 99;
  right: 100px;
}
.out-come .outcomeInterface {
  position: absolute;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .out-come .outcomeInterface {
    margin-top: 40px;
  }
}
.out-come .outcomeInterface img {
  transform: rotate(-4deg);
}

.business-intelligence {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .business-intelligence {
    margin-top: 80px;
  }
}
.business-intelligence .business-data {
  max-width: 755px;
}
.business-intelligence .bs-btn {
  background: #069C61;
  border-radius: 70px;
  padding: 10px 30px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
  line-height: 3;
}
.business-intelligence .business-data-text {
  letter-spacing: -1px;
  color: #069C61;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .business-intelligence .business-data-text {
    font-size: 26px;
    margin-top: 50px;
  }
}
.business-intelligence .business-data-block {
  color: #069C61;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  max-width: 428px;
  margin-left: auto;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .business-intelligence .business-data-block {
    margin-top: 50px;
    font-size: 19px;
  }
}

.bs-cards {
  margin-top: 120px;
}
@media (max-width: 992px) {
  .bs-cards {
    margin-top: 80px;
  }
}
@media (max-width: 992px) {
  .bs-cards .row {
    gap: 40px;
  }
}
.bs-cards .bs-cards-block {
  padding: 74px 38px 0px;
  border-radius: 40px;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
}
@media (max-width: 992px) {
  .bs-cards .bs-cards-block {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bs-cards .bs-cards-block {
    padding: 50px 38px 0px;
  }
}
.bs-cards .bs-cards-block.sky-blue {
  background: rgba(226, 241, 255, 0.6);
}
.bs-cards .bs-cards-block.light-red {
  background: #FFF2E5;
}

.benificial {
  margin-top: 120px;
}
@media (max-width: 992px) {
  .benificial {
    margin-top: 80px;
  }
}
.benificial .benificial-institution {
  background: linear-gradient(153.63deg, #5069FE 3.42%, #50B5FE 99.85%);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  border-radius: 40px;
  padding: 60px;
}
@media (max-width: 767px) {
  .benificial .benificial-institution {
    padding: 50px 40px;
  }
}
.benificial .benificial-sub {
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  display: flex;
  align-items: center;
  color: #E7FF50;
  max-width: 790px;
}
@media (max-width: 992px) {
  .benificial .benificial-sub {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .benificial .benificial-sub {
    font-size: 24px;
    line-height: 32px;
  }
}
.benificial .benificial-head {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -1px;
  color: #FFFFFF;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .benificial .benificial-head {
    font-size: 32px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .benificial .benificial-head {
    font-size: 27px;
    line-height: 1.24;
  }
}
.benificial .benificial-cards {
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .benificial .benificial-cards {
    flex-direction: column;
  }
}
.benificial .benificial-cards-left {
  width: 50%;
}
@media (max-width: 767px) {
  .benificial .benificial-cards-left {
    width: 100%;
  }
}
.benificial .benificial-cards-right {
  position: relative;
  width: 50%;
  bottom: 20px;
}
@media (max-width: 767px) {
  .benificial .benificial-cards-right {
    width: 100%;
    margin-top: 30px;
  }
}
.benificial .benificial-cards-right img {
  position: absolute;
  scale: 0.85;
}
@media (max-width: 767px) {
  .benificial .benificial-cards-right img {
    position: inherit;
  }
}

.additional-performance {
  margin-top: 180px;
}
@media (max-width: 992px) {
  .additional-performance {
    margin-top: 120px;
  }
}
@media (max-width: 767px) {
  .additional-performance {
    margin-top: 90px;
  }
}
.additional-performance .opportunity {
  padding: 60px;
  border: 1px solid rgba(30, 216, 138, 0.33);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  border-radius: 40px;
}
@media (max-width: 767px) {
  .additional-performance .opportunity {
    padding: 50px 30px;
  }
}
.additional-performance .opportunity-li {
  display: flex;
  gap: 50px;
}
@media (max-width: 992px) {
  .additional-performance .opportunity-li {
    gap: 30px;
  }
}
.additional-performance .opportunity-li .li-icons img {
  min-width: 45px;
}
@media (max-width: 767px) {
  .additional-performance .opportunity-li .li-icons img {
    width: 30px;
  }
}
.additional-performance .opportunity-li p {
  letter-spacing: -0.1px;
  color: #324963;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.45;
  max-width: 810px;
}
@media (max-width: 992px) {
  .additional-performance .opportunity-li p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .additional-performance .opportunity-li p {
    font-size: 19px;
  }
}

.case-study-footer {
  margin: 120px 0px;
}
@media (max-width: 992px) {
  .case-study-footer {
    margin: 90px 0px;
  }
}
@media (max-width: 767px) {
  .case-study-footer {
    margin: 80px 0px;
  }
}
.case-study-footer .case-footer {
  max-width: 565px;
  margin: auto;
}
.case-study-footer .case-footer-head {
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
  color: #324963;
}
@media (max-width: 767px) {
  .case-study-footer .case-footer-head {
    font-size: 27px;
    line-height: 1.24;
  }
}
.case-study-footer .case-footer-head span {
  color: #5069FE;
}
.case-study-footer .collaborate-brands {
  margin-top: 60px;
  border: 1px solid #E7E7E7;
  border-radius: 20px;
  gap: 40px;
  width: auto;
  display: inline-flex;
  padding: 30px 40px;
}
@media (max-width: 767px) {
  .case-study-footer .collaborate-brands {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .case-study-footer .collaborate-brands .cl-illuminz {
    width: auto;
  }
}

.StackingCards .cards {
  margin-left: 100px;
}
.StackingCards .card {
  height: 200px;
  width: 100%;
  margin-bottom: 50px;
  background: white;
  font-size: 36px;
}
.StackingCards .card:first-child {
  box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.05);
}

@keyframes scale-img {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
  }
}
.three-dot-line {
  position: absolute;
  left: -60px;
  animation: rotate-skw 10s infinite;
  margin-top: 40px;
  bottom: 0px;
  z-index: 11;
}
@media (max-width: 1200px) {
  .three-dot-line {
    bottom: -20px;
    left: -40px;
  }
}

@keyframes rotate-skw {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(120deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(120deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.features-pyramid {
  position: absolute;
  right: -90px;
  animation: rotate-prym 2s infinite;
  bottom: 0px;
  z-index: 11;
}
@media (max-width: 1200px) {
  .features-pyramid {
    bottom: -40px;
    right: -10px;
  }
}

@keyframes rotate-prym {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(12deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.light-blue-lg-circle {
  width: 710px;
  height: 710px;
  background: linear-gradient(155.76deg, #C07BFC 8.38%, #6EFBAF 96.17%, #7253F1 96.17%);
  opacity: 0.2;
  filter: blur(100px);
  filter: blur(90px);
  right: -400px;
  bottom: -10%;
  position: absolute;
}

#approachboxes .owl-nav button.disabled {
  opacity: 0;
}
#approachboxes .owl-nav button span {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -3px;
}

.hero-native-block .h2_1 {
  max-width: 650px;
}
@media (max-width: 480px) {
  .hero-native-block .h2_1 {
    font-size: 24px;
    max-width: 320px;
  }
}
.hero-native-block .services-sec {
  gap: 6px;
}
.hero-native-block .services-sec .supertext-small-services {
  color: #4D617F;
}
.hero-native-block .hero-inner-block p {
  font-size: 24px;
  letter-spacing: -0.32px;
  line-height: 1.34;
  margin: 0;
  padding: 0;
  max-width: 762px;
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .hero-native-block .hero-inner-block p {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 480px) {
  .hero-native-block .hero-inner-block p {
    font-size: 16px;
    margin-bottom: 27px;
    max-width: 390px;
  }
}

.hero-inner-block h1 .gradiant-text .text-black {
  background: #000;
  -webkit-background-clip: text;
          background-clip: text;
  display: inline;
}

@media (max-width: 992px) {
  .img-native-card {
    padding-bottom: 80px !important;
  }
}
.img-native-card .img-card-img::before {
  display: none;
}
.img-native-card .img-card-text {
  padding: 80px;
  border-radius: 10px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 10px 20px 0px rgba(46, 60, 90, 0.02);
  margin: 0px auto;
  margin-top: -341px;
  width: 100%;
  max-width: 1045px;
}
@media (max-width: 992px) {
  .img-native-card .img-card-text {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .img-native-card .img-card-text {
    padding: 25px;
  }
}
.img-native-card .img-card-text p {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 32px;
  color: #90A0B9;
  color: #273954;
  max-width: 885px;
  padding: 0px !important;
  line-height: 133.333%;
}
@media (max-width: 767px) {
  .img-native-card .img-card-text p {
    font-size: 18px;
  }
  .img-native-card .img-card-text p.m-b72, .img-native-card .img-card-text p.m-b64 {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .img-native-card .img-card-text p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .img-native-card .img-card-text p {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media (max-width: 480px) {
  .img-native-card .img-card-text p {
    font-size: 12px;
  }
}
.img-native-card .img-card-text h4 {
  max-width: 670px;
}
@media (max-width: 992px) {
  .img-native-card .img-card-text h4 {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .img-native-card .img-card-text h4 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .img-native-card .img-card-text h4 {
    font-size: 20px;
  }
}

.benifit-react-native {
  padding-top: 62px !important;
  padding-bottom: 200px;
  background-color: #F6F8FC;
  position: relative;
}
@media (max-width: 1200px) {
  .benifit-react-native {
    padding-bottom: 120px;
  }
}
.benifit-react-native::before {
  content: "";
  position: absolute;
  border-radius: 645px;
  opacity: 0.2;
  background: #FF7360;
  width: 36%;
  height: 120%;
  filter: blur(264.7200012207px);
}
.benifit-react-native::after {
  content: "";
  position: absolute;
  border-radius: 801px;
  opacity: 0.2;
  background: #4BA68B;
  filter: blur(377.075012207px);
  width: 36%;
  height: 120%;
  width: 36%;
  height: 120%;
  top: -24%;
  right: 0px;
}
.benifit-react-native .story-cards-sec {
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 767px) {
  .benifit-react-native .story-cards-sec {
    flex-direction: inherit;
    justify-content: center;
  }
}
.benifit-react-native .story-card {
  flex: 0 0 30.9%;
  padding: 30px !important;
}
@media (max-width: 992px) {
  .benifit-react-native .story-card {
    min-width: 290px;
    width: 290px;
  }
}
.benifit-react-native .sub-heading1 {
  color: #0F192A;
}
.benifit-react-native p {
  max-width: 310px;
}
@media (max-width: 1200px) {
  .benifit-react-native p {
    font-size: 18px;
  }
}
.benifit-react-native .story-img {
  margin-bottom: 40px;
  width: 88px;
  height: 78px;
}
@media (max-width: 992px) {
  .benifit-react-native .story-img {
    width: 65px;
    height: 45px;
  }
}
.benifit-react-native h2 {
  margin-bottom: 70px;
  color: #0F192A;
  font-size: 78px;
  line-height: 103.226%;
  letter-spacing: -2.72px;
}
@media (max-width: 992px) {
  .benifit-react-native h2 {
    font-size: 52px;
  }
}
@media (max-width: 992px) {
  .benifit-react-native h5 {
    font-size: 32px !important;
  }
}
.benifit-react-native .btn2-thin {
  margin-top: 70px !important;
}

.app-development-sec {
  padding-bottom: 200px;
}
@media (max-width: 992px) {
  .app-development-sec {
    padding-bottom: 0px;
  }
}
.app-development-sec .en-text-in {
  min-width: 670px;
}
@media (max-width: 992px) {
  .app-development-sec .en-text-in {
    min-width: unset;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 40px;
  }
}
.app-development-sec .en-text-in h2 {
  margin-bottom: 20px;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 107.5%;
  letter-spacing: -4.839px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .app-development-sec .en-text-in h2 {
    font-size: 62px;
    letter-spacing: -1.839px;
  }
}
@media only screen and (max-width: 580px) {
  .app-development-sec .en-text-in .big-text {
    font-size: 46px !important;
  }
}
@media (max-width: 480px) {
  .app-development-sec .en-text-in .big-text {
    font-size: 36px !important;
  }
}
.app-development-sec .en-text-in h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.54;
  color: #0A131D;
  letter-spacing: -0.24px;
  color: #273954 !important;
  font-size: 28px !important;
  line-height: 135.714% !important;
  font-weight: 500;
}
@media (min-width: 767px) {
  .app-development-sec .en-text-in h5 {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .app-development-sec .en-text-in h5 {
    font-size: 22px !important;
  }
}
@media (max-width: 480px) {
  .app-development-sec .en-text-in h5 {
    font-size: 18px !important;
  }
}
.app-development-sec .en-text-in p {
  max-width: 588px;
}
@media (max-width: 992px) {
  .app-development-sec .en-text-in p {
    font-size: 22px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .app-development-sec .en-text-in p {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .app-development-sec .en-text-in p {
    font-size: 12px;
  }
}

.why-choose-us-react {
  background-color: #F6F8FC;
}
.why-choose-us-react h2 {
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.167%;
  letter-spacing: -4px;
  margin-bottom: 88px;
}
@media (max-width: 1200px) {
  .why-choose-us-react h2 {
    font-size: 62px;
    letter-spacing: -1px;
  }
}
@media (max-width: 767px) {
  .why-choose-us-react h2 {
    font-size: 52px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .why-choose-us-react h2 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .why-choose-us-react .colored-sec:before {
    left: 0px;
  }
}
.why-choose-us-react .colored-sec::after {
  content: "";
  height: 193%;
}
@media (max-width: 992px) {
  .why-choose-us-react .colored-sec::after {
    height: 308%;
  }
}
@media (max-width: 767px) {
  .why-choose-us-react .colored-sec::after {
    top: 3rem;
    height: 273%;
  }
}
.why-choose-us-react .green-sec::after {
  height: 205% !important;
}
@media (max-width: 992px) {
  .why-choose-us-react .green-sec::after {
    height: 276% !important;
  }
}
@media (max-width: 767px) {
  .why-choose-us-react .green-sec::after {
    height: 218% !important;
  }
}
.why-choose-us-react .blue-sec::after {
  height: 50% !important;
}

.react-work-sec .work-card.fingertips-work {
  margin-top: 0px;
}
.react-work-sec .btn4 {
  justify-content: flex-start;
}
.react-work-sec .work-card.smart-parking {
  padding: 0px;
  overflow: hidden;
}
.react-work-sec .work-card.smart-parking .work-card-text {
  padding: 96px 0px 96px 80px;
}
@media (max-width: 767px) {
  .react-work-sec .work-card.smart-parking .work-card-text {
    padding: 40px;
  }
}

.process-reactnative {
  padding: 200px 0px !important;
}
@media (max-width: 767px) {
  .process-reactnative {
    padding: 40px 0px !important;
  }
}
@media (max-width: 767px) {
  .process-reactnative .approach-boxes {
    padding: 0px;
  }
}
.process-reactnative h2 {
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.167%;
  letter-spacing: -4px;
  max-width: 1086px;
}
@media (max-width: 1200px) {
  .process-reactnative h2 {
    font-size: 76px;
    letter-spacing: -1px;
  }
}
@media (max-width: 992px) {
  .process-reactnative h2 {
    font-size: 62px;
  }
}
@media (max-width: 767px) {
  .process-reactnative h2 {
    font-size: 44px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .process-reactnative h2 {
    font-size: 32px;
  }
}
.process-reactnative h2 .react-native {
  background: linear-gradient(153deg, #3DDD85 -47.1%, #4385F5 86.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.process-reactnative .last-approach-box h5::after {
  border-top: none !important;
}
.process-reactnative .approach-box {
  min-width: 520px;
  background-color: transparent;
  box-shadow: none;
  margin: 100px 20px 0 0px;
}
@media (max-width: 767px) {
  .process-reactnative .approach-box {
    min-width: 300px !important;
    max-width: 100%;
    margin: 0px;
    padding: 20px;
  }
}
.process-reactnative .approach-box h5 {
  color: #0779FF;
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: 75%;
  letter-spacing: -2.32px;
  -webkit-text-stroke: unset;
  text-align: left;
  padding-bottom: 56px;
  position: relative;
}
.process-reactnative .approach-box h5::after {
  content: "";
  position: absolute;
  border-top: 1px dashed #007AFF;
  width: 85%;
  height: 100%;
  top: 0px;
  top: 34px;
  left: 28%;
}
@media (max-width: 767px) {
  .process-reactnative .approach-box h5::after {
    border-top: none;
  }
}
@media (max-width: 767px) {
  .process-reactnative .approach-box h5 {
    font-size: 46px;
    padding-bottom: 30px;
  }
}
.process-reactnative .approach-box h6 {
  color: #0B182B;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.48px;
}
.process-reactnative .approach-box ul {
  list-style: disc;
  padding-left: 20px;
}
.process-reactnative .approach-box li {
  list-style: disc;
  padding-bottom: 25px;
  color: #334055;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -0.24px;
}

.project-planned {
  background-color: #F6F8FC;
}
.project-planned h2 {
  padding-bottom: 20px;
}
.project-planned h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.54;
  color: #0A131D;
  letter-spacing: -0.24px;
  font-weight: 600;
}
@media (min-width: 767px) {
  .project-planned h4 {
    font-size: 24px;
  }
}
.project-planned ul {
  list-style: disc;
  padding-left: 20px;
}
.project-planned li {
  list-style: disc;
  color: #334055;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.22px;
  line-height: 136.364%;
  margin-bottom: 0;
  padding-bottom: 20px;
  max-width: 660px;
}
@media (max-width: 767px) {
  .project-planned li {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .project-planned li {
    font-size: 16px;
  }
}
.project-planned .txt-area {
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 80px;
}
@media (max-width: 992px) {
  .project-planned .txt-area {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .project-planned .txt-area {
    margin-left: 20px !important;
  }
}
@media (max-width: 480px) {
  .project-planned .txt-area {
    margin-left: 0px !important;
  }
}
.project-planned .colored-sec {
  padding: 80px 0px 0px 0px;
}
@media (max-width: 992px) {
  .project-planned .colored-sec {
    padding: 40px 0px 0px 0px;
  }
}
@media (max-width: 480px) {
  .project-planned .colored-sec {
    padding: 20px 0px 0px 0px;
  }
}
@media (max-width: 480px) {
  .project-planned .colored-sec::before {
    margin-bottom: 0px !important;
  }
}
.project-planned .colored-sec::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0px;
  left: 30px;
  z-index: 0;
  border-right: 0px;
  background-image: none !important;
}
@media only screen and (max-width: 576px) {
  .project-planned .colored-sec::after {
    left: 34px;
  }
}
@media (max-width: 480px) {
  .project-planned .colored-sec::after {
    left: 10px;
  }
}
.project-planned .yellow-sec::after {
  border-left: 1px dashed #F3BD0F;
  height: 100%;
}
@media (max-width: 992px) {
  .project-planned .yellow-sec::after {
    top: 0%;
  }
}
.project-planned .yellow-sec::before {
  background-color: #F3BD0F;
}
.project-planned .orange-sec::after {
  border-left: 1px dashed #FA555C;
  height: 68%;
  height: 71%;
  top: 29%;
}
@media (max-width: 992px) {
  .project-planned .orange-sec::after {
    top: 21%;
    height: 79%;
  }
}
@media (max-width: 380px) {
  .project-planned .orange-sec::after {
    top: 14%;
    height: 86%;
  }
}
.project-planned .green-sec {
  position: relative;
}
.project-planned .green-sec::after {
  border-left: 1px dashed #18A714;
  height: 30%;
}
@media (max-width: 992px) {
  .project-planned .green-sec::after {
    height: 21%;
  }
}
@media (max-width: 380px) {
  .project-planned .green-sec::after {
    height: 13%;
  }
}
.project-planned .green-sec::before {
  background-color: #18A714;
}
.project-planned .green-sec .txt-area {
  border-bottom: none !important;
}

.related-blog {
  background-color: #F6F8FC;
  padding: 100px 0px;
}
@media (max-width: 767px) {
  .related-blog {
    padding: 40px 0px;
  }
}
.related-blog .nb-blog-cards {
  display: flex;
  justify-content: center;
}
.related-blog h2 {
  font-family: "Graphik";
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.167%;
  letter-spacing: -4px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .related-blog h2 {
    font-size: 62px;
    padding-bottom: 40px;
  }
}
.related-blog .nblog-card {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(54, 73, 94, 0.08), 0px 1px 2px 0px rgba(94, 116, 140, 0.24);
  max-width: 370px;
}
@media (max-width: 767px) {
  .related-blog .nblog-card {
    margin: 0px auto;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .related-blog .nblog-card {
    max-width: 280px;
  }
}
.related-blog .nblog-text {
  padding: 0px 24px 24px 24px;
}
.related-blog .nblog-text h5 {
  color: #0B182B;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 127.273%;
  letter-spacing: -0.22px;
}
@media (max-width: 992px) {
  .related-blog .nblog-text h5 {
    font-size: 18px;
  }
}
.related-blog .nblog-img {
  max-width: 100%;
  border-radius: 0px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.lets-contact-native {
  background-color: #F6F8FC;
}

.faq-sec {
  background-color: #F6F8FC;
}
.faq-sec .collapsed {
  position: relative;
}
.faq-sec .card {
  padding: 20px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 14px 40px 0px rgba(151, 189, 255, 0.02);
  margin-bottom: 30px;
}
.faq-sec .card:last-child {
  margin-bottom: 0px;
}
.faq-sec .card-header {
  background-color: white;
  border-bottom: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-sec .card-body {
  padding: 20px 0px 0px 0px;
  color: #334055;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -0.24px;
  max-width: 1045px;
}
@media (max-width: 992px) {
  .faq-sec .card-body {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .faq-sec .card-body {
    font-size: 12px;
  }
}
.faq-sec .panel-title > a:before {
  float: right !important;
  font-family: "FontAwesome";
  content: "\f068";
  padding-right: 5px;
}
.faq-sec .panel-title > a.collapsed:before {
  float: right !important;
  content: "\f067";
}
.faq-sec .panel-heading {
  padding: 20px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.faq-sec .panel {
  margin-bottom: 20px !important;
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 15px 16px 13px 8px rgba(4, 4, 4, 0.05);
}
.faq-sec .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #00bcd4;
  text-align: center;
  color: #fff;
}
.faq-sec .faq-ques {
  color: #334055;
  font-size: 28px;
  font-weight: 500;
  line-height: 128.571%;
  letter-spacing: -1.26px;
  width: 90%;
  text-align: left;
  padding: 0px;
}
@media (max-width: 1200px) {
  .faq-sec .faq-ques {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .faq-sec .faq-ques {
    font-size: 18px;
    width: 100% !important;
    max-width: 440px !important;
    white-space: normal;
  }
}
.faq-sec .collapsed ~ .faq-img > .vertical-row {
  rotate: 0deg !important;
  transition: all 0.5s ease-in-out;
}
.faq-sec .faq-img {
  position: relative;
  width: 30px;
  height: 30px;
}
.faq-sec .faq-img .faq-icon {
  border: 2px solid #94A3B8;
  height: 15px;
  border-radius: 12px;
  position: absolute;
  top: 8px;
  right: 13px;
  rotate: 90deg;
  transition: all 0.5s ease-in-out;
}

@media only screen and (min-width: 1024px) and (max-height: 800px) {
  .app-development-sec .en-text-in h2 {
    font-size: 55px;
    letter-spacing: -3.839px;
  }
  .app-development-sec .en-text-in h5 {
    font-size: 24px !important;
  }
  .app-development-sec .en-text-in p {
    max-width: 588px;
    font-size: 20px;
  }
  .process-reactnative .approach-box {
    margin: 80px 20px 0 0px;
  }
  .process-reactnative .approach-box h5 {
    padding-bottom: 35px;
  }
}
section.hero-work-block.monoBanner {
  background: #473ce2;
  padding-bottom: 400px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  section.hero-work-block.monoBanner {
    padding-bottom: 210px;
  }
}

.ld-company-info .cmp-info {
  margin-top: 32px;
}
.ld-company-info .cl-info-title {
  color: #fff;
  text-align: center;
  font-size: 62px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -3px;
  position: relative;
}
@media (max-width: 1200px) {
  .ld-company-info .cl-info-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ld-company-info .cl-info-title {
    font-size: 36px;
    letter-spacing: -2px;
  }
}
@media (max-width: 480px) {
  .ld-company-info .cl-info-title {
    font-size: 27px;
  }
}

.mono-banner {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -18px;
}
@media screen and (min-width: 2800px) {
  .mono-banner {
    bottom: -45px;
  }
}
@media screen and (min-width: 1600px) {
  .mono-banner {
    bottom: -28px;
  }
}

.mono-work-intro {
  margin-top: -410px;
}
@media (max-width: 767px) {
  .mono-work-intro {
    margin-top: -200px;
  }
}

.mono-work-block {
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .mono-work-block {
    padding-bottom: 130px;
  }
}
@media (max-width: 767px) {
  .mono-work-block {
    padding-bottom: 80px;
  }
}

.introduction-block {
  display: flex;
}
@media (max-width: 767px) {
  .introduction-block {
    flex-direction: column;
  }
}
.introduction-block .mono-intro-left {
  width: 35%;
}
@media (max-width: 767px) {
  .introduction-block .mono-intro-left {
    width: 100%;
  }
}
.introduction-block .mono-intro-right {
  width: 65%;
  display: flex;
  gap: 64px;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .introduction-block .mono-intro-right {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .introduction-block .mono-intro-right {
    width: 100%;
    padding-left: 0px;
  }
}
.introduction-block .mono-lt-lable {
  color: #828296;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1200px) {
  .introduction-block .mono-lt-lable {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .introduction-block .mono-lt-lable {
    font-size: 14px;
  }
}
.introduction-block .mono-lt-text {
  color: #15151c;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.84px;
  margin-top: 22px;
}
@media (max-width: 1200px) {
  .introduction-block .mono-lt-text {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .introduction-block .mono-lt-text {
    font-size: 21px;
    margin-top: 10px;
  }
}

.intro-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .intro-list {
    margin-bottom: 30px;
  }
}
.intro-list .intro-lable {
  color: #979797;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
.intro-list .intro-span {
  color: #15151c;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.54px;
}
@media (max-width: 480px) {
  .intro-list .intro-span {
    font-size: 16px;
  }
}
.intro-list .intro-lg-span {
  font-size: 38px;
  line-height: 1.1;
  letter-spacing: -1.14px;
}
@media (max-width: 480px) {
  .intro-list .intro-lg-span {
    font-size: 35px;
  }
}

.mono-challenge-solution {
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  .mono-challenge-solution {
    padding-bottom: 80px;
  }
}

.img-figure {
  position: relative;
  z-index: 1;
}
.img-figure .ml-main-mob {
  position: absolute;
  right: 270px;
  bottom: 10px;
}

.hasShadow {
  position: relative;
}
.hasShadow::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 710px;
}
@media (max-width: 767px) {
  .hasShadow::after {
    display: none;
  }
}
.hasShadow.shadowPurple::after {
  background: #473ce2;
  right: -10%;
  bottom: -15%;
  height: 680px;
}
@media (max-width: 1200px) {
  .hasShadow.shadowPurple::after {
    right: -20%;
    bottom: -9%;
    height: 490px;
  }
}
.hasShadow.shadowYellow::after {
  background: #f8ffa3;
  right: -10%;
  bottom: -15%;
  height: 680px;
}
@media (max-width: 1200px) {
  .hasShadow.shadowYellow::after {
    right: -20%;
    bottom: -8%;
    height: 560px;
  }
}

.building-overwhelmed .owners-whelmed {
  margin-top: 204px;
  width: 100%;
}
@media (max-width: 1200px) {
  .building-overwhelmed .owners-whelmed {
    margin-top: 120px;
  }
}
@media (max-width: 767px) {
  .building-overwhelmed .owners-whelmed {
    margin-top: 80px;
    padding: 0px 15px;
  }
}

.whelmed-inner {
  max-width: 996px;
  margin: auto;
}
.whelmed-inner p {
  color: #15151c;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -1.6px;
  opacity: 0.4;
}
@media (max-width: 1200px) {
  .whelmed-inner p {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .whelmed-inner p {
    font-size: 21px;
    letter-spacing: -1px;
  }
}

.the-challange {
  margin-top: 205px;
}
@media (max-width: 1200px) {
  .the-challange {
    margin-top: 150px;
  }
}
@media (max-width: 767px) {
  .the-challange {
    margin-top: 80px;
    padding: 0px 15px;
  }
}

.text-content-wrap {
  display: flex;
}
@media (max-width: 767px) {
  .text-content-wrap {
    flex-direction: column;
    gap: 20px;
  }
}
.text-content-wrap .text-wrap-title {
  flex: 0 0 25%;
}
.text-content-wrap .text-wrap-title .text-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.text-content-wrap .text-wrap-content p {
  color: #15151c;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media (max-width: 1200px) {
  .text-content-wrap .text-wrap-content p {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .text-content-wrap .text-wrap-content p {
    font-size: 20px;
  }
}

.the-solution {
  margin-top: 124px;
}
@media (max-width: 767px) {
  .the-solution {
    margin-top: 80px;
    padding: 0px 15px;
  }
}

.has-bubble {
  position: relative;
}
.has-bubble::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 466px;
  height: 457px;
  border-radius: 466px;
  opacity: 0.1;
  filter: blur(167px);
}
.has-bubble.bubble-red::after {
  background: #e61919;
}
.has-bubble.bubble-green::after {
  background: #1eae70;
}

.wearther-forecast img {
  width: 100%;
}

.mono-features {
  padding: 124px 0px;
}
@media (max-width: 1200px) {
  .mono-features {
    padding: 60px 0px;
  }
}
@media (max-width: 767px) {
  .mono-features {
    padding: 60px 0px;
  }
}

.features-wraper {
  text-align: center;
}

.small-sub-title {
  color: #9f9ba2;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 32px;
  display: block;
}

.features-title {
  color: #15151c;
  text-align: center;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.84px;
}
@media (max-width: 1200px) {
  .features-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .features-title {
    font-size: 27px;
  }
}

.building-block {
  display: flex;
  gap: 20px;
  margin-top: 71px;
}
@media (max-width: 767px) {
  .building-block {
    margin-top: 40px;
    flex-direction: column;
  }
}

.building-div {
  position: relative;
}
.building-div .bl-title {
  color: #15151c;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.56px;
  position: absolute;
  width: 100%;
  padding: 30px;
}
@media (max-width: 1200px) {
  .building-div .bl-title {
    padding: 15px 30px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .building-div .bl-title {
    padding: 15px 30px;
    font-size: 22px;
  }
}

.tap-build-community {
  margin-top: 124px;
  width: 100%;
}
@media (max-width: 1200px) {
  .tap-build-community {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .tap-build-community {
    margin-top: 60px;
    padding: 0px 15px;
  }
}

.mono-cards-block {
  padding-top: 80px;
}

.mono-cards {
  display: flex;
  margin-bottom: 80px;
}
.mono-cards:last-child {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .mono-cards {
    flex-direction: column !important;
    margin-bottom: 50px;
  }
}
.mono-cards .mn-card-img {
  width: 50%;
}
@media (max-width: 767px) {
  .mono-cards .mn-card-img {
    width: 100%;
  }
}
.mono-cards .mn-card-content {
  width: 50%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
}
@media (max-width: 1200px) {
  .mono-cards .mn-card-content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .mono-cards .mn-card-content {
    width: 100%;
    padding: 30px 20px;
  }
}
.mono-cards .mn-card-title {
  color: #15151c;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.96px;
}
@media (max-width: 1200px) {
  .mono-cards .mn-card-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .mono-cards .mn-card-title {
    font-size: 28px;
  }
}
.mono-cards .mn-card-text {
  color: #15151c;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
  letter-spacing: -0.84px;
}
@media (max-width: 1200px) {
  .mono-cards .mn-card-text {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .mono-cards .mn-card-text {
    font-size: 21px;
  }
}

.lt-orange {
  background: #ffe5bf;
}

.lt-ble {
  background: rgb(235, 251, 255);
}

.lt-green {
  background: rgb(234, 255, 236);
}

.lt-pink {
  background: rgb(255, 240, 251);
}

.centric-platforms {
  padding: 124px 0px 64px;
}
@media (max-width: 1200px) {
  .centric-platforms {
    padding: 80px 0px 60px;
  }
}
@media (max-width: 767px) {
  .centric-platforms {
    padding: 60px 0px;
  }
}

.platform-content {
  max-width: 1060px;
  width: 100%;
  margin: auto;
  padding: 0px 15px;
}

.platform-h3 {
  color: #15151c;
  font-family: Graphik;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.84px;
}
@media (max-width: 1200px) {
  .platform-h3 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .platform-h3 {
    font-size: 27px;
    letter-spacing: -1px;
  }
}

.platform-content-wrap {
  max-width: 996px;
  width: 100%;
  margin: auto;
  padding-top: 139px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .platform-content-wrap {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .platform-content-wrap {
    padding-top: 60px;
  }
}
.platform-content-wrap .platform-middle {
  padding-bottom: 0px !important;
}

.platform-wrap {
  margin-top: 64px;
  text-align: center;
}
.platform-wrap img {
  width: 100%;
}

.mono-space-platforms {
  padding: 78px 0px;
  background: #0045ff;
}
@media (max-width: 1200px) {
  .mono-space-platforms {
    padding: 45px 0px;
  }
}
@media (max-width: 767px) {
  .mono-space-platforms {
    padding: 35px 0px;
  }
}

.centric-platforms {
  color: #15151c;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.84px;
}

.platform-upper {
  padding-bottom: 124px;
}
@media (max-width: 1200px) {
  .platform-upper {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .platform-upper {
    padding-bottom: 60px;
  }
}

.pm-title {
  color: #15151c;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.84px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .pm-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .pm-title {
    font-size: 30px;
  }
}

.pm-text {
  color: #5e5e62;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.84px;
  margin-bottom: 24px;
}
.pm-text:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1200px) {
  .pm-text {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .pm-text {
    letter-spacing: -1px;
    font-size: 20px;
  }
}

.common-space {
  padding: 124px 0px 0px;
}
@media (max-width: 1200px) {
  .common-space {
    padding: 80px 0px 0px;
  }
}
@media (max-width: 767px) {
  .common-space {
    padding: 60px 0px 0px;
  }
}
.common-space .platform-middle {
  padding: 0px 0px 64px;
}
@media (max-width: 767px) {
  .common-space .platform-middle {
    padding: 0px 0px 20px;
  }
}
.common-space .platform-wrap {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .common-space .platform-wrap {
    margin-top: 40px;
  }
}

.light-title {
  color: #15151c;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -1.6px;
  opacity: 0.4 !important;
  margin-bottom: 64px;
}
@media (max-width: 1200px) {
  .light-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .light-title {
    font-size: 27px;
    margin-bottom: 25px;
  }
}

.title-gls {
  color: #15151c;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -1.6px;
  margin-bottom: 64px;
}
@media (max-width: 1200px) {
  .title-gls {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .title-gls {
    font-size: 27px;
    margin-bottom: 25px;
  }
  .title-gls:last-child {
    margin: 0px;
  }
}
.title-gls:last-child {
  margin: 0px;
}

.monoCultivating {
  padding: 124px 0px 0px;
}
@media (max-width: 1200px) {
  .monoCultivating {
    padding: 80px 0px 0px;
  }
}
@media (max-width: 767px) {
  .monoCultivating {
    padding: 60px 0px 0px;
  }
}
.monoCultivating .platform-content-wrap {
  padding: 0px;
}
.monoCultivating .cultivatingTrust {
  max-width: 699px;
  width: 100%;
  margin-right: auto;
}
.monoCultivating .managingContent {
  max-width: 780px;
  width: 100%;
  margin-left: auto;
}

.cul-title {
  color: #000;
  font-size: 68px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -2.72px;
}
@media (max-width: 1200px) {
  .cul-title {
    font-size: 50px;
    letter-spacing: -2px;
  }
}
@media (max-width: 767px) {
  .cul-title {
    font-size: 32px;
    letter-spacing: -1px;
  }
}

.text-blue {
  color: #416afb;
}

.cul-text {
  color: #5e5e62;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.84px;
  margin-top: 39px;
}
@media (max-width: 1200px) {
  .cul-text {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cul-text {
    font-size: 23px;
    letter-spacing: -1px;
  }
}

@media (max-width: 767px) {
  .signUp-weekly {
    padding: 50px 15px;
  }
}
@media (max-width: 767px) {
  .signUp-weekly .title-head {
    font-size: 30px;
    letter-spacing: -1px;
  }
}

.row-reverse {
  flex-direction: row-reverse;
}

.color-red {
  color: #e70d0d;
}

.color-green {
  color: #1eae70;
}

.hero-work-block.GeekdoorBanner {
  position: relative;
  padding-bottom: 0px;
}
.hero-work-block.GeekdoorBanner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(168deg, #0B122F 24.04%, rgba(24, 33, 69, 0.94) 56.47%, rgba(96, 37, 242, 0.53) 91.08%);
  left: 0px;
  top: 0px;
  z-index: 11;
}

.GeekdoorHeader {
  position: relative;
  z-index: 11;
}

.geekBannerImg {
  background-image: url("../../images/geekdoor/geekbanner.webp");
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  left: 0px;
  background-size: cover;
}

.GeekdoorHeadWrap {
  text-align: left;
  max-width: 1060px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.GeekdoorHeadWrap .acptHead {
  margin: 0;
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px;
}
@media (max-width: 992px) {
  .GeekdoorHeadWrap .acptHead {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .GeekdoorHeadWrap .acptHead {
    font-size: 32px;
    line-height: 1.4;
  }
}

.GeekBanner {
  margin-top: 46px;
}

.geek-Overview {
  padding: 160px 0px;
}
@media (max-width: 992px) {
  .geek-Overview {
    padding: 90px 0px;
  }
}
@media (max-width: 767px) {
  .geek-Overview {
    padding: 60px 0px;
  }
}
.geek-Overview .geekInnerWrap {
  width: 100%;
}
.geek-Overview .geekRow {
  margin-top: 64px;
  display: flex;
}
@media (max-width: 992px) {
  .geek-Overview .geekRow {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .geek-Overview .geekRow {
    margin-top: 40px;
    flex-direction: column;
  }
}
.geek-Overview .geekCol {
  width: 50%;
}
@media (max-width: 767px) {
  .geek-Overview .geekCol {
    width: 100%;
  }
}
.geek-Overview .geekCol.colLeft {
  padding-right: 70px;
}
@media (max-width: 767px) {
  .geek-Overview .geekCol.colLeft {
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
.geek-Overview .lableText {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .geek-Overview .lableText {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .geek-Overview .lableText {
    margin-bottom: 20px;
  }
}
.geek-Overview .lableText .lableTitle {
  color: #8D91A1;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .geek-Overview .lableText .lableTitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .geek-Overview .lableText .lableTitle {
    font-size: 14px;
    line-height: 1;
  }
}
.geek-Overview .lableText .lableData {
  color: #182145;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -1px;
  padding-right: 15%;
}
@media (max-width: 992px) {
  .geek-Overview .lableText .lableData {
    font-size: 20px;
  }
}
.geek-Overview .geekAnnum {
  display: flex;
  gap: 30px;
}
.geek-Overview .geekAnnum .geekAnnumDAta {
  color: #182145;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 108.333%;
  letter-spacing: -2px;
}
@media (max-width: 992px) {
  .geek-Overview .geekAnnum .geekAnnumDAta {
    font-size: 30px;
  }
}
.geek-Overview .geekAnnum .geekAnnumText {
  color: #182145;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 145.455%;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .geek-Overview .geekAnnum .geekAnnumText {
    font-size: 16px;
  }
}
.geek-Overview .gek-title {
  color: #182145;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 111.111%;
}
@media (max-width: 992px) {
  .geek-Overview .gek-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .geek-Overview .gek-title {
    font-size: 24px;
  }
}
.geek-Overview .gek-text {
  color: #717582;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 136.364%;
  margin-top: 18px;
}
@media (max-width: 992px) {
  .geek-Overview .gek-text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .geek-Overview .gek-text {
    font-size: 21px;
  }
}

.geekTitle {
  padding-bottom: 32px;
  border-bottom: 1px solid #CBCDD4;
  color: #182145;
  font-size: 88px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.545%;
}
@media (max-width: 992px) {
  .geekTitle {
    font-size: 60px;
  }
  .geekTitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .geekTitle {
    font-size: 36px;
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .geekTitle {
    font-size: 28px;
  }
}

.border-none {
  border: none !important;
}

.span-text {
  background: #fff;
  padding: 0px 15px;
  position: relative;
}

.quickSteps {
  display: flex;
  gap: 40px;
  margin-top: 76px;
}
@media (max-width: 992px) {
  .quickSteps {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .quickSteps {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .quickSteps {
    margin-top: 40px;
  }
}
.quickSteps .stepsInner {
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  .quickSteps .stepsInner {
    width: 100%;
  }
}
.quickSteps .stepsInner .stepLable {
  margin-bottom: 24px;
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 141.667%;
  letter-spacing: 2.16px;
  text-transform: uppercase;
  position: relative;
}
.quickSteps .stepsInner .stepLable::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-color: #D5D8DB;
  position: absolute;
  top: 8px;
  border-width: 2px 0px 0px 0px;
  border-style: dotted;
}
.quickSteps .stepsInner .stepsCards {
  text-align: center;
}
@media (max-width: 767px) {
  .quickSteps .stepsInner .stepsCards img {
    width: 100%;
  }
}
.quickSteps .stepsInner.step-one .stepLable {
  color: #3D61F5;
}
.quickSteps .stepsInner.step-one .stepLable::before {
  width: 50%;
  right: -38px;
}
@media (max-width: 767px) {
  .quickSteps .stepsInner.step-one .stepLable::before {
    width: 100%;
    right: 0px;
  }
}
.quickSteps .stepsInner.step-two .stepLable {
  color: #E06128;
}
.quickSteps .stepsInner.step-three .stepLable {
  color: #AA48E6;
}
.quickSteps .stepsInner.step-three .stepLable::before {
  width: 50%;
  left: -38px;
}
@media (max-width: 767px) {
  .quickSteps .stepsInner.step-three .stepLable::before {
    width: 100%;
    left: 0px;
  }
}

.assembleOrder .stepsCArData {
  margin-top: 30px;
  padding: 0px 40px;
}
@media (max-width: 992px) {
  .assembleOrder .stepsCArData {
    padding: 0px 10px;
  }
}
.assembleOrder .stepTitle {
  text-align: center;
  color: #182145;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 992px) {
  .assembleOrder .stepTitle {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .assembleOrder .stepTitle {
    font-size: 19px;
  }
}
.assembleOrder .stepText {
  color: #717582;
  text-align: center;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
}
@media (max-width: 992px) {
  .assembleOrder .stepText {
    font-size: 15px;
  }
}

.tacklingBusiness {
  margin: 160px 0px;
}
@media (max-width: 992px) {
  .tacklingBusiness {
    margin: 80px 0px;
  }
}
@media (max-width: 767px) {
  .tacklingBusiness {
    margin: 60px 0px;
  }
}
.tacklingBusiness .tk-row {
  display: flex;
}
@media (max-width: 767px) {
  .tacklingBusiness .tk-row {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
  }
}
.tacklingBusiness .tk-row .tk-column {
  width: 50%;
}
@media (max-width: 767px) {
  .tacklingBusiness .tk-row .tk-column {
    width: 100%;
  }
}
.tacklingBusiness .tk-row .tk-full-col {
  width: 100%;
}
.tacklingBusiness .tk-column-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-left: 100px;
}
@media (max-width: 1200px) {
  .tacklingBusiness .tk-column-data {
    padding-left: 50px;
  }
}
@media (max-width: 992px) {
  .tacklingBusiness .tk-column-data {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .tacklingBusiness .tk-column-data {
    padding-left: 0px;
    margin-top: 20px;
  }
}
.tacklingBusiness .tk-column-data .tk-column-title {
  color: #182145;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
  letter-spacing: -1px;
  margin-bottom: 48px;
}
@media (max-width: 1200px) {
  .tacklingBusiness .tk-column-data .tk-column-title {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .tacklingBusiness .tk-column-data .tk-column-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tacklingBusiness .tk-column-data .tk-column-title {
    font-size: 35px;
    margin-bottom: 25px;
  }
}
.tacklingBusiness .tk-column-data .tk-span {
  position: relative;
  padding-left: 25px;
  color: #8D91A1;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 177.778%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .tacklingBusiness .tk-column-data .tk-span {
    font-size: 15px;
  }
}
.tacklingBusiness .tk-column-data .tk-span::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #8D91A1;
  left: 0px;
  top: 15px;
}

.product-development {
  padding-bottom: 160px;
}
@media (max-width: 992px) {
  .product-development {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .product-development {
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .product-development {
    padding-bottom: 30px;
  }
}

.geekProductRow {
  margin-top: 77px;
  display: flex;
  gap: 42px;
}
@media (max-width: 767px) {
  .geekProductRow {
    flex-wrap: wrap;
  }
}
.geekProductRow .geekProductCol {
  width: 50%;
  padding: 34px;
}
@media (max-width: 767px) {
  .geekProductRow .geekProductCol {
    width: 100%;
    padding: 30px 20px;
  }
}
.geekProductRow .geekProductCol.col-vendors {
  background: linear-gradient(180deg, #FFD6C4 0%, #FFD6C5 8.01%, #F6A27C 47.58%, #F16C32 73%, #FF8651 87.15%, #FF8854 100%);
}
.geekProductRow .geekProductCol.col-vendors .geek-wrap-content::before {
  background: #FF7F48;
  filter: blur(35px);
}
.geekProductRow .geekProductCol.col-vendors .geek-text {
  color: #EF743E;
}
.geekProductRow .geekProductCol.col-users {
  background: linear-gradient(180deg, #DEE5FF 0%, #4A6EFF 100%);
}
@media (max-width: 767px) {
  .geekProductRow .geekProductCol.col-users {
    width: 100%;
  }
}
.geekProductRow .geekProductCol.col-users .geek-wrap-content::before {
  background: #4A6EFF;
  filter: blur(40px);
  top: -60px;
}
.geekProductRow .geekProductCol.col-users .geek-text {
  color: #3961FF;
}
.geekProductRow .geek-wrap-content {
  position: relative;
}
.geekProductRow .geek-wrap-content::before {
  content: "";
  position: absolute;
  top: -110px;
  width: 100%;
  height: 20px;
}
.geekProductRow .geek-status {
  margin-bottom: 20px;
  margin-top: 10px;
}
.geekProductRow .geek-status .geek-text {
  background: #FFF;
  padding: 10px;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  align-items: center;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.geek-baner {
  height: 310px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .geek-baner {
    height: 190px;
  }
}
@media (max-width: 767px) {
  .geek-baner {
    height: 190px;
  }
}
.geek-baner img {
  width: 100%;
}

.geek-product-list {
  margin-top: 30px;
}
.geek-product-list li {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.34px;
  padding-right: 20px;
  align-items: baseline;
}
@media (max-width: 992px) {
  .geek-product-list li {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .geek-product-list li {
    font-size: 21px;
  }
}
@media (max-width: 480px) {
  .geek-product-list li {
    font-size: 18px;
  }
}
.geek-product-list li:last-child {
  margin-bottom: 0px;
}
.geek-product-list li svg {
  min-width: 25px;
}

.identifyingAccessories {
  padding-bottom: 160px;
}
@media (max-width: 992px) {
  .identifyingAccessories {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .identifyingAccessories {
    padding-bottom: 60px;
  }
}

.identifying-need {
  padding: 60px;
  border: 1px solid #919CEB;
  background: linear-gradient(140deg, #0D2CAB 8.85%, #63B2DE 104.55%);
}
@media (max-width: 992px) {
  .identifying-need {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .identifying-need {
    padding: 40px;
  }
}
@media (max-width: 480px) {
  .identifying-need {
    padding: 30px;
  }
}
.identifying-need .id-title {
  color: #FFF;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 112.5%;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .identifying-need .id-title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .identifying-need .id-title {
    font-size: 38px;
  }
}
@media (max-width: 480px) {
  .identifying-need .id-title {
    font-size: 28px;
  }
}
.identifying-need .id-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
  margin-top: 28px;
}
@media (max-width: 992px) {
  .identifying-need .id-text {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .identifying-need .id-text {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .identifying-need .id-text {
    font-size: 15px;
  }
}

.rolloutStrategy {
  display: flex;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .rolloutStrategy {
    margin-top: 60px;
    flex-direction: column;
    gap: 10px;
  }
}
.rolloutStrategy .rolloutStrategy-lable {
  width: 40%;
  color: #8D91A1;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .rolloutStrategy .rolloutStrategy-lable {
    width: 100%;
  }
}
.rolloutStrategy .rolloutStrategyCols {
  width: 60%;
}
@media (max-width: 767px) {
  .rolloutStrategy .rolloutStrategyCols {
    width: 100%;
  }
}
.rolloutStrategy .rollTitle {
  color: #182145;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 45px;
}
@media (max-width: 992px) {
  .rolloutStrategy .rollTitle {
    font-size: 28px;
  }
  .rolloutStrategy .rollTitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .rolloutStrategy .rollTitle {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  .rolloutStrategy .rollTitle {
    font-size: 20px;
  }
}

.rollCArds {
  display: flex;
  gap: 32px;
  padding: 32px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .rollCArds {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .rollCArds {
    gap: 20px;
    padding: 20px;
  }
}
.rollCArds:last-child {
  margin-bottom: 0px;
}
.rollCArds.rl-build {
  background: linear-gradient(0deg, #F3F8FF 0%, #F3F8FF 100%), #FAECFF;
}
.rollCArds.rl-build h5 {
  color: #182145;
}
.rollCArds.rl-run {
  background: #FAF2FF;
}
.rollCArds.rl-run h5 {
  color: #111141;
}
.rollCArds.rl-wide {
  background: #FFF4EF;
}
.rollCArds.rl-wide h5 {
  color: #723012;
}
.rollCArds .rollFigure {
  width: 170px;
  margin: 0;
  min-width: 170px;
}
@media (max-width: 992px) {
  .rollCArds .rollFigure {
    width: 110px;
    min-width: 100px;
  }
}
@media (max-width: 767px) {
  .rollCArds .rollFigure {
    width: 80px;
    min-width: 80px;
  }
}
@media (max-width: 480px) {
  .rollCArds .rollFigure {
    width: 60px;
    min-width: 60px;
  }
}
.rollCArds .rollFigure img {
  width: 100%;
}
.rollCArds .rollContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .rollCArds .rollContent {
    gap: 8px;
  }
}
.rollCArds .rollContent h5 {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 122.222%;
}
@media (max-width: 992px) {
  .rollCArds .rollContent h5 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .rollCArds .rollContent h5 {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .rollCArds .rollContent h5 {
    font-size: 20px;
  }
}
.rollCArds .rollContent p {
  color: #717582;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 136.364%;
}
@media (max-width: 992px) {
  .rollCArds .rollContent p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .rollCArds .rollContent p {
    font-size: 17px;
  }
}
@media (max-width: 480px) {
  .rollCArds .rollContent p {
    font-size: 15px;
  }
}

.understandingUsers {
  background: #182145;
  padding: 135px 0px;
}
@media (max-width: 992px) {
  .understandingUsers {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .understandingUsers {
    padding: 60px 0px;
  }
}

.mt-64 {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .mt-64 {
    margin-top: 30px;
  }
}

.clRowCustom {
  display: flex;
}
@media (max-width: 767px) {
  .clRowCustom {
    flex-direction: column;
  }
}
.clRowCustom.white-col .clCustlable {
  color: #7681AC;
}
.clRowCustom.white-col .clCustomColRight p {
  color: rgba(255, 255, 255, 0.8);
}
.clRowCustom .clCustomColLeft {
  width: 50%;
}
@media (max-width: 767px) {
  .clRowCustom .clCustomColLeft {
    width: 100% !important;
  }
}
.clRowCustom .clCustomColLeft .clCustlable {
  color: #8D91A1;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.clRowCustom .clCustomColRight {
  width: 50%;
}
@media (max-width: 767px) {
  .clRowCustom .clCustomColRight {
    width: 100% !important;
  }
}
.clRowCustom .clCustomColRight p {
  color: #324963;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .clRowCustom .clCustomColRight p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .clRowCustom .clCustomColRight p {
    font-size: 21px;
  }
}
@media (max-width: 480px) {
  .clRowCustom .clCustomColRight p {
    font-size: 17px;
  }
}
.clRowCustom .clCustomColRight p:last-child {
  margin-bottom: 0px;
}

.colcomn .clCustomColLeft {
  width: 45%;
}
.colcomn .clCustomColRight {
  width: 55%;
}

.gamingMarket {
  background: #3961FF;
  margin-top: 74px;
  position: relative;
}
@media (max-width: 992px) {
  .gamingMarket {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .gamingMarket {
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .gamingMarket {
    padding: 0px 20px 40px;
  }
}
@media (max-width: 767px) {
  .gamingMarket .gm-row {
    flex-direction: column-reverse;
  }
}
.gamingMarket .colBorder {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.gamingMarket .gmRowLeft {
  width: 43%;
  padding: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .gamingMarket .gmRowLeft {
    width: 100%;
    padding: 40px 20px 0px;
  }
}
@media (max-width: 480px) {
  .gamingMarket .gmRowLeft {
    padding: 40px 0px 0px;
  }
}
.gamingMarket .gm-title {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 105.556%;
  letter-spacing: -0.34px;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .gamingMarket .gm-title {
    font-size: 30px;
    margin-bottom: 12px;
  }
}
.gamingMarket .border-ylow {
  max-width: 419px;
  width: 100%;
  height: 10px;
  display: inline-flex;
  background: #F0F368;
}
.gamingMarket .gm-p-text {
  margin-top: 24px;
  color: #B0C0FF;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.311px;
}
@media (max-width: 992px) {
  .gamingMarket .gm-p-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .gamingMarket .gm-p-text {
    font-size: 18px;
    margin-top: 15px;
  }
}
@media (max-width: 480px) {
  .gamingMarket .gm-p-text {
    font-size: 16px;
  }
}
.gamingMarket .gm-h4 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -1px;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .gamingMarket .gm-h4 {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .gamingMarket .gm-h4 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .gamingMarket .gm-h4 {
    font-size: 25px;
  }
}
.gamingMarket .gm-h1 {
  color: #FFF;
  margin-top: 20px;
  font-size: 136.857px;
  font-style: normal;
  font-weight: 600;
  line-height: 102.857%;
}
@media (max-width: 1200px) {
  .gamingMarket .gm-h1 {
    font-size: 85px;
  }
}
@media (max-width: 992px) {
  .gamingMarket .gm-h1 {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .gamingMarket .gm-h1 {
    font-size: 50px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .gamingMarket .gm-h1 {
    font-size: 40px;
    letter-spacing: inherit;
  }
}
.gamingMarket .revenues {
  color: #B0C0FF;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 106.25%;
  margin-top: 16px;
  display: block;
}
@media (max-width: 992px) {
  .gamingMarket .revenues {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .gamingMarket .revenues {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .gamingMarket .revenues {
    font-size: 15px;
  }
}
.gamingMarket .gmRowRight {
  width: 57%;
  position: relative;
}
@media (max-width: 767px) {
  .gamingMarket .gmRowRight {
    width: 100%;
  }
}
.gamingMarket .gm-image {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .gamingMarket .gm-image {
    padding-bottom: 0px;
  }
}
.gamingMarket .game-platform {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: 44px;
  bottom: 44px;
}
@media (max-width: 767px) {
  .gamingMarket .game-platform {
    right: 0px;
    bottom: 60px;
    width: 100%;
    align-items: center;
  }
}
@media (max-width: 480px) {
  .gamingMarket .game-platform {
    bottom: 0px;
    position: relative;
  }
}
.gamingMarket .game-platform .platform-text {
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 118.182%;
}
@media (max-width: 992px) {
  .gamingMarket .game-platform .platform-text {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .gamingMarket .game-platform .platform-text {
    text-align: center;
  }
}
.gamingMarket .platform-ul {
  display: flex;
  gap: 18px;
  margin-top: 16px;
}
@media (max-width: 480px) {
  .gamingMarket .platform-ul {
    flex-direction: column;
  }
}
.gamingMarket .platform-li {
  padding: 14px 24px;
  border: 1px solid rgba(176, 192, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  .gamingMarket .platform-li {
    padding: 8px 18px;
  }
}
.gamingMarket .platform-span {
  display: flex;
  gap: 10px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  .gamingMarket .platform-span {
    font-size: 13px;
  }
}

.gm-row {
  display: flex;
}
@media (max-width: 767px) {
  .gm-row {
    flex-direction: column;
  }
}

.gmColumn {
  width: 50%;
  padding: 40px;
}
@media (max-width: 992px) {
  .gmColumn {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .gmColumn {
    width: 100%;
  }
}

.mt-42 {
  margin-top: 42px;
}

.gm-it-market {
  gap: 42px;
}
.gm-it-market .gmColumn {
  background: #FFF;
}
.gm-it-market .gmRowTitle {
  color: #02071D;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 105.556%;
  letter-spacing: -0.34px;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .gm-it-market .gmRowTitle {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  .gm-it-market .gmRowTitle {
    text-align: center;
    font-size: 23px;
  }
}
.gm-it-market .gmColFigure {
  text-align: center;
}

.ChoiceAssembling {
  padding: 160px 0px 0px;
}
@media (max-width: 992px) {
  .ChoiceAssembling {
    padding: 80px 0px 0px;
  }
}
@media (max-width: 767px) {
  .ChoiceAssembling {
    padding: 60px 0px 0px;
  }
}

.videoWraper {
  margin: 120px 0px;
}
@media (max-width: 992px) {
  .videoWraper {
    margin: 80px 0px;
  }
}
@media (max-width: 767px) {
  .videoWraper {
    margin: 60px 0px;
  }
}
.videoWraper video {
  width: 100%;
}

.lookBook {
  background: linear-gradient(180deg, #FFF3EA 0%, rgba(255, 253, 251, 0) 100%);
  padding-top: 220px;
  margin-top: -320px;
}
@media (max-width: 767px) {
  .lookBook {
    margin-top: -270px;
  }
}
@media (max-width: 767px) {
  .lookBook .marquee {
    padding-top: 30px;
  }
}

.lookBookWrap .clCustomColRight p {
  font-weight: 500;
  color: #182145;
}

.lookBookMobile {
  margin-top: 90px;
}
@media (max-width: 992px) {
  .lookBookMobile {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .lookBookMobile {
    margin-top: 30px;
  }
}

.CompatibilityTest {
  padding: 60px 0px 0px;
}
@media (max-width: 767px) {
  .CompatibilityTest {
    padding: 20px 0px 0px;
  }
}
.CompatibilityTest .CompatibilWrap {
  max-width: 740px;
  margin-left: auto;
  margin-top: 64px;
}
@media (max-width: 992px) {
  .CompatibilityTest .CompatibilWrap {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .CompatibilityTest .CompatibilWrap {
    margin-top: 30px;
  }
}
.CompatibilityTest .CompatibilWrap p {
  color: #717582;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
@media (max-width: 992px) {
  .CompatibilityTest .CompatibilWrap p {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .CompatibilityTest .CompatibilWrap p {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .CompatibilityTest .CompatibilWrap p {
    font-size: 18px;
  }
}
.CompatibilityTest .CompatibilWrap .compatibility-ul {
  margin-top: 48px;
}
.CompatibilityTest .CompatibilWrap .compatibility-li {
  display: flex;
  gap: 20px;
  align-items: baseline;
  color: #182145;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 136.364%;
  margin-bottom: 28px;
  max-width: 600px;
  width: 100%;
}
@media (max-width: 992px) {
  .CompatibilityTest .CompatibilWrap .compatibility-li {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .CompatibilityTest .CompatibilWrap .compatibility-li {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .CompatibilityTest .CompatibilWrap .compatibility-li {
    font-size: 16px;
  }
}
.CompatibilityTest .CompatibilWrap .compatibility-li:last-child {
  margin-bottom: 0px;
}

.compTitle {
  color: #182145;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 112.5%;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .compTitle {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .compTitle {
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .compTitle {
    font-size: 25px;
  }
}

.BuildYourPC {
  padding: 160px 0px;
}
@media (max-width: 992px) {
  .BuildYourPC {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .BuildYourPC {
    padding: 60px 0px;
  }
}

.build-listing {
  margin-top: 64px;
}

.pc-build-data {
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .pc-build-data {
    flex-wrap: wrap;
    gap: 40px;
  }
}
.pc-build-data::before {
  content: "";
  position: absolute;
  bottom: -82px;
  width: 88.8%;
  height: 2px;
  background-image: url("../../images/geekdoor/hr-Line.svg");
  margin: auto;
  left: 0px;
  right: 0;
}
.pc-build-data .pc-li {
  width: 11.1111111111%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  position: relative;
}
@media (max-width: 767px) {
  .pc-build-data .pc-li {
    width: 25%;
  }
}
@media (max-width: 480px) {
  .pc-build-data .pc-li {
    width: 100%;
  }
}
.pc-build-data .pc-li::before {
  content: "";
  position: absolute;
  bottom: -82px;
  height: 60px;
  width: 2px;
  background-image: url("../../images/geekdoor/vr-Line.svg");
}
@media (max-width: 767px) {
  .pc-build-data .pc-li::before {
    display: none;
  }
}
.pc-build-data .pc-li img {
  max-width: 32px;
  height: 32px;
}
.pc-build-data .pc-li .pc-title {
  color: #324963;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 992px) {
  .pc-build-data .pc-li .pc-title {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .pc-build-data .pc-li .pc-title {
    font-size: 14px;
  }
}

.arrowLine {
  position: relative;
  top: 100px;
  text-align: center;
  padding-top: 60px;
}
.arrowLine::before {
  content: "";
  position: absolute;
  bottom: 23px;
  height: 80px;
  width: 2px;
  background-image: url("../../images/geekdoor/vr-Line.svg");
  margin-left: 13px;
}

.reviewSlides {
  margin-top: 150px;
}
@media (max-width: 767px) {
  .reviewSlides {
    margin-top: 90px;
  }
}
.reviewSlides .items-wrap {
  display: flex;
  gap: 40px;
}
.reviewSlides .items-wrap .mq-data {
  min-width: 360px;
  max-width: 360px;
}
.reviewSlides .items-wrap .marquee-block {
  width: 100%;
}
.reviewSlides .itemImage {
  text-align: center;
}
.reviewSlides .innerItems {
  min-width: 358px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 358px;
}
.reviewSlides .innerItems.col-reverse {
  flex-direction: column-reverse;
  padding-top: 150px;
}
.reviewSlides .marquee {
  padding-top: 0;
}

.itemBox {
  padding: 40px;
  border-radius: 34px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.itemBox p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 100%;
  word-break: break-word;
  white-space: normal;
}
.itemBox.lt-green {
  background: #EDFBD8;
}
.itemBox.lt-green p {
  color: #476B10;
}
.itemBox.lt-blue {
  background: #D8DFFB;
}
.itemBox.lt-blue p {
  color: #3352D1;
}
.itemBox.lt-red {
  background: #FFE9DF;
}
.itemBox.lt-red p {
  color: #E8713D;
}

.itemCArd-Info {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  position: relative;
  gap: 7px;
}
.itemCArd-Info::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #051248;
  left: 0px;
  top: 6px;
}
.itemCArd-Info .cl-name {
  color: #051248;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.itemCArd-Info .cl-company-name {
  color: #051248;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.GeekdoorClocking {
  background: #182145;
  padding: 90px 0px 0px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .GeekdoorClocking {
    padding: 60px 0px 0px;
  }
}
.GeekdoorClocking .arrowComn img {
  background-blend-mode: screen;
  mix-blend-mode: screen;
}
.GeekdoorClocking .arrow-one {
  position: absolute;
  right: 570px;
  top: 120px;
  z-index: 0;
}
.GeekdoorClocking .arrow-two {
  position: absolute;
  right: 610px;
  bottom: -50px;
  opacity: 0.2;
}
.GeekdoorClocking .arrow-three {
  position: absolute;
  right: 530px;
  top: 150px;
  opacity: 0.2;
}
.GeekdoorClocking .arrow-four {
  position: absolute;
  right: 130px;
  top: 50px;
}
.GeekdoorClocking .arrow-five {
  position: absolute;
  right: 140px;
  bottom: 0px;
  opacity: 0.2;
}

.clockingInner {
  display: flex;
}
@media (max-width: 992px) {
  .clockingInner {
    flex-direction: column;
    gap: 40px;
  }
}
.clockingInner .clock-left {
  width: 56%;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .clockingInner .clock-left {
    width: 100%;
  }
}
.clockingInner .clock-left .geekClockTitle {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 123.333%;
  letter-spacing: -2.501px;
}
@media (max-width: 767px) {
  .clockingInner .clock-left .geekClockTitle {
    font-size: 45px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .clockingInner .clock-left .geekClockTitle {
    font-size: 28px;
  }
}
.clockingInner .clock-left .geekClockTitle span {
  color: #38DCA0;
  font-weight: 600;
}
.clockingInner .clock-left .geekClockText {
  color: #FFF;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 129.401%;
  margin-top: 20px;
}
.clockingInner .apps-links {
  display: flex;
  gap: 17px;
  margin-top: 20px;
}
.clockingInner .clock-app-right {
  width: 44%;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .clockingInner .clock-app-right {
    width: 100%;
  }
}
.clockingInner .clock-app-right .cl-apps {
  text-align: right;
}

.consultants-wrpr {
  background-image: url("../../images/geekdoor/consultant-sec-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 63px 0px;
  text-align: center;
}
.consultants-wrpr .title2 {
  color: #FFF;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -2.5px;
  margin-top: 24px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .consultants-wrpr .title2 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .consultants-wrpr .title2 {
    font-size: 36px;
    letter-spacing: inherit;
  }
}
@media (max-width: 480px) {
  .consultants-wrpr .title2 {
    font-size: 28px;
  }
}
.consultants-wrpr .title2 span {
  font-weight: 600;
}
.consultants-wrpr .consultants-imgs {
  gap: 24px;
}
.consultants-wrpr .get-intouch-btn {
  padding: 22px 48px;
  width: 100%;
  max-width: 187px;
  color: #0F172A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  cursor: pointer;
  letter-spacing: -0.32px;
  white-space: nowrap;
  border-radius: 48px;
  border-color: white;
  border: 1px solid white;
}

.marquee-block {
  position: relative;
  z-index: 1;
}
.marquee-block .marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 110px;
  font-size: inherit;
  line-height: inherit;
  height: inherit;
}

.marquee .mq-data {
  width: auto;
  overflow: hidden;
  display: inline-flex;
  margin-right: 30px;
  align-items: center;
  gap: 10px;
  position: relative;
}

.marquee .marquee--inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  min-width: 100%;
  animation: marquee 90s linear infinite;
}

.hero-work-block.boatsBuyerBanner {
  position: relative;
  padding-bottom: 0px;
  background: #1C2431;
}

.BuyerHeadWrapInner {
  padding-bottom: 200px;
}
@media (max-width: 1200px) {
  .BuyerHeadWrapInner {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .BuyerHeadWrapInner {
    padding-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .BuyerHeadWrapInner {
    font-size: 52px;
  }
}

.BuyerHeadWrap {
  position: relative;
  text-align: left;
  max-width: 980px;
  width: 100%;
}
.BuyerHeadWrap .boatTitle {
  color: #FFF;
  font-size: 77.826px;
  font-style: normal;
  font-weight: 600;
  line-height: 102.778%;
  letter-spacing: -3.113px;
}
@media (max-width: 992px) {
  .BuyerHeadWrap .boatTitle {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .BuyerHeadWrap .boatTitle {
    font-size: 65px;
  }
}
@media (max-width: 480px) {
  .BuyerHeadWrap .boatTitle {
    font-size: 26px;
  }
}
.BuyerHeadWrap .boatText {
  color: #7D8797;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -1.82px;
  max-width: 1040px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .BuyerHeadWrap .boatText {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .BuyerHeadWrap .boatText {
    font-size: 37px;
    letter-spacing: -1px;
  }
}
@media (max-width: 480px) {
  .BuyerHeadWrap .boatText {
    font-size: 22px;
    letter-spacing: -1px;
  }
}

.boatIndustry {
  padding-bottom: 60px;
}

.boatIndustry-ul {
  display: flex;
  gap: 110px;
}
@media (max-width: 767px) {
  .boatIndustry-ul {
    flex-direction: column;
    gap: 30px;
  }
}
.boatIndustry-ul .indus-li {
  display: flex;
  flex-direction: column;
}
.boatIndustry-ul .indus-name {
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: 1.44px;
  text-transform: uppercase;
}
.boatIndustry-ul .indus-data {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 122.222%;
  letter-spacing: -0.36px;
}

.blue-vr-card {
  position: absolute;
  max-width: 350px;
  top: 0;
  right: 0px;
  background: #3A89FF;
  height: 100%;
  width: 100%;
}
@media (max-width: 1200px) {
  .blue-vr-card {
    display: none;
  }
}

.bidWrap {
  width: 100%;
}
.bidWrap img {
  width: 100%;
}

.shipIntro {
  display: flex;
  margin-top: 124px;
  margin-bottom: 124px;
}
@media (max-width: 992px) {
  .shipIntro {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .shipIntro {
    flex-direction: column-reverse;
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .shipIntro {
    margin-top: 50px;
  }
}
.shipIntro .shipType {
  width: 35%;
}
@media (max-width: 767px) {
  .shipIntro .shipType {
    width: 100%;
    margin-top: 40px;
  }
}
.shipIntro .shipDAta {
  width: 65%;
}
@media (max-width: 767px) {
  .shipIntro .shipDAta {
    width: 100%;
  }
}

.ship-data {
  margin-bottom: 40px;
}
.ship-data .ship-lable {
  color: #15151C;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 110.526%;
  letter-spacing: -1.14px;
  margin-bottom: 6px;
}
.ship-data .ship-lable-data {
  color: #979797;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}

.ship-wrap-li {
  margin-top: 16px;
}

.ship-tag-ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .ship-tag-ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.ship-tag-ul .ship-tag-li {
  display: flex;
}
.ship-tag-ul .tag-span {
  padding: 8px 20px;
  border-radius: 44px;
  border: 1px solid #1E1E1E;
  color: #1E1E1E;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 137.5%;
  letter-spacing: -0.32px;
}

.about-ship-data {
  margin-bottom: 64px;
}
.about-ship-data:last-child {
  margin-bottom: 0px;
}
.about-ship-data .about-info {
  color: #828296;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 22px;
  display: block;
}
.about-ship-data p {
  color: #15151C;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 135.714%;
  letter-spacing: -0.84px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .about-ship-data p {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .about-ship-data p {
    font-size: 23px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .about-ship-data p {
    font-size: 18px;
  }
}
.about-ship-data p:last-child {
  margin-bottom: 0px;
}

.boatAuction {
  padding: 80px;
  background: #DBEAFF;
}
@media (max-width: 480px) {
  .boatAuction {
    padding: 30px 20px;
  }
}

.bb-bid-section {
  background-image: url("/images/boats-buyers/bid-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.bb-bid-section::after {
  content: "";
  position: absolute;
  background: white;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  animation: boxshadow 3s infinite;
}
@keyframes boxshadow {
  50% {
    box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.28);
  }
  @media (max-width: 767px) {
    50% {
      box-shadow: 0px 0px 10px 30px rgba(255, 255, 255, 0.52);
    }
  }
}
.bb-bid-section .inner-bid-wrpr {
  padding: 414px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .inner-bid-wrpr {
    padding: 350px 0px;
  }
}
.bb-bid-section .bid-card-wrpr {
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12.051px;
  background: #FFF;
  box-shadow: 0px 3.949px 13.823px 0px rgba(0, 134, 255, 0.14);
  width: -moz-fit-content;
  width: fit-content;
  left: 10%;
  top: 43%;
  animation: mover 3s infinite;
}
@media only screen and (max-width: 992px) {
  .bb-bid-section .bid-card-wrpr {
    left: 0%;
    top: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .bid-card-wrpr {
    left: 0%;
    top: 10%;
  }
}
.bb-bid-section .bid-card-wrpr .bid-info {
  color: #0F1B3A;
  font-family: "Graphik";
  font-size: 11.605px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.bb-bid-section .bid-card-wrpr .bid-price {
  color: #0F1B3A;
  font-family: "Graphik";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 112.5%;
  margin-top: 8px;
  margin-bottom: 9px;
}
.bb-bid-section .bid-card-wrpr .bid-person {
  gap: 2px;
  border-radius: 50px;
  background: #E8F2FF;
  padding: 4px 10px 4px 4px;
  color: #0F1B3A;
  font-family: "Graphik";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 16px;
}
.bb-bid-section .bid-card-wrpr .bid-person img {
  width: 18px;
  height: 18px;
  -o-object-fit: cover;
     object-fit: cover;
}
.bb-bid-section .bid-card-wrpr .accept-bid {
  border-radius: 9.668px;
  border: 1px solid #000;
  background: #FFF;
  padding: 12px 20px;
  color: #1D1D1D;
  font-family: "" Graphik "";
  font-size: 12.431px;
  font-style: normal;
  font-weight: 600;
  line-height: 122.222%;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 9px;
  min-width: 193px;
}
.bb-bid-section .bid-card-wrpr .how-buy-work {
  color: #758190;
  font-family: Graphik;
  font-size: 11.049px;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bb-bid-section .bid-card-wrpr2 {
  top: 10%;
  left: 32%;
  animation: mover2 3s infinite 1s;
}
@media only screen and (max-width: 992px) {
  .bb-bid-section .bid-card-wrpr2 {
    left: 0%;
  }
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .bid-card-wrpr2 {
    display: none;
  }
}
@keyframes mover2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bb-bid-section .bid-card-wrpr3 {
  top: 10%;
  left: 62%;
  animation: mover3 3s infinite 1.3s;
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .bid-card-wrpr3 {
    display: none;
  }
}
@keyframes mover3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bb-bid-section .bid-card-wrpr4 {
  top: 55%;
  left: 72%;
  animation: mover4 3s infinite 1.5s;
}
@media only screen and (max-width: 992px) {
  .bb-bid-section .bid-card-wrpr4 {
    top: 55%;
    left: 67%;
  }
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .bid-card-wrpr4 {
    display: none;
  }
}
@keyframes mover4 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bb-bid-section .bid-card-wrpr5 {
  top: 70%;
  left: 40%;
  animation: mover5 3s infinite 1.7s;
}
@media only screen and (max-width: 992px) {
  .bb-bid-section .bid-card-wrpr5 {
    left: 10%;
  }
}
@media only screen and (max-width: 768px) {
  .bb-bid-section .bid-card-wrpr5 {
    left: auto;
    right: 0px;
    top: 68%;
  }
}
@keyframes mover5 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.problem-solution-wrpr {
  padding: 124px 0px 0px 0px;
}
@media (max-width: 992px) {
  .problem-solution-wrpr {
    padding: 80px 0px 0px 0px;
  }
}
.problem-solution-wrpr .problem-wrpr {
  margin-bottom: 164px;
}
@media only screen and (max-width: 1200px) {
  .problem-solution-wrpr .problem-wrpr {
    flex-direction: column;
    margin-bottom: 80px;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .problem-solution-wrpr .problem-wrpr {
    margin-bottom: 40px;
  }
}
.problem-solution-wrpr .prblm {
  color: #E70D0D;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.problem-solution-wrpr .p_1 {
  color: #15151C;
  font-family: Graphik;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 135.714%;
  letter-spacing: -0.84px;
}
@media (max-width: 1200px) {
  .problem-solution-wrpr .p_1 {
    font-size: 22px;
  }
}
.problem-solution-wrpr .content {
  width: 100%;
  max-width: 975px;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 30px;
}
.problem-solution-wrpr .style-ul {
  list-style: unset !important;
  padding-left: 40px !important;
}
.problem-solution-wrpr .style-li {
  list-style: unset !important;
  color: #15151C;
  font-family: Graphik;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: -0.9px;
}
@media (max-width: 1200px) {
  .problem-solution-wrpr .style-li {
    font-size: 24px;
  }
}
.problem-solution-wrpr .sltn {
  color: #1EAE70;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.problem-solution-wrpr .solution-wrpr {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1200px) {
  .problem-solution-wrpr .solution-wrpr {
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .problem-solution-wrpr .solution-wrpr {
    margin-bottom: 40px;
  }
}
.problem-solution-wrpr .imgs {
  gap: 20px;
  margin-bottom: 164px;
}
.problem-solution-wrpr .fatures-wrpr {
  width: 100%;
  max-width: 975px;
  margin: 0px auto;
  text-align: center;
  margin-bottom: 80px;
}
.problem-solution-wrpr .fatures-wrpr .small-title {
  color: #9F9BA2;
  text-align: center;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.problem-solution-wrpr .fatures-wrpr .title {
  color: #15151C;
  text-align: center;
  font-family: Graphik;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 108.696%;
  letter-spacing: -1.84px;
  margin: 32px 0px;
}
.problem-solution-wrpr .fatures-wrpr .p_1 {
  color: #464551;
  text-align: center;
  font-family: Graphik;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.9px;
  margin-bottom: 20px;
}
.problem-solution-wrpr .fatures-wrpr .p_1:last-child {
  margin-bottom: 0px;
}

.text-wrap-ul {
  padding: 15px;
  list-style: disc !important;
}
.text-wrap-ul .wrap-li {
  color: #15151C;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: -0.9px;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .text-wrap-ul .wrap-li {
    font-size: 20px;
  }
}
.text-wrap-ul .wrap-li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #15151C;
  border-radius: 50px;
  left: -15px;
  top: 17px;
}

.ChallengesCardWrap {
  padding: 164px 0px;
}
@media (max-width: 992px) {
  .ChallengesCardWrap {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .ChallengesCardWrap {
    padding: 80px 0px;
  }
}
@media (max-width: 480px) {
  .ChallengesCardWrap {
    padding: 50px 0px;
  }
}
.ChallengesCardWrap .buyChallenges {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .ChallengesCardWrap .buyChallenges {
    flex-direction: column;
  }
}
.ChallengesCardWrap .challangeWrap {
  width: 50%;
  background: #181D25;
  padding: 28px;
}
@media (max-width: 767px) {
  .ChallengesCardWrap .challangeWrap {
    width: 100%;
  }
}
.ChallengesCardWrap .challangeWrap .cardLable {
  color: #FFE471;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
  letter-spacing: -0.96px;
  margin: 0px;
}
.ChallengesCardWrap .challangeWrap p {
  color: #FFF;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 123.529%;
  letter-spacing: -1.36px;
  opacity: 0.6;
  margin-bottom: 40px;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .ChallengesCardWrap .challangeWrap p {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .ChallengesCardWrap .challangeWrap p {
    font-size: 27px;
  }
}
@media (max-width: 480px) {
  .ChallengesCardWrap .challangeWrap p {
    font-size: 22px;
  }
}
.ChallengesCardWrap .buyToSell {
  width: 50%;
}
@media (max-width: 767px) {
  .ChallengesCardWrap .buyToSell {
    width: 100%;
  }
}

.boatFeature {
  text-align: center;
}
.boatFeature .boatTitle {
  color: #9F9BA2;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162.5%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

.boatFeatureContent .boatFeatureTitle {
  color: #15151C;
  text-align: center;
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -1.84px;
}
@media (max-width: 767px) {
  .boatFeatureContent .boatFeatureTitle {
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .boatFeatureContent .boatFeatureTitle {
    font-size: 30px;
    line-height: 1.5;
  }
}
.boatFeatureContent .boatFeatureText {
  color: #464551;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.9px;
  max-width: 975px;
  margin: 32px auto 0px;
}
@media (max-width: 992px) {
  .boatFeatureContent .boatFeatureText {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .boatFeatureContent .boatFeatureText {
    font-size: 23px;
  }
}
@media (max-width: 480px) {
  .boatFeatureContent .boatFeatureText {
    font-size: 18px;
  }
}

.boatFeature {
  margin-bottom: 80px;
}
@media (max-width: 480px) {
  .boatFeature {
    margin-bottom: 50px;
  }
}

.FeatureSwapRow {
  display: flex;
  margin-top: 20px;
  gap: 20px;
}
@media (max-width: 767px) {
  .FeatureSwapRow {
    flex-direction: column;
  }
}
.FeatureSwapRow .FeatureCol {
  width: 50%;
  padding: 40px 40px 0px 40px;
}
@media (max-width: 992px) {
  .FeatureSwapRow .FeatureCol {
    padding: 30px 30px 0px 30px;
  }
}
@media (max-width: 767px) {
  .FeatureSwapRow .FeatureCol {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .FeatureSwapRow .FeatureCol {
    padding: 30px 30px 0px 30px;
  }
}
.FeatureSwapRow .FeatureCol.bgBlack {
  background: #181D25;
}
.FeatureSwapRow .FeatureCol.bgOrabge {
  background: #FFD8AA;
}
.FeatureSwapRow .FeatureCol.bgPurple {
  background: #ABAAFF;
}
.FeatureSwapRow .fsTitle {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: -0.64px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .FeatureSwapRow .fsTitle {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .FeatureSwapRow .fsTitle {
    font-size: 26px;
  }
}
.FeatureSwapRow .fsText {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 145.455%;
  letter-spacing: -0.44px;
}
@media (max-width: 992px) {
  .FeatureSwapRow .fsText {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .FeatureSwapRow .fsText {
    font-size: 18px;
  }
}
.FeatureSwapRow .boatfeatureImg {
  margin-top: 34px;
  max-height: 575px;
  overflow: hidden;
}
.FeatureSwapRow .boatfeatureImg img {
  width: 100%;
}

.text-orange {
  color: #FFA47D;
}

.text-lt-black {
  color: #181D25;
}

.text-purple {
  color: #ABAAFF;
}

.yatchInsea {
  margin-top: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yatchInsea .yatchIn {
  width: 100%;
}
.yatchInsea .yatchIn img {
  width: 100%;
}
.yatchInsea .afterLoginScreen {
  position: absolute;
  max-width: 1030px;
  margin: auto;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .yatchInsea .afterLoginScreen {
    padding: 0px 40px;
  }
}
@media (max-width: 767px) {
  .yatchInsea .afterLoginScreen {
    padding: 0px 20px;
  }
}
.yatchInsea .afterLoginScreen img {
  width: 100%;
  border-radius: 15px;
}

.auctionPlatform {
  padding: 164px 0px;
}
@media (max-width: 992px) {
  .auctionPlatform {
    padding: 110px 0px;
  }
}
@media (max-width: 767px) {
  .auctionPlatform {
    padding: 80px 0px;
  }
}
@media (max-width: 480px) {
  .auctionPlatform {
    padding: 50px 0px;
  }
}
.auctionPlatform .boatPlatform {
  max-width: 1060px;
  margin: auto;
}
.auctionPlatform .boatPlatform p {
  color: #A7A7A7;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: -1.6px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .auctionPlatform .boatPlatform p {
    font-size: 27px;
  }
}
@media (max-width: 480px) {
  .auctionPlatform .boatPlatform p {
    font-size: 22px;
    letter-spacing: -1px;
  }
}
.auctionPlatform .boatPlatform p:last-child {
  margin-bottom: 0px;
}
.auctionPlatform .boatPlatform p b {
  color: #0F1B3A;
  font-weight: 600;
  font-style: italic;
}

.consultants-wrpr.AuctioningPlatform .consultants-imgs {
  gap: 0px;
  margin-bottom: 40px;
}
.consultants-wrpr.AuctioningPlatform .style-img {
  margin: -15px;
}
@media (max-width: 992px) {
  .consultants-wrpr.AuctioningPlatform .style-img {
    max-width: 70px;
  }
}

.see-plans-btn {
  border-radius: 44px;
  background: linear-gradient(96deg, #1E63E8 9.36%, #1DA9E6 96.45%);
  padding: 17px 38px;
  color: #FFF;
  text-align: center;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 175%;
  margin: 0px auto;
  display: inline-block;
}
.see-plans-btn:hover {
  color: #FFF;
  background: linear-gradient(96deg, rgb(17, 67, 168) 9.36%, rgb(26, 140, 188) 96.45%);
}

.pricing-banner-sec {
  padding-top: 210px;
  padding-bottom: 0px;
  text-align: center;
  background: linear-gradient(180deg, #FFF 1.13%, #FFF 76.53%, rgba(255, 255, 255, 0.68) 83.61%, rgba(255, 255, 255, 0.15) 89.13%, rgba(255, 255, 255, 0) 97.63%);
}
@media (max-width: 992px) {
  .pricing-banner-sec {
    padding-top: 124px;
  }
}
.pricing-banner-sec .sub-heading3 {
  text-align: center;
  padding-bottom: 24px;
  text-transform: uppercase;
  color: #0F172A;
}
.pricing-banner-sec .title {
  color: #0F172A;
  text-align: center;
  font-size: 100px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -4.5px;
  width: 100%;
  max-width: 718px;
  margin: 0px auto;
  padding-bottom: 32px;
}
@media (max-width: 992px) {
  .pricing-banner-sec .title {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .pricing-banner-sec .title {
    font-size: 40px;
    letter-spacing: 0px;
  }
}

.show-designs-wrapper .marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  gap: 10px;
  position: relative;
}
.show-designs-wrapper .marquee::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #FFF 1.13%, #FFF 76.53%, rgba(255, 255, 255, 0.68) 83.61%, rgba(255, 255, 255, 0.15) 89.13%, rgba(255, 255, 255, 0) 97.63%);
  width: 100%;
  height: 100%;
  top: 10px;
  left: 0;
}
.show-designs-wrapper .imgs-wraper {
  animation: marquee 25s linear infinite;
  flex-shrink: 0;
  justify-content: space-around;
  gap: 12px;
  min-width: 100%;
}
.show-designs-wrapper .imgs-wraper .single-img {
  width: 561px;
  min-height: 800px;
  max-height: 800px;
}
.show-designs-wrapper .imgs-wraper .double-imges {
  gap: 12px;
}
.show-designs-wrapper .imgs-wraper .double-imges .double-img {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 394px;
  max-height: 394px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 20px));
  }
}

.why-choose-our-design {
  padding: 164px 0px;
}
@media (max-width: 767px) {
  .why-choose-our-design {
    padding: 100px 0px;
  }
}
.why-choose-our-design .p_1 {
  color: #64748B;
  padding-bottom: 12px;
  text-transform: uppercase;
}
.why-choose-our-design .h4_1 {
  color: #0F172A;
  font-size: 46px;
  line-height: 108%;
  letter-spacing: -1.84px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .why-choose-our-design .h4_1 {
    font-size: 40px;
  }
}
.why-choose-our-design .p_2 {
  color: #64748B;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 18px;
  line-height: 133.333%;
  letter-spacing: -0.18px;
  margin-bottom: 14px;
}
.why-choose-our-design .cards .style-card {
  flex: 0 0 calc(33.33% - 25px);
  margin-top: 50px;
  min-width: 250px;
}
@media (max-width: 480px) {
  .why-choose-our-design .cards .style-card {
    flex: 0 0 100%;
  }
}
.why-choose-our-design .cards .style-card .card-img {
  padding-bottom: 32px;
}
.why-choose-our-design .cards .style-card .card-title {
  padding-top: 32px;
  padding-bottom: 16px;
}
.why-choose-our-design .cards .style-card .card-content {
  color: #64748B;
  font-feature-settings: "clig" off, "liga" off;
  line-height: 150%;
  letter-spacing: -0.16px;
}

.recent-projects-wraper {
  padding: 160px 116px;
  background: #0F172A;
  /*USE CSS for Slider*/
  /*End USE CSS for Slider*/
}
@media (max-width: 992px) {
  .recent-projects-wraper {
    padding: 160px 15px;
  }
}
@media (max-width: 1200px) {
  .recent-projects-wraper .recents-project-inner-wraper {
    flex-direction: column;
  }
}
.recent-projects-wraper .title {
  color: #FFF;
  font-family: Graphik;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 108%;
  letter-spacing: -2.88px;
  width: 45%;
}
@media (max-width: 1200px) {
  .recent-projects-wraper .title {
    width: 100%;
    max-width: 579px;
    text-align: center;
    margin: 0px auto;
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .recent-projects-wraper .title {
    font-size: 40px;
  }
}
.recent-projects-wraper .view-project-btn {
  border-radius: 44px;
  background: #FFF;
  padding: 17px 38px;
  color: #0F172A;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.32px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
}
.recent-projects-wraper .inner-content {
  width: 55%;
  padding-left: 89px;
}
@media (max-width: 1200px) {
  .recent-projects-wraper .inner-content {
    width: 100%;
    padding: 40px 0px 0px;
    text-align: center;
  }
}
.recent-projects-wraper .inner-content .p_1 {
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Graphik;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 604px;
}
@media (max-width: 1200px) {
  .recent-projects-wraper .inner-content .p_1 {
    width: 100%;
    max-width: 579px;
    text-align: center;
    margin: 0px auto;
  }
}
.recent-projects-wraper .banner-section {
  margin-top: 70px;
}
.recent-projects-wraper img {
  max-width: 100%;
}
.recent-projects-wraper ul,
.recent-projects-wraper li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.recent-projects-wraper p {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.recent-projects-wraper .slick-vertical .slick-list::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0px;
  pointer-events: none;
  right: 0px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.91) 81.36%, #0F172A 100%);
}
.recent-projects-wraper .vehicle-detail-banner .car-slider-desc {
  max-width: 180px;
  margin: 0 auto;
}
.recent-projects-wraper .banner-slider .slider.slider-for {
  max-width: 84%;
  padding-right: 35px;
}
.recent-projects-wraper .banner-slider .slider.slider-nav {
  max-width: 16%;
}
.recent-projects-wraper .banner-slider .slider.slider-for,
.recent-projects-wraper .banner-slider .slider.slider-nav {
  width: 100%;
  float: left;
}
.recent-projects-wraper .banner-slider .slider.slider-nav {
  height: 610px;
  overflow: hidden;
}
.recent-projects-wraper .slider-banner-image {
  height: 566px;
  border-radius: 30px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
.recent-projects-wraper .banner-slider .slider.slider-nav {
  padding: 0px;
}
.recent-projects-wraper .slider-nav .slick-slide .thumbnail-image .thumbImg {
  max-width: 178px;
  height: 130px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px) {
  .recent-projects-wraper .slider-nav .slick-slide .thumbnail-image .thumbImg {
    margin-right: 10px;
  }
}
.recent-projects-wraper .slider-banner-image img,
.recent-projects-wraper .slider-nav .slick-slide .thumbnail-image .thumbImg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recent-projects-wraper .slick-next.slick-arrow {
  display: none !important;
}
.recent-projects-wraper .slick-vertical .slick-slide:active,
.recent-projects-wraper .slick-vertical .slick-slide:focus,
.recent-projects-wraper .slick-arrow:hover,
.recent-projects-wraper .slick-arrow:focus {
  border: 0;
  outline: 0;
}
.recent-projects-wraper .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
  border: 2px solid #196DB6;
}
.recent-projects-wraper .slider-nav .slick-slide.slick-current span {
  color: #196DB6;
}
.recent-projects-wraper .slider-nav .slick-slide {
  text-align: center;
}
.recent-projects-wraper .slider-nav .slick-slide span {
  font-size: 14px;
  display: block;
  padding: 5px 0 15px;
}
.recent-projects-wraper .slick-arrow {
  width: 100%;
  background-color: transparent;
  border: 0;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
}
.recent-projects-wraper .slick-prev {
  top: 0;
}
.recent-projects-wraper .slick-next {
  bottom: 0;
  background-color: #fff;
}
@media screen and (max-width: 991px) {
  .recent-projects-wraper .banner-slider .slider.slider-for,
  .recent-projects-wraper .banner-slider .slider.slider-nav {
    max-width: 100%;
    float: none;
  }
  .recent-projects-wraper .banner-slider .slider.slider-for {
    padding-right: 0;
  }
  .recent-projects-wraper .banner-slider .slider.slider-nav {
    height: auto;
  }
  .recent-projects-wraper .slider.slider-nav.thumb-image {
    padding: 10px 30px 0;
  }
  .recent-projects-wraper .slider-nav .slick-slide span {
    padding: 5px 0;
  }
  .recent-projects-wraper .slick-arrow {
    padding: 0;
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%) rotate(-90deg);
  }
  .recent-projects-wraper .slick-prev {
    left: 0;
    right: unset;
  }
  .recent-projects-wraper .slick-next {
    left: unset;
    right: 0;
    background-color: transparent;
  }
  .recent-projects-wraper .vehicle-detail-banner .car-slider-desc {
    max-width: 340px;
  }
  .recent-projects-wraper .bid-tag {
    padding: 10px 0 15px;
  }
  .recent-projects-wraper .slider.slider-nav.thumb-image {
    white-space: nowrap;
  }
  .recent-projects-wraper .thumbnail-image.slick-slide {
    padding: 0px 5px;
    min-width: 75px;
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .recent-projects-wraper .slider-banner-image {
    height: 400px;
  }
  .recent-projects-wraper .slider.slider-nav.thumb-image {
    padding: 0px 20px 0;
    margin: 10px 0px 0;
  }
  .recent-projects-wraper .slider-nav .slick-slide.thumbnail-image .thumbImg {
    max-width: 140px;
    height: 80px;
  }
  .recent-projects-wraper .slick-prev.slick-arrow {
    background-position: center 10px;
  }
  .recent-projects-wraper .slick-next.slick-arrow {
    background-position: center 10px, center;
  }
  .recent-projects-wraper .slider-nav .slick-slide span {
    font-size: 12px;
    white-space: normal;
  }
}
@media screen and (max-width: 580px) {
  .recent-projects-wraper .slider-banner-image {
    height: 340px;
  }
}
@media screen and (max-width: 480px) {
  .recent-projects-wraper .slider-banner-image {
    height: 280px;
  }
}

.affordable-pricing-wrapper {
  padding: 164px 0 0 0;
}
@media (max-width: 767px) {
  .affordable-pricing-wrapper {
    padding: 100px 0 0 0;
  }
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap {
  text-align: center;
  /* Rounded sliders */
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .p_1 {
  color: #64748B;
  font-size: 18px;
  font-weight: 500;
  line-height: 133.333%;
  text-transform: uppercase;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .h1_1 {
  color: #0F172A;
  font-size: 72px;
  line-height: 108%;
  letter-spacing: -2.88px;
  padding: 12px 0px 16px 0px;
}
@media (max-width: 992px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .h1_1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .h1_1 {
    font-size: 40px;
  }
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .p_2 {
  color: #64748B;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 58px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .switch-subscription-opstion {
  gap: 16px;
  justify-content: center;
  margin-bottom: 80px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .plan-name {
  color: #BEC3CA;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.22px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .switch {
  position: relative;
  display: inline-block;
  width: 78px;
  height: 36px;
  margin: 0px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0F172A;
  transition: 0.4s;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 5px;
  background-color: white;
  transition: 0.4s;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap input:checked + .slider {
  background-color: #0F172A;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap input:focus + .slider {
  box-shadow: 0 0 1px #0F172A;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap input:checked + .slider:before {
  transform: translateX(42px);
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .slider.round {
  border-radius: 34px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .slider.round:before {
  border-radius: 50%;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards {
    justify-content: center;
  }
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card {
  padding: 0px 16px;
  max-width: 379px;
  min-width: 365px;
  background-color: transparent;
  flex: 0 0 calc(33.33% - 20px);
  border-radius: 40px 40px 18px 18px;
  position: relative;
  margin-bottom: 40px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  max-height: 544px;
  border-radius: 40px 40px 18px 18px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head {
  padding: 60px 81px 40px 82px;
  position: relative;
  z-index: 99;
}
@media (max-width: 992px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head {
    padding: 60px 60px 40px 60px;
  }
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .card-info {
  font-feature-settings: "clig" off, "liga" off;
  font-size: 28px;
  font-weight: 600;
  line-height: 135.714%;
  padding-bottom: 12px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .card-price {
  color: #1E293B;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Graphik;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 117.857%;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .total-hours {
  color: #0F172A;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  padding-bottom: 32px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .get-start-btn {
  border-radius: 47.273px;
  background: linear-gradient(0deg, #0F172A 0%, #0F172A 100%);
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding: 19px 28px;
  text-align: center;
  color: #FFF;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 20px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .book-call {
  color: #0F172A;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-decoration-line: underline;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .basic-card {
  color: #267626;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .standard-card {
  color: #B73E90;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .card-head .premium-card {
  color: #459;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .footer {
  border-radius: 32px;
  border: 1px solid #D0FDD0;
  background: #FFF;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  padding: 32px 32px 32px 24px;
  min-height: 342px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .footer {
    padding: 24px;
  }
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .footer .plan-benifits-wrap {
  max-width: 287px;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 20px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .footer .plan-benifits-wrap .plan-benifits {
  display: flex;
  align-items: start;
  text-align: left;
  gap: 14px;
  color: #0F172A;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 18px;
  font-weight: 400;
  line-height: 133.333%;
  /* */
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-card .footer .plan-benifits-wrap .plan-benifits svg {
  min-width: 26px;
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-basic-card::after {
  background: linear-gradient(158deg, #EDFCF8 5.89%, #E6FBE0 106.44%);
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-standard-card::after {
  background: linear-gradient(158deg, #FEF2FB 5.89%, #F5D5EB 106.44%);
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-standard-card .footer {
  border-radius: 32px;
  border: 1px solid #FBCFEE;
  background: #FFF;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-premium-card::after {
  background: linear-gradient(158deg, #EDF1FC 5.89%, #C3CAF2 106.44%);
}
.affordable-pricing-wrapper .affordable-pricing-inner-wrap .pricing-cards .style-premium-card .footer {
  border-radius: 32px;
  border: 1px solid rgba(183, 198, 249, 0.65);
  background: #FFF;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
}

.top-up-wrap {
  margin-top: 156px;
}
@media (max-width: 992px) {
  .top-up-wrap {
    margin-top: 100px;
  }
}
.top-up-wrap .top-up-inner {
  padding: 66px 76px;
  border-radius: 40px;
  background: #FFF8DD;
  display: flex;
  align-items: center;
  margin-bottom: 75px;
}
@media (max-width: 1200px) {
  .top-up-wrap .top-up-inner {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .top-up-wrap .top-up-inner {
    padding: 60px 0px 0px;
  }
}
.top-up-wrap .content-side {
  width: 40%;
  text-align: center;
}
@media (max-width: 1200px) {
  .top-up-wrap .content-side {
    width: 100%;
    text-align: center;
  }
}
.top-up-wrap .content-side .h2_1 {
  color: #D7C52E;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 56px;
  font-weight: 600;
  line-height: 110.714%;
  letter-spacing: -1.68px;
  max-width: 409px;
}
@media (max-width: 1200px) {
  .top-up-wrap .content-side .h2_1 {
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .top-up-wrap .content-side .h2_1 {
    font-size: 40px;
  }
}
.top-up-wrap .content-side .h2_1 span {
  color: #423812;
}
.top-up-wrap .content-side .p_1 {
  color: #423812;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  max-width: 344px;
  padding-top: 16px;
}
@media (max-width: 1200px) {
  .top-up-wrap .content-side .p_1 {
    margin: 0px auto;
  }
}
.top-up-wrap .topup-opstions {
  width: 60%;
  background-color: #fff;
  padding: 54px 47px 26px 47px;
  border-radius: 32px;
}
@media (max-width: 1200px) {
  .top-up-wrap .topup-opstions {
    margin-top: 40px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .top-up-wrap .topup-opstions {
    border-radius: 0px;
  }
}
.top-up-wrap .topup-opstions .plan-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media (max-width: 767px) {
  .top-up-wrap .topup-opstions .plan-cards {
    flex-direction: column;
  }
}
.top-up-wrap .topup-opstions .style-plan-card {
  border-radius: 22px;
  background: #FFE992;
  padding: 32px 24px;
  text-align: center;
}
.top-up-wrap .topup-opstions .style-plan-card .sub-heading1 {
  color: #2C2C2C;
  font-size: 34px;
  font-weight: 600;
}
.top-up-wrap .topup-opstions .style-plan-card .time-limit {
  color: #2C2C2C;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 111.111%;
}
.top-up-wrap .topup-opstions .border-right2 {
  border-right: 1px solid #E9E3C2;
  height: 40px;
  width: 1px;
  display: inline-block;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .top-up-wrap .topup-opstions .border-right2 {
    display: none;
  }
}
.top-up-wrap .topup-opstions .popup-condition {
  color: #423812;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-weight: 400;
  line-height: 128.571%;
  margin-top: 27px;
}
.top-up-wrap .contact-us-wrap {
  padding: 24px 51px;
  border-radius: 16px;
  background: #F9FBFF;
  width: 100%;
  max-width: 610px;
  display: flex;
  align-items: center;
  margin: 0px auto;
  gap: 8px;
}
@media (max-width: 992px) {
  .top-up-wrap .contact-us-wrap {
    padding: 24px 24px;
    justify-content: center;
  }
}
.top-up-wrap .contact-us-wrap .p_2 {
  color: #0F172A;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.32px;
}
@media (max-width: 767px) {
  .top-up-wrap .contact-us-wrap .p_2 {
    font-size: 16px;
  }
}
.top-up-wrap .contact-us-wrap .contactUs-btn {
  color: #2A56F4;
  text-align: center;
  font-family: Graphik;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 480px) {
  .top-up-wrap .contact-us-wrap .contactUs-btn {
    font-size: 18px;
  }
}

.customer-love-wrap {
  padding: 164px 15px;
  text-align: center;
}
@media (max-width: 992px) {
  .customer-love-wrap {
    padding: 100px 15px;
  }
}
.customer-love-wrap .h1_1 {
  padding-bottom: 16px;
  color: #0A1B30;
  font-size: 72px;
  padding-bottom: 8px;
}
@media (max-width: 992px) {
  .customer-love-wrap .h1_1 {
    font-size: 56px;
  }
}
.customer-love-wrap .p_1 {
  color: #64748B;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.customer-love-wrap .customer-cards {
  display: flex;
  align-items: start;
  margin-top: 144px;
  gap: 40px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 992px) {
  .customer-love-wrap .customer-cards {
    margin-top: 100px;
  }
}
.customer-love-wrap .customer-cards .slick-slide {
  margin: 0px 10px;
}
.customer-love-wrap .customer-card {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  padding: 0px 15px 41px 15px;
  width: 100%;
  max-width: 276px;
  min-width: 250px;
}
.customer-love-wrap .customer-img {
  width: 130px;
  margin: 0px auto;
  margin-top: -65px;
  margin-bottom: 20px;
}
.customer-love-wrap .customer-name {
  color: #0A1B30;
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
  padding-bottom: 16px;
}
.customer-love-wrap .customer-cmnt {
  color: #64748B;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.32px;
}
.customer-love-wrap .slick-list {
  padding: 80px 0 40px 0;
}
.customer-love-wrap button.slick-arrow {
  position: absolute;
  bottom: -42px;
  left: 50%;
  z-index: 99;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent;
  text-indent: -9999px;
  border: 1px solid #BEC3CA !important;
  background-image: url(../images/slick-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  outline: none;
}
.customer-love-wrap button.slick-arrow:hover {
  opacity: 0.5;
}
.customer-love-wrap button.slick-prev.slick-arrow {
  left: 45%;
}
@media (max-width: 992px) {
  .customer-love-wrap button.slick-prev.slick-arrow {
    left: 43%;
  }
}
@media (max-width: 767px) {
  .customer-love-wrap button.slick-prev.slick-arrow {
    left: 40%;
  }
}
@media (max-width: 480px) {
  .customer-love-wrap button.slick-prev.slick-arrow {
    left: 38%;
  }
}
.customer-love-wrap button.slick-next.slick-arrow {
  left: 50%;
  rotate: 180deg;
}
@media (max-width: 992px) {
  .customer-love-wrap button.slick-next.slick-arrow {
    left: 51%;
  }
}
@media (max-width: 767px) {
  .customer-love-wrap button.slick-next.slick-arrow {
    left: 53%;
  }
}
@media (max-width: 480px) {
  .customer-love-wrap button.slick-next.slick-arrow {
    left: 55%;
  }
}

.explore-oodles .explore-oodles-inner {
  border-radius: 87px;
  background: #FFF5DC;
  padding: 100px 40px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .explore-oodles .explore-oodles-inner {
    border-radius: 36px;
    padding: 80px 40px;
  }
}
@media (max-width: 767px) {
  .explore-oodles .explore-oodles-inner {
    padding: 60px 21px;
  }
}
.explore-oodles .oodles-icon {
  margin-bottom: 40px;
}
.explore-oodles .title {
  color: #120D07;
  text-align: center;
  text-shadow: 5px 5px 0px #FFC535;
  font-size: 86px;
  font-weight: 700;
  line-height: 106.977%;
  letter-spacing: -3.01px;
  max-width: 829px;
  margin: 0 auto;
  padding-bottom: 16px;
}
@media (max-width: 992px) {
  .explore-oodles .title {
    font-size: 52px;
  }
}
.explore-oodles .p_1 {
  color: #120D07;
  font-size: 28px;
  font-weight: 300;
  line-height: 142.857%;
  margin-bottom: 32px;
  max-width: 797px;
  margin: 0 auto;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .explore-oodles .p_1 {
    font-size: 18px;
  }
}
.explore-oodles .explore-oodles-btns {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 992px) {
  .explore-oodles .explore-oodles-btns {
    flex-direction: column;
  }
}
.explore-oodles .explore-oodles-btns .explore-oodles-btn {
  display: inline-flex;
  border-radius: 22px;
  border: 1px solid #120D07;
  background: #FFD365;
  box-shadow: 6px 6px 0px 0px #120D07;
  color: var(--landing-page-dark, #120D07);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 22px 52px;
}
.explore-oodles .explore-oodles-btns .explore-oodles-btn .figma-img {
  width: 17px;
  height: 26px;
}
.explore-oodles .explore-oodles-btns .explore-oodles-btn .globe-img {
  width: 26px;
  height: 26px;
}
@media (max-width: 767px) {
  .explore-oodles .explore-oodles-btns .explore-oodles-btn {
    font-size: 14px;
  }
}
.explore-oodles .explore-oodles-btns .globe-btn {
  border-radius: 12px;
  border: 1.242px solid var(--landing-page-dark, #120D07);
  background: var(--white, #FFF);
  box-shadow: 6px 6px 0px 0px #120D07;
  color: #000;
}
@media (max-width: 767px) {
  .explore-oodles .explore-oodles-btns .globe-btn {
    padding: 16px 12px;
  }
}

.faq-sec {
  background: #fff !important;
}
@media (max-width: 992px) {
  .faq-sec {
    padding: 100px 0px 0px;
  }
}
@media (max-width: 480px) {
  .faq-sec {
    padding: 50px 0px;
  }
}

.consult-us {
  background: #3359FC;
  padding: 164px 0px;
  margin-top: 134px;
}
@media (max-width: 767px) {
  .consult-us {
    padding: 100px 0px;
    margin-top: 70px;
  }
}
@media (max-width: 480px) {
  .consult-us {
    padding: 50px 10px;
    margin-top: 0px;
  }
}
.consult-us .inner-wrap-consult-us {
  text-align: center;
}
.consult-us .inner-wrap-consult-us .p_1 {
  color: #FFF;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 109.091%;
  letter-spacing: 4.4px;
  text-transform: uppercase;
  padding-bottom: 47px;
}
.consult-us .inner-wrap-consult-us .h2_1 {
  color: #FFF;
  text-align: center;
  font-size: 58px;
  font-style: normal;
  font-weight: 600;
  line-height: 106.897%;
  letter-spacing: -1.74px;
  max-width: 949px;
  margin: 0px auto;
  margin-bottom: 83px;
}
@media (max-width: 767px) {
  .consult-us .inner-wrap-consult-us .h2_1 {
    font-size: 36px;
  }
}
.consult-us .inner-wrap-consult-us .contact-btn {
  border-radius: 47.273px;
  background: #FFF;
  padding: 19px 28px;
  color: #0F172A;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.mt-50 {
  margin-top: 50px;
}

.mt-70 {
  margin-top: 70px;
}

.gigipo-hero .learning-platform {
  display: flex;
  gap: 7px;
  margin-bottom: 30px;
}
.gigipo-hero .lp-text {
  display: flex;
  flex-direction: column;
}
.gigipo-hero .lp-text-heading {
  color: #2E62ED;
  font-size: 16.146px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
  letter-spacing: -0.161px;
  margin: 0;
}
.gigipo-hero .lp-text-wrap {
  color: #1D2230;
  font-size: 10.369px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.161px;
}

.pl-heading {
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -2px;
  background: linear-gradient(101deg, #E41F63 -5.43%, #455FE3 101.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 1px;
}
@media (max-width: 1200px) {
  .pl-heading {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .pl-heading {
    font-size: 35px;
  }
}

.pl-text {
  color: #334055;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.308%;
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .pl-text {
    font-size: 18px;
  }
}

.gigo-figure img {
  width: 100%;
  border-radius: 20px;
}

.gigo-figure {
  width: 68%;
}
@media (max-width: 1200px) {
  .gigo-figure {
    width: 100%;
  }
}

.relative {
  position: relative;
}

.mobPlatform {
  position: absolute;
  top: -180px;
  right: -10px;
}
@media (max-width: 1200px) {
  .mobPlatform {
    position: initial;
    text-align: center;
  }
}
.mobPlatform img {
  width: 100%;
}
@media (max-width: 1200px) {
  .mobPlatform img {
    max-width: 500px;
    margin: auto;
  }
}

.en-platform {
  margin-top: 54px;
}

.fl-row {
  display: flex;
  gap: 45px;
}

.fl-col {
  flex: 1 1 50%;
}

.ChooseLevels {
  text-align: right;
}

.ProjectOverview {
  background: #060620;
  padding: 140px 0px;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .ProjectOverview {
    padding: 50px 0px;
  }
}
@media (max-width: 767px) {
  .ProjectOverview {
    padding: 30px 0px;
  }
}

.projectText {
  color: #CACAEC;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.308%;
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .projectText {
    font-size: 16px;
  }
}

.ProjectOverviewSlides .marquee .mq-data {
  max-width: 380px;
  border-radius: 20px;
}
.ProjectOverviewSlides .marquee .mq-data:first-child {
  margin-top: 100px;
}
.ProjectOverviewSlides .marquee .mq-data:nth-child(2) {
  margin-top: -100px;
}
.ProjectOverviewSlides .marquee .mq-data:nth-child(3) {
  margin-top: 100px;
}
.ProjectOverviewSlides .marquee .mq-data:nth-child(4) {
  margin-top: -100px;
}

.TheChallenge {
  padding: 140px 0px;
  background: #FFF;
}
@media (max-width: 1200px) {
  .TheChallenge {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .TheChallenge {
    padding: 40px 0px;
  }
}
.TheChallenge .pl-heading {
  background: linear-gradient(101deg, #E41F63 -5.43%, #455FE3 51.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TheChallenge .projectText {
  color: #334055;
}

.leadsCol {
  margin-left: auto;
}

.leadsTabs {
  position: relative;
}
.leadsTabs .leadsMob {
  position: absolute;
  bottom: -20px;
  left: -65px;
}
@media (max-width: 1200px) {
  .leadsTabs .leadsMob {
    text-align: center;
    position: initial;
  }
}

.gigi-ourSolution {
  background: #EAEDFD;
  overflow: hidden;
  position: relative;
}

.gigi-solution-inner {
  padding: 90px 0px;
}
@media (max-width: 767px) {
  .gigi-solution-inner {
    padding: 60px 0px;
  }
}
.gigi-solution-inner .projectText {
  color: #334055;
}

.teacher-app {
  margin-top: 20px;
}

.learnner-app {
  margin-top: 34px;
  padding-left: 50px;
}

.mbSolution {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1200px) {
  .mbSolution {
    position: initial;
    display: flex;
    align-items: flex-end;
    height: 100%;
  }
}

.theLearnerApp {
  padding: 140px 0px;
}
@media (max-width: 1200px) {
  .theLearnerApp {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .theLearnerApp {
    padding: 60px 0px;
  }
}

.gigi-Learner-inner .projectText {
  color: #334055;
}

.FeaturesRow {
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .FeaturesRow {
    flex-direction: column !important;
  }
}
.FeaturesRow .FeaturesCol {
  width: 50%;
}
@media (max-width: 767px) {
  .FeaturesRow .FeaturesCol {
    width: 100%;
  }
}

.onBoardingRow .ftSpan {
  background: linear-gradient(287deg, #2F3BE7 10.19%, #2ACBFE 108.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.onBoardingRow .ftColContent h5 {
  color: #4E65E1;
}

.interestsRow .ftSpan {
  background: linear-gradient(102deg, #459DB2 11.86%, #53B87D 97.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.interestsRow .ftColContent h5 {
  color: #0AAD63;
}

.TeachersRow .ftSpan {
  background: linear-gradient(102deg, #2407B2 5.42%, #7153FF 91.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TeachersRow .ftColContent h5 {
  color: #5835FF;
}

.row-reverse {
  flex-direction: row-reverse;
}

.ftSpan {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.28px;
}

.feaTitle {
  color: #324963;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: -1px;
  margin-bottom: 48px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .feaTitle {
    font-size: 21px;
    margin-bottom: 30px;
  }
}

.ftColContent {
  margin-bottom: 20px;
}
.ftColContent h5 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -1px;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .ftColContent h5 {
    font-size: 21px;
  }
}
.ftColContent p {
  color: #324963;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .ftColContent p {
    font-size: 17px;
  }
}

.FeaturContent {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .FeaturContent {
    padding-top: 10px;
  }
}

.FeaturImg {
  text-align: center;
  position: relative;
}
.FeaturImg img {
  position: relative;
  z-index: 111;
}
.FeaturImg .imgCrilce {
  position: absolute;
  left: 10px;
  height: 100%;
  width: 100%;
  max-width: 530px;
  max-height: 530px;
  right: 0;
  top: 80px;
  bottom: 0px;
  z-index: 0;
  animation: rotate 15s ease-in-out infinite;
}
@media (max-width: 1200px) {
  .FeaturImg .imgCrilce {
    display: none;
  }
}

.FeaturImgBlock {
  max-width: 400px;
  margin: auto;
}
.FeaturImgBlock img {
  width: 100%;
}

.ChooseInterests {
  background: #F5FCF9;
  padding: 51px 0px;
}

.FollowTeachers {
  padding: 140px 0px;
}
@media (max-width: 1200px) {
  .FollowTeachers {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .FollowTeachers {
    padding: 60px 0px;
  }
}

.theTeacherApp {
  padding: 84px 0px;
  background: #F9F9FB;
}

.TeacherAppRow {
  max-width: 925px;
  margin: auto;
}
.TeacherAppRow h4 {
  background: linear-gradient(101deg, #E41F63 -5.43%, #455FE3 101.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Graphik;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3px;
}
@media (max-width: 1200px) {
  .TeacherAppRow h4 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .TeacherAppRow h4 {
    font-size: 35px;
  }
}

.th-app-content {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .th-app-content {
    margin-top: 30px;
  }
}
.th-app-content p {
  color: #334055;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.308%;
  letter-spacing: -0.24px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .th-app-content p {
    margin-top: 30px;
    font-size: 18px;
  }
}

.TeacherVerification {
  padding: 140px 0px;
  background: #F5FCF9;
}
@media (max-width: 1200px) {
  .TeacherVerification {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .TeacherVerification {
    padding: 60px 0px;
  }
}

.vrRow {
  display: flex;
  gap: 100px;
}
@media (max-width: 767px) {
  .vrRow {
    flex-direction: column;
  }
}
.vrRow .vr-left {
  width: 65%;
}
@media (max-width: 767px) {
  .vrRow .vr-left {
    width: 100%;
  }
}
.vrRow .vr-right {
  width: 35%;
}
@media (max-width: 767px) {
  .vrRow .vr-right {
    width: 100%;
  }
}

.vr-figure img {
  width: 100%;
}

.vr-title {
  background: linear-gradient(102deg, #459DB2 11.86%, #53B87D 97.08%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .vr-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .vr-title {
    font-size: 35px;
  }
}

.vr-text {
  color: #334055;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.308%;
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .vr-text {
    font-size: 19px;
  }
}

.verifi-list {
  margin-top: 70px;
}

.vr-list-wrap {
  padding: 25px 20px;
  border-radius: 4px 12px 12px 4px;
  background: #FFF;
  box-shadow: 0px 36.444px 57.979px 0px rgba(10, 19, 29, 0.1);
  position: relative;
  margin-bottom: 24px;
  opacity: 0.4;
  transform: scale(0.95);
  transition: all 0.6s;
}
.vr-list-wrap.active {
  opacity: 1;
  transform: scale(1);
  transition: all 0.6s;
}
.vr-list-wrap:last-child {
  margin-bottom: 0px;
}
.vr-list-wrap .border-line {
  border-radius: 12px 0px 0px 12px;
  background: #469EB3;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.vr-list-wrap .vr-list-title {
  color: #334055;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 116.667%;
  letter-spacing: -0.96px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .vr-list-wrap .vr-list-title {
    font-size: 20px;
  }
}
.vr-list-wrap .vr-list-text {
  color: #334055;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}
@media (max-width: 767px) {
  .vr-list-wrap .vr-list-text {
    font-size: 14px;
  }
}

.CreateClass {
  padding: 140px 0px;
  background-color: rgb(234, 237, 253);
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .CreateClass {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .CreateClass {
    padding: 60px 0px;
  }
}
.CreateClass .vr-title {
  background: linear-gradient(287deg, #2F3BE7 10.19%, #2ACBFE 108.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3px;
}
@media (max-width: 1200px) {
  .CreateClass .vr-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .CreateClass .vr-title {
    font-size: 35px;
  }
}

.cr-list-wrap {
  padding: 25px 20px;
  border-radius: 4px 12px 12px 4px;
  background: #FFF;
  box-shadow: 0px 36.444px 57.979px 0px rgba(10, 19, 29, 0.1);
  position: relative;
  margin-bottom: 24px;
  opacity: 0.4;
  transform: scale(0.95);
  transition: all 0.6s;
}
.cr-list-wrap.active {
  opacity: 1;
  transform: scale(1);
  transition: all 0.6s;
}
.cr-list-wrap:last-child {
  margin-bottom: 0px;
}
.cr-list-wrap .border-line {
  border-radius: 12px 0px 0px 12px;
  background: #469EB3;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cr-list-wrap .vr-list-title {
  color: #334055;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 116.667%;
  letter-spacing: -0.96px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .cr-list-wrap .vr-list-title {
    font-size: 20px;
  }
}
.cr-list-wrap .vr-list-text {
  color: #334055;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}
@media (max-width: 767px) {
  .cr-list-wrap .vr-list-text {
    font-size: 14px;
  }
}

.PlatformWebsite {
  margin-top: 122px;
  position: relative;
}
.PlatformWebsite .skw-slide {
  position: absolute;
  top: -40%;
  right: 0px;
}

.PlatformWebsiteInner {
  padding: 110px 0px;
  position: relative;
  z-index: 111;
  background-color: #060620;
  background-image: url("../images/gigipo/Platform-Website-bg.webp");
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .PlatformWebsiteInner {
    padding: 90px 0px;
  }
}

.webPlatform {
  max-width: 890px;
  margin: auto;
  text-align: center;
}

.webTitle {
  background: linear-gradient(91deg, #617BFF 0%, #E077EB 46.53%, #00D5E1 91.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3px;
  text-align: center;
}
@media (max-width: 1200px) {
  .webTitle {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .webTitle {
    font-size: 35px;
  }
}

.webText {
  color: #EBECEF;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 146.154%;
  letter-spacing: -0.24px;
  margin-top: 24px;
  margin-bottom: 44px;
}
@media (max-width: 1200px) {
  .webText {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .webText {
    font-size: 20px;
  }
}

.PlatformRow {
  margin-top: 200px;
}
@media (max-width: 1200px) {
  .PlatformRow {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .PlatformRow {
    margin-top: 80px;
  }
}
.PlatformRow .PlatformRowOut {
  display: flex;
  gap: 60px;
  align-items: center;
  margin-bottom: 140px;
}
@media (max-width: 1200px) {
  .PlatformRow .PlatformRowOut {
    padding: 0px 20px;
    margin-bottom: 50px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .PlatformRow .PlatformRowOut {
    flex-direction: column !important;
  }
}
.PlatformRow .PlatformRowOut:not(.row-reverse) .platFigure {
  position: relative;
  left: -20px;
}
@media (max-width: 1200px) {
  .PlatformRow .PlatformRowOut:not(.row-reverse) .platFigure {
    left: 0px;
  }
}
.PlatformRow .PlatformRowOut .rowLeft {
  width: 50%;
}
@media (max-width: 767px) {
  .PlatformRow .PlatformRowOut .rowLeft {
    width: 100%;
  }
}
.PlatformRow .PlatformRowOut .rowRight {
  width: 50%;
}
@media (max-width: 767px) {
  .PlatformRow .PlatformRowOut .rowRight {
    width: 100%;
  }
}
.PlatformRow .PlatformRowOut .platFigure {
  position: relative;
  right: -20px;
}
@media (max-width: 1200px) {
  .PlatformRow .PlatformRowOut .platFigure {
    right: 0px;
  }
}
@media screen and (min-width: 1600px) {
  .PlatformRow .PlatformRowOut {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.PlatformRowIn {
  display: flex;
  gap: 60px;
  align-items: center;
  margin-bottom: 140px;
}
.PlatformRowIn:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1200px) {
  .PlatformRowIn {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .PlatformRowIn {
    flex-direction: column !important;
    margin-bottom: 50px;
  }
}
.PlatformRowIn .rowLeft {
  width: 50%;
}
@media (max-width: 767px) {
  .PlatformRowIn .rowLeft {
    width: 100%;
  }
}
.PlatformRowIn .rowRight {
  width: 50%;
}
@media (max-width: 767px) {
  .PlatformRowIn .rowRight {
    width: 100%;
  }
}

.platContent {
  max-width: 500px;
  margin: auto;
}

.plRowTitle {
  background: linear-gradient(91deg, #617BFF 0%, #E077EB 46.53%, #00D5E1 91.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: -1px;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .plRowTitle {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .plRowTitle {
    font-size: 30px;
  }
}

.plRowText {
  color: #E3E3F4;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.24px;
}
@media (max-width: 1200px) {
  .plRowText {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .plRowText {
    font-size: 16px;
  }
}

.gigipoCons .inner-wrpr {
  padding-left: 25px;
  padding-right: 25px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-wraper-truck-tracks {
  overflow: unset !important;
}
@media (max-width: 992px) {
  .main-wraper-truck-tracks .title {
    font-size: 82px !important;
  }
}
@media (max-width: 767px) {
  .main-wraper-truck-tracks .title {
    font-size: 62px !important;
  }
}

.hero-sec {
  padding-top: 155px;
  text-align: right;
  padding-bottom: 437px;
  background-image: url(../images/truck-tracks/hero-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 992px) {
  .hero-sec {
    padding: 150px 0px;
  }
}
@media (max-width: 767px) {
  .hero-sec {
    padding: 100px 0px;
  }
}
@media (max-width: 992px) {
  .hero-sec .desktop-view {
    flex-direction: column;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    border-radius: 20px;
    align-items: center;
  }
}
.hero-sec .title {
  max-width: 240px;
  margin-left: auto;
  margin-right: 12%;
  margin-top: -22px;
  text-align: left;
  color: #06F;
  font-family: Inter;
  font-size: 86px;
  font-style: normal;
  font-weight: 700;
  line-height: 106.977%;
  letter-spacing: -1px;
  margin-bottom: 76px;
  position: relative;
}
@media (max-width: 1200px) {
  .hero-sec .title {
    margin-right: 16%;
  }
}
@media (max-width: 992px) {
  .hero-sec .title {
    font-size: 56px;
    margin: 0px !important;
    margin-bottom: 20px !important;
    line-height: 76.977%;
  }
}
.hero-sec .title::after {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #E3ECEC 0%, #749494 100%);
  width: 1px;
  height: 640px;
  top: -80%;
  left: 0px;
}
@media (max-width: 992px) {
  .hero-sec .title::after {
    content: unset !important;
  }
}
.hero-sec .title::before {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #E3ECEC 0%, #749494 100%);
  width: 780px;
  height: 1px;
  top: 175px;
  left: -260px;
  rotate: 180deg;
}
@media (max-width: 992px) {
  .hero-sec .title::before {
    content: unset !important;
  }
}
.hero-sec .title .on {
  color: #6C7890;
  font-size: 56px;
  font-style: normal;
  font-family: Inter;
  font-weight: 700;
  line-height: 92px;
  letter-spacing: -1px;
}
.hero-sec .title .track {
  color: #152850;
  font-family: Inter;
  font-size: 86px;
  font-style: normal;
  font-weight: 700;
  line-height: 92px;
  letter-spacing: -1px;
}
@media (max-width: 992px) {
  .hero-sec .title .track {
    font-size: 56px;
  }
}
.hero-sec .p_1 {
  color: #152850;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  max-width: 375px;
  text-align: left;
  margin-left: auto;
  margin-right: 0%;
  margin-bottom: 26px;
}
@media (max-width: 992px) {
  .hero-sec .p_1 {
    margin-left: 0px !important;
  }
}
.hero-sec .p_2 {
  color: #405071;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 157.143%;
  max-width: 375px;
  text-align: left;
  margin-left: auto;
  margin-right: 0%;
  margin-bottom: 26px;
}
@media (max-width: 992px) {
  .hero-sec .p_2 {
    margin-left: 0px !important;
  }
}

.textures-container {
  background-image: url(../images/truck-tracks/textures.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.problem-statement-truck {
  padding: 80px 0px;
}
@media (max-width: 767px) {
  .problem-statement-truck {
    padding: 60px 0px;
  }
}
.problem-statement-truck .small-title {
  color: #6C7890;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: 32px;
}
.problem-statement-truck .p_1 {
  color: #405071;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 138.462%;
  margin-bottom: 24px;
  max-width: 962px;
}
.problem-statement-truck .p_1:last-child {
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .problem-statement-truck .p_1 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .problem-statement-truck .p_1 {
    font-size: 18px;
  }
}
.problem-statement-truck .p_2 {
  color: #23365B;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 138.462%;
}
@media (max-width: 992px) {
  .problem-statement-truck .p_2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .problem-statement-truck .p_2 {
    font-size: 18px;
  }
}

.our-solution {
  padding: 60px 0px;
  background-image: url(../images/truck-tracks/our-solution-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.our-solution .inner-wrpr {
  position: relative;
}
.our-solution .inner-wrpr::after {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, rgba(164, 186, 174, 0) 0%, #A4BAAE 100%);
  width: 1px;
  height: 420px;
  top: 120px;
  left: -20px;
}
@media (max-width: 767px) {
  .our-solution .inner-wrpr::after {
    content: unset !important;
  }
}
.our-solution .inner-wrpr::before {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #E3ECEC 0%, #749494 100%);
  width: 780px;
  height: 1px;
  top: 63%;
  left: -7%;
  rotate: 180deg;
}
@media (max-width: 992px) {
  .our-solution .inner-wrpr::before {
    top: 55%;
  }
}
@media (max-width: 767px) {
  .our-solution .inner-wrpr::before {
    content: unset !important;
  }
}
.our-solution .inner-wrpr .title {
  color: #1EA377;
  font-family: Inter;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 106.25%;
  letter-spacing: -2px;
  text-align: left;
  margin-bottom: 103px;
}
@media (max-width: 992px) {
  .our-solution .inner-wrpr .title {
    margin-bottom: 40px;
  }
}
.our-solution .inner-wrpr .p_1 {
  color: #23365B;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 138.462%;
  margin-bottom: 27px;
}
@media (max-width: 992px) {
  .our-solution .inner-wrpr .p_1 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .our-solution .inner-wrpr .p_1 {
    font-size: 18px;
  }
}
.our-solution .inner-wrpr .p_2 {
  font-size: 32px;
  font-weight: 600;
  max-width: 1130px;
  margin-bottom: 50px;
  line-height: 112.5%;
}
@media (max-width: 992px) {
  .our-solution .inner-wrpr .p_2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .our-solution .inner-wrpr .p_2 {
    font-size: 18px;
  }
}
.our-solution .inner-wrpr .p_3 {
  color: #405071;
  max-width: 1057px;
}

.truck-track-wrpr {
  padding-top: 110px;
  background-image: url(../images/truck-tracks/truck-track-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
@media (max-width: 767px) {
  .truck-track-wrpr {
    display: block;
  }
}
.truck-track-wrpr .title {
  color: #090E18;
  font-family: Inter;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 106.25%;
  letter-spacing: -2px;
  text-align: center;
  margin-bottom: 40px;
}
.truck-track-wrpr .app-detail-wrpr {
  width: 100%;
  margin-left: 35%;
  margin-top: -85px;
  position: sticky;
  top: 0px;
  margin-bottom: 90px;
  border-radius: 22px;
  padding: 10px 10px 0px 10px;
}
.truck-track-wrpr .app-detail-wrpr:last-child {
  margin-bottom: 0px !important;
}
@media (max-width: 992px) {
  .truck-track-wrpr .app-detail-wrpr {
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 550px) {
  .truck-track-wrpr .app-detail-wrpr {
    flex-direction: column-reverse;
    gap: 40px;
    margin-bottom: 40px;
  }
}
.truck-track-wrpr .content-side {
  width: 100%;
  max-width: 350px;
  margin-left: 30px;
  margin-bottom: 100px;
}
.truck-track-wrpr .content-side .title2 {
  color: #23365B;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 32px;
}
.truck-track-wrpr .content-side .p_1 {
  color: #302D2D;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 14px;
}
.truck-track-wrpr .content-side .p_2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 157.143%;
}

.admin-pannel-wrpr {
  padding: 160px 0px 0px 0px;
  background-image: url(../images/truck-tracks/admin-img.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 27%;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr {
    background-image: none;
  }
}
@media (max-width: 992px) {
  .admin-pannel-wrpr {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .admin-pannel-wrpr {
    display: none;
  }
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr img {
    margin-left: 0px !important;
  }
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr img {
    padding-right: 0px !important;
  }
}
.admin-pannel-wrpr::after {
  content: "";
  position: absolute;
  background: linear-gradient(282deg, rgba(164, 186, 174, 0) 0%, #A4BAAE 100%);
  width: 1px;
  height: 92%;
  top: 5%;
  right: 70px;
}
@media only screen and (max-width: 1340px) {
  .admin-pannel-wrpr::after {
    right: 30px;
  }
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr::after {
    content: unset !important;
  }
}
.admin-pannel-wrpr::before {
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #E3ECEC 0%, #749494 100%);
  width: 90%;
  height: 1px;
  top: 99%;
  right: 0px;
  rotate: 180deg;
}
@media (max-width: 992px) {
  .admin-pannel-wrpr::before {
    content: unset !important;
  }
}
.admin-pannel-wrpr .card {
  padding: 40px 0px;
  border: none;
  position: sticky;
  top: 0;
  background-color: white;
  height: 100vh;
}
.admin-pannel-wrpr .card:first-child {
  background-color: transparent;
}
.admin-pannel-wrpr .card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 900px;
  max-height: -moz-max-content;
  max-height: max-content;
  padding: 0;
  overflow: hidden;
}
.admin-pannel-wrpr .small-title {
  color: #23365B;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
}
.admin-pannel-wrpr .p_1 {
  color: #405071;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 33px;
}
.admin-pannel-wrpr .h2_1 {
  color: #23365B;
  text-align: left;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
}
.admin-pannel-wrpr .p_2 {
  color: #405071;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr .margin-left-14per {
    margin-left: 0px;
  }
}
.admin-pannel-wrpr .laptop-img {
  margin-left: 8%;
  margin-top: 90px;
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr .laptop-img {
    margin-left: 0px;
  }
}
@media (max-width: 1200px) {
  .admin-pannel-wrpr .truck-img {
    margin-left: 0px;
  }
}
.admin-pannel-wrpr .manufacturing-wrpr .small-title {
  margin-bottom: 33px;
}

.card-pannel-figure {
  text-align: center;
  height: calc(100vh - 133px);
  width: 100%;
}
.card-pannel-figure img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.result-wrap {
  background: #090E18;
  padding: 85px 0px 0px;
}
.result-wrap .inner-result-wrpr {
  padding: 0px 50px;
}
@media only screen and (min-width: 1440px) {
  .result-wrap .inner-result-wrpr {
    max-width: 1440px;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .result-wrap .inner-result-wrpr {
    padding: 0px 15px;
  }
}
.result-wrap .title {
  color: #81B6FF;
  font-family: Inter;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 106.25%;
  letter-spacing: -2px;
  margin-bottom: 39px;
}
.result-wrap .style-result-points {
  gap: 18px;
  margin-bottom: 37px;
  max-width: 1262px;
}
.result-wrap .style-result-points:last-child {
  margin-bottom: 0px;
}
.result-wrap .style-result-points p {
  color: #FFF;
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 128.571%;
}
@media (max-width: 992px) {
  .result-wrap .style-result-points p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .result-wrap .style-result-points p {
    font-size: 18px;
  }
}
.result-wrap .imgs-wrpr {
  margin-top: 85px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1440px) {
  .result-wrap .imgs-wrpr {
    max-width: 1440px;
    margin: 0px auto;
    margin-top: 85px !important;
  }
}
.result-wrap .imgs-wrpr .style-img {
  flex: 0 0 50%;
}

.trucking-sector-data .inner-wrpr {
  padding: 64px 25px 0px 25px;
  background-image: url(../images/truck-tracks/trucking-sec-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.trucking-sector-data .small-title {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 136.111%;
  letter-spacing: -2px;
  margin-bottom: 5px;
  max-width: 1082px;
  margin: 0px auto;
}
@media (max-width: 992px) {
  .trucking-sector-data .small-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .trucking-sector-data .small-title {
    font-size: 22px;
  }
}
.trucking-sector-data .p_1 {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: 123px;
}
@media (max-width: 992px) {
  .trucking-sector-data .p_1 {
    font-size: 16px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .trucking-sector-data .p_1 {
    margin-bottom: 0px;
  }
}
.trucking-sector-data .imgs-wrpr {
  flex-wrap: wrap;
  margin-top: -8px !important;
}
@media only screen and (min-width: 1440px) {
  .trucking-sector-data .imgs-wrpr {
    max-width: 1440px;
    margin: 0px auto;
    margin-top: -8px !important;
  }
}
.trucking-sector-data .imgs-wrpr .style-img {
  flex: 0 0 50%;
}

.img-sec-computer {
  position: relative;
}
.img-sec-computer .style-laptop-img {
  width: 100%;
}
.img-sec-computer::after {
  content: "";
  position: absolute;
  background-image: url(../images/truck-tracks/spring.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: -120px;
  right: 0px;
  width: 320px;
  height: 320px;
}
@media (max-width: 1200px) {
  .img-sec-computer::after {
    top: -120px;
    right: 0px;
    width: 260px;
    height: 260px;
  }
}
@media (max-width: 992px) {
  .img-sec-computer::after {
    top: -90px;
    right: 0px;
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 992px) {
  .img-sec-computer::after {
    top: -90px;
    right: 0px;
    width: 150px;
    height: 150px;
  }
}

.economy-moving-wrap {
  padding: 135px 0px;
}
@media (max-width: 992px) {
  .economy-moving-wrap {
    padding: 80px 0px;
  }
}
@media (max-width: 767px) {
  .economy-moving-wrap {
    padding: 60px 0px;
  }
}
.economy-moving-wrap .inner-wrap {
  background: #F1ECDA;
  padding: 70px;
}
.economy-moving-wrap .inner-wrap .title-economy {
  color: #010A0E;
  font-family: Inter;
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.949%;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .economy-moving-wrap .inner-wrap .title-economy {
    font-size: 52px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .economy-moving-wrap .inner-wrap .title-economy {
    font-size: 38px;
  }
}
.economy-moving-wrap .inner-wrap .p_1 {
  color: #010A0E;
  text-align: center;
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
@media (max-width: 992px) {
  .economy-moving-wrap .inner-wrap .p_1 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .economy-moving-wrap .inner-wrap .p_1 {
    font-size: 18px;
  }
}
.economy-moving-wrap .inner-wrap .p_2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
  margin-top: 70px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .economy-moving-wrap .inner-wrap .p_2 {
    font-size: 20px;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .economy-moving-wrap .inner-wrap .p_2 {
    font-size: 16px;
    margin-top: 30px;
  }
}
.economy-moving-wrap .inner-wrap .btns-wrap {
  gap: 40px;
}
.economy-moving-wrap .inner-wrap .style-btn {
  width: 100%;
  max-width: 311px;
}
@media (max-width: 1200px) {
  .economy-moving-wrap .inner-wrap .style-btn img {
    min-height: 86px;
  }
}
@media (max-width: 767px) {
  .economy-moving-wrap .inner-wrap .style-btn img {
    min-height: 57px;
  }
}

.consultants-wrpr {
  background-image: url(../images/truck-tracks/consultant-sec-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 63px 0px;
  text-align: center;
}
.consultants-wrpr .title2 {
  color: var(--white, #FFF);
  text-align: center;
  font-family: Graphik;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
  letter-spacing: -2.5px;
  margin-top: 24px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .consultants-wrpr .title2 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .consultants-wrpr .title2 {
    font-size: 38px;
  }
}
.consultants-wrpr .title2 span {
  font-weight: 600;
}
.consultants-wrpr .consultants-imgs {
  gap: 24px;
}
.consultants-wrpr .get-intouch-btn {
  padding: 22px 48px;
  width: 100%;
  max-width: 187px;
  color: var(--dark, #0F172A);
  text-align: center;
  font-family: Graphik;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  cursor: pointer;
  letter-spacing: -0.32px;
  white-space: nowrap;
  border-radius: 48px;
  border-color: white;
  border: 1px solid white;
}

.overflow-inherit {
  overflow: inherit;
}

section.blog-banner-block.hero-ui-block {
  padding-bottom: 50px;
  display: none;
}
section.blog-banner-block.hero-ui-block .hero-inner-block {
  padding-top: 180px;
}

.search-blog {
  position: relative;
  top: 0 !important;
}

section.blog-outer.blog-section {
  padding-top: 150px;
}
@media (max-width: 767px) {
  section.blog-outer.blog-section {
    padding-top: 100px;
  }
}

.lower-bar {
  display: none;
}

section.blog-section.news-section-in {
  margin-top: 0;
  padding-top: 150px;
}

@media (min-width: 992px) {
  .intl-tel-input .country-list {
    z-index: 99 !important;
  }
}
.bullet-Point {
  list-style: disc;
}

.details-right .phoneSection {
  position: relative;
}

.details-right .phoneSection .floating-effect.form-group.form-fields {
  margin-bottom: 0 !important;
  top: 0px;
  height: 53px;
}
.details-right .phoneSection .floating-effect.form-group.form-fields .flag-container {
  height: 53px;
}

.details-right .phoneSection input.input-field {
  padding-left: 105px;
}

.header-contact-no {
  display: none;
}

@media (max-width: 992px) {
  .header-contact-no {
    display: block;
  }
}
@media (max-width: 992px) {
  .section .img-spacing {
    margin: 10px;
  }
}
.signUp-from {
  position: relative;
}
.signUp-from .submit-form {
  background: transparent;
  border: none;
  position: absolute;
  right: 15px;
  top: 14px;
  outline: none;
}

.newsletter-field {
  position: relative;
}
.newsletter-field .actionClas {
  font-size: 13px;
  position: absolute;
  line-height: 1;
  margin-top: 2px;
}
.newsletter-field .error {
  color: #ff0000;
}
.newsletter-field .submit {
  color: yellow;
}
.newsletter-field .suces {
  color: #28b328;
}

.contact-or {
  margin: auto;
}

.contact-or p {
  margin-top: 26px;
}

.ebook-banner {
  overflow: auto;
  height: 100vh;
}

.modal.show {
  background: rgba(0, 0, 0, 0.9);
}

.podcast-navbar {
  background-color: white;
}/*# sourceMappingURL=style.css.map */