/*------------------------------------------------------------------
[TABLE OF CONTENTS]

=> font
=> anim
=> transform
=> border radius
=> flex
=> ellipsis
=> image
=> box-shadow

-------------------------------------------------------------------*/
/*==========================================================================
=> font
==========================================================================*/
/*==========================================================================
=> anim
==========================================================================*/
/*==========================================================================
=> transform
==========================================================================*/
/*==========================================================================
=> border radius
==========================================================================*/
/*==========================================================================
=> flex
==========================================================================*/
/*==========================================================================
=> ellipsis
==========================================================================*/
/*==========================================================================
=> image
==========================================================================*/
/*==========================================================================
=> box-shadow
==========================================================================*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

=> Color
=> Common
=> Fonts
=> Custom Grid
=> Global Styles
=> buttons
=> Form Elements
=> Radio Small
=> Checkbox Small
=> Tooltip
=> Modal
=> Accordion

-------------------------------------------------------------------*/
html,
body {
  font-family: "helvetica_neue_regular";
}
/*==========================================================================
=> Color
==========================================================================*/
:root {
  --sidebarWidth: 430px;
  --clr: ;
  /* common */
  --clr-red: #f00;
  --clr-grn: #1e7e34;
  /* common end */
  /* input */
  --input-font: 500;
  --input-height: 48px;
  --input-fs-main: 16px;
  --input-fs-top: 14px;
  --input-icon-fs: 18px;
  --input-icon: #1baac4;
  --input-border: #aaa;
  --input-error: #ff2323;
  /* input end */
  --br20: 20px;
  /* button */
  --button-font: 700;
  --button-fill: #12a1a1;
  --button-line: #12a1a1;
  /* button end */
}
/*==========================================================================
=> Common
==========================================================================*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.variable {
  margin-bottom: 30px;
}
.variable p {
  font-size: 16px;
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
  color: #4e68ea;
  margin-bottom: 8px;
}
.variable span {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  margin-bottom: 5px;
}
/*==========================================================================
=> Fonts
==========================================================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin-bottom: 0;
}
@font-face {
  font-family: "helvetica_neue_ultra_light";
  src: url("../fonts/HelveticaNeue-Thin.woff2") format("woff2"), url("../fonts/HelveticaNeue-Thin.woff") format("woff"), url("../fonts/HelveticaNeue-Thin.eot") format("eot");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_thin";
  src: url("../fonts/HelveticaNeue-UltraLight.woff2") format("woff2"), url("../fonts/HelveticaNeue-UltraLight.woff") format("woff"), url("../fonts/HelveticaNeue-UltraLight.eot") format("eot");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_light";
  src: url("../fonts/HelveticaNeue-Light.woff2") format("woff2"), url("../fonts/HelveticaNeue-Light.woff") format("woff"), url("../fonts/HelveticaNeue-Light.eot") format("eot");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_regular";
  src: url("../fonts/HelveticaNeue-Roman.woff2") format("woff2"), url("../fonts/HelveticaNeue-Roman.woff") format("woff"), url("../fonts/HelveticaNeue-Roman.eot") format("eot");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_medium";
  src: url("../fonts/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/HelveticaNeue-Medium.woff") format("woff"), url("../fonts/HelveticaNeue-Medium.eot") format("eot");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_bold";
  src: url("../fonts/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/HelveticaNeue-Bold.eot") format("eot");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neueblack";
  src: url("../fonts/HelveticaNeue-Heavy.woff2") format("woff2"), url("../fonts/HelveticaNeue-Heavy.woff") format("woff"), url("../fonts/HelveticaNeue-Heavy.eot") format("eot");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Fonts Ends */
/* Icomoon Starts */
@font-face {
  font-family: "icomoon";
  src: url("../icomoon/fonts/icomoon.eot?zhne6i");
  src: url("../icomoon/fonts/icomoon.eot?zhne6i#iefix") format("embedded-opentype"), url("../icomoon/fonts/icomoon.ttf?zhne6i") format("truetype"), url("../icomoon/fonts/icomoon.woff?zhne6i") format("woff"), url("../icomoon/fonts/icomoon.svg?zhne6i#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
  content: "\e900";
}
.icon-cart:before {
  content: "\e901";
}
.icon-facebook:before {
  content: "\e902";
}
.icon-instagram:before {
  content: "\e903";
}
.icon-linkedin:before {
  content: "\e904";
}
.icon-profile:before {
  content: "\e905";
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?rbdrj2");
  src: url("../fonts/icomoon.eot?rbdrj2#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?rbdrj2") format("truetype"), url("../fonts/icomoon.woff?rbdrj2") format("woff"), url("../fonts/icomoon.svg?rbdrj2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
  content: "\e900";
}
/* Icomoon Ends */
:root {
  --font56: 56px;
  --font52: 52px;
  --font48: 48px;
  --font40: 40px;
  --font38: 38px;
  --font32: 32px;
  --font30: 30px;
  --font28: 28px;
  --font26: 26px;
  --font24: 24px;
  --font22: 22px;
  --font20: 20px;
  --font18: 18px;
  --font16: 16px;
  --font14: 14px;
}
@media all and (max-width: 1366px) {
  :root {
    --font56: 52px;
    --font52: 50px;
    --font48: 44px;
    --font38: 34px;
    --font32: 30px;
    --font30: 26px;
    --font26: 24px;
  }
}
@media all and (max-width: 1200px) {
  :root {
    --font56: 46px;
    --font52: 44px;
    --font48: 40px;
    --font40: 36px;
    --font38: 30px;
    --font32: 28px;
    --font30: 24px;
    --font28: 22px;
    --font24: 20px;
    --font22: 20px;
    --font20: 18px;
    --font18: 16px;
  }
}
@media all and (max-width: 1024px) {
  :root {
    --font56: 36px;
    --font52: 36px;
    --font48: 34px;
    --font40: 32px;
    --font32: 24px;
  }
}
@media all and (max-width: 990px) {
  :root {
    --font56: 34px;
    --font52: 34px;
    --font48: 32px;
    --font40: 30px;
    --font22: 18px;
  }
  .comm-page-hdn {
    font-size: 32px;
  }
}
@media all and (max-width: 768px) {
  :root {
    --font52: 32px;
    --font48: 28px;
    --font40: 24px;
    --br20: 14px;
  }
  .comm-page-hdn {
    font-size: 28px;
  }
  .hdn40.mob40 {
    font-size: 32px;
  }
}
.sec-hdn {
  width: 100%;
  margin: 0 auto 70px;
}
.sec-hdn .comm-sec-hdn {
  text-align: center;
}
.sec-hdn .comm-hdn-para {
  margin-top: 16px;
}
.sec-hdn .comm-hdn-para p {
  text-align: center;
  color: #1d1d1d;
  font-size: var(--font30);
  line-height: 1.3;
}
.banner-hdn {
  color: #000;
  font-size: var(--font48);
  line-height: 1.2;
  max-width: 840px;
  margin-bottom: 16px;
}
.comm-page-hdn {
  color: #000;
  font-size: var(--font48);
  line-height: 1.2;
  text-transform: capitalize;
}
.comm-page-hdn + .button {
  margin-top: 24px;
}
.comm-sec-hdn {
  color: #1d1d1d;
  font-size: var(--font48);
  line-height: 1.3;
}
.comm-sub-hdn {
  color: #000;
  font-size: var(--font38);
  line-height: 1.3;
}
.comm-sub-hdn.white {
  color: #fff;
}
.comm-para p {
  color: #000;
  font-size: var(--font18);
  line-height: 1.5;
  margin-bottom: 16px;
}
.comm-para p:last-child {
  margin-bottom: 0;
}
.white {
  color: #fff !important;
}
.white p {
  color: #fff !important;
}
.grey-text {
  color: #8e8e8e !important;
}
.grey-text p {
  color: #8e8e8e !important;
}
.comm-hdn-section {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 40px;
}
.comm-hdn-section .comm-sec-hdn {
  max-width: 600px;
  width: 100%;
}
.comm-hdn-section .comm-para {
  max-width: 400px;
  width: 100%;
}
/*==========================================================================
=> Custom Grid
==========================================================================*/
/* Grid */
.f-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: wrap;
}
.f-col {
  padding: 0 15px;
}
/* flex col */
.f-10 .f-col {
  width: 10%;
}
.f-9 .f-col {
  width: 11.11111111%;
}
.f-8 .f-col {
  width: 12.5%;
}
.f-7 .f-col {
  width: 14.28571429%;
}
.f-6 .f-col {
  width: 16.66666667%;
}
.f-5 .f-col {
  width: 20%;
}
.f-4 .f-col {
  width: 25%;
}
.f-3 .f-col {
  width: 33.33333333%;
}
.f-2 .f-col {
  width: 50%;
}
.f-1 .f-col {
  width: 100%;
}
/* flex col end */
/* Grid */
.g-10 {
  grid-template-columns: repeat(10, 1fr);
}
.g-9 {
  grid-template-columns: repeat(9, 1fr);
}
.g-8 {
  grid-template-columns: repeat(8, 1fr);
}
.g-7 {
  grid-template-columns: repeat(7, 1fr);
}
.g-6 {
  grid-template-columns: repeat(6, 1fr);
}
.g-5 {
  grid-template-columns: repeat(5, 1fr);
}
.g-4 {
  grid-template-columns: repeat(4, 1fr);
}
.g-3 {
  grid-template-columns: repeat(3, 1fr);
}
.g-2 {
  grid-template-columns: repeat(2, 1fr);
}
.g-1 {
  grid-template-columns: repeat(1, 1fr);
}
/* Grid */
.gp-745 {
  gap: 745px;
}
.gp-740 {
  gap: 740px;
}
.gp-735 {
  gap: 735px;
}
.gp-730 {
  gap: 730px;
}
.gp-725 {
  gap: 725px;
}
.gp-720 {
  gap: 720px;
}
.gp-715 {
  gap: 715px;
}
.gp-710 {
  gap: 710px;
}
.gp-705 {
  gap: 705px;
}
.gp-700 {
  gap: 700px;
}
.gp-695 {
  gap: 695px;
}
.gp-690 {
  gap: 690px;
}
.gp-685 {
  gap: 685px;
}
.gp-680 {
  gap: 680px;
}
.gp-675 {
  gap: 675px;
}
.gp-670 {
  gap: 670px;
}
.gp-665 {
  gap: 665px;
}
.gp-660 {
  gap: 660px;
}
.gp-655 {
  gap: 655px;
}
.gp-650 {
  gap: 650px;
}
.gp-645 {
  gap: 645px;
}
.gp-640 {
  gap: 640px;
}
.gp-635 {
  gap: 635px;
}
.gp-630 {
  gap: 630px;
}
.gp-625 {
  gap: 625px;
}
.gp-620 {
  gap: 620px;
}
.gp-615 {
  gap: 615px;
}
.gp-610 {
  gap: 610px;
}
.gp-605 {
  gap: 605px;
}
.gp-600 {
  gap: 600px;
}
.gp-595 {
  gap: 595px;
}
.gp-590 {
  gap: 590px;
}
.gp-585 {
  gap: 585px;
}
.gp-580 {
  gap: 580px;
}
.gp-575 {
  gap: 575px;
}
.gp-570 {
  gap: 570px;
}
.gp-565 {
  gap: 565px;
}
.gp-560 {
  gap: 560px;
}
.gp-555 {
  gap: 555px;
}
.gp-550 {
  gap: 550px;
}
.gp-545 {
  gap: 545px;
}
.gp-540 {
  gap: 540px;
}
.gp-535 {
  gap: 535px;
}
.gp-530 {
  gap: 530px;
}
.gp-525 {
  gap: 525px;
}
.gp-520 {
  gap: 520px;
}
.gp-515 {
  gap: 515px;
}
.gp-510 {
  gap: 510px;
}
.gp-505 {
  gap: 505px;
}
.gp-500 {
  gap: 500px;
}
.gp-495 {
  gap: 495px;
}
.gp-490 {
  gap: 490px;
}
.gp-485 {
  gap: 485px;
}
.gp-480 {
  gap: 480px;
}
.gp-475 {
  gap: 475px;
}
.gp-470 {
  gap: 470px;
}
.gp-465 {
  gap: 465px;
}
.gp-460 {
  gap: 460px;
}
.gp-455 {
  gap: 455px;
}
.gp-450 {
  gap: 450px;
}
.gp-445 {
  gap: 445px;
}
.gp-440 {
  gap: 440px;
}
.gp-435 {
  gap: 435px;
}
.gp-430 {
  gap: 430px;
}
.gp-425 {
  gap: 425px;
}
.gp-420 {
  gap: 420px;
}
.gp-415 {
  gap: 415px;
}
.gp-410 {
  gap: 410px;
}
.gp-405 {
  gap: 405px;
}
.gp-400 {
  gap: 400px;
}
.gp-395 {
  gap: 395px;
}
.gp-390 {
  gap: 390px;
}
.gp-385 {
  gap: 385px;
}
.gp-380 {
  gap: 380px;
}
.gp-375 {
  gap: 375px;
}
.gp-370 {
  gap: 370px;
}
.gp-365 {
  gap: 365px;
}
.gp-360 {
  gap: 360px;
}
.gp-355 {
  gap: 355px;
}
.gp-350 {
  gap: 350px;
}
.gp-345 {
  gap: 345px;
}
.gp-340 {
  gap: 340px;
}
.gp-335 {
  gap: 335px;
}
.gp-330 {
  gap: 330px;
}
.gp-325 {
  gap: 325px;
}
.gp-320 {
  gap: 320px;
}
.gp-315 {
  gap: 315px;
}
.gp-310 {
  gap: 310px;
}
.gp-305 {
  gap: 305px;
}
.gp-300 {
  gap: 300px;
}
.gp-295 {
  gap: 295px;
}
.gp-290 {
  gap: 290px;
}
.gp-285 {
  gap: 285px;
}
.gp-280 {
  gap: 280px;
}
.gp-275 {
  gap: 275px;
}
.gp-270 {
  gap: 270px;
}
.gp-265 {
  gap: 265px;
}
.gp-260 {
  gap: 260px;
}
.gp-255 {
  gap: 255px;
}
.gp-250 {
  gap: 250px;
}
.gp-245 {
  gap: 245px;
}
.gp-240 {
  gap: 240px;
}
.gp-235 {
  gap: 235px;
}
.gp-230 {
  gap: 230px;
}
.gp-225 {
  gap: 225px;
}
.gp-220 {
  gap: 220px;
}
.gp-215 {
  gap: 215px;
}
.gp-210 {
  gap: 210px;
}
.gp-205 {
  gap: 205px;
}
.gp-200 {
  gap: 200px;
}
.gp-195 {
  gap: 195px;
}
.gp-190 {
  gap: 190px;
}
.gp-185 {
  gap: 185px;
}
.gp-180 {
  gap: 180px;
}
.gp-175 {
  gap: 175px;
}
.gp-170 {
  gap: 170px;
}
.gp-165 {
  gap: 165px;
}
.gp-160 {
  gap: 160px;
}
.gp-155 {
  gap: 155px;
}
.gp-150 {
  gap: 150px;
}
.gp-145 {
  gap: 145px;
}
.gp-140 {
  gap: 140px;
}
.gp-135 {
  gap: 135px;
}
.gp-130 {
  gap: 130px;
}
.gp-125 {
  gap: 125px;
}
.gp-120 {
  gap: 120px;
}
.gp-115 {
  gap: 115px;
}
.gp-110 {
  gap: 110px;
}
.gp-105 {
  gap: 105px;
}
.gp-100 {
  gap: 100px;
}
.gp-95 {
  gap: 95px;
}
.gp-90 {
  gap: 90px;
}
.gp-85 {
  gap: 85px;
}
.gp-80 {
  gap: 80px;
}
.gp-75 {
  gap: 75px;
}
.gp-70 {
  gap: 70px;
}
.gp-65 {
  gap: 65px;
}
.gp-60 {
  gap: 60px;
}
.gp-55 {
  gap: 55px;
}
.gp-50 {
  gap: 50px;
}
.gp-45 {
  gap: 45px;
}
.gp-40 {
  gap: 40px;
}
.gp-35 {
  gap: 35px;
}
.gp-30 {
  gap: 30px;
}
.gp-25 {
  gap: 25px;
}
.gp-20 {
  gap: 20px;
}
.gp-15 {
  gap: 15px;
}
.gp-10 {
  gap: 10px;
}
.gp-5 {
  gap: 5px;
}
.gp-0 {
  gap: 0px;
}
/* Width */
.w100 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.w95 {
  width: 95%;
  padding-left: 15px;
  padding-right: 15px;
}
.w90 {
  width: 90%;
  padding-left: 15px;
  padding-right: 15px;
}
.w85 {
  width: 85%;
  padding-left: 15px;
  padding-right: 15px;
}
.w80 {
  width: 80%;
  padding-left: 15px;
  padding-right: 15px;
}
.w75 {
  width: 75%;
  padding-left: 15px;
  padding-right: 15px;
}
.w70 {
  width: 70%;
  padding-left: 15px;
  padding-right: 15px;
}
.w65 {
  width: 65%;
  padding-left: 15px;
  padding-right: 15px;
}
.w60 {
  width: 60%;
  padding-left: 15px;
  padding-right: 15px;
}
.w55 {
  width: 55%;
  padding-left: 15px;
  padding-right: 15px;
}
.w50 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.w45 {
  width: 45%;
  padding-left: 15px;
  padding-right: 15px;
}
.w40 {
  width: 40%;
  padding-left: 15px;
  padding-right: 15px;
}
.w35 {
  width: 35%;
  padding-left: 15px;
  padding-right: 15px;
}
.w30 {
  width: 30%;
  padding-left: 15px;
  padding-right: 15px;
}
.w25 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.w20 {
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
}
.w15 {
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
}
.w10 {
  width: 10%;
  padding-left: 15px;
  padding-right: 15px;
}
.w5 {
  width: 5%;
  padding-left: 15px;
  padding-right: 15px;
}
.w33 {
  width: 33%;
  padding-left: 15px;
  padding-right: 15px;
}
.w16 {
  width: 16.666666%;
  padding-left: 15px;
  padding-right: 15px;
}
/* Margin */
.mb-100 {
  margin-bottom: 100px;
}
.mb-95 {
  margin-bottom: 95px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-85 {
  margin-bottom: 85px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-75 {
  margin-bottom: 75px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-65 {
  margin-bottom: 65px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-55 {
  margin-bottom: 55px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-0 {
  margin-bottom: 0px;
}
.comm-grid {
  display: grid;
  width: 100%;
}
@media all and (max-width: 1440px) {
  .w-1440-40 {
    width: 40%;
  }
  .w-1440-60 {
    width: 60%;
  }
}
@media all and (max-width: 1366px) {
  .f-1366-10 .f-col {
    width: 10%;
  }
  .f-1366-9 .f-col {
    width: 11.11111111%;
  }
  .f-1366-8 .f-col {
    width: 12.5%;
  }
  .f-1366-7 .f-col {
    width: 14.28571429%;
  }
  .f-1366-6 .f-col {
    width: 16.66666667%;
  }
  .f-1366-5 .f-col {
    width: 20%;
  }
  .f-1366-4 .f-col {
    width: 25%;
  }
  .f-1366-3 .f-col {
    width: 33.33333333%;
  }
  .f-1366-2 .f-col {
    width: 50%;
  }
  .f-1366-1 .f-col {
    width: 100%;
  }
  .g-1366-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-1366-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-1366-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-1366-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-1366-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-1366-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-1366-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-1366-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-1366-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-1366-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-1366-70 {
    gap: 70px;
  }
  .gp-1366-65 {
    gap: 65px;
  }
  .gp-1366-60 {
    gap: 60px;
  }
  .gp-1366-55 {
    gap: 55px;
  }
  .gp-1366-50 {
    gap: 50px;
  }
  .gp-1366-45 {
    gap: 45px;
  }
  .gp-1366-40 {
    gap: 40px;
  }
  .gp-1366-35 {
    gap: 35px;
  }
  .gp-1366-30 {
    gap: 30px;
  }
  .gp-1366-25 {
    gap: 25px;
  }
  .gp-1366-20 {
    gap: 20px;
  }
  .gp-1366-15 {
    gap: 15px;
  }
  .gp-1366-10 {
    gap: 10px;
  }
  .gp-1366-5 {
    gap: 5px;
  }
  .gp-1366-0 {
    gap: 0px;
  }
  .w-1366-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1366-33 {
    width: 33%;
  }
  .w-1366-16 {
    width: 16.666666%;
  }
  .mb-1366-100 {
    margin-bottom: 100px;
  }
  .mb-1366-95 {
    margin-bottom: 95px;
  }
  .mb-1366-90 {
    margin-bottom: 90px;
  }
  .mb-1366-85 {
    margin-bottom: 85px;
  }
  .mb-1366-80 {
    margin-bottom: 80px;
  }
  .mb-1366-75 {
    margin-bottom: 75px;
  }
  .mb-1366-70 {
    margin-bottom: 70px;
  }
  .mb-1366-65 {
    margin-bottom: 65px;
  }
  .mb-1366-60 {
    margin-bottom: 60px;
  }
  .mb-1366-55 {
    margin-bottom: 55px;
  }
  .mb-1366-50 {
    margin-bottom: 50px;
  }
  .mb-1366-45 {
    margin-bottom: 45px;
  }
  .mb-1366-40 {
    margin-bottom: 40px;
  }
  .mb-1366-35 {
    margin-bottom: 35px;
  }
  .mb-1366-30 {
    margin-bottom: 30px;
  }
  .mb-1366-25 {
    margin-bottom: 25px;
  }
  .mb-1366-20 {
    margin-bottom: 20px;
  }
  .mb-1366-15 {
    margin-bottom: 15px;
  }
  .mb-1366-10 {
    margin-bottom: 10px;
  }
  .mb-1366-5 {
    margin-bottom: 5px;
  }
  .mb-1366-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 1200px) {
  .f-1200-10 .f-col {
    width: 10%;
  }
  .f-1200-9 .f-col {
    width: 11.11111111%;
  }
  .f-1200-8 .f-col {
    width: 12.5%;
  }
  .f-1200-7 .f-col {
    width: 14.28571429%;
  }
  .f-1200-6 .f-col {
    width: 16.66666667%;
  }
  .f-1200-5 .f-col {
    width: 20%;
  }
  .f-1200-4 .f-col {
    width: 25%;
  }
  .f-1200-3 .f-col {
    width: 33.33333333%;
  }
  .f-1200-2 .f-col {
    width: 50%;
  }
  .f-1200-1 .f-col {
    width: 100%;
  }
  .w-1200-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1200-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-1200-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-1200-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-1200-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-1200-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-1200-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-1200-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-1200-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-1200-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-1200-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-1200-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-1200-70 {
    gap: 70px;
  }
  .gp-1200-65 {
    gap: 65px;
  }
  .gp-1200-60 {
    gap: 60px;
  }
  .gp-1200-55 {
    gap: 55px;
  }
  .gp-1200-50 {
    gap: 50px;
  }
  .gp-1200-45 {
    gap: 45px;
  }
  .gp-1200-40 {
    gap: 40px;
  }
  .gp-1200-35 {
    gap: 35px;
  }
  .gp-1200-30 {
    gap: 30px;
  }
  .gp-1200-25 {
    gap: 25px;
  }
  .gp-1200-20 {
    gap: 20px;
  }
  .gp-1200-15 {
    gap: 15px;
  }
  .gp-1200-10 {
    gap: 10px;
  }
  .gp-1200-5 {
    gap: 5px;
  }
  .gp-1200-0 {
    gap: 0px;
  }
  .w-1200-33 {
    width: 33%;
  }
  .w-1200-16 {
    width: 16.666666%;
  }
  .mb-1200-100 {
    margin-bottom: 100px;
  }
  .mb-1200-95 {
    margin-bottom: 95px;
  }
  .mb-1200-90 {
    margin-bottom: 90px;
  }
  .mb-1200-85 {
    margin-bottom: 85px;
  }
  .mb-1200-80 {
    margin-bottom: 80px;
  }
  .mb-1200-75 {
    margin-bottom: 75px;
  }
  .mb-1200-70 {
    margin-bottom: 70px;
  }
  .mb-1200-65 {
    margin-bottom: 65px;
  }
  .mb-1200-60 {
    margin-bottom: 60px;
  }
  .mb-1200-55 {
    margin-bottom: 55px;
  }
  .mb-1200-50 {
    margin-bottom: 50px;
  }
  .mb-1200-45 {
    margin-bottom: 45px;
  }
  .mb-1200-40 {
    margin-bottom: 40px;
  }
  .mb-1200-35 {
    margin-bottom: 35px;
  }
  .mb-1200-30 {
    margin-bottom: 30px;
  }
  .mb-1200-25 {
    margin-bottom: 25px;
  }
  .mb-1200-20 {
    margin-bottom: 20px;
  }
  .mb-1200-15 {
    margin-bottom: 15px;
  }
  .mb-1200-10 {
    margin-bottom: 10px;
  }
  .mb-1200-5 {
    margin-bottom: 5px;
  }
  .mb-1200-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 1024px) {
  .f-1024-10 .f-col {
    width: 10%;
  }
  .f-1024-9 .f-col {
    width: 11.11111111%;
  }
  .f-1024-8 .f-col {
    width: 12.5%;
  }
  .f-1024-7 .f-col {
    width: 14.28571429%;
  }
  .f-1024-6 .f-col {
    width: 16.66666667%;
  }
  .f-1024-5 .f-col {
    width: 20%;
  }
  .f-1024-4 .f-col {
    width: 25%;
  }
  .f-1024-3 .f-col {
    width: 33.33333333%;
  }
  .f-1024-2 .f-col {
    width: 50%;
  }
  .f-1024-1 .f-col {
    width: 100%;
  }
  .g-1024-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-1024-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-1024-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-1024-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-1024-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-1024-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-1024-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-1024-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-1024-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-1024-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-1024-70 {
    gap: 70px;
  }
  .gp-1024-65 {
    gap: 65px;
  }
  .gp-1024-60 {
    gap: 60px;
  }
  .gp-1024-55 {
    gap: 55px;
  }
  .gp-1024-50 {
    gap: 50px;
  }
  .gp-1024-45 {
    gap: 45px;
  }
  .gp-1024-40 {
    gap: 40px;
  }
  .gp-1024-35 {
    gap: 35px;
  }
  .gp-1024-30 {
    gap: 30px;
  }
  .gp-1024-25 {
    gap: 25px;
  }
  .gp-1024-20 {
    gap: 20px;
  }
  .gp-1024-15 {
    gap: 15px;
  }
  .gp-1024-10 {
    gap: 10px;
  }
  .gp-1024-5 {
    gap: 5px;
  }
  .gp-1024-0 {
    gap: 0px;
  }
  .w-1024-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-1024-33 {
    width: 33%;
  }
  .w-1024-16 {
    width: 16.666666%;
  }
  .mb-1024-100 {
    margin-bottom: 100px;
  }
  .mb-1024-95 {
    margin-bottom: 95px;
  }
  .mb-1024-90 {
    margin-bottom: 90px;
  }
  .mb-1024-85 {
    margin-bottom: 85px;
  }
  .mb-1024-80 {
    margin-bottom: 80px;
  }
  .mb-1024-75 {
    margin-bottom: 75px;
  }
  .mb-1024-70 {
    margin-bottom: 70px;
  }
  .mb-1024-65 {
    margin-bottom: 65px;
  }
  .mb-1024-60 {
    margin-bottom: 60px;
  }
  .mb-1024-55 {
    margin-bottom: 55px;
  }
  .mb-1024-50 {
    margin-bottom: 50px;
  }
  .mb-1024-45 {
    margin-bottom: 45px;
  }
  .mb-1024-40 {
    margin-bottom: 40px;
  }
  .mb-1024-35 {
    margin-bottom: 35px;
  }
  .mb-1024-30 {
    margin-bottom: 30px;
  }
  .mb-1024-25 {
    margin-bottom: 25px;
  }
  .mb-1024-20 {
    margin-bottom: 20px;
  }
  .mb-1024-15 {
    margin-bottom: 15px;
  }
  .mb-1024-10 {
    margin-bottom: 10px;
  }
  .mb-1024-5 {
    margin-bottom: 5px;
  }
  .mb-1024-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 990px) {
  .f-990-10 .f-col {
    width: 10%;
  }
  .f-990-9 .f-col {
    width: 11.11111111%;
  }
  .f-990-8 .f-col {
    width: 12.5%;
  }
  .f-990-7 .f-col {
    width: 14.28571429%;
  }
  .f-990-6 .f-col {
    width: 16.66666667%;
  }
  .f-990-5 .f-col {
    width: 20%;
  }
  .f-990-4 .f-col {
    width: 25%;
  }
  .f-990-3 .f-col {
    width: 33.33333333%;
  }
  .f-990-2 .f-col {
    width: 50%;
  }
  .f-990-1 .f-col {
    width: 100%;
  }
  .w-990-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-990-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-990-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-990-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-990-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-990-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-990-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-990-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-990-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-990-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-990-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-990-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-990-70 {
    gap: 70px;
  }
  .gp-990-65 {
    gap: 65px;
  }
  .gp-990-60 {
    gap: 60px;
  }
  .gp-990-55 {
    gap: 55px;
  }
  .gp-990-50 {
    gap: 50px;
  }
  .gp-990-45 {
    gap: 45px;
  }
  .gp-990-40 {
    gap: 40px;
  }
  .gp-990-35 {
    gap: 35px;
  }
  .gp-990-30 {
    gap: 30px;
  }
  .gp-990-25 {
    gap: 25px;
  }
  .gp-990-20 {
    gap: 20px;
  }
  .gp-990-15 {
    gap: 15px;
  }
  .gp-990-10 {
    gap: 10px;
  }
  .gp-990-5 {
    gap: 5px;
  }
  .gp-990-0 {
    gap: 0px;
  }
  .w-990-33 {
    width: 33%;
  }
  .w-990-16 {
    width: 16.666666%;
  }
  .mb-990-100 {
    margin-bottom: 100px;
  }
  .mb-990-95 {
    margin-bottom: 95px;
  }
  .mb-990-90 {
    margin-bottom: 90px;
  }
  .mb-990-85 {
    margin-bottom: 85px;
  }
  .mb-990-80 {
    margin-bottom: 80px;
  }
  .mb-990-75 {
    margin-bottom: 75px;
  }
  .mb-990-70 {
    margin-bottom: 70px;
  }
  .mb-990-65 {
    margin-bottom: 65px;
  }
  .mb-990-60 {
    margin-bottom: 60px;
  }
  .mb-990-55 {
    margin-bottom: 55px;
  }
  .mb-990-50 {
    margin-bottom: 50px;
  }
  .mb-990-45 {
    margin-bottom: 45px;
  }
  .mb-990-40 {
    margin-bottom: 40px;
  }
  .mb-990-35 {
    margin-bottom: 35px;
  }
  .mb-990-30 {
    margin-bottom: 30px;
  }
  .mb-990-25 {
    margin-bottom: 25px;
  }
  .mb-990-20 {
    margin-bottom: 20px;
  }
  .mb-990-15 {
    margin-bottom: 15px;
  }
  .mb-990-10 {
    margin-bottom: 10px;
  }
  .mb-990-5 {
    margin-bottom: 5px;
  }
  .mb-990-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 768px) {
  .f-768-10 .f-col {
    width: 10%;
  }
  .f-768-9 .f-col {
    width: 11.11111111%;
  }
  .f-768-8 .f-col {
    width: 12.5%;
  }
  .f-768-7 .f-col {
    width: 14.28571429%;
  }
  .f-768-6 .f-col {
    width: 16.66666667%;
  }
  .f-768-5 .f-col {
    width: 20%;
  }
  .f-768-4 .f-col {
    width: 25%;
  }
  .f-768-3 .f-col {
    width: 33.33333333%;
  }
  .f-768-2 .f-col {
    width: 50%;
  }
  .f-768-1 .f-col {
    width: 100%;
  }
  .w-768-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-768-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-768-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-768-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-768-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-768-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-768-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-768-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-768-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-768-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-768-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-768-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-768-70 {
    gap: 70px;
  }
  .gp-768-65 {
    gap: 65px;
  }
  .gp-768-60 {
    gap: 60px;
  }
  .gp-768-55 {
    gap: 55px;
  }
  .gp-768-50 {
    gap: 50px;
  }
  .gp-768-45 {
    gap: 45px;
  }
  .gp-768-40 {
    gap: 40px;
  }
  .gp-768-35 {
    gap: 35px;
  }
  .gp-768-30 {
    gap: 30px;
  }
  .gp-768-25 {
    gap: 25px;
  }
  .gp-768-20 {
    gap: 20px;
  }
  .gp-768-15 {
    gap: 15px;
  }
  .gp-768-10 {
    gap: 10px;
  }
  .gp-768-5 {
    gap: 5px;
  }
  .gp-768-0 {
    gap: 0px;
  }
  .w-768-33 {
    width: 33%;
  }
  .w-768-16 {
    width: 16.666666%;
  }
  .mb-768-100 {
    margin-bottom: 100px;
  }
  .mb-768-95 {
    margin-bottom: 95px;
  }
  .mb-768-90 {
    margin-bottom: 90px;
  }
  .mb-768-85 {
    margin-bottom: 85px;
  }
  .mb-768-80 {
    margin-bottom: 80px;
  }
  .mb-768-75 {
    margin-bottom: 75px;
  }
  .mb-768-70 {
    margin-bottom: 70px;
  }
  .mb-768-65 {
    margin-bottom: 65px;
  }
  .mb-768-60 {
    margin-bottom: 60px;
  }
  .mb-768-55 {
    margin-bottom: 55px;
  }
  .mb-768-50 {
    margin-bottom: 50px;
  }
  .mb-768-45 {
    margin-bottom: 45px;
  }
  .mb-768-40 {
    margin-bottom: 40px;
  }
  .mb-768-35 {
    margin-bottom: 35px;
  }
  .mb-768-30 {
    margin-bottom: 30px;
  }
  .mb-768-25 {
    margin-bottom: 25px;
  }
  .mb-768-20 {
    margin-bottom: 20px;
  }
  .mb-768-15 {
    margin-bottom: 15px;
  }
  .mb-768-10 {
    margin-bottom: 10px;
  }
  .mb-768-5 {
    margin-bottom: 5px;
  }
  .mb-768-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 640px) {
  .f-640-10 .f-col {
    width: 10%;
  }
  .f-640-9 .f-col {
    width: 11.11111111%;
  }
  .f-640-8 .f-col {
    width: 12.5%;
  }
  .f-640-7 .f-col {
    width: 14.28571429%;
  }
  .f-640-6 .f-col {
    width: 16.66666667%;
  }
  .f-640-5 .f-col {
    width: 20%;
  }
  .f-640-4 .f-col {
    width: 25%;
  }
  .f-640-3 .f-col {
    width: 33.33333333%;
  }
  .f-640-2 .f-col {
    width: 50%;
  }
  .f-640-1 .f-col {
    width: 100%;
  }
  .w-640-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-640-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-640-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-640-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-640-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-640-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-640-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-640-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-640-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-640-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-640-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-640-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-640-70 {
    gap: 70px;
  }
  .gp-640-65 {
    gap: 65px;
  }
  .gp-640-60 {
    gap: 60px;
  }
  .gp-640-55 {
    gap: 55px;
  }
  .gp-640-50 {
    gap: 50px;
  }
  .gp-640-45 {
    gap: 45px;
  }
  .gp-640-40 {
    gap: 40px;
  }
  .gp-640-35 {
    gap: 35px;
  }
  .gp-640-30 {
    gap: 30px;
  }
  .gp-640-25 {
    gap: 25px;
  }
  .gp-640-20 {
    gap: 20px;
  }
  .gp-640-15 {
    gap: 15px;
  }
  .gp-640-10 {
    gap: 10px;
  }
  .gp-640-5 {
    gap: 5px;
  }
  .gp-640-0 {
    gap: 0px;
  }
  .w-640-33 {
    width: 33%;
  }
  .w-640-16 {
    width: 16.666666%;
  }
  .mb-640-100 {
    margin-bottom: 100px;
  }
  .mb-640-95 {
    margin-bottom: 95px;
  }
  .mb-640-90 {
    margin-bottom: 90px;
  }
  .mb-640-85 {
    margin-bottom: 85px;
  }
  .mb-640-80 {
    margin-bottom: 80px;
  }
  .mb-640-75 {
    margin-bottom: 75px;
  }
  .mb-640-70 {
    margin-bottom: 70px;
  }
  .mb-640-65 {
    margin-bottom: 65px;
  }
  .mb-640-60 {
    margin-bottom: 60px;
  }
  .mb-640-55 {
    margin-bottom: 55px;
  }
  .mb-640-50 {
    margin-bottom: 50px;
  }
  .mb-640-45 {
    margin-bottom: 45px;
  }
  .mb-640-40 {
    margin-bottom: 40px;
  }
  .mb-640-35 {
    margin-bottom: 35px;
  }
  .mb-640-30 {
    margin-bottom: 30px;
  }
  .mb-640-25 {
    margin-bottom: 25px;
  }
  .mb-640-20 {
    margin-bottom: 20px;
  }
  .mb-640-15 {
    margin-bottom: 15px;
  }
  .mb-640-10 {
    margin-bottom: 10px;
  }
  .mb-640-5 {
    margin-bottom: 5px;
  }
  .mb-640-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 576px) {
  .f-576-10 .f-col {
    width: 10%;
  }
  .f-576-9 .f-col {
    width: 11.11111111%;
  }
  .f-576-8 .f-col {
    width: 12.5%;
  }
  .f-576-7 .f-col {
    width: 14.28571429%;
  }
  .f-576-6 .f-col {
    width: 16.66666667%;
  }
  .f-576-5 .f-col {
    width: 20%;
  }
  .f-576-4 .f-col {
    width: 25%;
  }
  .f-576-3 .f-col {
    width: 33.33333333%;
  }
  .f-576-2 .f-col {
    width: 50%;
  }
  .f-576-1 .f-col {
    width: 100%;
  }
  .g-576-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-576-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-576-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-576-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-576-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-576-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-576-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-576-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-576-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-576-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-576-70 {
    gap: 70px;
  }
  .gp-576-65 {
    gap: 65px;
  }
  .gp-576-60 {
    gap: 60px;
  }
  .gp-576-55 {
    gap: 55px;
  }
  .gp-576-50 {
    gap: 50px;
  }
  .gp-576-45 {
    gap: 45px;
  }
  .gp-576-40 {
    gap: 40px;
  }
  .gp-576-35 {
    gap: 35px;
  }
  .gp-576-30 {
    gap: 30px;
  }
  .gp-576-25 {
    gap: 25px;
  }
  .gp-576-20 {
    gap: 20px;
  }
  .gp-576-15 {
    gap: 15px;
  }
  .gp-576-10 {
    gap: 10px;
  }
  .gp-576-5 {
    gap: 5px;
  }
  .gp-576-0 {
    gap: 0px;
  }
  .w-576-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-576-33 {
    width: 33%;
  }
  .w-576-16 {
    width: 16.666666%;
  }
  .mb-576-100 {
    margin-bottom: 100px;
  }
  .mb-576-95 {
    margin-bottom: 95px;
  }
  .mb-576-90 {
    margin-bottom: 90px;
  }
  .mb-576-85 {
    margin-bottom: 85px;
  }
  .mb-576-80 {
    margin-bottom: 80px;
  }
  .mb-576-75 {
    margin-bottom: 75px;
  }
  .mb-576-70 {
    margin-bottom: 70px;
  }
  .mb-576-65 {
    margin-bottom: 65px;
  }
  .mb-576-60 {
    margin-bottom: 60px;
  }
  .mb-576-55 {
    margin-bottom: 55px;
  }
  .mb-576-50 {
    margin-bottom: 50px;
  }
  .mb-576-45 {
    margin-bottom: 45px;
  }
  .mb-576-40 {
    margin-bottom: 40px;
  }
  .mb-576-35 {
    margin-bottom: 35px;
  }
  .mb-576-30 {
    margin-bottom: 30px;
  }
  .mb-576-25 {
    margin-bottom: 25px;
  }
  .mb-576-20 {
    margin-bottom: 20px;
  }
  .mb-576-15 {
    margin-bottom: 15px;
  }
  .mb-576-10 {
    margin-bottom: 10px;
  }
  .mb-576-5 {
    margin-bottom: 5px;
  }
  .mb-576-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 480px) {
  .f-480-10 .f-col {
    width: 10%;
  }
  .f-480-9 .f-col {
    width: 11.11111111%;
  }
  .f-480-8 .f-col {
    width: 12.5%;
  }
  .f-480-7 .f-col {
    width: 14.28571429%;
  }
  .f-480-6 .f-col {
    width: 16.66666667%;
  }
  .f-480-5 .f-col {
    width: 20%;
  }
  .f-480-4 .f-col {
    width: 25%;
  }
  .f-480-3 .f-col {
    width: 33.33333333%;
  }
  .f-480-2 .f-col {
    width: 50%;
  }
  .f-480-1 .f-col {
    width: 100%;
  }
  .w-480-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-480-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-480-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-480-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-480-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-480-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-480-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-480-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-480-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-480-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-480-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-480-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-480-70 {
    gap: 70px;
  }
  .gp-480-65 {
    gap: 65px;
  }
  .gp-480-60 {
    gap: 60px;
  }
  .gp-480-55 {
    gap: 55px;
  }
  .gp-480-50 {
    gap: 50px;
  }
  .gp-480-45 {
    gap: 45px;
  }
  .gp-480-40 {
    gap: 40px;
  }
  .gp-480-35 {
    gap: 35px;
  }
  .gp-480-30 {
    gap: 30px;
  }
  .gp-480-25 {
    gap: 25px;
  }
  .gp-480-20 {
    gap: 20px;
  }
  .gp-480-15 {
    gap: 15px;
  }
  .gp-480-10 {
    gap: 10px;
  }
  .gp-480-5 {
    gap: 5px;
  }
  .gp-480-0 {
    gap: 0px;
  }
  .w-480-33 {
    width: 33%;
  }
  .w-480-16 {
    width: 16.666666%;
  }
  .mb-480-100 {
    margin-bottom: 100px;
  }
  .mb-480-95 {
    margin-bottom: 95px;
  }
  .mb-480-90 {
    margin-bottom: 90px;
  }
  .mb-480-85 {
    margin-bottom: 85px;
  }
  .mb-480-80 {
    margin-bottom: 80px;
  }
  .mb-480-75 {
    margin-bottom: 75px;
  }
  .mb-480-70 {
    margin-bottom: 70px;
  }
  .mb-480-65 {
    margin-bottom: 65px;
  }
  .mb-480-60 {
    margin-bottom: 60px;
  }
  .mb-480-55 {
    margin-bottom: 55px;
  }
  .mb-480-50 {
    margin-bottom: 50px;
  }
  .mb-480-45 {
    margin-bottom: 45px;
  }
  .mb-480-40 {
    margin-bottom: 40px;
  }
  .mb-480-35 {
    margin-bottom: 35px;
  }
  .mb-480-30 {
    margin-bottom: 30px;
  }
  .mb-480-25 {
    margin-bottom: 25px;
  }
  .mb-480-20 {
    margin-bottom: 20px;
  }
  .mb-480-15 {
    margin-bottom: 15px;
  }
  .mb-480-10 {
    margin-bottom: 10px;
  }
  .mb-480-5 {
    margin-bottom: 5px;
  }
  .mb-480-0 {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 400px) {
  .f-400-10 .f-col {
    width: 10%;
  }
  .f-400-9 .f-col {
    width: 11.11111111%;
  }
  .f-400-8 .f-col {
    width: 12.5%;
  }
  .f-400-7 .f-col {
    width: 14.28571429%;
  }
  .f-400-6 .f-col {
    width: 16.66666667%;
  }
  .f-400-5 .f-col {
    width: 20%;
  }
  .f-400-4 .f-col {
    width: 25%;
  }
  .f-400-3 .f-col {
    width: 33.33333333%;
  }
  .f-400-2 .f-col {
    width: 50%;
  }
  .f-400-1 .f-col {
    width: 100%;
  }
  .w-400-100 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-95 {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-90 {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-85 {
    width: 85%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-80 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-75 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-70 {
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-65 {
    width: 65%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-60 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-55 {
    width: 55%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-50 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-45 {
    width: 45%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-40 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-35 {
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-30 {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-25 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-20 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-15 {
    width: 15%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-10 {
    width: 10%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-400-5 {
    width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-400-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .g-400-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .g-400-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .g-400-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .g-400-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .g-400-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .g-400-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .g-400-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .g-400-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .g-400-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-400-70 {
    gap: 70px;
  }
  .gp-400-65 {
    gap: 65px;
  }
  .gp-400-60 {
    gap: 60px;
  }
  .gp-400-55 {
    gap: 55px;
  }
  .gp-400-50 {
    gap: 50px;
  }
  .gp-400-45 {
    gap: 45px;
  }
  .gp-400-40 {
    gap: 40px;
  }
  .gp-400-35 {
    gap: 35px;
  }
  .gp-400-30 {
    gap: 30px;
  }
  .gp-400-25 {
    gap: 25px;
  }
  .gp-400-20 {
    gap: 20px;
  }
  .gp-400-15 {
    gap: 15px;
  }
  .gp-400-10 {
    gap: 10px;
  }
  .gp-400-5 {
    gap: 5px;
  }
  .gp-400-0 {
    gap: 0px;
  }
  .w-400-33 {
    width: 33%;
  }
  .w-400-16 {
    width: 16.666666%;
  }
  .mb-400-100 {
    margin-bottom: 100px;
  }
  .mb-400-95 {
    margin-bottom: 95px;
  }
  .mb-400-90 {
    margin-bottom: 90px;
  }
  .mb-400-85 {
    margin-bottom: 85px;
  }
  .mb-400-80 {
    margin-bottom: 80px;
  }
  .mb-400-75 {
    margin-bottom: 75px;
  }
  .mb-400-70 {
    margin-bottom: 70px;
  }
  .mb-400-65 {
    margin-bottom: 65px;
  }
  .mb-400-60 {
    margin-bottom: 60px;
  }
  .mb-400-55 {
    margin-bottom: 55px;
  }
  .mb-400-50 {
    margin-bottom: 50px;
  }
  .mb-400-45 {
    margin-bottom: 45px;
  }
  .mb-400-40 {
    margin-bottom: 40px;
  }
  .mb-400-35 {
    margin-bottom: 35px;
  }
  .mb-400-30 {
    margin-bottom: 30px;
  }
  .mb-400-25 {
    margin-bottom: 25px;
  }
  .mb-400-20 {
    margin-bottom: 20px;
  }
  .mb-400-15 {
    margin-bottom: 15px;
  }
  .mb-400-10 {
    margin-bottom: 10px;
  }
  .mb-400-5 {
    margin-bottom: 5px;
  }
  .mb-400-0 {
    margin-bottom: 0px;
  }
}
/*==========================================================================
=> Global Styles
========================================================================== */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
a {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0;
  text-decoration: none;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}
img.obj-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.obj-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul,
ol,
dl {
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #cfd1d4;
}
/*==========================================================================
=> buttons
========================================================================== */
.button {
  background: var(--button-fill);
  border: none;
  outline: none;
  border: 1px solid transparent;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-family: "helvetica_neue_medium";
  line-height: 1.2;
  padding: 0 32px;
  border-radius: 24px;
  font-size: 16px;
  text-align: center;
  width: fit-content;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.button:hover {
  background: transparent;
  border: 1px solid var(--button-fill);
  color: var(--button-fill);
}
.button.line {
  background: #fff;
  border: 1px solid var(--button-line);
  color: var(--button-line);
}
.button.line:hover {
  background: var(--button-fill);
  border: 1px solid var(--button-fill);
  color: #fff;
}
.button.white {
  background: #fff;
  color: #12a1a1 !important;
}
.button.nob {
  border: 1px solid #fff;
}
.button.center {
  display: flex;
  width: fit-content;
  margin: 0 auto;
}
.button.long {
  padding: 0 90px;
}
.button:hover,
.button:focus,
.button:active {
  text-decoration: none;
  outline: none;
}
button:focus {
  outline: none;
}
.button--block {
  width: 100%;
}
.button svg {
  position: relative;
  top: -2px;
}
.button svg path {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.button .phone {
  margin-right: 5px;
}
/*==========================================================================
=> Form Elements
========================================================================== */
.element-section {
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
}
.element-section .ehdn1 {
  margin-bottom: 30px;
}
.element-section .ehdn2 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.myElem {
  display: block;
  border: 1px solid#8E8E8E;
  padding: 20px;
  text-align: center;
}
.form-grp,
.form-textarea-group {
  position: relative;
  margin-bottom: 30px;
}
.form-grp .inputError {
  border-bottom: 1px solid var(--input-error);
}
.error-msg {
  font-size: 12px;
  color: var(--input-error);
  margin: 0;
}
.error-msg2 {
  font-size: 12px;
  color: var(--input-error);
  margin-bottom: 20px;
}
.whatsapp {
  margin-right: 0;
}
.form-field {
  height: var(--input-height);
  font-size: 18px;
  border-radius: 12px;
  border: 1px solid #ebebeb;
  background: #fff;
  width: 100%;
  z-index: 2;
  position: relative;
  color: #282828;
  outline: none;
  padding: 0 12px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-field:focus,
.form-field.field--not-empty {
  border: 1px solid #bd2340;
}
.form-label {
  color: #282828;
  font-size: var(--input-fs-main);
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-field:focus ~ .form-label,
.form-field.field--not-empty ~ .form-label,
.form-grp.sTop .form-label {
  font-size: var(--input-fs-top);
  background: #fff;
  top: -10px;
  z-index: 2;
}
.form-textarea-group .form-field {
  height: 108px;
  line-height: 1.3;
  padding: 11px 18px;
  resize: none;
}
/* Password View */
.form-grp.int-padl input,
.form-grp.form-grp-var input {
  padding-left: 40px;
}
.form-grp.int-padr input {
  padding-right: 40px;
}
.form-grp .view-pass {
  position: absolute;
  right: 10px;
  top: 15px;
  line-height: 0;
  font-size: 22px;
  cursor: pointer;
  z-index: 9;
}
.form-grp.disabled-field {
  background: #f5f5f5;
}
.form-grp.disabled-field .form-field {
  border-color: #f5f5f5;
}
.form-grp.disabled-field .form-label {
  color: #999;
  background: transparent;
  width: 100%;
  transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
}
/* Password View end */
/* date Picker */
.datetimepicker-input ~ i {
  position: absolute;
  right: 20px;
  top: 25px;
  line-height: 0;
  font-size: 22px;
  color: #a7b3c4;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  border: 1px solid #a7b3c4;
  height: 30px;
  z-index: 2;
  padding: 0 10px;
  font-size: 14px;
  color: #1c2d41;
  outline: none;
  border-radius: 5px;
  background: transparent url(../img/drop-down-arrow.svg) no-repeat calc(100% - 5px) center / 10px;
  -webkit-appearance: none;
}
.daterangepicker {
  border: 0;
  color: #425061;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2);
  -moz-box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2);
  box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2);
  padding: 10px;
  z-index: 10000;
}
.daterangepicker td.start-date {
  border-radius: 50% 0 0 50%;
}
.daterangepicker td.end-date {
  border-radius: 0 50% 50% 0;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #a7b3c4;
  border: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.daterangepicker .calendar-table .next span:hover,
.daterangepicker .calendar-table .prev span:hover {
  color: #3592cf;
}
.daterangepicker .calendar-table .next span:before,
.daterangepicker .calendar-table .prev span:before {
  border: 1px solid #a7b3c4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: block;
  min-width: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
}
.daterangepicker .calendar-table .next span:hover:before,
.daterangepicker .calendar-table .prev span:hover:before {
  border: 1px solid #3490cf;
}
.daterangepicker .calendar-table .next span:before {
  content: "\e918";
  font-family: "icomoon" !important;
}
.daterangepicker .calendar-table .prev span:before {
  content: "\e912";
  font-family: "icomoon" !important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  height: 32px;
}
.daterangepicker .btn-primary {
  font-family: "medium";
  border-color: transparent;
  background: #1baac4;
  color: #fff;
  box-shadow: none !important;
}
.daterangepicker:before {
  border-bottom: 0;
}
.daterangepicker .calendar-table th {
  font-family: "bold";
  font-size: 14px;
  color: #000000;
}
.daterangepicker th.month {
  font-family: "medium";
  font-size: 18px;
  letter-spacing: 0.01em;
  color: #000;
}
.daterangepicker td.in-range {
  background-color: #3592cf;
  color: #fff;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #3592cf;
}
.daterangepicker .calendar-table td {
  font-family: "regular";
  font-size: 14px;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: rgba(167, 179, 196, 0.5);
}
.daterangepicker th.available:hover {
  background-color: transparent;
}
.daterangepicker.show-calendar .drp-buttons {
  border-top: 0;
}
.daterangepicker.show-calendar .drp-buttons .drp-selected,
.daterangepicker.show-calendar .drp-buttons .cancelBtn {
  display: none;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 0;
  width: 100%;
  padding: 6px 8px;
}
.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #1baac4;
}
/* date Picker end */
/* Select */
.select-field {
  background: url("../img/drop-down-arrow.svg") no-repeat calc(100% - 10px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-field option {
  color: #000;
  background: #fff;
}
.select-field option:checked,
.select-field option:hover {
  background: #fff;
  color: #000;
}
/* // Select */
/* Placeholder */
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::placeholder {
  color: #8e8e8e;
}
input::-webkit-input-placeholder {
  color: #8e8e8e;
}
label.error {
  margin: 0;
  margin-top: 5px;
  line-height: 2;
  font-size: 14px;
  color: #f71336;
  position: relative;
}
/*==========================================================================
=> Radio Small
========================================================================== */
.radio-box {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 30px;
}
.radio-box input {
  position: absolute;
  width: 0;
  opacity: 0;
}
.radio-box label {
  font-size: 18px;
  color: #000;
  margin: 0;
  padding: 5px;
  padding-left: 36px;
  cursor: pointer;
  position: relative;
}
.radio-box label:before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #a24eea;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.radio-box input:checked ~ label::before {
  border: 7px solid #a24eea;
}
.radio-box label.error {
  display: none !important;
}
.radio-box input.error ~ label {
  color: #ff2323;
}
.radio-box input.error ~ .chk-label:before {
  border: 1px solid #ff2323;
}
/* // Radio Box */
/*==========================================================================
=> Checkbox Small
========================================================================== */
.checkbox-box {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
.checkbox-box input {
  position: absolute;
  width: 0;
  opacity: 0;
}
.checkbox-box input.only-chkbox {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 6px;
  left: 1px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.checkbox-box .chk-label {
  font-size: 16px;
  color: #30223b;
  line-height: 1.5;
  margin: 0;
  padding: 5px;
  padding-left: 36px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.checkbox-box .chk-label:before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: transparent;
  border: 1.5px solid #a24eea;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.checkbox-box .chk-label:after {
  content: "";
  border-radius: 3px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 7px;
}
.checkbox-box input:checked ~ .chk-label::after {
  font-family: "icomoon" !important;
  content: "\e92d";
  color: #a24eea;
  font-size: 12px;
}
.checkbox-box label.error {
  display: none !important;
}
.checkbox-box input.error ~ .chk-label {
  color: #ff2323;
}
.checkbox-box input.error ~ .chk-label:before {
  border: 1px solid #ff2323;
}
input[type="checkbox"] {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #12a1a1;
  border-radius: 4px;
  background: white;
  cursor: pointer;
}
input[type="checkbox"]:checked {
  background: #12a1a1;
  border-color: #12a1a1;
  position: relative;
}
input[type="checkbox"]:checked::after {
  content: "✔";
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 4px;
  top: 0px;
}
.checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: fit-content;
}
.checkbox-wrap label {
  flex: 1;
  cursor: pointer;
  color: #000;
  font-size: 16px;
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
  letter-spacing: normal;
}
.checkbox-wrap .ai-wrap {
  display: block;
}
/* // Checkbox */
/* checkbox 2 */
.checkbox-box.chk-rd .chk-label:before {
  border-radius: 100%;
}
.checkbox-box input:checked ~ .chk-label::before {
  background: #a24eea;
}
.checkbox-box input:checked ~ .chk-label::after {
  color: #ffffff;
}
/* checkbox 2 end */
/* checkbox 3 */
.checkbox-box.check-three {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 30px;
}
.checkbox-box.check-three label {
  border: 1px solid #e7e9ec;
  text-align: center;
  border-radius: 8px;
  padding: 25px 50px;
  max-width: 255px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.checkbox-box.check-three label i {
  display: block;
  font-size: 60px;
  margin-bottom: 20px;
  color: #8594af;
}
.checkbox-box.check-three label span {
  border-radius: 8px;
  font-size: 18px;
  color: #8594af;
}
.checkbox-box.check-three label:before {
  border-radius: 100%;
  border: 1px solid #a24eea;
}
.checkbox-box.check-three label:before,
.checkbox-box.check-three label:after {
  left: inherit;
  right: 15px;
  top: 15px;
}
.checkbox-box.check-three input:checked ~ .chk-label {
  border: 1px solid #a24eea;
}
.checkbox-box.check-three input:checked ~ .chk-label span {
  font-family: 700;
  color: #30223b;
}
.checkbox-box.check-three input:checked ~ .chk-label i {
  color: #a24eea;
}
.checkbox-box.check-three input:checked ~ .chk-label .home-img {
  filter: none;
}
.checkbox-box.check-three input:checked ~ .chk-label::after {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  position: absolute;
  background: #a24eea;
  color: #fff;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* checkbox 3 end */
/* checkbox 4 */
.checkbox-box.chk-four {
  margin-right: 10px;
}
.checkbox-box.chk-four label {
  padding: 7px 15px;
  border: 1px solid #dde3ee;
  border-radius: 8px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.checkbox-box.chk-four label i {
  font-size: 18px;
  color: #8594af;
  margin-right: 10px;
  position: absolute;
  left: 15px;
}
.checkbox-box.chk-four label span {
  font-family: 500;
  font-size: 14px;
  color: #000;
  margin-left: 25px;
}
.checkbox-box.chk-four label:before,
.checkbox-box.chk-four label:after {
  display: none;
}
.checkbox-box.chk-four.chk-err input:checked ~ .chk-label {
  border: 1px solid var(--clr-red);
}
.checkbox-box.chk-four.chk-err input:checked ~ .chk-label i {
  color: var(--clr-red);
}
.checkbox-box.chk-four input:checked ~ .chk-label {
  border: 1px solid var(--clr-grn);
}
.checkbox-box.chk-four input:checked ~ .chk-label i {
  color: var(--clr-grn);
}
/* checkbox 4 end */
/* checkbox 5 */
.checkbox-box.check-five .chk-label {
  padding: 12px 25px;
  border: 1px solid #dde3ee;
  border-radius: 8px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.checkbox-box.check-five .chk-label span {
  font-family: 500;
  font-size: 16px;
  color: #8594af;
}
.checkbox-box.check-five .chk-label:before {
  border-radius: 100%;
  border: none;
}
.checkbox-box.check-five .chk-label:before,
.checkbox-box.check-five .chk-label:after {
  left: inherit;
  right: -11px;
  top: -11px;
}
.checkbox-box.check-five input:checked ~ .chk-label {
  border: 1px solid #a24eea;
}
.checkbox-box.check-five input:checked ~ .chk-label span {
  color: #000000;
}
.checkbox-box.check-five input:checked ~ .chk-label::after {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  position: absolute;
  color: #fff;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* checkbox 5 end */
/*==========================================================================
=> Tooltip
========================================================================== */
[tooltip-title] {
  position: relative;
  text-decoration: none;
}
[tooltip-title]::before {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  /* top: -999; */
}
[tooltip-title]:hover::before {
  content: attr(tooltip-title);
  background-color: #222;
  border-radius: 4px;
  text-shadow: 0 0 5px #000;
  white-space: nowrap;
  color: #fff;
  opacity: 1;
  pointer-events: all;
  padding: 6px 12px;
  overflow: hidden;
  top: unset;
}
[tooltip-title]::after {
  content: "";
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
[tooltip-title]:hover::after {
  z-index: 100;
  opacity: 1;
  pointer-events: all;
}
/* Corrige bug do tooltip ficar sem baixo dos outros buttons*/
[data-placement="right"]:hover {
  position: relative;
  z-index: 1;
}
[tooltip-title]:is([data-placement="top"])::before {
  bottom: 100%;
  left: 0%;
  margin-bottom: 16px;
}
[tooltip-title]:is([data-placement="right"])::before {
  bottom: -10%;
  left: 100%;
  margin-left: 16px;
}
[tooltip-title]:is([data-placement="bottom"])::before {
  top: 100%;
  left: 0%;
  margin-top: 16px;
}
[tooltip-title]:is([data-placement="left"])::before {
  bottom: -10%;
  right: 100%;
  margin-right: 16px;
}
/* Arrow */
[tooltip-title]:is([data-placement="top"])::after {
  bottom: 100%;
  left: 20%;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #222;
}
[tooltip-title]:is([data-placement="right"])::after {
  bottom: 20%;
  left: 100%;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #222;
}
[tooltip-title]:is([data-placement="bottom"])::after {
  left: 20%;
  top: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #222;
}
[tooltip-title]:is([data-placement="left"])::after {
  bottom: 20%;
  right: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #222;
}
/*==========================================================================
=> Modal
==========================================================================*/
.modal-subTitle {
  font-size: 14px;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 4px;
}
.modal-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #003f59;
  border-bottom: 1px solid rgba(0, 63, 89, 0.1);
  padding-bottom: 10px;
}
.modal-para p {
  font-size: 16px;
  line-height: 1.6;
  color: #8793a2;
  margin-bottom: 8px;
}
.modal-para p:last-child {
  margin-bottom: 0;
}
.modal-cancel {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
  font-size: 24px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.modal-cross {
  display: flex;
  font-size: 22px;
  margin: 0 auto 12px;
  margin-right: 0;
  color: #000000;
  width: fit-content;
  cursor: pointer;
}
.modal-cross i {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.modal-cross:hover i {
  transform: rotate(90deg);
}
.modal-content {
  display: block;
  border: none;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}
.window-1440 {
  max-width: 1440px;
  padding: 0 15px;
}
.window-990 {
  max-width: 990px;
  padding: 0 15px;
}
.window-500 {
  max-width: 500px;
  padding: 0 15px;
}
.static-cont {
  margin-bottom: 32px;
}
.static-cont li {
  font-size: 14px;
  color: #233037;
  padding-left: 20px;
  margin-bottom: 6px;
  position: relative;
}
.static-cont li p {
  margin-bottom: 10px;
}
.static-cont li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 7px;
  background: #fd9933;
  border-radius: 50%;
  top: 7px;
}
.static-cont p {
  font-size: 14px;
  color: #233037;
  margin-bottom: 20px;
}
.modal-backdrop.show {
  opacity: 0.9;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-cancel:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* Swiper Slider */
.comm-pagination {
  bottom: 0;
}
.comm-pagination .swiper-pagination-bullet {
  background: #d9d9d9;
  width: 8px;
  height: 8px;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.comm-pagination .swiper-pagination-bullet-active {
  background: #bd2340;
  width: 20px;
  height: 8px;
  border-radius: 50px;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2 {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis3 {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis4 {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.flex-justify {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.element-head {
  font-size: 40px;
  font-family: "helvetica_neue_bold";
}
/* content page */
.content-hdn {
  font-family: "helvetica_neue_bold";
  font-size: var(--font48);
  color: #171717;
  text-align: center;
  margin-bottom: 48px;
}
.content-body {
  padding-top: 40px;
}
.content-body img {
  height: auto;
  width: 100%;
  object-fit: contain;
  border-radius: var(--br20);
  overflow: hidden;
  margin-bottom: 40px;
  margin-top: 0px;
}
.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4,
.content-body h5,
.content-body h6 {
  font-family: "helvetica_neue_bold";
  color: #bd2340;
  margin: 32px 0 16px;
}
.content-body h1:first-child,
.content-body h2:first-child,
.content-body h3:first-child,
.content-body h4:first-child,
.content-body h5:first-child,
.content-body h6:first-child {
  margin-top: 0;
}
.content-body h2 {
  font-size: var(--font38);
  color: #212121;
}
.content-body h3 {
  font-size: var(--font32);
}
.content-body h4 {
  font-size: var(--font30);
}
.content-body h5,
.content-body h6 {
  font-size: var(--font28);
}
.content-body p {
  font-size: var(--font16);
  line-height: 1.6;
  color: #000;
  margin-bottom: 30px;
}
.content-body p a {
  color: #bd2340;
}
.content-body ul {
  margin-bottom: 16px;
}
.content-body ul li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 15px;
  font-size: var(--font16);
  line-height: 01.8;
}
.content-body ul li p,
.content-body ul li a {
  font-size: var(--font16);
  line-height: 1.6;
  color: #282828;
  margin-bottom: 0;
}
.content-body ul li a {
  color: #bd2340;
}
.content-body ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: block;
  top: 8px;
  left: 0;
  background: #212121;
}
.content-body ul li:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 990px) {
  .content-hdn {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media all and (max-width: 480px) {
  .content-hdn {
    font-size: 32px;
    margin-bottom: 32px;
  }
  .content-body h1,
  .content-body h2,
  .content-body h3,
  .content-body h4,
  .content-body h5,
  .content-body h6 {
    font-size: 24px;
    margin: 32px 0 12px;
  }
}
/* content page end */
/*==========================================================================
=> Accordion
==========================================================================*/
.accordion {
  cursor: pointer;
  width: 100%;
  transition: 0.4s;
  position: relative;
  padding-right: 60px;
}
.accordion::after {
  content: "";
  width: 44px;
  height: 44px;
  background: url("../img/arrow-down-right.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.panel {
  display: none;
  padding-top: 24px;
}
.panel .arrow-bullet-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 40px;
}
.panel .arrow-bullet-box ul li {
  width: calc(50% - 20px);
  font-size: var(--font16);
}
.panel .arrow-bullet-box ul li::before {
  top: 4px;
}
.acc-item {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e4e4e4;
}
.acc-item.active {
  padding-bottom: 50px;
  border-bottom: 1px solid transparent;
}
.acc-item.active .accordion::after {
  transform: rotate(90deg);
}
/*==========================================================================
=> Footer
==========================================================================*/
.footer-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 36px;
  padding: 60px 0;
}
.footer-logo {
  width: 130px;
  height: 26px;
  margin-bottom: 48px;
  display: block;
}
.footer-left p {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}
.footer-right {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
.internal-link-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 500px;
  width: 100%;
}
.internal-link-box a {
  color: #282828;
  font-size: 14px;
  line-height: 1.4;
  width: 30%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.internal-link-box a:hover {
  color: #bd2340;
}
.footer-hdn {
  color: #282828;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 16px;
}
.social-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.social-wrap i {
  font-size: var(--font26);
  color: #8e8e8e;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.social-wrap i:hover {
  color: #bd2340;
}
/* Magnific Popup Starts */
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* Magnific Popup Ends */
/*==========================================================================
=> Megamenu Starts
==========================================================================*/
.mob-navigation .menu-hdn-wrap {
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 1em 0 0.6em;
}
.mob-navigation .menu-hdn-wrap a {
  padding: 0;
}
.mob-navigation .menu-hdn-wrap span {
  width: 12px;
  height: 12px;
  border: 2px solid #bd2340;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 1px;
}
.mob-navigation li {
  padding: 3.5em 0.8em;
  margin: 16px;
  border-radius: 14px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateX(110%);
}
.mob-navigation li.active {
  transform: translate(0);
  opacity: 1;
}
.mob-navigation li:nth-child(1n) {
  background: #faecee;
}
.mob-navigation li:nth-child(2n) {
  background: #fff1cc;
}
.mob-navigation li:nth-child(3n) {
  background: #d8f2d6;
}
.mob-navigation li:nth-child(4n) {
  background: #faecee;
}
.menu-acc-item.active span {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  top: 10px;
}
.mob-navigation ul .menu-panel {
  display: none;
  padding: 14px 0 0;
}
.mob-navigation ul .menu-panel a {
  font-size: 20px;
  padding: 0.5em 0.8em;
}
.mob-navigation ul .menu-panel a:hover {
  color: #000;
}
/*==========================================================================
=> Megamenu Ends
==========================================================================*/
.comm-drop-parent {
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--button-fill);
  padding: 0 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.5s;
  gap: 18px;
  cursor: pointer;
  max-width: 200px;
  width: 100%;
  background: #fff;
}
.comm-drop-parent:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/drop-arrow.svg) no-repeat center center / contain;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s;
}
.comm-drop-parent.active {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid transparent;
  z-index: 2;
}
.comm-drop-parent.active .comm-drop-box {
  clip-path: inset(0 0 0 0);
}
#selectRole.comm-drop-parent {
  max-width: 260px;
  z-index: 5;
}
.comm-drop-box {
  position: absolute;
  background: #fff;
  border: 1px solid var(--button-fill);
  border-top: transparent;
  border-radius: 0 0 12px 12px;
  top: 36px;
  left: -1px;
  width: 100.9%;
  clip-path: inset(0 0 100% 0);
  transition: 0.3s;
  overflow: hidden;
}
.comm-drop-box p {
  transition: 0.2s;
  padding: 6px 12px;
}
.comm-drop-box p:hover {
  background: #bd2340;
  color: #fff;
}
.comm-drop-box p.active {
  background: #bd2340;
  color: #fff;
}
/*==========================================================================
=> Multiple Tab
==========================================================================*/
.tabs ul {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: fit-content;
  position: relative;
}
.tabs ul li {
  color: #565656;
  font-size: 14px;
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 0 15px 10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tabs ul li.active {
  color: var(--primary);
}
.indicator {
  width: 0;
  height: 1px;
  background: var(--primary);
  position: absolute;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.comm-tab-wrap {
  width: 100%;
  margin: 50px auto;
  display: flex;
  gap: 40px;
}
.comm-tab-wrap ul.tabs {
  width: 100%;
  justify-content: center;
}
.comm-tab-wrap ul.tabs li {
  width: 100%;
  text-align: center;
  max-width: 270px;
  flex: 1;
}
.comm-tab-wrap .tab_container {
  max-width: 1060px;
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  flex: 1;
}
.tab_content {
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.tab_content.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
:root {
  --header-height: 72px;
  --header-scroll-height: 70px;
  --animBoxWidth: 76px;
  --comm-space: 80px;
}
html,
body {
  width: 100%;
  scroll-behavior: smooth;
}
.fw700,
.fw700 p {
  font-family: "helvetica_neue_bold" !important;
}
.fw500,
.fw500 p {
  font-family: "helvetica_neue_medium" !important;
}
.para16 p {
  color: #282828;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 20px;
}
.para16 p:last-child {
  margin-bottom: 0;
}
.para14 p {
  color: #000;
  font-size: var(--font14);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
}
.para20 p {
  color: #000;
  font-size: var(--font20);
  font-family: "helvetica_neue_bold";
  line-height: 1.4;
}
.hdn28 {
  color: #282828;
  font-size: var(--font28);
  font-family: "helvetica_neue_bold";
  line-height: 1.21;
}
.hdn40 {
  color: #000;
  font-size: var(--font40);
  font-family: "helvetica_neue_bold";
  line-height: 1.2;
}
.hdn48 {
  color: #000;
  font-size: var(--font48);
  font-family: "helvetica_neue_bold";
  line-height: 1.2;
}
.hdn38 {
  color: #000;
  font-size: var(--font38);
  font-family: "helvetica_neue_bold";
  line-height: 1.2;
}
.hdn32 {
  color: #000;
  font-size: var(--font32);
  font-family: "helvetica_neue_regular";
  line-height: 1.25;
}
.fix32 {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: 32px;
  line-height: 1.25;
}
.hdn24 p {
  font-size: var(--font24);
  font-family: "helvetica_neue_medium";
  line-height: 1.3;
}
.hdn24 {
  color: #282828;
  font-size: var(--font24);
  font-family: "helvetica_neue_bold";
  line-height: 1.3;
}
.hdn20 {
  color: #282828;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  line-height: 1.4;
}
.hdn18 {
  color: #000;
  font-size: 18px;
  font-family: "helvetica_neue_bold";
  line-height: 1.4;
}
.hdn16 {
  color: #000;
  font-size: var(--font16);
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
}
.t-cen {
  text-align: center;
}
.t-cen p {
  text-align: center;
}
.comm-space {
  padding-top: var(--comm-space);
}
.home-wrap {
  display: flex;
  overflow: hidden;
}
.home-container {
  max-width: 1052px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
}
.home-container .container {
  padding: 0;
}
.container {
  max-width: 1213px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.home-main-container {
  padding-top: var(--header-height);
  width: calc(100% - (var(--animBoxWidth) * 2));
}
.main-container {
  padding-top: calc(var(--header-height) + 80px);
}
.comm-section {
  padding: var(--comm-space) 0;
  position: relative;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-header {
  position: fixed;
  top: 0;
  width: calc(100% - (var(--animBoxWidth) * 2));
  animation: fadeDown 1.8s ease-in-out;
  z-index: 3;
  background: #fff;
}
.home-header .menuOverlay,
.home-header .drop-bg {
  width: calc(100% - (var(--animBoxWidth) * 2));
}
@keyframes fadeDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.breadcrumb-box {
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  z-index: 4;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.breadcrumb-box.stick {
  top: 0;
  box-shadow: 0px 0px 20px rgba(19, 28, 162, 0.1);
}
.breadcrumb-box.stick .breadcrumb {
  padding: 16px 0;
}
.breadcrumb-box.scroll-down {
  top: var(--header-height);
}
.breadcrumb-box.scroll-down .breadcrumb {
  padding: 16px 0;
}
.breadcrumb {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.breadcrumb a {
  color: #8e8e8e;
  font-size: var(--font14);
  position: relative;
  line-height: 1.5;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.breadcrumb a::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #8e8e8e;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 36%;
  right: -14px;
}
.breadcrumb a:hover {
  color: #282828;
}
.breadcrumb p {
  color: #282828;
  line-height: 1.5;
  font-size: var(--font14);
}
.bg-red {
  background: #bd2340;
}
.bg-blue {
  background: #e0fbfb;
}
.bg-cream {
  background: #fff9eb;
}
.bg-pink {
  background: #faecee;
}
.bg-smoke {
  background: #f3f3f3;
}
.bg-l-green {
  background: #ccf2f2;
}
.white-popup-block {
  max-width: 674px;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  padding: 50px;
  margin: 0 auto;
  position: relative;
}
.white-popup-block .form-grp,
.white-popup-block .form-textarea-group {
  margin-bottom: 20px;
}
/* Home Page Starts */
.home-detail {
  width: calc(100% - (var(--animBoxWidth) * 2));
  top: calc(var(--header-height) + 10px);
  position: fixed;
  height: calc(100svh - var(--header-height));
  opacity: 0;
}
.anim-sec-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100svh;
  pointer-events: none;
}
.anim-sec-wrap a {
  pointer-events: all;
}
.animSection {
  height: 100%;
  position: absolute;
  width: var(--animBoxWidth);
  right: 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.animSection.first {
  background: #fffbbd;
  z-index: 99;
}
.animSection.second {
  background: #d7f2ff;
  z-index: 10;
}
.animSection.second a {
  transform: translate(-12px, 0) rotate(-90deg);
}
.animSection.third {
  background: #f2d3d9;
  z-index: 10;
}
.animSection.third a {
  transform: translate(-73px, 0) rotate(-90deg);
}
.animSection a {
  color: #000;
  font-size: 24px;
  line-height: 1.3;
  white-space: nowrap;
  transform: rotate(-90deg);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.animSection a:hover {
  color: var(--button-fill);
}
.tech-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.tech-type {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}
.tech-type p {
  color: #bd2340;
  font-size: var(--font40);
  line-height: 1.6;
  transform: translateY(80%);
}
.banner-btn {
  overflow: hidden;
}
.banner-btn .button {
  transform: translateY(120%);
  transition: none;
}
.live-box {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 42px 24px 30px 56px;
}
.live-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.live-left {
  max-width: 350px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  position: relative;
}
.live-right {
  max-width: 370px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  position: relative;
}
.live-hdn {
  color: #000;
  font-size: var(--font24);
  line-height: 1.3;
  margin-bottom: 16px;
}
.live-hdn span {
  color: #bd2340;
}
.forum-img {
  width: fit-content;
}
.forum-address-wrap p {
  color: #bd2340;
  text-align: right;
  font-size: var(--font20);
  line-height: 1.3;
}
.forum-hdn {
  color: #bd2340;
  text-align: right;
  font-family: "helvetica_neue_medium";
  font-size: var(--font30);
  line-height: 1.2;
  margin-bottom: 8px;
}
.forum-btn-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
.forum-btn-wrap .button {
  flex: 1;
}
.suite-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 100%;
}
.suite-img-box {
  width: 475px;
  height: 475px;
  position: relative;
}
.suite-img-box img {
  object-fit: contain;
}
.suite-img {
  width: 100%;
  height: 100%;
  animation: rotate 30s linear infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.vizcare-img {
  width: 95%;
  height: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.suite-info {
  max-width: 442px;
  flex: 1;
}
.bespoke-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 100%;
}
.bespoke-info {
  max-width: 425px;
}
.bespoke-info .banner-hdn h2 {
  font-weight: bold;
  font-size: var(--font48);
}
.bespoke-info p {
  color: #000;
  font-size: var(--font24);
  line-height: 1.25;
  margin-bottom: 16px;
}
.bespoke-img-wrap {
  width: 500px;
  display: block;
  gap: 16px;
}
.cell {
  height: 155px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  transition: transform 0.9s;
}
#empty {
  border: none;
}
/* Home Page Ends */
/* Co-pilot Starts */
.health-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  height: calc(80svh - var(--header-height) - 102px);
}
.health-detail {
  max-width: 664px;
  width: 100%;
}
.health-detail .comm-sec-hdn {
  margin-bottom: 44px;
}
.health-lottie {
  position: relative;
  width: 270px;
  height: 270px;
}
.copilot-img {
  width: 150px;
}
.health-logo-box {
  width: 100%;
  height: calc(100svh - var(--header-height));
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 36px;
  position: relative;
}
.health-logo-holder {
  width: 300px;
  height: 300px;
  opacity: 0;
}
.lottie-info,
.lottie-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.anim-height {
  height: 220svh;
  position: relative;
}
.anim-sticky {
  position: sticky;
  top: calc(var(--header-height) + 20px);
}
.anim-trigger {
  position: absolute;
}
.anim-trigger-1 {
  top: 100svh;
}
.health-para-box {
  max-width: 455px;
  width: 100%;
  position: relative;
}
.health-para {
  width: 100%;
  transform: translateY(50%);
  opacity: 0;
}
.health-para p {
  color: #000;
  text-align: center;
  font-family: "helvetica_neue_regular";
  font-size: var(--font20);
  line-height: 1.6;
}
.step-box {
  border-radius: 16px;
  overflow: hidden;
  background: #f8f8f8;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  max-width: 170px;
  width: 100%;
}
.step-1 {
  top: 20%;
  left: 5%;
}
.step-2 {
  top: 15%;
  right: 10%;
}
.step-3 {
  bottom: 15%;
  right: 0%;
}
.step-4 {
  top: 28%;
  left: 10%;
}
.step-5 {
  bottom: 15%;
  right: 5%;
}
.step-6 {
  top: 18%;
  right: 11%;
}
.step-screen-1,
.step-screen-2 {
  transform: translateY(100%);
  opacity: 0;
}
.step-img {
  width: 60px;
  height: 70px;
}
.step-img img {
  object-fit: contain;
}
.step-hdn {
  color: #000;
  text-align: center;
  font-size: var(--font16);
  line-height: 1.3;
}
.believe-section {
  background-color: #bd2340;
  padding: 30px 0;
  overflow: hidden;
}
.believe-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.believe-left {
  max-width: 506px;
  width: 100%;
}
.believe-left .comm-sec-hdn {
  font-family: "helvetica_neue_bold";
  margin-bottom: 12px;
}
.believe-para {
  margin-bottom: 18px;
}
.believe-para p {
  color: #fff;
  font-family: "helvetica_neue_light";
  font-size: var(--font24);
  line-height: 1.4;
  margin-bottom: 14px;
}
.believe-para p:last-child {
  margin-bottom: 0;
}
.believe-img {
  width: 414px;
}
.believe-img img {
  object-fit: contain;
}
.lottie-believe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.explore-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 60px;
}
.explore-wrap:nth-child(odd) {
  flex-direction: row-reverse;
}
.explore-wrap:last-child {
  margin-bottom: 0;
}
.explore-info {
  max-width: 460px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.explore-hdn {
  color: #000;
  font-size: var(--font30);
  font-family: "helvetica_neue_bold";
  line-height: 1.3;
}
.explore-para p {
  color: #282828;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
}
.explore-lottie {
  width: 573px;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.popup-modal-dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
}
.health-section {
  position: relative;
}
/* Co-pilot Ends */
/* Work Page Starts */
.believe-para {
  margin-bottom: 18px;
}
.believe-para p {
  color: #fff;
  font-family: "helvetica_neue_light";
  font-size: var(--font24);
  line-height: 1.4;
  margin-bottom: 14px;
}
.believe-para p:last-child {
  margin-bottom: 0;
}
.work-box {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  gap: 24px;
}
.work-box:last-child {
  margin-bottom: 30px;
}
.work-info {
  padding: 60px 0 60px 60px;
  max-width: 460px;
  flex: 1;
}
.work-img {
  max-width: 170px;
  width: fit-content;
  margin-bottom: 48px;
}
.work-info-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  line-height: 1.3;
  margin-bottom: 6px;
}
.work-para {
  margin-bottom: 30px;
}
.work-para p {
  color: #000;
  font-size: var(--font20);
  line-height: 1.5;
}
.work-btn-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.work-illustration {
  width: 690px;
  height: auto;
  flex: 1;
}
.vision-section {
  background: #bd2340;
  overflow: hidden;
  margin-top: 60px;
}
.vision-wrap {
  padding: 30px 0 30px 76px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.vision-img {
  width: 292px;
}
.vision-img img {
  object-fit: contain;
}
.vision-info {
  max-width: 604px;
  width: 100%;
  flex: 1;
}
.vision-info .comm-sec-hdn {
  margin-bottom: 12px;
}
.work-hdn-section {
  position: relative;
  z-index: 1;
}
.help-wrap,
.enterprise-wrap {
  margin-top: 30px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}
.help-wrap .select-field,
.enterprise-wrap .select-field {
  border-radius: 30px;
  border: 1px solid var(--button-fill);
  height: 32px;
  width: fit-content;
  cursor: pointer;
  font-size: var(--font14);
  padding: 0px 28px 0px 12px;
}
.help-wrap .select-field option,
.enterprise-wrap .select-field option {
  cursor: pointer;
}
.help-wrap ul,
.enterprise-wrap ul {
  display: flex;
  display: none;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
}
.help-wrap ul li,
.enterprise-wrap ul li {
  cursor: pointer;
  color: #000;
  background: #fff;
  font-size: var(--font14);
  line-height: 1.4;
  height: 32px;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  white-space: nowrap;
  padding: 3px 12px 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.help-wrap ul li.active,
.enterprise-wrap ul li.active {
  background: #d0f0f0;
}
.work-detail-container .help-wrap {
  margin-top: 0;
  justify-content: flex-start;
}
.work-detail-container .help-wrap ul {
  display: flex;
  opacity: 1;
  visibility: visible;
  margin: 36px 0 44px;
}
.work-detail-container .help-wrap ul li {
  margin: 0;
  font-size: var(--font14);
  color: #000;
  padding: 0 12px;
}
.work-detail-container .help-wrap ul li::before {
  display: none;
}
.work-bg {
  border-radius: 0px 0px 80vw 80vw;
  overflow: hidden;
  background: #faecee;
  position: absolute;
  left: 0;
  width: 100vw;
  height: 50vw;
  z-index: -1;
}
.work-detail-container {
  max-width: 975px;
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}
.work-detail-container .enterprise-wrap {
  margin-bottom: 60px;
}
.work-detail-container ul {
  margin-bottom: 40px;
}
.work-detail-container ul li {
  color: #282828;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding-left: 26px;
}
.work-detail-container ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #282828;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 9px;
  left: 8px;
}
.work-detail-container ul li:last-child {
  margin-bottom: 0;
}
.help-hdn {
  color: #282828;
  font-family: "helvetica_neue_bold";
  font-size: var(--font16);
  line-height: 1.2;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 60px 0 0;
}
.work-detail-video {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}
.work-detail-video video {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.work-detail-thumbnail {
  width: 100%;
  height: 100%;
}
.work-detail-thumbnail img {
  object-position: top;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 100px;
  height: 100px;
}
.play-btn img {
  object-fit: contain;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.work-detail-box {
  border-radius: 12px;
  background: #fff9eb;
  overflow: hidden;
  text-align: center;
  padding: 40px 22px;
  width: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.work-detail-box p {
  color: #000;
  font-size: var(--font18);
  line-height: 1.4;
}
.work-detail-box-wrap {
  margin-bottom: 100px;
}
.work-detail-box-wrap .f-row {
  gap: 15px 0;
}
.work-detail-box-wrap .f-col {
  display: flex;
  height: auto;
}
.work-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font40);
  line-height: 1.2;
  margin-bottom: 40px;
}
.work-big-para {
  margin-bottom: 40px;
}
.work-big-para p {
  color: #282828;
  font-family: "helvetica_neue_medium";
  font-size: var(--font24);
  line-height: 1.5;
}
.work-detail-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
  margin-bottom: 40px;
}
.work-detail-para p:last-child {
  margin-bottom: 0;
}
.ask-section {
  background: #e7f5ff;
  margin: 60px 0 104px 0;
}
.ask-box {
  max-width: 826px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 0;
}
.strategy-img {
  width: 100%;
  height: 100%;
  margin-bottom: 170px;
}
.result-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px 26px;
  flex-wrap: wrap;
}
.result-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 46%;
}
.result-box p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.4;
  flex: 1;
}
.result-img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
}
.work-detail-swiper .swiper-wrapper {
  padding-bottom: 50px;
}
.work-swiper-img {
  border-radius: 10px;
  overflow: hidden;
  height: 600px;
}
/* Work Page Ends */
/* Career Page Starts */
.career-hdn-section {
  position: relative;
  z-index: 1;
}
#noRolesAvailableMsg.comm-sub-hdn {
  font-size: var(--font32);
}
.job-wrap .kh-footer {
  display: none !important;
}
.role-filter-wrap {
  margin: 86px 0 46px;
  display: flex;
  align-items: center;
  gap: 22px;
}
.role-filter-wrap select {
  cursor: pointer;
  padding: 0 44px 0 24px;
  height: 48px;
  border-radius: 54px;
  border: 1px solid #000;
  color: #000;
  overflow: hidden;
  background: url("../img/drop-down-black.svg") no-repeat calc(100% - 14px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "helvetica_neue_medium";
  font-size: var(--font16);
}
.role-filter-wrap select option {
  color: #000;
  font-family: "helvetica_neue_medium";
  font-size: var(--font16);
  line-height: 1.2;
}
.job-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.job-box {
  width: 48%;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  padding: 40px 50px;
  display: flex;
  flex-direction: column;
  height: auto;
}
.job-detail-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 26px;
}
.job-img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
}
.job-info ul {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.job-info ul li {
  color: rgba(0, 0, 0, 0.6);
  font-family: "helvetica_neue_medium";
  font-size: var(--font16);
  line-height: 1.3;
  position: relative;
  padding-right: 30px;
}
.job-info ul li::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #8e8e8e;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 8px;
  right: 10px;
}
.job-info ul li:last-child {
  padding-right: 0;
}
.job-info ul li:last-child::after {
  display: none;
}
.job-info h3 {
  color: #121213;
  font-family: "helvetica_neue_medium";
  font-size: var(--font22);
  line-height: 1.2;
}
.location-hdn {
  color: #8e8e8e;
  font-family: "helvetica_neue_medium";
  font-size: var(--font14);
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.location-wrap {
  margin-bottom: 26px;
}
.location-wrap ul {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.location-wrap li {
  height: 32px;
  padding: 1px 12px 0 12px;
  white-space: nowrap;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
  color: #000;
  font-size: var(--font14);
  line-height: 1.1;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#career-form.white-popup-block {
  max-width: 776px;
  padding: 40px;
}
.career-form-hdn {
  color: #bd2340;
  font-family: "helvetica_neue_medium";
  font-size: var(--font32);
  line-height: 1.2;
  margin-bottom: 34px;
  text-align: center;
}
.drop-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  border-radius: 6px;
  border: 1px dashed #dae0e6;
  background: #fff;
  height: 208px;
  margin-bottom: 16px;
}
#choose_file {
  display: none;
}
.upload-resume {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 22px;
  font-size: var(--font20);
  font-family: "helvetica_neue_bold";
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.upload-resume p {
  color: #1f1f1f;
  text-align: center;
  font-size: var(--font14);
  line-height: 1.2;
}
.drop-hdn {
  color: #272d37;
  text-align: center;
  font-size: var(--font20);
  font-family: "helvetica_neue_bold";
  line-height: 1.2;
  margin-bottom: 6px;
}
.plus-img {
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}
.career-form-wrap {
  display: flex;
  margin-bottom: 30px;
}
.career-form-left {
  padding-right: 36px;
  flex: 1;
}
.career-form-right {
  max-width: 350px;
  width: 100%;
  padding-left: 34px;
  border-left: 1px solid #ededed;
}
.career-form-right .form-textarea-group .form-field {
  height: var(--input-height);
}
.career-form-right .form-textarea-group {
  margin-bottom: 0;
}
.document-box {
  width: 100%;
  border-radius: 12px;
  background: #f3f3f3;
  overflow: hidden;
  padding: 16px 11px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.document-box:last-child {
  margin-bottom: 0;
}
.document-detail {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.document-detail p {
  color: #21262b;
  font-size: var(--font16);
  line-height: 1.2;
  text-transform: capitalize;
  flex: 1;
}
.document-img {
  width: 38px;
  height: 38px;
}
.delete-box {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.delete-box img {
  display: block;
}
#file-list {
  height: 180px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 8px;
}
#file-list::-webkit-scrollbar {
  width: 3px;
}
#file-list::-webkit-scrollbar-thumb {
  background: var(--button-fill);
  border-radius: 4px;
}
#file-list::-webkit-scrollbar-track {
  background: #d9d9d9;
}
.career-btm-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
}
.career-btm-lottie {
  max-width: 640px;
}
/* Career Page Ends */
/* Contact Page Starts  */
.office-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
.office-list-wrap {
  max-width: 376px;
  width: 100%;
}
.office-list-wrap .comm-sub-hdn {
  margin-bottom: 32px;
}
.office-box {
  padding: 24px 12px;
  border-bottom: 1px solid #f4f4f4;
  gap: 20px;
  cursor: pointer;
  margin-bottom: 12px;
  flex-direction: column;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.office-box:last-child {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}
.office-box.active {
  background: #f3f3f3;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  border-radius: 20px;
}
.office-box.active p {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: 100%;
  display: block;
}
.office-box p {
  color: #8e8e8e;
  font-size: var(--font14);
  line-height: 1.4;
  padding-top: 8px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  display: none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.office-box .office-info-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.office-box .office-img {
  display: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  margin: 16px auto;
  max-width: 400px;
  width: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.office-info {
  flex: 1;
}
.office-name {
  color: #090909;
  font-size: var(--font22);
  line-height: 1.3;
}
.office-address {
  max-width: 674px;
  width: 100%;
}
.locater-img {
  width: 15px;
  height: 17px;
  transform: translateY(3px);
}
.locater-img img {
  object-fit: contain;
  display: block;
}
.office-img {
  width: 100%;
  height: 450px;
  border-radius: 14px;
  overflow: hidden;
}
.talk-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
.talk-wrap .wpcf7-response-output {
  display: none;
}
.talk-info {
  max-width: 450px;
  width: 100%;
}
.talk-info .comm-sub-hdn {
  margin-bottom: 30px;
}
.talk-info .social-wrap {
  justify-content: flex-start;
  margin-top: 34px;
}
.talk-info .social-wrap a {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.talk-info .social-wrap a:hover {
  background: #fff;
}
.talk-info .social-wrap a:hover i {
  color: var(--button-fill);
}
.talk-info .social-wrap a i {
  color: #fff;
}
.talk-detail-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.talk-detail-box a {
  color: #fff;
  font-family: "helvetica_neue_medium";
  font-size: var(--font20);
  line-height: 1.5;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.talk-detail-box a:hover {
  color: var(--button-fill);
}
.talk-detail-img {
  width: 20px;
  height: 20px;
}
.talk-detail-img img {
  object-fit: contain;
  display: block;
}
.contact-form {
  padding: 50px;
  background: #fff;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
/* Contact Page Ends  */
/* Engineering Services Starts */
.section {
  height: 100%;
  width: 100%;
  top: 0;
  position: fixed;
  visibility: hidden;
}
.service-swiper-section {
  overflow: hidden;
}
.service-swiper-section.comm-section {
  padding-top: 50px;
}
.service-swiper {
  overflow: visible;
  padding-bottom: 40px;
}
.service-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.service-swiper-img {
  width: 100%;
  height: 316px;
}
.service-swiper-img img {
  object-fit: contain;
}
.health-height {
  position: relative;
  height: 190vh;
}
.health-bg-img {
  width: 100%;
  height: 100vh;
  position: absolute;
}
.health-bg-img img {
  object-fit: contain;
}
.health-bg-1 {
  top: 0;
  height: 70vh;
}
.health-bg-2 {
  top: calc(90vh - var(--header-height));
}
.health-sticky {
  width: 100%;
  height: calc(100vh - var(--header-height));
  position: sticky;
  top: var(--header-height);
  background: var(--Main-Primary, rgba(189, 35, 63, 0.3));
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.health-box {
  max-width: 486px;
  width: 100%;
  padding: 42px;
  text-align: center;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 26px 64.6px 0px rgba(189, 35, 64, 0.2);
  margin: 0 15px;
}
.health-box h3 {
  color: #bd2340;
  font-size: var(--font32);
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.health-box p {
  color: #282828;
  font-size: var(--font24);
  line-height: 1.5;
  text-transform: capitalize;
}
.service-height {
  position: relative;
  padding-bottom: 60px;
}
.service-card-section {
  background: #f3f3f3;
}
.service-card-wrap {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  gap: 200px;
  padding: 60px 0;
}
.service-box {
  width: 100%;
  height: calc(90vh - var(--header-height));
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: translateY(100%);
  opacity: 0;
}
.service-box:first-child {
  transform: translateY(10%);
}
.service-card {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 2.715px 2.715px 24.439px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  position: absolute;
  padding: 90px 50px 90px 114px;
  width: 100%;
}
.service-img {
  width: 310px;
  height: 286px;
}
.service-img img {
  object-fit: contain;
}
.service-info {
  max-width: 550px;
  width: 100%;
  flex: 1;
}
.service-info .comm-sub-hdn {
  margin-bottom: 8px;
  font-family: "helvetica_neue_bold";
}
.service-para {
  margin-bottom: 28px;
}
.service-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
  margin-bottom: 20px;
}
.service-para p:last-child {
  margin-bottom: 0;
  font-family: "helvetica_neue_medium";
}
.work-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}
.work-hdn-box {
  position: sticky;
  top: calc(var(--header-height) + 6%);
}
.work-hdn-box .comm-sec-hdn {
  margin-bottom: 32px;
}
.our-work-list .button {
  display: none;
}
.our-work-box {
  display: flex;
  gap: 12px;
  border-radius: 18px;
  max-width: 674px;
  width: 100%;
  margin-bottom: 36px;
}
.our-work-box:last-child {
  margin-bottom: 0;
}
.our-work-box:nth-child(1) {
  background: #e7f5ff;
}
.our-work-box:nth-child(1) .our-client-img {
  width: 150px;
}
.our-work-box:nth-child(2) {
  background: #e0fbfb;
}
.our-work-box:nth-child(3) {
  background: #faecee;
}
.our-work-img {
  width: 300px;
  height: 260px;
}
.our-work-img img {
  object-fit: contain;
}
.our-work-info {
  padding: 40px 34px 26px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
  height: auto;
  flex: 1;
}
.our-work-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font24);
  line-height: 1.2;
}
.our-client-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.our-client-img {
  width: 120px;
}
.our-client-arrow {
  width: 40px;
}
.our-client-arrow img {
  object-fit: contain;
}
/* Engineering Services Ends */
/* 404 Starts */
.error-wrap {
  max-width: 1083px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100vh - var(--header-height));
  position: relative;
}
.error-wrap::after {
  content: "";
  width: 100%;
  height: 463px;
  background: url(../img/404.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.error-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: 102px;
  line-height: 1;
  margin-bottom: 38px;
}
.error-hdn span {
  color: #bd2340;
}
.error-small-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font32);
  line-height: 1.3;
  text-transform: capitalize;
  margin-bottom: 14px;
}
.error-para {
  margin-bottom: 38px;
}
.error-para p {
  color: #000;
  text-align: center;
  font-size: var(--font24);
  line-height: 1.5;
  text-transform: capitalize;
  max-width: 604px;
}
/* 404 Ends */
/* Thank You Popup Starts */
.thankyou-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  gap: 14px;
  z-index: 2;
  display: none;
}
.thankyou-box.active {
  display: flex;
}
.thankyou-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font32);
  line-height: 1.3;
}
.thankyou-para p {
  color: #282828;
  font-family: "helvetica_neue_medium";
  font-size: var(--font24);
  line-height: 1.5;
  margin-bottom: 28px;
}
.thank-you-info {
  max-width: 526px;
  padding: 34px 34px 34px 74px;
  flex: 1;
}
.thank-you-img {
  width: 392px;
  height: 412px;
}
.thank-you-img img {
  object-fit: contain;
  object-position: left;
}
/* Thank You Popup Ends */
/* About Page Starts */
.abt-info .comm-page-hdn {
  margin-bottom: 24px;
}
.abt-info p {
  color: #282828;
  font-family: "helvetica_neue_regular";
  font-size: var(--font18);
  line-height: 1.6;
  margin-bottom: 20px;
}
.abt-info video {
  width: 100%;
  height: 100%;
  margin: 60px 0;
  border-radius: 30px;
  overflow: hidden;
  object-fit: cover;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.abt-grid-sec {
  padding: 50px 0 100px;
}
.abt-grid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 30px;
  height: 600px;
}
.abt-grid {
  overflow: hidden;
  border-radius: 20px;
}
.abt-grid-info h3 {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font48);
  line-height: 1.2;
}
.abt-grid-info h4 {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.2;
}
.abt-grid1 {
  grid-area: 1 / 1 / 4 / 2;
  background: #e7f5ff;
  position: relative;
  padding: 34px;
}
.abt-grid1 img {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
  object-fit: contain;
}
.abt-grid2 {
  grid-area: 1 / 2 / 4 / 4;
}
.abt-grid3 {
  grid-area: 1 / 4 / 3 / 5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 34px;
  padding: 32px 36px;
  background: #e0fbfb;
}
.abt-grid3 img {
  width: 58px;
  object-fit: contain;
}
.abt-grid4 {
  grid-area: 4 / 1 / 6 / 2;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 34px;
  padding: 32px 36px;
  background: #faecee;
}
.abt-grid4 img {
  width: 58px;
  object-fit: contain;
}
.abt-grid5 {
  grid-area: 4 / 2 / 6 / 4;
  display: flex;
  gap: 26px;
}
.abt-divide-left {
  width: 32%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
  padding: 16px 16px 22px 16px;
  border-radius: 20px;
  background: linear-gradient(0deg, #fff1cc 0%, #fff1cc 100%);
}
.abt-divide-left img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
  margin-left: auto;
}
.abt-divide-right {
  width: 68%;
  border-radius: 20px;
  overflow: hidden;
}
.abt-grid6 {
  grid-area: 3 / 4 / 6 / 5;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 34px;
  padding: 36px;
  background: #e3ffdd;
}
.abt-grid6 img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
  margin-left: auto;
}
.explore-sec {
  padding-bottom: 30px;
}
.abt-explore-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font40);
  line-height: 1.2;
  margin-bottom: 14px;
  text-align: center;
}
.abt-explore-para {
  margin-bottom: 30px;
}
.abt-explore-para p {
  color: #282828;
  font-size: var(--font18);
  line-height: 1.5;
  text-align: center;
}
.abt-button-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.game-info-bg {
  background: #faecee;
  padding: 70px 0 170px;
}
.game-info {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
}
.game-img {
  width: 314px;
  margin: 0 auto 50px;
}
.game-para {
  margin-bottom: 36px;
}
.game-para p {
  color: #282828;
  text-align: center;
  font-size: var(--font16);
  line-height: 1.6;
  margin-bottom: 20px;
}
.game-para p:last-child {
  margin-bottom: 0;
}
.comm-nav-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transform: translateY(-50%);
}
.comm-nav {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}
.value-hdn-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.value-hdn-wrap img {
  width: 28px;
  height: 28px;
}
.value-swiper {
  margin-top: 32px;
  overflow: visible;
}
.value-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.swiper-button-disabled.comm-nav {
  pointer-events: none;
  opacity: 0.3;
}
.value-section {
  overflow: hidden;
}
.value-section:hover .comm-nav-wrap {
  opacity: 1;
}
.value-section:hover .comm-nav {
  scale: 1;
}
.value-box {
  border-radius: 20px;
  background: #f3f3f3;
  padding: 40px 30px 30px 30px;
}
.value-img {
  width: 90px;
  height: 90px;
  margin-bottom: 22px;
  user-select: none;
}
.value-img img {
  object-fit: contain;
}
.value-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  line-height: 1.2;
  margin-bottom: 16px;
}
.value-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
}
.hand-wrap {
  position: relative;
  height: 60vw;
  width: 100vw;
  overflow: hidden;
}
.hand-img {
  position: absolute;
  scale: 1.3;
}
.hand1 {
  left: 0;
  bottom: 16%;
  width: 22vw;
  transform: rotate(14deg);
}
.hand2 {
  left: 8%;
  bottom: 0;
  transform: rotate(33deg);
  width: 17vw;
}
.hand3 {
  bottom: 31%;
  left: 16%;
  width: 18vw;
}
.hand4 {
  width: 17vw;
  left: 38%;
  bottom: 44%;
}
.hand5 {
  right: 24%;
  top: 18%;
  width: 22vw;
  transform: rotate(-25deg);
}
.hand6 {
  right: 16%;
  top: 5%;
  width: 12vw;
}
.hand7 {
  right: 0;
  top: 5%;
  width: 21vw;
  transform: rotate(29deg);
}
.hand-btm {
  position: absolute;
  bottom: 0px;
  width: 100vw;
  z-index: 2;
}
.look-section {
  background: #bd2340;
  overflow: hidden;
  margin-top: 60px;
}
.look-wrap {
  display: flex;
  align-items: flex-end;
  gap: 36px;
  padding-top: 34px;
}
.look-wrap .vision-info {
  padding: 24px 0;
}
.look-img {
  width: 400px;
}
.look-img img {
  object-fit: contain;
}
/* About Page Ends */
/* Products Page Starts */
.simplify-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 74vh;
  animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.simplify-info {
  max-width: 575px;
  width: 100%;
}
.simplify-img {
  width: 470px;
  height: 470px;
  border-radius: 100%;
}
.simplify-img img {
  object-fit: contain;
}
.target-height {
  height: 240vh;
}
.target-box {
  position: sticky;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
}
.target-info-box {
  max-width: 510px;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 36px;
  position: relative;
  margin: auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.target-hdn-mob {
  display: none;
}
.target-product-box {
  width: 420px;
  height: 420px;
  position: relative;
}
.target-product-img {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  opacity: 0;
  scale: 1.2;
}
.target-product-dummy {
  width: 65%;
  height: 65%;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  overflow: hidden;
  opacity: 0;
}
.target-trigger {
  position: absolute;
}
.target-trigger-1 {
  top: 0;
}
.target-trigger-2 {
  top: 100vh;
}
.product-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.product1 {
  width: 200px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(-230%, -170%);
}
.product2 {
  width: 154px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(200%, -210%);
}
.product3 {
  width: 160px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(-370%, -50%);
}
.product4 {
  width: 190px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(190%, -60%);
}
.product5 {
  width: 140px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(-320%, 130%);
}
.product6 {
  width: 144px;
  border-radius: 100%;
  overflow: hidden;
  transform: translate(320%, 120%);
}
.target-info {
  transform: translateY(50%);
  opacity: 0;
  height: 126px;
  overflow: hidden;
}
.target-info .comm-sec-hdn {
  text-align: center;
  margin-bottom: 36px;
}
.target-info .comm-sec-hdn:last-child {
  margin-bottom: 0;
}
.range-height {
  position: relative;
}
.range-height .comm-sec-hdn {
  margin-bottom: 36px;
}
.range-sticky {
  position: sticky;
  top: calc(var(--header-height) + 8%);
  pointer-events: none;
}
.range-box {
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.range-e7f {
  background: #e7f5ff;
}
.range-fae {
  background: #faecee;
}
.range-e0f {
  background: #e0fbfb;
}
.range-fff {
  background: #fff9eb;
}
.range-f4f {
  background: #f4f2fd;
}
.range-eff {
  background: #efffea;
}
.range-info {
  padding: 56px 0 56px 44px;
  max-width: 420px;
  flex: 1;
}
.range-hdn {
  width: fit-content;
  margin-bottom: 16px;
}
.range-para {
  margin-bottom: 24px;
}
.range-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
}
.range-btn-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: all;
}
.range-img {
  width: 530px;
  height: 435px;
}
.range-img img {
  object-fit: contain;
}
.range-sticky {
  overflow: hidden;
}
.range-swiper {
  overflow: visible;
  padding-bottom: 30px;
}
.range-swiper .swiper-wrapper {
  padding-bottom: 30px;
}
.range-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.key-section {
  overflow: hidden;
}
.key-section:hover .comm-nav-wrap {
  opacity: 1;
}
.key-section:hover .comm-nav {
  scale: 1;
}
.key-box {
  border-radius: 16px;
  overflow: hidden;
  background: #f3f3f3;
  height: 100%;
}
.key-swiper {
  margin-top: 34px;
  overflow: visible;
}
.key-swiper .swiper-wrapper {
  padding-bottom: 30px;
}
.key-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.swiper-scrollbar {
  bottom: -5%;
  background: #f3f3f3;
}
.swiper-scrollbar-drag {
  background: #bd2340;
}
.key-lottie {
  width: 100%;
  height: 360px;
}
.key-lottie dotlottie-player {
  width: 100%;
  height: 100%;
  display: block;
}
.key-info {
  padding: 30px 28px 20px;
}
.key-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  line-height: 1.2;
  margin-bottom: 10px;
}
.key-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
}
.propel-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.propel-wrap .vision-info {
  max-width: 475px;
}
.propel-img {
  max-width: 620px;
  width: 100%;
  height: auto;
}
/* Products Page Ends */
/* Event detail starts */
.event-hdn-section {
  position: relative;
}
.event-bg {
  width: 100%;
  height: 100%;
}
.event-hdn-box {
  padding: 42px 0 18px;
  position: relative;
}
.event-handler-img {
  max-width: 240px;
  width: 100%;
  margin: 0 0 40px auto;
}
.event-hdn {
  color: #000;
  font-family: "helvetica_neue_medium";
  font-size: var(--font52);
  line-height: 1.2;
  margin-bottom: 34px;
}
.event-hdn span {
  color: #bd2340;
  position: relative;
  padding-left: 34px;
}
.event-hdn span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: #bd2340;
  position: absolute;
  top: 32%;
  left: 0;
  border-radius: 100%;
  overflow: hidden;
}
.event-img {
  max-width: 350px;
  width: 100%;
  margin-bottom: 24px;
}
.event-place-img {
  max-width: 316px;
  width: 100%;
  margin-left: auto;
}
.event-box-hdn {
  color: #bd2340;
  font-family: "helvetica_neue_bold";
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 6px;
}
.event-box-wrap {
  display: flex;
  justify-content: space-between;
  gap: 22px;
}
.event-big-para {
  margin-bottom: 20px;
}
.event-big-para p {
  color: #282828;
  font-family: "helvetica_neue_medium";
  font-size: var(--font24);
  line-height: 1.5;
  margin-bottom: 16px;
}
.event-big-para p:last-child {
  margin-bottom: 0;
}
.event-para {
  margin: 60px 0 64px;
}
.event-para p {
  color: #282828;
  font-size: var(--font20);
  line-height: 1.5;
  margin-bottom: 16px;
}
.event-para p:last-child {
  margin-bottom: 0;
}
.event-box {
  padding: 28px;
  border-radius: 12px;
  overflow: hidden;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.event-box a {
  position: relative;
  z-index: 2;
}
.event-box p {
  color: #000;
  font-size: var(--font16);
  line-height: 1.5;
  margin-bottom: 20px;
}
.event-bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.event-info {
  position: relative;
  z-index: 2;
}
/* Event detail ends */
.current-event-box {
  position: relative;
  margin-top: 30px;
}
.current-event-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.current-btn-wrap {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: fit-content;
  display: flex;
  gap: 24px;
}
/* Empower Starts 04/11/2024 */
.empower-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.empower-left {
  max-width: 614px;
  width: 100%;
  flex: 1;
}
.empower-left .comm-sec-hdn {
  margin-bottom: 24px;
}
.empower-lottie {
  width: 530px;
}
.explore-tab-hdn {
  color: #fff;
  font-size: var(--font40);
  font-family: "helvetica_neue_bold";
  line-height: 1.2;
}
.explore-tab-hdn-box {
  padding: 40px 0 20px;
  background: #bd2340;
}
.explore-tab-box {
  padding: 10px 0 0;
  background: #bd2340;
  position: sticky;
  top: 53px;
  z-index: 2;
}
.explore-tab-container {
  position: relative;
}
.explore-tab-wrap ul {
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
}
.explore-tab-wrap ul a {
  color: #fff;
  font-size: var(--font16);
  font-family: "helvetica_neue_medium";
  line-height: 1.5;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.explore-tab-wrap ul li {
  padding: 12px 24px;
  white-space: nowrap;
}
.explore-tab-wrap ul li.active a {
  color: #000;
}
.indicator {
  position: absolute;
  height: 6px;
  background: #fff;
  border-radius: 12px 12px 0 0;
  bottom: -2px;
  z-index: -1;
}
.tab-box {
  display: none;
}
.speed-section {
  padding: var(--comm-space) 0;
  position: relative;
  overflow: hidden;
}
.speed-section .work-detail-video {
  margin-bottom: 0;
  z-index: 1;
  position: relative;
}
.speed-section::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg-gredient.svg") no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.speed-hdn-box {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 40px;
  text-align: center;
  z-index: 1;
  position: relative;
}
.speed-hdn-box .comm-sub-hdn {
  margin-bottom: 14px;
}
.comm-small-hdn {
  height: 52px;
  padding: 0 40px;
  border-radius: 90px;
  border: 1px solid #000;
  overflow: hidden;
  color: #000;
  text-align: center;
  font-size: var(--font24);
  line-height: 1.3;
  margin: 0 auto 24px;
  width: fit-content;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-hdn-box {
  max-width: 620px;
  width: 100%;
  margin: 0 auto 60px;
}
.feature-hdn-box .comm-sub-hdn {
  text-align: center;
}
.demo-section {
  background: #fff5f7;
}
.demo-box {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.demo-box p {
  color: #000;
  text-align: center;
  font-size: var(--font18);
  line-height: 1.4;
  margin-bottom: 48px;
}
.demo-hdn {
  color: #000;
  text-align: center;
  font-size: var(--font32);
  font-family: "helvetica_neue_bold";
  line-height: 1.25;
  margin-bottom: 20px;
}
.feature-section {
  position: relative;
  padding: var(--comm-space) 0;
  overflow: hidden;
}
.feature-section .container {
  position: relative;
  z-index: 1;
}
.feature-section:nth-child(odd) .label-app-box {
  flex-direction: row-reverse;
}
.feature-section:nth-child(odd)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg-gredient.svg") no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.label-app-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
  position: relative;
}
.label-app-left {
  max-width: 600px;
  width: 100%;
}
.label-app-right {
  flex: 1;
  display: flex;
  align-items: center;
  max-width: 402px;
  width: 100%;
  position: relative;
}
.bottom-elem {
  width: 69px;
  height: 54px;
  position: absolute;
  bottom: -106px;
  left: -21px;
  display: none;
}
.label-img {
  display: block;
  width: 100%;
  height: 600px;
}
.label-img img {
  object-fit: contain;
}
.acc-box {
  padding: 30px 0;
  background: transparent;
  position: relative;
  display: flex;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.label-btn {
  margin-left: 45px;
}
.acc-box.active .acco-hdn {
  color: #bd2340;
}
.acc-box.active .acc-dot {
  background: #bd2340;
}
.acc-box.active .acc-dot::after {
  opacity: 1;
  visibility: visible;
}
.acc-box.active .acc-dot span {
  height: 100%;
  transition: all 4s ease-in-out;
  -webkit-transition: all 4s ease-in-out;
}
.acc-box.active .acco-para {
  display: block;
}
.acc-cont {
  flex: 1;
}
.acc-dot {
  display: block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: #d7d7d7;
  border-radius: 100%;
  margin-right: 30px;
  z-index: 1;
}
.acc-dot span {
  display: block;
  height: 0;
  width: 1px;
  position: absolute;
  margin-left: 15px;
  margin-top: 30px;
  background: #bd2340;
  z-index: 9;
}
.acc-dot:before {
  content: "";
  display: block;
  background: transparent url(../img/line.svg) repeat-y bottom;
  height: 100%;
  width: 1px;
  position: absolute;
  margin-left: 15px;
  margin-top: 30px;
}
.acc-dot::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  background: #bd2340;
  z-index: 2;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.acco-hdn {
  font-size: var(--font24);
  font-family: "helvetica_neue_bold";
  line-height: 1.3;
  color: #747474;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.acco-para {
  display: none;
  margin-top: 10px;
}
.acco-para p {
  font-size: var(--font16);
  line-height: 1.6;
  color: #747474;
  margin-bottom: 8px;
}
.acco-para p:last-child {
  margin-bottom: 0;
}
.comm-swiper {
  overflow: visible;
}
.comm-swiper .comm-feature-pagi {
  display: none;
}
.comm-swiper .swiper-wrapper {
  display: block;
}
.acc-main-box {
  width: 100%;
}
.acc-main-box .swiper-slide:last-child .acc-box .acc-dot:before,
.acc-main-box .swiper-slide:last-child .acc-box .acc-dot span {
  display: none;
}
.acc-img {
  display: none;
}
.comm-feature-pagi {
  gap: 11px;
}
.comm-feature-pagi .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  overflow: hidden;
  background: #d7d7d7;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.comm-feature-pagi .swiper-pagination-bullet-active {
  background: #bd2340;
}
/* Empower Ends 04/11/2024 */
.content-body .wp-block-columns {
  gap: 30px;
}
.event-content {
  flex: 1;
}
.event-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.element-item {
  flex: 1;
}
.partner-logo-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 100px;
  padding-bottom: 50px;
}
.partner-logo {
  max-width: 160px;
  max-height: 90px;
  width: 20%;
  filter: grayscale(1);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.partner-logo img {
  object-fit: contain;
}
.partner-logo:hover {
  filter: grayscale(0);
}
.partner-hdn {
  margin: 60px auto 50px;
}
.term-card {
  border-radius: 20px;
  padding: 35px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.term-img {
  margin-bottom: 35px;
}
.term-img img {
  object-fit: contain;
}
.term-img img {
  max-width: 200px;
  max-height: 45px;
}
.term-plan {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.term-detail {
  border-radius: 20px;
  background: #fff;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: auto;
}
.term-num {
  color: #000;
  font-size: var(--font48);
  font-family: "helvetica_neue_bold";
  line-height: 1.25;
}
.term-text {
  color: #000;
  font-size: var(--font14);
  font-family: "helvetica_neue_medium";
  line-height: 1.57;
}
.termSwiper {
  margin-top: 60px;
  overflow: visible;
}
.termSwiper .swiper-slide:nth-child(1n) .term-card {
  background: #ecf6fe;
}
.termSwiper .swiper-slide:nth-child(2n) .term-card {
  background: #f4f2fd;
}
.termSwiper .swiper-slide:nth-child(3n) .term-card {
  background: #fff0fa;
}
.termSwiper .swiper-slide:nth-child(4n) .term-card {
  background: #efffeb;
}
.termSwiper .swiper-wrapper {
  padding-bottom: 30px;
}
.red-icon {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.wh-icon {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.tab-icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.future-arrow {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  animation-delay: 0;
}
.future-wrap li {
  margin-bottom: 24px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.future-wrap li p {
  color: #000;
  font-size: var(--font18);
  font-family: "helvetica_neue_regular" !important;
  line-height: 1.4;
  letter-spacing: normal !important;
  text-transform: capitalize !important;
}
.future-wrap li:last-child {
  margin-bottom: 0;
}
.future-wrap .tab-icon img {
  position: absolute;
  left: 0;
  top: 0;
}
.future-wrap li {
  display: flex;
  align-items: center;
  gap: 14px;
}
.future-wrap li.active .red-icon {
  opacity: 1;
  visibility: visible;
}
.future-wrap .tab_container {
  height: 550px;
  overflow: hidden;
}
.future-acc-item .active > p,
.future-wrap .active > p {
  color: #bd2340 !important;
  font-weight: 900 !important;
}
.future-acc-item .active .red-icon,
.future-wrap .active .red-icon {
  opacity: 1;
  visibility: visible;
}
.future-acc-item .active .wh-icon,
.future-wrap .active .wh-icon {
  opacity: 0;
  visibility: visible;
}
.future-acc-item .active .future-arrow,
.future-wrap .active .future-arrow {
  transform: rotate(-90deg);
}
.future-acc-item .active .future-list-left p,
.future-wrap .active .future-list-left p {
  color: #bd2340 !important;
  font-family: "helvetica_neue_bold" !important;
}
.synergy-img {
  width: 44px;
  height: 44px;
}
.synergy-img img {
  object-fit: contain;
}
.synergy-card {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.synergy-content {
  flex: 1;
}
.synergy-content .comm-para {
  margin-bottom: 8px;
}
.synergy-wrap .f-row {
  justify-content: center;
  gap: 70px 0;
}
.synergy-wrap .hdn28 {
  width: 80%;
  margin: 0 auto;
}
.expect-wrap .hdn40 {
  margin-bottom: 80px;
}
.expect-icon {
  width: 58px;
  height: 58px;
}
.expect-icon img {
  object-fit: contain;
}
.expect-card {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding: 20px 40px;
  border-radius: 20px;
  border: 1px solid #d7d7d7;
  background: #fff;
  margin-bottom: 20px;
  cursor: pointer;
}
.expect-card:last-child {
  margin-bottom: 0;
}
.expect-content {
  flex: 1;
}
.expect-content.active {
  height: auto;
}
.expect-content .expect-text {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 1.5s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  margin-bottom: 10px;
}
.expect-content.active .expect-text {
  -webkit-line-clamp: unset;
  overflow: visible;
  word-break: break-word;
  width: 100%;
}
.expect-content h3 {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}
.expect-content h3:last-child {
  margin-bottom: 0;
}
.expect-content p {
  color: #282828;
  font-family: "helvetica_neue_regular";
  font-size: var(--font16);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 30px;
}
.expect-content p:last-child {
  margin-bottom: 0;
}
.expect-content li {
  color: #282828;
  font-family: "helvetica_neue_regular" !important;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative;
  padding-left: 14px;
}
.expect-content li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #282828;
  position: absolute;
  left: 0;
  top: 8px;
}
.expect-content ul {
  margin-bottom: 16px;
}
.tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 10px 0;
}
.tags li {
  padding-left: 0;
  border-radius: 120px;
  background: #f4f2fd;
  color: #000;
  text-align: center;
  font-size: var(--font16);
  font-family: "helvetica_neue_medium";
  line-height: 1.5;
  white-space: nowrap;
  padding: 22px;
  flex: 1;
}
.tags li:before {
  content: none;
}
.read-text p {
  color: #12a1a1;
  text-align: right;
  font-size: var(--font16);
  font-family: "helvetica_neue_medium";
  line-height: 1.5;
}
.year-wrap {
  text-align: left;
}
.year-wrap .hdn40 {
  max-width: 830px;
}
.year-img {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 0;
}
.year-top {
  top: -90px;
}
.year-bottom {
  bottom: -100px;
}
.year-sec {
  padding: 60px 0 250px;
  background: #bd2340;
}
.year-wrap {
  position: relative;
}
.tab-card {
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  opacity: 0.8;
  background: #fff;
  padding: 24px;
}
.bg-grad {
  position: relative;
}
.bg-grad::before {
  content: "";
  width: 100%;
  height: 110%;
  background: url("../img/future-bg.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.bg-prod {
  position: relative;
}
.bg-prod::before {
  content: "";
  width: 100%;
  height: 110%;
  background: url("../img/prod-bg.png");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.wh-grad {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 0;
  right: 0;
}
.synergy-sec {
  padding-bottom: 120px;
  position: relative;
}
.synergy-sec::before {
  content: "";
  width: 100%;
  height: 70%;
  background: url("../img/future-bg.png");
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0%);
  z-index: 0;
  background-size: contain;
}
.synergy-sec .wh-grad {
  height: 600px;
  z-index: -1;
}
.synergy-sec .container {
  position: relative;
}
.cross-wh::before {
  content: "";
  width: 100%;
  height: 450px;
  position: absolute;
  bottom: -400px;
  left: 0;
  background: url("../img/wh-bg.png");
  z-index: -1;
}
.list li {
  color: #282828;
  font-size: var(--font14);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
}
.list li:last-child {
  margin-bottom: 0;
}
.list li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 0%;
  transform: translate(-50%, -50%);
}
.list.two-col ul {
  flex-wrap: wrap;
  display: flex;
}
.list.two-col li {
  width: 50%;
  margin-bottom: 10px;
}
.red,
.red p {
  color: #bd2340 !important;
}
.long-sec {
  padding-top: 180px;
}
.mob-future {
  display: none;
  margin-top: 24px;
}
.future-acc-btm {
  border-radius: 16px;
  background: #fff;
  padding: 40px 20px;
  margin-top: 50px;
}
.future-arrow {
  width: 24px;
  height: 24px;
}
.future-arrow img {
  object-fit: contain;
}
.future-acc-top li {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.future-acc-top li img {
  position: static;
}
.future-list-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.future-acc-item {
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.future-acc-item.active {
  color: #bd2340;
}
.future-acc-item.active .red-icon {
  opacity: 1;
  visibility: visible;
}
.future-acc-item.active .wh-icon {
  opacity: 0;
  visibility: visible;
}
.future-acc-item.active .future-arrow {
  transform: rotate(-90deg);
}
.bg-short::before {
  aspect-ratio: 1884/1251;
}
.grad-btm {
  padding-bottom: 120px;
}
.pb240 {
  padding-bottom: 240px;
}
.pt120 {
  padding-top: 120px;
}
.page-top-img {
  width: 224px;
}
.page-top-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.comm-list h2 {
  color: #000;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 8px;
}
.comm-list li {
  color: #282828;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}
.comm-list li:last-child {
  margin-bottom: 0;
}
.comm-list li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
.comm-list.two-col ul {
  flex-wrap: wrap;
  display: flex;
}
.comm-list.two-col li {
  width: 50%;
  margin-bottom: 10px;
}
.comm-list.white li {
  color: #fff;
}
.comm-list.white li::before {
  background: #fff;
}
.comm-list.check-bullet li {
  padding-left: 35px;
}
.comm-list.check-bullet li:before {
  font-family: "icomoon" !important;
  content: " ";
  position: absolute;
  left: 0;
  top: -1px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff5f5;
  color: #bd2340;
}
.sol-box .comm-list.check-bullet li:before {
  content: "";
  background: url("../img/red-wh-tick.svg") no-repeat;
}
.catlyst-box-list {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 50px;
}
.num-font {
  color: #f3f3f3;
  font-size: 160px;
  font-family: "helvetica_neue_bold";
  line-height: 1;
  padding: 0 30px;
}
.flex1-mw0 {
  flex: 1;
  min-width: 0;
}
.transformation-img {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.transformation-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.transformation-img img {
  object-fit: contain;
}
:root {
  --marker-width: 130px;
}
.inner-page-hdn {
  color: #282828;
  font-size: var(--font28);
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
}
.journey-list-main-box .journey-list:last-child {
  padding-bottom: 0;
}
.marker {
  width: var(--marker-width);
  overflow: hidden;
  margin: 0;
  position: relative;
}
.marker img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marker img {
  object-fit: contain;
}
.year-num {
  color: #000;
  text-align: center;
  background: #fff;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 110px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 100%;
}
.year-num p {
  font-size: 24px;
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
}
.year-num span {
  display: block;
  color: #000;
  font-size: 32px;
  font-family: "helvetica_neue_bold";
  line-height: 1;
}
.joury-year {
  margin-bottom: 16px;
  display: none;
}
.joury-year p {
  color: #000;
  font-size: 20px;
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
}
.journey-list-box {
  border-radius: 30px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 40px;
  margin-top: 40px;
  position: relative;
}
.journey-list {
  position: relative;
  padding-bottom: 100px;
}
.journey-list:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #bd2340;
  position: absolute;
  left: calc(var(--marker-width) / 2);
}
.journey-inner-list {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.journey-hdn {
  color: #000;
  font-size: var(--font24);
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
  margin-bottom: 16px;
}
.journey-content h2 {
  color: #000;
  font-size: var(--font18);
  font-family: "helvetica_neue_bold";
  line-height: 26px;
  margin-bottom: 8px;
}
.journey-content p {
  color: #282828;
  font-size: var(--font14);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 30px;
}
.journey-content ul {
  margin-bottom: 40px;
}
.journey-content ul li {
  color: #282828;
  font-size: var(--font16);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  position: relative;
  padding-left: 16px;
  margin-bottom: 10px;
}
.journey-content ul li:last-child {
  margin-bottom: 0;
}
.journey-content ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}
.journey-content ul li div {
  display: grid;
  gap: 12px;
  margin: 16px 0;
  max-width: 620px;
  grid-template-columns: repeat(3, 1fr);
}
.journey-content ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  color: #000;
  font-size: 16px;
  font-family: "helvetica_neue_regular";
  padding: 7px 15px;
  line-height: 1.5;
  border-radius: 50px;
  background: #f4f2fd;
}
.journey-content ul:last-child {
  margin-bottom: 0;
}
.journey-content.red-cont ul li::before {
  background: #bd2340;
}
.comm-rev {
  position: relative;
}
.dot-circle {
  opacity: 0.05;
  border: 100px solid #000;
  border-radius: 100%;
  width: 60vw;
  height: 60vw;
  display: block;
  position: absolute;
  left: -30vw;
  top: -30vw;
}
.dot-circle.big-circle {
  width: 80vw;
  height: 80vw;
  right: -30vw;
  bottom: -30vw;
  left: auto;
  top: auto;
}
.watermark {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0vw;
  top: 0vw;
  background: url("../img/watermark.png") no-repeat;
  background-position: center center;
  z-index: -1;
}
.catalyst-box {
  padding: 120px 0;
}
.comm-flex-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.viz-care-box {
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 20px;
  border: 1px solid #d7d7d7;
  background: #fff;
  padding: 40px;
}
.viz-care-img {
  width: 130px;
  overflow: hidden;
  margin: 0;
}
.viz-care-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viz-care-hdn {
  color: #000;
  font-size: var(--font24);
  font-family: "helvetica_neue_bold";
  line-height: 1.5;
  margin-bottom: 10px;
}
.viz-care-para {
  color: #282828;
  font-size: var(--font18);
  font-family: "helvetica_neue_regular";
  line-height: 1.5;
  margin-bottom: 20px;
}
/* home */
.main-container.home-pt {
  padding-top: 0;
}
.home-ban-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 530px;
  flex: 1;
  min-width: 0;
  gap: 30px;
  padding: 50px 50px 60px;
}
.home-ban-hdn {
  color: #000;
  font-size: var(--font28);
  line-height: 1.2;
  margin-bottom: 8px;
}
.home-ban-hdn span {
  font-family: "helvetica_neue_bold";
}
.home-ban-para p {
  font-family: "helvetica_neue_regular";
  color: #000;
  font-size: var(--font20);
  line-height: 1.4;
}
.home-ban-right {
  flex: 1;
}
.home-ban-img {
  width: 100%;
  height: 100%;
}
.home-ban-img picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.home-ban-box {
  border-radius: 20px;
  background: #fff;
  position: relative;
  z-index: 2;
}
.home-ban-box .comm-nav-wrap {
  transform: translateY(calc(-50% + 20px));
  left: 0;
}
.homeBanSwiper .swiper-slide {
  background: #fff;
}
.home-top-img {
  max-width: 200px;
  margin-bottom: 26px;
  aspect-ratio: 200 / 70;
}
.home-top-img img {
  object-fit: contain;
  object-position: left;
}
.home-ban-swiper .swiper-slide {
  height: auto;
}
.home-ban-swiper .home-ban-pagination {
  padding: 0 20px 10px;
}
.excellence-img {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #ca4f66;
  height: 70px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.excellence-img img {
  max-width: 160px;
  max-height: 35px;
  object-fit: contain;
  mix-blend-mode: plus-lighter;
}
.excellence-box {
  display: flex;
  justify-content: space-between;
  gap: 90px;
}
.excellence-cont {
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.excellence-img-box {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.excellence-sec-box {
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  background: #bd2340;
  padding: 240px 0 120px;
}
.support-sec-box {
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  background: #bd2340;
  padding: 240px 0;
}
.meet-main-box {
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  background: linear-gradient(90deg, #fff2f4 0, #d7f2ff 100%);
  padding: 240px 0 140px;
  margin: -240px 0 -70px;
}
.skew-box {
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  background: #bd2340;
  padding: 140px 0;
}
.viz-main-img {
  width: 300px;
  overflow: hidden;
  margin: 0;
}
.viz-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viz-main-box {
  display: flex;
  gap: 70px;
}
.viz-care-left {
  width: 550px;
}
.viz-care-right {
  display: grid;
  gap: 40px;
  flex: 1;
  min-width: 0;
}
.viz-main-cont {
  position: sticky;
  top: 160px;
}
.swiper-pagination {
  text-align: left;
  bottom: 0 !important;
}
.meet-us-box {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 880px;
  margin: auto;
}
.meet-img {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
.meet-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meet-img img {
  object-fit: contain;
}
.jc-fe {
  justify-content: flex-end;
}
.mob-view {
  display: none;
}
.fw300 {
  font-family: "helvetica_neue_light" !important;
}
.fw400,
.fw400 p {
  font-family: "helvetica_neue_regular" !important;
}
/* home end */
/* product */
.support-box {
  padding: 24px;
  padding-bottom: 60px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.support-box .comm-list li {
  margin-bottom: 20px;
}
.support-box .comm-list li:last-child {
  margin-bottom: 0;
}
.support-hdn-box {
  background: #f4f2fd;
  padding: 24px;
  margin: -24px;
  margin-bottom: 24px;
  min-height: 110px;
  display: flex;
  align-items: center;
}
.support-hdn-box h2 {
  width: 98%;
}
.purple-bullet .support-hdn-box {
  background: #f4f2fd;
}
.purple-bullet .comm-list.check-bullet li:before {
  background: url("../img/purple-tick.svg") no-repeat;
}
.green-bullet .support-hdn-box {
  background: #efffeb;
}
.green-bullet .comm-list.check-bullet li:before {
  background: url("../img/green-tick.svg") no-repeat;
}
.brown-bullet .support-hdn-box {
  background: #fff9eb;
}
.brown-bullet .comm-list.check-bullet li:before {
  background: url("../img/yellow-tick.svg") no-repeat;
}
.red-bullet .comm-list.check-bullet li:before {
  background: url("../img/dark-red-tick.svg") no-repeat;
}
.blue-bullet .comm-list.check-bullet li:before {
  background: url("../img/blue-tick.svg") no-repeat;
}
/* product end */
.list-head {
  margin-bottom: 10px !important;
}
/* Xperience Starts */
.xperience-logo {
  max-width: 230px;
  height: auto;
  margin: 0 auto 40px;
  display: block;
}
.xp-card-wrap {
  max-width: 1110px;
  width: 100%;
  margin: 60px auto 0 auto;
}
.xp-card-wrap .f-row {
  row-gap: 30px;
  margin-bottom: 50px;
}
.xp-card-wrap .f-row:last-child {
  margin-bottom: 0;
}
.xp-card-wrap .f-col {
  display: flex;
  height: auto;
}
.xp-card-wrap .f-col:nth-child(1n) .xp-card {
  background: #d7f1fe;
}
.xp-card-wrap .f-col:nth-child(2n) .xp-card {
  background: #fff0fa;
}
.xp-card-wrap .f-col:nth-child(3n) .xp-card {
  background: #efffeb;
}
.xp-card-wrap .f-col:nth-child(4n) .xp-card {
  background: #f4f2fd;
}
.xp-card {
  border-radius: 10px;
  overflow: hidden;
  padding: 30px 40px 20px;
}
.xp-card p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.xp-card .banner-cta {
  margin-left: auto;
}
.xp-img {
  height: 54px;
  margin-bottom: 28px;
}
.xp-img img {
  width: fit-content;
  object-fit: contain;
}
.intel-main-box {
  width: 100%;
}
.intel-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.intel-wrap:last-child {
  margin-bottom: 0;
}
.intel-icon {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
}
.intel-info {
  flex: 1;
}
.intel-info p {
  color: #fff;
  font-size: var(--font16);
  line-height: 1.5;
}
.intel-hdn {
  color: #fff;
  font-size: var(--font18);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 4px;
}
.viz-ai-img {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 20px;
}
.intel-list-box {
  max-width: 944px;
  width: 100%;
  margin: 0 auto 80px;
}
.intel-list-box .arrow-bullet-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 40px;
}
.intel-list-box .arrow-bullet-box ul li {
  width: calc(50% - 20px);
  font-size: var(--font18);
}
.arrow-bullet-box ul li {
  padding-left: 22px;
  margin-bottom: 30px;
  position: relative;
  color: #282828;
  font-size: 14px;
  line-height: 1.5;
}
.arrow-bullet-box ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../img/arrow-bullets.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 0;
}
.arrow-bullet-box ul li:last-child {
  margin-bottom: 0;
}
.xp-pro-img {
  width: fit-content;
  height: 50px;
  margin-bottom: 32px;
}
.xp-pro-img img {
  object-fit: contain;
  object-position: left;
}
.xp-pro-info {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 50px;
}
.xp-pro-info p {
  color: #000;
  font-size: var(--font16);
  line-height: 1.5;
  flex: 1;
}
.xp-pro-hdn {
  color: #000;
  font-size: var(--font28);
  font-weight: 700;
  line-height: 1.2;
  max-width: 520px;
  width: 100%;
}
.xp-pro-swiper {
  width: 100%;
  aspect-ratio: 1180/650;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.xp-pro-swiper:hover .comm-nav-wrap {
  opacity: 1;
}
.blue-frame {
  border: 20px solid #F2F6FC;
  border-radius: var(--br20);
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.xp-swiper-img {
  width: 100%;
  height: 100%;
}
.xp-thumb-img {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.xp-thumb-swiper {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 40px;
  height: 32px;
}
.xp-thumb-swiper .swiper-slide-thumb-active .xp-thumb-img {
  border: 1px solid #bd2340;
}
.swiper-button-lock {
  display: none;
}
.xp-detail-swiper {
  margin: 130px 0 80px 0;
  overflow: visible;
}
.xp-detail-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.xp-detail-swiper .swiper-slide:first-child .xp-detail-box {
  border: 1px solid #fecded;
  background: #fff3f6;
}
.xp-detail-swiper:hover .comm-nav-wrap {
  opacity: 1;
}
.xp-detail-box {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  background: #fff;
  padding: 24px;
}
.xp-detail-box .arrow-bullet-box ul li:last-child {
  margin-bottom: 0;
}
.xp-detail-img {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}
.xp-detail-hdn {
  color: #000;
  font-size: var(--font20);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px;
}
.xp-btn-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 100px;
  flex-wrap: wrap;
  padding-bottom: 100px;
}
.xp-product-section {
  overflow: hidden;
}
.schedule-box {
  width: 100%;
  height: 290px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 24px;
}
.schedule-info {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.schedule-hdn {
  color: #000;
  text-align: center;
  font-size: var(--font20);
  font-weight: 700;
  line-height: 1.25;
}
.schedule-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.schedule-img img {
  object-fit: contain;
  object-position: top center;
}
.xp-switcher-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 36px;
}
.xp-switcher-wrap p {
  color: #dbdbdb;
  font-family: "helvetica_neue_medium";
  font-size: 12px;
  line-height: 1.3;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.xp-switcher-wrap p:first-child {
  color: #000;
}
.xp-switcher-wrap.active .xp-btn::after {
  left: 50%;
}
.xp-switcher-wrap.active p:first-child {
  color: #dbdbdb;
}
.xp-switcher-wrap.active p:last-child {
  color: #000;
}
.xp-btn {
  width: 48px;
  height: 8px;
  border-radius: 60px;
  background: #dbdbdb;
  border: none;
  outline: none;
  position: relative;
}
.xp-btn::after {
  content: "";
  width: 50%;
  height: 12px;
  border-radius: 60px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: #12a1a1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.xp-swiper-img-box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  background: #fff;
}
.xp-swiper-img-box.active .xp-swiper-inner {
  transform: rotateY(180deg);
}
.xp-swiper-img-box.active .xp-swiper-front {
  opacity: 0;
}
.xp-swiper-img-box.active .xp-swiper-back {
  opacity: 1;
}
.xp-swiper-inner {
  transform-style: preserve-3d;
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}
.xp-swiper-front {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  z-index: 2;
  position: relative;
  opacity: 1;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}
.xp-swiper-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xp-swiper-back img {
  object-fit: contain;
}
.xp-popup {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.xp-popup img {
  object-position: top;
}
.xp-popup::after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../img/megnific.svg") no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
/* Xperience Ends */
/* VIZcare Ai Starts */
.infused-wrap {
  max-width: 1000px;
  width: 100%;
  height: 600px;
  margin: 0 auto;
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes rotateAndBreathe {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.95);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.infused-img {
  width: 55%;
  animation: rotateAndBreathe 80s linear infinite;
}
.infused-info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.infused-box {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  position: absolute;
  padding: 28px 22px;
  max-width: 340px;
}
.infused-box .hdn20,
.infused-box .button {
  z-index: 2;
  position: relative;
}
.infused-box:nth-child(1n) {
  top: 0;
  left: 10px;
}
.infused-box:nth-child(1n)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/infused1.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.infused-box:nth-child(2n) {
  top: 30px;
  right: 0;
  left: unset;
}
.infused-box:nth-child(2n)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/infused2.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.infused-box:nth-child(3n) {
  bottom: 5%;
  left: 0;
  top: unset;
}
.infused-box:nth-child(3n)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/infused3.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.infused-box:nth-child(4n) {
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
}
.infused-box:nth-child(4n)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/infused4.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.talkx-wrap {
  max-width: 1175px;
  width: 100%;
  margin: 0 auto;
}
.talkx-wrap .hdn40 {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.talkx-wrap .hdn32 {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.talkx-box-wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 60px;
}
.talkx-box-wrap .f-row {
  gap: 20px 0;
}
.talkx-box-wrap .f-col {
  display: flex;
  height: auto;
}
.talkx-box-wrap .f-col:nth-child(1) .talkx-box {
  border: 1px solid #ffd4ba;
  background: var(--Traffic-Light-Orange-Light, #ffefe5);
}
.talkx-box-wrap .f-col:nth-child(2) .talkx-box {
  border: 1px solid #ffb7e7;
  background: var(--Traffic-Light-Pink-Light, #fff0fa);
}
.talkx-box-wrap .f-col:nth-child(3) .talkx-box {
  border: 1px solid #cfc4ff;
  background: var(--Traffic-Light-Purple-Light, #f4f2fd);
}
.talkx-box-wrap .f-col:nth-child(4) .talkx-box {
  border: 1px solid #afdbff;
  background: var(--Traffic-Light-Blue-Light, #ecf6fe);
}
.talkx-box-wrap .f-col:nth-child(5) .talkx-box {
  border: 1px solid #ffe8b2;
  background: var(--Traffic-Light-Yellow-Light, #fff9eb);
}
.talkx-box-wrap .f-col:nth-child(6) .talkx-box {
  border: 1px solid #aeef9e;
  background: var(--Traffic-Light-Green-Light, #efffeb);
}
.talkx-box {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  padding: 46px 44px 40px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 46px;
}
.talkx-box .know-more {
  color: #12a1a1;
  font-size: 14px;
  line-height: 1.57;
  border: none;
  outline: none;
  background: transparent;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.talkx-box .know-more:hover {
  color: #000;
}
.talkx-img {
  width: 230px;
}
.health-card {
  margin-bottom: 140px;
}
.health-card .hdn32 {
  color: #bd2340;
}
.pre-top-logo {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 40px;
}
.health-icon {
  width: 120px;
  height: 120px;
  margin: 0 auto 24px;
}
.health-icon img {
  object-fit: contain;
}
.health-info-wrap {
  margin-bottom: 20px;
}
.health-info-wrap .f-row {
  gap: 20px 0;
}
.health-info-wrap .f-col {
  display: flex;
  height: auto;
}
.health-info-wrap .f-col:nth-child(1n) .health-info {
  background: #f4f2fd;
}
.health-info-wrap .f-col:nth-child(2n) .health-info {
  background: #ffefe5;
}
.health-info-wrap .f-col:nth-child(3n) .health-info {
  background: #efffeb;
}
.health-info {
  border-radius: 20px;
  overflow: hidden;
  padding: 20px 80px;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.health-info p {
  color: #000;
  text-align: center;
  font-family: "helvetica_neue_bold";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.ai-power-sec {
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  background: #bd2340;
  padding: 170px 0;
  margin-bottom: 50px;
}
.txt-grey {
  color: #434342;
}
.health-hdn-wrap {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}
.health-hdn-img {
  width: 230px;
  flex-shrink: 0;
}
.health-care-sec {
  position: relative;
}
.health-care-sec::after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: 32%;
  width: 255px;
  height: 115px;
  background: url(../img/health-elem.svg) no-repeat center;
  background-size: contain;
}
.blog-box-wrap .comm-drop-parent {
  max-width: max-content;
  min-width: 220px;
}
.blog-box-wrap .comm-drop-parent p {
  white-space: nowrap;
}
/* VIZcare Ai Ends */
/* Empower Lead Starts */
.empower-lead-header {
  border: none;
  padding: 12px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.empower-lead-header .container {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.emp-lead-bann-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 80px;
  z-index: 2;
  position: relative;
}
.emp-lead-bann-left {
  max-width: 378px;
  width: 100%;
}
.emp-lead-bann-left span {
  color: #bd2340;
}
.emp-lead-form {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(186, 186, 186, 0.25);
  max-width: 580px;
  width: 100%;
}
.emp-lead-form .form-label {
  font-weight: 500;
}
.emp-lead-form .event-detail-form {
  border: none;
}
.emp-lead-bann-img {
  width: 210px;
  margin-bottom: 20px;
}
.os-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 44px;
  margin-bottom: 100px;
}
.os-box:nth-child(even) {
  flex-direction: row-reverse;
}
.os-img {
  width: 700px;
  height: 430px;
  border-radius: 24px;
  overflow: hidden;
}
.os-img img {
  object-fit: contain;
}
.os-info {
  flex: 1;
}
.auto-wrap .f-row {
  gap: 30px 0;
}
.auto-wrap .f-col {
  display: flex;
  height: auto;
}
.auto-box {
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  padding: 24px 20px;
}
.auto-hdn-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.auto-hdn-img {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.plat-hdn-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.plat-hdn-img {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.plat-wrap .f-row {
  gap: 60px 0;
  margin-bottom: 80px;
}
.plat-wrap .f-col {
  display: flex;
  height: auto;
}
.plat-wrap .f-col:nth-child(1n) .plat-box {
  background: #fff5f5;
}
.plat-wrap .f-col:nth-child(2n) .plat-box {
  background: #f4f2fd;
}
.plat-wrap .f-col:nth-child(3n) .plat-box {
  background: #efffeb;
}
.plat-wrap .f-col:nth-child(4n) .plat-box {
  background: #fff9eb;
}
.plat-wrap .f-col:nth-child(5n) .plat-box {
  background: #fff5f5;
}
.plat-wrap .f-col:nth-child(6n) .plat-box {
  background: #ecf6fe;
}
.plat-box {
  width: 100%;
  padding: 30px;
  border-radius: 24px;
  overflow: hidden;
}
.git-btm-elem {
  width: 100%;
  height: 100px;
  background: #fff;
  clip-path: polygon(100% 100%, 0% 100%, 0% 100%, 100% 0%);
  z-index: 2;
  position: relative;
}
.git-section {
  position: relative;
  padding-top: calc(var(--comm-space) * 2);
}
.git-section .xp-card-wrap {
  z-index: 2;
  position: relative;
  margin-bottom: 40px;
}
.git-section::after {
  content: "";
  width: 100%;
  height: 120%;
  background: url(../img/git-bg-gredient.svg) no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: -20%;
  left: 0;
}
/* Empower Lead Ends */
.control-wrap.align-center .f-row {
  align-items: center;
}
.control-hdn-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.control-icon {
  width: 80px;
  height: 80px;
}
.pra-sec {
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  background: #bd2340;
  padding: 90px 0;
  margin-bottom: 50px;
}
/* Connect Starts */
.dhh-card-wrap .f-row {
  margin: 90px -15px 0;
  gap: 30px 0;
}
.dhh-card-wrap .f-col {
  display: flex;
  height: auto;
}
.dhh-card-wrap .f-col:nth-child(1) .dhh-card {
  background: #ffefe5;
}
.dhh-card-wrap .f-col:nth-child(2) .dhh-card {
  background: #ecf6fe;
}
.dhh-card-wrap .f-col:nth-child(3) .dhh-card {
  background: #fff9eb;
}
.dhh-card {
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.dhh-icon {
  width: 48px;
  height: 48px;
  margin: -48px auto 6px;
}
.dhh-info-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}
.dhh-info {
  flex: 1;
}
.dhh-info p {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}
.dhh-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font16);
  line-height: 1.5;
  margin-bottom: 12px;
}
.dhh-link {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dhh-link img {
  width: 40%;
  height: 40%;
  object-fit: contain;
}
.kind-section {
  background: #bd2340;
  padding: clamp(120px, 12.5vw, 240px) 0 0;
  position: relative;
}
.kind-section .watermark {
  z-index: 0;
}
.kind-section .control-wrap .f-row {
  justify-content: space-between;
}
.kind-section::before {
  content: "";
  width: 100%;
  height: 100px;
  background: #fff;
  clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 100% 0%);
  z-index: 2;
  position: absolute;
  top: -1px;
  left: 0;
}
.kind-section::after {
  content: "";
  width: 100%;
  height: 100px;
  background: #fff;
  clip-path: polygon(100% 100%, 0% 100%, 0% 100%, 100% 0%);
  z-index: 2;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.kind-popup-box {
  width: 100%;
  height: 680px;
  position: relative;
  margin: 50px 0 0;
}
.kind-popup-box a {
  cursor: pointer;
  position: absolute;
  bottom: 110px;
  right: 40px;
  width: 44px;
  height: 44px;
}
.kind-popup-img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.kind-popup-img img {
  object-position: top;
}
.rt-info-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
}
.rt-info-wrap p {
  flex: 1;
  line-height: 1.6;
}
.rt-left {
  max-width: 506px;
  width: 100%;
}
.rt-card {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #f3f3f3;
  background: #fff;
  padding: 24px;
  height: 100%;
}
.rt-card p {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  flex: 1;
}
.rt-hdn-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.rt-icon {
  width: 40px;
  height: 40px;
}
.rt-icon img {
  object-fit: contain;
}
.rt-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: 16px;
  line-height: 1.2;
}
.rt-detail-swiper {
  overflow: visible;
  padding: 60px 0 0;
  margin: 80px 0;
}
.rt-detail-swiper .swiper-slide {
  display: flex;
  height: auto;
}
.rt-detail-swiper .comm-nav-wrap {
  width: fit-content;
  top: 0;
  right: 0;
  opacity: 1;
  gap: 6px;
}
.drive-box {
  width: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-radius: 220px;
  overflow: hidden;
  padding: 36px 86px;
  background: url("../img/drive-bg.png") no-repeat;
  background-size: cover;
}
.ro-wrap {
  display: flex;
  gap: 25px;
  margin-bottom: 80px;
}
.bo-left-box {
  max-width: 700px;
  padding: 60px;
  border-radius: 20px;
  border: 1px solid #ffd0b2;
  background: linear-gradient(180deg, #fff5f5 11.64%, #fff9eb 56.67%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}
.bo-left-box::after {
  content: "";
  width: 257px;
  height: 358px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/ro-elem.svg) no-repeat;
  background-size: contain;
}
.bo-right {
  flex: 1;
}
.bo-right-box {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #ffefe5;
  background: rgba(255, 255, 255, 0.6);
  margin-bottom: 14px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.bo-right-box:last-child {
  margin-bottom: 0;
}
.bo-right-box span {
  color: #bd2340;
  font-family: "helvetica_neue_bold";
  font-size: var(--font20);
  line-height: 1.4;
}
.bo-info .hdn20 {
  margin-bottom: 14px;
}
.bo-info p {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}
.pb-box-wrap .f-row {
  gap: 30px 0;
}
.pb-box-wrap .f-col {
  display: flex;
  height: auto;
}
.pb-box-wrap .f-col:nth-child(1n) .pb-btm {
  background: #f4f2fd;
}
.pb-box-wrap .f-col:nth-child(2n) .pb-btm {
  background: #efffeb;
}
.pb-box-wrap .f-col:nth-child(3n) .pb-btm {
  background: #fff0f0;
}
.pb-box {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  position: relative;
  width: 100%;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.pb-box:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.pb-box:hover .pb-top {
  opacity: 0;
}
.pb-top {
  padding: 20px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 20px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.pb-btm {
  padding: 20px;
  position: relative;
  width: 100%;
  height: 100%;
}
.pb-btm ul li {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}
.pb-btm ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 100%;
  overflow: hidden;
}
.pb-btm ul li:last-child {
  margin-bottom: 0;
}
.pb-hdn {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}
.pb-hdn:has(+ ul) {
  margin-bottom: 18px;
  text-align: left;
}
.pb-icon {
  width: 56px;
  height: 56px;
}
.pb-icon img {
  object-fit: contain;
}
.pc-wrap .bo-left-box {
  border: 1px solid #dad3f8;
  background: linear-gradient(180deg, #f4f2fd 11.64%, #f2f6fc 56.67%, #ffffff 100%);
  padding: 60px 30px;
}
.pc-wrap .bo-left-box::after {
  display: none;
}
.pc-wrap .bo-left-box p {
  max-width: 540px;
  width: 100%;
}
.pc-wrap .bo-right-box {
  padding: 40px 24px;
}
.pc-wrap .bo-info p {
  font-size: var(--font18);
}
.pd-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 120px;
}
.pd-box:nth-child(even) {
  flex-direction: row-reverse;
}
.pd-box:last-child {
  margin-bottom: 80px;
}
.pd-left {
  max-width: 350px;
  width: 100%;
}
.pd-left .hdn24 {
  color: #bd2340;
  margin-bottom: 4px;
}
.pd-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}
.pd-list-wrap {
  max-width: 690px;
  width: 100%;
}
.pd-list-wrap .comm-para {
  display: none;
}
.pd-list-wrap ul {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.pd-list-wrap ul li {
  width: calc(50% - 12px);
  border-radius: 10px;
  border: 1px solid #f3f3f3;
  background: #fff;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 20px 20px 20px 40px;
  position: relative;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}
.pd-list-wrap ul li::before {
  content: "";
  width: 4px;
  height: 24px;
  top: 50%;
  left: 20px;
  position: absolute;
  background: #bd2340;
  transform: translate(0, -50%);
}
.dv-box {
  border-radius: 20px;
  border: 1px solid #cfe9fc;
  background: linear-gradient(180deg, #ecf6fe 11.64%, #fff6f1 59.22%, #ffffff 100%);
  overflow: hidden;
  padding: 64px 60px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
.dv-hdn {
  max-width: 580px;
}
.dv-para {
  width: 44%;
}
.dv-info {
  max-width: 580px;
  width: 100%;
}
.dv-info p {
  color: #282828;
  font-size: 14px;
  line-height: 1.5;
  display: none;
  margin-top: 12px;
}
.dv-hdn-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dv-hdn-wrap .hdn16 {
  flex: 1;
  color: #8e8e8e;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.dv-swiper-wrap {
  position: relative;
}
.dv-swiper-wrap .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.dv-info-swiper {
  max-width: 270px;
  width: 100%;
  position: relative;
  margin: 0;
  padding-left: 30px;
  border-left: 1px solid #dbdbdb;
  overflow: visible;
}
.dv-info-swiper .dv-pagi {
  left: 0;
  top: 50%;
  bottom: unset !important;
  display: flex;
  gap: 4px;
  display: none;
}
.dv-info-swiper .dv-pagi .swiper-pagination-bullet {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  margin: 0;
}
.dv-info-swiper .dv-pagi .swiper-pagination-bullet-active {
  height: 80px;
  border-radius: 10px;
  background: #bd2340;
}
.dv-info-swiper .swiper-wrapper {
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.dv-info-swiper .swiper-slide {
  height: auto;
  cursor: pointer;
}
.dv-info-swiper .swiper-slide::before {
  content: "";
  width: 1px;
  height: 0;
  position: absolute;
  left: -31px;
  background: #bd2340;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.dv-info-swiper .swiper-slide.active::before {
  height: 100%;
}
.dv-info-swiper .swiper-slide.active .hdn16 {
  color: #000;
}
.dv-img-swiper {
  position: absolute;
  top: 50%;
  right: 0;
  width: 56%;
  pointer-events: none;
  transform: translateY(-50%);
}
.dv-img {
  display: block;
  position: relative;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.dv-img::after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../img/megnific.svg") no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.dv-icon {
  width: 44px;
  height: 44px;
}
.build-box {
  width: 100%;
  position: relative;
}
.build-info {
  max-width: 860px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.build-info .comm-para {
  margin-bottom: 20px;
}
.build-img img {
  object-fit: contain;
}
.connect-logo-box {
  max-width: 600px;
  width: 100%;
  position: relative;
  margin: 0 auto 26px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connect-logo-box::after {
  content: "";
  background: #dbdbdb;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 70%;
  left: 0;
  transform: translate(0, -50%);
}
.connect-logo {
  width: 240px;
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 20px;
}
/* Connect Ends */
/* Micro Starts */
.eld-wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  position: relative;
  z-index: 2;
}
.eld-left {
  position: sticky;
  top: calc(var(--header-height) + 20px);
  padding: 0 0 40px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 24px;
  max-width: 430px;
  width: 100%;
  height: calc(100vh - calc(var(--header-height) + 20px));
}
.eld-red-box {
  border-radius: var(--br20);
  overflow: hidden;
  background: #bd2340;
  padding: 38px 24px;
  max-width: 280px;
}
.eld-red-box p {
  color: #fff;
  font-family: "helvetica_neue_medium";
  font-size: var(--font20);
  line-height: 1.2;
  margin-bottom: 16px;
}
.eld-red-box a {
  border-radius: 56px;
  background: #fff;
  height: 40px;
  color: #bd2340;
  font-size: 16px;
  line-height: 1.1;
  position: relative;
  padding: 0 52px 0 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.eld-red-box a:hover::before {
  right: 10px;
}
.eld-red-box a::before {
  content: "";
  width: 26px;
  height: 16px;
  background: url("../img/red-arrow.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.eld-box-wrap {
  max-width: 700px;
  width: 100%;
  padding: 24px 0 40px;
}
.eld-box {
  border-radius: calc(var(--br20) + 10px);
  overflow: hidden;
  border: 1px solid #dadada;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(117, 117, 117, 0.1);
  padding: 30px;
  margin-bottom: 30px;
}
.eld-box p {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.eld-box:last-child {
  margin-bottom: 0;
}
.eld-hdn-box {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 24px;
}
.eld-hdn-box h3 {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font24);
  line-height: 1.3;
}
.eld-hdn-box ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 22px;
}
.eld-hdn-box ul li {
  position: relative;
}
.eld-hdn-box ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #bd2340;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.eld-hdn-box ul li:last-child::after {
  display: none;
}
.eld-hdn-box ul li a {
  color: #bd2340;
  font-family: "helvetica_neue_medium";
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.eld-hdn-box ul li a img {
  width: 18px;
  object-fit: contain;
}
.eld-hdn-box ul li a:hover {
  color: #000;
}
.eld-logo {
  width: 130px;
}
.pt-hdn-wrap {
  margin: 40px 0 20px 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.pt-hdn-wrap img {
  width: 20px;
}
.pt-hdn-wrap h4 {
  color: #000;
  font-family: "helvetica_neue_bold";
  font-size: var(--font18);
  line-height: 1.2;
}
.pt-box-wrap {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.pt-box-wrap .pt-box {
  width: calc(50% - 5px);
}
.pt-box-wrap .pt-box:nth-child(1n) {
  background: #f4f2fd;
}
.pt-box-wrap .pt-box:nth-child(2n) {
  background: #ecf6fe;
}
.pt-box-wrap .pt-box:nth-child(3n) {
  background: #efffeb;
}
.pt-box-wrap .pt-box:nth-child(4n) {
  background: #ffefe5;
}
.pt-box {
  width: 100%;
  height: 140px;
  border-radius: var(--br20);
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pt-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 16px;
  right: 20px;
  border: none;
  outline: none;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pt-logo {
  width: 120px;
}
.eld-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.micro-lead-header {
  border: none;
  padding: 12px 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: relative;
}
.micro-lead-header .container {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.mfp-close {
  font-size: var(--font40);
  opacity: 1;
  cursor: pointer;
}
.email-pop-box {
  max-width: 460px;
  width: 100%;
  border-radius: var(--br20);
  background: #fff;
  overflow: hidden;
  padding: 24px 20px;
  margin: 0 auto;
  position: relative;
}
.email-pop-box .form-field {
  height: 30px;
  font-size: 16px;
  border-radius: 4px;
}
.email-pop-box .hdn16 {
  font-size: 14px;
}
.thank-box {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  background: #fff;
}
.thank-box h4 {
  color: #282828;
  font-size: 14px;
  font-family: "helvetica_neue_bold";
  line-height: 1.3;
}
.thank-box p {
  color: #282828;
  font-size: 14px;
  font-family: "helvetica_neue_regular";
  line-height: 1.6;
}
.thank-box.active {
  opacity: 1;
  visibility: visible;
}
.thank-img {
  width: 70px;
  height: 70px;
}
/* Micro Ends */
html {
  scroll-padding-top: 100px;
}
.relative {
  position: relative;
}
.ov-hidden {
  overflow: hidden;
}
.bnr-sec .container {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.published-hdn {
  color: #121213;
  font-size: var(--font24);
  line-height: 1.33;
  font-family: "helvetica_neue_bold";
  margin-bottom: 24px;
}
.press-card {
  aspect-ratio: 775/500;
}
.press-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 24px;
  background: #fff;
  padding: 20px;
  border-radius: var(--br20);
}
.press-card-info {
  display: flex;
  gap: 20px;
}
.press-card-title {
  color: #121213;
  font-family: "helvetica_neue_bold";
  font-size: 18px;
  line-height: 1.4;
  flex: 1;
  margin-top: 2px;
}
.published-list img {
  object-fit: contain;
}
.published-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.published-list li {
  aspect-ratio: 175/80;
  width: 175px;
  padding: 20px 24px;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
}
.subscribe-form {
  width: 60%;
  margin: 0 auto;
  position: relative;
}
.subscribe-form .button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  border-radius: 0 10px 10px 0;
}
.subscribe-form .form-field {
  padding-right: 30px;
  padding-left: 20px;
}
.subscribe-sec p {
  width: 60%;
  margin: 0 auto 40px;
}
.element-item {
  margin-bottom: 80px;
}
.controls {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 40px;
}
.filter-select {
  padding: 9px 12px;
  border: 1px solid #12a1a1;
  border-radius: 6px;
  padding-right: 56px;
}
.custom-dropdown {
  position: relative;
}
.custom-dropdown::before {
  content: "";
  width: 30px;
  height: 30px;
  background: #fff;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-dropdown::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../img/dropdown.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-dropdown select:focus-visible {
  outline: none;
}
.press-para {
  margin-bottom: 5px;
}
.press-para p {
  color: #8e8e8e;
  font-size: var(--font14);
  line-height: 1.5;
}
.media-hdn {
  color: #121213;
  font-family: "helvetica_neue_bold";
  font-size: var(--font24);
  line-height: 1.3;
  margin-bottom: 10px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-content .comm-para {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-logo {
  max-width: 200px;
  height: 24px;
  margin-bottom: 30px;
}
.media-logo img {
  object-fit: contain;
}
.media-logo img {
  object-position: left;
}
.media-img {
  aspect-ratio: 575/280;
  margin-bottom: 20px;
  border-radius: var(--br20);
  overflow: hidden;
}
.event-card-hdn {
  color: #121213;
  font-family: "helvetica_neue_bold";
  font-size: 18px;
  line-height: 1.4;
}
.event-card-para {
  margin-bottom: 20px;
}
.event-card-para p {
  color: #121213;
  font-size: 18px;
  line-height: 1.4;
}
.event-detail {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px;
}
.event-icon {
  width: 24px;
  height: 24px;
}
.event-icon img {
  object-fit: contain;
}
.event-text {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}
.event-cta {
  border-radius: 0px 0px 10px 10px;
  background: #ecf6fe;
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px;
  margin-top: 16px;
}
.event-btn {
  color: #12a1a1;
  font-size: 14px;
  line-height: 1.5;
}
.thanks-wrap {
  padding: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.subscribe-field {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.subscribe-field.hide {
  opacity: 0;
  visibility: hidden;
}
.gear-up {
  padding: 72px 80px;
  border-radius: var(--br20);
  overflow: hidden;
  margin-bottom: 60px;
  display: none;
}
.gear-up.active {
  display: block;
}
.gear-content {
  position: relative;
  z-index: 1;
  max-width: 60%;
}
.gear-hdn {
  color: #282828;
  font-family: "helvetica_neue_bold";
  font-size: var(--font40);
  line-height: 1.2;
  margin-bottom: 10px;
}
.detail-banner-date {
  color: #8e8e8e;
  font-size: var(--font16);
  line-height: 1.4;
  margin-top: 24px;
  margin-bottom: 10px;
}
.detail-banner-date p {
  color: #8e8e8e;
  font-size: var(--font16);
  line-height: 1.4;
}
.detail-banner-hdn {
  color: #121213;
  font-family: "helvetica_neue_bold";
  font-size: var(--font40);
  line-height: 1.2;
}
.detail-published .published-list li {
  aspect-ratio: 175 / 80;
  width: 175px;
}
.detail-head-logo {
  width: 135px;
  height: auto;
}
.detail-head-logo img {
  object-fit: contain;
}
.detail-head-wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.event-detail-wrap {
  padding: 50px;
}
.event-detail-wrap .published-hdn {
  margin-bottom: 6px;
}
.event-detail-wrap .f-row {
  justify-content: space-between;
}
.event-dtl-sutitle {
  margin-bottom: 20px;
}
.event-detail-form {
  border-radius: var(--br20);
  border: 1px solid #d7d7d7;
  background: #fff;
  padding: 35px 30px;
}
.media-para p {
  color: #282828;
  font-size: var(--font16);
  line-height: 1.5;
}
.media-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.tab-pg li.active {
  background-color: #fff;
  border-radius: 12px 12px 0 0;
}
.tab-pg .indicator {
  opacity: 0;
  visibility: hidden;
}
.mob-content {
  display: none;
  margin-bottom: 30px;
}
.bnr-btn-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.product-bnr {
  width: 300px;
  height: 80px;
  margin: 0 auto 20px;
}
.product-para-wrap {
  max-width: 1100px;
  margin: 0 auto 40px;
}
.button.hide {
  display: none;
}
.data-cta {
  border-radius: 100%;
  background: #12a1a1;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
}
.data-card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  max-width: 460px;
  cursor: pointer;
  margin-bottom: 30px;
}
.data-card:last-child {
  margin-bottom: 0;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.data-right {
  display: flex;
  justify-content: flex-end;
  height: fit-content;
  flex-direction: column;
}
.built-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
}
.built-card {
  aspect-ratio: 1;
  border-radius: var(--br20);
  background: #efffeb;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.built-card h3 {
  max-width: 150px;
}
.built-card:hover .built-content {
  opacity: 1;
  visibility: visible;
}
.built-content {
  padding: 30px 20px 18px;
  border-radius: var(--br20);
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  margin-right: 5px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.built-content li {
  color: #282828;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}
.built-content li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 100%;
}
.built-content li:last-child {
  margin-bottom: 0;
}
.built-content::-webkit-scrollbar {
  width: 4px;
}
.built-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.built-content::-webkit-scrollbar-thumb {
  background: #888;
}
.built-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.built-card {
  background: lightgray;
}
.grey-shadow {
  box-shadow: 0 0 40px 0 #d0d0ce;
}
.built-card:nth-child(1),
.built-card:nth-child(6),
.built-card:nth-child(11),
.built-card:nth-child(16) {
  background: #efffeb;
}
.built-card:nth-child(1) .built-content,
.built-card:nth-child(6) .built-content,
.built-card:nth-child(11) .built-content,
.built-card:nth-child(16) .built-content {
  border: 0px solid #30cc09;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(48, 204, 9, 0.3);
}
.built-card:nth-child(2),
.built-card:nth-child(7),
.built-card:nth-child(12) {
  background: #f4f2fd;
}
.built-card:nth-child(2) .built-content,
.built-card:nth-child(7) .built-content,
.built-card:nth-child(12) .built-content {
  border: 0px solid #7961e5;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(121, 97, 229, 0.3);
}
.built-card:nth-child(3),
.built-card:nth-child(9),
.built-card:nth-child(8) {
  background: #fff9eb;
}
.built-card:nth-child(3) .built-content,
.built-card:nth-child(9) .built-content,
.built-card:nth-child(8) .built-content {
  border-radius: var(--br20);
  border: 0px solid #ffc120;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(255, 193, 32, 0.4);
}
.built-card:nth-child(4),
.built-card:nth-child(5),
.built-card:nth-child(10) {
  background: #ecf6fe;
}
.built-card:nth-child(4) .built-content,
.built-card:nth-child(5) .built-content,
.built-card:nth-child(10) .built-content {
  border-radius: var(--br20);
  border: 0px solid#0F90EE;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(15, 144, 238, 0.4);
}
.sol-img {
  max-height: 25px;
  max-width: 130px;
}
.sol-img img {
  object-fit: contain;
  object-position: left;
  max-height: 25px;
  max-width: 130px;
}
.sol-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  border-radius: var(--br20);
}
.sol-box:nth-child(1) {
  background: #ecf6fe;
}
.sol-box:nth-child(2) {
  background: #f4f2fd;
}
.sol-box:nth-child(3) {
  background: #efffeb;
}
.sol-box:nth-child(4) {
  background: #fff0fa;
}
.sol-box:nth-child(5) {
  background: #e0fbfb;
}
.sol-box:nth-child(6) {
  background: #fff9eb;
}
.sol-box .comm-list.check-bullet li:before {
  background: url("../img/red-wh-tick.svg") no-repeat;
}
.viz-care-box .comm-list.check-bullet li::before {
  content: "";
  background: url("../img/red-tick.svg") no-repeat;
}
.bg-yellow::before {
  content: "" !important;
  background: url("../img/bg-yellow.png") no-repeat !important;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 547 / 513;
  width: 547px;
  z-index: -1;
}
.bg-green::after {
  content: "";
  background: url("../img/bg-green.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  aspect-ratio: 547 / 513;
  width: 547px;
  z-index: -1;
}
.fix-head #header {
  top: 0;
  left: 0;
  border-bottom: none;
}
.fix-head .ban-sec {
  padding-top: calc(2 * var(--comm-space));
}
.home-vision .vision-wrap {
  padding: 40px 0 40px 45px;
}
.empower-logo {
  max-width: 600px;
  height: 110px;
  margin: 0px auto 40px;
  display: block;
}
.empower-logo img {
  object-fit: contain;
}
.banner-card {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 25px;
  position: relative;
  border-radius: 10px;
  padding: 30px;
  padding-bottom: 20px;
  height: 190px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.banner-card img {
  object-fit: contain;
}
.banner-card .hdn18 {
  width: 60%;
}
.banner-card:hover .banner-cta {
  background: #12a1a1;
}
.banner-card:hover .wh-arrow {
  opacity: 1;
  visibility: visible;
}
.banner-card:nth-child(7n + 1) {
  background: #d7f1fe;
  border: 1px solid #d7f1fe;
  width: 30%;
}
.banner-card:nth-child(7n + 1):hover {
  background: #e8f7ff;
  border: 1px solid #0f90ee;
}
.banner-card:nth-child(7n + 2) {
  background: #f4f2fd;
  border: 1px solid #f4f2fd;
  width: 38%;
}
.banner-card:nth-child(7n + 2):hover {
  background: #f6f5fd;
  border: 1px solid #7961e5;
}
.banner-card:nth-child(7n + 3) {
  background: #efffeb;
  border: 1px solid #efffeb;
  width: 27%;
}
.banner-card:nth-child(7n + 3):hover {
  background: #f2ffef;
  border: 1px solid #30cc09;
}
.banner-card:nth-child(7n + 4) {
  background: #e0fbfb;
  border: 1px solid #e0fbfb;
  width: 38%;
}
.banner-card:nth-child(7n + 4):hover {
  background: #e6fcfc;
  border: 1px solid #66dcdc;
}
.banner-card:nth-child(7n + 5) {
  background: #fff0fa;
  border: 1px solid #fff0fa;
  width: 27%;
}
.banner-card:nth-child(7n + 5):hover {
  background: #fff3fb;
  border: 1px solid #fc5ac5;
}
.banner-card:nth-child(7n + 6) {
  background: #fff9eb;
  border: 1px solid #fff9eb;
  width: 30%;
}
.banner-card:nth-child(7n + 6):hover {
  background: #fffaef;
  border: 1px solid #ffc120;
}
.banner-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 76px;
  height: 68px;
}
.banner-cta {
  background: #fff;
  border-radius: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  position: relative;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.banner-cta img {
  width: 14px;
  object-fit: contain;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.banner-cta .wh-arrow {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card-grid {
  padding: 60px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.banner-logo {
  max-width: 240px;
  height: 40px;
}
.banner-logo img {
  object-fit: contain;
}
.pb80 {
  padding-bottom: 80px;
}
.manage-img {
  aspect-ratio: 1;
  max-width: 458px;
}
.cover-card {
  background: #fff;
  padding: 30px 20px;
  border-radius: var(--br20);
  border: 1px solid #dbdbdb;
}
.cover-card:hover {
  border: 1px solid #12a1a1;
}
.cover-wrap .comm-grid {
  max-width: 950px;
  margin: 0 auto;
}
.cover-wrap .hdn40 {
  width: 70%;
  margin-inline: auto;
}
.platform-card {
  border-radius: 40px;
  padding: 40px 60px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 60px;
  margin-bottom: 100px;
}
.platform-card .mob-button {
  margin-bottom: 10px;
}
.platform-card:last-child {
  margin-bottom: 0;
}
.platform-card .comm-list.check-bullet li:before {
  background-size: contain;
}
.platform-card:nth-child(5n + 1) {
  background: url("../img/bg-red.jpg") no-repeat;
  background-size: cover;
}
.platform-card:nth-child(5n + 1) .comm-list.check-bullet li:before {
  background: url("../img/dark-red-tick.svg") no-repeat;
  background-size: contain;
}
.platform-card:nth-child(5n + 2) {
  background: url("../img/bg-green.jpg") no-repeat;
  background-size: cover;
}
.platform-card:nth-child(5n + 2) .comm-list.check-bullet li:before {
  background: url("../img/green-tick.svg") no-repeat;
  background-size: contain;
}
.platform-card:nth-child(5n + 3) {
  background: url("../img/bg-purple.jpg") no-repeat;
  background-size: cover;
}
.platform-card:nth-child(5n + 3) .comm-list.check-bullet li:before {
  background: url("../img/purple-tick.svg") no-repeat;
  background-size: contain;
}
.platform-card:nth-child(5n + 4) {
  background: url("../img/bg-yellow.jpg") no-repeat;
  background-size: cover;
}
.platform-card:nth-child(5n + 4) .comm-list.check-bullet li:before {
  background: url("../img/yellow-tick.svg") no-repeat;
  background-size: contain;
}
.platform-card:nth-child(5n + 5) {
  background: url("../img/bg-blue.jpg") no-repeat;
  background-size: cover;
}
.platform-card:nth-child(5n + 5) .comm-list.check-bullet li:before {
  background: url("../img/blue-tick.svg") no-repeat;
  background-size: contain;
}
.platform-left {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
}
.platform-right {
  background: #fff;
  padding: 60px 40px;
  border-radius: 40px;
  max-width: 480px;
  width: 100%;
}
.platform-right li {
  margin-bottom: 24px;
  font-family: "helvetica_neue_medium";
}
.platform-right li:last-child {
  margin-bottom: 0;
}
.control-card {
  border-radius: var(--br20);
  background: #fff;
  padding: 30px;
}
.platform-card-box {
  margin-top: 100px;
}
.bg-grey {
  background: #f5f5f7;
}
.need-card {
  border-radius: var(--br20);
  border: 2px solid #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.need-card:nth-child(odd) {
  background: linear-gradient(180deg, #f4f2fd 0%, #ffffff 40%);
}
.need-card:nth-child(even) {
  background: linear-gradient(180deg, #fff0fa 0%, #ffffff 40%);
}
.need-icon {
  aspect-ratio: 1;
  width: 38px;
}
.need-icon img {
  object-fit: contain;
}
.need-top {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.designed-icon {
  aspect-ratio: 1;
  width: 54px;
}
.desinged-card {
  border-radius: var(--br20);
  padding: 36px 45px 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(33% - 18px);
  align-items: center;
}
.desinged-card:nth-child(5n + 1) {
  background: #fff5f5;
}
.desinged-card:nth-child(5n + 2) {
  background: #efffeb;
}
.desinged-card:nth-child(5n + 3) {
  background: #f4f2fd;
}
.desinged-card:nth-child(5n + 4) {
  background: #fff9eb;
}
.desinged-card:nth-child(5n + 5) {
  background: #ecf6fe;
}
.desinged-card .para16 {
  flex: 1;
}
.designed-box {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.ai-card {
  background: #fff;
  border-radius: 30px;
  position: relative;
  padding: 60px;
}
.ai-left {
  aspect-ratio: 332/185;
  width: 332px;
}
.ai-right {
  aspect-ratio: 551/415;
  width: 28.7vw;
  position: absolute;
  right: 0;
  top: 0;
}
.ai-list ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 40px;
}
.ai-list ul li {
  width: 50%;
  margin-bottom: 30px;
}
.ai-list ul li:last-child,
.ai-list ul li:nth-last-child(2n) {
  margin-bottom: 0;
}
.ai-head {
  width: 60%;
}
.desinged-wrap .hdn24 {
  width: 90%;
  margin-inline: auto;
}
.ai-wrap .hdn32 {
  width: 70%;
  margin-inline: auto;
}
.cover-sec::before {
  height: 150%;
}
.game-section {
  overflow: hidden;
}
.bg-wrap {
  overflow: hidden;
  position: relative;
}
.manage-sec {
  padding: 137px 0;
}
.mob-button {
  display: none;
}
.bundle-item {
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.bundle-item.active .bundle-head span::after {
  transform: translate(-50%, -50%);
}
.bundle-item:last-child {
  border-bottom: none;
}
.bundle-head {
  position: relative;
  background: #fff5f5;
  padding-left: 70px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bundle-head .hdn24 {
  padding: 24px 28px;
}
.bundle-head span {
  border: 2px solid #12a1a1;
  width: 20px;
  aspect-ratio: 1;
  left: 28px;
  top: 29px;
  border-radius: 100%;
  display: block;
  position: absolute;
}
.bundle-head span::before,
.bundle-head span::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 2px;
  background: #12a1a1;
  left: 50%;
  top: 50%;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.bundle-head span::before {
  transform: translate(-50%, -50%);
}
.bundle-head span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.content-box {
  display: flex;
  background: #fff;
}
.content-box .comm-para {
  width: 200px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 40px;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.description-box {
  width: 100%;
}
.description-box .para16 {
  padding: 18px 20px;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  gap: 10px;
}
.description-box .para16 p {
  margin-bottom: 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ai-dot-wrap {
  width: 12px;
  height: 12px;
  display: none;
}
.ai-dot-wrap img {
  display: block;
}
.checkbox-wrap .ai-dot-wrap {
  display: block;
}
.ai .ai-dot-wrap {
  display: block;
}
.ai p {
  padding-right: 20px;
  position: relative;
  width: fit-content;
}
.ai p::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../img/ai.svg");
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.bundle-top-left {
  display: flex;
  gap: 32px;
}
.col-head {
  border-radius: 19px 19px 0px 0px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 45px 60px 30px;
}
.bundle-top {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 18px;
  position: relative;
}
.bundle-top-right {
  display: flex;
  gap: 22px;
  position: absolute;
  right: 18px;
  top: -52px;
  z-index: 1;
}
.tick-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e4;
}
.tick-wrap img {
  width: 20px;
  height: 20px;
}
.tick-wrap .red {
  display: none;
}
.tick-wrap .green {
  display: block;
}
.tick-wrap.cross .red {
  display: block;
}
.tick-wrap.cross .green {
  display: none;
}
.col-break {
  height: 80px;
}
.bundle-left-col {
  background: #f9f9ff;
  border: 1px solid #e4e4e4;
  border-radius: 20px 20px 0 0;
}
.bundle-left-col .col-head {
  background: linear-gradient(180deg, #f4f2fd 0%, #ffffff 40%);
}
.bundle-right-col {
  border: 1px solid #e4e4e4;
  background: #fffafd;
  border-radius: 20px 20px 0 0;
}
.bundle-right-col .col-head {
  background: linear-gradient(180deg, #fff0fa 0%, #ffffff 40%);
}
.bd-download-wrap p {
  color: #12a1a1;
  font-family: "helvetica_neue_medium";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.bd-download-wrap img {
  width: 24px;
  height: 24px;
}
.bundle-top-download {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 22px;
}
.bundle-top-download .form-grp {
  display: none;
}
.bd-download-wrap {
  gap: 6px;
  display: flex;
  align-items: center;
}
.top-down-sec {
  padding-bottom: 0;
}
.blog-top-box {
  display: flex;
  gap: 20px;
}
.blog-top-box > a {
  border-radius: var(--br20);
  overflow: hidden;
}
.blog-bnr-left-card {
  display: flex;
  height: 100%;
}
.blog-bnr-lef-img {
  width: 422px;
}
.blog-banner-right {
  width: 400px;
  display: block;
}
.blog-banner-left {
  flex: 1;
  display: block;
}
.blog-bnr-left-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 40px 24px;
  gap: 100px;
}
.text-link {
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: 1px solid #fff;
  width: fit-content;
}
.text-link.black {
  color: #000;
  border-bottom: 1px solid #000;
}
.blog-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.blog-tag li {
  border-radius: 60px;
  border: 1px solid #e4e4e4;
  background: #fff;
  color: #8e8e8e;
  font-size: 10px;
  line-height: 1.4;
  padding: 8px 10px;
}
.blog-bnr-right-content {
  background: #f5f5f7;
  padding: 36px 24px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  flex-direction: column;
}
.blog-bnr-right-content .para14 {
  margin-bottom: 6px;
}
.blog-bnr-right-content .para12 {
  color: #282828;
}
.blog-img {
  aspect-ratio: 575/290;
  height: 290px;
  width: 100%;
  border-radius: var(--br20);
  overflow: hidden;
}
.pagination-wrap {
  width: 420px;
  margin: 100px auto;
}
.blog-box-wrap .comm-drop-parent {
  margin-top: 90px;
}
.blog-box-sec::before {
  top: 30%;
  height: 80%;
}
.blog-bnr-img {
  display: block;
}
.blog-card {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.blog-card .para12 {
  color: #282828;
}
.first-download {
  padding-right: 18px;
}
.bundle-btn-download {
  padding-right: 18px;
}
.bundle-btn-download .bd-download-wrap {
  justify-content: center;
}
.mob-tick-box {
  display: flex;
  gap: 5px;
  margin-right: 18px;
  height: auto;
}
.mob-tick,
.bundle-dummy-tick {
  border-bottom: none;
}
.mob-tick:first-child,
.bundle-dummy-tick:first-child {
  background: #f9f9ff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.mob-tick:last-child,
.bundle-dummy-tick:last-child {
  background: #fffafd;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.mob-tick-box {
  display: flex;
  gap: 22px;
}
.description-box .para16 {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  padding-left: 10px;
}
.bundle-curve-head {
  background: transparent;
}
.bundle-curve-head .bundle-dummy-tick {
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid #e4e4e4;
  height: 40px !important;
}
.bundle-head {
  position: sticky;
  z-index: 2;
}
.bundle-item:first-child {
  margin-top: 0;
}
.bundle-wrap {
  position: relative;
}
.page-numbers {
  font-size: var(--font20);
  color: #12a1a1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}
.page-numbers.current {
  color: #bd2340;
}
.page-numbers.prev {
  position: relative;
}
.page-numbers.prev::before {
  content: "";
  background: url("../img/pagi-arrow.svg") no-repeat;
  position: absolute;
  width: 10px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scaleX(-1);
  color: #12a1a1;
  z-index: 1;
}
.page-numbers.next {
  position: relative;
}
.page-numbers.next::before {
  content: "";
  background: url("../img/pagi-arrow.svg") no-repeat;
  position: absolute;
  width: 10px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #12a1a1;
  z-index: 1;
}
.pagination-wrap {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.hideContent::before {
  content: "";
}
.bg-gradient {
  background: linear-gradient(90deg, #fff2f4 0%, #d7f2ff 100%);
}
.thankyou-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.thankyou-img-wrap {
  height: 110px;
  width: 110px;
  overflow: hidden;
}
.thankyou-img-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.thankyou-txt-wrap h2 {
  text-align: center;
  color: #000;
  font-family: "Helvetica Neue";
  font-size: var(--font40);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  /* 120% */
  margin-bottom: clamp(12px, 0.625vw + 12px, 24px);
}
.thankyou-subtitle p {
  color: #000;
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: var(--font20);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.thankyou-subtitle p span {
  font-weight: 700;
}
/* header */
:root {
  --menuWidth: 300px;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
#header.scroll-down {
  top: calc(-1 * var(--header-height));
}
.head-right {
  display: flex;
}
.logo {
  display: inline-block;
  vertical-align: middle;
  width: 130px;
}
.header-box .container {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--headerHeight);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.menuOverlay {
  width: 100%;
  height: calc(100% - var(--header-height));
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: var(--header-height);
  left: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  pointer-events: none;
  z-index: 4;
}
.drop {
  position: relative;
}
.drop > a:after {
  content: "";
  margin-left: 6px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s;
}
.drop ul {
  position: absolute;
  border-radius: 10px;
  top: 60px;
  left: 0;
  width: 170px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.drop ul li {
  padding: 0;
}
.drop ul li:last-of-type {
  border-bottom: 0;
}
.drop ul li a {
  display: block;
  font-size: 15px;
  padding: 8px 0;
  border-radius: 5px;
  opacity: 0.5;
  color: #000;
}
.drop ul li a:hover {
  opacity: 1;
  color: #000;
}
.drop:hover ul li a {
  color: #000;
}
.drop:hover a {
  color: #bd2340;
}
.drop:hover ul {
  opacity: 1;
  visibility: visible;
}
.drop:hover .drop-bg {
  opacity: 1;
  visibility: visible;
}
.drop:hover .menuOverlay {
  opacity: 1;
  visibility: visible;
}
.drop-bg {
  background: #fff;
  width: 100%;
  height: 200px;
  padding: 0 0 20px 0;
  position: fixed;
  top: var(--header-height);
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.drop-bg p {
  color: #8e8e8e;
  max-width: 400px;
  width: 100%;
  line-height: 1.5;
  font-size: var(--font22);
}
.drop-bg p strong {
  color: #000;
}
.header-wrap {
  display: flex;
}
.header-box {
  display: flex;
  height: var(--header-height);
}
.fixHeader {
  background-color: #ffffff;
}
.menuBtn {
  display: flex;
  align-items: center;
}
.header-list {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header-list li {
  padding: 7px 20px;
}
.header-list li:last-child {
  padding-right: 0;
}
.header-list li a {
  font-size: 16px;
  color: #000;
  font-family: "helvetica_neue_regular";
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.menuBtn .button {
  margin-left: 20px;
}
/* side menu */
.menu {
  display: none;
  position: relative;
}
/* side menu */
.menu {
  display: none;
  position: relative;
  margin-left: 16px;
  z-index: 8;
}
.mob-navigation li.nav-dropdown-open > ul {
  display: block;
}
.nav-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  -webkit-transition: -webkit-opacity 0.5s;
  transition: -webkit-opacity 0.5s;
  transition: opacity 0.5s;
  transition: opacity 0.5s, -webkit-opacity 0.5s;
  right: 0;
  top: 0;
  font-size: 14px;
  pointer-events: none;
  opacity: 0;
  display: none;
  z-index: 7;
}
.nav-wrapper.show-menu {
  opacity: 1;
  pointer-events: all;
}
.js-nav-toggle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #bd2340;
  border: 0px solid #bd2340;
  top: 7px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.js-nav-toggle span {
  position: relative;
  background-color: #bd2340;
  height: 2px;
  display: block;
  width: 22px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.js-nav-toggle span:before,
.js-nav-toggle span:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 2px;
  background: #bd2340;
  left: 0;
  top: 50%;
  margin-top: -7px;
  -webkit-transition: all 0.3s 0.3s;
  transition: all 0.3s 0.3s;
}
.js-nav-toggle.white-bar span {
  background-color: #FFF;
}
.js-nav-toggle.white-bar span::before,
.js-nav-toggle.white-bar span::after {
  background: #FFF;
}
.js-nav-toggle span:before {
  margin-top: 5px;
}
.show-menu .js-nav-toggle {
  z-index: 99999;
  background: #bd2340;
  border-radius: 100%;
  overflow: hidden;
}
.show-menu .js-nav-toggle span:before,
.show-menu .js-nav-toggle span:after {
  background: #fff;
}
.show-menu .js-nav-toggle span {
  background-color: transparent;
}
.show-menu .js-nav-toggle span:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.show-menu .js-nav-toggle span:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.show-menu .js-nav-toggle span:before,
.show-menu .js-nav-toggle span:after {
  margin-top: 0;
}
.mob-navigation {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 5px 0.2px rgba(255, 255, 255, 0.3);
  background-color: #fff;
}
.mob-navigation .nav-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background-color: transparent;
  color: #fff;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: backgroun-color 0.2s;
  transition: backgroun-color 0.2s;
}
.mob-navigation .nav-toggle:hover {
  background-color: transparent;
}
.mob-navigation .nav-toggle.back-visible .nav-back {
  opacity: 1;
}
.mob-navigation .nav-toggle.back-visible .nav-title {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
.mob-navigation .nav-title {
  position: absolute;
  left: 0;
  top: 20px;
  padding-left: 1em;
  font-size: 20px;
  font-family: "helvetica_neue_bold";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  color: #fff;
}
.mob-navigation .nav-back {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 30px;
  vertical-align: middle;
  z-index: 1;
  opacity: 0;
  color: #bd2340;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  top: 8px;
}
.mob-navigation .nav-back:before,
.mob-navigation .nav-back:after {
  content: "";
  position: absolute;
  top: 50%;
}
.mob-navigation .nav-back:before {
  left: 40%;
  width: 9px;
  height: 9px;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.mob-navigation .nav-back:after {
  left: 28%;
  width: 15px;
  height: 2px;
  background-color: currentcolor;
  margin-top: -1px;
}
.mob-navigation a {
  display: block;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
  font-size: 1.6em;
}
.mob-navigation a:hover {
  color: #aaa;
}
.mob-navigation ul {
  list-style: none;
  padding: 90px 0 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.mob-navigation ul ul {
  display: none;
  left: 100%;
}
.mob-navigation li.has-dropdown > a {
  padding-right: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mob-navigation li.has-dropdown > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 12px;
  height: 12px;
  border: 2px solid currentcolor;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: translateY(-90%) rotateZ(-45deg);
  transform: translateY(-90%) rotateZ(-45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}
.mob-navigation li.nav-dropdown-open > ul {
  display: block;
}
.drop {
  position: relative;
}
.drop > a::after {
  content: "";
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background: url(../img/menu-drop.svg) no-repeat center center / contain;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s;
}
.drop ul {
  position: absolute;
  border-radius: 10px;
  top: 40px;
  left: 20px;
  width: 170px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.drop ul li {
  padding: 0;
}
.drop ul li:last-of-type {
  border-bottom: 0;
}
.drop ul li a {
  display: block;
  font-size: 14px;
  padding: 8px 0px;
  border-radius: 5px;
}
.drop ul li a:focus,
.drop ul li a:hover {
  color: #e42525;
}
.drop:focus ul,
.drop:hover ul {
  opacity: 1;
  visibility: visible;
}
.drop:focus ul li a,
.drop:hover ul li a {
  color: #000;
}
.drop:focus ul li a:hover,
.drop:hover ul li a:hover {
  color: #bd2340;
}
.drop:focus a,
.drop:hover a {
  color: #bd2340;
}
.drop:focus .drop-box a,
.drop:hover .drop-box a {
  color: #000;
}
.drop:focus > a:after,
.drop:hover > a:after {
  transform: rotate(180deg);
  transition: 0.3s;
}
@media all and (max-width: 1200px) {
  .logo {
    width: 130px;
  }
  .navigation {
    display: none;
  }
  .nav-wrapper {
    display: block;
  }
  .menuBtn .button,
  .header-list {
    display: none;
  }
  .menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media all and (max-width: 576px) {
  .internal-link-box a {
    width: 40%;
  }
}
@media all and (max-width: 480px) {
  .logo {
    width: 90px;
  }
}
@media all and (max-width: 1920px) {
  .simplify-wrap {
    height: 64vh;
  }
  .dv-img-swiper {
    width: 65%;
  }
}
@media all and (max-width: 1600px) {
  .simplify-wrap {
    height: 100%;
    padding-top: 10px;
  }
  .range-sticky {
    top: calc(var(--header-height) + 6%);
  }
  .pre-top-logo {
    max-width: 400px;
    margin: 0 auto 30px;
  }
  .health-hdn-img {
    width: 200px;
  }
  .dv-info-swiper {
    max-width: 300px;
  }
}
@media all and (max-width: 1440px) {
  .dhh-card {
    padding: 16px;
  }
  .dhh-info-wrap {
    gap: 20px;
  }
  .dhh-icon {
    width: 38px;
    height: 38px;
    margin: -33px auto 6px;
  }
  .dhh-card-wrap .f-row {
    margin: 50px -15px 0;
  }
  .health-care-sec::after {
    left: 28%;
  }
  .dv-info-swiper {
    padding-left: 20px;
  }
  .dv-info-swiper .swiper-slide::before {
    left: -21px;
  }
}
@media all and (max-width: 1366px) {
  .work-illustration {
    width: 600px;
  }
  .work-info {
    padding: 46px 0 46px 46px;
  }
  .work-box {
    margin-bottom: 80px;
  }
  .vision-img {
    width: 290px;
  }
  .play-btn {
    width: 80px;
    height: 80px;
  }
  .work-detail-box {
    padding: 30px 18px;
  }
  .ask-box {
    padding: 26px 0;
  }
  .work-swiper-img {
    height: 540px;
  }
  .result-img {
    width: 60px;
    height: 60px;
  }
  .result-box {
    gap: 20px;
  }
  .result-wrap {
    gap: 30px 20px;
  }
  .strategy-img {
    margin-bottom: 120px;
  }
  .ask-section {
    margin: 40px 0 70px 0;
  }
  .work-detail-box-wrap {
    margin-bottom: 70px;
  }
  #career-form.white-popup-block {
    padding: 30px;
  }
  .job-box {
    padding: 28px 20px;
  }
  .role-filter-wrap {
    margin: 56px 0 26px;
    gap: 18px;
  }
  .office-wrap {
    gap: 30px;
  }
  .suite-img-box {
    width: 400px;
    height: 400px;
  }
  .bespoke-img-wrap {
    width: 400px;
  }
  .cell {
    height: 114px;
  }
  .simplify-img {
    width: 370px;
    height: 370px;
  }
  .simplify-wrap {
    height: auto;
  }
  .product1 {
    width: 180px;
    transform: translate(-230%, -150%);
  }
  .product2 {
    width: 140px;
    transform: translate(200%, -200%);
  }
  .product4 {
    width: 170px;
    transform: translate(210%, -50%);
  }
  .product5 {
    transform: translate(-320%, 90%);
  }
  .product6 {
    transform: translate(320%, 90%);
  }
  .range-sticky {
    top: calc(var(--header-height) + 5%);
  }
  .range-height .comm-sec-hdn {
    margin-bottom: 26px;
  }
  .range-info {
    padding: 46px 56px 46px 34px;
  }
  .key-info {
    padding: 30px 34px 36px;
  }
  .key-lottie {
    height: 320px;
  }
  .believe-section {
    padding: 50px 0;
  }
  .event-handler-img {
    max-width: 160px;
    margin: 0 0 20px auto;
  }
  .event-hdn {
    margin-bottom: 24px;
  }
  .event-img {
    max-width: 270px;
  }
  .event-place-img {
    max-width: 216px;
  }
  .label-app-left {
    max-width: 500px;
  }
  .label-img {
    height: 500px;
  }
  .acc-box {
    padding: 20px 0;
  }
  .acc-dot {
    width: 20px;
    height: 20px;
    margin-right: 20px;
  }
  .acc-dot span,
  .acc-dot:before {
    margin-left: 10px;
    margin-top: 20px;
  }
  .bottom-elem {
    bottom: -91px;
    left: -26px;
  }
  .partner-hdn {
    margin: 30px auto;
  }
  .synergy-wrap .hdn28 {
    width: 100%;
  }
  .viz-main-img {
    width: 200px;
  }
  .viz-main-box {
    gap: 40px;
  }
  .viz-care-left {
    width: 440px;
  }
  .xp-detail-box {
    border-radius: 14px;
    padding: 18px 16px;
  }
  .xp-detail-img {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
  }
  .xp-card {
    padding: 24px 30px 20px;
  }
  .xp-img {
    height: 44px;
    margin-bottom: 16px;
  }
  .infused-wrap {
    max-width: 800px;
  }
  .infused-box {
    border-radius: 16px;
    padding: 20px 16px;
  }
  .xperience-logo {
    max-width: 220px;
  }
  .talkx-box {
    padding: 28px 34px;
    gap: 36px;
  }
  .health-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
  }
  .health-card {
    margin-bottom: 80px;
  }
  .arrow-bullet-box ul li {
    margin-bottom: 20px;
  }
  .acc-item.active {
    padding-bottom: 60px;
  }
  .schedule-hdn {
    max-width: 900px;
  }
  .infused-wrap {
    height: 500px;
  }
  .health-care-sec::after {
    width: 200px;
    height: 90px;
    bottom: -60px;
  }
  .health-hdn-wrap {
    max-width: 790px;
    gap: 30px;
  }
}
@media all and (max-width: 1200px) {
  :root {
    --comm-space: 60px;
  }
  .container {
    max-width: 960px;
  }
  .pb240 {
    padding-bottom: 180px;
  }
  .main-container {
    padding-top: calc(var(--header-height) + 96px);
  }
  .footer-right {
    max-width: 520px;
    gap: 20px;
  }
  .footer-wrap {
    padding: 50px 0;
  }
  .work-img {
    margin-bottom: 28px;
  }
  .work-info {
    padding: 34px 0 36px 36px;
  }
  .work-swiper-img {
    height: 500px;
  }
  .strategy-img {
    margin-bottom: 80px;
  }
  .office-img {
    height: 390px;
  }
  .office-box {
    padding: 20px 12px;
  }
  .office-list-wrap .comm-sub-hdn {
    margin-bottom: 18px;
  }
  .talk-info .comm-sub-hdn {
    margin-bottom: 23px;
  }
  .talk-detail-box {
    margin-bottom: 18px;
  }
  .talk-info .social-wrap {
    margin-top: 30px;
  }
  .social-wrap {
    gap: 22px;
  }
  .talk-info .social-wrap a {
    width: 44px;
    height: 44px;
  }
  .contact-form {
    padding: 36px 24px;
    border-radius: 16px;
  }
  .service-swiper-img {
    height: 300px;
  }
  .health-box {
    max-width: 400px;
    padding: 26px 20px;
    border-radius: 16px;
  }
  .service-card {
    border-radius: 16px;
    padding: 40px;
  }
  .service-img {
    width: 270px;
    height: 216px;
  }
  .our-work-img {
    width: 270px;
    height: 230px;
  }
  .our-work-info {
    padding: 20px 26px 22px 0;
  }
  .our-client-arrow {
    width: 30px;
  }
  .error-hdn {
    font-size: 78px;
    margin-bottom: 8px;
  }
  .thank-you-img {
    width: 332px;
    height: 362px;
  }
  .home-container .container {
    max-width: 100%;
  }
  .hand-img {
    transform: scale(1);
  }
  .hand1 {
    bottom: 2%;
  }
  .hand2 {
    bottom: -28%;
  }
  .hand3 {
    bottom: -2%;
  }
  .hand4 {
    bottom: 16%;
  }
  .hand5 {
    top: 12%;
  }
  .hand6 {
    top: 50%;
  }
  .hand7 {
    top: 22%;
  }
  .abt-divide-left,
  .abt-divide-right,
  .abt-grid {
    border-radius: 14px;
  }
  .abt-grid5 {
    gap: 14px;
  }
  .abt-grid1 {
    padding: 24px;
  }
  .abt-grid3,
  .abt-grid4 {
    gap: 24px;
    padding: 22px 26px;
  }
  .abt-grid-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 18px;
    height: 500px;
  }
  .abt-divide-left {
    gap: 14px;
    padding: 16px;
  }
  .abt-grid1 img {
    width: 80px;
    height: 80px;
  }
  .abt-grid4 img,
  .abt-grid3 img {
    width: 50px;
    height: auto;
  }
  .abt-divide-left img {
    width: 40px;
    height: 40px;
  }
  .abt-grid6 {
    gap: 24px;
    padding: 26px;
  }
  .abt-grid6 img {
    width: 60px;
    height: 60px;
  }
  .hand-wrap {
    height: 52vw;
  }
  .game-img {
    width: 270px;
    margin: 0 auto 26px;
  }
  .game-info-bg {
    padding: 70px 0 80px;
  }
  .value-box {
    border-radius: 16px;
    padding: 30px 24px 24px 24px;
  }
  .look-img {
    width: 460px;
  }
  .simplify-info {
    max-width: 458px;
  }
  .target-product-dummy {
    opacity: 1;
  }
  .target-product-box {
    max-width: 320px;
    width: 100%;
    height: auto;
  }
  .product-img {
    display: none;
  }
  .target-info {
    transform: translateY(0%);
    opacity: 1;
    height: auto;
  }
  .key-lottie {
    height: auto;
  }
  .simplify-wrap {
    animation: fadeIn 0.4s ease;
  }
  @keyframes fadeIn {
    0% {
      transform: translateY(25%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .target-box {
    position: static;
    height: auto;
  }
  .target-height {
    height: auto;
  }
  .target-trigger {
    display: none;
  }
  .target-product-img {
    opacity: 1;
    scale: 1;
  }
  .target-info .comm-sec-hdn {
    opacity: 0;
    position: absolute;
  }
  .target-info .comm-sec-hdn:last-child {
    opacity: 1;
    position: static;
  }
  .target-info-box {
    opacity: 0;
    transform: translateY(20%);
    max-width: 730px;
  }
  .propel-img {
    max-width: 440px;
    height: auto;
  }
  .range-img {
    width: 440px;
    height: auto;
  }
  .health-detail {
    max-width: 540px;
  }
  .health-logo-holder {
    width: 250px;
    height: 250px;
  }
  .step-box {
    border-radius: 14px;
    padding: 12px;
    max-width: 150px;
  }
  .step-img {
    width: 50px;
    height: 60px;
  }
  .health-para-box {
    max-width: 375px;
    margin: 0 auto;
  }
  .step-box-wrap {
    display: flex;
    justify-content: center;
    gap: 24px;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 12px;
  }
  .step-box-wrap::-webkit-scrollbar {
    height: 3px;
  }
  .step-box-wrap::-webkit-scrollbar-thumb {
    background: #a53a4e;
    border-radius: 2px;
  }
  .step-box-wrap::-webkit-scrollbar-track {
    background: #f8f8f8;
  }
  .step-screen-1,
  .step-screen-2 {
    transform: none;
    opacity: 1;
  }
  .step-box {
    width: 150px;
    position: static;
  }
  .health-wrap {
    height: 100%;
    padding: 60px 0;
    flex-direction: column;
  }
  .copilot-img {
    width: 120px;
  }
  .anim-section {
    padding: 40px 0 70px;
  }
  .health-logo-box,
  .anim-height {
    height: 100%;
  }
  .health-logo-box {
    display: flex;
    align-items: unset;
    flex-direction: column-reverse;
  }
  .health-para {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(0);
    opacity: 1;
  }
  .health-logo-holder,
  .anim-trigger {
    display: none;
  }
  .anim-sticky {
    position: static;
  }
  .believe-img {
    width: 400px;
    height: 300px;
  }
  .simplify-img {
    display: none;
  }
  .simplify-wrap {
    flex-direction: column;
    padding-top: 40px;
  }
  .simplify-info .button {
    display: none;
  }
  .range-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 40px;
    padding-bottom: 0;
    transform: none;
  }
  .range-swiper .comm-pagination {
    display: none;
  }
  .range-swiper {
    padding-bottom: 0;
  }
  .comm-nav-wrap {
    justify-content: center;
    top: 100%;
    opacity: 1;
  }
  .swiper-button-disabled.comm-nav {
    opacity: 0.5;
  }
  .comm-nav {
    scale: 1;
  }
  .value-swiper {
    padding-bottom: 50px;
  }
  .career-btm-lottie {
    max-width: 480px;
  }
  .vision-info {
    padding: 30px 0;
  }
  .target-info {
    display: none;
  }
  .target-hdn-mob {
    display: block;
    text-align: center;
  }
  .animSection {
    width: 100%;
    height: 0;
    right: 0;
    left: 0;
    bottom: -10%;
    justify-content: center;
  }
  .animSection a {
    display: none;
  }
  .home-detail,
  .home-main-container {
    width: 100%;
  }
  .home-detail {
    background: #fff;
  }
  .home-header {
    width: 100%;
  }
  .home-container {
    max-width: 960px;
  }
  .bespoke-box {
    justify-content: center;
    gap: 28px;
  }
  .es-anim {
    height: 100%;
    position: static;
  }
  .service-card-wrap {
    position: static;
    height: auto;
    gap: 60px;
    padding: 60px 0;
  }
  .service-box {
    height: 100%;
    position: static;
    transform: translateY(0);
    opacity: 1;
  }
  .service-box:first-child {
    transform: translateY(0);
  }
  .suite-info {
    flex: none;
  }
  .live-box {
    border-radius: 14px;
    padding: 36px 24px 30px;
  }
  .range-sticky {
    pointer-events: all;
  }
  .service-card-wrap {
    gap: 50px;
  }
  .service-img {
    width: 250px;
    height: auto;
  }
  .service-card {
    padding: 36px 20px;
    position: static;
  }
  .empower-lottie {
    max-width: 400px;
    width: 100%;
  }
  .explore-tab-wrap ul {
    padding-bottom: 0px;
    gap: 40px;
  }
  .comm-small-hdn {
    height: 46px;
    padding: 0 30px;
  }
  .label-app-box {
    gap: 70px;
  }
  .label-app-left {
    display: none;
  }
  .comm-swiper .swiper-wrapper {
    display: flex;
  }
  .comm-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    height: auto;
  }
  .acc-dot {
    display: none;
  }
  .bottom-elem {
    display: none;
  }
  .label-app-right {
    max-width: 100%;
  }
  .acco-para {
    display: flex;
    margin: 10px 0 40px;
  }
  .acc-img {
    display: flex;
    width: 100%;
  }
  .acc-box {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #e4e4e4;
    background: #fff;
    overflow: hidden;
    height: 100%;
  }
  .comm-swiper {
    padding-top: 40px;
  }
  .comm-swiper .comm-feature-pagi {
    display: flex;
    bottom: unset;
    justify-content: center;
    top: 0;
  }
  .comm-swiper .swiper-slide-active .acco-hdn {
    color: #bd2340;
  }
  .comm-nav-wrap {
    transform: none;
  }
  .partner-logo-box {
    gap: 50px;
  }
  .hdn28 {
    font-family: "helvetica_neue_regular";
  }
  .synergy-wrap .hdn28 {
    font-family: "helvetica_neue_bold";
    text-align: center;
  }
  .mb60 {
    margin-bottom: 40px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb30 {
    margin-bottom: 20px !important;
  }
  .mob-future {
    display: block;
  }
  .desk-future {
    display: none;
  }
  .synergy-img {
    width: 84px;
    height: 84px;
  }
  .future-mob-bg::before {
    content: "";
    background: url("../img/mob-future-bg.png");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.5;
  }
  .partner-logo {
    filter: grayscale(0);
  }
  .page-top-img {
    width: 200px;
  }
  .catalyst-box {
    padding: 60px 0;
  }
  .excellence-box {
    gap: 40px;
  }
  .excellence-cont {
    width: 450px;
  }
  .breadcrumb-box.bg-tra {
    background: #fff;
  }
  .xp-btn-wrap {
    margin-bottom: 40px;
  }
  .xp-pro-info {
    gap: 30px;
    margin-bottom: 30px;
    flex-direction: column;
  }
  .xp-pro-swiper {
    border-radius: 14px;
    overflow: hidden;
  }
  .blue-frame {
    border: 15px solid #F2F6FC;
  }
  .xp-detail-swiper .swiper-wrapper {
    padding-bottom: 50px;
  }
  .xp-btn-wrap.pb240 {
    padding-bottom: 150px;
  }
  .schedule-box {
    height: 250px;
    padding: 0 24px 24px;
  }
  .intel-list-box {
    margin: 0 auto 50px;
  }
  .health-info {
    border-radius: 14px;
    padding: 20px 40px;
  }
  .schedule-hdn {
    max-width: 720px;
  }
  .health-hdn-img {
    width: 160px;
  }
  .emp-lead-form {
    border-radius: 14px;
    max-width: 480px;
  }
  .emp-lead-form .event-detail-form {
    padding: 24px 20px;
  }
  .os-img {
    width: 500px;
    height: auto;
    border-radius: 14px;
  }
  .auto-box {
    border-radius: 14px;
    padding: 20px 16px;
  }
  .plat-box {
    padding: 20px;
    border-radius: 14px;
  }
  .kind-popup-box {
    height: 540px;
    margin: 40px 0 0;
  }
  .rt-info-wrap {
    gap: 30px;
  }
  .drive-box {
    gap: 24px;
    padding: 26px 46px;
  }
  .bo-left-box {
    max-width: 520px;
    padding: 24px;
  }
  .ro-wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
  }
  .bo-right-box {
    border-radius: 14px;
    padding: 16px;
  }
  .bo-info .hdn20 {
    margin-bottom: 8px;
  }
  .bo-left-box::after {
    width: 180px;
    height: 250px;
  }
  .pb-btm {
    padding: 16px;
  }
  .pb-top {
    padding: 16px;
    gap: 12px;
  }
  .pb-btm ul li {
    padding-left: 12px;
  }
  .pb-hdn:has(+ ul) {
    margin-bottom: 8px;
  }
  .pb-icon {
    width: 40px;
    height: 40px;
  }
  .pc-wrap .bo-left-box {
    padding: 40px 20px;
  }
  .pc-wrap .bo-right-box {
    padding: 30px 20px;
  }
  .pd-list-wrap ul li {
    padding: 16px 16px 16px 40px;
  }
  .pd-box {
    margin-bottom: 80px;
  }
  .pd-box:last-child {
    margin-bottom: 50px;
  }
  .dv-box {
    border-radius: 14px;
    padding: 34px 30px;
    gap: 30px;
    margin-bottom: 70px;
  }
  .dv-info {
    max-width: 480px;
  }
  .dv-icon {
    width: 40px;
    height: 40px;
  }
  .dv-info-swiper .dv-pagi .swiper-pagination-bullet-active {
    height: 60px;
  }
  .dv-info-swiper::after,
  .dv-info-swiper::before {
    height: 15%;
  }
  .build-info {
    max-width: 750px;
    gap: 15px;
  }
  .health-care-sec::after {
    width: 65px;
    height: 60px;
    bottom: -40px;
    background: url(../img/health-elem-mob.svg) no-repeat center;
    background-size: contain;
  }
  .xp-pro-swiper .comm-nav-wrap {
    display: none;
  }
  .health-care-sec .ai-power-sec {
    padding: 100px 0;
  }
  .dv-info p {
    display: block;
  }
  .dv-hdn-wrap .hdn16 {
    color: #000;
  }
  .dv-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
  }
  .dv-img-swiper {
    position: static;
    width: 100%;
    padding: 0 30px;
    transform: none;
  }
  .dv-info-swiper::after,
  .dv-info-swiper::before {
    display: none;
  }
  .dv-info-swiper {
    max-width: 100%;
    height: 100%;
    padding-left: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    border: none;
  }
  .dv-info-swiper .dv-pagi {
    left: 50%;
    top: unset;
    bottom: 0 !important;
    transform: translateX(-50%);
    width: fit-content;
    display: flex;
  }
  .dv-info-swiper .dv-pagi .swiper-pagination-bullet-active {
    height: 8px;
  }
  .dv-info-swiper .swiper-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    gap: 0;
  }
  .dv-info-swiper .swiper-slide::before {
    display: none;
  }
  .dv-img {
    border-radius: 14px;
  }
  .eld-hdn-box {
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
    flex-direction: column;
  }
  .eld-left {
    max-width: 330px;
  }
  .eld-box {
    border-radius: 14px;
    padding: 22px 16px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 1024px) {
  .partner-hdn {
    margin: 0px auto 30px;
  }
  .year-top {
    top: -70px;
  }
  .year-sec {
    padding: 60px 0 150px;
  }
}
@media all and (max-width: 990px) {
  :root {
    --input-height: 45px;
    --header-height: 64px;
    --marker-width: 80px;
  }
  .home-container,
  .home-container .container,
  .container {
    max-width: 800px;
  }
  .button {
    font-size: 14px;
    height: 45px;
  }
  .sec-hdn {
    width: 100%;
    margin: 0 auto 30px;
  }
  .footer-logo {
    width: 100px;
    height: 100%;
    margin-bottom: 30px;
  }
  .footer-wrap {
    padding: 40px 0;
    flex-direction: column;
  }
  .white-popup-block {
    border-radius: 14px;
    padding: 30px;
  }
  .work-info {
    padding: 24px 0 26px 26px;
  }
  .vision-wrap {
    padding: 28px 0 28px 28px;
  }
  .vision-img {
    width: 270px;
  }
  .work-detail-video {
    margin-bottom: 30px;
  }
  .work-detail-video video {
    border-radius: 14px;
  }
  .work-swiper-img {
    height: 450px;
  }
  .help-hdn {
    margin: 40px 0 0;
  }
  .work-detail-container .enterprise-wrap {
    margin-bottom: 40px;
  }
  .work-detail-para p {
    margin-bottom: 22px;
  }
  .ask-section {
    margin: 40px 0 50px 0;
  }
  .work-swiper-img {
    height: 400px;
  }
  .help-hdn {
    margin: 30px 0 0;
  }
  .work-detail-container .enterprise-wrap {
    margin-top: 24px;
  }
  .work-detail-box-wrap {
    margin-bottom: 50px;
  }
  .job-detail-wrap {
    align-items: flex-start;
    flex-direction: column;
  }
  .job-wrap {
    gap: 20px;
  }
  .job-box {
    border-radius: 16px;
  }
  .job-info ul li {
    padding-right: 20px;
  }
  .job-info ul li::after {
    top: 9px;
    right: 7px;
  }
  .office-list-wrap {
    max-width: 320px;
  }
  .office-img {
    height: 360px;
  }
  .office-box {
    padding: 16px 12px;
  }
  .talk-wrap {
    flex-direction: column;
    gap: 30px;
  }
  .service-swiper-img {
    height: 287px;
  }
  .work-wrap {
    gap: 40px;
    flex-direction: column;
  }
  .work-hdn-box .button {
    display: none;
  }
  .our-work-list .button {
    display: flex;
  }
  .our-work-box:last-child {
    margin-bottom: 40px;
  }
  .work-hdn-box .comm-sec-hdn {
    margin-bottom: 0;
  }
  .work-hdn-box {
    position: static;
  }
  .our-work-box {
    max-width: 100%;
    border-radius: 16px;
  }
  .suite-img-box {
    width: 350px;
    height: 350px;
  }
  .bespoke-img-wrap {
    width: 410px;
    gap: 10px;
  }
  .cell {
    height: 90px;
  }
  .home-detail {
    padding: 60px 0;
  }
  .abt-info p {
    margin-bottom: 34px;
  }
  .abt-info video {
    margin: 30px 0;
    border-radius: 16px;
  }
  .abt-grid-wrap {
    height: 430px;
  }
  .abt-grid3,
  .abt-grid4 {
    gap: 14px;
    padding: 14px;
  }
  .abt-grid6,
  .abt-grid1 {
    padding: 18px;
  }
  .look-img {
    width: 400px;
  }
  .look-wrap .vision-info {
    padding: 0 0 30px 0;
  }
  .game-img {
    width: 190px;
  }
  .game-info-bg {
    padding: 60px 0;
  }
  .key-info {
    padding: 20px 24px 26px;
  }
  .range-info {
    padding: 36px 36px 36px 34px;
  }
  .range-img {
    width: 370px;
  }
  .propel-wrap {
    align-items: center;
    flex-direction: column;
    padding: 0 0 50px 0;
  }
  .propel-img {
    max-width: 390px;
  }
  .look-wrap {
    align-items: flex-end;
  }
  .step-box-wrap {
    justify-content: flex-start;
  }
  .step-box {
    width: 140px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .career-btm-lottie {
    max-width: 430px;
  }
  .career-btm-wrap {
    gap: 26px;
  }
  .bespoke-box,
  .suite-box {
    flex-direction: column;
    justify-content: center;
    gap: 38px;
  }
  .health-bg-img img {
    object-fit: cover;
  }
  .event-box {
    padding: 20px;
  }
  .play-btn {
    width: 64px;
    height: 64px;
  }
  .lottie-card {
    display: none;
  }
  .synergy-content {
    transform: translateY(30px);
  }
  .synergy-img::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 42px;
    border-left: 1px dashed rgba(189, 35, 64, 0.6);
    z-index: -1;
    top: 40px;
  }
  .synergy-wrap .f-row {
    margin-top: 30px;
    gap: 0;
  }
  .synergy-wrap .f-col:last-child .synergy-img::before {
    content: none;
  }
  .synergy-card {
    padding-bottom: 50px;
    position: relative;
    gap: 0;
  }
  .year-wrap .hdn40 {
    max-width: 100%;
  }
  .num-font {
    font-size: 120px;
  }
  .year-num {
    width: 60px;
    height: 60px;
  }
  .year-num p {
    font-size: 14px;
  }
  .year-num p span {
    font-size: 20px;
  }
  .journey-content p {
    margin-bottom: 15px;
  }
  .journey-list {
    padding-bottom: 60px;
  }
  .journey-list-box {
    padding: 24px;
    margin-top: 24px;
  }
  .journey-content ul li {
    font-size: 14px;
  }
  .journey-content ul li::before {
    width: 6px;
    height: 6px;
    top: 7px;
  }
  .home-ban-right {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    aspect-ratio: 480 / 500;
    flex: none;
  }
  .home-ban-swiper .home-ban-pagination {
    padding: 10px 16px;
  }
  .home-ban-img {
    border-radius: var(--br20);
    overflow: hidden;
  }
  .home-ban-img picture {
    object-fit: contain;
  }
  .home-ban-img img {
    object-fit: contain;
  }
  .home-top-img {
    max-width: 120px;
  }
  .excellence-box {
    flex-direction: column-reverse;
  }
  .mob-view {
    display: block;
  }
  .desk-view {
    display: none;
  }
  .excellence-cont .mb60 {
    margin-bottom: 0 !important;
  }
  .excellence-cont {
    max-width: 450px;
    width: 100%;
  }
  .excellence-sec-box {
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    padding: 140px 0 120px;
  }
  .meet-main-box {
    margin: -240px 0 -90px;
  }
  .viz-main-img {
    width: 180px;
  }
  .viz-main-box {
    flex-direction: column;
  }
  .viz-care-left {
    max-width: 440px;
    width: 100%;
  }
  .viz-care-right {
    gap: 24px;
  }
  .viz-sec-box {
    overflow: hidden;
  }
  .blue-frame {
    border: 10px solid #F2F6FC;
  }
  .grey-logo-sec .xp-card-wrap .f-row {
    padding: 0;
  }
  .health-info {
    border-radius: 14px;
    padding: 20px 16px;
  }
  .xp-card-wrap .f-col {
    justify-content: flex-start;
  }
  .emp-lead-bann-wrap {
    gap: 30px;
    margin-bottom: 60px;
    flex-direction: column;
  }
  .emp-lead-bann-left {
    max-width: 100%;
  }
  .os-box {
    gap: 30px;
    margin-bottom: 60px;
    flex-direction: column;
  }
  .os-img {
    max-width: 470px;
    width: 100%;
  }
  .os-box:nth-child(even) {
    flex-direction: column;
  }
  .plat-hdn-wrap {
    gap: 14px;
    margin-bottom: 20px;
  }
  .plat-wrap .f-row {
    gap: 30px 0;
    margin-bottom: 60px;
  }
  .emp-lead-bann-img {
    width: 130px;
    margin-bottom: 10px;
  }
  .emp-lead-form .event-detail-form {
    padding: 24px 16px;
  }
  .pre-top-logo {
    max-width: 300px;
  }
  .kind-popup-box {
    height: 450px;
  }
  .rt-info-wrap {
    flex-direction: column;
  }
  .rt-left {
    max-width: 100%;
  }
  .rt-card {
    border-radius: 14px;
    padding: 16px;
  }
  .rt-icon {
    width: 34px;
    height: 34px;
  }
  .rt-hdn-wrap {
    margin-bottom: 18px;
  }
  .ro-wrap {
    flex-direction: column;
  }
  .bo-left-box::after {
    width: 170px;
    height: 250px;
    bottom: -90px;
    right: -40px;
  }
  .bo-left-box {
    max-width: 100%;
    padding: 16px 16px 70px 16px;
  }
  .pd-box:nth-child(even),
  .pd-box {
    flex-direction: column;
    gap: 30px;
  }
  .pd-list-wrap,
  .pd-left {
    max-width: 100%;
  }
  .build-info {
    max-width: 530px;
  }
  .build-info .comm-para {
    margin-bottom: 10px;
  }
  .pd-left {
    position: relative;
  }
  .pd-left .comm-para {
    display: none;
  }
  .pd-left::after {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../img/arrow-down-right.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .pd-list-wrap {
    display: none;
  }
  .pd-list-wrap .comm-para {
    display: block;
    margin-bottom: 24px;
  }
  .pd-box.active .pd-left::after {
    transform: rotate(90deg);
  }
  .pd-box {
    margin-bottom: 60px;
  }
  .health-care-sec::after {
    width: 76px;
    height: 70px;
    bottom: -44px;
  }
  .dv-info-swiper .dv-pagi {
    flex-direction: row;
  }
  .dv-para {
    width: 100%;
  }
  .xp-btn-wrap {
    padding-bottom: 60px;
  }
  .eld-left {
    max-width: 100%;
    height: 100%;
    position: static;
    padding: 0;
  }
  .eld-wrap {
    padding: 0 0 110px;
    flex-direction: column;
    gap: 30px;
  }
  .eld-red-box {
    border-radius: 0;
    padding: 12px 90px 30px;
    max-width: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 2;
    gap: 10px;
  }
  .eld-red-box p {
    margin: 0;
  }
  .eld-box-wrap {
    max-width: 100%;
    padding: 0;
  }
  .health-hdn-wrap {
    max-width: 620px;
  }
  .home-ban-left {
    max-width: 100%;
    padding: 0;
    flex: none;
    gap: 20px;
  }
  .home-banner {
    flex-direction: column;
    gap: 30px;
    padding: 30px 16px 40px;
  }
}
@media all and (max-width: 800px) {
  .explore-wrap {
    gap: 26px;
    margin-bottom: 60px;
    flex-direction: column-reverse;
  }
  .explore-wrap:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .explore-info {
    gap: 12px;
    max-width: 480px;
  }
  .explore-lottie {
    max-width: 400px;
    width: 100%;
    height: 100%;
    border-radius: 14px;
  }
  .believe-left {
    max-width: 400px;
  }
  .believe-wrap {
    flex-direction: column-reverse;
  }
  .believe-para p {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .look-wrap {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 40px 0;
  }
  .look-wrap .vision-info {
    padding: 0;
  }
  .abt-grid-wrap {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
  }
  .abt-grid {
    width: 48%;
  }
  .abt-grid.abt-grid5,
  .abt-grid.abt-grid6 {
    width: 100%;
  }
  .range-box {
    flex-direction: column-reverse;
    gap: 36px;
    padding: 0 26px 26px 24px;
  }
  .range-info {
    max-width: 100%;
    padding: 0;
  }
  .range-hdn {
    margin-bottom: 18px;
  }
  .range-para {
    margin-bottom: 34px;
  }
  .believe-left {
    max-width: 400px;
  }
  .believe-wrap {
    flex-direction: column-reverse;
  }
  .believe-para p {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .career-btm-wrap {
    flex-direction: column;
  }
  .vision-info {
    padding: 0 0 30px 0;
  }
  .career-btm-wrap {
    gap: 10px;
  }
  .live-box {
    padding: 24px 16px;
    flex-direction: column;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    gap: 46px;
  }
  .live-box .copilot-img {
    width: 100px;
  }
  .live-right,
  .live-left {
    gap: 22px;
  }
  .forum-hdn,
  .forum-address-wrap p {
    text-align: left;
  }
  .forum-btn-wrap .button {
    padding: 0 14px;
  }
  .live-hdn {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .forum-hdn {
    font-size: 16px;
    margin-bottom: 0;
  }
  .forum-address-wrap p {
    font-family: "helvetica_neue_medium";
  }
  .health-hdn-wrap {
    max-width: 590px;
    gap: 30px;
  }
}
@media all and (max-width: 768px) {
  .home-container,
  .home-container .container,
  .container {
    max-width: 100%;
  }
  .work-box {
    flex-direction: column-reverse;
  }
  .work-illustration {
    width: 100%;
    height: 400px;
    flex: none;
  }
  .work-illustration img {
    object-position: top;
  }
  .work-illustration video {
    object-fit: contain;
  }
  .work-info {
    padding: 24px;
    max-width: 100%;
  }
  .vision-wrap {
    padding: 28px 0;
  }
  .enterprise-wrap {
    flex-direction: column;
  }
  .comm-drop-parent {
    max-width: 100%;
  }
  .comm-drop-box {
    width: 100.5%;
  }
  .work-info {
    padding: 0 18px 24px 18px;
  }
  .work-btn-wrap {
    justify-content: space-between;
    gap: 12px;
  }
  .work-btn-wrap .button {
    flex: 1;
  }
  .work-detail-box {
    padding: 28px 16px;
  }
  .result-box {
    width: 100%;
  }
  .result-wrap {
    gap: 26px;
  }
  .result-box {
    gap: 15px;
  }
  .career-form-left {
    padding-right: 16px;
  }
  .career-form-right {
    max-width: 310px;
    padding-left: 16px;
  }
  .job-box {
    width: 100%;
  }
  .role-filter-wrap {
    margin: 40px 0 22px;
    flex-direction: column;
  }
  #selectRole.comm-drop-parent {
    max-width: 100%;
  }
  .office-list-wrap {
    max-width: 100%;
  }
  .office-wrap {
    flex-direction: column;
  }
  .service-info {
    max-width: 100%;
  }
  .service-swiper-img {
    height: auto;
  }
  .service-card {
    flex-direction: column;
  }
  .thankyou-wrap {
    height: 100%;
    padding: 60px 0;
  }
  .thankyou-box {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
  }
  .thank-you-info {
    max-width: 100%;
    padding: 36px 24px 0;
  }
  .tech-type {
    gap: 0;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .tech-para {
    overflow: hidden;
  }
  .help-wrap ul {
    margin: 30px 0 44px;
  }
  .explore-hdn {
    font-size: 22px;
  }
  .event-hdn span::before {
    width: 14px;
    height: 14px;
  }
  .event-hdn span {
    padding-left: 26px;
  }
  .office-address {
    display: none;
  }
  .office-box.active .office-img {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .current-btn-wrap {
    bottom: 10px;
    right: 10px;
    gap: 14px;
  }
  .feature-hdn-box {
    margin: 0 auto 40px;
  }
  .feature-hdn-box .comm-sub-hdn {
    font-size: 24px;
  }
  .empower-wrap {
    flex-direction: column;
  }
  .speed-section::after,
  .feature-section:nth-child(odd)::after {
    background: url(../img/bg-gredient-mob.svg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .year-top {
    top: -50px;
  }
  .year-sec {
    padding: 60px 0 50px;
  }
  .journey-content ul li div {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-top-img {
    width: 140px;
  }
  .intel-wrap {
    align-items: flex-start;
  }
  .infused-info {
    position: static;
    transform: none;
  }
  .infused-wrap {
    height: auto;
  }
  .infused-box {
    border-radius: 14px;
    position: relative;
    max-width: 100%;
    inset: unset;
    margin-bottom: 20px;
  }
  .infused-box:last-child {
    margin-bottom: 0;
  }
  .infused-box:nth-child(1n),
  .infused-box:nth-child(2n),
  .infused-box:nth-child(3n),
  .infused-box:nth-child(4n) {
    inset: unset;
  }
  .infused-img {
    width: 100%;
    position: absolute;
    left: -50%;
  }
  .schedule-hdn br,
  .hdn40 br {
    display: none;
  }
  .git-section .xp-card-wrap {
    margin-bottom: 20px;
  }
  .git-btm-elem {
    height: 40px;
  }
  .plat-hdn-wrap {
    margin-bottom: 0;
    padding-right: 60px;
    position: relative;
  }
  .plat-hdn-wrap::after {
    content: "";
    width: 44px;
    height: 44px;
    background: url("../img/arrow-down-right.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%) rotate(90deg);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .plat-hdn-wrap .hdn18 {
    font-size: 16px;
  }
  .plat-box.active .plat-hdn-wrap::after {
    transform: translate(0, -50%) rotate(0deg);
  }
  .plat-box .arrow-bullet-box {
    padding-top: 18px;
  }
  .build-img {
    width: 590px;
    display: none;
    margin: 0 auto;
  }
  .build-info {
    max-width: 100%;
    position: static;
    transform: none;
    padding: 70px 16px;
    background: #ecf6fe;
    border-radius: 16px;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
  }
  .kind-popup-box {
    height: 350px;
  }
  .kind-popup-box a {
    width: 34px;
    height: 34px;
    bottom: 60px;
    right: 20px;
  }
  .drive-box {
    gap: 30px;
    padding: 70px 16px;
    border-radius: 200px;
    flex-direction: column;
    text-align: center;
    background-position: center;
  }
  .pd-list-wrap ul li {
    width: 100%;
  }
  .pd-list-wrap ul li {
    padding: 16px 16px 16px 30px;
  }
  .pd-list-wrap ul li::before {
    width: 2px;
    height: 20px;
    left: 14px;
  }
  .pd-list-wrap ul {
    gap: 20px;
  }
  .kind-section::before,
  .kind-section::after {
    height: 60px;
  }
  .pb-box {
    padding: 20px;
    border-radius: 12px;
  }
  .pb-box.white {
    background: #fff !important;
  }
  .pb-top {
    position: static;
    height: auto;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    background: transparent;
  }
  .pb-icon {
    width: 30px;
    height: 30px;
  }
  .pb-btm {
    height: auto;
    padding: 20px;
    background: #fff !important;
    border-radius: 20px;
    background: #fff;
    margin-top: 16px;
    display: none;
  }
  .pb-box-wrap .f-row {
    gap: 20px 0;
  }
  .pb-box-wrap .f-col:nth-child(1n) .pb-box {
    background: #f4f2fd;
  }
  .pb-box-wrap .f-col:nth-child(1n) .pb-btm {
    box-shadow: 0px 0px 8px 0px rgba(121, 97, 229, 0.3);
  }
  .pb-box-wrap .f-col:nth-child(2n) .pb-box {
    background: #efffeb;
  }
  .pb-box-wrap .f-col:nth-child(2n) .pb-btm {
    box-shadow: 0px 0px 10px 0px rgba(48, 204, 9, 0.3);
  }
  .pb-box-wrap .f-col:nth-child(3n) .pb-box {
    background: #fff0f0;
  }
  .pb-box-wrap .f-col:nth-child(3n) .pb-btm {
    box-shadow: 0px 0px 8px 0px rgba(255, 240, 240, 0.3);
  }
  .pb-box:hover .pb-top {
    opacity: 1;
  }
  .pb-box:hover {
    box-shadow: none;
  }
  .connect-logo {
    width: 200px;
  }
  .kind-section .intel-wrap {
    align-items: center;
  }
  .kind-popup-img {
    border-radius: 14px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .pb-btm .pb-hdn {
    display: none;
  }
  .xp-btn {
    width: 40px;
  }
  .xp-card-wrap .f-row {
    margin-bottom: 30px;
  }
  .xp-pro-swiper {
    max-width: 340px;
    width: 100%;
    aspect-ratio: 340/530;
    margin: 0 auto;
  }
  .eld-red-box {
    padding: 14px 16px 24px;
  }
  .eld-logo {
    width: 100px;
  }
}
@media all and (max-width: 640px) {
  .white-popup-block {
    padding: 30px 22px;
  }
  .vision-wrap {
    flex-direction: column;
  }
  .enterprise-wrap {
    margin-top: 22px;
    gap: 16px;
  }
  .career-form-wrap {
    flex-direction: column;
    gap: 24px;
  }
  .career-form-right {
    max-width: 100%;
    border: none;
    padding-left: 0;
  }
  .career-form-left {
    padding-right: 0;
  }
  #file-list {
    max-height: 140px;
    height: auto;
  }
  .document-box {
    padding: 12px 8px;
    margin-bottom: 16px;
  }
  .document-img {
    width: 32px;
    height: 32px;
  }
  .career-form-right .form-label {
    margin-bottom: 8px;
  }
  .career-form-hdn {
    margin-bottom: 16px;
    text-align: center;
  }
  #career-form.white-popup-block {
    padding: 26px 16px;
  }
  .drop-box {
    height: 150px;
  }
  .plus-img {
    width: 34px;
    height: 34px;
  }
  .contact-form {
    padding: 30px 18px;
  }
  .our-work-box {
    border-radius: 16px;
    margin-bottom: 42px;
    flex-direction: column;
    align-items: flex-start;
  }
  .our-work-info {
    padding: 20px 18px;
    width: 100%;
  }
  .thank-you-img {
    width: 260px;
  }
  .suite-img-box {
    width: 300px;
    height: 300px;
  }
  .cell {
    height: 81px;
  }
  .home-detail {
    padding: 50px 0;
  }
  .service-card {
    gap: 40px;
  }
  .service-info .comm-sub-hdn {
    margin-bottom: 20px;
  }
  .service-para {
    margin-bottom: 36px;
  }
  .service-card-wrap {
    gap: 60px;
  }
  .range-box {
    border-radius: 14px;
  }
  .simplify-img {
    width: 260px;
    height: 260px;
  }
  .bespoke-img-wrap {
    width: 370px;
  }
  .event-handler-img {
    max-width: 110px;
  }
  .event-img {
    max-width: 170px;
  }
  .event-hdn span::before {
    width: 10px;
    height: 10px;
  }
  .event-hdn span {
    padding-left: 20px;
  }
  .event-para {
    margin: 40px 0 44px;
  }
  .event-box {
    width: 100%;
  }
  .event-box-wrap {
    flex-wrap: wrap;
  }
  .abt-info video {
    border-radius: 12px;
  }
  .office-box.active {
    border-radius: 14px;
  }
  .simplify-wrap {
    padding-top: 0;
  }
  .current-btn-wrap {
    bottom: 10px;
    right: 10px;
    width: 100%;
    display: flex;
    gap: 14px;
    align-items: center;
  }
  .explore-tab-wrap ul {
    gap: 0;
  }
  .year-sec {
    padding: 30px 0 50px;
  }
  .pb240 {
    padding-bottom: 170px;
  }
  .catlyst-box-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .num-font {
    font-size: 100px;
    padding: 0 16px;
  }
  .journey-list {
    padding-bottom: 40px;
  }
  .work-illustration {
    height: auto;
  }
  .work-illustration img {
    object-fit: contain;
  }
  .viz-care-box {
    padding: 20px;
  }
  .viz-care-box .button {
    white-space: nowrap;
    padding: 0 30px;
  }
  .xp-detail-swiper .swiper-wrapper {
    padding-bottom: 30px;
  }
  .xp-detail-swiper .comm-nav-wrap {
    width: 100%;
    inset: unset;
  }
  .xp-btn-wrap {
    margin-bottom: 40px;
    padding-top: 24px;
  }
  .xp-btn-wrap.pb240 {
    padding-bottom: 90px;
  }
  .schedule-box {
    height: 320px;
    padding: 24px 16px;
  }
  .schedule-hdn {
    font-size: 20px;
    max-width: 290px;
  }
  .xperience-logo {
    max-width: 230px;
    margin: 0 auto 30px;
  }
  .intel-list-box .arrow-bullet-box ul li {
    width: 100%;
  }
  .arrow-bullet-box ul li {
    padding-left: 16px;
    margin-bottom: 20px;
  }
  .arrow-bullet-box ul li::before {
    width: 8px;
    height: 8px;
    top: 6px;
  }
  .intel-list-box {
    margin: 0 auto 40px;
  }
  .xp-card {
    padding: 24px 16px;
  }
  .panel .arrow-bullet-box ul {
    flex-direction: column;
  }
  .panel .arrow-bullet-box ul li {
    width: 100%;
  }
  .accordion::after {
    width: 34px;
    height: 34px;
  }
  .accordion {
    padding-right: 40px;
  }
  .talkx-img {
    width: 200px;
  }
  .talkx-box {
    padding: 20px 16px;
    gap: 30px;
    border-radius: 14px;
  }
  .health-hdn-wrap {
    flex-direction: column;
    text-align: center;
  }
  .control-wrap .hdn28 {
    font-size: 18px;
  }
  .pra-sec .control-wrap .f-row {
    gap: 30px 0;
  }
  .pra-sec {
    padding: 100px 0;
  }
  .dv-img::after,
  .xp-popup::after {
    width: 36px;
    height: 36px;
    right: 18px;
    bottom: 18px;
  }
  .connect-logo-box::after {
    display: none;
  }
  .connect-logo {
    padding: 0;
    width: 180px;
  }
  .drive-box {
    background: url(../img/drive-mob-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .dv-box .hdn28,
  .bo-left-box .hdn28 {
    color: #000;
    font-size: var(--font16);
    font-family: "helvetica_neue_light";
    line-height: 1.4;
  }
  .xp-btn-wrap {
    padding-bottom: 50px;
  }
  .xp-swiper-back img {
    object-fit: cover;
  }
}
@media all and (max-width: 576px) {
  :root {
    --comm-space: 60px;
  }
  .footer-logo {
    margin-bottom: 20px;
  }
  .footer-wrap {
    padding: 36px 0;
  }
  .internal-link-box {
    gap: 12px 16px;
  }
  .footer-right {
    gap: 30px;
    flex-direction: column;
  }
  .social-wrap {
    gap: 20px;
  }
  .health-lottie {
    width: 220px;
    height: 220px;
  }
  .footer-hdn {
    margin-bottom: 10px;
  }
  .sec-hdn .comm-hdn-para p {
    font-size: 18px;
  }
  .work-bg {
    display: none;
  }
  .role-filter-wrap {
    margin: 34px 0 22px;
  }
  .role-filter-wrap select {
    height: 44px;
    font-size: 14px;
    width: 100%;
  }
  .service-img {
    width: 190px;
  }
  .our-client-wrap {
    align-items: flex-start;
    gap: 14px;
    flex-direction: column;
  }
  .abt-grid {
    width: 100%;
  }
  .abt-grid5 {
    flex-direction: column;
  }
  .abt-divide-right,
  .abt-divide-left {
    width: 100%;
  }
  .abt-grid {
    height: 200px;
  }
  .abt-grid img {
    margin-left: auto;
  }
  .abt-grid.abt-grid5 {
    height: 400px;
  }
  .abt-divide-right,
  .abt-divide-left {
    height: 200px;
  }
  .abt-grid1 {
    padding: 24px 16px;
    flex-direction: column-reverse;
    display: flex;
    gap: 16px;
    justify-content: space-between;
  }
  .abt-grid1 img {
    position: static;
    width: 50px;
    height: 50px;
  }
  .abt-grid6 img {
    width: 50px;
    height: 50px;
  }
  .value-box {
    padding: 20px 16px;
  }
  .look-img {
    width: 100%;
  }
  .abt-grid5 {
    gap: 18px;
  }
  .health-wrap {
    padding: 20px 0 30px;
  }
  .explore-hdn {
    font-size: 20px;
  }
  .believe-img {
    width: 300px;
    height: auto;
  }
  .work-detail-container {
    padding-top: 20px;
  }
  .explore-tab-box {
    padding: 10px 0 0;
    top: 53px;
  }
  .partner-logo-box {
    gap: 50px;
  }
  .partner-logo {
    width: 35%;
  }
  .expect-card {
    flex-direction: column;
    padding: 20px;
  }
  .year-sec {
    padding: 30px 0 250px;
  }
  .term-card {
    padding: 35px 20px 40px;
  }
  .synergy-sec::before {
    background-size: unset;
  }
  .synergy-sec .wh-grad {
    bottom: -30px;
  }
  .home-banner {
    justify-content: space-between;
    gap: 22px;
  }
  .home-ban-img img {
    object-fit: cover;
    object-position: 0% 90%;
  }
  .home-ban-right {
    aspect-ratio: 340 / 320;
  }
  .home-top-img {
    margin-bottom: 14px;
  }
  .home-banner {
    padding: 24px 14px 40px;
  }
}
@media all and (max-width: 480px) {
  :root {
    --marker-width: 30px;
    --font40: 20px;
    --header-height: 45px;
  }
  .job-info ul {
    display: block;
    margin-bottom: 7px;
  }
  .job-info ul li::after {
    display: none;
  }
  .job-box {
    padding: 22px 16px;
  }
  .job-img {
    width: 46px;
    height: 46px;
  }
  .abt-button-wrap {
    flex-direction: column;
    gap: 14px;
  }
  .abt-button-wrap .button {
    width: 100%;
  }
  .value-hdn {
    margin-bottom: 10px;
  }
  .look-img {
    width: auto;
  }
  .range-img {
    width: 100%;
    height: 100%;
  }
  .range-btn-wrap {
    flex-direction: column;
    gap: 8px;
  }
  .range-btn-wrap .button {
    width: 100%;
  }
  .range-box {
    padding: 0 16px 24px 16px;
  }
  .bespoke-box,
  .suite-box {
    gap: 12px;
  }
  .breadcrumb {
    gap: 18px;
  }
  .breadcrumb a::after {
    top: 35%;
    right: -11px;
  }
  .office-img {
    height: 300px;
  }
  .target-product-box {
    max-width: 260px;
  }
  .work-img {
    max-width: 130px;
  }
  .current-btn-wrap {
    right: 0;
    padding: 0 10px;
  }
  .acco-hdn {
    font-size: 16px;
  }
  .acc-box {
    border-radius: 14px;
  }
  .year-sec {
    padding: 30px 0 200px;
  }
  .pb240 {
    padding-bottom: 100px;
  }
  .num-font {
    font-size: 72px;
    padding: 0;
  }
  .comm-list li {
    margin-bottom: 6px;
  }
  .journey-content ul li div {
    grid-template-columns: repeat(1, 1fr);
  }
  .year-num {
    top: 5px;
    width: 20px;
    height: 20px;
  }
  .year-num p {
    display: none;
  }
  .journey-inner-list {
    gap: 16px;
  }
  .joury-year {
    display: block;
  }
  .journey-list-box {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .home-ban-left {
    flex: none;
  }
  .home-ban-left .button {
    padding: 0 12px;
  }
  .excellence-img img {
    width: 100px;
    height: 30px;
  }
  .excellence-img {
    height: 55px;
    padding: 0 20px;
  }
  .xperience-logo {
    max-width: 190px;
    margin: 0 auto 26px;
  }
  .kind-popup-box {
    height: 220px;
  }
  .drive-box {
    padding: 130px 16px;
  }
  .data-left .hdn40 {
    font-size: 26px;
  }
  .data-left .hdn32 {
    font-size: 20px;
  }
  .blue-frame {
    border: 6px solid #F2F6FC;
  }
  .xp-swiper-front img {
    object-position: top left;
  }
  .pt-box-wrap .pt-box {
    width: 100%;
  }
  .eld-red-box p {
    font-size: 16px;
  }
  .eld-red-box a {
    height: 36px;
    padding: 0 48px 0 16px;
    width: fit-content;
    white-space: nowrap;
  }
}
@media all and (max-width: 400px) {
  .comm-flex-btn {
    gap: 10px;
  }
  .live-right,
  .live-left,
  .live-box {
    gap: 14px;
  }
  .home-detail {
    padding: 18px 0;
  }
  .year-sec {
    padding: 30px 0 150px;
  }
}
@media all and (max-width: 376px) {
  .bespoke-img-wrap {
    width: 310px;
  }
  .work-btn-wrap {
    flex-direction: column;
  }
  .work-btn-wrap .button {
    flex: none;
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .current-btn-wrap {
    gap: 4px;
  }
}
@media all and (max-width: 1600px) {
  .fix-head .ban-sec {
    padding: calc(var(--comm-space) * 2) 0;
  }
  .control-icon {
    width: 70px;
    height: 70px;
  }
}
@media all and (max-width: 1366px) {
  .content-body img {
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
  }
  .media-grid .f-row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .media-grid .f-col {
    padding: 0 30px;
  }
  .element-item {
    margin-bottom: 60px;
  }
  .control-icon {
    width: 64px;
    height: 64px;
  }
  .control-card {
    padding: 20px;
  }
}
@media all and (max-width: 1200px) {
  .gear-content {
    max-width: 100%;
  }
  .detail-head-wrap {
    flex-direction: column;
    gap: 30px;
  }
  .future-wrap .tab_container {
    height: auto;
  }
  .platform-card {
    flex-direction: column;
  }
  .platform-right {
    max-width: 100%;
  }
  .mb80 {
    margin-bottom: 40px !important;
  }
  .desinged-wrap .hdn28 {
    font-family: "helvetica_neue_bold";
  }
  .ai-list ul {
    padding-left: 0;
  }
  .ai-head {
    width: 100%;
  }
  .cover-card .hdn20 {
    font-size: 20px;
  }
  .banner-card {
    flex: 1 auto;
  }
  .col-head {
    padding: 30px 40px;
  }
  .blog-top-box {
    flex-direction: column;
  }
  .blog-banner-right {
    width: 100%;
  }
  .blog-bnr-right-content {
    align-items: flex-start;
  }
  .bundle-top-right {
    top: -34px;
  }
  .ai p::before {
    top: 24px;
    transform: translate(0, 0%);
  }
}
@media all and (max-width: 1024px) {
  .subscribe-sec p {
    width: 100%;
  }
  .subscribe-form {
    width: 100%;
  }
  .media-grid .f-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .media-grid .f-col {
    padding: 0 15px;
  }
  .element-item {
    margin-bottom: 50px;
  }
  .support-sec-box {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
  }
  .ai-right {
    width: 300px;
  }
}
@media all and (max-width: 990px) {
  .published-list ul {
    flex-wrap: wrap;
  }
  .event-detail-wrap .f-row {
    flex-direction: column;
    gap: 30px;
  }
  .event-detail-wrap {
    padding: 20px 0px;
  }
  .built-card {
    aspect-ratio: unset;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px;
    gap: 10px;
  }
  .built-card .t-cen {
    text-align: left;
    font-size: 16px;
  }
  .built-icon {
    margin: unset;
    width: 38px;
    height: 38px;
  }
  .built-card.active {
    gap: 20px;
  }
  .built-card.active .built-content {
    height: auto;
    padding: 30px 20px;
  }
  .built-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
  .built-content {
    opacity: 1;
    visibility: visible;
    position: static;
    height: 0;
    padding: 0px 20px;
    overflow: hidden;
  }
  .built-top {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .built-card h3 {
    max-width: 100%;
  }
  .comm-page-hdn br {
    display: none;
  }
  .card-grid {
    padding: 50px 0 10px;
  }
  .empower-logo {
    max-width: 240px;
    margin-bottom: 0;
  }
  .grey-logo-sec .f-row {
    gap: 30px 0;
    margin-top: 20px;
    padding: 10px 20px;
  }
  .pb80 {
    padding-bottom: 30px !important;
  }
  .bundle-top-download .form-grp {
    display: block;
  }
  .bundle-top-download .bd-download-wrap {
    display: none;
  }
  .bundle-top-left {
    display: none;
  }
  .content-box {
    flex-direction: column;
  }
  .content-box .comm-para {
    padding: 18px 10px;
    width: 100%;
  }
  .bundle-item {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: none;
  }
  .bundle-item:first-child {
    border-top: 1px solid #e4e4e4;
  }
  .bundle-head {
    border-left: 1px solid #e4e4e4;
  }
  .bundle-top-right {
    top: -87px;
  }
  .top-down-sec {
    padding: 40px 0;
  }
  .blog-bnr-lef-img {
    width: 50%;
  }
  .blog-bnr-left-content,
  .blog-bnr-right-content {
    padding: 20px 16px 40px;
  }
  .blog-box-wrap .comm-drop-parent {
    margin-top: 60px;
  }
  .blog-img {
    aspect-ratio: unset;
    height: 290px;
  }
  .bundle-btn-download {
    display: flex;
  }
  .bundle-btn-download .bd-download-wrap {
    display: flex;
  }
  .bundle-head {
    z-index: 2;
    padding-left: 0;
    border-bottom: 1px solid #e4e4e4;
  }
  .bundle-head span {
    left: unset;
    right: 20px;
  }
  .bundle-head .hdn24 {
    padding-left: 10px;
  }
  .bundle-left-col {
    padding-bottom: 0;
  }
  .blog-bnr-sec {
    padding-top: 10px;
  }
  .bundle-top-right {
    right: 0;
    top: 0%;
  }
  .mob-tick-box {
    margin-right: 0;
  }
  .bundle-left-col,
  .bundle-right-col {
    border-bottom: none;
  }
  .col-head {
    box-shadow: unset;
  }
  .description-box .ai {
    width: 100%;
    padding-left: 30px;
  }
  .description-box .ai p::before {
    right: unset;
    left: -20px;
  }
  .bundle-dummy-tick {
    display: none;
  }
  .content-box .comm-para p {
    margin-bottom: 0;
  }
  .mob-tick:last-child,
  .bundle-dummy-tick:last-child,
  .content-box .comm-para {
    border-right: none;
  }
  .bundle-btn-download {
    padding-right: 0;
  }
  .btm-curved-col {
    display: none;
  }
  .control-icon {
    width: 54px;
    height: 54px;
  }
}
@media all and (max-width: 768px) {
  .grid .f-col {
    padding: 0;
  }
  .support-sec-box {
    padding: 140px 0;
  }
  .data-card {
    max-width: 100%;
  }
  .hi-sec {
    margin: 50px 0;
  }
  .control-wrap .f-row {
    gap: 60px 0;
  }
  .manage-wrap .comm-grid {
    justify-items: center;
  }
  .manage-wrap .hdn28 {
    margin-bottom: 0 !important;
  }
  .cover-wrap .hdn40 {
    width: 100%;
  }
  .platform-card-box {
    margin-top: 40px;
  }
  .ai-wrap .hdn32 {
    width: 100%;
  }
  .ai-list ul {
    flex-direction: column;
  }
  .ai-list ul li {
    width: 100%;
    margin-bottom: 20px !important;
  }
  .ai-list ul li:last-child {
    margin-bottom: 0 !important;
  }
  .ai-right {
    width: 250px;
  }
  .ai-card {
    padding: 30px;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .col-head {
    padding: 30px 20px;
  }
  .blog-bnr-left-card {
    flex-direction: column;
  }
  .blog-bnr-lef-img {
    width: 100%;
    height: 500px;
  }
}
@media all and (max-width: 640px) {
  .press-content {
    position: static;
    padding: 0;
    padding-top: 20px;
  }
  .press-card-info {
    flex-direction: column;
  }
  .element-item .f-row.gp30 {
    gap: 60px 0;
  }
  .subscribe-form .form-field {
    padding-right: 10px;
  }
  .gear-up {
    padding: 24px 20px;
  }
  .content-body img {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .element-item {
    margin-bottom: 40px;
  }
  .mob-content {
    display: block;
  }
  .desk-content {
    display: none;
  }
  .content-body {
    padding-top: 20px;
  }
  .bnr-sec .banner-hdn {
    transform: none;
  }
  .support-sec-box {
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
  }
  .home-vision .vision-wrap {
    padding: 30px 0;
  }
  .card-grid {
    gap: 20px;
  }
  .platform-card {
    padding: 40px 20px 20px;
  }
  .cover-card .para16 {
    margin-bottom: 20px;
  }
  .platform-left .bnr-btn-wrap {
    gap: 10px;
  }
  .platform-left .button {
    padding: 10px 24px;
  }
  .platform-card {
    margin-bottom: 40px;
  }
  .platform-card:last-child {
    margin-bottom: 0;
  }
  .ai-left {
    width: 230px;
  }
  .ai-right {
    width: 60vw;
  }
  .ai-card {
    padding: 145px 20px 80px;
  }
  .manage-sec {
    padding: 80px 0;
  }
  .designed-sec {
    padding-bottom: 100px !important;
  }
  .cover-wrap .hdn40 {
    font-size: 32px;
  }
  .data-cta {
    padding: 2px;
  }
  .mob-col {
    flex-direction: column;
  }
  .blog-bnr-lef-img {
    height: 350px;
  }
  .blog-bnr-img {
    height: auto;
  }
  .thankyou-subtitle p br {
    display: none;
  }
}
@media all and (max-width: 576px) {
  .published-list li {
    width: 70% !important;
  }
  .published-list ul {
    gap: 20px;
  }
  .explore-tab-wrap ul li {
    padding: 12px 20px;
  }
  .content-body img {
    height: auto;
    width: 100%;
    object-position: top;
  }
  .subscribe-form .form-field {
    padding-right: 15px;
  }
  .support-sec-box {
    padding: 100px 0;
  }
  .assitance-grid {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    gap: 2px;
  }
  .assitance-grid .button {
    padding: 9px 24px;
  }
  .assitance-grid .comm-flex-btn {
    gap: 9px;
  }
  .assitance-grid ul {
    padding-left: 10px;
    margin-bottom: 50px;
  }
  .assitance-grid li {
    margin-bottom: 22px;
  }
  .assitance-grid li:last-child {
    margin-bottom: 0;
  }
  .sol-box {
    border-radius: 0;
    padding: 40px 24px;
  }
  .key-para p,
  .comm-list li {
    font-size: 14px;
  }
  .support-box {
    padding-bottom: 30px;
  }
  .hi-sec {
    margin: 0px 0;
  }
  .dot-circle {
    width: 70vw;
    height: 70vw;
    left: -20vw;
    top: -10vw;
    border: 60px solid #000;
  }
  .dot-circle.big-circle {
    width: 180vw;
    height: 180vw;
    right: -30vw;
    bottom: -30vw;
    left: 10vw;
    top: 30vh;
    border: 70px solid #000;
  }
  .dot-circle.bottom-circle {
    width: 180vw;
    height: 180vw;
    right: -30vw;
    bottom: -30vw;
    right: 10vw;
    bottom: -8vh;
    border: 70px solid #000;
    top: unset;
    left: unset;
  }
  .term-img img {
    max-width: 250px;
    max-height: 60px;
  }
  .home-ban-left {
    padding-top: 0;
  }
  .home-ban-left .home-ban-hdn {
    margin-bottom: 20px;
  }
  .banner-icon {
    width: 43px;
    height: 48px;
    right: 20px;
    top: 20px;
    bottom: auto;
  }
  .banner-card {
    gap: 10px;
    padding: 20px;
  }
  .banner-card .hdn18 {
    width: 77%;
  }
  .manage-img {
    max-width: calc(100% - 34px);
    margin: 0 auto;
  }
  .desinged-card {
    flex: 1 1 100%;
    flex-direction: row;
    gap: 10px;
    padding: 24px 20px;
  }
  .desinged-card .para16 p {
    text-align: left !important;
  }
  .designed-box {
    gap: 14px;
  }
  .designed-icon {
    margin-bottom: 0 !important;
  }
  .platform-left {
    padding-inline: 10px;
  }
  .platform-left .bnr-btn-wrap {
    flex-direction: row;
  }
  .platform-right {
    padding: 32px 20px;
    border-radius: 20px;
  }
  .platform-card {
    border-radius: 20px;
    padding: 40px 10px 10px;
  }
  .need-wrap .hdn40 {
    width: 70%;
    margin-inline: auto;
  }
  .grey-logo-sec .f-row {
    margin-top: 10px;
  }
  .control-card {
    padding: 16px;
  }
  .desinged-wrap .hdn28 {
    font-size: 20px;
  }
  .cover-wrap .hdn40 {
    text-align: left !important;
  }
  .platform-right .comm-list.check-bullet li {
    padding-left: 30px;
  }
  .platform-right .comm-list.check-bullet li::before {
    width: 20px;
    height: 20px;
  }
  .ai-wrap .hdn40,
  .ai-wrap .hdn32 {
    width: 80%;
    margin-inline: auto;
  }
  .ai-wrap .journey-content.red-cont ul li {
    padding-left: 22px;
    font-size: 16px;
  }
  .ai-wrap .journey-content.red-cont ul li::before {
    width: 12px;
    height: 12px;
    top: 5px;
  }
  .control-sec .watermark {
    background: url("../img/mob-watermark.png") no-repeat;
    background-position: -319px -40px;
  }
  .ai-sec .watermark {
    background: url("../img/mob-watermark.png") no-repeat;
    background-position: -419px -40px;
  }
  .platform-card {
    position: relative;
    overflow: hidden;
  }
  .platform-card::before {
    content: "";
    width: 728px;
    height: 822px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .platform-card:nth-child(5n + 1) {
    background: #fff5f5;
  }
  .platform-card:nth-child(5n + 1)::before {
    background: url("../img/bg-m-red.png") no-repeat;
    background-size: cover;
    left: -250px;
    top: -180px;
  }
  .platform-card:nth-child(5n + 2) {
    background: #efffeb;
  }
  .platform-card:nth-child(5n + 2)::before {
    background: url("../img/bg-m-green.png") no-repeat;
    background-size: cover;
    left: -190px;
    top: -90px;
  }
  .platform-card:nth-child(5n + 3) {
    background: #f4f2fd;
  }
  .platform-card:nth-child(5n + 3)::before {
    background: url("../img/bg-m-purple.png") no-repeat;
    background-size: cover;
    left: -80px;
    top: -220px;
  }
  .platform-card:nth-child(5n + 4) {
    background: #fff9eb;
  }
  .platform-card:nth-child(5n + 4)::before {
    background: url("../img/bg-m-yellow.png") no-repeat;
    background-size: cover;
    left: -310px;
    top: -250px;
  }
  .platform-card:nth-child(5n + 5) {
    background: #ecf6fe;
  }
  .platform-card:nth-child(5n + 5)::before {
    background: url("../img/bg-m-blue.png") no-repeat;
    background-size: cover;
    left: -59px;
    top: -190px;
  }
  .card-grid {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .banner-card {
    width: 100% !important;
  }
  .home-ban-hdn {
    font-size: 23px;
  }
  .home-ban-left {
    gap: 20px 0;
  }
  .home-ban-left .home-ban-hdn {
    margin-bottom: 10px;
  }
  .banner-card {
    height: auto;
  }
  .home-ban-sec {
    padding-top: 30px;
  }
  .mob-button {
    display: flex;
  }
  .desk-button {
    display: none;
  }
  .platform-card {
    gap: 0;
  }
  .blog-tag li {
    padding: 6px 10px;
  }
  .blog-box-wrap .hdn28 {
    font-size: 18px;
  }
  .blog-box-sec::before {
    background: url("../img/blog-mob-bg.png") no-repeat;
  }
  .pagination-wrap {
    margin: 40px auto;
    width: 100%;
  }
  .bundle-btn-download {
    flex-direction: column;
    align-self: center;
  }
  .bundle-btn-download .button {
    width: 100%;
  }
  input[type="checkbox"] {
    width: 18px;
    height: 18px;
  }
  .checkbox-wrap {
    gap: 5px;
  }
  .content-box .comm-para {
    padding: 13px 10px;
  }
  .tick-wrap {
    padding: 11px 10px;
    margin: 0;
  }
  .bundle-head {
    padding-left: 0;
    padding: 17px 10px;
  }
  .bundle-head span {
    left: unset;
    right: 20px;
    top: 20px;
  }
  .bundle-head .hdn24 p {
    font-size: 18px;
  }
  .bundle-top-right {
    right: 0;
    gap: 4px;
  }
  .col-head {
    padding: 18px 8px;
  }
  .bundle-top-right {
    top: -64px;
  }
  input[type="checkbox"]:checked::after {
    font-size: 12px;
    left: 2px;
    top: -2px;
  }
  .checkbox-wrap label {
    font-size: 14px;
  }
  .bundle-head .hdn24 {
    padding: 0;
  }
  .top-down-sec {
    padding: 0px 0;
  }
  .mob-tick-box {
    gap: 5px;
  }
  .ai p::before {
    top: 14px;
  }
  .blog-img {
    height: auto;
  }
  .control-icon {
    width: 44px;
    height: 44px;
  }
}
@media all and (max-width: 480px) {
  .explore-tab-wrap ul li {
    padding: 8px 12px;
  }
  .explore-tab-wrap ul li a {
    font-size: 14px;
  }
  .assist-sec {
    padding-bottom: 80px;
  }
  .platform-right .comm-list li {
    margin-bottom: 20px;
  }
  .platform-right .comm-list li:last-child {
    margin-bottom: 0;
  }
  .col-head .hdn24 p {
    font-size: 14px;
  }
  .checkbox-wrap label {
    font-size: 12px;
  }
}
@media all and (max-width: 400px) {
  .media-img {
    height: 280px;
    aspect-ratio: unset;
  }
  .col-head .hdn24 p {
    font-size: 10px;
  }
  .bundle-top-download {
    gap: 25px;
    justify-content: space-between;
  }
}
@media all and (max-width: 388px) {
  .checkbox-wrap {
    gap: 15px;
  }
  .bundle-top-download {
    flex-direction: column;
    align-items: flex-start;
  }
  .bundle-btn-download {
    align-items: center;
  }
}
@media all and (max-width: 380px) {
  .built-card .t-cen {
    font-size: 14px;
  }
}
/*# sourceMappingURL=main.css.map */