@charset "UTF-8";
:root {
  --clr-base: #333333;
  --clr-primary: #FFCC54;
  --clr-secondary:#4EB5F2;
  --clr-sec-bg:#D1B5FF;
  --clr-black:#000;
  --font-base:"SF UI Text", sans-serif;
  --space-default:5rem;
  --space-lg:3.5rem;
  --space-md:2.5rem;
  --space-sm:1.2rem;
  --base-transition-function:cubic-bezier(.19,1,.22,1);
  --base-transition-tile:.7s;
}
@media only screen and (max-width: 1199.98px) {
  :root {
    --space-default:6.25rem;
    --space-lg:4.375rem;
    --space-md:3.125rem;
  }
}
@media only screen and (max-width: 991.98px) {
  :root {
    --space-default:3.25rem;
    --space-lg:2.7rem;
  }
}

.preload__wrap {
  background-color: var(--clr-primary);
}

.preload__wrap, .pt__wrap {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999999;
}
.preload__wrap .jr__preload, .pt__wrap .jr__preload {
  height: 100%;
}
.preload__wrap .jr__preload > svg, .pt__wrap .jr__preload > svg {
  height: 100%;
}

.pt__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.pt__wrap .custom-eye {
  font-size: 30vw;
}
@media only screen and (max-width: 991.98px) {
  .pt__wrap .custom-eye {
    font-size: 55vw;
  }
}
.pt__wrap .page-title {
  color: #fff;
  text-transform: capitalize;
}

html {
  font-size: 20px;
}
@media only screen and (max-width: 1419px) {
  html {
    font-size: 16px;
  }
}

body {
  font-size: 1rem;
  line-height: 1.6rem;
  color: var(--clr-base);
  font-family: var(--font-base);
  background: #fff;
}

a {
  color: var(--clr-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #1E2131;
  font-family: var(--font-base);
  line-height: 110%;
  font-weight: 600;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: currentColor;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--clr-secondary);
}

.ff-Quicksand {
  font-family: "Quicksand", sans-serif;
}

.title-h1, h1, .title-h1-mini {
  font-size: 3.8rem;
  line-height: 4.2rem;
}
@media only screen and (max-width: 1419px) {
  .title-h1, h1, .title-h1-mini {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .title-h1, h1, .title-h1-mini {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

@media only screen and (min-width: 1420px) {
  .title-h1-mini {
    font-size: 3rem;
  }
}

.title-h1, h1 {
  font-size: 3.8rem;
  line-height: 4.2rem;
}
@media only screen and (max-width: 1419px) {
  .title-h1, h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .title-h1, h1 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

.title-h2, h2 {
  font-size: 2.5rem;
  line-height: 2.95rem;
}
@media only screen and (max-width: 991.98px) {
  .title-h2, h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.title-h3, h3 {
  font-size: 2.4rem;
  line-height: 2.85rem;
}
@media only screen and (max-width: 991.98px) {
  .title-h3, h3 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

.title-h4, h4 {
  font-size: 2rem;
  line-height: 2.85rem;
}

.title-h5, h5 {
  font-size: 1.35rem;
  line-height: 2.6rem;
}
@media only screen and (max-width: 991.98px) {
  .title-h5, h5 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

.title-h6, h6 {
  font-size: 1.3rem;
  line-height: 1.55rem;
}
@media only screen and (max-width: 991.98px) {
  .title-h6, h6 {
    font-size: 1.25rem;
    line-height: 1.438rem;
  }
}

.text-intro {
  font-size: 1.1rem;
  line-height: 1.3rem;
}
@media only screen and (max-width: 991.98px) {
  .text-intro {
    font-size: 1rem;
  }
}

.text-intro-lg {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
@media only screen and (max-width: 991.98px) {
  .text-intro-lg {
    font-size: 1rem;
  }
}

.title-60p {
  font-size: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .title-60p {
    font-size: 1.5rem;
  }
}

.text-32p {
  font-size: 1.6rem;
}
@media only screen and (max-width: 991.98px) {
  .text-32p {
    font-size: 1.25rem;
  }
}

.title-xxl {
  font-size: 7.5rem;
  line-height: 8.95rem;
}
@media only screen and (max-width: 991.98px) {
  .title-xxl {
    font-size: 3.75rem;
    line-height: 4.375rem;
  }
}

.text-sm {
  font-size: 0.8rem;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-200 {
  font-weight: 200;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-bold {
  font-weight: bold;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

@media only screen and (min-width: 991.98px) {
  .fw-lg-100 {
    font-weight: 100;
  }
  .fw-lg-200 {
    font-weight: 200;
  }
  .fw-lg-200 {
    font-weight: 200;
  }
  .fw-lg-400 {
    font-weight: 400;
  }
  .fw-lg-500 {
    font-weight: 500;
  }
  .fw-lg-600 {
    font-weight: 600;
  }
  .fw-lg-700 {
    font-weight: 700;
  }
  .fw-lg-bold {
    font-weight: bold;
  }
  .fw-lg-800 {
    font-weight: 800;
  }
  .fw-lg-900 {
    font-weight: 900;
  }
}
@media only screen and (min-width: 767.98px) {
  .fw-md-100 {
    font-weight: 100;
  }
  .fw-md-200 {
    font-weight: 200;
  }
  .fw-md-200 {
    font-weight: 200;
  }
  .fw-md-400 {
    font-weight: 400;
  }
  .fw-md-500 {
    font-weight: 500;
  }
  .fw-md-600 {
    font-weight: 600;
  }
  .fw-md-700 {
    font-weight: 700;
  }
  .fw-md-bold {
    font-weight: bold;
  }
  .fw-md-800 {
    font-weight: 800;
  }
  .fw-md-900 {
    font-weight: 900;
  }
}
.sec-title .title {
  display: inline-block;
  position: relative;
}
.sec-title .title .line-bottom-ani, .sec-title .title .arrow-ani-down-icon {
  position: absolute;
  bottom: calc(100% - 0.5rem);
  left: -0.85rem;
}
.sec-title .title .line-bottom-ani.item-right, .sec-title .title .arrow-ani-down-icon.item-right {
  left: 100%;
  top: -0.2rem;
  bottom: auto;
  width: 2.25rem;
}
.sec-title .title .line-bottom-ani {
  top: 100%;
  right: 0;
  left: auto;
  bottom: auto;
}

.split-lines .text-line {
  overflow: hidden;
}

.arrow-ani-down-icon {
  clip-path: polygon(0 0, 100% 0, var(--c) var(--c), 0 100%);
}

.line-bottom-ani, .bottom-line::before {
  clip-path: polygon(0 0, var(--c) 0, var(--c) 100%, 0 100%);
}

.arrow-ani-down-icon.item-right, .bottom-line2::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--c)) var(--c));
}

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

.custom-has-cl-ani {
  --c:0%;
}

.sec-title-2 {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-title-2 {
    margin-bottom: 2rem;
  }
}
.sec-title-2 .top-img {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-title-2 .top-img {
    margin-bottom: 1rem;
  }
}

.text-bottom-lines {
  display: block;
  position: absolute;
  bottom: -0.5rem;
  max-width: 100%;
  left: 0;
}
@media only screen and (max-width: 767.98px) {
  .text-bottom-lines {
    bottom: -0.2rem;
  }
  .text-bottom-lines.y-sm-0 {
    bottom: 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .title-sm-mobile {
    font-size: 1.75rem;
    line-height: 2.875rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .font-18-mobile {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .font-14-mobile {
    font-size: 0.875rem;
    line-height: 1.938rem;
  }
}

@media only screen and (max-width: 991.98px) {
  .title-26p-mobile {
    font-size: 1.625rem;
    line-height: 2.5rem;
  }
}

.y-line {
  width: 2px;
  background-color: #000;
}
@media only screen and (max-width: 991.98px) {
  .y-line.mobile-line-x {
    width: 100%;
    height: 2px;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }
}

.mb-title-space {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .mb-title-space {
    margin-bottom: 1rem;
  }
}

.split-pb-space .line-wrap {
  padding-bottom: 25px;
  margin-bottom: -25px;
}
@media only screen and (max-width: 767.98px) {
  .split-pb-space .line-wrap {
    margin-bottom: -10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 575.98px) {
  .mission-container .title-h1-mini, .tile__sm-fit {
    font-size: 7.3vw;
    line-height: 150%;
  }
}
.reset-ul, .icon-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

svg {
  height: auto;
}

button {
  cursor: pointer;
}

.icon {
  display: inline-block;
}
.icon img {
  width: 20px;
}

.col2 {
  width: 50%;
}

.pl-container, .pl-container {
  --max-width:1300px;
}

.pl-container {
  padding-left: calc((100vw - var(--max-width)) / 2);
}

.pr-container {
  padding-right: calc((100vw - var(--max-width)) / 2);
}

.pt-space {
  padding-top: var(--space-default);
}

.pb-space {
  padding-bottom: var(--space-default);
}

.mt-space {
  margin-top: var(--space-default);
}

.mb-space {
  margin-bottom: var(--space-default);
}

.pt-lg-space {
  padding-top: var(--space-lg);
}

.pb-lg-space {
  padding-bottom: var(--space-lg);
}

.mt-lg-space {
  margin-top: var(--space-lg);
}

.mb-lg-space {
  margin-bottom: var(--space-lg);
}

.pt-md-space {
  padding-top: var(--space-md);
}

.pb-md-space {
  padding-bottom: var(--space-md);
}

.mt-md-space {
  margin-top: var(--space-md);
}

.mb-md-space {
  margin-bottom: var(--space-md);
}

.pt-sm-space {
  padding-top: var(--space-sm);
}

.pb-sm-space {
  padding-bottom: var(--space-sm);
}

.mt-sm-space {
  margin-top: var(--space-sm);
}

.mb-sm-space {
  margin-bottom: var(--space-sm);
}

.has-cl-ani {
  display: inline-block;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.gap-col {
  column-gap: var(--space-default);
}

.gap-col-md {
  column-gap: var(--space-md);
}

.gap-col-lg {
  column-gap: var(--space-lg);
}

.gap-col-sm {
  column-gap: var(--space-sm);
}

.gap-row {
  row-gap: var(--space-default);
}

.gap-row-md {
  row-gap: var(--space-md);
}

.gap-row-lg {
  row-gap: var(--space-lg);
}

.gap-row-sm {
  row-gap: var(--space-sm);
}

.px-1 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.v-align-middel {
  vertical-align: middle;
}

.transform {
  --x:0;
  --y:0;
  transform: translateX(var(--x)) translateY(var(--y));
}

.translate-x-10 {
  --x:10rem;
}

.translate-y-10 {
  --y:10rem;
}

.inset-0 {
  inset: 0;
}

.mt-2 {
  margin-top: 2rem;
}

@media only screen and (min-width: 991.98px) {
  .mt-lg-0 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991.98px) {
  .mb-3-lg {
    margin-bottom: 3rem;
  }
  .mb-4-lg {
    margin-bottom: 4rem;
  }
  .pt-screen-lg {
    padding-top: 5.5rem;
  }
  .py-screen-lg {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .max\:lg-w-full {
    width: 100%;
  }
}
.btn__wrap {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 991.98px) {
  .btn__wrap {
    gap: 10px;
  }
}

.btn {
  background-color: var(--clr-primary);
  color: #000000;
  border-radius: 50rem;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.545em 2.682em;
  display: inline-flex;
  align-items: center;
  column-gap: 0.5em;
  border: 2px solid var(--clr-black);
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s;
  text-decoration: none;
  outline: none;
  letter-spacing: -0.03rem;
  line-height: 1.455em;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .btn {
    padding: 0.5em 1.75em;
  }
}
.btn:not(.btn-hover-arrow, .btn-mini):hover {
  background-color: var(--clr-black);
  color: var(--clr-primary);
}
.btn.btn-hover-base:hover {
  border-color: var(--clr-primary);
}
.btn svg {
  width: 1em;
}
.btn svg path {
  fill: currentColor;
}
@media only screen and (min-width: 991.98px) {
  .btn .phone-icon {
    font-size: 14px;
  }
}
.btn.round-sm {
  border-radius: 0.4rem;
}
.btn.btn-normal {
  font-weight: normal;
  border-width: 1px;
}

.btn, .btn-out-material {
  display: inline-block;
  position: relative;
  --m-space:0.2rem;
  --m-space2:.5rem;
}
.btn .arrow-top-right,
.btn .arrow-bottom-left,
.btn .arrow-bottom-right,
.btn .arrow-top-left, .btn-out-material .arrow-top-right,
.btn-out-material .arrow-bottom-left,
.btn-out-material .arrow-bottom-right,
.btn-out-material .arrow-top-left {
  position: absolute;
  width: 1.5em;
  --y:0em;
  --x:-0.75em;
  transition: all 0.18s;
}
.btn .arrow-top-left, .btn .arrow-top-right, .btn-out-material .arrow-top-left, .btn-out-material .arrow-top-right {
  bottom: calc(100% + var(--y));
}
.btn .arrow-bottom-left, .btn .arrow-bottom-right, .btn-out-material .arrow-bottom-left, .btn-out-material .arrow-bottom-right {
  top: calc(100% + var(--y));
}
.btn .arrow-top-right,
.btn .arrow-bottom-right, .btn-out-material .arrow-top-right,
.btn-out-material .arrow-bottom-right {
  right: var(--x);
}
.btn .arrow-top-left,
.btn .arrow-bottom-left, .btn-out-material .arrow-top-left,
.btn-out-material .arrow-bottom-left {
  left: var(--x);
}
.btn .arrow-top-left, .btn-out-material .arrow-top-left {
  --y: -0.455em;
  --x: -0.591em;
  clip-path: polygon(0 0, var(--c) 0, var(--c) 100%, 0% 100%);
}
.btn .arrow-bottom-right, .btn-out-material .arrow-bottom-right {
  --y:-0.49em;
  --x:-0.791em;
  clip-path: polygon(calc(100% - var(--c)) 0, 100% 0, 100% 100%, calc(100% - var(--c)) 100%);
}
.btn .arrow-top-right, .btn .arrow-bottom-left, .btn-out-material .arrow-top-right, .btn-out-material .arrow-bottom-left {
  width: 1.8em;
}
.btn .arrow-bottom-left, .btn .arrow-top-right, .btn-out-material .arrow-bottom-left, .btn-out-material .arrow-top-right {
  --x: -1.182em;
  --y: -0.227em;
}
.btn .arrow-top-right, .btn-out-material .arrow-top-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--c)) var(--c));
}
.btn .arrow-bottom-left, .btn-out-material .arrow-bottom-left {
  clip-path: polygon(0 0, var(--c) calc(100% - var(--c)), 100% 100%, 0 100%);
}
.btn.btn-mini, .btn-out-material.btn-mini {
  border-color: transparent;
  padding: 0.35rem 0.45rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.btn.btn-mini:hover, .btn-out-material.btn-mini:hover {
  border-color: rgba(0, 0, 0, 0.1);
}
.btn .arrow-tl, .btn .arrow-br, .btn .btn-dots, .btn-out-material .arrow-tl, .btn-out-material .arrow-br, .btn-out-material .btn-dots {
  position: absolute;
}
.btn .btn-dots, .btn-out-material .btn-dots {
  inset: 0;
  --space-x:1.5rem;
  color: #fff;
  pointer-events: none;
}
.btn .btn-dots::before, .btn .btn-dots::after, .btn-out-material .btn-dots::before, .btn-out-material .btn-dots::after {
  content: "";
  background-color: currentColor;
  height: 0.5rem;
  width: 0.5rem;
  position: absolute;
  border-radius: 50%;
}
.btn .btn-dots::before, .btn-out-material .btn-dots::before {
  top: calc(100% + var(--m-space2));
  left: var(--space-x);
}
.btn .btn-dots::after, .btn-out-material .btn-dots::after {
  bottom: calc(100% + var(--m-space2));
  right: var(--space-x);
}
.btn .arrow-tl, .btn-out-material .arrow-tl {
  bottom: calc(100% + var(--m-space));
  left: 0;
}
.btn .arrow-br, .btn-out-material .arrow-br {
  top: calc(100% + var(--m-space));
  right: 0;
}

@media only screen and (min-width: 991.98px) {
  .btn-lg {
    font-size: 1.3rem;
    line-height: 1.5rem;
    padding: 0.5rem 2rem;
  }
}

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
}

@media only screen and (min-width: 991.98px) {
  .btn.btn-sm {
    padding: 0.4375em 1.625em;
    font-size: 0.8rem;
    column-gap: 0.3125em;
  }
}
@media only screen and (min-width: 991.98px) and (max-width: 1419px) {
  .btn.btn-sm {
    font-size: 0.9rem;
  }
}

.btn-full {
  width: 100%;
}

.btn.btn-outline {
  background-color: transparent;
  border-color: #333333;
  color: #333333;
}
.btn.btn-outline:hover {
  background-color: #FFCC54;
  color: #333333;
}

.btn-hover-arrow {
  overflow: hidden;
  --transition-duration:.7s;
  --transition-function:cubic-bezier(.19,1,.22,1);
  --l:3.05rem;
}
@media only screen and (max-width: 991.98px) {
  .btn-hover-arrow {
    --l:2.04375rem;
  }
}
.btn-hover-arrow > .btn-text {
  color: transparent;
}
.btn-hover-arrow::before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 50%;
  --translateX:var(--l);
  transition: transform var(--transition-duration) var(--transition-function);
  transform: translate(var(--translateX), -50%);
}
.btn-hover-arrow .arrow-right {
  --right-space:100%;
  --rotate:90deg;
  position: absolute;
  right: 0;
  top: 50%;
  height: 2.4rem;
  width: 2.4rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  border-radius: 50%;
  transition: transform var(--transition-duration) var(--transition-function);
  transform: translateY(-50%) translateX(var(--right-space)) rotate(var(--rotate));
}
@media only screen and (max-width: 991.98px) {
  .btn-hover-arrow .arrow-right {
    height: 2rem;
    width: 2rem;
  }
}
.btn-hover-arrow:hover::before {
  --translateX:1rem;
}
@media only screen and (max-width: 991.98px) {
  .btn-hover-arrow:hover::before {
    --translateX: .7rem;
  }
}
.btn-hover-arrow:hover .arrow-right {
  --right-space:-1rem;
  --rotate:0deg;
}
@media only screen and (max-width: 991.98px) {
  .btn-hover-arrow:hover .arrow-right {
    --right-space:-.4rem;
  }
}

.arrow-down-btn .icon, .arrow-down-btn .bg {
  transition: all 0.25s;
}
.arrow-down-btn:hover .bg {
  fill: var(--clr-primary);
}
.arrow-down-btn:hover .icon {
  fill: #000;
}

.budget {
  background-color: #EEE4FF;
  display: inline-block;
  border: 2px solid #1E2131;
  border-radius: 111537rem;
  padding: 0.1rem 1.3rem;
}

.social-buttons .btn {
  font-size: 0.9rem;
}

.round-sm {
  border-radius: 14px;
}

.service-card {
  border: 2px solid #000000;
  padding: 1.1rem;
  border-radius: 3.5rem;
}
@media only screen and (max-width: 991.98px) {
  .service-card {
    border-radius: 1.8rem;
  }
  .service-card.grid {
    gap: 0.7rem;
  }
}
.service-card .title {
  gap: 1.1rem;
}
.service-card .right-content {
  --bg:#FFEFDF;
  background-color: var(--bg);
  min-height: 100%;
  width: 100%;
  border-radius: 3.5rem;
  height: 46vh;
}
@media only screen and (max-width: 991.98px) {
  .service-card .right-content {
    height: 30vh;
    border-radius: 1rem;
  }
}
.service-card .left-content {
  min-height: 100%;
  padding: 3.5vh 2.5rem;
}
@media only screen and (max-width: 1419px) {
  .service-card .left-content {
    padding: 2vh 1rem;
  }
}
.service-card .des {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 991.98px) {
  .service-card .des {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}

.service-cards-inner {
  display: flex;
  column-gap: 5rem;
  min-width: max-content;
}
@media only screen and (max-width: 991.98px) {
  .service-cards-inner {
    column-gap: 2rem;
  }
}
.service-cards-inner > .service-card {
  width: 100%;
  flex: 0 0 auto;
  max-width: 54rem;
}
@media only screen and (max-width: 991.98px) {
  .service-cards-inner > .service-card {
    width: 30rem;
    max-width: calc(100vw - 2rem);
  }
}

.service-cards-wrapper .service-cards-inner {
  transform: translateX(calc(-1 * var(--x) + var(--container)));
}

.team-card .thumb {
  border: 0.1rem solid #000000;
  height: 11.2rem;
  width: 100%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0.1rem 0.2rem 0 0 #FFCC54;
  border-radius: 10px;
  margin-bottom: 0.9rem;
}
@media only screen and (max-width: 767.98px) {
  .team-card .thumb {
    height: 8.2rem;
  }
}
.team-card p {
  margin-bottom: 0;
  line-height: 1.3rem;
}

.service-card-full {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  min-height: clamp(10rem, 48.1481481481vh, 26rem);
  border: 2px solid #000000;
  background-color: #FEFEFE;
  display: flex;
  align-items: center;
  border-radius: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .service-card-full {
    align-items: start;
    min-height: 67vh;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.service-card-full .title {
  margin-bottom: 0.55rem;
}
.service-card-full .des {
  margin-bottom: 1.6rem;
}
.service-card-full.overlay::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  z-index: -2;
}
.service-card-full.text-light .title, .service-card-full.text-light .des {
  color: #fff;
}
.service-card-full.bp-right {
  background-position-x: right;
}

.testimonial-card {
  border: 1px solid #000;
  border-radius: 20px;
  padding-left: 188px;
  padding-right: 130px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #E0CDFF;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-card {
    padding: 3rem 1.5rem;
    text-align: center;
    background-color: #D1B5FF;
  }
}
.testimonial-card .left-con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media only screen and (min-width: 991.98px) {
  .testimonial-card .left-con {
    width: 30%;
  }
}
@media only screen and (max-width: 991.98px) {
  .testimonial-card .left-con {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 991.98px) {
  .testimonial-card .right-con {
    width: 50%;
  }
}

.count-card {
  border: 2px solid #000;
  padding: 2rem 1rem;
  background-color: #FFCC54;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #1E2131;
  font-weight: 700;
  border-radius: 1rem;
}
@media only screen and (max-width: 767.98px) {
  .count-card {
    border-width: 1px;
    padding: 1rem 0.5rem;
  }
}
.count-card .title {
  font-size: 5rem;
  line-height: 5rem;
  position: relative;
  display: flex;
  justify-content: center;
  color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .count-card .title {
    padding: 1rem 0.5rem;
    font-size: 4rem;
    line-height: 3rem;
    padding-bottom: 0.2rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.count-card .title small {
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  align-items: start;
  padding: 0.5rem 0;
}
@media only screen and (max-width: 767.98px) {
  .count-card .title small {
    font-size: 1.1rem;
    padding: 1rem 0.2rem;
  }
}
.count-card .title small.plus {
  font-size: 2rem;
}
@media only screen and (max-width: 767.98px) {
  .count-card .title small.plus {
    font-size: 1.4rem;
  }
}
.count-card:nth-child(2n+2) .title small {
  align-items: end;
}

.animated__number {
  display: flex;
}

.portfolio-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.portfolio-list .portfolio-list-item {
  --transition:all cubic-bezier(.19,1,.22,1) 0.7s;
  position: relative;
  transition: var(--transition);
}
.portfolio-list .portfolio-list-item .btn-toggle {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  padding: 1.75rem;
  padding-right: 1rem;
  z-index: 8;
}
.portfolio-list .portfolio-list-item .btn-toggle svg {
  width: 2.1rem;
}
.portfolio-list .portfolio-list-item .btn-toggle svg path {
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
}
@media only screen and (max-width: 991.98px) {
  .portfolio-list .portfolio-list-item .btn-toggle {
    display: block;
  }
}
@media only screen and (max-width: 991.98px) {
  .portfolio-list .portfolio-list-item.active {
    background-color: #FFF6DC;
  }
}
.portfolio-list .portfolio-list-item.active .btn-toggle svg path:last-child {
  transform: rotate(90deg);
}
.portfolio-list .portfolio-list-item .permalink {
  border-top: 1px solid #2C2C2C;
  position: relative;
  text-decoration: none;
  padding: 1.2rem 1rem;
  color: #333333;
  transition: var(--transition);
  display: block;
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item .permalink {
    font-size: 0.9rem;
    align-items: center;
    display: flex;
  }
}
.portfolio-list .portfolio-list-item .permalink .arrow-right {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: 32px;
}
.portfolio-list .portfolio-list-item .permalink .arrow-right > svg {
  transform: translateX(-100%);
  transition: var(--transition);
}
.portfolio-list .portfolio-list-item .title {
  font-size: 1.5rem;
  line-height: 1.4;
  transition: var(--transition);
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item .title {
    width: 20rem;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item .cat {
    position: relative;
    transition: var(--transition);
  }
  .portfolio-list .portfolio-list-item .cat .cat-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-100%);
    opacity: 0;
    width: 0.8rem;
    transition: var(--transition);
  }
}
.portfolio-list .portfolio-list-item:last-child .permalink {
  border-bottom: 1px solid #2C2C2C;
}
@media only screen and (max-width: 991.98px) {
  .portfolio-list .portfolio-list-item .content {
    padding-top: 1rem;
    display: none;
  }
}
.portfolio-list .portfolio-list-item .content > img {
  border: 2px solid #FFCC54;
  border-radius: 1rem;
  width: 15.8rem;
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item .content {
    position: absolute;
    right: 6.2rem;
    top: 50%;
    transform: translateY(-40%) rotate(2deg);
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: var(--transition);
  }
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item:hover .content {
    position: absolute;
    right: 6.2rem;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item:hover .permalink {
    background-color: #FFCC54;
  }
  .portfolio-list .portfolio-list-item:hover .permalink .arrow-right > svg {
    transform: translateX(0);
  }
  .portfolio-list .portfolio-list-item:hover .permalink .title {
    padding-left: 2.25rem;
  }
}
@media only screen and (min-width: 991.98px) {
  .portfolio-list .portfolio-list-item:hover .cat {
    padding-left: 1rem;
  }
  .portfolio-list .portfolio-list-item:hover .cat .cat-arrow {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}

@media only screen and (min-width: 991.98px) {
  .contact-info-wrap .contact__info {
    width: 50%;
  }
}

.cats a {
  color: #333333;
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='7' viewBox='0 0 54 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.62049C8.38031 3.93673 21.3968 2.81423 34.4717 2.18739C35.8555 2.18739 38.4254 1.62614 39.348 2.18739C40.2705 2.74864 40.8771 4.29069 41.7996 3.72944C42.7222 3.16819 44.2359 1.69167 44.6971 1.69167C45.1584 1.69167 45.1584 2.81417 45.6197 3.37542C46.081 3.93668 48.3873 1.13112 48.8486 1.69167C49.3098 2.25222 48.3873 3.37548 48.8486 3.93673C49.2176 4.38573 51.7699 3.00131 53 2.25298' stroke='%23333333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  padding-bottom: 0.1em;
  text-decoration: none;
  background-repeat: repeat-x;
  transition: background-position 0.2s;
}
.cats a:hover {
  background-position-y: 90%;
}

.link-text {
  font-size: 0.9rem;
  color: #333333;
  text-decoration: none;
}

.case__cards {
  display: grid;
  gap: 3rem;
}
@media only screen and (min-width: 991.98px) {
  .case__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .case__cards {
    gap: 2rem;
  }
}

.case__card .thumb {
  margin-bottom: 0.9rem;
}
.case__card .thumb > img {
  border: 2px solid #FFCC54;
  border-radius: 1rem;
}
.case__card .title {
  font-size: 1.6rem;
  line-height: 1.85rem;
  color: #000000;
  font-weight: 500;
  display: block;
  margin-top: 0.6rem;
  text-decoration: none;
}
@media only screen and (max-width: 991.98px) {
  .case__card .title {
    font-size: 1.25rem;
    line-height: 1.438rem;
  }
}

.color-box {
  background-color: #F0C078;
  color: #333333;
  height: 8rem;
  display: flex;
  align-items: end;
  justify-content: end;
  border-radius: 1.2rem;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
}
@media only screen and (max-width: 767.98px) {
  .color-box {
    height: 5rem;
  }
}
.color-box.border-gray {
  border-color: #A0A0A0;
}

.img__y1 {
  position: relative;
}
.img__y1 .secondary-img {
  position: absolute;
  bottom: 0;
  width: max-content;
}
@media only screen and (min-width: 1199.98px) {
  .img__y1 .secondary-img {
    right: calc(100% - 8rem);
  }
}
@media only screen and (max-width: 1199.98px) {
  .img__y1 .secondary-img {
    left: 0;
    max-width: 55%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .img__y1 {
    padding-left: 35%;
  }
}

.fontcase__wrapper {
  font-size: 1.6rem;
  line-height: 2.5rem;
}
@media only screen and (min-width: 991.98px) {
  .fontcase__wrapper {
    padding-left: 4.2rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .fontcase__wrapper {
    font-size: 1.25rem;
    line-height: 1.6rem;
  }
}

.ss-display-gallery img {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .ss-display-gallery img {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .count-cards.grid {
    gap: 0.8rem;
  }
}

.badge-gray {
  background-color: #fce9e9;
  color: var(--clr-base);
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  column-gap: 0.625em;
  padding: 0.5em 1.25em;
}
.badge-gray .icon, .badge-gray .icon svg {
  width: 1.1em;
}
@media only screen and (max-width: 991.98px) {
  .badge-gray {
    font-size: 13px;
  }
}

.form-control, .form-select {
  border: 1px solid #000;
  border-radius: 0.8rem;
  padding: 11px 22px;
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  background-color: transparent;
  transition: all 0.25s;
  outline: none;
  display: block;
  font-weight: 400;
}
.form-control::placeholder, .form-select::placeholder {
  color: #333333;
  opacity: 1;
}
@media only screen and (max-width: 991.98px) {
  .form-control, .form-select {
    padding: 9px 18px;
    font-size: 14px;
  }
}
.form-control:hover, .form-control:focus, .form-select:hover, .form-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.form-control:active, .form-select:active {
  box-shadow: none;
}

textarea.form-control {
  height: 290px;
}

.form-wrapper.grid {
  gap: 2rem 2.5rem;
}

.form-bottom {
  margin-top: 2rem;
}

.auto__scroll {
  width: 100%;
  overflow: hidden;
}

.auto__scroll, .auto__scroll .scroll__item {
  display: flex;
  align-items: center;
  --gap:2rem;
  gap: var(--gap);
}
@media only screen and (max-width: 991.98px) {
  .auto__scroll, .auto__scroll .scroll__item {
    --gap:1rem;
  }
}

.auto__scroll .scroll__item {
  flex: 0 0 auto;
}
.auto__scroll .scroll__item:last-child {
  padding-left: var(--gap);
  padding-right: var(--gap);
}

.headline__scroll, .headline__scroll2 {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
  font-size: 2rem;
  font-weight: 900;
  padding: 0.8rem 0;
}
@media only screen and (max-width: 991.98px) {
  .headline__scroll, .headline__scroll2 {
    font-size: 1.6rem;
    padding: 0.5rem 0;
  }
}
.headline__scroll .logo__img, .headline__scroll2 .logo__img {
  width: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .headline__scroll .logo__img, .headline__scroll2 .logo__img {
    width: 2.5rem;
  }
}

@media only screen and (min-width: 991.98px) {
  .headline__scroll2 {
    font-size: 3rem;
  }
}

.auto-scroll-2 {
  position: relative;
  z-index: 1;
}

.auto-scroll-2 .auto__scroll:nth-child(2n+2) {
  transform: rotate(-6.64deg) translateX(-15px) translateY(-50%);
  width: calc(100vw + 30px);
  z-index: -1;
  position: relative;
}

.init__slide, .jrWebDesignSlide {
  width: 100%;
}

.num-pagination.slide-nav {
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
  gap: 1rem;
}

.slide-num-pagination {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.slide-num.swiper-pagination-bullets {
  position: relative;
  top: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: var(--mh);
  --active-index:0;
}
.slide-num .swiper-pagination-bullet {
  height: auto;
  width: auto;
  background-color: transparent;
  border-radius: 0;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.7s;
  transform: translateY(calc(-1 * var(--active-index) * 100%));
  opacity: 1;
  margin: 0 !important;
  padding: 0;
}

.header__area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
@media only screen and (max-width: 991.98px) {
  .header__area {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.header__area .navbar-lg {
  padding: 0px;
  display: flex;
  align-items: center;
}
.header__area .navbar-lg .logo {
  display: block;
}
@media only screen and (max-width: 1600px) {
  .header__area .navbar-lg .logo {
    max-width: 290px;
  }
}
@media only screen and (max-width: 1300px) {
  .header__area .navbar-lg .logo {
    max-width: 250px;
  }
}
@media only screen and (max-width: 991.98px) {
  .header__area .navbar-lg .logo {
    max-width: 210px;
  }
}
.header__area .navbar-lg .lg-menu {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  list-style: none;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.header__area .navbar-lg .lg-menu .menu-item {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.header__area .navbar-lg .lg-menu .menu-item > a {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 110%;
  color: var(--clr-base);
  padding: 1.7rem 1.4rem;
  position: relative;
  transition: all 0.25s;
  white-space: nowrap;
  text-decoration: none;
}
@media only screen and (max-width: 1419px) {
  .header__area .navbar-lg .lg-menu .menu-item > a {
    font-size: 1rem;
  }
}
.header__area .navbar-lg .lg-menu .menu-item .angle__down {
  font-size: 14px;
  margin-left: 7px;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: max-content;
  min-width: 230px;
  background-color: #fff;
  border-top: 2px solid var(--border-color);
  text-align: left;
  padding: 15px 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  box-shadow: 0 16px 15px rgba(0, 0, 0, 0.05);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  list-style: none;
  border-radius: 0px 0px 5px 5px;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu li {
  position: relative;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu li .angle__down {
  margin-left: auto;
  padding-left: 10px;
  transform: rotate(-90deg);
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu li a {
  color: var(--sub-menu-color);
  transition: color 0.25s;
  text-decoration: none;
  padding: var(--sub-link-padding);
  display: block;
  padding: 8px 30px;
  transition: all 0.15s;
  font-weight: var(--sub-font-width);
  font-size: var(--sub-font-size);
  display: flex;
  align-items: center;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu li a:hover {
  background-color: #FFEFDF;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu .sub-menu {
  top: 10px;
  left: 100%;
}
.header__area .navbar-lg .lg-menu .menu-item .sub-menu > li:hover > ul {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.header__area .navbar-lg .lg-menu .menu-item .mega-menu-item {
  position: absolute;
  top: 0;
  left: var(--offset-left);
  width: 100vw;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease;
  z-index: -1;
}
.header__area .navbar-lg .lg-menu .menu-item .mega-menu-item ul {
  padding: 0;
  border-top: 0;
  background-color: transparent;
}
.header__area .navbar-lg .lg-menu .menu-item .mega-menu-item ul li a {
  color: #fff;
  padding: 0;
}
.header__area .navbar-lg .lg-menu .menu-item.current-menu-item > a {
  font-weight: 500;
}
.header__area .navbar-lg .lg-menu .current-menu-parent > a, .header__area .navbar-lg .lg-menu .current_page_item > a {
  color: var(--clr-base) !important;
  text-decoration: underline;
}
.header__area .navbar-lg .lg-menu .menu-item.has-mega-menu {
  z-index: 1;
}
.header__area .navbar-lg .lg-menu > li:hover {
  z-index: 5 !important;
}
.header__area .navbar-lg .lg-menu > li:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.header__area .navbar-lg .lg-menu > li:hover > .mega-menu-item {
  opacity: 1;
  visibility: visible;
}
.header__area .logo {
  position: relative;
}
.header__area .logo > .invisible {
  opacity: 0;
}
.header__area .logo > .visible {
  opacity: 1;
  position: absolute;
  inset: 0;
}
.header__area .logo .invisible, .header__area .logo .visible {
  transition: all 0.25s;
}
.header__area.active .logo > .invisible {
  opacity: 1;
}
.header__area.active .logo > .visible {
  opacity: 0;
}

.mobile-menu-wrapper {
  --bg:#FFFBF0;
  --color:#333333;
  --hover-color:#333333;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 5;
  height: 0;
  background-color: var(--bg);
}
.mobile-menu-wrapper.menu-y-full .mobile-menu-content {
  height: 100vh;
}
.mobile-menu-wrapper .mobile-menu-content {
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #ddd;
  color: var(--color);
  padding: 6.25rem 1.1rem;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu {
  list-style: none;
  padding: 0;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li {
  position: relative;
  margin-bottom: 1rem;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li:last-child {
  margin-bottom: 0;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li .sub-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: var(--lh);
  z-index: 100;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li .sub-toggle svg {
  width: 1.7em;
  color: var(--color);
  transition: transform ease-out 0.3s;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li .sub-toggle svg path {
  fill: currentColor;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li .open.sub-toggle svg {
  transform: rotate(-90deg);
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > a {
  display: inline-block;
  font-weight: 500;
  color: var(--color);
  padding: 1rem;
  position: relative;
  line-height: 100%;
  text-decoration: none;
  font-size: 1.5rem;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='93' height='8' viewBox='0 0 93 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2216_11444' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='1' width='93' height='5'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8895 4.0783L11.9977 4.17775C11.2002 4.21414 10.9009 4.22745 10.7084 4.26572C10.6112 4.2783 10.5125 4.2878 10.4127 4.29416C10.3096 4.28434 9.40891 4.31206 7.81383 4.38686C4.71994 4.51601 3.9229 4.55733 3.43158 4.60979C3.43158 4.60979 3.13649 4.63882 2.9371 4.64857C2.54518 4.69688 2.44948 4.71617 2.65517 4.73522C2.7583 4.74475 2.65888 4.74977 2.55947 4.75451C2.26067 4.76899 2.16755 4.80281 2.17814 4.8456C2.18185 4.86016 2.08558 4.87972 1.98932 4.899C1.89306 4.91828 1.89677 4.93255 1.90364 4.96107C2.01048 4.98545 2.01734 5.01426 2.02049 5.0288C2.03107 5.07188 1.74971 5.15854 1.55775 5.19711C1.55775 5.19711 1.46148 5.21638 1.56089 5.21165C1.56089 5.21165 1.46835 5.24519 1.27638 5.28376C1.08757 5.33688 0.991305 5.35616 1.1907 5.34641C1.29383 5.35594 1.29383 5.35594 1.29754 5.3705C1.21186 5.43256 1.01933 5.47141 0.820501 5.48117C0.820501 5.48117 0.624825 5.50518 0.628537 5.51974C0.43601 5.55829 0.176375 5.73112 0.180087 5.74567L0.0801068 5.75068L0.0869715 5.7795C0.0906884 5.79376 0.0975483 5.82286 0.00185835 5.84157C0.00557042 5.85613 0.00557042 5.85613 0.104977 5.85168C0.204393 5.84666 0.307522 5.85619 0.406933 5.85146C0.510062 5.86099 0.712602 5.86579 0.915141 5.87058C1.11397 5.86082 1.11768 5.87538 1.12083 5.88963C1.02513 5.90892 1.02885 5.92348 1.43708 5.94733C1.64648 5.98094 3.04311 5.92778 4.62799 5.82151L6.21712 5.73067L7.20864 5.66966C7.40802 5.66049 7.6037 5.63648 7.70311 5.63203C7.80252 5.6273 7.89878 5.60802 8.09816 5.59885C8.29383 5.57513 8.79146 5.55147 9.88981 5.51483L14.7661 5.27831C17.1496 5.14089 17.6477 5.12129 18.2458 5.09494L23.4811 4.89001L24.8286 4.84286C25.0311 4.8491 26.9248 4.77025 27.7186 4.72279C28.1141 4.69135 28.4135 4.68007 28.5166 4.69047C28.5166 4.69047 28.9153 4.67445 29.3109 4.64417C29.7736 4.61449 30.238 4.59114 30.7038 4.57415L31.9032 4.54063C32.2025 4.52877 32.6044 4.52729 32.8069 4.53383C33.0088 4.54064 33.5101 4.53385 35.206 4.46999L38.5937 4.32597L41.8829 4.18989C44.2748 4.08855 45.2727 4.052 45.3669 4.01964C45.4637 4.00182 45.863 3.98784 45.9655 3.99881C46.0712 4.02403 47.8619 3.93305 47.8567 3.90427C47.9535 3.88587 48.2534 3.87575 48.2559 3.89029C48.2575 3.89756 48.4325 3.89516 48.7075 3.88746L49.7562 3.85276L52.0543 3.78928C55.6533 3.69571 62.1449 3.4937 62.6369 3.43488L63.4359 3.41098C63.7383 3.41656 64.5348 3.37841 65.0345 3.36349L66.2287 3.29917C66.428 3.29318 66.9252 3.26401 67.325 3.25206C67.8221 3.22289 68.0246 3.23145 68.1245 3.22847C68.2265 3.24 68.5289 3.24558 68.8282 3.23632C69.228 3.22553 69.5304 3.23169 69.6304 3.2287C70.0302 3.21744 70.4292 3.20151 70.8271 3.18094C71.9239 3.13559 71.9239 3.13559 73.8254 3.09716C75.0262 3.07699 75.8263 3.05775 76.4239 3.02705C77.5213 2.98374 77.7211 2.97863 78.023 2.98507C79.2883 2.94456 80.5525 2.89743 81.8152 2.84368C82.8086 2.77575 84.8039 2.69684 87.302 2.62218C87.9022 2.60833 88.5003 2.57996 88.6003 2.57784C88.7981 2.55851 88.898 2.55639 89.2004 2.56399L89.9005 2.54802C90.0984 2.52869 90.5986 2.51724 90.9989 2.50821C91.6011 2.50888 91.6991 2.49224 91.8949 2.45867C91.9928 2.44174 92.1892 2.40818 92.2891 2.40606C92.5889 2.39913 92.8812 2.33441 92.8706 2.26208C92.8665 2.23303 92.9604 2.18735 92.9564 2.1583C93.0528 2.12715 92.9503 2.11473 92.8484 2.10262C92.6465 2.09291 92.6439 2.07837 92.6424 2.06386C92.6398 2.04933 92.5379 2.03721 92.4379 2.03962C92.336 2.02721 92.334 2.01298 92.3319 1.99846L92.3299 1.98394C92.2274 1.97181 92.1275 1.97393 92.1255 1.95969C92.1214 1.93065 91.4086 1.85976 91.0057 1.85455C90.6034 1.84935 90.0991 1.83175 90.195 1.80059C90.1924 1.78606 90.0925 1.78846 89.7921 1.79509C89.4917 1.80201 89.4917 1.80201 89.5922 1.79991L89.8906 1.77847L89.5856 1.75633C89.4521 1.74261 89.3166 1.736 89.1813 1.73661C89.0813 1.73902 88.8809 1.74353 88.8789 1.72901C88.8779 1.72175 88.5755 1.71414 88.1855 1.71035C87.7956 1.70684 87.3187 1.70686 86.9681 1.71483C86.7004 1.72264 86.4313 1.71936 86.1634 1.70502C85.9966 1.68461 85.8263 1.67421 85.6559 1.67403C85.4561 1.67885 85.0557 1.68904 84.7533 1.68173C84.3504 1.67681 83.8502 1.68941 83.2514 1.71864L79.55 1.82616C76.9482 1.89447 76.7483 1.89986 76.1521 1.94449C75.7564 1.98404 75.456 1.99153 74.4555 2.01848C73.355 2.04927 72.6548 2.06872 70.647 2.08134C69.4435 2.09797 65.4381 2.18859 63.3376 2.25068C58.6397 2.41014 57.7396 2.43989 57.0425 2.47591C55.8451 2.53003 51.2468 2.67924 49.5455 2.72504L47.0472 2.81186C46.55 2.84364 45.7535 2.88584 45.1538 2.90665C44.6571 2.93902 44.1573 2.95743 44.1605 2.97197L43.6607 2.99009C43.2557 2.97586 40.2587 3.08458 39.1628 3.13951C38.4663 3.18046 36.4693 3.25673 35.5676 3.27661L32.4722 3.39617C30.9719 3.44181 29.4741 3.5014 29.1716 3.49901C28.8723 3.51059 28.2699 3.52034 27.8675 3.5218L25.669 3.59851C24.8704 3.63169 24.1687 3.64646 24.0687 3.65061C24.0687 3.65061 23.57 3.67135 22.9739 3.71048C22.4752 3.73209 21.4778 3.77416 20.7791 3.80406L19.4823 3.8606C19.4886 3.8894 18.195 3.96019 18.1913 3.94563C18.1882 3.93109 17.4901 3.96158 17.3932 3.98027L17.0939 3.99329C16.9913 3.98319 16.3895 3.99411 15.7876 4.00735C15.2889 4.02954 14.787 4.03777 14.787 4.03777L13.8895 4.0783ZM89.2959 1.83558C89.3 1.86463 89.202 1.88127 88.7997 1.87607C88.5972 1.86635 88.4973 1.86847 88.6952 1.84942C88.9935 1.82798 89.2939 1.82106 89.2959 1.83558ZM89.3187 1.99477C89.4232 2.02141 89.3253 2.03834 89.1229 2.02833C88.923 2.03315 88.921 2.01863 88.9184 2.00409C89.0143 1.97293 89.2147 1.96842 89.3187 1.99477ZM89.1249 2.04286C89.2254 2.04075 89.2274 2.05498 89.2274 2.05498C89.2294 2.06951 89.2294 2.06951 89.1295 2.07191C89.1295 2.07191 89.029 2.07402 89.027 2.05979L89.1249 2.04286ZM83.9286 2.2106C84.1325 2.23454 84.1325 2.23454 83.9346 2.25388C83.7368 2.27322 83.4323 2.25167 83.4277 2.2229C83.3238 2.19627 83.7235 2.18664 83.9286 2.2106ZM88.0371 2.15501L88.1371 2.1526L87.9366 2.15741L88.0371 2.15501ZM84.8392 2.26071L84.9392 2.2583L84.6394 2.26552L84.8392 2.26071ZM90.4551 2.21581C90.7575 2.22341 90.7596 2.23765 90.4612 2.25909C90.1634 2.28054 89.9589 2.25601 89.9549 2.22725C90.0508 2.1958 90.1507 2.19339 90.4551 2.21581Z' fill='%23020202'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2216_11444)'%3E%3Crect x='-4.97656' width='99.5318' height='7.84056' fill='%231E2131'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  height: 1rem;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.25s;
  transform: scaleX(0);
  transform-origin: right;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > a:hover {
  color: var(--hover-color);
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > ul {
  display: none;
  padding-top: 0;
  padding-left: 0.8rem;
  color: var(--color);
  margin: 0;
  list-style: none;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li > .mega-menu-item {
  display: none;
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li.current-menu-item > a {
  color: var(--hover-color);
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li.current-menu-item > a::before {
  transform-origin: left;
  transform: scaleX(1);
}
.mobile-menu-wrapper .mobile-menu-content .sm-menu li.open-sub > .toggle-sub::before {
  transform: rotate(0);
}
.mobile-menu-wrapper .mobile-menu-content .menu-footer {
  margin-top: auto;
  padding-bottom: 1.2rem;
  padding-top: 3rem;
}
.mobile-menu-wrapper .mobile-menu-content .menu-footer .btn-group-wrap {
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .mobile-menu-wrapper {
    display: none;
  }
}
.mobile-menu-wrapper .btn-fade-wrap {
  text-align: left;
}
.mobile-menu-wrapper .btn-fade-wrap .btn {
  width: 100%;
}
.mobile-menu-wrapper .top-shape {
  position: absolute;
  height: 100vw;
  width: 100vw;
}
.mobile-menu-wrapper .top-shape::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 100rem;
  left: 50%;
  top: 0;
  transform: translateX(-50%) scaleX(1.7) translateY(-60%);
  background-color: #FFCC54;
  z-index: -1;
}

.megamenu-area {
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  .megamenu-area .sk-accordion-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item {
    font-size: 18px;
    line-height: 42px;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu {
    line-height: 48px;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu a {
    color: #fff;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu a:hover {
    color: var(--clr-base);
    text-decoration: underline;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu-area .sk-accordion-wrapper .accordion-item:first-child {
    max-width: 885px;
  }
}
.megamenu-area .sk-accordion-wrapper .accordion-item .btn__main {
  white-space: nowrap;
}
.megamenu-area .sk-accordion-wrapper .accordion-item .title {
  padding-left: 0;
  font-family: var(--ff-title);
  margin-bottom: 20px;
}
.megamenu-area .sk-accordion-wrapper .accordion-item .title::before {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu {
    padding-left: 0;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu li a {
    position: relative;
    padding-left: 24px !important;
    display: block;
    text-decoration: none;
  }
  .megamenu-area .sk-accordion-wrapper .accordion-item .ac__menu li a::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M42.7 29.6 26.2 13.1l-2.4-2.4c-1.8-1.8-4.7 1-2.8 2.8L37.5 30l.9.9-15 15-2.3 2.3c-1.8 1.8 1 4.7 2.8 2.8l16.4-16.4 2.3-2.3c.9-.6.9-1.9.1-2.7z' fill='%23fff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 15px;
    height: 20px;
    width: 20px;
    background-position: center;
    background-size: 17px;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1200px) {
  .megamenu-area .sk-accordion-wrapper .accordion-item.f-title-lg .title {
    font-size: 40px;
    line-height: 50px;
  }
}

.hum-btn {
  position: relative;
  font-size: 15px;
  width: 2.3333333333em;
  height: 1.3333333333em;
  background-color: transparent;
  border: none;
}
.hum-btn .svg-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% + 20px);
  height: calc(100% + 31px);
  transform: translate(-50%, -50%) scaleX(1.5);
  transition: all 400ms;
  pointer-events: none;
}
.hum-btn svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hum-btn .line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms, transform 400ms;
  stroke: var(--toggle-clr);
  stroke-width: 4.5px;
  stroke-linecap: round;
}
.hum-btn .top {
  stroke-dasharray: 40 121;
}
.hum-btn .bottom {
  stroke-dasharray: 40 121;
}
.hum-btn .text {
  position: absolute;
  right: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
  color: #FFE600;
  font-size: 28px;
  font-weight: bold;
  pointer-events: none;
  opacity: 0;
  visibility: 0;
  transition: all 0.5s;
}
.hum-btn:hover, .hum-btn:focus, .hum-btn:active {
  background-color: transparent;
}

.btn-burger {
  background-color: #FFCC54;
  border: 0.1rem solid #000000;
  border-radius: 50rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #000000;
}

.burger-icon {
  display: block;
}
.burger-icon span {
  --gap:0.25em;
  --height:0.125em;
  display: block;
  width: 1.1em;
  height: var(--height);
  margin-bottom: var(--gap);
  position: relative;
  background: currentColor;
  border-radius: 100em;
  z-index: 1;
  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;
}
.burger-icon span:last-child {
  margin-bottom: 0;
}

.open > .burger-icon span:nth-child(2) {
  opacity: 0;
}
.open > .burger-icon span:first-child {
  transform: translateY(calc(var(--gap) + var(--height))) rotate(-45deg);
}
.open > .burger-icon span:last-child {
  transform: translateY(calc(-1 * var(--gap) - var(--height))) rotate(45deg);
}

.custom-eye {
  font-size: 1rem;
  height: 4.75em;
  width: 4.75em;
  min-height: 4.75em;
  min-width: 4.75em;
  position: relative;
  z-index: 5;
}
.custom-eye > span {
  background-color: #000;
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 50%;
}
.custom-eye::before, .custom-eye::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.custom-eye::after {
  top: 1em;
  background-color: #fff;
  height: 0.3em;
  width: 0.3em;
  z-index: 2;
  right: 1.2em;
}
.custom-eye::before {
  height: 200%;
  width: 200%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 0.2rem solid #000;
  z-index: -5;
}

.footer-section {
  padding: 0.5rem 0 0 0;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991.98px) {
  .footer-section .footer-logo {
    max-width: 11.375rem;
    margin-bottom: 1.9rem;
  }
}
.footer-section .logo__bg {
  position: absolute;
  height: 200vh;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: end;
  pointer-events: none;
  overflow: hidden;
  z-index: -2;
}
.footer-section .logo__bg .custom-eye {
  font-size: 50vw;
  transform: translateY(calc(100% - var(--height))) scale(var(--bg-scale)) rotate(var(--bg-rotation));
}
.footer-section .logo__bg .custom-eye::after {
  height: 0.1em;
  width: 0.1em;
  right: 1.6em;
  top: 0.4em;
}
.footer-section .logo__bg .custom-eye::before {
  height: 150%;
  width: 150%;
}
.footer-section .title, .footer-section p {
  color: currentColor;
}
.footer-section .title {
  line-height: 120%;
}
@media only screen and (max-width: 991.98px) {
  .footer-section .title {
    line-height: 150%;
  }
}
.footer-section .footer-top {
  padding: 7rem 0;
}
@media only screen and (max-width: 991.98px) {
  .footer-section .footer-top {
    padding: 7rem 0 4rem 0;
  }
}
.footer-section .footer-bottom {
  gap: 2rem;
}
@media only screen and (min-width: 991.98px) {
  .footer-section .footer-bottom {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 991.98px) {
  .footer-section .footer-bottom {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.socail-text {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  list-style: none;
  --gap:1.2rem;
  font-weight: 400;
  color: #FFFFFF;
}
@media only screen and (max-width: 991.98px) {
  .socail-text {
    justify-content: center;
    --gap:0;
    gap: 0.5rem 1rem;
  }
}
.socail-text.clr-base {
  color: var(--bg-base);
}
.socail-text li {
  padding-left: var(--gap);
  padding-right: var(--gap);
  position: relative;
}
.socail-text li a {
  color: currentColor;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.25s;
}
.socail-text li a:hover {
  opacity: 1;
}
.socail-text li::before {
  content: "·";
  position: absolute;
  left: -0.11rem;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 991.98px) {
  .socail-text li::before {
    display: none;
  }
}
.socail-text li:first-child::before {
  display: none;
}

.bottom-line2, .bottom-line {
  position: relative;
}
.bottom-line2::before, .bottom-line::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='234' height='9' viewBox='0 0 234 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.3566 0.141651L30.5839 0.142982C28.5734 0.124903 27.8189 0.116961 27.3252 0.211742C27.078 0.236936 26.8277 0.251496 26.5757 0.255342C26.3198 0.204161 24.0531 0.138792 20.0315 0.109443C12.2355 -0.00102387 10.2249 -0.00242791 8.97779 0.0874651C8.97779 0.0874651 8.22949 0.133147 7.72665 0.130817C6.73006 0.22424 6.48459 0.272251 6.99508 0.372531C7.25103 0.422738 7.00027 0.422127 6.74961 0.420543C5.99612 0.416629 5.75302 0.513964 5.76747 0.659701C5.77266 0.709298 5.52569 0.758148 5.27881 0.806025C5.03192 0.853903 5.03721 0.902525 5.04638 0.999635C5.30743 1.10041 5.31649 1.1985 5.32028 1.24796C5.33463 1.39467 4.60447 1.63652 4.11212 1.73241C4.11212 1.73241 3.86524 1.78028 4.1159 1.78187C4.1159 1.78187 3.87431 1.87837 3.38196 1.97426C2.89339 2.11961 2.64651 2.16748 3.14934 2.16982C3.40529 2.22002 3.40529 2.22002 3.41048 2.26962C3.17805 2.46323 2.6842 2.55996 2.18278 2.55776C2.18278 2.55776 1.68523 2.60406 1.69043 2.65365C1.19667 2.74941 0.496629 3.28481 0.501823 3.33441L0.249654 3.33366L0.258724 3.43174C0.264011 3.48037 0.272986 3.57943 0.0277049 3.62549C0.0328985 3.67509 0.0328985 3.67509 0.283468 3.67765C0.534224 3.67826 0.790175 3.72847 1.04084 3.73005C1.29679 3.78026 1.8034 3.83205 2.31001 3.88384C2.81143 3.88604 2.81663 3.93563 2.8205 3.98412C2.57503 4.03213 2.58023 4.08173 3.59733 4.2338C4.11301 4.38368 7.63078 4.45085 11.6357 4.37254L15.6469 4.34689L18.1509 4.31632C18.6536 4.3206 19.1511 4.27431 19.4017 4.27686C19.6523 4.27845 19.8992 4.23057 20.4019 4.23485C20.8993 4.18953 22.154 4.19758 24.9191 4.26779L37.2158 4.33106C43.2323 4.28861 44.4871 4.31042 45.9947 4.32715L59.1828 4.55983L62.5755 4.63851C63.0816 4.69517 67.8534 4.76345 69.8575 4.74361C70.8586 4.70757 71.6124 4.72232 71.8681 4.77545C71.8681 4.77545 72.8727 4.79178 73.8733 4.75963C75.0421 4.7413 76.2136 4.74457 77.3866 4.76943L80.404 4.8679C81.1581 4.88071 82.1664 4.9465 82.6725 5.00413C83.177 5.0626 84.4362 5.12803 88.7076 5.21191L97.2445 5.32409L105.532 5.44567C111.56 5.52604 114.073 5.57882 114.318 5.48662C114.566 5.44375 115.572 5.46703 115.826 5.52196C116.084 5.62539 120.6 5.63471 120.595 5.53704C120.843 5.49221 121.598 5.51099 121.601 5.56032C121.603 5.58505 122.042 5.60779 122.734 5.63031L125.374 5.69827L131.156 5.88946C140.208 6.20849 156.546 6.67222 157.797 6.56106L159.808 6.62138C160.565 6.69338 162.573 6.70535 163.83 6.74313L166.844 6.73712C167.345 6.75209 168.6 6.74153 169.606 6.77176C170.861 6.76119 171.367 6.82563 171.618 6.83319C171.871 6.88993 172.628 6.96193 173.381 6.98349C174.387 7.01761 175.143 7.09155 175.395 7.09911C176.401 7.13163 177.406 7.14834 178.41 7.14923C181.173 7.18985 181.173 7.18984 185.953 7.3954C188.97 7.53903 190.982 7.61519 192.49 7.61719C195.254 7.66475 195.757 7.68278 196.512 7.75756C199.697 7.84416 202.881 7.90826 206.063 7.94984C208.574 7.89633 213.6 7.98232 219.887 8.17111C221.396 8.23021 222.904 8.24012 223.155 8.2506C223.657 8.22041 223.908 8.23089 224.664 8.30969L226.425 8.37927C226.927 8.34909 228.184 8.39869 229.191 8.43878C230.701 8.54707 230.951 8.50835 231.452 8.42996C231.702 8.39027 232.204 8.31201 232.456 8.32248C233.21 8.35197 233.961 8.1858 233.955 7.9407C233.953 7.84232 234.201 7.70523 234.199 7.60686C234.45 7.51909 234.196 7.45929 233.944 7.4006C233.44 7.33241 233.438 7.28308 233.438 7.23403C233.436 7.18471 233.184 7.12601 232.932 7.11651C232.68 7.05685 232.679 7.00863 232.678 6.95944L232.677 6.91026C232.424 6.85143 232.172 6.84095 232.171 6.79274C232.169 6.69436 230.402 6.33049 229.393 6.24205C228.385 6.15374 227.125 6.00576 227.375 5.91786C227.372 5.86854 227.121 5.85904 226.366 5.82844C225.611 5.79883 225.611 5.79883 225.863 5.80944L226.618 5.78987L225.859 5.66174C225.528 5.5921 225.19 5.54602 224.85 5.52424C224.599 5.51474 224.095 5.49462 224.094 5.44543C224.094 5.42084 223.337 5.34203 222.361 5.26061C221.384 5.18016 220.187 5.09626 219.306 5.06133C218.632 5.04045 217.958 4.98204 217.29 4.88666C216.878 4.78866 216.454 4.72371 216.027 4.69312C215.524 4.67411 214.517 4.63791 213.761 4.56008C212.752 4.47261 211.493 4.4269 209.983 4.41977L200.67 4.12961C194.125 3.90117 193.622 3.88411 192.115 3.92923C191.111 3.99251 190.355 3.96484 187.838 3.87926C185.07 3.78905 183.308 3.73115 178.269 3.42009C175.246 3.2641 165.175 2.86359 159.889 2.70254C148.062 2.41156 145.796 2.35313 144.037 2.3515C141.019 2.32265 129.444 2.01477 125.164 1.86922L118.874 1.72128C117.618 1.7406 115.609 1.74225 114.099 1.70664C112.844 1.72804 111.585 1.70193 111.589 1.75139L110.33 1.72431C109.319 1.60516 101.771 1.44306 99.0075 1.43482C97.2489 1.44987 92.219 1.35472 89.952 1.26281L82.1549 1.11983C78.3791 1.00912 74.6059 0.945788 73.8479 0.884493C73.0939 0.870714 71.5804 0.79745 70.5707 0.731517L65.0353 0.602363C63.023 0.573309 61.2588 0.499434 61.0069 0.495768C61.0069 0.495768 59.7503 0.477712 58.2442 0.504341C56.9873 0.489203 54.4739 0.455037 52.7133 0.432568L49.4449 0.39435C49.4526 0.492299 46.1881 0.502569 46.183 0.452972C46.1792 0.403512 44.4197 0.383124 44.1716 0.428918L43.4172 0.420003C43.1628 0.367986 41.6504 0.29875 40.1371 0.237296C38.8801 0.224104 37.619 0.163396 37.619 0.163396L35.3566 0.141651ZM225.11 5.87723C225.112 5.9756 224.862 6.01431 223.854 5.926C223.349 5.85767 223.098 5.8472 223.599 5.81799C224.354 5.79842 225.109 5.82804 225.11 5.87723ZM225.122 6.41649C225.377 6.5245 225.126 6.56419 224.621 6.49489C224.119 6.47588 224.118 6.42669 224.115 6.37737C224.365 6.28947 224.869 6.30958 225.122 6.41649ZM224.622 6.54407C224.875 6.55469 224.876 6.6029 224.876 6.6029C224.877 6.65209 224.877 6.65209 224.626 6.64259C224.626 6.64259 224.373 6.63197 224.372 6.58376L224.622 6.54407ZM211.543 6.1932C212.047 6.30961 212.047 6.30961 211.546 6.3398C211.044 6.36998 210.286 6.24393 210.283 6.14639C210.03 6.03851 211.035 6.07652 211.543 6.1932ZM221.863 6.72967L222.114 6.73917L221.61 6.72003L221.863 6.72967ZM213.812 6.52203L214.064 6.53153L213.31 6.50302L213.812 6.52203ZM227.91 7.35985C228.666 7.43865 228.667 7.48687 227.913 7.50644C227.16 7.52614 226.654 7.40765 226.652 7.31025C226.901 7.22138 227.153 7.23088 227.91 7.35985Z' fill='white'/%3E%3C/svg%3E%0A");
  height: 1.3rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.bottom-line2::before {
  background-image: url("data:image/svg+xml,%3Csvg width='290' height='16' viewBox='0 0 290 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.214 8.94289L37.3294 9.29739C34.8487 9.42813 33.9176 9.47604 33.3185 9.6071C33.0162 9.65052 32.7091 9.68357 32.3987 9.70605C32.0781 9.67394 29.2767 9.77647 24.3152 10.0448C14.6917 10.5115 12.2125 10.6589 10.6839 10.8408C10.6839 10.8408 9.76589 10.9417 9.14567 10.9766C7.92632 11.1436 7.62851 11.2096 8.26806 11.2718C8.58871 11.303 8.27947 11.3209 7.97025 11.3379C7.04081 11.3897 6.7509 11.5048 6.78343 11.6491C6.79484 11.6982 6.49526 11.7652 6.19569 11.8312C5.89612 11.8972 5.90755 11.9453 5.92866 12.0415C6.2607 12.1227 6.28179 12.2198 6.29144 12.2689C6.32396 12.4141 5.4481 12.7094 4.85072 12.8414C4.85072 12.8414 4.55116 12.9075 4.86038 12.8905C4.86038 12.8905 4.57224 13.0046 3.97487 13.1367C3.38714 13.3178 3.08758 13.3838 3.7078 13.3489C4.02845 13.3801 4.02845 13.3801 4.03986 13.4291C3.77282 13.6394 3.17367 13.7725 2.55521 13.8074C2.55521 13.8074 1.94642 13.8904 1.95784 13.9394C1.3587 14.0715 0.549629 14.6573 0.56104 14.7063L0.250046 14.7242L0.271131 14.8214C0.28256 14.8695 0.303628 14.9676 0.00585137 15.0317C0.0172626 15.0808 0.0172626 15.0808 0.326468 15.0648C0.635707 15.0469 0.956359 15.078 1.26558 15.061C1.58623 15.0922 2.21611 15.1063 2.84598 15.1205C3.46444 15.0856 3.47585 15.1347 3.48553 15.1827C3.18772 15.2488 3.19913 15.2979 4.46855 15.3743C5.11951 15.4856 9.46363 15.2923 14.3937 14.9178L19.3369 14.5954L22.4212 14.3797C23.0414 14.3467 23.6502 14.2637 23.9594 14.2477C24.2686 14.2308 24.5682 14.1648 25.1883 14.1318C25.7971 14.0498 27.345 13.965 30.7613 13.8304L45.9293 12.9836C53.3432 12.4961 54.8926 12.425 56.7531 12.3301L73.0373 11.5863L77.2284 11.4137C77.8582 11.4327 83.7485 11.1477 86.2176 10.9797C87.4482 10.8696 88.3792 10.8286 88.6998 10.8626C88.6998 10.8626 89.94 10.8046 91.1706 10.6985C92.6098 10.5937 94.0546 10.5103 95.5034 10.4483L99.2338 10.3232C100.165 10.2802 101.415 10.2712 102.044 10.2912C102.672 10.3122 104.232 10.2843 109.507 10.0518L120.044 9.53203L130.275 9.03999C137.715 8.67413 140.819 8.54082 141.112 8.4307C141.413 8.3696 142.655 8.31843 142.974 8.35442C143.302 8.43848 148.872 8.11356 148.857 8.0165C149.158 7.95344 150.09 7.91631 150.098 7.96533C150.103 7.98986 150.648 7.98001 151.503 7.95128L154.765 7.82371L161.913 7.58657C173.107 7.23487 193.298 6.48839 194.829 6.28499L197.314 6.19636C198.254 6.21216 200.732 6.07549 202.286 6.02012L206.001 5.79115C206.621 5.76897 208.167 5.66556 209.411 5.62127C210.957 5.51786 211.587 5.54473 211.898 5.53365C212.215 5.57156 213.155 5.58736 214.086 5.55313C215.33 5.51274 216.27 5.53049 216.581 5.51942C217.824 5.47741 219.066 5.41969 220.303 5.34631C223.715 5.18231 223.715 5.18231 229.629 5.03363C233.364 4.9536 235.852 4.88068 237.711 4.77111C241.125 4.61399 241.746 4.59477 242.685 4.61347C246.621 4.46416 250.553 4.2925 254.48 4.0985C257.57 3.85936 263.777 3.57316 271.547 3.29628C273.414 3.24355 275.274 3.14183 275.585 3.13369C276.201 3.06646 276.511 3.05832 277.452 3.08096L279.629 3.02008C280.245 2.95286 281.801 2.90924 283.046 2.87475C284.919 2.87101 285.223 2.81388 285.833 2.69864C286.137 2.64053 286.748 2.52533 287.059 2.51719C287.992 2.49081 288.901 2.26949 288.869 2.0255C288.857 1.92752 289.149 1.77242 289.137 1.67445C289.437 1.56836 289.118 1.52749 288.801 1.48762C288.174 1.45687 288.166 1.40786 288.161 1.3589C288.153 1.30988 287.836 1.27002 287.525 1.27913C287.208 1.23829 287.202 1.19028 287.196 1.14129L287.19 1.09231C286.871 1.05241 286.56 1.06055 286.554 1.01254C286.542 0.914569 284.326 0.682469 283.073 0.66892C281.822 0.655403 280.253 0.601042 280.552 0.494926C280.544 0.445908 280.233 0.455028 279.299 0.480401C278.365 0.506752 278.365 0.506752 278.677 0.49864L279.605 0.423304L278.657 0.351649C278.242 0.30668 277.821 0.285734 277.4 0.289146C277.089 0.298266 276.465 0.315496 276.459 0.266509C276.456 0.242015 275.516 0.219379 274.303 0.21046C273.09 0.202517 271.607 0.207346 270.517 0.237752C269.684 0.266767 268.847 0.25838 268.014 0.212673C267.495 0.145461 266.966 0.112067 266.436 0.113172C265.814 0.131411 264.569 0.169813 263.629 0.148154C262.376 0.135583 260.82 0.183104 258.958 0.287723L247.445 0.687503C239.352 0.94397 238.731 0.964164 236.876 1.12073C235.645 1.25812 234.711 1.28642 231.599 1.38733C228.176 1.50224 225.998 1.57484 219.753 1.63748C216.01 1.70562 203.552 2.0514 197.019 2.28191C182.406 2.86689 179.607 2.97629 177.438 3.10478C173.714 3.29936 159.411 3.84881 154.12 4.02033L146.349 4.33826C144.802 4.45046 142.325 4.60081 140.459 4.67702C138.915 4.79122 137.36 4.85831 137.37 4.90736L135.815 4.97348C134.556 4.92952 125.234 5.32633 121.825 5.52263C119.658 5.66777 113.447 5.94508 110.642 6.02116L101.014 6.45553C96.3474 6.62451 91.6887 6.84056 90.748 6.83551C89.817 6.87756 87.9435 6.91648 86.6919 6.92544L79.8537 7.20624C77.3697 7.32617 75.187 7.38304 74.876 7.39802C74.876 7.39802 73.3248 7.473 71.4706 7.611C69.9193 7.68891 66.8169 7.84082 64.6438 7.94869L60.6101 8.15242C60.6294 8.24955 56.6055 8.50135 56.5941 8.45227C56.5844 8.40322 54.413 8.51308 54.1117 8.57711L53.1806 8.62405C52.8618 8.59099 50.9899 8.63386 49.1179 8.68454C47.5667 8.7644 46.0057 8.79717 46.0057 8.79717L43.214 8.94289ZM277.755 0.621987C277.768 0.719961 277.463 0.777089 276.212 0.763573C275.582 0.732794 275.271 0.740936 275.887 0.674687C276.815 0.59935 277.749 0.573 277.755 0.621987ZM277.825 1.15892C278.15 1.2478 277.845 1.30591 277.215 1.27415C276.594 1.29239 276.588 1.24341 276.58 1.19439C276.878 1.08827 277.502 1.07104 277.825 1.15892ZM277.222 1.32314C277.534 1.31503 277.54 1.36304 277.54 1.36304C277.546 1.41203 277.546 1.41203 277.236 1.42115C277.236 1.42115 276.923 1.42926 276.917 1.38125L277.222 1.32314ZM261.059 1.94108C261.693 2.01983 261.693 2.01983 261.077 2.08706C260.462 2.15429 259.515 2.08462 259.501 1.98759C259.178 1.89874 260.421 1.86226 261.059 1.94108ZM273.837 1.71246L274.148 1.70334L273.525 1.72155L273.837 1.71246ZM263.891 2.10106L264.202 2.09194L263.269 2.1193L263.891 2.10106ZM281.357 1.89349C282.298 1.91612 282.304 1.96413 281.376 2.03947C280.449 2.11484 279.814 2.0341 279.801 1.9371C280.1 1.83001 280.411 1.82089 281.357 1.89349Z' fill='white'/%3E%3C/svg%3E%0A");
}

.has-round-bg {
  position: relative;
  overflow: hidden;
  --bg-scale:5%;
}
.has-round-bg::before {
  content: "";
  height: var(--wrap-height);
  min-height: 300vw;
  width: 300vw;
  min-width: var(--wrap-height);
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%) scale(var(--bg-scale));
  background-color: #000;
  border-radius: 50%;
  top: 0;
  transform-origin: center top;
}

.footer-single .socail-text {
  column-gap: 3rem;
  margin-bottom: 1.6rem;
}

.hero-section, .inner-case-hero {
  position: relative;
  background-color: var(--clr-sec-bg);
  z-index: 5;
  padding-top: 5.1rem;
  padding-bottom: 0;
  overflow: hidden;
}
.hero-section .hero-left, .inner-case-hero .hero-left {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 1419px) {
  .hero-section .hero-left, .inner-case-hero .hero-left {
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero-section .hero-left, .inner-case-hero .hero-left {
    padding-bottom: 1rem;
  }
}
.hero-section .hero-title, .inner-case-hero .hero-title {
  color: #1E2131;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-section .hero-title, .inner-case-hero .hero-title {
    margin-bottom: 1.5rem;
  }
}
.hero-section .des, .inner-case-hero .des {
  margin-bottom: 1.9rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-section .des, .inner-case-hero .des {
    margin-bottom: 1.5rem;
  }
}
.hero-section .hero-bottom-path > svg, .inner-case-hero .hero-bottom-path > svg {
  width: 100%;
}
.hero-section .hero-bottom-path, .inner-case-hero .hero-bottom-path {
  position: absolute;
  bottom: -15.0300601202vw;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.hero-section .hero-bottom-path .icon__eye, .inner-case-hero .hero-bottom-path .icon__eye {
  max-width: 9.75rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-section .hero-bottom-path .icon__eye, .inner-case-hero .hero-bottom-path .icon__eye {
    max-width: 6rem;
  }
}
.hero-section .hero-bottom-path .line-svg, .inner-case-hero .hero-bottom-path .line-svg {
  min-width: calc(100% + 150px);
}
@media only screen and (max-width: 991.98px) {
  .hero-section .hero-bottom-path .line-svg, .inner-case-hero .hero-bottom-path .line-svg {
    min-width: calc(100% + 50px);
  }
}
.hero-section .bg-patterns .shape-1, .inner-case-hero .bg-patterns .shape-1 {
  top: 9.3rem;
  right: 100%;
  width: 4.5rem;
}
.hero-section .bg-patterns .shape-2, .inner-case-hero .bg-patterns .shape-2 {
  bottom: 9.3rem;
  left: 103%;
  width: 4.5rem;
}
.hero-section .bg-patterns .shape-3, .inner-case-hero .bg-patterns .shape-3 {
  left: 0;
  top: 6rem;
}
.hero-section .bg-patterns .shape-4, .inner-case-hero .bg-patterns .shape-4 {
  left: -2rem;
  top: 16rem;
}
.hero-section .bg-patterns .shape-5, .inner-case-hero .bg-patterns .shape-5 {
  left: 24.5rem;
  top: 6rem;
}
.hero-section .bg-patterns .shape-6, .inner-case-hero .bg-patterns .shape-6 {
  left: 56%;
  top: 14rem;
}
.hero-section .bg-patterns .shape-7, .inner-case-hero .bg-patterns .shape-7 {
  left: 102%;
  width: 5.5rem;
  top: 10rem;
}
.hero-section .bg-patterns .shape-8, .inner-case-hero .bg-patterns .shape-8 {
  left: 105%;
  width: 3rem;
  top: 50%;
}

.bg-patterns {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -5;
}
.bg-patterns > span {
  position: absolute;
}

@media only screen and (max-width: 991.98px) {
  .about__hero {
    padding-top: 4.75rem;
  }
}
.about__hero .sub-title {
  margin-bottom: 2.2rem;
}
.about__hero .title {
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .title .arrow-1 {
    width: 3.3rem;
  }
}
.about__hero .title .bottom__text {
  margin-top: 1.1rem;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .title .bottom__text {
    margin-top: 0.5rem;
  }
}
.about__hero .title .top__text .budget {
  clip-path: polygon(0 0, var(--c) 0, var(--c) 100%, 0% 100%);
}
.about__hero .title .top__text [data-ani=slideInLeft] {
  animation-delay: 0.5s;
}
.about__hero .description {
  margin-bottom: 2rem;
}
.about__hero .bg-patterns .shape-5, .about__hero .bg-patterns .shape-4 {
  top: auto;
}
.about__hero .bg-patterns .shape-4 {
  bottom: -7.85rem;
  left: 10rem;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .bg-patterns .shape-4 {
    bottom: -26.5832681783vh;
    left: 3rem;
    width: 5rem;
  }
}
.about__hero .bg-patterns .shape-5 {
  bottom: -6.5rem;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .bg-patterns .shape-5 {
    bottom: -17.583vh;
    left: auto;
    right: 0;
    width: 11.6875rem;
  }
}
.about__hero .bg-patterns .shape-3 {
  left: 0;
  top: 50%;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .bg-patterns .shape-3 {
    left: 1rem;
    bottom: -5rem;
    width: 5.5rem;
    top: auto;
  }
}
.about__hero .bg-patterns .shape-1 {
  top: 3rem;
  left: 16rem;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .bg-patterns .shape-1 {
    top: 1.25rem;
    left: 5rem;
    width: 3.75rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .about__hero .bg-patterns .shape-1 {
    width: 3.1rem;
    left: 1rem;
  }
}
.about__hero .bg-patterns .shape-2 {
  width: 4.5rem;
  top: 3rem;
  right: 14rem;
  left: auto;
  bottom: auto;
}
@media only screen and (max-width: 767.98px) {
  .about__hero .bg-patterns .shape-2 {
    width: 3.5rem;
    top: 1rem;
    right: 1rem;
  }
}
.about__hero .arrow-down-btn {
  position: absolute;
  bottom: -1.5rem;
  right: 10rem;
}
@media only screen and (max-width: 991.98px) {
  .about__hero .arrow-down-btn {
    right: 50%;
    transform: translate(50%);
    width: 3rem;
  }
}

.mission-container .bg-patterns .shape-1 {
  left: 6.5rem;
  top: 1.5rem;
}
@media only screen and (max-width: 991.98px) {
  .mission-container .bg-patterns .shape-1 {
    width: 2rem;
    left: 1rem;
    top: 1.5rem;
  }
}
.mission-container .bg-patterns .shape-2 {
  left: 25%;
  top: -25%;
}
@media only screen and (max-width: 991.98px) {
  .mission-container .bg-patterns .shape-2 {
    left: 22%;
    top: -40%;
    width: 2.5rem;
  }
}
.mission-container .bg-patterns .shape-3 {
  right: 0;
  top: -1rem;
}
.mission-container .bg-patterns .shape-4 {
  top: 100%;
  left: 20%;
}
@media only screen and (max-width: 991.98px) {
  .mission-container .bg-patterns .shape-4 {
    top: 110%;
    left: 20%;
    width: 2.5rem;
  }
}
.mission-container .bg-patterns .shape-5 {
  top: 110%;
  right: 25%;
}
@media only screen and (max-width: 991.98px) {
  .mission-container .bg-patterns .shape-5 {
    top: 110%;
    right: 16%;
    width: 5rem;
  }
}

.hero-top-space {
  padding-top: 9.188rem;
}
@media only screen and (max-width: 991.98px) {
  .hero-top-space {
    padding-top: 6rem;
  }
  .hero-top-space > .auto__scroll {
    margin-bottom: 1.8rem;
  }
}

.inner-case-hero {
  background-color: #FFFBF0;
  padding-bottom: 5.1rem;
}
@media only screen and (min-width: 991.98px) {
  .inner-case-hero .bg-patterns .shape-4 {
    top: 40rem;
  }
  .inner-case-hero .bg-patterns .shape-5 {
    left: 23.5rem;
    top: 11rem;
  }
}

.case-hero-view {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
}
.case-hero-view .bg-shape {
  position: absolute;
  z-index: -2;
  width: 80%;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 991.98px) {
  .case-hero-view .bg-shape {
    top: 4.5rem;
  }
}
.case-hero-view .case-logo {
  position: absolute;
  left: 8rem;
  top: 0.5rem;
}
@media only screen and (max-width: 991.98px) {
  .case-hero-view .case-logo {
    left: 2rem;
    top: 1.5rem;
    max-width: 8rem;
  }
}
.case-hero-view .pc-mocup {
  max-width: 79%;
  padding-top: 4rem;
}
@media only screen and (max-width: 991.98px) {
  .case-hero-view .pc-mocup {
    max-width: 75%;
  }
}
.case-hero-view .mobile-mocup {
  max-width: 20%;
  margin-left: auto;
}
@media only screen and (max-width: 991.98px) {
  .case-hero-view .mobile-mocup {
    max-width: 25%;
  }
}

.process-item .process-inner {
  display: flex;
  column-gap: 5rem;
}
@media only screen and (max-width: 991.98px) {
  .process-item .process-inner {
    flex-direction: column;
    row-gap: 2.5rem;
  }
}
@media only screen and (min-width: 991.98px) {
  .process-item .left-content {
    padding-top: 5rem;
  }
}
.process-item .right-content {
  height: 19.5rem;
  min-width: 19.5rem;
  max-width: 19.5rem;
  --bg-size:100%;
}
@media only screen and (max-width: 991.98px) {
  .process-item .right-content {
    height: 15.9rem;
    min-width: 15.9rem;
    max-width: 15.9rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .process-item .right-content .min-w-lg {
    min-width: 100%;
  }
  .process-item .right-content img {
    max-height: 100%;
  }
  .process-item .right-content .card__slide {
    width: 110%;
    height: 110%;
  }
  .process-item .right-content .swiper {
    height: 100%;
  }
  .process-item .right-content .zoom-screen-mobile {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90vw;
    transform: translate(-50%, -50%);
    z-index: 58;
  }
}
.process-item .right-content .media__con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.process-item .right-content .media__con::before {
  background-color: currentColor;
  border: 0.1rem solid #000;
  content: "";
  z-index: -1;
  height: var(--bg-size);
  width: var(--bg-size);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.process-item .right-content .init__slide {
  width: 110%;
}
.process-item .sub-title {
  margin-bottom: 1rem;
}
.process-item .title {
  margin-bottom: 1.2rem;
}

.teams-wrapper.grid {
  gap: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .teams-wrapper.grid {
    row-gap: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .teams-wrapper.grid {
    max-width: 313px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 991.98px) {
  .teams-wrapper .team-card:nth-child(2n+1) {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 991.98px) {
  .teams-wrapper .team-card:nth-child(2n+2) {
    margin-top: 3rem;
  }
}

@media only screen and (max-width: 991.98px) {
  .team-section .sec-title .title {
    margin-bottom: 1.5rem;
  }
}
.team-section .shape-4 {
  right: 14rem;
  bottom: 10rem;
}
@media only screen and (max-width: 991.98px) {
  .team-section .shape-4 {
    right: 16rem;
    bottom: 17rem;
    width: 3rem;
  }
}
.team-section .shape-3 {
  right: 9rem;
  top: 2rem;
}
@media only screen and (max-width: 991.98px) {
  .team-section .shape-3 {
    right: 30%;
    top: 34%;
    width: 3.2rem;
  }
}
.team-section .shape-2 {
  left: 30%;
  top: 52%;
}
@media only screen and (max-width: 991.98px) {
  .team-section .shape-2 {
    left: 60%;
    top: 1rem;
    width: 5rem;
  }
}
.team-section .shape-1 {
  left: 10rem;
  top: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .team-section .shape-1 {
    left: 8rem;
    top: 1rem;
    width: 3rem;
  }
}

.has-round-bg {
  --radius:50%;
}
.has-round-bg::before {
  background-color: #FAF4F2;
  border-radius: var(--radius);
}

.process-wrapper {
  position: relative;
  --height:auto;
  max-height: var(--height);
}
.process-wrapper .process-item {
  margin-bottom: 50vh;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .process-wrapper .process-item {
    margin-bottom: 4rem;
  }
}
.process-wrapper .process-item.active {
  z-index: 20;
}
.process-wrapper .process-item.v-hidden {
  opacity: 0;
  visibility: hidden;
}
.process-wrapper .process-item.v-visible {
  opacity: 1;
  visibility: visible;
}

.process-section .zoom-screen {
  top: 50%;
  z-index: 100;
  transform: translateY(-50%);
  padding-bottom: 7rem;
  padding-top: 6rem;
}
.process-section .zoom-screen .to__content {
  max-width: 1150px;
}
.process-section .zoom-screen img {
  max-height: calc(100vh - 10rem);
}

.content__cloned > div {
  height: 100%;
}
.content__cloned img {
  height: 100%;
  width: 100%;
}

.has-custom-pin {
  height: var(--h);
  --pin-top:0px;
}
.has-custom-pin .pining {
  position: sticky;
  top: var(--pin-top);
}
@media only screen and (max-width: 991.98px) {
  .has-custom-pin.stop-pin-mobile {
    height: auto;
  }
  .has-custom-pin.stop-pin-mobile .pining {
    position: relative;
    top: auto;
  }
}

.service-cards-wrapper {
  --pin-top:0px;
  width: 100%;
  position: sticky;
  top: 0;
}
@media only screen and (min-width: 991.98px) {
  .service-cards-wrapper .service-cards-wrapper-inner {
    padding-top: var(--pin-top);
  }
}
@media only screen and (max-width: 991.98px) {
  .service-cards-wrapper .service-cards-wrapper-inner {
    padding-top: 35px;
  }
}

.responsive-ss {
  font-size: 1rem;
  position: relative;
  margin-bottom: 4em;
  z-index: 2;
}
.responsive-ss .desktop {
  width: 17.6em;
}
.responsive-ss .mobile {
  width: 5.95em;
  position: absolute;
  top: calc(100% - 4.15em);
  right: -1.05em;
}
.responsive-ss .line {
  position: absolute;
  left: 5.4em;
  width: 7.55em;
  top: 94%;
  z-index: -1;
  clip-path: polygon(0 0, var(--lb) 0, var(--lb) var(--lt), 0 var(--lt));
}

.min-w-lg {
  min-width: 120%;
}

.intro-section {
  position: relative;
  z-index: 50;
}
.intro-section .heading-wrap {
  position: absolute;
  left: 0;
  bottom: 100%;
  height: 100vh;
  width: 100%;
}
.intro-section .heading-wrap .heading-wrap-inner {
  --xCircle:50%;
  --rotation:-120deg;
  --x:-100%;
  --ix:-150vw;
  --iy:200px;
  --ix2:100px;
  --icon-x:50%;
  height: 100vh;
  width: 100%;
  position: relative;
}
.intro-section .heading-wrap .heading__bg {
  background-color: var(--clr-sec-bg);
  transform: translateX(calc(var(--x) + var(--x-plus)));
  position: relative;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.intro-section .heading-wrap .heading__bg .icon__eye {
  position: absolute;
  right: 0;
  width: auto;
  transform: translateX(var(--icon-x));
}
@media only screen and (min-width: 991.98px) {
  .intro-section .heading-wrap .heading__bg .icon__eye {
    height: 100%;
  }
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading__bg .icon__eye {
    top: 50%;
    transform: translateX(var(--icon-x)) translateY(-50%);
  }
}
.intro-section .heading-wrap .heading__bg .icon__eye > g {
  transform: rotate(var(--rotation));
  transform-origin: center;
}
.intro-section .heading-wrap .heading__bg.transparent {
  background-color: transparent;
  z-index: 3;
}
.intro-section .heading-wrap .heading-content .title {
  color: #fff;
  font-weight: 900;
  text-shadow: 0px 3px 0px #000000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
}
@media only screen and (min-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .title {
    font-size: 4rem;
    opacity: 0;
  }
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .title {
    font-size: 9vw;
    line-height: 102%;
    text-shadow: 0px 4px 0px #000000;
    -webkit-text-stroke-width: 1.5px;
    transform: translateX(var(--ix));
  }
}
@media (max-width: 575.98px) {
  .intro-section .heading-wrap .heading-content .title {
    font-size: 10.1vw;
    -webkit-text-stroke-width: 1px;
  }
}
.intro-section .heading-wrap .heading-content .icons {
  position: absolute;
  width: max-content;
  transform: translateX(calc(var(--ix) + var(--ix2))) translateY(var(--iy));
}
.intro-section .heading-wrap .heading-content .icons:nth-child(2n+2) {
  transform: translateX(calc(var(--ix) + var(--ix2))) translateY(calc(-1 * var(--iy)));
}
.intro-section .heading-wrap .heading-content .icons.i1 {
  bottom: 100%;
  right: 100%;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i1 {
    width: 2rem;
  }
}
.intro-section .heading-wrap .heading-content .icons.i4 {
  left: 100%;
  bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i4 {
    width: 1.8rem;
    left: 90%;
    bottom: -3rem;
  }
}
.intro-section .heading-wrap .heading-content .icons.i2 {
  left: 30%;
  top: -80px;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i2 {
    width: 1.5rem;
    top: -2.5rem;
  }
}
.intro-section .heading-wrap .heading-content .icons.i3 {
  right: 30%;
  top: -100px;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i3 {
    width: 1.9rem;
    right: 5%;
  }
}
.intro-section .heading-wrap .heading-content .icons.i5 {
  bottom: -100px;
  left: 40%;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i5 {
    width: 1.8rem;
    bottom: -5rem;
  }
}
.intro-section .heading-wrap .heading-content .icons.i6 {
  bottom: -50px;
  left: 30px;
}
@media only screen and (max-width: 991.98px) {
  .intro-section .heading-wrap .heading-content .icons.i6 {
    width: 1.2rem;
    bottom: -7rem;
  }
}
@media only screen and (min-width: 991.98px) {
  .intro-section .heading-wrap .heading-content.active .title {
    opacity: 1;
  }
}
.intro-section .pining__progress {
  height: 20vh;
  width: 100%;
}
.intro-section .intro-content-area {
  min-height: calc(100vh + var(--ex-h));
}
.intro-section .intro-ani-track-wrap {
  padding-top: 30vh;
}
.intro-section .intro-ani-track-wrap > div {
  position: relative;
}
.intro-section .intro-ani-track-item {
  height: 15rem;
  margin-bottom: 20rem;
}
.intro-section .intro-content-items {
  height: var(--ch);
}
@media only screen and (max-width: 991.98px) {
  .intro-section .intro-content-items {
    margin-top: 5vh;
  }
}
.intro-section .intro-content-items .content-inner-item {
  transform: translateY(var(--space-y));
}

.intro-content-items {
  padding-left: 20px;
  padding-right: 20px;
}
.intro-content-items .img__flow {
  font-size: 1rem;
  width: 42.15em;
  height: 19.9em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.7rem;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow {
    font-size: 1.5rem;
    width: 20.063em;
    height: 24.875em;
  }
}
@media (max-width: 575.98px) {
  .intro-content-items .img__flow {
    font-size: 1rem;
  }
}
.intro-content-items .img__flow > .i1 {
  left: 3.3em;
  bottom: 5.8em;
  width: 2.5em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i1 {
    left: 3.3em;
    bottom: 11.6em;
    width: 2em;
  }
}
.intro-content-items .img__flow > .i2 {
  right: 6.7em;
  top: -1.2em;
  width: 2.5em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i2 {
    right: -1em;
    top: 2.8em;
    width: 2em;
  }
}
.intro-content-items .img__flow > .i3 {
  right: 4.75em;
  bottom: 1em;
  width: 2.5em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i3 {
    right: 0;
    bottom: 2em;
    width: 2em;
  }
}
.intro-content-items .img__flow > .i4 {
  top: 0;
  left: 0;
  width: 23.35em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i4 {
    width: 17.5em;
  }
}
.intro-content-items .img__flow > .i5 {
  top: 2.6em;
  right: 0;
  width: 15.7em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i5 {
    width: 11.875em;
    top: 8em;
  }
}
.intro-content-items .img__flow > .i6 {
  left: 12.8em;
  bottom: 0;
  width: 12.8em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .img__flow > .i6 {
    left: 3em;
    bottom: 0;
  }
}
.intro-content-items .content-item {
  max-width: 60rem;
  color: #333333;
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item {
    margin-bottom: 4rem;
  }
}
.intro-content-items .content-item .bottom-area .title {
  margin-bottom: 1rem;
}
.intro-content-items .content-item.content-item-2 .img__flow {
  width: 47em;
  height: 23em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item.content-item-2 .img__flow {
    height: 21.2em;
    width: 20.063em;
  }
}
.intro-content-items .content-item.content-item-2 .img__flow .i1 {
  width: 18.85em;
  left: 14.55em;
  top: 0;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item.content-item-2 .img__flow .i1 {
    width: 12.625em;
    right: 0;
    top: 5.625em;
    left: auto;
    bottom: auto;
  }
}
.intro-content-items .content-item.content-item-2 .img__flow .i2 {
  width: 17.3em;
  left: 0;
  top: auto;
  bottom: 3.15em;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item.content-item-2 .img__flow .i2 {
    width: 11.063em;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
  }
}
.intro-content-items .content-item.content-item-2 .img__flow .i3 {
  width: 12.3em;
  left: auto;
  right: 0;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item.content-item-2 .img__flow .i3 {
    width: 6.125em;
    left: 0;
    right: auto;
    top: 7.313em;
  }
}
.intro-content-items .content-item.content-item-2 .img__flow .i4 {
  width: 16.2em;
  left: auto;
  right: 10.2em;
  top: auto;
  bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .intro-content-items .content-item.content-item-2 .img__flow .i4 {
    width: 18em;
    left: 1.563em;
    right: auto;
    top: auto;
    bottom: 0;
  }
}

.img__flow {
  position: relative;
}
.img__flow > .img {
  width: 100%;
  position: absolute;
}

.testimonial-section .shape-2 {
  right: -73px;
  bottom: 160px;
  width: 31px;
}
.testimonial-section .shape-4 {
  right: 0;
  width: 32px;
  top: 0;
}
.testimonial-section .shape-3 {
  bottom: 0;
  left: -38px;
}
.testimonial-section .shape-1 {
  left: 0;
  top: 0;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-section .shape-1 {
    width: 50px;
  }
  .testimonial-section .shape-4 {
    width: 25px;
  }
  .testimonial-section .shape-3 {
    left: 0;
    width: 40px;
  }
  .testimonial-section .shape-2 {
    right: 0;
    bottom: 0;
  }
  .testimonial-section .sec-title-2 .top-img {
    width: 105px;
  }
}

.service-cards-y {
  position: relative;
}
.service-cards-y .card__item {
  padding-bottom: 6rem;
}
.service-cards-y .card__item:last-child {
  min-height: var(--max-h);
}

.service-sticky-section .sec-title {
  --sticky-top:0px;
  margin-bottom: var(--space-lg);
}
.service-sticky-section .service-cards-y {
  --sticky-top:150px;
}
.service-sticky-section .sec-title, .service-sticky-section .card__item {
  position: sticky;
  top: var(--sticky-top);
}

.page-top-shape {
  position: relative;
  z-index: 2;
  color: #1D1D1D;
}
.page-top-shape .title-xxl {
  color: #1D1D1D;
  margin-bottom: 0.6rem;
}
.page-top-shape .bg-shape {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: -6;
  left: 0;
  display: flex;
  align-items: end;
  justify-content: center;
}
.page-top-shape .bg-shape > svg {
  min-width: 105%;
}
.page-top-shape .bg-patterns .shape-1 {
  top: 5.3rem;
  left: 25%;
  width: 4.5rem;
}
@media only screen and (max-width: 767.98px) {
  .page-top-shape .bg-patterns .shape-1 {
    left: 0;
  }
}
.page-top-shape .bg-patterns .shape-2 {
  bottom: 50%;
  right: 3em;
  width: 2.5rem;
}
.page-top-shape .bg-patterns .shape-3 {
  left: -3rem;
  top: 10rem;
  width: 2.5rem;
}
.page-top-shape .bg-patterns .shape-3 img {
  width: 100%;
}
.page-top-shape .bg-patterns .shape-4 {
  left: 0;
  bottom: 6.6rem;
  width: 2.5rem;
}
.page-top-shape .bg-patterns .shape-4 img {
  width: 100%;
}
.page-top-shape .bg-patterns .shape-5 {
  left: 24.5rem;
  top: 6rem;
}
.page-top-shape .bg-patterns .shape-6 {
  left: 67%;
  top: 8rem;
}
@media only screen and (max-width: 991.98px) {
  .page-top-shape .bg-patterns .shape-6 {
    top: 5rem;
  }
}
.page-top-shape .bg-patterns .shape-7 {
  left: 50%;
  width: 5.5rem;
  bottom: -2rem;
}
.page-top-shape .bg-patterns .shape-8 {
  left: 100%;
  width: 3rem;
  bottom: 7rem;
}
@media only screen and (max-width: 991.98px) {
  .page-top-shape .bg-patterns .shape-8 {
    right: 0;
    width: 3rem;
    bottom: 2rem;
    left: auto;
  }
}
.page-top-shape .bg-patterns .shape-8 img {
  width: 100%;
  height: auto;
}

[data-ani], [data-ani-name], [data-ani-name2] {
  --duration:1s;
  visibility: hidden;
  animation-duration: var(--duration);
  animation-name: none;
  --transformOrgin:center;
  transform-origin: var(--transformOrgin);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-ani=fadeInDownBig], [data-ani=fadeInDownBigRotate] {
  --duration:1.7s;
}

.rotate-infinite {
  animation: rotate 20s linear infinite;
}

.overflow-ani {
  overflow: hidden;
}

.center__clip_In {
  clip-path: inset(0 var(--c) 0 var(--c));
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    -ms-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg);
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    -ms-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -350px, 0);
    transform: translate3d(0, -350px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -350px, 0);
    -ms-transform: translate3d(0, -350px, 0);
    transform: translate3d(0, -350px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownBigRotate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -350px, 0) rotate(-30deg);
    transform: translate3d(0, -350px, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBigRotate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -350px, 0) rotate(-30deg);
    -ms-transform: translate3d(0, -350px, 0) rotate(-30deg);
    transform: translate3d(0, -350px, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0) rotate(4deg);
    transform: translate3d(0, 100%, 0) rotate(4deg);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0) rotate(4deg);
    transform: translate3d(0, 100%, 0) rotate(4deg);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes roateFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) rotate(4deg);
    -ms-transform: translate3d(0, 100%, 0) rotate(4deg);
    transform: translate3d(0, 100%, 0) rotate(4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes roateFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) rotate(4deg);
    -ms-transform: translate3d(0, 100%, 0) rotate(4deg);
    transform: translate3d(0, 100%, 0) rotate(4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes BounceInX {
  0% {
    -webkit-transform: scale3D(0.3, 1, 1) rotateY(180deg);
    transform: scale3D(0.3, 1, 1) rotateY(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
  50% {
    -webkit-transform: scale3D(1.5, 1, 1) rotateY(300deg);
    transform: scale3D(1.5, 1, 1) rotateY(300deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
  100% {
    -webkit-transform: scale3D(1, 1, 1) rotateY(360deg);
    transform: scale3D(1, 1, 1) rotateY(360deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
}
@keyframes BounceInX {
  0% {
    -webkit-transform: scale3D(0.3, 1, 1) rotateY(180deg);
    transform: scale3D(0.3, 1, 1) rotateY(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
  50% {
    -webkit-transform: scale3D(1.5, 1, 1) rotateY(300deg);
    transform: scale3D(1.5, 1, 1) rotateY(300deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
  100% {
    -webkit-transform: scale3D(1, 1, 1) rotateY(360deg);
    transform: scale3D(1, 1, 1) rotateY(360deg);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.15, 1.58);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

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

body, html {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
  margin-bottom: 1rem;
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

/* Container */
.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 575.98px) {
  .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 767.98px) {
  .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 991.98px) {
  .container {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1420px) {
  .container {
    max-width: 1400px;
  }
}
.grid {
  display: grid;
  gap: 1.5rem;
}

.gap-0 {
  gap: 0;
}

.gap-x-0 {
  column-gap: 0;
}

.gap-y-0 {
  row-gap: 0;
}

@media only screen and (max-width: 991.98px) {
  .mobile-gap-sm {
    gap: 0.8rem;
  }
}

.gap-small {
  gap: 0.6rem;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-9 {
  grid-column: span 9/span 9;
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

/* Responsive Columns */
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* Breakpoints for Responsive Columns */
@media (min-width: 575.98px) {
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-sm-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-sm-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-sm-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-sm-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-sm-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-sm-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-sm-1 {
    grid-column: span 1/span 1;
  }
  .col-span-sm-2 {
    grid-column: span 2/span 2;
  }
  .col-span-sm-3 {
    grid-column: span 3/span 3;
  }
  .col-span-sm-4 {
    grid-column: span 4/span 4;
  }
  .col-span-sm-5 {
    grid-column: span 5/span 5;
  }
  .col-span-sm-6 {
    grid-column: span 6/span 6;
  }
  .col-span-sm-7 {
    grid-column: span 7/span 7;
  }
  .col-span-sm-8 {
    grid-column: span 8/span 8;
  }
  .col-span-sm-9 {
    grid-column: span 9/span 9;
  }
  .col-span-sm-10 {
    grid-column: span 10/span 10;
  }
  .col-span-sm-11 {
    grid-column: span 11/span 11;
  }
  .col-span-sm-12 {
    grid-column: span 12/span 12;
  }
}
@media only screen and (min-width: 767.98px) {
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-md-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-md-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-md-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-md-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-md-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-md-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-md-1 {
    grid-column: span 1/span 1;
  }
  .col-span-md-2 {
    grid-column: span 2/span 2;
  }
  .col-span-md-3 {
    grid-column: span 3/span 3;
  }
  .col-span-md-4 {
    grid-column: span 4/span 4;
  }
  .col-span-md-5 {
    grid-column: span 5/span 5;
  }
  .col-span-md-6 {
    grid-column: span 6/span 6;
  }
  .col-span-md-7 {
    grid-column: span 7/span 7;
  }
  .col-span-md-8 {
    grid-column: span 8/span 8;
  }
  .col-span-md-9 {
    grid-column: span 9/span 9;
  }
  .col-span-md-10 {
    grid-column: span 10/span 10;
  }
  .col-span-md-11 {
    grid-column: span 11/span 11;
  }
  .col-span-md-12 {
    grid-column: span 12/span 12;
  }
}
@media only screen and (min-width: 991.98px) {
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-lg-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-lg-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-lg-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-lg-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-lg-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-lg-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-lg-1 {
    grid-column: span 1/span 1;
  }
  .col-span-lg-2 {
    grid-column: span 2/span 2;
  }
  .col-span-lg-3 {
    grid-column: span 3/span 3;
  }
  .col-span-lg-4 {
    grid-column: span 4/span 4;
  }
  .col-span-lg-5 {
    grid-column: span 5/span 5;
  }
  .col-span-lg-6 {
    grid-column: span 6/span 6;
  }
  .col-span-lg-7 {
    grid-column: span 7/span 7;
  }
  .col-span-lg-8 {
    grid-column: span 8/span 8;
  }
  .col-span-lg-9 {
    grid-column: span 9/span 9;
  }
  .col-span-lg-10 {
    grid-column: span 10/span 10;
  }
  .col-span-lg-11 {
    grid-column: span 11/span 11;
  }
  .col-span-lg-12 {
    grid-column: span 12/span 12;
  }
  .d-lg-grid {
    display: grid;
  }
}
@media only screen and (min-width: 1199.98px) {
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-xl-1 {
    grid-column: span 1/span 1;
  }
  .col-span-xl-2 {
    grid-column: span 2/span 2;
  }
  .col-span-xl-3 {
    grid-column: span 3/span 3;
  }
  .col-span-xl-4 {
    grid-column: span 4/span 4;
  }
  .col-span-xl-5 {
    grid-column: span 5/span 5;
  }
  .col-span-xl-6 {
    grid-column: span 6/span 6;
  }
  .col-span-xl-7 {
    grid-column: span 7/span 7;
  }
  .col-span-xl-8 {
    grid-column: span 8/span 8;
  }
  .col-span-xl-9 {
    grid-column: span 9/span 9;
  }
  .col-span-xl-10 {
    grid-column: span 10/span 10;
  }
  .col-span-xl-11 {
    grid-column: span 11/span 11;
  }
  .col-span-xl-12 {
    grid-column: span 12/span 12;
  }
}
@media only screen and (min-width: 1420px) {
  .grid-cols-xxl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xxl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xxl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xxl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xxl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xxl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-xxl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-xxl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-xxl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-xxl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-xxl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-xxl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .col-span-xxl-1 {
    grid-column: span 1/span 1;
  }
  .col-span-xxl-2 {
    grid-column: span 2/span 2;
  }
  .col-span-xxl-3 {
    grid-column: span 3/span 3;
  }
  .col-span-xxl-4 {
    grid-column: span 4/span 4;
  }
  .col-span-xxl-5 {
    grid-column: span 5/span 5;
  }
  .col-span-xxl-6 {
    grid-column: span 6/span 6;
  }
  .col-span-xxl-7 {
    grid-column: span 7/span 7;
  }
  .col-span-xxl-8 {
    grid-column: span 8/span 8;
  }
  .col-span-xxl-9 {
    grid-column: span 9/span 9;
  }
  .col-span-xxl-10 {
    grid-column: span 10/span 10;
  }
  .col-span-xxl-11 {
    grid-column: span 11/span 11;
  }
  .col-span-xxl-12 {
    grid-column: span 12/span 12;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-flex {
  display: flex !important;
}

.g-1 {
  gap: 1rem;
}

@media (min-width: 575.98px) {
  .d-sm-none {
    display: none !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-none {
    display: none !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-none {
    display: none !important;
  }
}
@media (min-width: 575.98px) {
  .d-sm-grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-grid {
    display: grid !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-grid {
    display: grid !important;
  }
}
/* Display Inline */
@media (min-width: 575.98px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-inline {
    display: inline !important;
  }
}
/* Display Inline-Block */
@media (min-width: 575.98px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
}
/* Display Block */
@media (min-width: 575.98px) {
  .d-sm-block {
    display: block !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-block {
    display: block !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-block {
    display: block !important;
  }
}
/* Display Flex */
.flex-wrap {
  flex-wrap: wrap;
}

.flex-direction-column, .flex-column {
  flex-direction: column;
}

.h-screen {
  height: 100vh;
}

.min-h-screen {
  min-height: 100vh;
}

@media (min-width: 575.98px) {
  .d-sm-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-flex {
    display: flex !important;
  }
}
/* Display Inline-Flex */
.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 575.98px) {
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 767.98px) {
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 991.98px) {
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1199.98px) {
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
/* Justify Content */
.justify-content-start {
  justify-content: flex-start;
}

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

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

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

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

@media (min-width: 575.98px) {
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-around {
    justify-content: space-around;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 767.98px) {
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .justify-content-md-around {
    justify-content: space-around;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 991.98px) {
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-end {
    justify-content: flex-end;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 991.98px) {
  .justify-content-xl-start {
    justify-content: flex-start;
  }
  .justify-content-xl-end {
    justify-content: flex-end;
  }
  .justify-content-xl-center {
    justify-content: center;
  }
  .justify-content-xl-between {
    justify-content: space-between;
  }
  .justify-content-xl-around {
    justify-content: space-around;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
}
/* Align Items */
.align-items-start {
  align-items: flex-start;
}

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

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

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

@media (min-width: 575.98px) {
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-baseline {
    align-items: baseline;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 767.98px) {
  .align-items-md-start {
    align-items: flex-start;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .align-items-md-center {
    align-items: center;
  }
  .align-items-md-baseline {
    align-items: baseline;
  }
  .align-items-md-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 991.98px) {
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-items-lg-end {
    align-items: flex-end;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-baseline {
    align-items: baseline;
  }
  .align-items-lg-stretch {
    align-items: stretch;
  }
}
@media only screen and (min-width: 991.98px) {
  .align-items-xl-start {
    align-items: flex-start;
  }
  .align-items-xl-end {
    align-items: flex-end;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .align-items-xl-baseline {
    align-items: baseline;
  }
  .align-items-xl-stretch {
    align-items: stretch;
  }
}
/* Align Self */
.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

@media (min-width: 575.98px) {
  .align-self-sm-start {
    align-self: flex-start;
  }
  .align-self-sm-end {
    align-self: flex-end;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-baseline {
    align-self: baseline;
  }
  .align-self-sm-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 767.98px) {
  .align-self-md-start {
    align-self: flex-start;
  }
  .align-self-md-end {
    align-self: flex-end;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-baseline {
    align-self: baseline;
  }
  .align-self-md-stretch {
    align-self: stretch;
  }
  .h-md-screen {
    height: 100vh;
  }
}
@media only screen and (min-width: 991.98px) {
  .align-self-lg-start {
    align-self: flex-start;
  }
  .align-self-lg-end {
    align-self: flex-end;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-baseline {
    align-self: baseline;
  }
  .align-self-lg-stretch {
    align-self: stretch;
  }
  .h-lg-screen {
    height: 100vh;
  }
  .flex-direction-lg-reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1199.98px) {
  .align-self-xl-start {
    align-self: flex-start;
  }
  .align-self-xl-end {
    align-self: flex-end;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-baseline {
    align-self: baseline;
  }
  .align-self-xl-stretch {
    align-self: stretch;
  }
  .h-xl-screen {
    height: 100vh;
  }
}
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

@media only screen and (min-width: 991.98px) {
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-left {
    text-align: left;
  }
}
@media only screen and (min-width: 767.98px) {
  .text-md-center {
    text-align: center;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-left {
    text-align: left;
  }
}
@media (min-width: 575.98px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-left {
    text-align: left;
  }
}
.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-auto {
  margin-top: auto;
}

.splitting .word,
.splitting .char {
  display: inline-block;
}

.mb-0 {
  margin-bottom: 0;
}

.splitting .char {
  position: relative;
}

.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

.splitting {
  --word-center: calc((var(--word-total) - 1) / 2);
  --char-center: calc((var(--char-total) - 1) / 2);
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  --word-percent: calc(var(--word-index) / var(--word-total));
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  --char-percent: calc(var(--char-index) / var(--char-total));
  --char-offset: calc(var(--char-index) - var(--char-center));
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.text-line, .text-line .inner-line {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

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

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

.overflow-initial {
  overflow: initial !important;
}

.h-auto {
  height: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.w-100 {
  width: 100%;
}

.v-hidden {
  opacity: 0;
  visibility: hidden;
}

.h-full {
  height: 100%;
}

.pe-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.top-full {
  top: 100%;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 1rem;
}

.right-2 {
  right: 2rem;
}

.-right-1 {
  right: -1rem;
}

.-right-2 {
  right: -2rem;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: 1rem;
}

.left-2 {
  left: 2rem;
}

.-left-1 {
  left: -1rem;
}

.-left-2 {
  left: -2rem;
}

.left-center {
  left: 50%;
  margin-left: -50%;
}

.w-full {
  width: 100%;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media only screen and (min-width: 991.98px) {
  .mt-lg-auto {
    margin-top: auto;
  }
  .h-lg-full {
    height: 100%;
  }
  .h-lg-screen {
    height: 100vh;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
}
.bg-dark {
  background-color: var(--dark-clr);
}

.text-base {
  color: var(--clr-base);
}

.bg-gray-blue {
  background-color: #f6f9fc;
}

.text-gray {
  color: rgba(13, 13, 13, 0.5);
}

.bg-deep {
  background-color: var(--clr-deep);
}

.bg-gray {
  background-color: #FAF4F2;
}

.text-blue-dark {
  color: #2A264C;
}

.text-green {
  color: #1CB96E;
}

.text-blue-100 {
  color: #9CDAFF;
}

.text-blue-200 {
  color: #4EB5F2;
}

.text-blue-300 {
  color: #B6C1F7;
}

.text-blue-400 {
  color: #7B92FF;
}

.text-blue-500 {
  color: #DCC7FF;
}

.text-yellow-100 {
  color: #FEE9A6;
}

.text-yellow-200 {
  color: #FFBC1D;
}

.bg-blue {
  background-color: var(--clr-sec-bg);
}

.text-primary {
  color: var(--clr-primary);
}

.bg-green-100 {
  background-color: #FFFBF0;
}

.bg-green-200 {
  background-color: #FFF6DC;
}

.text-dark {
  color: #1E2131;
}

.bg-blue-dark {
  background-color: #2A264C;
}

.bg-green {
  background-color: #1CB96E;
}

.bg-blue-100 {
  background-color: #9CDAFF;
}

.bg-blue-200 {
  background-color: #4EB5F2;
}

.bg-blue-300 {
  background-color: #B6C1F7;
}

.bg-blue-400 {
  background-color: #7B92FF;
}

.bg-blue-500 {
  background-color: #DCC7FF;
}

.bg-yellow-100 {
  background-color: #FEE9A6;
}

.bg-yellow-200 {
  background-color: #FFBC1D;
}

.bg-white {
  background-color: #fff;
}

/*# sourceMappingURL=style.css.map */