@charset "UTF-8";
@font-face {
  font-family: "poppins-bold";
  src: url("../fonts/poppins-bold.ttf") format("truetype"), url("../fonts/poppins-bold.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-medium";
  src: url("../fonts/poppins-medium.ttf") format("truetype"), url("../fonts/poppins-medium.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-regular";
  src: url("../fonts/poppins-regular.ttf") format("truetype"), url("../fonts/poppins-regular.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-semibold";
  src: url("../fonts/poppins-semibold.ttf") format("truetype"), url("../fonts/poppins-semibold.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
.hb-mn-i-h input, .orng-btn, .wht-btn, .hdr-n-itm-btn {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.proc-crd-v {
  box-shadow: 0px 0px 10px 4px rgba(57, 64, 102, 0.1);
}

.proc-crd-h, .hdr-n-itm-btn {
  transition: background-color 250ms ease;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  margin: 0;
}

body,
button,
input,
optgroup,
select,
textarea,
table {
  font-family: "poppins-regular" !important;
  color: #394066 !important;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  body,
  button,
  input,
  optgroup,
  select,
  textarea,
  table {
    font-size: 14px;
  }
}

textarea {
  resize: none;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  outline: none;
}

body,
div {
  box-sizing: border-box;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border: none;
}

::-moz-selection {
  background-color: #CCCCCC;
}

::selection {
  background-color: #CCCCCC;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img {
  height: auto;
  max-width: 100%;
  position: relative;
  border-style: none;
}

.blk-el {
  display: block;
}

body {
  display: block;
  /*-webkit-font-smoothing: antialiased;*/
  text-rendering: optimizeLegibility;
  line-height: 1.8;
  font-weight: 400;
  background-color: #FFF;
}

.flx-h {
  display: flex;
}

.flx-v {
  display: flex;
  flex-direction: column;
}

.flx-c1 {
  justify-content: center;
  align-items: center;
}

.flx-c2 {
  align-items: center;
}

.flx-c3 {
  justify-content: center;
}

.flx-c4 {
  justify-content: space-between;
}

.flx-c5 {
  align-items: center;
  justify-content: space-between;
}

.flx-c6 {
  align-items: center;
  justify-content: space-around;
}

.flx-c7 {
  align-items: flex-start;
}

.flx-c8 {
  align-items: flex-end;
}

.flx-c9 {
  justify-content: flex-end;
}

.flx-g-5 {
  gap: 5px;
}

.flx-g-10 {
  gap: 10px;
}

.flx-g-15 {
  gap: 15px;
}

.flx-g-20 {
  gap: 20px;
}

.flx-g-25 {
  gap: 25px;
}

.flx-g-30 {
  gap: 30px;
}

.flx-g-40 {
  gap: 40px;
}

.flx-wrp {
  flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
  .flx-mob-wrp {
    flex-wrap: wrap;
  }
}

.flx-sp-bt {
  justify-content: space-between;
}

.flx-sp-ar {
  justify-content: space-around;
}

.brush-badge {
  /* Display & Sizing */
  display: inline-block;
  padding: 18px 10px;
  /* Text Styling */
  color: #ffffff;
  /*font-size: 2.2rem;
  font-weight: 500;*/
  text-align: center;
  white-space: nowrap;
  /* Change the badge color directly in CSS */
  background-color: rgba(241, 93, 59, 0.8);
  /* Pure CSS SVG Mask: scales smoothly as text expands or shrinks */
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 120" preserveAspectRatio="none"><path fill="black" d="M15,22 C45,18 90,26 150,21 C220,17 310,24 410,20 C500,18 590,23 660,19 C675,23 686,30 682,45 C677,60 687,75 683,95 C678,103 660,98 640,101 C560,97 470,103 380,99 C290,102 190,96 110,102 C60,98 25,103 14,93 C6,85 12,65 8,45 C5,32 8,24 15,22 Z"/><circle cx="8" cy="35" r="2" fill="black"/><circle cx="692" cy="78" r="3" fill="black"/><path fill="black" d="M60,16 Q90,13 120,17 Q90,19 60,16 Z M550,15 Q590,12 620,16 Q580,18 550,15 Z M180,106 Q230,103 280,107 Q220,108 180,106 Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 120" preserveAspectRatio="none"><path fill="black" d="M15,22 C45,18 90,26 150,21 C220,17 310,24 410,20 C500,18 590,23 660,19 C675,23 686,30 682,45 C677,60 687,75 683,95 C678,103 660,98 640,101 C560,97 470,103 380,99 C290,102 190,96 110,102 C60,98 25,103 14,93 C6,85 12,65 8,45 C5,32 8,24 15,22 Z"/><circle cx="8" cy="35" r="2" fill="black"/><circle cx="692" cy="78" r="3" fill="black"/><path fill="black" d="M60,16 Q90,13 120,17 Q90,19 60,16 Z M550,15 Q590,12 620,16 Q580,18 550,15 Z M180,106 Q230,103 280,107 Q220,108 180,106 Z"/></svg>');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.spacer-xlarge {
  height: 6em !important;
}
@media only screen and (max-width: 480px) {
  .spacer-xlarge {
    height: 5em !important;
  }
}

.spacer-large {
  height: 2em;
}

.spacer-medium {
  height: 1.5em;
}

.spacer-small {
  height: 1em;
}

.spacer-tiny {
  height: 0.5em;
}

.lnh-1 {
  line-height: 1;
}

.lnh-1-2 {
  line-height: 1.2;
}

.lnh-1-5 {
  line-height: 1.5;
}

.lnh-2 {
  line-height: 2;
}

.page-width {
  padding-left: 100px;
  padding-right: 100px;
  height: inherit;
  max-width: 1440px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page-width {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-width h2 {
  margin: 10px auto;
}

.mrgn-0 {
  margin: 0;
}

.mrgn-b-5 {
  margin: 0 0 5px 0;
}

.mrgn-tb-5 {
  margin: 5px 0;
}

.mrgn-tb-10 {
  margin: 10px 0;
}

.mrgn-tb-15 {
  margin: 15px 0;
}

.txt-wht {
  color: #FFFFFF;
}

.txt-pc1 {
  color: #394066;
}

.txt-pc2 {
  color: #7C8DB5;
}

.txt-pc3 {
  color: #FA7248;
}

.txt-sc4 {
  color: #B94A72;
}

.txt-sc3 {
  color: #D6D0FE;
}

.txt-smll {
  font-size: 0.7em;
}
@media only screen and (max-width: 480px) {
  .txt-smll {
    font-size: 0.8em;
  }
}

.txt-mdm-m {
  font-size: 0.88em;
}

.txt-mdm {
  font-size: 1.33em;
}
@media only screen and (max-width: 480px) {
  .txt-mdm {
    font-size: 1.1em;
  }
}

.txt-lrg {
  font-size: 1.78em;
}
@media only screen and (max-width: 480px) {
  .txt-lrg {
    font-size: 1.28em;
  }
}

.txt-xlrg {
  font-size: 2em;
}

.txt-cntr {
  text-align: center;
}

.txt-sbld {
  font-family: "poppins-semibold";
}

.txt-bld {
  font-family: "poppins-bold";
}

.txt-itl {
  font-style: italic;
}

.txt-slarge-sc4 {
  font-size: 5.5em;
  line-height: 1;
  margin: 0;
  font-family: poppins-bold;
  opacity: 50%;
  color: #B94A72;
}

.lt-blu-bx {
  border-radius: 16px;
  background-color: rgba(124, 141, 181, 0.1);
}

.lt-orng-bx {
  border-radius: 16px;
  background-color: rgba(250, 114, 72, 0.1);
}

.lt-sc4-bx {
  border-radius: 16px;
  background-color: rgba(185, 74, 114, 0.1);
}

.lt-sc3-bx {
  border-radius: 8px;
  background-color: rgba(214, 208, 254, 0.3);
}

.sc3-bx {
  border-radius: 8px;
  background-color: #D6D0FE;
}

hr.wht {
  width: 100%;
  border: 0.5px solid #fff;
  margin: 0 0 10px 0;
}

.pdng-t-10 {
  padding-top: 10px;
}

.pdng-t-100 {
  padding-top: 100px;
}

.pdng-t-20 {
  padding-top: 20px;
}

.pdng-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pdng-tb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pdng-25 {
  padding: 25px;
}

.pdng-20 {
  padding: 20px;
}

.pdng-50 {
  padding: 50px;
}

h1 {
  font-size: 3em;
  font-family: "poppins-bold";
  line-height: 1.2;
  color: #394066;
  margin: 10px 0;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2.2em;
  }
}

h2 {
  font-size: 2.66em;
  font-family: "poppins-bold";
  color: #394066;
}

h4 {
  font-size: 1.1em;
  font-family: "poppins-semibold";
  color: #394066;
}

.page-header {
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 14000;
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .page-header {
    height: 75px;
  }
}

.scrolled {
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
}

.page-content {
  /*padding-top: 100px;*/
  min-height: 1000px;
  overflow: hidden;
  /*@include media-query("small"){
      padding-top: 75px;
  }*/
}

.pg-lg {
  height: 48px;
}
.pg-lg img {
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .pg-lg {
    height: 30px;
    width: 114px;
  }
}

.mn-nav {
  display: flex;
  gap: 70px;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .mn-nav {
    display: none;
  }
}

.hdr-n-itm {
  color: #394066;
  position: relative;
  display: block;
}

.hdr-n-itm-actv {
  font-family: "poppins-bold";
  position: relative;
}

.hdr-n-itm-btn {
  background-color: #394066;
  color: #FDFDFD;
  border-radius: 4px;
  padding: 6px 35px 6px 15px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.hdr-n-itm-btn a {
  color: #FFF;
}

.hdr-n-itm-btn:hover {
  background-color: rgba(57, 64, 102, 0.9);
}

.hdr-n-itm-btn:active {
  background-color: rgba(57, 64, 102, 0.7);
}

.hdr-n-itm-btn::after {
  position: absolute;
  content: "";
  background-image: url("../images/right-arr.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

.hdr-n-itm-actv::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #FA7248;
  border-radius: 50%;
  left: 50%;
  right: 50%;
  bottom: 0px;
}

.wht-btn {
  background-color: #FFF;
  color: #394066;
  border-radius: 4px;
  padding: 6px 35px 6px 15px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.wht-btn:active {
  background-color: rgba(255, 255, 255, 0.8);
}

.wht-btn::after {
  position: absolute;
  content: "";
  background-image: url("../images/right-arr-d.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

.orng-btn {
  background-color: #FA7248;
  color: #FFF;
  border-radius: 4px;
  padding: 6px 35px 6px 15px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.orng-btn:active {
  background-color: rgb(250, 114, 72);
}

.orng-btn::after {
  position: absolute;
  content: "";
  background-image: url("../images/right-arr.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

.wdth-100 {
  width: 100%;
}

.wdth-80 {
  width: 80%;
}
@media only screen and (max-width: 480px) {
  .wdth-80 {
    width: 100%;
  }
}

.wdth-70 {
  width: 70%;
}
@media only screen and (max-width: 480px) {
  .wdth-70 {
    width: 100%;
  }
}

.wdth-60 {
  width: 60%;
}

.wdth-50 {
  width: 50%;
}

.wdth-40 {
  width: 40%;
}

/**
Mobile Menu
**/
.hb-mn-i-h {
  display: none;
  position: relative;
  z-index: 9002;
}
@media only screen and (max-width: 768px) {
  .hb-mn-i-h {
    display: block;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hb-mn-i-h {
    display: block;
  }
}
.hb-mn-i-h input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hb */
  -webkit-touch-callout: none;
}
.hb-mn-i-h input:checked ~ .hb-mn {
  transform: none;
}
.hb-mn-i-h span {
  display: block;
  width: 22px;
  height: 2px;
  margin-bottom: 7px;
  position: relative;
  background: #333; /*$text-color-one;*/
  border-radius: 1px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
@media only screen and (max-width: 480px) {
  .hb-mn-i-h span {
    margin-bottom: 5px;
  }
}
.hb-mn-i-h #hb3 {
  margin-bottom: 0 !important;
}
.hb-mn-i-h #hb2 {
  width: 18px;
}
.hb-mn-i-h #hb1 {
  transform-origin: 0% 100%;
  width: 14px;
}
.hb-mn-i-h input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-1px, 0) scale(1.1, 1.1);
  background: #FFF;
}
.hb-mn-i-h input:checked ~ #hb1 {
  width: 23px;
  top: 0px;
  transform: rotate(42deg) translate(0, 0) scale(1.1, 1.5);
}
.hb-mn-i-h input:checked ~ #hb2 {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.hb-mn-i-h input:checked ~ #hb3 {
  width: 23px;
  transform: rotate(-45deg) translate(0, 0) scale(1.1, 1.5);
  top: 0px;
  left: 0px;
}

.hb-mn {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #394066;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translateX(100vw);
  transition: transform 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  padding: 28px 20px;
  overflow: scroll;
}

/**
Mobile Menu Ends
**/
.mob-mn-itms {
  padding-top: 20px;
  color: #FFFFFF;
  font-size: 1.5em;
  height: calc(100vh - 100px);
}
.mob-mn-itms a {
  color: #FFFFFF;
}

/*===============*/
.page-footer {
  background-color: #333333;
  padding-top: 50px;
}
.page-footer .conv-info {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between;
  background-color: #333333;
  border-radius: 20px;
}
@media only screen and (max-width: 480px) {
  .page-footer .conv-info {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 10px;
  }
}
.page-footer .conv-info .conv-info-lft {
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .page-footer .conv-info .conv-info-lft {
    width: 100%;
  }
}
.page-footer .ftr-info {
  height: 360px;
  background-image: url("../images/kenseo-wm.svg");
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 70px;
  padding-bottom: 30px !important;
}
.page-footer .pg-ft-cnt {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .page-footer .pg-ft-cnt {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
.page-footer .pg-ft-cnt .pg-ft-lft {
  width: 70%;
}
@media only screen and (max-width: 480px) {
  .page-footer .pg-ft-cnt .pg-ft-lft {
    width: 100%;
  }
}
.page-footer .pg-ft-cnt .pg-ft-rt {
  /*width: 30%;*/
  color: #FDFDFD;
}
@media only screen and (max-width: 480px) {
  .page-footer .pg-ft-cnt .pg-ft-rt {
    width: 100%;
  }
}
.page-footer .pg-ft-cnt .pg-ft-rt a {
  color: #FDFDFD;
}

.f-lg {
  height: 70px;
}
.f-lg img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 480px) {
  .f-lg img {
    height: 60px;
  }
}

@media only screen and (max-width: 480px) {
  .f-scl {
    gap: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .f-scl img {
    height: 25px;
  }
}

.s-img-hldr {
  width: 60px;
  height: 60px;
  background-color: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 10px 10px 40px 1px rgba(57, 64, 102, 0.1);
}
@media only screen and (max-width: 480px) {
  .s-img-hldr {
    box-shadow: 0px 0px 5px 1px rgba(57, 64, 102, 0.1);
  }
}

.cpy-msg {
  font-size: 0.75em;
  color: #FFFFFF;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .cpy-msg {
    text-align: left;
  }
}

/*===============*/
.pg-hro {
  height: 800px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .pg-hro {
    height: 540px;
  }
}

@media only screen and (max-width: 480px) {
  .hm-pg-hro .wdth-50 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .hm-pg-hro .wdth-50 h1 {
    padding: 0;
  }
}

.lrg-arr-bg {
  background-image: url(../images/kenseo-symbol-lrg.svg);
  background-position: 130% center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 480px) {
  .lrg-arr-bg {
    background-size: 133%;
    background-position: 15vh center;
  }
}

.grey-bg {
  background-color: #F5F5F5;
}

.pc3-bg {
  background-color: #FA7248;
}

.motion-bg {
  width: 100%;
  height: 400px;
  overflow: visible;
}

.paper-bg {
  background-image: url("../images/papaer-bg.png");
  height: 664px;
  width: 100%;
  background-repeat: repeat-x;
}

.wht-nc2-bg {
  background: linear-gradient(180deg, #FFF 50%, #E7E4E1 50%);
}

.nc2-bg {
  background-color: #E7E4E1;
}

.grd-bg {
  background: linear-gradient(180deg, #F2F2F2 0%, #E5E4E5 100%);
}

.pc2-rnd-bg {
  background-color: rgba(124, 141, 181, 0.1);
  border-radius: 16px;
}

.trail {
  fill: rgba(142, 162, 255, 0.4);
  filter: blur(2px);
}

.ln-grd-anim {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

.motion-bg {
  width: 100%;
  height: 100%;
}

.proc-hldr-h {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .proc-hldr-h {
    flex-direction: column;
    align-items: center;
  }
}

.proc-crd-h {
  padding: 10px;
  position: relative;
  width: 190px;
  height: 280px;
  border: 1px solid #D6D0FE;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 480px) {
  .proc-crd-h {
    width: 190px;
    height: 260px;
  }
}
.proc-crd-h .proc-crd-bg-h {
  position: absolute;
  color: #394066;
  opacity: 0.2;
  font-size: 8.8em;
  font-family: "poppins-bold";
  line-height: 1;
  left: -20px;
  top: -30px;
}
.proc-crd-h .proc-crd-t-h {
  font-size: 1.33em;
  font-family: "poppins-semibold";
  color: #394066;
}
.proc-crd-h .proc-crd-info-h {
  color: #7C8DB5;
  font-size: 0.9em;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .proc-crd-h .proc-crd-info-h {
    font-size: 1.05em;
  }
}
.proc-crd-h .proc-crd-img-h {
  width: 120px;
  height: 120px;
}
.proc-crd-h .proc-crd-img-h svg {
  width: 100%;
  height: 100%;
}

.proc-crd-arr {
  background-image: url("../images/right-arr-d.svg");
  width: 18px;
  height: auto;
  background-repeat: no-repeat;
  background-position-y: center;
}
@media only screen and (max-width: 480px) {
  .proc-crd-arr {
    transform: rotate(90deg);
    /*width: 12px;*/
    height: 18px;
  }
}

.proc-crd-h:hover {
  background-color: #FA7248;
}
.proc-crd-h:hover .proc-crd-t-h, .proc-crd-h:hover .proc-crd-info-h {
  color: #FFF;
}
.proc-crd-h:hover .process-svg-icon {
  color: #FFF !important;
}

@media only screen and (max-width: 480px) {
  .proc-crd-h:nth-child(even of .proc-crd-h) {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .proc-crd-h:nth-child(odd of .proc-crd-h) {
    margin-left: -50px;
  }
}

.proc-crd-h:nth-child(2 of .proc-crd-h), .proc-crd-h:nth-child(4 of .proc-crd-h) {
  margin-top: 50px;
}
@media only screen and (max-width: 480px) {
  .proc-crd-h:nth-child(2 of .proc-crd-h), .proc-crd-h:nth-child(4 of .proc-crd-h) {
    margin-top: unset;
  }
}

.proc-crd-h:nth-child(3 of .proc-crd-h), .proc-crd-h:nth-child(5 of .proc-crd-h) {
  margin-top: 100px;
}
@media only screen and (max-width: 480px) {
  .proc-crd-h:nth-child(3 of .proc-crd-h), .proc-crd-h:nth-child(5 of .proc-crd-h) {
    margin-top: unset;
  }
}

.proc-crd-arr:last-child {
  display: none;
}

.proc-hldr-v {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.proc-crd-itm {
  display: flex;
  width: 100%;
}

.proc-crd-sampls {
  width: calc(100% - 680px);
}

.proc-crd-v {
  padding: 10px;
  position: relative;
  width: 680px;
  height: 310px;
  background-color: #FFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .proc-crd-v {
    width: 100%;
    height: 385px;
    flex-direction: column;
  }
}
.proc-crd-v .proc-crd-bg-v {
  position: absolute;
  color: #8FA1FF;
  opacity: 0.1;
  font-size: 10em;
  font-family: "poppins-bold";
  line-height: 1;
  left: -30px;
  top: -20px;
  width: 120px;
  text-align: center;
}
.proc-crd-v .proc-crd-img-v {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 20px;
}
@media only screen and (max-width: 480px) {
  .proc-crd-v .proc-crd-img-v {
    width: 120px;
    height: 120px;
    top: unset;
  }
}
.proc-crd-v .proc-crd-img-v img {
  width: 100%;
  height: 100%;
}
.proc-crd-v .proc-crd-img-v svg {
  width: 100%;
  height: 100%;
}
.proc-crd-v .proc-crd-t-v {
  font-size: 2.2em;
  /*color: $nc3;*/
  position: absolute;
  width: 200px;
  text-align: center;
  top: 180px;
}
@media only screen and (max-width: 480px) {
  .proc-crd-v .proc-crd-t-v {
    top: 120px;
    width: 100%;
  }
}
.proc-crd-v .proc-crd-info-v {
  /*color: $nc3;*/
  padding-left: 200px;
  font-size: 0.89em;
  line-height: 1.5;
}
@media only screen and (max-width: 480px) {
  .proc-crd-v .proc-crd-info-v {
    padding-left: unset;
    padding-top: 150px;
  }
}

.proc-crd-v:nth-child(even of .proc-crd-v) {
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 480px) {
  .proc-crd-v:nth-child(even of .proc-crd-v) {
    margin: unset;
  }
}

.clnt-crd-hldr {
  scrollbar-width: none;
}

.clnt-crd-sec {
  max-height: 330px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .clnt-crd-sec {
    max-height: 380px;
  }
}

.clnt-crd {
  background-color: rgba(124, 141, 181, 0.1);
  border-radius: 16px;
  width: 100%;
  height: 220px !important;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
@media only screen and (max-width: 480px) {
  .clnt-crd {
    padding: 15px;
    flex-direction: column;
    height: 350px !important;
    gap: 5px;
  }
}
.clnt-crd .clnt-crd-im {
  width: 200px;
  /*height: 120px;*/
}
@media only screen and (max-width: 480px) {
  .clnt-crd .clnt-crd-im {
    width: 150px;
  }
}
.clnt-crd .clnt-crd-info {
  width: calc(100% - 210px);
  height: 120px;
}
@media only screen and (max-width: 480px) {
  .clnt-crd .clnt-crd-info {
    width: 100%;
    text-align: center;
  }
}
.clnt-crd .clnt-crd-t {
  font-size: 1.5em;
  font-family: "poppins-medium";
}
.clnt-crd .clnt-crd-txt {
  line-height: 1.2;
}
.clnt-crd .clnt-crd-txt span {
  font-style: italic;
  display: block;
  padding-top: 10px;
}
@media only screen and (max-width: 480px) {
  .clnt-crd .clnt-crd-txt span {
    padding-top: 10px;
  }
}

.dots {
  /*.glider{
      background-color: #8E8E8E !important;
  }*/
}
.dots .glider-dot {
  width: 25px;
  height: 6px;
}
.dots .active {
  background-color: #FA7248 !important;
}

.ico-txt-col-hldr {
  width: 900px;
  gap: 0px;
  align-items: center !important;
}
.ico-txt-col-hldr .ico-txt-icol {
  width: 168px;
  height: 168px;
  flex-basis: unset !important;
}
.ico-txt-col-hldr p {
  margin: 0;
}

.ico-txt-col-hldr-rev {
  flex-direction: row-reverse;
}

.div-rt {
  float: right;
}

.div-cntr {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  /*text-align: center;*/
}

.flt-prnt {
  display: flow-root;
}

.frm-fld {
  border: none;
  position: relative;
  min-height: 50px;
  background: #3A3C40 !important;
}
.frm-fld input {
  width: 100%;
}
.frm-fld input[type=tel], .frm-fld input[type=number], .frm-fld input[type=text], .frm-fld input[type=email], .frm-fld textarea {
  border: none !important;
  background: none !important;
  height: 100%;
  width: 100%;
  padding: 10px 15px 4px;
  color: #FDFDFD !important;
}

.cntct-frm {
  width: 500px;
  background-color: rgba(231, 228, 225, 0.2);
  border-radius: 8px;
  gap: 1px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .cntct-frm {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .cs-sc .page-width {
    padding: 0;
  }
}

.cs-hldr {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
.cs-hldr .cs-crd {
  width: 100%;
  height: 400px;
  display: flex;
  gap: 0;
  border-radius: 12px;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd {
    flex-direction: column-reverse;
    height: 500px;
  }
}
.cs-hldr .cs-crd .cs-crd-lft {
  width: 600px;
  height: 275px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  line-height: 1.2;
  color: #FFF;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-lft {
    width: 100%;
    padding: 20px;
    height: 350px;
  }
}
.cs-hldr .cs-crd .cs-crd-lft .cs-crd-t {
  font-size: 2em;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-lft .cs-crd-t {
    font-size: 2.5em;
  }
}
.cs-hldr .cs-crd .cs-crd-lft .cs-crd-bl {
  font-size: 1em;
  font-family: "poppins-semibold";
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-lft .cs-crd-bl {
    font-size: 1.28em;
  }
}
.cs-hldr .cs-crd .cs-crd-lft .cs-crd-ct {
  font-size: 0.9em;
  color: #D6D0FE;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-lft .cs-crd-ct {
    font-size: 1.14em;
  }
}
.cs-hldr .cs-crd .cs-crd-lft .cs-crd-o {
  position: relative;
  color: #FFF;
  border-radius: 20px;
  font-size: 0.88em;
  padding: 10px 10px 10px 30px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-top: 20px;
}
.cs-hldr .cs-crd .cs-crd-lft .cs-crd-o::before {
  position: absolute;
  content: "";
  background-color: #B94A72;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-lft .cs-crd-o {
    font-size: 1em;
    border-radius: 40px;
  }
}
.cs-hldr .cs-crd .cs-crd-rt {
  width: 400px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-rt {
    width: 100%;
    height: 150px;
  }
}
.cs-hldr .cs-crd .cs-crd-rt .cs-crd-im {
  width: 440px;
  height: 340px;
  position: absolute;
  top: 0;
  left: -30px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd .cs-crd-rt .cs-crd-im {
    width: 320px;
    height: 250px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.cs-hldr .cs-crd:nth-child(odd) {
  flex-direction: row-reverse;
}
.cs-hldr .cs-crd:nth-child(odd) .cs-crd-im {
  left: 0px;
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd:nth-child(odd) .cs-crd-im {
    left: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .cs-hldr .cs-crd:nth-child(odd) {
    flex-direction: column-reverse;
  }
}

.why-sc {
  height: 900px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .why-sc {
    height: unset;
  }
}
.why-sc .orng-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 300px, #FA7248 45px);
}
@media only screen and (max-width: 480px) {
  .why-sc .orng-bg {
    background: linear-gradient(180deg, transparent 250px, #FA7248 45px);
  }
}
.why-sc h2 {
  padding-top: 200px;
}
.why-sc .page-width {
  position: relative;
}
.why-sc .iceberg-bg {
  position: absolute;
  width: 340px;
  height: 100%;
  background-image: url("../images/iceberg.svg");
  background-repeat: no-repeat;
  top: 100px;
  left: 15%;
}
@media only screen and (max-width: 480px) {
  .why-sc .iceberg-bg {
    left: 50%;
    transform: translateX(-45%);
    width: 200px;
    background-size: 100%;
    background-position-y: 30px;
  }
}
.why-sc .diver-svg {
  position: absolute;
  width: 49px;
  height: 49px;
  z-index: 3;
  pointer-events: none;
}
@media only screen and (max-width: 480px) {
  .why-sc .diver-svg {
    width: 35px;
    height: 35px;
  }
}
.why-sc .diver-left {
  top: 52%;
  left: calc(15% - 25px);
  animation: floatDiverLeft 10s ease-in-out infinite alternate;
}
@media only screen and (max-width: 480px) {
  .why-sc .diver-left {
    top: 30%;
    left: 16%;
  }
}
.why-sc .diver-right {
  top: 76%;
  left: calc(15% + 235px);
  /*transform: scaleX(-1);*/
  animation: floatDiverRight 10s ease-in-out infinite alternate 1.2s;
}
@media only screen and (max-width: 480px) {
  .why-sc .diver-right {
    top: 36%;
    left: calc(15% + 190px);
  }
}
@media only screen and (max-width: 480px) {
  .why-sc .wdth-60 {
    width: 100%;
    padding-top: 550px;
  }
}
.why-sc .wdth-60 {
  /*.why-kn-txt{
      @include media-query("small"){
          text-align: center;
      }
  }*/
}
@media only screen and (max-width: 480px) {
  .why-sc h2 {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 0;
  }
}

@keyframes floatDiverLeft {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-26px) rotate(8deg);
  }
  100% {
    transform: translateY(42px) rotate(-6deg);
  }
}
@keyframes floatDiverRight {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-48px) rotate(12deg);
  }
  100% {
    transform: translateY(20px) rotate(42deg);
  }
}
.ell-blr-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/ell-blr.svg");
  background-repeat: no-repeat;
}

.clouds-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/clouds-bg.svg");
  background-repeat: no-repeat;
  background-position: 90% 10%;
}
@media only screen and (max-width: 480px) {
  .clouds-bg {
    background-position: 80% 4%;
    background-size: 40%;
  }
}

.lighthouse-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/lighthouse.svg");
  background-repeat: no-repeat;
  background-position: left 101%;
}
@media only screen and (max-width: 480px) {
  .lighthouse-bg {
    background-size: 60%;
  }
}

.wavy-banner {
  width: 100%;
  height: 120px;
  background-color: #FA7248;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 132' preserveAspectRatio='none'%3E%3Cpath opacity='0.5' fill='%23333333' d='M1356.82 25.6828C1383.99 -10.4887 1423.49 -0.692338 1439.85 8.72727V171.764H-1.87231V44.5224C32.0948 14.3793 124.561 8.72728 173.625 44.5224C222.689 80.3174 250.995 63.3618 324.591 53.9421C398.186 44.5224 454.798 95.3887 496.314 106.692C537.829 117.996 575.571 95.3887 637.844 74.6654C700.117 53.942 752.955 95.3887 783.148 106.692C813.342 117.996 843.535 108.576 888.824 95.3887C934.114 82.2011 981.291 74.6654 1015.26 95.3887C1049.23 116.112 1075.64 95.3887 1107.72 63.3618C1139.8 31.3348 1171.88 42.6384 1228.5 63.3618C1285.11 84.0851 1322.85 70.8972 1356.82 25.6828Z'/%3E%3Cpath fill='%23333333' d='M81.1572 25.6828C53.982 -10.4887 14.482 -0.692338 -1.87109 8.72727V132H1439.85V44.5224C1405.88 14.3793 1313.42 8.72728 1264.35 44.5224C1215.29 80.3174 1186.98 63.3618 1113.39 53.9421C1039.79 44.5224 983.178 95.3887 941.663 106.692C900.147 117.996 862.406 95.3887 800.132 74.6654C737.859 53.942 685.021 95.3887 654.828 106.692C624.635 117.996 594.442 108.576 549.152 95.3887C503.863 82.2011 456.686 74.6654 422.719 95.3887C388.751 116.112 362.332 95.3887 330.252 63.3618C298.172 31.3348 266.092 42.6384 209.48 63.3618C152.868 84.0851 115.126 70.8972 81.1572 25.6828Z'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 480px) {
  .wavy-banner {
    background-size: 100% 35px;
  }
}

.th-hro {
  padding-top: 200px;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .th-hro {
    padding-top: 125px;
  }
}
.th-hro .page-width {
  position: relative;
}
.th-hro .th-hro-stmt {
  position: absolute;
  top: 260px;
}
@media only screen and (max-width: 480px) {
  .th-hro .th-hro-stmt {
    left: 0;
    width: 100%;
    text-align: center;
    top: 170px;
  }
}
.th-hro .th-hro-stmt::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='122' height='65' viewBox='0 0 122 65' fill='none'><path d='M55.0742 13.9599L54.7875 14.3695V14.3695L55.0742 13.9599ZM59.8204 40.0145L59.5373 39.6024V39.6024L59.8204 40.0145ZM42.0439 25.0485L41.5459 25.0042V25.0042L42.0439 25.0485ZM71.6408 0.538719L71.6082 0.0397787L71.6082 0.0397794L71.6408 0.538719ZM99.0366 27.4951L98.5442 27.5819V27.5819L99.0366 27.4951ZM0.257812 20.7269L0.51751 21.1542C1.06564 20.8211 1.64985 20.4781 2.26724 20.1284L2.02079 19.6933L1.77435 19.2583C1.14847 19.6128 0.555412 19.9609 -0.00188497 20.2997L0.257812 20.7269ZM5.63945 17.7656L5.86376 18.2125C7.02376 17.6302 8.25459 17.0444 9.5443 16.467L9.34001 16.0106L9.13572 15.5543C7.83238 16.1377 6.5882 16.7299 5.41515 17.3187L5.63945 17.7656ZM13.1124 14.4188L13.2967 14.8836C14.5355 14.3922 15.812 13.9166 17.1177 13.4653L16.9543 12.9927L16.791 12.5201C15.4705 12.9766 14.18 13.4574 12.928 13.954L13.1124 14.4188ZM20.8568 11.747L20.9971 12.2269C22.2924 11.8481 23.6067 11.4992 24.9325 11.1876L24.8181 10.7008L24.7037 10.2141C23.3594 10.5301 22.0278 10.8836 20.7165 11.2671L20.8568 11.747ZM28.8321 9.88254L28.9166 10.3753C30.2564 10.1454 31.5999 9.96011 32.9399 9.82662L32.8904 9.32908L32.8408 8.83154C31.4756 8.96754 30.1087 9.15617 28.7475 9.38975L28.8321 9.88254ZM36.9799 9.08822L36.9879 9.58816C38.3502 9.56638 39.7003 9.60715 41.0306 9.71819L41.0722 9.21993L41.1138 8.72166C39.7479 8.60764 38.3646 8.56602 36.9719 8.58828L36.9799 9.08822ZM45.1266 9.79484L45.0264 10.2847C45.6869 10.4199 46.34 10.5758 46.9845 10.7535L47.1174 10.2715L47.2503 9.78953C46.5834 9.60563 45.9086 9.44451 45.2269 9.30499L45.1266 9.79484ZM47.1174 10.2715L46.7183 9.97034C46.32 10.4981 45.9387 11.0548 45.5764 11.6418L46.0019 11.9044L46.4273 12.1671C46.7734 11.6064 47.137 11.0755 47.5165 10.5727L47.1174 10.2715ZM44.224 15.4344L43.7606 15.2467C43.2824 16.4276 42.8667 17.701 42.5216 19.0744L43.0065 19.1963L43.4914 19.3182C43.8259 17.9871 44.2275 16.7579 44.6875 15.6221L44.224 15.4344ZM42.2645 23.0814L41.7691 23.0139C41.6812 23.6589 41.6067 24.3221 41.5459 25.0042L42.0439 25.0485L42.542 25.0929C42.6014 24.4258 42.6742 23.778 42.76 23.1489L42.2645 23.0814ZM42.0439 25.0485L41.5459 25.0042C41.4895 25.6383 41.4589 26.2536 41.4527 26.8504L41.9527 26.8556L42.4526 26.8608C42.4585 26.291 42.4878 25.7018 42.542 25.0929L42.0439 25.0485ZM42.2432 30.4411L41.7513 30.5308C41.9882 31.8311 42.3587 33.0148 42.8374 34.0849L43.2938 33.8807L43.7502 33.6765C43.3054 32.6823 42.9582 31.5758 42.7351 30.3515L42.2432 30.4411ZM45.1954 36.928L44.8128 37.2498C45.6465 38.241 46.5938 39.0657 47.6059 39.7317L47.8807 39.3141L48.1556 38.8964C47.2211 38.2814 46.3472 37.5204 45.578 36.6061L45.1954 36.928ZM51.1313 40.8457L50.9837 41.3234C52.2174 41.7048 53.4706 41.896 54.6755 41.9072L54.6801 41.4072L54.6847 40.9072C53.5781 40.897 52.4212 40.7211 51.279 40.368L51.1313 40.8457ZM58.22 40.8313L58.3927 41.3005C59.0106 41.0731 59.5866 40.7816 60.1034 40.4267L59.8204 40.0145L59.5373 39.6024C59.0954 39.9058 58.5948 40.1605 58.0472 40.3621L58.22 40.8313ZM59.8204 40.0145L60.1034 40.4267C60.6462 40.0539 61.1904 39.6183 61.7175 39.1255L61.3761 38.7602L61.0346 38.395C60.5431 38.8544 60.0379 39.2585 59.5373 39.6024L59.8204 40.0145ZM63.8785 35.6573L64.3084 35.9127C64.9921 34.7616 65.5357 33.471 65.8463 32.0668L65.3581 31.9588L64.8699 31.8508C64.5846 33.1407 64.0838 34.3326 63.4486 35.402L63.8785 35.6573ZM65.5418 27.9809L66.0379 27.9189C65.8783 26.6403 65.5126 25.3111 64.8973 23.9461L64.4414 24.1515L63.9856 24.357C64.5615 25.6347 64.8989 26.8673 65.0456 28.0428L65.5418 27.9809ZM62.3892 20.7337L62.7886 20.433C62.0332 19.4298 61.1346 18.415 60.0776 17.3933L59.7301 17.7527L59.3825 18.1122C60.4054 19.101 61.2686 20.0768 61.9897 21.0345L62.3892 20.7337ZM56.6913 15.1455L56.9961 14.7492C56.4772 14.35 55.9324 13.9503 55.361 13.5502L55.0742 13.9599L54.7875 14.3695C55.3472 14.7613 55.8798 15.1521 56.3864 15.5418L56.6913 15.1455ZM55.0742 13.9599L55.361 13.5502C54.7428 13.1175 54.1093 12.7168 53.4621 12.3467L53.2139 12.7807L52.9657 13.2148C53.5869 13.57 54.1946 13.9545 54.7875 14.3695L55.0742 13.9599ZM49.2167 10.9386L49.3869 10.4685C48.685 10.2145 47.9724 9.98864 47.2503 9.78953L47.1174 10.2715L46.9845 10.7535C47.6823 10.946 48.3701 11.1639 49.0466 11.4088L49.2167 10.9386ZM47.1174 10.2715L47.5165 10.5727C47.9725 9.96856 48.4514 9.40468 48.9503 8.87818L48.5874 8.53425L48.2245 8.19033C47.7 8.74374 47.1969 9.33613 46.7183 9.97034L47.1174 10.2715ZM52.0592 5.60846L52.3377 6.02373C53.5866 5.18619 54.904 4.49702 56.2594 3.92747L56.0657 3.46651L55.872 3.00555C54.4644 3.59704 53.0891 4.31575 51.7807 5.19319L52.0592 5.60846ZM60.3823 2.04008L60.505 2.52479C61.9829 2.15066 63.4659 1.87757 64.9178 1.67106L64.8474 1.17604L64.7769 0.681023C63.2979 0.891394 61.779 1.17073 60.2596 1.55538L60.3823 2.04008ZM69.3722 0.697162L69.4108 1.19567C70.1921 1.13526 70.9483 1.08494 71.6733 1.03766L71.6408 0.538719L71.6082 0.0397794C70.8827 0.0870951 70.1215 0.137737 69.3337 0.19865L69.3722 0.697162ZM71.6408 0.538719L71.6733 1.03766C72.3479 0.993674 73.0285 0.988257 73.7124 1.02088L73.7362 0.521449L73.76 0.0220167C73.0393 -0.0123627 72.3212 -0.00670165 71.6082 0.0397787L71.6408 0.538719ZM77.8722 1.16106L77.746 1.64487C79.0392 1.98216 80.3273 2.45025 81.5937 3.04554L81.8064 2.59304L82.0191 2.14054C80.6992 1.52007 79.3532 1.03062 77.9983 0.677245L77.8722 1.16106ZM85.4356 4.68698L85.1515 5.09842C86.2534 5.8593 87.3237 6.72268 88.3495 7.6856L88.6917 7.32105L89.0339 6.95649C87.9725 5.9602 86.8635 5.06535 85.7197 4.27554L85.4356 4.68698ZM91.5396 10.3935L91.1507 10.7078C91.9948 11.7521 92.7921 12.8761 93.533 14.0774L93.9586 13.8149L94.3842 13.5524C93.6212 12.3155 92.7995 11.1569 91.9284 10.0792L91.5396 10.3935ZM95.9416 17.5068L95.488 17.7173C96.0544 18.9375 96.567 20.2194 97.0186 21.5614L97.4925 21.402L97.9664 21.2425C97.5032 19.8661 96.977 18.5501 96.3951 17.2963L95.9416 17.5068ZM98.6225 25.4367L98.1348 25.5472C98.2857 26.2132 98.4224 26.8915 98.5442 27.5819L99.0366 27.4951L99.529 27.4082C99.4044 26.7021 99.2646 26.0081 99.1101 25.3263L98.6225 25.4367ZM99.0366 27.4951L98.5442 27.5819C98.6715 28.304 98.8076 29.0124 98.9521 29.7076L99.4416 29.6058L99.9312 29.5041C99.7888 28.819 99.6546 28.1205 99.529 27.4082L99.0366 27.4951ZM100.45 33.7716L99.9684 33.9056C100.367 35.3391 100.806 36.7121 101.281 38.03L101.752 37.8604L102.222 37.6908C101.755 36.3967 101.324 35.0475 100.932 33.6375L100.45 33.7716ZM103.368 41.8328L102.913 42.0402C103.526 43.3859 104.181 44.6704 104.875 45.9014L105.31 45.656L105.746 45.4106C105.066 44.2042 104.424 42.9451 103.823 41.6255L103.368 41.8328ZM107.574 49.3L107.161 49.5816C107.984 50.7891 108.846 51.9441 109.742 53.0562L110.132 52.7425L110.521 52.4288C109.641 51.3362 108.795 50.2025 107.988 49.0183L107.574 49.3ZM112.941 55.9839L112.574 56.3239C113.555 57.3811 114.566 58.4036 115.603 59.4017L115.949 59.0416L116.296 58.6815C115.272 57.6946 114.274 56.6854 113.307 55.6438L112.941 55.9839ZM119.103 61.9501L118.771 62.324C119.306 62.7994 119.847 63.2714 120.391 63.7411L120.718 63.3625L121.044 62.9838C120.503 62.5168 119.966 62.048 119.435 61.5762L119.103 61.9501ZM120.755 63.8611C121.03 63.8408 121.237 63.601 121.216 63.3256L120.885 58.8379C120.865 58.5625 120.625 58.3557 120.349 58.376C120.074 58.3964 119.867 58.6361 119.888 58.9115L120.182 62.9007L116.193 63.1954C115.918 63.2157 115.711 63.4555 115.731 63.7308C115.752 64.0062 115.992 64.213 116.267 64.1926L120.755 63.8611Z' fill='%239A90C8'/></svg>");
  /* Also add sizing and display if not defined elsewhere */
  width: 122px;
  height: 65px;
  display: block;
  right: -130px;
  top: 20px;
}
@media only screen and (max-width: 480px) {
  .th-hro .th-hro-stmt::after {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .th-hro .wdth-60 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .th-hro .th-hro-img {
    padding-top: 60px;
  }
}

.th-rtnk-sc {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc {
    flex-direction: column;
    gap: 30px;
  }
}
.th-rtnk-sc .th-rtnk-sc-col1, .th-rtnk-sc .th-rtnk-sc-col3 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  line-height: 1.2;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col1, .th-rtnk-sc .th-rtnk-sc-col3 {
    gap: 10px;
  }
}
.th-rtnk-sc .th-rtnk-sc-col1 {
  width: 350px;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col1 {
    width: 80%;
  }
}
.th-rtnk-sc .th-rtnk-sc-col3 {
  width: 200px;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col3 {
    width: 80%;
  }
}
.th-rtnk-sc .th-rtnk-sc-col2 {
  width: 560px; /*calc(100% - 550px);*/
  padding-left: 120px;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col2 {
    padding-left: unset;
    width: 80%;
    display: flex;
    justify-content: center;
  }
}
.th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr {
  position: relative;
  background-color: #FA7248;
  border-radius: 8px;
  height: 80px;
  width: 220px;
  color: #FFF;
  text-align: center;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr {
    padding: 10px;
  }
}
.th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr::before {
  position: absolute;
  content: "";
  background-image: url("../images/thesis-rthnk-ray1.svg");
  background-repeat: no-repeat;
  width: 120px;
  height: 164px;
  left: -120px;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr::before {
    background: none;
  }
}
.th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr::after {
  position: absolute;
  content: "";
  background-image: url("../images/thesis-rthnk-ray2.svg");
  background-repeat: no-repeat;
  width: 220px;
  height: 274px;
  right: -220px;
}
@media only screen and (max-width: 480px) {
  .th-rtnk-sc .th-rtnk-sc-col2 .th-rthnk-cntr::after {
    background: none;
  }
}

.im-col {
  width: 45px;
}

.txt-col {
  width: calc(100% - 55px);
}

.kenseo-diff-sc {
  height: 300px;
  position: relative;
}
.kenseo-diff-sc .page-width {
  position: relative;
  padding-top: 75px;
  z-index: 5;
}
@media only screen and (max-width: 480px) {
  .kenseo-diff-sc .page-width {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .kenseo-diff-sc2 .wdth-60 {
    width: 100%;
  }
}

.int-mdl .int-mdl-itm {
  width: 850px;
  height: 110px;
  border-radius: 8px;
  background-color: rgba(214, 208, 254, 0.3);
  display: flex;
  align-items: center;
  padding-left: 120px;
  padding-right: 50px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .int-mdl .int-mdl-itm {
    width: 90%;
    padding-left: 50px;
    padding-right: 30px;
  }
}
.int-mdl .int-mdl-itm:nth-child(2 of .int-mdl-itm) {
  margin-left: 200px;
}
@media only screen and (max-width: 480px) {
  .int-mdl .int-mdl-itm:nth-child(2 of .int-mdl-itm) {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .int-mdl .int-mdl-itm:nth-child(odd of .int-mdl-itm) {
    margin-left: -10px;
  }
}
.int-mdl .int-mdl-idx {
  position: absolute;
  color: #394066;
  opacity: 0.2;
  font-size: 8.8em;
  font-family: "poppins-bold";
  line-height: 1;
  left: -20px;
  top: -30px;
}

.eco-exec-sc {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: center;
  background-image: url("../images/econom-bg.svg");
  background-repeat: no-repeat;
  background-position: center 30%;
}
@media only screen and (max-width: 480px) {
  .eco-exec-sc {
    flex-direction: column;
    background: none;
  }
}
.eco-exec-sc .eco-exec-sc-itm {
  width: 225px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.rethnk-sc {
  padding-top: 50px;
  padding-bottom: 250px;
  margin-bottom: 180px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .rethnk-sc {
    margin-bottom: 120px;
  }
}
.rethnk-sc .rethnk-blob {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #394066;
  width: 800px;
  height: 350px;
  color: #FFF;
  border-radius: 8px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .rethnk-sc .rethnk-blob {
    width: 80%;
  }
}
.rethnk-sc .rethnk-blob::before {
  position: absolute;
  content: "";
  width: 250px;
  height: 285px;
  background-image: url("../images/rethnk-arr1.svg");
  background-repeat: no-repeat;
  left: -105px;
  top: -90px;
}
@media only screen and (max-width: 480px) {
  .rethnk-sc .rethnk-blob::before {
    width: 85px;
    height: 103px;
    background-size: 100%;
    left: -35px;
    top: -40px;
  }
}
.rethnk-sc .rethnk-blob::after {
  position: absolute;
  content: "";
  width: 250px;
  height: 285px;
  background-image: url("../images/rethnk-arr2.svg");
  background-repeat: no-repeat;
  right: -120px;
  bottom: -90px;
}
@media only screen and (max-width: 480px) {
  .rethnk-sc .rethnk-blob::after {
    width: 85px;
    height: 103px;
    background-size: 100%;
    right: -36px;
    bottom: -44px;
  }
}

.th-biz-sc {
  height: 750px;
  background: linear-gradient(180deg, #FFF 4.81%, #D6D0FE 43.27%, #8FA1FF 92.79%);
  position: relative;
  padding-top: 50px;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc {
    height: 680px;
    padding-top: 10px;
  }
}
.th-biz-sc .clouds-bg2 {
  position: absolute;
  width: 100%;
  height: 275px;
  background-image: url("../images/clouds-bg2.svg");
  background-repeat: no-repeat;
  bottom: 0;
  background-size: 100% auto;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .clouds-bg2 {
    width: 200%;
    height: 300px;
    left: -90%;
    background-size: 100%;
    background-position-y: 101%;
  }
}
.th-biz-sc .rocket-bg-pos {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 71px;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .rocket-bg-pos {
    bottom: 80px;
    height: 366px;
    left: 0;
    transform: unset;
  }
}
.th-biz-sc .rocket-bg {
  position: absolute;
  /*left: 50%;
  transform: translateX(-50%);*/
  background-image: url("../images/rocket-bg.svg");
  background-repeat: no-repeat;
  width: 71px;
  height: 366px;
  top: 140px;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .rocket-bg {
    top: unset;
    transform: unset;
    left: 0%;
  }
}
.th-biz-sc .man-bg {
  position: absolute;
  left: 55%;
  background-image: url("../images/man.svg");
  background-repeat: no-repeat;
  width: 63px;
  height: 102px;
  bottom: 0px;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .man-bg {
    bottom: -30px;
    background-size: 70%;
    left: 25%;
  }
}
.th-biz-sc .th-biz-lst {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .th-biz-lst {
    width: 70%;
    margin: 0 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 480px) {
  .th-biz-sc .th-biz-lst .wdth-40 {
    width: 100%;
  }
}
.th-biz-sc .th-biz-lst .th-biz-lst-lft {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}

.custom-underline {
  --underline-color: #ffffff; /* Default underline color */
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.custom-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px; /* Adjust vertical offset relative to font size */
  width: 100%;
  height: 10px; /* Adjust line thickness relative to font size */
  background-color: var(--underline-color);
  /* Exact SVG path encoded cleanly */
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338 11" preserveAspectRatio="none"><path d="M0.001 3.844C0.019 4.343 0.036 4.843 0.053 5.343C5.739 5.229 11.314 5.119 16.965 5.009C67.63 3.999 118.268 3.373 168.892 4.299C219.521 5.17 270.164 7.339 320.75 9.875C326.442 10.162 331.916 10.44 337.657 10.739C337.69 10.24 337.724 9.741 337.757 9.242C332.026 8.777 326.56 8.341 320.875 7.904C270.358 4.02 219.677 1.172 168.962 0.299C118.249 -0.628 67.529 0.676 16.9 3.035C11.253 3.295 5.682 3.563 0.001 3.844Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338 11" preserveAspectRatio="none"><path d="M0.001 3.844C0.019 4.343 0.036 4.843 0.053 5.343C5.739 5.229 11.314 5.119 16.965 5.009C67.63 3.999 118.268 3.373 168.892 4.299C219.521 5.17 270.164 7.339 320.75 9.875C326.442 10.162 331.916 10.44 337.657 10.739C337.69 10.24 337.724 9.741 337.757 9.242C332.026 8.777 326.56 8.341 320.875 7.904C270.358 4.02 219.677 1.172 168.962 0.299C118.249 -0.628 67.529 0.676 16.9 3.035C11.253 3.295 5.682 3.563 0.001 3.844Z" fill="black"/></svg>');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

/* Color utility classes — easily mix with any text color */
.underline-white {
  --underline-color: #FFFFFF;
}

.underline-orange {
  --underline-color: #FA7248;
}

.apprch-hro {
  height: 606px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .apprch-hro {
    height: 500px;
  }
}
.apprch-hro .apprch-hro-bg {
  position: absolute;
  width: 100%;
  height: 244px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  /*background-image: url("../images/apprch-hro-bg.svg");
  background-repeat: no-repeat;*/
}
@media only screen and (max-width: 480px) {
  .apprch-hro .apprch-hro-bg svg {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .apprch-hro .apprch-hro-bg {
    top: 0;
    transform: unset;
    height: 314px;
  }
}
.apprch-hro .apprch-hro-img {
  width: 657px;
  height: 606px;
}
@media only screen and (max-width: 480px) {
  .apprch-hro .apprch-hro-img {
    width: 340px;
    height: 314px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
  }
}
.apprch-hro .apprch-hro-txt {
  width: calc(100% - 657px);
}
@media only screen and (max-width: 480px) {
  .apprch-hro .apprch-hro-txt {
    width: 100%;
    padding: 0 20px;
    height: 160px;
  }
}
@media only screen and (max-width: 480px) {
  .apprch-hro .apprch-hro-txt br {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .apprch-hro .page-width {
    flex-direction: column;
    padding: 0;
  }
}

.cs-hro {
  width: 100%;
  height: 745px;
}
@media only screen and (max-width: 480px) {
  .cs-hro {
    height: 550px;
  }
}
.cs-hro .page-width {
  background-image: url("../images/cs-bg.svg");
  background-repeat: no-repeat;
  background-position: 88%;
}
@media only screen and (max-width: 480px) {
  .cs-hro .page-width {
    padding-top: 200px;
    background-position: 70% -70px;
    background-size: 70%;
  }
}
@media only screen and (max-width: 480px) {
  .cs-hro .wdth-60 {
    width: 100%;
  }
}

.abt-hro {
  padding-top: 75px;
}
@media only screen and (max-width: 480px) {
  .abt-hro {
    height: auto;
    padding-top: 125px;
  }
}
@media only screen and (max-width: 480px) {
  .abt-hro .page-width {
    flex-direction: column-reverse;
    padding-top: 110px;
  }
}
@media only screen and (max-width: 480px) {
  .abt-hro .wdth-60, .abt-hro .wdth-40 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .abt-hro img {
    height: 250px;
  }
}
@media only screen and (max-width: 480px) {
  .abt-hro h1 {
    position: absolute;
    top: 125px;
  }
}

.abt-cs-sc {
  background-color: #333333;
  padding: 80px 0;
}
.abt-cs-sc .abt-cs-sc-itm {
  width: 220px;
}

.why-cs-line {
  position: relative;
  padding-top: 120px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.why-cs-line::before {
  position: absolute;
  content: "";
  width: 240px;
  height: 115px;
  background-image: url("../images/why-cs-line-bg.svg");
  background-repeat: no-repeat;
  left: -40px;
  top: 20px;
}

@media only screen and (max-width: 480px) {
  .abt-thnk-sc .wdth-60 {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .abt-wrk-sc {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 480px) {
  .prnc-sc {
    text-align: center;
  }
}

.roll-wrd {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.letter-roller {
  display: inline-block;
  overflow: hidden;
  height: 1em; /* Matches single line height */
  vertical-align: bottom;
}

.roller-track {
  display: flex;
  flex-direction: column;
  /*animation: rollLetters 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;*/
}

/* Triggered only when the reveal system adds .reveal-active */
.reveal-init.reveal-active .roller-track {
  animation: rollLetters 0.8s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  /* 
     Waits for the heading's fade-up duration to settle before flipping C -> K.
     You can also use: calc(var(--reveal-delay, 0ms) + 400ms) 
  */
  animation-delay: 500ms;
}

.letter {
  display: block;
  height: 1em;
  line-height: 1em;
}

@keyframes rollLetters {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%); /* Shifts 'C' out the top and brings 'K' into view */
  }
}
.grd-hldr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.grd-hldr .grd-itm {
  width: -moz-fit-content;
  width: fit-content;
}/*# sourceMappingURL=main.css.map */