@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
:root {
  --max-width-default: 1200px;
}
@media (max-width: 1200px) {
  :root {
    --max-width-default: 90%;
  }
}

.px-20 {
  padding-inline: 20px;
}

.download--btn {
  height: 80px;
  border-radius: 80px;
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 30px 40px;
  text-decoration: none;
  text-transform: uppercase;
  gap: 12px;
  box-shadow: rgba(0, 148, 214, 0.95) 0 0px 0px 0px;
  transition: 0.35s ease-in-out;
  min-width: -moz-max-content;
  min-width: max-content;
  color: #081997;
}
.download--btn.v2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #081997;
  display: flex;
  gap: 12px;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  background-color: transparent;
  border-radius: unset;
}
.download--btn.v3 {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 44px;
  padding: 0 24px;
  border-radius: 8px;
  background: var(--Light-Blue, #edf2f6);
}
@media (max-width: 768px) {
  .download--btn.v3 {
    font-size: 0px;
    gap: 0px;
    padding: 8px 16px;
    height: 40px;
  }
}
.download--btn.v3 img {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.download--btn lottie-player {
  width: 20px;
}
@media (max-width: 768px) {
  .download--btn lottie-player {
    width: 14px;
  }
}
@media (max-width: 768px) {
  .download--btn {
    height: 50px;
    font-size: 12px;
    padding: 18px 30px;
  }
}
.primary_btn {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 18px 40px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  height: 56px;
  border-radius: 40px;
  background: #081997;
  text-decoration: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: 0.35s ease-in-out;
}
.primary_btn svg path {
  fill: #fff;
}
.primary_btn lottie-player {
  width: 20px;
}
@media (max-width: 768px) {
  .primary_btn {
    padding: 18px 30px;
    height: 50px;
    font-size: 12px;
    line-height: normal;
  }
}

.secondary_btn {
  color: #081997;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 18px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 56px;
  border-radius: 40px;
  background: #fff;
  text-decoration: none;
  transition: 0.35s ease-in-out;
}
.secondary_btn.v2 {
  border: #081997 1px solid;
}
@media (max-width: 768px) {
  .secondary_btn {
    padding: 18px 30px;
    height: 50px;
    font-size: 12px;
    line-height: normal;
  }
}

.normal_link {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  position: relative;
}
.normal_link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #081997;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
@media (max-width: 768px) {
  .normal_link {
    font-size: 12px;
    line-height: normal;
  }
}
.normal_link img {
  transition: 0.35s linear;
}
.normal_link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.normal_link_v2 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .normal_link_v2 {
    font-size: 12px;
    line-height: normal;
  }
}
.normal_link_v2 img {
  transition: 0.35s linear;
}
.normal_link_v2:hover img {
  transform: rotate(-45deg);
}

._360viewbtn2 {
  display: grid;
  position: relative;
  place-content: center;
  padding: 10px;
  width: 56px;
  height: 56px;
  text-decoration: none;
  color: currentColor;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 1;
}
._360viewbtn2::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.8;
  background: linear-gradient(119.64deg, #091a98 1.4%, #7a1c91 100.87%);
  border-radius: 100%;
  z-index: 0;
}
._360viewbtn2 img,
._360viewbtn2 svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
._360viewbtn2 span {
  opacity: 1;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.14px;
  position: absolute;
  border-radius: 2px;
  padding: 6px 8px;
  background: var(--Primary-Light-Blue, #0094d6);
  width: -moz-max-content;
  width: max-content;
  top: 50%;
  z-index: -1;
  transition: 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
._360viewbtn2 span.left {
  left: 0;
  transform: translate(calc(-100% + 4px), -50%);
}
._360viewbtn2 span.right {
  right: 0;
  transform: translate(calc(100% - 4px), -50%);
}
._360viewbtn2:hover span {
  opacity: 1;
}
._360viewbtn2:hover span.left {
  left: -2px;
}
._360viewbtn2:hover span.right {
  right: -2px;
}

.load_more {
  color: var(--Primary-dark-blue, #081997);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  padding: 16px 50px;
  display: inline-flex;
  gap: 16px;
  border-radius: 40px;
  border: 1px solid var(--Primary-dark-blue, #081997);
  text-decoration: none;
}

.min_width_250 {
  min-width: 250px;
}

.multi_links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.multi_links a {
  padding: 0 30px;
}
@media (max-width: 768px) {
  .multi_links a {
    width: 100%;
  }
}

.read_more {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

* {
  margin: 0;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  html,
  body {
    height: 100%;
    overflow-x: hidden !important;
  }
}

body {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
  overflow-x: clip;
}

.grid {
  display: grid;
}

.cols-3 {
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
@media (max-width: 900px) {
  .cols-3 {
    grid-template-columns: auto;
  }
}

.cols-4 {
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
@media (max-width: 900px) {
  .cols-4 {
    grid-template-columns: auto;
  }
}

.cols-5 {
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
}
@media (max-width: 900px) {
  .cols-5 {
    grid-template-columns: auto;
  }
}

.col-2\/5 {
  flex: 0 0 40%;
}

.gap-30 {
  gap: 30px !important;
}
@media (max-width: 768px) {
  .gap-30 {
    gap: 20px !important;
  }
}

.gap-40 {
  gap: 40px !important;
}
@media (max-width: 768px) {
  .gap-40 {
    gap: 20px !important;
  }
}

.gap-0 {
  gap: 0px !important;
}

.gap-60 {
  gap: 60px !important;
}
@media (max-width: 768px) {
  .gap-60 {
    gap: 20px !important;
  }
}

.uppercase {
  text-transform: uppercase;
}

.small {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(84, 84, 84, 0.5019607843);
  margin-top: 10px;
}
.small--2 {
  font-size: 16px;
  font-weight: 400;
  color: #545454;
}

.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}

.position_relative {
  position: relative;
}

.space_10 {
  height: 10px;
}
@media (max-width: 768px) {
  .space_10 {
    height: 5px;
  }
}

.space_20 {
  height: 20px;
}
@media (max-width: 768px) {
  .space_20 {
    height: 10px;
  }
}

.space_30 {
  height: 30px;
}
@media (max-width: 768px) {
  .space_30 {
    height: 15px;
  }
}

.space_40 {
  height: 40px;
}
@media (max-width: 768px) {
  .space_40 {
    height: 20px;
  }
}

.space_50 {
  height: 50px;
}
@media (max-width: 768px) {
  .space_50 {
    height: 25px;
  }
}

.space_60 {
  height: 60px;
}
@media (max-width: 768px) {
  .space_60 {
    height: 30px;
  }
}

.space_70 {
  height: 70px;
}
@media (max-width: 768px) {
  .space_70 {
    height: 35px;
  }
}

.space_80 {
  height: 80px;
}
@media (max-width: 768px) {
  .space_80 {
    height: 40px;
  }
}

.space_90 {
  height: 90px;
}
@media (max-width: 768px) {
  .space_90 {
    height: 45px;
  }
}

.space_100 {
  height: 100px;
}
@media (max-width: 768px) {
  .space_100 {
    height: 50px;
  }
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.desk_hide {
  display: none;
}
@media (max-width: 1024px) {
  .desk_hide {
    display: block;
  }
}

.mob_hide {
  display: block;
}
@media (max-width: 1023px) {
  .mob_hide {
    display: none;
  }
}

.light_grey_bg {
  background: var(--Light-grey, #edf2f6) !important;
}

.white_bg {
  background: #fff !important;
}

.white_text {
  color: #fff !important;
}

.full_width {
  max-width: 100% !important;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.container2 {
  max-width: 1400px;
  margin: 0 auto;
}

.text_center {
  text-align: center;
}

img {
  max-width: 100%;
}

.title {
  color: #000;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.title.max_width70 {
  max-width: 70%;
}
@media (max-width: 768px) {
  .title.max_width70 {
    max-width: 100%;
  }
}
.title.--2 {
  font-size: 30px;
}
@media (max-width: 768px) {
  .title.--2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .title.--2 br {
    display: none;
  }
}
@media (max-width: 768px) {
  .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .title br {
    display: none;
  }
}

.title_label {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-top: 8px;
}

.title2 {
  color: var(--Black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}
@media (max-width: 768px) {
  .title2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .title2 br {
    display: none;
  }
}

.title3 {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .title3 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
  }
}

.title5 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .title5 {
    font-size: 25px;
  }
}

.big_title {
  color: #161616;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.6px;
}
@media (max-width: 768px) {
  .big_title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .big_title br {
    display: none;
  }
}

.title4 {
  color: var(--Black, #000);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  .title4 {
    font-size: 22px;
    line-height: 26px;
  }
}

.label {
  color: var(--Primary-Light-Blue, #0094d6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .label {
    font-size: 12px;
    line-height: normal;
  }
}

.subtext {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  max-width: 525px;
}
.subtext p {
  margin-bottom: 20px;
}
.subtext p:last-child {
  margin-bottom: 0px;
}
.subtext.--2 {
  font-size: 16px;
}
@media (max-width: 768px) {
  .subtext.--2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .subtext {
    font-size: 14px;
    line-height: 20px;
  }
}
.subtext b {
  font-weight: 500;
}

.subtext2 {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.subtext2 p {
  margin-bottom: 20px;
}
.subtext2 p:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .subtext2 {
    font-size: 14px;
    line-height: 20px;
  }
}

.subtext3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.01em;
  text-align: left;
}
@media (max-width: 768px) {
  .subtext3 {
    font-size: 16px;
    line-height: 20px;
  }
}

.subtext4 {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .subtext4 {
    font-size: 18px;
    line-height: 24px;
  }
}

.subtext5 {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 133.333% */
}
@media (max-width: 768px) {
  .subtext5 {
    font-size: 18px;
    line-height: 24px;
  }
}

.text-white {
  color: white;
}

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

.list_items ul {
  list-style: none;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  padding-left: 0px;
  transition: ease 0.35s;
}
@media (max-width: 768px) {
  .list_items ul {
    font-size: 14px;
    line-height: 20px;
  }
}
.list_items ul li {
  padding-bottom: 12px;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .list_items ul li {
    padding-left: 24px;
    padding-bottom: 12px;
  }
}
.list_items ul li::before {
  content: "";
  background: url("../images/icons/check.svg") center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}
@media (max-width: 768px) {
  .list_items ul li::before {
    width: 16px;
    height: 16px;
    background-size: contain;
  }
}

.m-h-250 {
  min-height: 250px;
}

.m-h-auto {
  min-height: auto !important;
}

.flex {
  display: flex;
}

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

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

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

@media (max-width: 768px) {
  .m-block {
    display: block;
  }
}

.link_block {
  padding: 20px;
  border: 1px solid var(--Light-grey, #edf2f6);
  border-radius: 8px;
  background: linear-gradient(#fff, #fff);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  z-index: 1;
  box-shadow: rgba(0, 148, 214, 0.95) 0 0px 0px 0px;
  will-change: transform;
  transition: 0.35s linear;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .link_block {
    padding: 16px 14px;
  }
}
.link_block::before {
  content: "";
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 8px;
  opacity: 0;
  transition: 0.35s linear;
}
@media (min-width: 1024px) {
  .link_block:hover {
    border-color: transparent;
  }
  .link_block:hover::before {
    opacity: 1;
  }
  .link_block:hover .link_block--title {
    color: #fff;
  }
  .link_block:hover .link_block--arrow svg path {
    fill: #fff;
  }
  .link_block:hover .link_block--arrow {
    border: #fff 1px solid;
  }
}
.link_block--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .link_block--title {
    font-size: 13px;
    max-width: calc(100% - 40px);
    line-height: 20px;
    font-weight: 500;
  }
}
.link_block--arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: #081997 1px solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .link_block--arrow {
    position: absolute;
    right: 14px;
    bottom: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
}
.link_block--arrow svg {
  transform: translate(0, 0);
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .link_block--arrow svg {
    width: 8px;
    height: 8px;
  }
}
.link_block--arrow svg path {
  transition: 0.35s linear;
}

.cus_select.label_flex {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 768px) {
  .cus_select.label_flex {
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.cus_select.label_flex select {
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-right: 40px;
}
@media (max-width: 768px) {
  .cus_select.label_flex select {
    max-width: 100%;
  }
}
.cus_select--title {
  font-size: 14px;
}
.cus_select select {
  font-family: "Inter", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 40px;
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
  background: #fff;
  padding: 0px 18px;
  height: 44px;
  color: var(--Primary-Light-Blue, #0094d6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  background: url("../images/icons/arrow-down.svg") center right 18px no-repeat;
  width: 100%;
  outline: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  [data-scroll] {
    opacity: 0;
    will-change: transform, scale, opacity;
    transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

@media (min-width: 768px) {
  [data-scroll=in] {
    opacity: 1;
  }
}

[data-scroll=in] .char {
  animation: slide-in 0.6s ease-in-out both calc(1.5ms * var(--char-index) + 50ms);
  will-change: animation;
}

@keyframes slide-in {
  from {
    transform: translateY(0.65em);
    opacity: 0;
  }
}
.custom_swiper--btns {
  border-radius: 130px;
  background: var(--Light-grey, #edf2f6);
  height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .custom_swiper--btns {
    display: none;
  }
}
.custom_swiper--btns .swiper-button {
  height: 50px;
  width: 50px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  border-radius: 50%;
  transition: 0.35s linear;
  border: none;
  box-shadow: none;
}
.custom_swiper--btns .swiper-button:hover {
  background: #081997;
}
.custom_swiper--btns .swiper-button:hover svg path {
  fill: #fff;
}
.custom_swiper--btns .swiper-button svg {
  width: 13px;
}
.custom_swiper--btns .swiper-button svg path {
  fill: #081997;
  transition: 0.35s linear;
}
.custom_swiper--btns .swiper-button::after {
  display: none;
}
.custom_swiper--btns .swiper-button-prev svg {
  transform: rotate(180deg);
}

.primary_bg {
  background: linear-gradient(101deg, #081997 -7.21%, #351a94 77.31%, #c11c8c 192.57%);
}

.primary_bg_2 {
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
}

.icon-primary {
  color: primary;
}
.icon-fill-primary {
  fill: primary;
}
.icon-stroke-primary {
  stroke: primary;
}
.icon-secondary {
  color: secondary;
}
.icon-fill-secondary {
  fill: secondary;
}
.icon-stroke-secondary {
  stroke: secondary;
}
.icon-white {
  color: white;
}
.icon-fill-white {
  fill: white;
}
.icon-stroke-white {
  stroke: white;
}
.icon-black {
  color: black;
}
.icon-fill-black {
  fill: black;
}
.icon-stroke-black {
  stroke: black;
}

@media screen and (max-width: 900px) {
  .md\:px-20 {
    padding-inline: 20px;
  }
}
.m-flex-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 900px) {
  .m-flex-column-mob {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.grid_column_1-3 {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 30px;
}
@media (max-width: 768px) {
  .grid_column_1-3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.grid_column_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .grid_column_2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.grid_column_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 30px;
}
@media (max-width: 1024px) {
  .grid_column_3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
@media (max-width: 767px) {
  .grid_column_3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .grid_column_3.scroll {
    display: flex;
    gap: 20px;
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .grid_column_3.scroll::-webkit-scrollbar {
    display: none;
  }
  .grid_column_3.scroll > div {
    min-width: 82vw;
  }
}

.grid_column_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .grid_column_4 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .grid_column_4.scroll {
    display: flex;
    gap: 20px;
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .grid_column_4.scroll::-webkit-scrollbar {
    display: none;
  }
  .grid_column_4.scroll > div {
    min-width: 82vw;
  }
}

.grid_column_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .grid_column_5 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .grid_column_5.scroll {
    display: flex;
    gap: 20px;
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .grid_column_5.scroll::-webkit-scrollbar {
    display: none;
  }
  .grid_column_5.scroll > div {
    min-width: 82vw;
  }
}

.graph_info {
  text-align: center;
  margin-top: 24px;
}
.graph_info--title {
  color: #2862ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .graph_info--title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
  }
}
.graph_info--text {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .graph_info--text {
    font-size: 12px;
    line-height: 16px;
  }
}

.flex_items {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 90px 80px;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.flex_items > div {
  flex: 1;
}
@media (max-width: 768px) {
  .flex_items {
    flex-direction: column;
    align-items: flex-start;
    padding: 36px 20px;
    gap: 30px;
  }
  .flex_items.wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .flex_items.wrap .flex_items_each {
    min-width: 44%;
    width: auto;
  }
  .flex_items_each {
    width: 100%;
  }
  .flex_items .download--btn {
    padding: 0 20px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .padding-mob-20 {
    padding: 0 20px;
  }
}

img.auto {
  width: auto !important;
  height: auto !important;
}

.image_block.layer {
  position: relative;
}
.image_block.layer::before {
  content: "";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0.5) 0%, rgba(0, 148, 214, 0.5) 100%);
  mix-blend-mode: color-burn;
}
.image_block img {
  max-width: 680px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .image_block img {
    max-width: 100%;
  }
}
.image_block img.full {
  max-width: 100%;
}

.image_content {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 60px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .image_content {
    padding: 30px 20px;
    margin: 0 20px;
  }
}
.image_content--img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 420px;
  z-index: -1;
}
@media (max-width: 768px) {
  .image_content--img {
    margin: -30px -20px;
    position: relative;
  }
}
.image_content--img img {
  display: block;
}
.image_content--title {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}
@media (max-width: 768px) {
  .image_content--title {
    font-size: 26px;
    margin-bottom: 50px;
  }
  .image_content--title br {
    display: none;
  }
}

.p-0 {
  padding: 0px !important;
}

.custom_search {
  position: relative;
  border-radius: 100px;
  border: 1px solid var(--White, #fff);
  background: #edf2f6;
  min-width: 300px;
}
@media (max-width: 768px) {
  .custom_search {
    min-width: 100%;
  }
}
.custom_search input[type=search]::-webkit-search-decoration,
.custom_search input[type=search]::-webkit-search-cancel-button,
.custom_search input[type=search]::-webkit-search-results-button,
.custom_search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.custom_search input {
  border: none;
  height: 45px;
  background: transparent;
  padding: 12px 16px;
  width: 100%;
  outline: none;
  font-family: "Inter", sans-serif;
}
.custom_search--btn {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  box-shadow: none;
  height: 45px;
  width: 45px;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.explore_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
}
.explore_head .tabs {
  padding-bottom: 0px !important;
  flex-wrap: wrap !important;
}
@media (max-width: 768px) {
  .explore_head .tabs {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 768px) {
  .explore_head {
    padding-bottom: 0px;
    display: block;
    padding: 0 20px;
  }
}

.custom_table table {
  border-spacing: 0;
  border-collapse: collapse;
  border-radius: 8px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #0094d6;
  width: 100%;
  text-align: center;
}
.custom_table table tr th {
  border: #0094d6 1px solid;
  border-radius: 8px;
  padding: 24px 8px;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .custom_table table tr th {
    font-size: 13px;
    padding: 16px 8px;
  }
}
.custom_table table tr td {
  border: #0094d6 1px solid;
  padding: 16px 8px;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  background: var(--Light-grey, #edf2f6);
  border-radius: 8px;
}
@media (max-width: 768px) {
  .custom_table table tr td {
    font-size: 13px;
    padding: 12px 8px;
  }
}

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

.world_api .map-leaflet-container {
  height: calc(100vh - 60px);
}
.world_api .map-leaflet-container .leaflet-interactive {
  pointer-events: none;
}
.world_api .map_mobile_list_v2 {
  padding-left: 20px;
}

.learning_grid {
  display: grid;
  grid-template-columns: 446px 1fr;
  gap: 48px;
}
@media (max-width: 768px) {
  .learning_grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.values_vision {
  display: grid;
  grid-template-columns: 540px calc(100% - 620px);
  gap: 80px;
}
@media (max-width: 768px) {
  .values_vision {
    display: block;
  }
}
.values_vision_wrap .custom_swiper--btns {
  background: #fff;
}
.values_vision .swiper {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .values_vision .swiper {
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
    margin-top: 40px;
  }
  .values_vision .swiper::-webkit-scrollbar {
    display: none;
  }
  .values_vision .swiper .swiper-wrapper {
    display: flex;
    gap: 20px;
  }
}
.values_vision .swiper .swiper-slide {
  height: auto;
  max-width: 300px;
}
@media (max-width: 768px) {
  .values_vision .swiper .swiper-slide {
    width: 82vw;
  }
  .values_vision .swiper .swiper-slide:last-child > div {
    margin-right: 20px;
  }
}
.values_vision .swiper .swiper-slide .verticals_block_each {
  height: 100%;
}
.values_vision_info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 768px) {
  .programs_swiper .swiper {
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
  }
  .programs_swiper .swiper::-webkit-scrollbar {
    display: none;
  }
  .programs_swiper .swiper .swiper-wrapper {
    display: flex;
  }
}
.programs_swiper .swiper .swiper-slide {
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .programs_swiper .swiper .swiper-slide {
    padding-right: 20px;
  }
}

.testimonials {
  display: grid;
  grid-template-columns: 480px calc(100% - 520px);
  align-items: flex-end;
  gap: 40px;
}
@media (max-width: 768px) {
  .testimonials {
    display: block;
  }
}
@media (max-width: 768px) {
  .testimonials_info {
    margin-bottom: 30px;
  }
}
.testimonials_swiper .swiper-wrapper {
  align-items: flex-end;
}
.testimonials_swiper_wrap .custom_swiper--btns {
  margin-top: 30px;
}
.testimonials_swiper .swiper {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .testimonials_swiper .swiper {
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
  }
  .testimonials_swiper .swiper::-webkit-scrollbar {
    display: none;
  }
  .testimonials_swiper .swiper .swiper-wrapper {
    display: flex;
  }
}
.testimonials_swiper .swiper .swiper-slide {
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .testimonials_swiper .swiper .swiper-slide {
    padding-right: 20px;
  }
}

.h-auto {
  height: auto !important;
}

.h-100 {
  height: 100% !important;
}

.clinical {
  position: relative;
}
.clinical::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: calc(100% - 100px);
  background: #edf2f6;
  z-index: -1;
}
.clinical_block {
  margin-top: 48px;
  border-radius: 8px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  padding: 70px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .clinical_block {
    display: block;
    padding: 30px 20px;
  }
}
.clinical_block--title {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}
@media (max-width: 768px) {
  .clinical_block--title {
    font-size: 26px;
  }
}
.clinical_block_list {
  display: flex;
  gap: 96px;
}
@media (max-width: 768px) {
  .clinical_block_list {
    gap: 20px;
    flex-direction: column;
    margin-top: 30px;
  }
}
.clinical_block_list_each {
  display: flex;
  gap: 10px;
  max-width: 200px;
}
@media (max-width: 768px) {
  .clinical_block_list_each {
    max-width: 100%;
  }
}
.clinical_block_list_each--icon {
  min-width: 40px;
}
.clinical_block_list_each_info--title {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .clinical_block_list_each_info--title {
    font-size: 20px;
    line-height: 24px;
  }
}
.clinical_block_list_each_info--desc {
  color: var(--Light-grey, #edf2f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .clinical_block_list_each_info--desc {
    font-size: 14px;
    line-height: 18px;
  }
}

.research_swiper {
  display: grid;
  grid-template-columns: 560px calc(100% - 640px);
  align-items: center;
  gap: 80px;
}
@media (max-width: 768px) {
  .research_swiper {
    display: block;
  }
}
.research_swiper .custom_swiper--btns {
  margin-right: var(--right);
}
.research_swiper .custom_swiper_content {
  padding-right: var(--right);
}
.research_swiper .swiper {
  padding-right: 30px;
}
@media (max-width: 768px) {
  .research_swiper .swiper {
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
  }
  .research_swiper .swiper::-webkit-scrollbar {
    display: none;
  }
  .research_swiper .swiper .swiper-wrapper {
    display: flex;
  }
}
.research_swiper .swiper .swiper-slide {
  width: 280px;
  height: auto;
}
@media (max-width: 768px) {
  .research_swiper .swiper .swiper-slide {
    padding-right: 20px;
    width: auto;
  }
  .research_swiper .swiper .swiper-slide .verticals_block_each {
    width: 82vw;
  }
}
.research_swiper--img img {
  display: block;
}
@media (max-width: 768px) {
  .research_swiper_cards {
    margin-top: 30px;
  }
}

.innovation_swiper {
  position: relative;
}
.innovation_swiper_pagination {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .innovation_swiper_pagination {
    position: relative;
    margin-bottom: 18px;
    display: inline-flex;
  }
}
.innovation_swiper_pagination .swiper-button-prev,
.innovation_swiper_pagination .swiper-button-next {
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  color: #fff;
  width: auto;
  height: auto;
  margin-top: 0px;
}
.innovation_swiper_pagination .swiper-button-prev::after,
.innovation_swiper_pagination .swiper-button-next::after {
  font-size: 12px;
}
.innovation_swiper_pagination .swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
}
.innovation_swiper_pagination .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  transition: 0.35s linear;
}

.get_touch {
  background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(237, 242, 246) 50%, rgb(237, 242, 246) 100%);
}
@media (max-width: 768px) {
  .get_touch {
    background: transparent;
  }
}
.get_touch_form {
  padding-right: 80px;
}
@media (max-width: 768px) {
  .get_touch_form {
    padding-right: 0px;
    background: #edf2f6;
    margin: 0 -20px;
    padding: 40px 20px;
  }
}
.get_touch_form .primary_btn {
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .get_touch_form .primary_btn {
    margin-top: 20px;
  }
}
.get_touch_info {
  padding-left: 80px;
}
@media (max-width: 768px) {
  .get_touch_info {
    padding-left: 0px;
    margin-top: 40px;
  }
}
.get_touch_info_each {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--Light-Blue, #edf2f6);
  margin-bottom: 30px;
  padding: 30px;
}
@media (max-width: 768px) {
  .get_touch_info_each {
    padding: 30px 20px;
  }
}
.get_touch_info_each--icon {
  margin-bottom: 40px;
}
.get_touch_info_each_list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.get_touch_info_each_list_each--title {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .get_touch_info_each_list_each--title {
    font-size: 16px;
    margin-bottom: 4px;
  }
}
.get_touch_info_each_list_each--text {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .get_touch_info_each_list_each--text {
    font-size: 13px;
  }
}
.get_touch_info_each_list_each--text a {
  color: var(--Primary-dark-blue, #081997);
  text-decoration: none;
}
.get_touch_info_each_list_each--cal {
  display: flex;
  gap: 24px;
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.14px;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .get_touch_info_each_list_each--cal {
    flex-direction: column;
    gap: 12px;
  }
}
.get_touch_info_each_list_each--cal span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.form_group {
  margin-bottom: 24px;
}
.form_group .iti {
  display: block;
}
.form_group label {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 6px;
  display: block;
}
.form_group input,
.form_group textarea {
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--White, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 48px;
  width: 100%;
}
.form_group textarea {
  height: 120px;
  resize: none;
}

.custom_img img {
  display: block;
}

.heritage_bg_imgages .bg-image:first-child {
  opacity: 1;
}

.timeline-container {
  position: relative;
  height: calc(100vh - 84px);
  width: 100vw;
  background: #1a2a3a;
  overflow: hidden;
}
@media (max-width: 768px) {
  .timeline-container {
    height: auto;
  }
}
.timeline-container .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.timeline-container .bg-image.active {
  opacity: 1;
}
.timeline-container .timeline {
  position: absolute;
  left: calc(30% - 86.5px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  height: calc(100vh - 84px);
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline {
    position: absolute;
    width: calc(100% + 40px);
    left: -20px;
    top: 0px;
    transform: none;
    height: auto;
  }
}
.timeline-container .timeline::before {
  content: "";
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: calc(100vh - 84px);
  background-color: rgba(255, 255, 255, 0.3);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline::before {
    height: 1px;
    width: 100%;
    top: 5px;
    left: 0;
    position: absolute;
  }
}
.timeline-container .timeline .heritage-swiper {
  height: 100%;
  width: 173px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .heritage-swiper {
    width: 100%;
  }
}
.timeline-container .timeline .swiper-wrapper {
  position: relative;
}
.timeline-container .timeline .swiper-slide {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.timeline-container .timeline .swiper-slide.swiper-slide-active .year-node {
  margin-right: -11px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .swiper-slide.swiper-slide-active .year-node {
    margin-right: 0px;
  }
}
.timeline-container .timeline .swiper-slide.swiper-slide-active .year-label {
  margin-right: 24px;
  color: white;
  font-weight: bold;
  font-size: 50px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .swiper-slide.swiper-slide-active .year-label {
    font-size: 16px;
    line-height: normal;
    margin-right: 0px;
  }
}
.timeline-container .timeline .swiper-slide.swiper-slide-active .year-dot {
  width: 24px;
  height: 24px;
  opacity: 1;
  background: white;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .swiper-slide.swiper-slide-active .year-dot {
    width: 10px;
    height: 10px;
  }
}
.timeline-container .timeline .year-node {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: flex-end;
  margin-right: -6px;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node {
    flex-direction: column-reverse;
    gap: 4px;
    margin-right: 0px;
  }
}
.timeline-container .timeline .year-node .year-label {
  margin-right: 16px;
  color: #a0aec0;
  transition: all 0.3s ease;
  font-variant-numeric: tabular-nums;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  letter-spacing: 0.01em;
  transition: 0.35s linear;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node .year-label {
    margin-right: 0px;
  }
}
.timeline-container .timeline .year-node .year-dot {
  width: 14px;
  height: 14px;
  background: #edf2f6;
  opacity: 50%;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  transition: 0.35s linear;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node .year-dot {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #ccc;
  }
}
.timeline-container .timeline .year-node.active {
  margin-right: -11px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node.active {
    margin-right: 0px;
  }
}
.timeline-container .timeline .year-node.active .year-label {
  margin-right: 24px;
  color: white;
  font-weight: bold;
  font-size: 50px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node.active .year-label {
    font-size: 16px;
    line-height: normal;
    margin-right: 0px;
  }
}
.timeline-container .timeline .year-node.active .year-dot {
  width: 24px;
  height: 24px;
  opacity: 1;
  background: white;
}
@media screen and (max-width: 1024px) {
  .timeline-container .timeline .year-node.active .year-dot {
    width: 10px;
    height: 10px;
  }
}
.timeline-container .content-container {
  display: flex;
  height: 100%;
  width: 100vw;
  gap: 10px;
  padding: 100px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container {
    padding: 50px 20px;
    flex-direction: column;
    gap: 50px;
  }
}
.timeline-container .content-container .heritage-title {
  width: 50%;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container .heritage-title {
    width: 100%;
  }
}
.timeline-container .content-container .heritage-title .title {
  margin-bottom: 20px;
  color: #ffffff;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  letter-spacing: 0.01em;
}
.timeline-container .content-container .heritage-title .desc {
  color: #ffffff;
  max-width: 400px;
  font-family: "Inter";
  font-size: 30px;
  font-weight: 700;
  line-height: 36.31px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container .heritage-title .desc {
    max-width: 300px;
    font-size: 24px;
    line-height: 31.92px;
  }
}
.timeline-container .content-container .content-card-container {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container .content-card-container {
    width: 100%;
    position: relative;
    padding-top: 80px;
  }
}
.timeline-container .content-container .content-card-container .content-card {
  background: #ffffff;
  opacity: 0.65;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  padding: 48px;
  border-radius: 15px;
  min-width: 100%;
  transition: opacity 0.3s ease;
  padding-right: 28px;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container .content-card-container .content-card {
    padding: 20px;
  }
}
.timeline-container .content-container .content-card-container .content-card.active {
  display: block;
}
.timeline-container .content-container .content-card-container .content-card ul {
  list-style-type: disc;
  padding-left: 20px;
  max-height: 400px;
  overflow: auto;
  padding-right: 20px;
  /* width */
  /* Track */
  /* Handle */
}
.timeline-container .content-container .content-card-container .content-card ul::-webkit-scrollbar {
  width: 5px;
}
.timeline-container .content-container .content-card-container .content-card ul::-webkit-scrollbar-track {
  border-radius: 10px;
}
.timeline-container .content-container .content-card-container .content-card ul::-webkit-scrollbar-thumb {
  background: #081997;
  border-radius: 10px;
}
.timeline-container .content-container .content-card-container .content-card ul li {
  margin-bottom: 24px;
  color: #000000;
  font-family: "Inter";
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1024px) {
  .timeline-container .content-container .content-card-container .content-card ul li {
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 12px;
    font-weight: 500;
  }
}
.timeline-container .content-container .content-card-container .content-card ul li:last-of-type {
  margin-bottom: 0;
}
.timeline-container .content-container .content-card-container .content-card ul li::marker {
  color: #081997;
  height: 10px;
  width: 10px;
}

.min-h-80 {
  min-height: 80px;
}
@media (max-width: 768px) {
  .min-h-80 {
    min-height: auto;
  }
}

.country_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .country_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.country_list_each {
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .country_list_each {
    padding: 10px;
    gap: 6px;
  }
}
.country_list_each--icon {
  width: 28px;
}
@media (max-width: 768px) {
  .country_list_each--icon {
    width: 18px;
  }
}
.country_list_each--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .country_list_each--title {
    font-size: 13px;
    line-height: 15px;
  }
}

.content_swiper {
  width: 100%;
}

.cirlce_text {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 175px;
}
@media (max-width: 768px) {
  .cirlce_text {
    display: none;
  }
}
.cirlce_text_2 {
  position: absolute;
  max-width: 86px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.map_wrap_tabs_content {
  position: relative;
}

.cms_hero .title {
  font-size: 60px;
}
@media (max-width: 768px) {
  .cms_hero .title {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .nocarousel .standards_brandCont_brandWrap {
    display: flex;
    justify-content: center;
  }
}

.no_anim svg {
  animation: none !important;
}

.world_wrap {
  position: relative;
}
.world_wrap--text {
  color: var(--Black, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  margin-top: 16px;
  text-align: right;
}
@media (max-width: 768px) {
  .world_wrap--text {
    text-align: center;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .world_wrap .cus_select {
    padding: 0 20px;
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .world_wrap .map_mobile_list_v2_wrap {
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .growth_swiper .swiper {
    margin: 0 -20px;
  }
}
@media (max-width: 768px) {
  .growth_swiper .swiper-wrapper {
    overflow: auto;
    display: flex;
    gap: 20px;
    padding-left: 20px;
    padding-right: 40px;
  }
  .growth_swiper .swiper-wrapper .swiper-slide {
    width: auto;
  }
  .growth_swiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: 40px;
  }
  .growth_swiper .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .growth_swiper .swiper-wrapper .content_grid_v11 {
    width: 82vw;
  }
}

.swiper-button-disabled.swiper-button-lock {
  display: none;
}

.content_grid--asset {
  border-radius: 8px;
  overflow: hidden;
}
.content_grid--asset video,
.content_grid--asset img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
@media (max-width: 768px) {
  .content_grid--asset video,
  .content_grid--asset img {
    height: 280px;
  }
}

.cus_table {
  margin-top: -50px;
}
.cus_table .dt-layout-table {
  border: 0.5px solid var(--Primary-Light-Blue, #0094d6);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cus_table {
    margin-top: 0px;
  }
}
.cus_table div.dt-container.dt-empty-footer .dt-scroll-body {
  border: none;
}
.cus_table table.dataTable > thead > tr > th,
.cus_table table.dataTable > thead > tr > td {
  border: none;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .cus_table table.dataTable > thead > tr > th,
  .cus_table table.dataTable > thead > tr > td {
    font-size: 12px;
  }
}
.cus_table table.dataTable > thead > tr > th {
  font-weight: 600;
  text-transform: uppercase;
  padding: 24px 8px;
  min-width: 230px;
  text-align: center;
  border: 0.5px solid var(--Primary-Light-Blue, #0094d6);
  border-top: none;
  border-bottom: none;
}
.cus_table table.dataTable > thead > tr > th:first-child {
  border-left: none;
}
.cus_table table.dataTable > thead > tr > th:last-child {
  border-right: none;
}
@media (max-width: 768px) {
  .cus_table table.dataTable > thead > tr > th {
    font-size: 12px;
    padding: 12px 6px;
    min-width: 140px;
  }
}
.cus_table table.dataTable > tbody > tr > td {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  padding: 16px 8px;
  min-width: 230px;
  text-align: center;
  background: var(--Light-grey, #edf2f6);
  border: 0.5px solid var(--Primary-Light-Blue, #0094d6);
}
.cus_table table.dataTable > tbody > tr > td:first-child {
  border-left: none;
}
.cus_table table.dataTable > tbody > tr > td:last-child {
  border-right: none;
}
@media (max-width: 768px) {
  .cus_table table.dataTable > tbody > tr > td {
    font-size: 12px;
    padding: 12px 6px;
    min-width: 140px;
  }
}
.cus_table table {
  border-collapse: collapse;
  border: none;
}
.cus_table .dt-search {
  margin-bottom: 12px;
}
.cus_table .dt-search label {
  display: none;
}
.cus_table div.dt-container .dt-search input {
  border-radius: 100px;
  border: 1px solid var(--White, #fff);
  background: #edf2f6 url("../images/icons/search.svg") no-repeat center right 16px;
  padding: 12px 16px;
  min-width: 300px;
  color: var(--dark-grey-2, #737578);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  outline: none;
}
@media (max-width: 768px) {
  .cus_table div.dt-container .dt-search input {
    min-width: 100%;
    margin: 0 auto;
  }
}
.cus_table input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.cus_table .dt-info {
  color: var(--dark-grey-2, #737578) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.cus_table div.dt-container .dt-paging .dt-paging-button {
  background: transparent;
  border: none;
  color: var(--dark-grey-2, #737578) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

@keyframes boardFade {
  0% {
    opacity: 0;
    display: none;
    transform: translateY(18px);
  }
  100% {
    opacity: 1;
    display: flex;
    transform: translateY(0px);
  }
}
@keyframes boardFadeOut {
  0% {
    opacity: 1;
    display: flex;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    display: none;
    transform: translateY(18px);
  }
}
.board_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  animation: 0.35s boardFadeOut cubic-bezier(0.165, 0.84, 0.44, 1);
}
.board_modal.open {
  display: flex;
  animation: 0.5s boardFade cubic-bezier(0.165, 0.84, 0.44, 1);
}
.board_modal--close {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 0px 10px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50px;
  background: var(--Light-Blue, #edf2f6);
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
  cursor: pointer;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .board_modal--close {
    right: 10px;
    width: 30px;
    height: 30px;
    top: calc(76svh + 20px);
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
  }
}
.board_modal--close svg path {
  transition: 0.25s linear;
}
.board_modal--close:hover {
  background: #081997;
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .board_modal--close:hover {
    transform: translateX(-50%) rotate(90deg);
  }
}
.board_modal--close:hover svg path {
  fill: #fff;
}
.board_modal_inner {
  border-radius: 8px;
  background: #fff;
  padding: 50px;
  width: 1200px;
  position: relative;
}
@media (max-width: 768px) {
  .board_modal_inner {
    padding: 35px 20px 50px;
    overflow: auto;
    margin: 0 20px;
    height: 76svh;
  }
}
.board_modal_content {
  display: flex;
  gap: 50px;
  position: relative;
}
.board_modal_content .content_grid_v3_each {
  max-width: 380px;
}
@media (min-width: 768px) {
  .board_modal_content .content_grid_v3--img {
    min-width: 380px;
  }
}
@media (max-width: 768px) {
  .board_modal_content {
    flex-direction: column;
    gap: 24px;
    gap: 0px;
  }
}
.board_modal_content::before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: 50px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: 0px;
}
@media (max-width: 768px) {
  .board_modal_content::before {
    display: none;
  }
}
.board_modal_content_info--title {
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.board_modal_content_info--title img {
  width: 26px;
  margin-bottom: -2px;
}
@media (max-width: 768px) {
  .board_modal_content_info--title {
    font-size: 22px;
  }
  .board_modal_content_info--title img {
    width: 16px;
    margin-bottom: -2px;
  }
}
.board_modal_content_info--desg {
  color: var(--Dark-grey, #545454);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .board_modal_content_info--desg {
    font-size: 15px;
  }
}
.board_modal_content_info--desc {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin: 32px 0;
}
@media (max-width: 768px) {
  .board_modal_content_info--desc {
    font-size: 14px;
    margin: 16px 0;
  }
}
.board_modal_content_info_sticky {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.board_modal_content_info_sticky::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: -40px;
  z-index: -1;
}
@media (max-width: 768px) {
  .board_modal_content_info_sticky::before {
    display: none;
  }
}
.board_modal_content_info_scroll {
  overflow: auto;
  height: 420px;
  padding-bottom: 40px;
  scroll-behavior: smooth;
  padding-right: 20px;
  /* width */
  /* Track */
  /* Handle */
}
@media (max-width: 768px) {
  .board_modal_content_info_scroll {
    height: auto;
    overflow: auto;
    padding-right: 0px;
  }
}
.board_modal_content_info_scroll::-webkit-scrollbar {
  width: 2px;
}
.board_modal_content_info_scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(230, 230, 230);
  border-radius: 10px;
}
.board_modal_content_info_scroll::-webkit-scrollbar-thumb {
  background: #081997;
  border-radius: 4px;
}
.board_modal_content_info_scroll h4 {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .board_modal_content_info_scroll h4 {
    font-size: 15px;
    margin-bottom: 8px;
  }
}
.board_modal_content_info_scroll ol li {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .board_modal_content_info_scroll ol li {
    font-size: 14px;
  }
}

.explore_head_flex {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .explore_head_flex {
    display: block;
  }
  .explore_head_flex .cus_select.label_flex {
    padding: 10px 0;
  }
}

.m_auto {
  margin: 0 auto;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header {
  border-bottom: 1px solid var(--Light-grey, #edf2f6);
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
  z-index: 99;
}
header.close {
  overflow: hidden;
}
@media (max-width: 768px) {
  header {
    padding: 0 20px;
  }
}

.navbar {
  height: 60px;
  display: flex;
  align-items: center;
}
.navbar .logo img {
  min-width: 100px;
}
@media (max-width: 768px) {
  .navbar .logo img {
    min-width: 80px;
  }
}

.milestone {
  color: var(--Light-Blue, #edf2f6);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  background: #081997;
  padding: 6px 20px;
  text-align: center;
  position: relative;
  z-index: 9;
}
.milestone::before {
  width: 50px;
  height: 100%;
  top: 0;
  right: 100px;
  content: "";
  position: absolute;
  background: linear-gradient(270deg, #081997 0%, rgba(8, 25, 151, 0) 100%);
}
@media (max-width: 768px) {
  .milestone {
    display: flex;
    gap: 8px;
  }
}
.milestone span {
  display: inline-block;
}
@media (max-width: 768px) {
  .milestone span {
    white-space: nowrap;
    overflow: auto;
    max-width: calc(100% - 80px);
    padding-right: 25px;
  }
  .milestone span::-webkit-scrollbar {
    display: none;
  }
}
.milestone a {
  color: var(--Light-Blue, #edf2f6);
  text-underline-offset: 2px;
}

.menu_blur {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100svh;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 8;
  display: none;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu_blur.open {
  display: block;
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 60px);
  margin-left: 60px;
}
.navbar_menu.desk {
  display: flex;
}
@media (max-width: 768px) {
  .navbar_menu.desk {
    display: none;
  }
}
.navbar_menu.mob {
  display: none;
}
@media (max-width: 768px) {
  .navbar_menu.mob {
    display: flex;
    justify-content: flex-end;
  }
}
.navbar_menu_list {
  display: flex;
  align-items: center;
  gap: 32px;
}
.navbar_menu_list_each--title {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: capitalize;
  cursor: pointer;
  transition: 0.35s linear;
}
.navbar_menu_list_each--title a {
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.navbar_menu_list_each--title.open {
  color: #081997;
}
.navbar_menu_list_each--menu {
  padding: 50px 0 100px;
  position: absolute;
  top: 100%;
  border-top: 1px solid var(--Light-grey, #edf2f6);
  left: 0;
  min-height: 400px;
  background: #fff;
  width: 100%;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.06);
  display: none;
}
.navbar_menu_list_each--menu.open {
  display: block;
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar_menu_list_each--menu .annual_grid_report_each {
  position: absolute;
  max-width: 375px;
  min-width: 375px;
  background: linear-gradient(270deg, rgb(43, 52, 138) 50%, rgb(0, 147, 210) 100%);
  bottom: 0;
  right: 0;
  padding: 30px 20px;
}
.navbar_menu_list_each--menu .annual_grid_report_each .annual_grid_report_info--title {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 2px;
}
.navbar_menu_list_each--menu .annual_grid_report_each .annual_grid_report_info--subtext .name {
  font-size: 12px;
  font-weight: 700;
}
.navbar_menu_list_each--menu .annual_grid_report_each .annual_grid_report_info--price {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}
.navbar_menu_list_each--menu .annual_grid_report_each .annual_grid_report_info--value {
  text-align: right;
  font-size: 12px;
}
.navbar_menu_list_each--menu ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.navbar_menu_list_each--menu ul li.has_menu > a {
  position: relative;
}
.navbar_menu_list_each--menu ul li.has_menu > a::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background: linear-gradient(270deg, #fff 0%, rgba(0, 148, 214, 0.5) 125.35%);
  top: 10px;
  right: 0;
  opacity: 0;
}
.navbar_menu_list_each--menu ul li:hover.has_menu > a {
  color: #1968e7;
}
.navbar_menu_list_each--menu ul li:hover.has_menu > a::after {
  opacity: 1;
}
.navbar_menu_list_each--menu ul li:hover .submenu {
  display: flex;
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar_menu_list_each--menu ul.submenu {
  gap: 16px;
  position: absolute;
  right: -400px;
  top: 0px;
  display: none;
  padding: 0px 20px;
  min-width: 420px;
  z-index: 1;
}
.navbar_menu_list_each--menu ul.submenu li a {
  font-size: 14px;
  padding-left: 28px;
  transition: 0.25s linear;
  display: flex;
  align-items: center;
  gap: 8px;
}
.navbar_menu_list_each--menu ul.submenu li a::before {
  content: "";
  background: url("../images/icons/open.svg") center left no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0;
  transform: translateX(0px);
  transition: 0.25s linear;
}
.navbar_menu_list_each--menu ul.submenu li a:hover {
  transform: translateX(28px);
  color: #1968e7;
  font-weight: 600;
}
.navbar_menu_list_each--menu ul.submenu li a:hover::before {
  opacity: 1;
  transform: translateX(0px);
}
.navbar_menu_list_each--menu ul li a {
  color: #313131;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: 0.25s linear;
}
.navbar_menu_list_each--menu ul li a:hover {
  color: #0054a4;
  font-weight: 600;
}

.menu_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 280px;
}
.menu_flex_each {
  display: flex;
  gap: 80px;
}

.menu_banner {
  position: relative;
  max-width: 500px;
  padding-right: 25px;
}
.menu_banner_info--text {
  padding: 20px 25px;
  color: #def2fb;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  right: 0px;
  bottom: -25px;
  max-width: 390px;
  background: linear-gradient(270deg, rgb(43, 52, 138) 50%, rgb(0, 147, 210) 100%);
}

.more_close {
  position: absolute;
  background: #fff;
  top: -111px;
  height: 60px;
  right: 0;
  width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.close_menu {
  color: #1968e7;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.close_menu_mob {
  color: #1968e7;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding: 16px 20px;
  width: 100%;
  border-bottom: rgba(49, 49, 49, 0.08) 1px solid;
}
.close_menu_mob img {
  max-width: 16px;
  margin-right: 8px;
}

.hamburger {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media (max-width: 768px) {
  .hamburger {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.hamburger.open span:nth-child(1) {
  transform: translate(0px, 5px) rotate(45deg);
}
.hamburger.open span:nth-child(2) {
  width: 0px;
  opacity: 0;
}
.hamburger.open span:nth-child(3) {
  transform: translate(0px, -5px) rotate(-45deg);
}
.hamburger span {
  display: inline-block;
  background: #313131;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger_menu {
  position: absolute;
  top: calc(100% + 1px);
  right: 0px;
  width: 0%;
  height: calc(100dvh - 60px);
  background: #fff;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 120px;
}
.hamburger_menu.open {
  width: 100vw;
}
.hamburger_menu ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  width: 100vw;
  right: 0;
  position: absolute;
}
.hamburger_menu ul li {
  border-bottom: rgba(49, 49, 49, 0.08) 1px solid;
}
.hamburger_menu ul li a {
  color: #313131;
  text-decoration: none;
  display: block;
  padding: 16px 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}
.hamburger_menu ul li a.has_menu {
  background: url("../images/icons/arrow-right-3.svg") center right 20px no-repeat;
  background-size: 14px;
}
.hamburger_menu ul li a.has_menu.open + .has_menu_list {
  transform: translateX(0%);
}
.hamburger_menu ul li a.has_menu + .has_menu_list {
  position: absolute;
  top: 0;
  right: 0px;
  width: 100%;
  height: calc(100dvh - 60px);
  background: #fff;
  transform: translateX(100%);
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: auto;
}

.footer_info {
  background: #1b1b1b;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .footer_info {
    padding: 60px 0 0;
  }
}
.footer_info_flex {
  display: flex;
  justify-content: space-between;
  gap: 136px;
  position: relative;
}
@media (max-width: 768px) {
  .footer_info_flex {
    flex-direction: column;
    gap: 25px;
    padding: 0 20px 30px;
  }
  .footer_info_flex::before {
    content: "";
    position: absolute;
    background: rgba(237, 242, 246, 0.3);
    height: 1px;
    width: calc(100% - 40px);
    bottom: 0;
    left: 20px;
  }
}
.footer_info_touch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  background: #171717;
  padding: 40px;
  min-width: 285px;
  border-radius: 8px;
}
.footer_info_touch--link .primary_btn {
  line-height: normal;
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  border-radius: 50px;
  background: #222;
}
.footer_info_touch--social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.footer_info_touch--social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 50%;
  transition: 0.25s linear;
}
.footer_info_touch--social a:hover svg path {
  fill: #fff;
}
.footer_info_touch--social a:nth-child(1):hover {
  background: #3b5998;
}
.footer_info_touch--social a:nth-child(2):hover {
  background: #1da1f2;
}
.footer_info_touch--social a:nth-child(3):hover {
  background: #0077b5;
}
.footer_info_touch--social a:nth-child(4):hover {
  background: red;
}
.footer_info_touch--social a svg {
  width: 12px;
  height: 12px;
}
.footer_info_touch--social a svg path {
  transition: 0.25s linear;
}
.footer_info--title {
  color: var(--Light-Blue, #edf2f6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .footer_info--title {
    font-size: 14px;
  }
}
.footer_info--text {
  color: var(--dark-grey-2, #6d758f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.footer_info--text a {
  color: var(--dark-grey-2, #6d758f);
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.footer_info--text a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #6d758f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.footer_info--text a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.footer_info--text ul {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 96px;
       column-gap: 96px;
}
@media (max-width: 768px) {
  .footer_info--text ul {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.footer_info--text ul li a {
  color: var(--dark-grey-2, #6d758f);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-decoration: none;
  position: relative;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (max-width: 768px) {
  .footer_info--text ul li a {
    min-width: -moz-min-content;
    min-width: min-content;
  }
}
.footer_info--text ul li a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #6d758f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.footer_info--text ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.footer_links {
  background: #1b1b1b;
  border-top: #171717 1px solid;
  padding: 25px 0;
}
@media (max-width: 768px) {
  .footer_links {
    border: none;
  }
}
.footer_links_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .footer_links_inner {
    display: block;
    padding: 0 20px;
  }
}
.footer_links_each ul {
  padding-left: 0;
  margin-bottom: 0px;
  list-style: none;
  display: flex;
  gap: 10px;
}
@media (max-width: 768px) {
  .footer_links_each ul {
    flex-wrap: wrap;
    gap: 0px 10px;
    margin-bottom: 16px;
  }
}
.footer_links_each ul li {
  position: relative;
}
.footer_links_each ul li:last-child::before {
  display: none;
}
.footer_links_each ul li::before {
  border-right: #6d758f 1px solid;
  content: "";
  position: absolute;
  height: 60%;
  right: -6px;
  top: calc(20% + 2px);
}
.footer_links_each a {
  color: var(--dark-grey-2, #6d758f);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-decoration: none;
  position: relative;
}
.footer_links_each a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #6d758f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.footer_links_each a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.footer_copyright {
  background: #000000;
}
.footer_copyright_inner {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .footer_copyright_inner {
    justify-content: center;
    flex-direction: column;
    height: 44px;
    gap: 12px;
    height: auto;
    padding: 16px 0;
  }
}
.footer_copyright--text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  letter-spacing: 0.01em;
  color: #6d758f;
}
.footer_copyright--text a {
  color: #6d758f;
  text-underline-offset: 2px;
}
@media (max-width: 768px) {
  .footer_copyright--text {
    text-align: center;
  }
}

.dots {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.dots:not(:last-child) {
  margin-right: 9px;
}
.dots:before, .dots:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
}
.dots:nth-child(1):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -0.9s;
  background-color: #0094D6;
}
.dots:nth-child(1):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -0.9s;
  background-color: #fff;
}
.dots:nth-child(2):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -1.8s;
  background-color: #0094D6;
}
.dots:nth-child(2):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -1.8s;
  background-color: #fff;
}
.dots:nth-child(3):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -2.7s;
  background-color: #0094D6;
}
.dots:nth-child(3):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -2.7s;
  background-color: #fff;
}
.dots:nth-child(4):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -3.6s;
  background-color: #0094D6;
}
.dots:nth-child(4):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -3.6s;
  background-color: #fff;
}
.dots:nth-child(5):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -4.5s;
  background-color: #0094D6;
}
.dots:nth-child(5):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -4.5s;
  background-color: #fff;
}
.dots:nth-child(6):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -5.4s;
  background-color: #0094D6;
}
.dots:nth-child(6):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -5.4s;
  background-color: #fff;
}
.dots:nth-child(7):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -6.3s;
  background-color: #0094D6;
}
.dots:nth-child(7):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -6.3s;
  background-color: #fff;
}
.dots:nth-child(8):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -7.2s;
  background-color: #0094D6;
}
.dots:nth-child(8):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -7.2s;
  background-color: #fff;
}
.dots:nth-child(9):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -8.1s;
  background-color: #0094D6;
}
.dots:nth-child(9):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -8.1s;
  background-color: #fff;
}
.dots:nth-child(10):before {
  transform: translateY(-200%);
  animation: animBefore 1s linear infinite;
  animation-delay: -9s;
  background-color: #0094D6;
}
.dots:nth-child(10):after {
  transform: translateY(200%);
  animation: animAfter 1s linear infinite;
  animation-delay: -9s;
  background-color: #fff;
}
@keyframes animBefore {
  0% {
    transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  25% {
    transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  50% {
    transform: scale(1) translateY(200%);
    z-index: -1;
  }
  75% {
    transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  100% {
    transform: scale(1) translateY(-200%);
    z-index: -1;
  }
}
@keyframes animAfter {
  0% {
    transform: scale(1) translateY(200%);
    z-index: -1;
  }
  25% {
    transform: scale(0.7) translateY(0);
    z-index: -1;
  }
  50% {
    transform: scale(1) translateY(-200%);
    z-index: 1;
  }
  75% {
    transform: scale(1.3) translateY(0);
    z-index: 1;
  }
  100% {
    transform: scale(1) translateY(200%);
    z-index: 1;
  }
}
.loader {
  position: fixed;
  height: 100svh;
  width: 100%;
  z-index: 9999;
  cursor: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.loader--anim {
  position: relative;
  transform: scale(0.8) translateX(-4px);
}
.loader--logo {
  display: none;
}
.loader--img {
  width: 260px;
  height: auto;
}
.loader.reveal {
  pointer-events: none;
}
.loader.reveal::before, .loader.reveal::after {
  width: 0%;
}
.loader.reveal .loader--num,
.loader.reveal .loader--name,
.loader.reveal .loader--logo,
.loader.reveal .loader--anim,
.loader.reveal .loader--img {
  opacity: 0;
}
.loader--num {
  color: #FFF;
  font-size: 290px;
  font-weight: 600;
  line-height: 280px;
  letter-spacing: 0.7px;
  letter-spacing: -1.8rem;
  transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .loader--num {
    font-size: 100px;
    line-height: 120px;
    letter-spacing: -0.75rem;
  }
}
.loader--num .perc {
  color: hsla(0, 0%, 100%, 0.06);
  margin-left: -70px;
  display: inline-block;
}
@media (max-width: 768px) {
  .loader--num .perc {
    margin-left: -20px;
  }
}
.loader--name {
  color: #FFF;
  line-height: 110%;
  font-weight: 400;
  letter-spacing: 0.7px;
  position: absolute;
  bottom: 0px;
  padding: 20px;
  transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  font-size: 26px;
  opacity: 0.6;
  text-align: center;
}
@media (max-width: 768px) {
  .loader--name {
    font-size: 16px;
  }
}
.loader--name b {
  font-weight: 600;
  font-size: 42px;
}
@media (max-width: 768px) {
  .loader--name b {
    font-size: 22px;
  }
}
.loader::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 61%;
  height: 101%;
  background: #081997;
  z-index: -1;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.loader::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 41%;
  height: 101%;
  background: #081997;
  z-index: -1;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.secondary_nav {
  border: 1px solid #EDF2F6;
  background: var(--Light-Blue, #EDF2F6);
  position: relative;
}
.secondary_nav::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(270deg, rgba(237, 242, 246, 0.5) 0%, rgb(237, 242, 246) 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .secondary_nav::before {
    width: 20px;
  }
}
.secondary_nav::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(237, 242, 246, 0.5) 0%, rgb(237, 242, 246) 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .secondary_nav::after {
    width: 20px;
  }
}
.secondary_nav_sticky {
  position: sticky;
  top: 60px;
  z-index: 12;
}
.secondary_nav.light {
  border: 1px solid #EDF2F6;
  background: var(--White, #FFF);
}
.secondary_nav.light::before, .secondary_nav.light::after {
  display: none;
}
.secondary_nav.light ul li a {
  text-transform: none;
}
.secondary_nav .containerOverflow_wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .secondary_nav .containerOverflow_wrapper {
    padding-left: 20px;
  }
}
.secondary_nav .containerOverflow_wrapper::-webkit-scrollbar {
  display: none;
}
.secondary_nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  height: 60px;
  gap: 30px;
  margin-bottom: 0px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .secondary_nav ul {
    height: 40px;
    gap: 20px;
  }
}
.secondary_nav ul li {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.secondary_nav ul li:last-child {
  padding-right: var(--right);
}
@media (max-width: 768px) {
  .secondary_nav ul li:last-child {
    padding-right: 20px;
  }
}
.secondary_nav ul li a {
  text-decoration: none;
  color: var(--Black, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  transition: 0.25s linear;
  display: block;
}
@media (max-width: 768px) {
  .secondary_nav ul li a {
    font-size: 11px;
  }
}
.secondary_nav ul li a.active {
  color: #081997;
  font-weight: 600;
}

.space_lg {
  height: 140px;
}
@media (max-width: 768px) {
  .space_lg {
    height: 70px;
  }
}

.space_md {
  height: 100px;
}
@media (max-width: 768px) {
  .space_md {
    height: 50px;
  }
}

.space_xs {
  height: 60px;
}
@media (max-width: 768px) {
  .space_xs {
    height: 30px;
  }
}

.light_grey_bg_2 {
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff) !important;
}

.light_grey_bg_3 {
  background: linear-gradient(199deg, #fff 10.47%, #f7f6fb 97.09%);
}

.bg_v1 {
  background: var(--Gradient, linear-gradient(94deg, #081997 7.85%, #c11c8c 147.72%));
}

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

.awards_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .awards_grid {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 20px;
  }
}
.awards_grid_each {
  padding: 56px 24px;
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff);
}
@media (max-width: 768px) {
  .awards_grid_each {
    padding: 32px 24px;
  }
}
.awards_grid_each img {
  mix-blend-mode: darken;
}

.content_grid_rd {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 64px;
}
@media (max-width: 768px) {
  .content_grid_rd {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
.content_grid_rd_card {
  padding: 30px;
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
}
@media (max-width: 768px) {
  .content_grid_rd_card {
    padding: 20px;
  }
}
.content_grid_rd_card--asset {
  margin-bottom: 28px;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .content_grid_rd_card--asset {
    margin-bottom: 24px;
  }
}
.content_grid_rd_card--asset img {
  display: block;
}
.content_grid_rd_card--label {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .content_grid_rd_card--label {
    font-size: 12px;
  }
}
.content_grid_rd_card--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .content_grid_rd_card--title {
    font-size: 18px;
  }
}
.content_grid_rd_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 768px) {
  .content_grid_rd_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}

.conten_card {
  border-radius: 8px;
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff);
  padding: 54px 30px;
}
@media (max-width: 768px) {
  .conten_card {
    padding: 20px;
    display: flex;
    align-items: center;
  }
}
.conten_card--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .conten_card--title {
    font-size: 16px;
  }
  .conten_card--title br {
    display: none;
  }
}
.conten_card_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 768px) {
  .conten_card_list {
    gap: 12px;
  }
}

.image_radius {
  border-radius: 8px;
  overflow: hidden;
}
.image_radius img {
  display: block;
}

@media (max-width: 768px) {
  .products_swiper .swiper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .products_swiper .swiper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .products_swiper .swiper-wrapper {
    display: flex;
    gap: 16px;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 20px;
  }
}
.products_swiper .swiper-slide {
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .products_swiper .swiper-slide {
    width: 82vw;
    height: auto;
  }
}
.products_swiper .content_grid_rd_card {
  max-width: 460px;
  min-width: 460px;
  height: 100%;
  display: block;
  text-decoration: none;
}
@media (max-width: 768px) {
  .products_swiper .content_grid_rd_card {
    min-width: auto;
  }
}

.btn_tabs.v4 .tabs {
  padding-bottom: 0px;
  margin-bottom: -52px;
}
@media (max-width: 768px) {
  .btn_tabs.v4 .tabs {
    margin-bottom: 0px;
  }
}
.btn_tabs.v4 .tabs .tab {
  background: rgba(255, 255, 255, 0.5);
}

.our_proudcts {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #f1f2f4 !important;
}
.our_proudcts--asset {
  position: absolute;
  width: 100vw;
  height: calc(100% + 160px);
  bottom: 0px;
  right: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: darken;
}
@media (max-width: 768px) {
  .our_proudcts--asset {
    height: 50%;
  }
}

.logos {
  display: grid;
  grid-template-columns: 380px calc(100% - 420px);
  gap: 40px;
  align-items: flex-start;
  border-radius: 8px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  padding: 40px;
}
.logos.v2 {
  padding: 0px;
  background: transparent;
  display: block;
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .logos.v2 {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .logos {
    padding: 20px;
    display: block;
  }
}
.logos_swiper {
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  .logos_swiper {
    margin: 0 -20px;
  }
}
@media (max-width: 768px) {
  .logos_swiper .swiper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .logos_swiper .swiper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .logos_swiper .swiper-wrapper {
    display: flex;
    gap: 12px;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 20px;
  }
}
.logos_swiper .custom_swiper--btns {
  position: absolute;
  bottom: 0;
  right: 0;
}
.logos_swiper .swiper-slide {
  width: auto;
}
.logos--asset {
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff);
  padding: 52px 60px;
}
@media (max-width: 768px) {
  .logos--asset {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 12px;
  }
}
.logos .logos_list {
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff);
  max-width: 156px;
  min-width: 156px;
  height: 116px;
  padding: 32px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .logos .logos_list {
    max-width: 136px;
    min-width: 136px;
    height: 86px;
    padding: 12px 20px;
  }
}
.logos .logos_list img {
  mix-blend-mode: darken;
}

.purpose_group {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.purpose_group--asset {
  position: absolute;
  width: 100vw;
  height: calc(100% + 110px);
  bottom: -40px;
  right: 0;
  mix-blend-mode: darken;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
@media (max-width: 768px) {
  .purpose_group--asset {
    height: calc(100% + 70px);
  }
}

.media_latest.lifestar {
  grid-template-columns: 600px 1fr;
}
@media (max-width: 768px) {
  .media_latest.lifestar {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.media_latest.lifestar .media_latest_list {
  gap: 30px;
}
@media (max-width: 768px) {
  .media_latest.lifestar .media_latest_list {
    gap: 20px;
  }
}
.media_latest.lifestar .media_latest_list .media_latest_card--asset {
  min-height: 146px;
  height: 146px;
  width: 192px;
  min-width: 192px;
}
@media (max-width: 768px) {
  .media_latest.lifestar .media_latest_list .media_latest_card--asset {
    width: 100%;
    min-width: 100%;
  }
}
.media_latest.lifestar .media_latest_card--asset {
  position: relative;
  z-index: 1;
}
.media_latest.lifestar .media_latest_card--asset::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.8) 103.25%);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  opacity: 0.5;
}
.media_latest.lifestar .media_latest_card_info {
  width: 100%;
  padding: 16px 20px !important;
}
.media_latest.lifestar .media_latest_card_info--date {
  margin-bottom: 8px;
}
.media_latest.lifestar .media_latest_card_info--subtitle {
  margin-bottom: 14px;
}
.media_latest.lifestar .media_latest_main .media_latest_card_info--date,
.media_latest.lifestar .media_latest_main .media_latest_card_info--title,
.media_latest.lifestar .media_latest_main .media_latest_card_info--link {
  color: #fff;
}
.media_latest.lifestar .media_latest_main .media_latest_card_info--title {
  min-height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.media_latest.lifestar .media_latest_main .media_latest_card {
  position: relative;
  height: 100%;
}
.media_latest.lifestar .media_latest_main .media_latest_card .media_latest_card--asset {
  height: 100%;
}
.media_latest.lifestar .media_latest_main .media_latest_card_info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.marquee_logos > div {
  display: flex;
  align-items: center;
}

.post_kma {
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  padding: 100px 20px 180px;
  text-align: center;
}
.post_kma.no_card {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .post_kma.no_card {
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .post_kma {
    padding: 50px 20px 90px;
  }
}
.post_kma--search form {
  max-width: 800px;
  margin: 0 auto;
}
.post_kma--search .custom_search input {
  height: 60px;
  font-size: 16px;
  color: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  padding-left: 40px;
}
@media (max-width: 768px) {
  .post_kma--search .custom_search input {
    padding-left: 20px;
    max-width: 90%;
    display: block;
    text-overflow: ellipsis;
    font-size: 14px;
    height: 45px;
  }
}
.post_kma--search .custom_search input::-moz-placeholder {
  color: var(--dark-grey-2, #737578);
}
.post_kma--search .custom_search input::placeholder {
  color: var(--dark-grey-2, #737578);
}
.post_kma--search .custom_search--btn {
  height: 60px;
  right: 10px;
}
@media (max-width: 768px) {
  .post_kma--search .custom_search--btn {
    height: 45px;
  }
}
.post_kma--search .custom_search--btn img {
  min-width: 22px;
  height: 22px;
}
@media (max-width: 768px) {
  .post_kma--search .custom_search--btn img {
    min-width: 18px;
    height: 18px;
  }
}
.post_kma .big_title {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .post_kma .big_title {
    padding-bottom: 0px;
  }
}
.post_kma .subtext4 {
  max-width: 960px;
  margin: 0 auto;
}
.post_kma--card {
  margin-top: -80px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .post_kma--card {
    margin-top: -40px;
  }
}
@media (min-width: 768px) {
  .post_kma--card .content_grid {
    background: #fff;
    border-radius: 8px;
  }
}

.date {
  color: var(--dark-grey-2, #737578);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  margin-bottom: 15px;
}

.h-500 {
  height: 500px !important;
}
@media (max-width: 768px) {
  .h-500 {
    height: 280px !important;
  }
}

.clamp_2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title6 {
  color: var(--Black, #000);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.48px;
}
@media (max-width: 768px) {
  .title6 {
    font-size: 28px;
  }
}

.lifestar_numbers {
  margin-top: -140px;
  position: relative;
}
@media (max-width: 768px) {
  .lifestar_numbers {
    margin-top: -80px;
  }
}
.lifestar_numbers_list {
  border-radius: 8px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  padding: 70px 80px;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .lifestar_numbers_list {
    padding: 30px 20px;
    flex-direction: column;
    gap: 32px;
  }
}
.lifestar_numbers_list_each {
  max-width: 240px;
}
.lifestar_numbers_list_each--icon {
  margin-bottom: 16px;
}
.lifestar_numbers_list_each--year {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .lifestar_numbers_list_each--year {
    font-size: 24px;
    margin-bottom: 6px;
  }
}
.lifestar_numbers_list_each--title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .lifestar_numbers_list_each--title {
    font-size: 20px;
    margin-bottom: 6px;
  }
}
.lifestar_numbers_list_each--text {
  color: var(--Light-grey, #edf2f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .lifestar_numbers_list_each--text {
    font-size: 14px;
  }
}

.generics_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .generics_head {
    padding-bottom: 30px;
  }
}
.generics_head .title {
  margin-bottom: 0px;
}
.generics .swiper-slide {
  height: auto;
}
@media (max-width: 768px) {
  .generics .swiper-slide {
    width: 82vw;
    margin-right: 20px;
  }
  .generics .swiper-slide .verticals_block_each.--2 {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .generics .swiper {
    margin: 0 -20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .generics .swiper-wrapper {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 20px;
  }
  .generics .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

.download_pdf {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .download_pdf {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 20px;
  }
}
.download_pdf_each {
  border-radius: 8px;
  border: 2px solid var(--Light-Blue, #edf2f6);
  background: #fff;
  overflow: hidden;
  text-decoration: none;
}
.download_pdf--top {
  background: var(--White, #fff);
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 40px;
}
@media (max-width: 768px) {
  .download_pdf--top {
    padding: 20px;
    gap: 20px;
  }
}
.download_pdf--top .download_pdf--icon {
  border-radius: 70px;
  background: var(--Primary-dark-blue, #081997);
  width: 66px;
  min-width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .download_pdf--top .download_pdf--icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 8px;
  }
}
.download_pdf--btm {
  background: var(--bg-gradient, linear-gradient(149deg, #eef6ff 26.95%, #f4f1f5 78.86%), #fff);
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .download_pdf--btm {
    padding: 20px;
    gap: 20px;
  }
}
.download_pdf--title {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.18px;
}
@media (max-width: 768px) {
  .download_pdf--title {
    font-size: 16px;
  }
}
.download_pdf--label {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .download_pdf--label {
    font-size: 12px;
  }
}

.lifestar_card {
  border-radius: 8px;
  border: 2px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 30px;
}
@media (max-width: 768px) {
  .lifestar_card {
    padding: 20px;
  }
}
.lifestar_card--icon {
  margin-bottom: 36px;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 70px;
  background: var(--Primary-dark-blue, #081997);
}
@media (max-width: 768px) {
  .lifestar_card--icon {
    width: 54px;
    height: 54px;
  }
}
.lifestar_card--title {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.28px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .lifestar_card--title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.lifestar_card--link {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .lifestar_card--link {
    margin-top: 12px;
  }
}
.lifestar_card--link span {
  color: var(--Dark-grey, #545454);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: block;
  padding-top: 14px;
}
.lifestar_card--link a {
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 20px;
  word-break: break-all;
}
@media (max-width: 768px) {
  .lifestar_card--link a {
    font-size: 14px;
  }
}
.lifestar_card--link a img,
.lifestar_card--link a svg {
  min-width: 22px;
}

.lifestar_touch {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 40px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .lifestar_touch {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.lifestar_touch .lifestar_card {
  min-height: 406px;
}
@media (max-width: 768px) {
  .lifestar_touch .lifestar_card {
    min-height: auto;
  }
}

[data-anim=fade-in] {
  opacity: 0;
  transition: 0.65s ease-out;
}

[data-anim=fade-in].show {
  opacity: 1;
}

[data-anim=fade-up] {
  opacity: 0;
  transform: translateY(8px);
  transition: 0.65s ease-out;
}

[data-anim=fade-up].show {
  opacity: 1;
  transform: translateY(0);
}

.product_card {
  border-radius: 8px;
  border: 2px solid var(--Light-Blue, #edf2f6);
  background: #fff;
  padding: 30px;
  text-decoration: none;
}
.product_card:hover .product_card_asset--img img {
  transform: scale(1.05);
}
.product_card:hover .product_card_asset_info--title {
  color: #081997;
}
@media (max-width: 768px) {
  .product_card {
    padding: 16px;
  }
}
.product_card_asset--img {
  border-radius: 4px;
  overflow: hidden;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
  margin-bottom: 32px;
  overflow: hidden;
}
.product_card_asset--img img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 195px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .product_card_asset--img img {
    aspect-ratio: 3/2.3;
    height: auto;
  }
}
.product_card_asset_info {
  position: relative;
}
.product_card_asset_info--label {
  position: absolute;
  top: -22px;
  border-radius: 40px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  padding: 0 16px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.product_card_asset_info--title {
  color: var(--Black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.18px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .product_card_asset_info--title {
    font-size: 16px;
  }
}
.product_card_asset_info--weight {
  color: #008fd0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 768px) {
  .product_card_asset_info--weight {
    font-size: 14px;
  }
}
.product_card_asset_info--weight span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
}
.product_card--desc {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .product_card--desc {
    font-size: 14px;
    line-height: 22px;
  }
}
.product_card--var {
  color: #545454;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .product_card--var {
    padding-top: 12px;
  }
}
.product_card--link {
  text-align: center;
  border-top: #edf2f6 1px solid;
  padding-top: 32px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .product_card--link {
    padding-top: 16px;
    margin-top: 16px;
  }
}
.product_card--link a {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .product_card--link a {
    font-size: 12px;
  }
}

.gap_20 {
  gap: 20px;
}

.product_detail {
  position: relative;
  margin-top: 30px;
}
.product_detail--asset {
  height: 540px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--Gradient, linear-gradient(94deg, #081997 7.85%, #c11c8c 147.72%));
}
@media (max-width: 768px) {
  .product_detail--asset {
    margin: 0 20px;
    height: 320px;
  }
}
.product_detail--asset::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.24) 103.25%);
}
.product_detail--asset img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_detail_info {
  position: absolute;
  width: 100%;
  bottom: 50px;
  z-index: 2;
  padding: 0 56px;
}
@media (max-width: 768px) {
  .product_detail_info {
    padding: 40px 40px 24px;
    bottom: 0px;
  }
}
.product_detail_info--label {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  border-radius: 40px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .product_detail_info--label {
    font-size: 12px;
  }
}
.product_detail_info--title {
  color: var(--White, #fff);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .product_detail_info--title {
    font-size: 24px;
  }
}

.product_overview--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .product_overview--title {
    font-size: 22px;
    padding: 0 20px 24px;
  }
}
.product_overview--asset {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .product_overview--asset {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
  }
}
.product_overview--asset img {
  width: 96px;
  min-width: 96px;
  height: 96px;
  border-radius: 12px;
  cursor: pointer;
  display: block;
}
@media (max-width: 768px) {
  .product_overview--asset img {
    width: 56px;
    min-width: 56px;
    height: 56px;
  }
}
.product_overview--asset a {
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.product_overview_table {
  color: var(--Black, #000);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  border-radius: 8px;
  border: #edf2f6 1px solid;
}
@media (max-width: 768px) {
  .product_overview_table {
    border: #edf2f6 1px solid;
    font-size: 14px;
    overflow-x: auto;
  }
  .product_overview_table::-webkit-scrollbar {
    display: none;
  }
}
.product_overview_table table {
  width: 100%;
  border-spacing: 0px;
}
.product_overview_table th {
  padding: 18px 0;
  font-weight: 700;
  border: #edf2f6 1px solid;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
@media (max-width: 768px) {
  .product_overview_table th {
    padding: 12px 20px;
  }
}
.product_overview_table th:first-child {
  text-align: left;
  padding-left: 30px;
  border-top-left-radius: 8px;
  border-left-width: 1px;
}
@media (max-width: 768px) {
  .product_overview_table th:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product_overview_table th:last-child {
  border-top-right-radius: 8px;
  border-right-width: 1px;
}
.product_overview_table tr {
  transition: 0.25s linear;
}
@media (min-width: 768px) {
  .product_overview_table tr:first-child {
    position: sticky;
    top: 61px;
    background: #fff;
    z-index: 9;
    box-shadow: #edf2f6 0 1px 0px 0px;
  }
}
.product_overview_table tr:hover {
  background: #edf2f6;
}
.product_overview_table tr:first-child th {
  border-top: none;
  border-left: none;
  border-right: none;
}
.product_overview_table tr td {
  border-left: none;
  border-right: none;
}
.product_overview_table tr:last-child td {
  border-bottom: none;
}
.product_overview_table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.product_overview_table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.product_overview_table td {
  padding: 20px 0;
  border: #edf2f6 1px solid;
  min-width: 180px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}
@media (max-width: 768px) {
  .product_overview_table td {
    padding: 16px 20px;
    min-width: 100%;
  }
}
.product_overview_table td:first-child {
  text-align: left;
  padding-left: 30px;
  border-left-width: 1px;
  min-width: 300px;
}
@media (max-width: 768px) {
  .product_overview_table td:first-child {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100%;
  }
}
.product_overview_table td:last-child {
  border-right-width: 1px;
}
.product_overview_table tr {
  border: #edf2f6 1px solid;
}

.product_grid {
  display: grid;
  grid-template-columns: calc(100% - 502px) 440px;
  gap: 62px;
}
@media (max-width: 768px) {
  .product_grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 20px;
  }
}

.product_resource--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .product_resource--title {
    font-size: 22px;
    padding-bottom: 32px;
  }
}
.product_resource_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product_resource_list_each {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  gap: 20px;
  padding: 16px 14px;
  border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #E3E6F8;
  background: var(--bg-gradient, linear-gradient(149deg, #EEF6FF 26.95%, #F4F1F5 78.86%), #FFF);
  transition: 0.25s linear;
}
.product_resource_list_each:hover {
  background: #edf2f6;
}
.product_resource_list_each--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.product_resource_list_each--icon svg {
  height: 24px;
  width: 24px;
}

.product_inform {
  padding: 32px;
  border-radius: 8px;
  border: 1px solid #edf2f6;
}
@media (max-width: 768px) {
  .product_inform {
    padding: 32px 20px;
  }
}
.product_inform_dropdown {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: #edf2f6 1px solid;
  position: relative;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none;
}
@media (max-width: 768px) {
  .product_inform_dropdown {
    flex-direction: column;
  }
}
.product_inform_dropdown .dropDown {
  position: relative;
}
.product_inform_dropdown .dropDown.active .dropDown--title::before {
  transform: rotateX(180deg);
}
.product_inform_dropdown .dropDown.active .dropDown_list {
  height: 180px;
  overflow: auto;
}
.product_inform_dropdown .dropDown--title {
  border-radius: 8px;
  background: var(--Light-grey, #edf2f6);
  padding: 15px;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  display: flex;
  align-items: center;
  position: relative;
  gap: 12px;
  cursor: pointer;
}
.product_inform_dropdown .dropDown--title::before {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  width: 24px;
  height: 24px;
  background: url("../images/icons/CaretDown.svg") center no-repeat;
  background-size: contain;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .product_inform_dropdown .dropDown--title::before {
    width: 20px;
    height: 20px;
  }
}
.product_inform_dropdown .dropDown--title span {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
}
.product_inform_dropdown .dropDown_list {
  position: absolute;
  top: calc(100% + 1px);
  background: #edf2f6;
  width: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  height: 0px;
  transition: 0.25s linear;
}
.product_inform_dropdown .dropDown_list_each {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  padding: 15px;
  cursor: pointer;
  transition: 0.25s linear;
}
.product_inform_dropdown .dropDown_list_each:hover {
  background: rgba(0, 0, 0, 0.05);
}
.product_inform_dropdown .dropDown_list_each span {
  color: var(--Dark-grey, #545454);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
}
.product_inform_dropdown--asset {
  min-width: 130px;
  height: 78px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product_inform_dropdown--asset {
    width: 100%;
    height: 120px;
  }
}
.product_inform_dropdown--asset img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_inform_dropdown_info {
  width: 100%;
}
.product_inform_dropdown_info--label {
  color: #545454;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.product_inform--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  padding-bottom: 34px;
}
@media (max-width: 768px) {
  .product_inform--title {
    font-size: 22px;
    padding-bottom: 32px;
  }
}
.product_inform_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  /* min 2 cols */
  gap: 30px 20px;
}
@media (max-width: 768px) {
  .product_inform_list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.product_inform_list > :last-child {
  grid-column: 1/-1;
  /* make last item span full width */
}
.product_inform_list_each--label {
  color: #545454;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .product_inform_list_each--label {
    font-size: 10px;
    margin-bottom: 6px;
  }
}
.product_inform_list_each--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}
@media (max-width: 768px) {
  .product_inform_list_each--title {
    font-size: 14px;
  }
}

.acc__card {
  padding: 32px 0;
  border-bottom: #edf2f6 1px solid;
}
@media (max-width: 768px) {
  .acc__card {
    padding: 24px 0;
  }
}

.acc__title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: left;
  padding-right: 50px;
}
@media (max-width: 768px) {
  .acc__title {
    font-size: 18px;
  }
}
.acc__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("../images/icons/CaretDown.svg") center no-repeat;
  background-size: contain;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .acc__title::after {
    width: 20px;
    height: 20px;
  }
}
.acc__title.active::after {
  transform: rotateX(180deg);
}

.acc__panel {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
  display: none;
  margin: 0;
  padding-top: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .acc__panel {
    font-size: 14px;
    padding-top: 16px;
  }
}

.w_full {
  width: 100%;
}

.product_modal {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product_modal {
    height: auto;
  }
  .product_modal .board_modal--close {
    top: 20px;
    right: 20px;
    position: absolute;
    left: auto;
    transform: none;
  }
}
.product_modal img {
  display: block;
}

.product_modal--asset {
  max-width: 600px;
}

.download_report {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 80px 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  will-change: transform;
  transition: 0.45s ease-in-out;
}
.download_report.explore_opp {
  padding: 60px;
}
@media (max-width: 768px) {
  .download_report.explore_opp {
    padding: 40px 30px;
  }
  .download_report.explore_opp br {
    display: none;
  }
}
.download_report.explore_opp .download_report--title {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 1220px) {
  .download_report {
    margin-inline: 20px;
  }
}
@media (min-width: 768px) {
  .download_report:hover {
    transform: perspective(1200px) scale(0.98) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
  }
}
@media (max-width: 768px) {
  .download_report {
    flex-direction: column;
    padding: 40px 30px;
    gap: 30px;
    text-align: center;
    margin: 0px;
  }
}
.download_report_layer {
  position: relative;
  z-index: 1;
}
.download_report_layer::before {
  background: var(--Light-grey, #edf2f6);
  height: 50%;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: -1;
  display: none;
}
.download_report_layer.exist::before {
  display: block;
}
.download_report--title {
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  font-weight: 700;
  max-width: 680px;
}
@media (max-width: 768px) {
  .download_report--title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
  }
}
.download_report_layer:is(.v2) {
  overflow: hidden;
}
.download_report_layer:is(.v2) .title {
  text-align: center;
}
.download_report_layer:is(.v2) .download_report {
  flex-direction: row;
  position: relative;
  padding: 35px;
  border: 1px solid #edf2f6;
  border-radius: 0;
  background: linear-gradient(119.64deg, rgba(9, 26, 152, 0) 1.4%, rgba(122, 28, 145, 0) 100.87%);
  transition: ease 0.25s;
}
.download_report_layer:is(.v2) .download_report:has(.download_report--subtext) {
  display: grid;
  grid-template-columns: 1fr 0.2fr auto;
}
.download_report_layer:is(.v2) .download_report::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  z-index: -1;
  transition: 0.25s ease-in-out;
}
.download_report_layer:is(.v2) .download_report:first-of-type, .download_report_layer:is(.v2) .download_report:first-of-type::before {
  border-radius: 8px 8px 0 0;
}
.download_report_layer:is(.v2) .download_report:last-of-type, .download_report_layer:is(.v2) .download_report:last-of-type::before {
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 768px) {
  .download_report_layer:is(.v2) .download_report {
    padding: 25px;
  }
  .download_report_layer:is(.v2) .download_report .download--btn.v2 span {
    display: none;
  }
}
.download_report_layer:is(.v2) .download_report--title {
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.01em;
  text-align: left;
  color: black;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .download_report_layer:is(.v2) .download_report--title {
    font-size: 14px;
    line-height: 22px;
  }
}
.download_report_layer:is(.v2) .download_report--subtext {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .download_report_layer:is(.v2) .download_report--subtext {
    font-size: 14px;
  }
}
.download_report_layer:is(.v2) .download_report:hover {
  transform: none;
}
.download_report_layer:is(.v2) .download_report:hover::before {
  opacity: 1;
}
.download_report_layer:is(.v2) .download_report:hover .download_report--title,
.download_report_layer:is(.v2) .download_report:hover .download_report--subtext {
  color: white;
}
.download_report_layer:is(.v2) .download_report:hover .download_report--btn .download--btn.v2 {
  color: white;
}
.download_report_layer:is(.v2) .download_report:hover .download_report--btn .download--btn.v2 svg path {
  fill: white;
}

.video_content {
  position: relative;
}
.video_content--video {
  height: 100svh;
  overflow: hidden;
  position: relative;
}
.video_content--video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 260px;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.video_content--video::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 260px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.video_content--video .layer {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(171, 240, 255, 0.6);
  mix-blend-mode: soft-light;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .video_content--video {
    height: 500px;
  }
}
.video_content--video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .video_content--video video {
    -o-object-position: 26% center;
       object-position: 26% center;
  }
}
.video_content_info {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  max-width: 730px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  padding: 80px;
  z-index: 1;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 768px) {
  .video_content_info {
    position: relative;
    top: auto;
    transform: none;
    padding: 0px 20px 30px;
    border-radius: 8px;
  }
}

.video_block .videoPlayer {
  height: calc(100svh - 60px);
  position: relative;
}
.video_block .videoPlayer_layer {
  position: relative;
  height: 100%;
}
.video_block .videoPlayer_layer.opacity_light::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(171, 240, 255, 0.6);
  mix-blend-mode: soft-light;
}
.video_block .videoPlayer_layer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 50, 74, 0.14) 0%, rgba(9, 159, 231, 0.35) 100%);
}
.video_block .videoPlayer video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video_block .videoPlayer.active .videoPlayer_layer::before {
  border-radius: 8px;
}
.video_block .videoPlayer.active video {
  border-radius: 8px;
}
@media (max-width: 768px) {
  .video_block .videoPlayer {
    height: 400px;
  }
}

.video-container {
  position: relative;
}
.video-container .muteUnmuteBtn {
  width: 48px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  bottom: 24px;
  right: 24px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.video-container .muteUnmuteBtn.mute .unmute {
  opacity: 1;
}
.video-container .muteUnmuteBtn.unmute .mute {
  opacity: 1;
}
.video-container .muteUnmuteBtn img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: 0.35s linear;
}

@keyframes scaleEffect {
  0% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
.verticals_wrapper {
  position: relative;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
@media screen and (max-width: 900px) {
  .verticals_wrapper {
    background-position: 60% 100% !important;
  }
}
.verticals_wrapper--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(114, 168, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%, rgba(0, 98, 255, 0) 100.01%), linear-gradient(180deg, rgba(224, 236, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0.5) 100%);
}

.verticals {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background: url("../video/business.mp4") center center no-repeat;
}
@media (max-width: 768px) {
  .verticals {
    padding: 60px 0px;
  }
}
.verticals--video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.verticals--video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 1;
}
.verticals--video video,
.verticals--video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .verticals--video video,
  .verticals--video img {
    -o-object-position: right;
       object-position: right;
  }
}
.verticals_info {
  max-width: 1200px;
  margin-inline: auto;
}
.verticals_info .subtext {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .verticals_info .subtext {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .verticals_info {
    padding: 0 20px;
    margin-bottom: 35px;
  }
}
.verticals_block {
  -moz-column-count: 2;
       column-count: 2;
  gap: 80px;
  max-width: 1020px;
  margin: 0 auto;
  margin-top: -240px;
}
.verticals_block.--2 {
  display: flex;
  gap: 22px;
  margin-top: unset;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .verticals_block.--2 {
    gap: 20px;
    flex-direction: row;
  }
}
.verticals_block.--2 .verticals_block_column {
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
}
.verticals_block.--2 .verticals_block_column:nth-of-type(2) {
  margin-top: 85px;
}
@media (max-width: 1200px) {
  .verticals_block.--2 .verticals_block_column {
    flex: 0 0 100%;
    gap: 20px;
    flex-direction: row;
  }
  .verticals_block.--2 .verticals_block_column:nth-of-type(2) {
    margin-top: 0;
  }
}
.verticals_block .verticals_info {
  opacity: 0;
}
@media (max-width: 768px) {
  .verticals_block {
    -moz-column-count: 1;
         column-count: 1;
    display: flex;
    overflow: auto;
    gap: 20px;
    padding: 0 20px;
    -webkit-overflow-scrolling: touch;
    margin-top: 0px;
  }
  .verticals_block::-webkit-scrollbar {
    display: none;
  }
  .verticals_block > div:first-child {
    display: none;
  }
}
.verticals_block_each {
  border-radius: 8px;
  padding: 50px 40px 40px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  margin-bottom: 40px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  will-change: transform;
  transition: 0.45s ease-in-out;
  max-width: 470px;
  min-height: 480px;
}
.verticals_block_each.card_height_v1 {
  min-height: auto;
}
.verticals_block_each.card_height_v2 {
  min-height: 380px;
}
.verticals_block_each.card_height_v3 {
  min-height: 250px;
}
.verticals_block_each.--2 {
  padding: 30px;
  gap: 24px;
  border-radius: 8px;
  border: 2px solid #edf2f6;
  margin: unset;
  justify-content: start;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .verticals_block_each.--2 {
    padding: 20px;
  }
}
.verticals_block_each.--2::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  transition: 0.25s ease-in-out;
  z-index: -1;
}
@media (min-width: 768px) {
  .verticals_block_each.--2:hover {
    transform: none;
  }
  .verticals_block_each.--2:hover::before {
    opacity: 1;
  }
  .verticals_block_each.--2:hover .verticals_block_each--icon {
    background-color: white;
  }
  .verticals_block_each.--2:hover .verticals_block_each--icon svg {
    fill: #081997;
  }
  .verticals_block_each.--2:hover .verticals_block_each--icon svg path {
    fill: #081997;
  }
  .verticals_block_each.--2:hover .content_grid_v23--title {
    color: #fff;
  }
  .verticals_block_each.--2:hover .verticals_block_each_info--title, .verticals_block_each.--2:hover .verticals_block_each_info--text {
    color: white;
  }
  .verticals_block_each.--2:hover .list_items ul {
    color: #fff;
  }
  .verticals_block_each.--2:hover .small {
    color: white;
  }
}
@media (min-width: 768px) {
  .verticals_block_each:hover {
    transform: perspective(1200px) scale(0.98) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
  }
}
@media (max-width: 768px) {
  .verticals_block_each {
    padding: 30px;
    min-width: 82vw;
    margin-bottom: 0px;
    min-height: 360px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.verticals_block_each--icon {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  background: #081997;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.verticals_block_each--icon.--2 {
  margin: 0;
}
.verticals_block_each--icon.--2 svg path {
  fill: #fff;
}
.verticals_block_each--icon.--h-65 {
  width: 65px;
  height: 65px;
}
@media (max-width: 768px) {
  .verticals_block_each--icon {
    width: 60px;
    height: 60px;
  }
}
.verticals_block_each--icon img,
.verticals_block_each--icon .svg {
  animation: scaleEffect 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  width: 26px;
}
@media (max-width: 768px) {
  .verticals_block_each--icon {
    margin-bottom: 20px;
  }
  .verticals_block_each--icon img {
    max-width: 56px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .verticals_block_each--icon img {
    max-width: 26px;
  }
}
.verticals_block_each_info--title {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  transition: ease 0.35s;
}
@media (max-width: 768px) {
  .verticals_block_each_info--title {
    font-size: 24px;
    opacity: 1;
  }
}
.verticals_block_each_info--title.--2 {
  font-size: 20px;
}
.verticals_block_each_info--title.--3 {
  font-size: 24px;
}
@media (max-width: 768px) {
  .verticals_block_each_info--title.--3 {
    font-size: 20px;
  }
}
.verticals_block_each_info--text {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-top: 20px;
  transition: ease 0.35s;
}
.verticals_block_each_info--text.--2 {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .verticals_block_each_info--text.--2 {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .verticals_block_each_info--text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    opacity: 1;
  }
}

.content_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
}
@media (max-width: 768px) {
  .content_grid > div:last-child {
    order: -1;
  }
}
.content_grid--logo {
  margin-bottom: 16px;
}
.content_grid--logo img {
  max-height: 40px;
}
.content_grid.bg {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .content_grid.bg {
    background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  }
  .content_grid.bg .subtext,
  .content_grid.bg .title4 {
    color: #fff;
  }
  .content_grid.bg .secondary_btn {
    opacity: 1 !important;
  }
  .content_grid.bg .content_grid--info video,
  .content_grid.bg .content_grid--info img {
    border-radius: 8px 8px 0px 0px !important;
  }
}
.content_grid.bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  transition: 0.25s linear;
  z-index: -1;
}
.content_grid.bg:hover::before {
  opacity: 1;
}
.content_grid.bg:hover .content_grid--info video,
.content_grid.bg:hover .content_grid--info img {
  border-radius: 0px 8px 8px 0px;
}
@media (max-width: 768px) {
  .content_grid.bg:hover .content_grid--info video,
  .content_grid.bg:hover .content_grid--info img {
    border-radius: 0px 8px 8px 0px;
  }
}
.content_grid.bg:hover.reverse .content_grid--info video,
.content_grid.bg:hover.reverse .content_grid--info img {
  border-radius: 8px 0px 0px 8px;
}
.content_grid.bg:hover .subtext,
.content_grid.bg:hover .title4 {
  color: #fff;
}
.content_grid.bg:hover .secondary_btn {
  opacity: 1;
}
@media (max-width: 768px) {
  .content_grid.bg {
    gap: 0px;
  }
}
.content_grid.bg .content_grid--info video,
.content_grid.bg .content_grid--info img {
  height: 100% !important;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .content_grid.bg .content_grid--info video,
  .content_grid.bg .content_grid--info img {
    height: auto !important;
  }
}
.content_grid.bg .subtext,
.content_grid.bg .title4 {
  transition: 0.25s linear;
}
.content_grid.bg .secondary_btn {
  opacity: 0;
  transition: 0.25s linear;
}
.content_grid.bg.reverse .content_grid--content {
  padding: 0px;
}
@media (max-width: 768px) {
  .content_grid.bg.reverse .content_grid--content {
    padding: 20px;
  }
}
.content_grid.bg .content_grid--content {
  padding: 0 40px;
}
@media (max-width: 768px) {
  .content_grid.bg .content_grid--content {
    padding: 20px;
  }
}
.content_grid.v2 {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  gap: 0px;
  align-items: center;
}
@media (max-width: 768px) {
  .content_grid.v2 {
    padding: 0px;
    margin: 0 20px;
  }
}
.content_grid.v2 .content_grid_each {
  display: flex;
  align-items: center;
}
.content_grid.v2 .content_grid_each,
.content_grid.v2 .content_grid--info {
  height: 100%;
  width: 100%;
}
.content_grid.v2 .content_grid--content {
  padding: 78px;
}
@media (max-width: 768px) {
  .content_grid.v2 .content_grid--content {
    padding: 30px 20px;
  }
}
.content_grid.v2 video,
.content_grid.v2 img {
  border-radius: 0px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .content_grid.v2 video,
  .content_grid.v2 img {
    height: 250px;
  }
}
@media (min-width: 768px) {
  .content_grid.reverse > div:last-child {
    order: -1;
  }
}
@media (max-width: 768px) {
  .content_grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 20px;
  }
}
.content_grid .logo__icon {
  margin-bottom: 20px;
}
.content_grid--info {
  overflow: hidden;
}
.content_grid--info video,
.content_grid--info img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--data-poistion) center;
     object-position: var(--data-poistion) center;
  border-radius: 8px;
  display: block;
}
@media (max-width: 768px) {
  .content_grid--info video,
  .content_grid--info img {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .content_grid--info video {
    height: 280px;
    transform: scale(1.25);
  }
}
.content_grid--list {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .content_grid--list {
    margin-top: 24px;
  }
}
.content_grid--btn {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .content_grid--btn {
    margin-top: 35px;
  }
}

.content_grid_v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 768px) {
  .content_grid_v2 {
    overflow: auto;
    margin: 0 -20px;
    padding: 0 20px;
    gap: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .content_grid_v2::-webkit-scrollbar {
    display: none;
  }
}
.content_grid_v2_each {
  will-change: transform;
  transition: 0.45s ease-in-out;
  text-decoration: none;
}
.content_grid_v2_each:hover {
  transform: perspective(1200px) scale(1) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
}
@media (max-width: 768px) {
  .content_grid_v2_each {
    min-width: 82vw;
  }
}
.content_grid_v2_each:hover .content_grid_v2--img img {
  transform: scale(1.05) translateY(5px);
}
.content_grid_v2--img {
  overflow: hidden;
  border-radius: 8px;
}
.content_grid_v2--img img {
  transition: 0.35s linear;
  display: block;
  border-radius: 8px;
}
.content_grid_v2_info--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .content_grid_v2_info--title {
    font-size: 16px;
    line-height: 24px;
  }
}

.content_grid_v3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 50px;
}
.content_grid_v3.--2 {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .content_grid_v3.--2 {
    justify-content: flex-start;
  }
}
.content_grid_v3.--2 .content_grid_v3_each {
  flex: 0 0 287px;
  min-width: 287px;
}
@media (max-width: 768px) {
  .content_grid_v3 {
    overflow: auto;
    margin: 0 -20px;
    padding: 0 20px;
    margin-top: 30px;
    gap: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .content_grid_v3::-webkit-scrollbar {
    display: none;
  }
}
.content_grid_v3_each {
  will-change: transform;
  transition: 0.45s ease-in-out;
}
.content_grid_v3_each.v2 .content_grid_v3--img {
  margin-bottom: 24px;
}
.content_grid_v3_each.v2 .content_grid_v3--img img {
  min-height: 308px;
}
.content_grid_v3_each.v2 .content_grid_v3_info--name {
  font-weight: 600;
}
.content_grid_v3_each.v2 .content_grid_v3_info--desg {
  font-size: 16px;
}
@media (max-width: 768px) {
  .content_grid_v3_each {
    min-width: 72vw;
  }
}
.content_grid_v3_each:hover .content_grid_v3--img::before {
  transform: translateY(0%);
}
.content_grid_v3_each:hover .content_grid_v3--img img {
  filter: grayscale(0);
}
.content_grid_v3_each:hover .content_grid_v3--view {
  opacity: 1;
  transform: translateY(0px);
}
.content_grid_v3--img {
  background-color: #edf2f6;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px;
}
.content_grid_v3--img.active::before {
  transform: translateY(0%);
}
.content_grid_v3--img.active img {
  filter: grayscale(0);
}
.content_grid_v3--img img {
  transition: 0.35s linear;
  display: block;
  border-radius: 8px;
  filter: grayscale(1);
  min-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content_grid_v3--img img {
    filter: grayscale(0);
  }
}
.content_grid_v3--img::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(calc(100% + 1px));
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 185px;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 768px) {
  .content_grid_v3--img::before {
    transform: translateX(0%);
  }
}
.content_grid_v3_info--name {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .content_grid_v3_info--name {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}
.content_grid_v3_info--desg {
  color: var(--Dark-grey, #545454);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.14px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .content_grid_v3_info--desg {
    font-size: 12px;
    line-height: normal;
    min-height: auto;
    margin-bottom: 12px;
    max-width: 220px;
  }
}
.content_grid_v3--view {
  color: var(--Primary-dark-blue, #081997);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 10px 12px;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 40px;
  background: var(--White, #fff);
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  transition: 0.25s linear;
  opacity: 0;
  transform: translateY(4px);
}
@media (max-width: 768px) {
  .content_grid_v3--view {
    opacity: 1;
    transform: translateY(0px);
  }
}
.content_grid_v3--view svg path,
.content_grid_v3--view svg rect {
  transition: 0.25s linear;
}
.content_grid_v3--view:hover {
  background: #081997;
  color: var(--White, #fff);
}
.content_grid_v3--view:hover svg path {
  fill: #fff;
}
.content_grid_v3--view:hover svg rect {
  stroke: #fff;
}

.content_grid_v4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 45px;
  align-items: flex-end;
}
.content_grid_v4.flex_start {
  align-items: flex-start;
  grid-template-columns: 0.75fr 1fr;
}
@media (max-width: 768px) {
  .content_grid_v4.flex_start {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .content_grid_v4 {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 20px;
  }
}

.content_grid_v5_each {
  background: var(--Light-grey, #edf2f6);
  padding: 80px 40px 40px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .content_grid_v5_each {
    padding: 45px 20px 20px;
    min-height: 240px;
  }
}
.content_grid_v5--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .content_grid_v5--title {
    font-size: 12px;
    line-height: normal;
  }
}
.content_grid_v5_info--num {
  color: var(--Black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .content_grid_v5_info--num {
    font-size: 32px;
    line-height: normal;
  }
}
.content_grid_v5_info--text {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .content_grid_v5_info--text {
    font-size: 12px;
    line-height: normal;
  }
}

.content_grid_v6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}
@media (max-width: 768px) {
  .content_grid_v6 {
    display: block;
  }
}
.content_grid_v6--video {
  position: relative;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 768px) {
  .content_grid_v6--video {
    border-radius: 8px 8px 0 0;
  }
}
.content_grid_v6--video.no_layer::before {
  display: none;
}
.content_grid_v6--video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(1, 144, 208, 0) 0%, rgba(1, 143, 207, 0.2) 100%);
  z-index: 1;
  left: 0;
  top: 0;
}
.content_grid_v6--video video,
.content_grid_v6--video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -o-object-position: 75% center;
     object-position: 75% center;
  transform: scale(1.25);
}
@media (max-width: 768px) {
  .content_grid_v6--video video,
  .content_grid_v6--video img {
    height: 220px;
    transform: scale(1);
  }
}
.content_grid_v6_info {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0 8px 8px 0;
}
@media (max-width: 768px) {
  .content_grid_v6_info {
    padding: 20px;
    border-radius: 0 0 8px 8px;
  }
}
.content_grid_v6_info--title {
  color: var(--Light-grey, #edf2f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .content_grid_v6_info--title {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 50px;
  }
}
.content_grid_v6_info_content--text {
  color: var(--White, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .content_grid_v6_info_content--text {
    font-size: 20px;
    line-height: 27px;
  }
}
@media (max-width: 768px) {
  .content_grid_v6_info_content--link {
    margin-bottom: 12px;
  }
}

.content_grid_v7_each--img img {
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content_grid_v7_each_info {
  padding: 35px;
}
.content_grid_v7_each_info--title {
  color: var(--White, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .content_grid_v7_each_info--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .content_grid_v7_each_info--title {
    color: #081997;
  }
}
.content_grid_v7_each_info--desc {
  color: var(--Light-Blue, #edf2f6);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
}
.content_grid_v7_each_info--address {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-top: 14px;
  display: flex;
  gap: 8px;
  border-bottom: rgba(0, 148, 214, 0.35) 1px solid;
  padding-bottom: 28px;
}
.content_grid_v7_each_info--address img {
  max-width: 11px;
}
.content_grid_v7_each_info_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .content_grid_v7_each_info_list {
    gap: 12px;
  }
}
.content_grid_v7_each_info_list_each {
  padding: 28px 0;
  border-bottom: rgba(0, 148, 214, 0.35) 1px solid;
}
.content_grid_v7_each_info_list_each--title {
  color: var(--White, #fff);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  opacity: 0.7;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .content_grid_v7_each_info_list_each--title {
    font-size: 10px;
    min-width: 100px;
  }
}
.content_grid_v7_each_info_list_each--desc {
  color: var(--White, #fff);
  font-size: 14px;
  font-weight: 400;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
}
.content_grid_v7_each_info_list_each--desc b {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 768px) {
  .content_grid_v7_each_info_list_each--desc {
    font-size: 12px;
    line-height: normal;
  }
}

.content_grid_v8 {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 20px;
  min-width: 82vw;
  margin-bottom: 20px;
  display: inline-block;
}
.content_grid_v8--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 8px;
}
.content_grid_v8--text {
  color: var(--Dark-grey, #545454);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
}
.content_grid_v8_list {
  border-top: rgba(84, 84, 84, 0.15) 1px solid;
  padding-top: 16px;
  margin-top: 16px;
}
.content_grid_v8_list--title {
  color: var(--Black, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.content_grid_v8_list--title svg,
.content_grid_v8_list--title img {
  margin-top: -2px;
  max-width: 14px;
}
.content_grid_v8_list ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
}
.content_grid_v8_list ul li {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding-left: 6px;
}

.content_grid_v9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  overflow-y: auto;
  max-height: 90%;
}
.content_grid_v9::-webkit-scrollbar {
  height: 100%;
  width: 35px;
  background-color: #081997;
}
.content_grid_v9::-webkit-scrollbar-track, .content_grid_v9::-webkit-scrollbar-thumb {
  border: 14px solid #081997;
  background-clip: padding-box;
  border-radius: 20px;
}
.content_grid_v9::-webkit-scrollbar-track {
  background-color: #081997;
}
.content_grid_v9::-webkit-scrollbar-thumb {
  background-color: rgba(237, 242, 246, 0.3019607843);
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.content_grid_v9::-webkit-scrollbar-thumb:hover {
  background-color: #edf2f6;
}
.content_grid_v9 ._divider::before {
  content: "";
  border-top: 1px solid #737578;
  opacity: 0.15;
  position: absolute;
  width: 100%;
  left: 0;
}
.content_grid_v9_each ._360viewbtn2 {
  padding: 6px;
  width: 36px;
  height: 36px;
}
.content_grid_v9_each ._360viewbtn2 img {
  min-height: auto;
  aspect-ratio: auto;
}
.content_grid_v9_each ._360viewbtn2 span {
  font-size: 10px;
}
.content_grid_v9_each_info {
  position: relative;
  background-color: white;
  padding: 24px 24px 10px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info {
    padding: 20px;
  }
}
.content_grid_v9_each_info--img {
  margin-bottom: 11px;
  position: relative;
}
.content_grid_v9_each_info--img img {
  display: block;
  min-height: 100px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/1;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info--img img {
    aspect-ratio: 16/9;
  }
}
.content_grid_v9_each_info--img--360view {
  position: absolute;
  right: 14px;
  bottom: 11px;
  width: 40px;
  height: 40px;
}
.content_grid_v9_each_info--img--360view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: auto;
}
.content_grid_v9_each_info--title {
  color: #081997;
  font-size: 20px;
  font-weight: 600;
  line-height: 26.6px;
  letter-spacing: 0.01em;
  margin-bottom: 5px;
}
.content_grid_v9_each_info--title:empty {
  display: none;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
  }
}
.content_grid_v9_each_info--desc {
  color: #081997;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
}
.content_grid_v9_each_info--desc:empty {
  display: none;
}
.content_grid_v9_each_info--address {
  color: #081997;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.01em;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding-bottom: 24px;
}
.content_grid_v9_each_info--address img {
  max-width: 11px;
  margin-top: 2px;
}
.content_grid_v9_each_info_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info_list {
    gap: 12px;
  }
}
.content_grid_v9_each_info_list_each {
  position: relative;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info_list_each._divider::before {
    content: "";
    border-top: 1px solid #737578;
    opacity: 0.15;
    position: absolute;
    width: 100%;
    left: 0;
  }
}
.content_grid_v9_each_info_list_each--title {
  color: #081997;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  opacity: 0.7;
  margin-bottom: 8px;
  padding-top: 11px;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info_list_each--title {
    font-size: 10px;
    min-width: 100px;
  }
}
.content_grid_v9_each_info_list_each--desc {
  color: #081997;
  font-size: 14px;
  font-weight: 400;
  line-height: 133%;
  /* 31.92px */
  letter-spacing: 0.24px;
  padding-bottom: 14px;
}
.content_grid_v9_each_info_list_each--desc b {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.content_grid_v9_each_info_list_each--desc ul {
  margin-top: 8px;
}
@media (max-width: 768px) {
  .content_grid_v9_each_info_list_each--desc {
    font-size: 12px;
    line-height: normal;
  }
}

@media (max-width: 768px) {
  .impactStories .content_grid {
    gap: 10px;
  }
  .impactStories .content_grid .space_30 {
    display: none;
  }
  .impactStories .content_grid .title.--2 {
    margin-bottom: 16px;
  }
  .impactStories .content_grid .subtext.--2 {
    margin-bottom: 16px;
  }
}

.icon_content {
  border-radius: 8px;
  background: var(--Light-Blue, #edf2f6);
  padding: 30px;
  display: grid;
  align-content: space-between;
}
@media (max-width: 768px) {
  .icon_content {
    padding: 30px 20px;
  }
}
.icon_content--icon {
  width: 65px;
  height: 65px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--Primary-dark-blue, #081997);
  margin-bottom: 38px;
}
@media (max-width: 768px) {
  .icon_content--icon {
    width: 60px;
    height: 60px;
    margin-bottom: 28px;
  }
  .icon_content--icon img {
    max-height: 22px;
    max-width: 22px;
  }
}
.icon_content_info--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .icon_content_info--title {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
.icon_content_info--name {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .icon_content_info--name {
    margin-bottom: 12px;
  }
}
.icon_content_info--text {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .icon_content_info--text {
    margin-bottom: 24px;
  }
}
.icon_content_info_contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.icon_content_info_contact_each {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.icon_content_info_contact_each img {
  margin-top: 3px;
}
.icon_content_info_contact_each a {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-decoration: none;
  position: relative;
  word-break: break-all;
}
@media (max-width: 768px) {
  .icon_content_info_contact_each a {
    line-height: 16px;
  }
}
.icon_content_info_contact_each a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: #737578;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.icon_content_info_contact_each a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.report_list {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.report_list_each {
  background: var(--Light-Blue, #edf2f6);
  padding: 24px 35px;
  display: flex;
  justify-content: space-between;
  gap: 120px;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
@media (max-width: 768px) {
  .report_list_each {
    gap: 12px;
    flex-direction: column;
    padding: 20px;
  }
}
.report_list_each::before {
  content: "";
  position: absolute;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.25s linear;
}
.report_list_each:hover .report_list_each--title,
.report_list_each:hover .report_list_each--btn,
.report_list_each:hover .year {
  color: #fff;
}
.report_list_each:hover .report_list_each--btn svg path {
  fill: #fff;
}
.report_list_each:hover::before {
  opacity: 1;
}
.report_list_each--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  transition: 0.25s linear;
}
.report_list_each--title .year {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-top: 2px;
  display: block;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .report_list_each--title {
    font-size: 14px;
    line-height: 20px;
  }
}
.report_list_each--btn {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .report_list_each--btn {
    font-size: 12px;
    gap: 6px;
  }
}
@media (max-width: 768px) {
  .report_list_each--btn svg {
    width: 12px;
    height: 12px;
  }
}
.report_list_each--btn svg path {
  transition: 0.25s linear;
}

.download_cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .download_cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.download_cards_each {
  border-radius: 8px;
  background: var(--Light-grey, #edf2f6);
  padding: 30px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
}
@media (max-width: 768px) {
  .download_cards_each {
    padding: 20px;
    min-height: 280px;
  }
}
.download_cards_each::before {
  content: "";
  position: absolute;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.25s linear;
  border-radius: 8px;
}
.download_cards_each:hover .download_cards_each--title,
.download_cards_each:hover .label {
  color: #fff;
}
.download_cards_each:hover .download_cards_each--btn {
  border-top: 1px solid #fff;
}
.download_cards_each:hover .download_cards_each--btn svg path {
  fill: #fff;
}
.download_cards_each:hover::before {
  opacity: 1;
}
.download_cards_each--title {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  transition: 0.25s linear;
  position: relative;
}
@media (max-width: 768px) {
  .download_cards_each--title {
    font-size: 16px;
    line-height: 24px;
  }
}
.download_cards_each .label {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: block;
  text-transform: none;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .download_cards_each .label {
    font-size: 14px;
  }
}
.download_cards_each--btn {
  border-top: 1px solid #081997;
  padding-top: 24px;
  text-align: right;
  position: relative;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .download_cards_each--btn {
    padding-top: 18px;
  }
}
@media (max-width: 768px) {
  .download_cards_each--btn svg {
    max-height: 20px;
  }
}
.download_cards_each--btn svg path {
  transition: 0.25s linear;
}

.content_grid_v10--label {
  color: var(--Light-grey, #edf2f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .content_grid_v10--label {
    font-size: 13px;
    line-height: 16px;
  }
}
.content_grid_v10--text {
  color: #edf2f6;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.14px;
  margin-top: 10px;
}
.content_grid_v10--title {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  .content_grid_v10--title {
    font-size: 26px;
  }
}

.content_grid_v11 {
  border-radius: 8px;
  border: 1px solid #cde3ed;
  background: #fff;
  min-height: 215px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 768px) {
  .content_grid_v11 {
    min-height: 180px;
  }
}
.content_grid_v11_info {
  padding: 50px 30px;
}
@media (max-width: 768px) {
  .content_grid_v11_info {
    padding: 40px 30px;
  }
}
.content_grid_v11_info--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .content_grid_v11_info--title {
    font-size: 26px;
  }
}
.content_grid_v11_info--text {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .content_grid_v11_info--text {
    font-size: 15px;
  }
}
.content_grid_v11--progress {
  color: #0f8831;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  background: #e7fff0;
  padding: 15px 10px;
}
@media (max-width: 768px) {
  .content_grid_v11--progress {
    font-size: 14px;
  }
}

.content_grid_v12 {
  position: relative;
  text-decoration: none;
}
.content_grid_v12--img {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .content_grid_v12--img {
    height: 360px;
  }
}
.content_grid_v12--img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content_grid_v12--img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.content_grid_v12_info {
  position: absolute;
  padding: 30px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.content_grid_v12_info--arrow {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: #fff 1px solid;
  border-radius: 50%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .content_grid_v12_info--arrow {
    margin-bottom: 20px;
  }
}
.content_grid_v12_info--arrow svg path {
  fill: #ffffff;
}
.content_grid_v12_info--title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .content_grid_v12_info--title {
    font-size: 20px;
  }
}

.content_grid_v13 {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  border-radius: 8px;
}
.content_grid_v13_info--icon {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .content_grid_v13_info--icon {
    margin-bottom: 20px;
  }
}
.content_grid_v13_info--title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .content_grid_v13_info--title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.content_grid_v13_info--year {
  color: #edf2f6;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1.6px;
}
@media (max-width: 768px) {
  .content_grid_v13_info--year {
    font-size: 14px;
  }
}
.content_grid_v13_download {
  display: flex;
  justify-content: flex-end;
}
.content_grid_v13_download--icon {
  border-radius: 50px;
  background: #fff;
  padding: 20px;
  width: 64px;
  height: 64px;
}
@media (max-width: 768px) {
  .content_grid_v13_download--icon {
    width: 60px;
    height: 60px;
  }
  .content_grid_v13_download--icon img {
    width: 20px;
  }
}

.calculate {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 50px;
  text-align: left;
}
@media (max-width: 768px) {
  .calculate {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.calculate--title {
  color: var(--Black, #000);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .calculate--title {
    font-size: 20px;
    line-height: 26px;
  }
}
.calculate_info {
  border-radius: 8px;
  background: #eefff2;
  padding: 50px;
}
@media (max-width: 768px) {
  .calculate_info {
    padding: 20px;
  }
}
.calculate_info--icon {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .calculate_info--icon {
    margin-bottom: 20px;
  }
  .calculate_info--icon img,
  .calculate_info--icon svg {
    max-width: 30px;
    max-height: 30px;
  }
}
.calculate_info--label {
  color: #8899a1;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}
@media (max-width: 768px) {
  .calculate_info--label {
    font-size: 20px;
    line-height: 32px;
  }
}
.calculate_info--num {
  color: var(--Black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 0.4px;
}
@media (max-width: 768px) {
  .calculate_info--num {
    font-size: 26px;
    line-height: 32px;
  }
}
.calculate_info--progress {
  color: #00c750;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 4px;
}
@media (max-width: 768px) {
  .calculate_info--progress {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
  }
}

.radio_btns {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .radio_btns {
    gap: 8px;
  }
}
.radio_btns_each {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  padding: 15px 20px;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .radio_btns_each {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.radio_btns_each .check {
  position: absolute;
  border-radius: 50px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.25s linear;
  pointer-events: none;
  z-index: -1;
}
.radio_btns_each input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
}
.radio_btns_each input:checked + .check {
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
}
.radio_btns_each input:checked ~ span {
  color: #0094d6;
}

.content_grid_v14 {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 30px;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.content_grid_v14_info--label {
  color: var(--Primary-dark-blue, #081997);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.content_grid_v14_info--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 16px;
}
.content_grid_v14_info--text {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.content_grid_v14--logo img {
  max-height: 100px;
}

.content_grid_v15 {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 30px;
  position: relative;
}
.content_grid_v15:hover .content_grid_v15_hover {
  opacity: 1;
}
.content_grid_v15_front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
}
.content_grid_v15_front--icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--Primary-dark-blue, #081997);
  display: grid;
  place-items: center;
}
.content_grid_v15_front--icon svg {
  width: 30px;
  height: 30px;
}
.content_grid_v15_front--title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.content_grid_v15_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
  opacity: 0;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .content_grid_v15_hover {
    position: relative;
    opacity: 1;
    padding: 0px;
    height: auto;
    margin-top: 12px;
  }
}
.content_grid_v15_hover--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.32px;
}
.content_grid_v15_hover--text {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.content_grid_v16 {
  border-radius: 8px;
  background: var(--Light-Blue, #edf2f6);
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 55px;
}
@media (max-width: 768px) {
  .content_grid_v16 {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 20px;
  }
}
.content_grid_v16--img img {
  width: 100% !important;
}
.content_grid_v16_info_block {
  display: flex;
  gap: 30px;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .content_grid_v16_info_block {
    flex-direction: column;
    gap: 20px;
  }
}
.content_grid_v16_info_block_each {
  border-radius: 8px;
  background: var(--White, #fff);
  padding: 50px 30px 30px;
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .content_grid_v16_info_block_each {
    max-width: 100%;
  }
}
.content_grid_v16_info_block_each--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
}
.content_grid_v16_info_block_each--text {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}

.content_grid_v17 {
  position: relative;
  border-radius: 8px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  max-width: 600px;
}
.content_grid_v17.v2 {
  height: 420px;
}
@media (max-width: 768px) {
  .content_grid_v17.v2 {
    height: 360px;
  }
}
.content_grid_v17.v2 .content_grid_v17--asset img {
  height: 100%;
}
.content_grid_v17::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.81) 130.83%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.content_grid_v17--asset {
  height: 100%;
  width: 100%;
}
.content_grid_v17--asset img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .content_grid_v17--asset img {
    height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.content_grid_v17--asset_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .content_grid_v17--asset_play img {
    height: 30px;
  }
}
.content_grid_v17_info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 30px;
  z-index: 2;
}
@media (max-width: 768px) {
  .content_grid_v17_info {
    padding: 20px;
  }
}
.content_grid_v17_info--date {
  color: var(--White, #fff);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  margin-bottom: 12px;
}
.content_grid_v17_info--title {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .content_grid_v17_info--title {
    font-size: 16px;
    line-height: 24px;
  }
}
.content_grid_v17_info--title2 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .content_grid_v17_info--title2 {
    font-size: 18px;
    line-height: 26px;
  }
}

.content_grid_v18 {
  border-radius: 8px;
  background: var(--Light-Blue, #edf2f6);
  padding: 32px;
}
.content_grid_v18--title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.16px;
  margin-bottom: 16px;
}
.content_grid_v18_info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
  color: var(--Dark-grey, #545454);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
}
.content_grid_v18_info--text span {
  font-weight: 600;
}
.content_grid_v19 {
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--Light-Blue, #edf2f6);
  overflow: hidden;
  padding: 40px 30px;
  max-width: 360px;
  height: 100%;
}
.content_grid_v19.min_width {
  min-width: 280px;
}
@media (max-width: 768px) {
  .content_grid_v19.min_width {
    min-width: auto;
  }
}
@media (max-width: 768px) {
  .content_grid_v19 {
    padding: 30px 20px;
    width: 82vw;
    min-width: auto;
  }
}
.content_grid_v19--icon {
  padding-top: 75px;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .content_grid_v19--icon {
    padding-top: 45px;
  }
}
.content_grid_v19--logo {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .content_grid_v19--logo {
    margin-bottom: 12px;
  }
}
.content_grid_v19--logo img {
  max-height: 58px;
}
.content_grid_v19--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .content_grid_v19--title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.content_grid_v19--desc {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .content_grid_v19--desc {
    font-size: 14px;
  }
}

.content_grid_v20 {
  border-radius: 8px;
  overflow: hidden;
  width: 250px;
  cursor: pointer;
  display: block;
}
@media (max-width: 768px) {
  .content_grid_v20 {
    width: 82vw;
  }
}
.content_grid_v20:hover .content_grid_v20_info_wrap {
  max-height: 200px;
}
.content_grid_v20:hover .content_grid_v20--asset_play {
  opacity: 1;
}
.content_grid_v20--asset {
  position: relative;
}
.content_grid_v20--asset img {
  display: block;
  height: 235px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.content_grid_v20--asset_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .content_grid_v20--asset_play {
    opacity: 1;
  }
}
.content_grid_v20--asset_play img {
  width: 44px;
  height: auto;
}
.content_grid_v20_info {
  padding: 24px 30px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
}
.content_grid_v20_info_wrap {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.65s ease-in-out;
}
@media (max-width: 768px) {
  .content_grid_v20_info_wrap {
    max-height: 100%;
  }
}
.content_grid_v20_info--title {
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 4px;
}
.content_grid_v20_info--desc {
  color: var(--Light-grey, #edf2f6);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
}

.content_grid_v21 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 140px;
}
@media (max-width: 768px) {
  .content_grid_v21 {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.content_grid_v21--label {
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .content_grid_v21--label {
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.content_grid_v21--title {
  color: var(--White, #fff);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .content_grid_v21--title {
    font-size: 30px;
  }
}
.content_grid_v21--desc {
  color: var(--White, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .content_grid_v21--desc {
    font-size: 16px;
    line-height: 24px;
  }
}
.content_grid_v21--desc p {
  padding-bottom: 20px;
}
.content_grid_v21--desc p:last-child {
  padding-bottom: 0px;
}
.content_grid_v21--img img {
  display: block;
}

.content_grid_v22 {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  justify-content: space-between;
}
.content_grid_v22--label {
  color: var(--Primary-dark-blue, #081997);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.content_grid_v22--title {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 16px;
}
.content_grid_v22--desc {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.content_grid_v22--logo img {
  max-height: 50px;
}

.content_grid_v23 {
  padding: 30px;
  border-radius: 8px;
  border: 2px solid var(--Light-Blue, #edf2f6);
  background: var(--White, #fff);
  height: 100%;
}
@media (max-width: 768px) {
  .content_grid_v23 {
    max-width: 82vw;
    padding: 20px;
  }
}
.content_grid_v23--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 16px;
  transition: ease 0.35s;
}
@media (max-width: 768px) {
  .content_grid_v23--title {
    font-size: 20px;
  }
}
.content_grid_v23--desc {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  transition: ease 0.35s;
}
@media (max-width: 768px) {
  .content_grid_v23--desc {
    font-size: 14px;
  }
}

.content_grid_v24 {
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: var(--Light-Blue, #edf2f6);
  padding: 40px 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .content_grid_v24 {
    padding: 30px 20px;
  }
}
.content_grid_v24--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .content_grid_v24--title {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
.content_grid_v24--desc {
  color: var(--Dark-grey, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .content_grid_v24--desc {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .sustainability {
    padding: 0 20px;
  }
}
.sustainability_swiper {
  margin-top: 50px;
  position: relative;
}
@media (max-width: 768px) {
  .sustainability_swiper {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .sustainability_swiper .swiper {
    margin: 0 -20px;
    padding-right: 20px;
  }
}
.sustainability_swiper .custom_swiper--btns {
  position: absolute;
  right: 0px;
  top: -100px;
}
.sustainability_swiper .swiper-slide {
  height: auto;
}
@media (max-width: 768px) {
  .sustainability_swiper .swiper-slide {
    width: 82vw;
    margin-right: 20px;
    height: inherit;
  }
}
@media (max-width: 768px) {
  .sustainability_swiper .swiper-wrapper {
    overflow: auto;
    padding-left: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .sustainability_swiper .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.sustainability_card {
  position: relative;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: #fff;
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  transition: 0.25s linear;
}
.sustainability_card[href=""] {
  pointer-events: none;
}
.sustainability_card::before {
  content: "";
  inset: 0;
  position: absolute;
  opacity: 0;
  transition: 0.25s linear;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 150%);
  z-index: 0;
}
.sustainability_card:hover::before {
  content: "";
  inset: 0;
  position: absolute;
  opacity: 1;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
}
.sustainability_card:hover .sustainability_card_info--label,
.sustainability_card:hover .sustainability_card_info--title,
.sustainability_card:hover .sustainability_card_info--title2,
.sustainability_card:hover .sustainability_card_info--date,
.sustainability_card:hover .sustainability_card_info--date2,
.sustainability_card:hover .sustainability_card_info--desc,
.sustainability_card:hover .sustainability_card_info--link {
  color: #fff;
}
.sustainability_card:hover .sustainability_card_info--link svg path {
  fill: #fff;
}
.sustainability_card:hover .sustainability_card_info--label svg path {
  fill: #fff;
}
.sustainability_card:hover .sustainability_card_info--text {
  color: #edf2f6;
}
.sustainability_card:hover .sustainability_card--img img {
  transform: scale(1.05) translateY(5px);
}
.sustainability_card--img {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  position: relative;
  z-index: 1;
}
.sustainability_card--img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.8) 103.25%);
  opacity: 0.5;
  z-index: 1;
}
.sustainability_card--img.news {
  min-height: 220px;
}
.sustainability_card--img.blogs {
  min-height: 280px;
}
@media (max-width: 768px) {
  .sustainability_card--img {
    height: 220px;
  }
}
.sustainability_card--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
}
.sustainability_card_info {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  height: 100%;
}
@media (max-width: 768px) {
  .sustainability_card_info {
    padding: 20px 15px;
    min-height: 180px;
  }
}
.sustainability_card_info--label {
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 22px;
  transition: 0.25s linear;
  position: relative;
}
.sustainability_card_info--label svg path {
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .sustainability_card_info--label {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 16px;
  }
}
.sustainability_card_info--date {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 8px;
  transition: 0.25s linear;
  position: relative;
  text-transform: uppercase;
  color: var(--Dark-grey, #545454);
}
.sustainability_card_info--date2 {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
  transition: 0.25s linear;
  position: relative;
  text-transform: uppercase;
}
.sustainability_card_info--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
  transition: 0.25s linear;
  position: relative;
}
@media (max-width: 768px) {
  .sustainability_card_info--title {
    font-size: 18px;
    line-height: 24px;
  }
}
.sustainability_card_info--title2 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  transition: 0.25s linear;
  position: relative;
}
@media (max-width: 768px) {
  .sustainability_card_info--title2 {
    font-size: 16px;
    line-height: 24px;
  }
}
.sustainability_card_info--desc {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  position: relative;
  margin-top: 24px;
  transition: 0.25s linear;
}
.sustainability_card_info--link {
  color: var(--Primary-dark-blue, #081997);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  transition: 0.25s linear;
}
.sustainability_card_info--link svg path {
  transition: 0.25s linear;
}
.sustainability_card_info--text {
  color: var(--dark-grey-2, #737578);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  transition: 0.25s linear;
  position: relative;
}
.sustainability_card_2 {
  padding: 30px;
  border: 1px solid #edf2f6;
  border-radius: 8px;
  display: flex;
  gap: 25px;
  flex-direction: column;
  transition: 0.35s linear;
  text-decoration: none;
}
.sustainability_card_2.link {
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .sustainability_card_2.link {
    padding-bottom: 20px;
  }
}
.sustainability_card_2.link .normal_link {
  position: absolute;
  bottom: 30px;
}
@media (max-width: 768px) {
  .sustainability_card_2.link .normal_link {
    position: relative;
    bottom: auto;
  }
}
.sustainability_card_2:hover {
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
}
@media screen and (max-width: 900px) {
  .sustainability_card_2 {
    padding: 20px;
    height: 100%;
  }
}
.sustainability_card_2 ._360viewbtn2 {
  opacity: 1;
  transition: right 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), bottom 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sustainability_card_2--img {
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .sustainability_card_2--img {
    min-height: 240px;
  }
}
.sustainability_card_2--img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 54/25;
}
.sustainability_card_2--img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.81) 100%);
  mix-blend-mode: screen;
  border-radius: 8px;
  opacity: 0.25;
}
.sustainability_card_2_info--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  margin-bottom: 16px;
  color: var(--Black, #000);
}
@media (max-width: 768px) {
  .sustainability_card_2_info--title {
    font-size: 22px;
  }
}
.sustainability_card_2_info--label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-block: 8px 16px;
}
.sustainability_card_2_info--label svg {
  margin-right: 8px;
}
.sustainability_card_2_info--text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #545454;
}
.sustainability_card_2_features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  border-top: 1px solid #edf2f6;
  padding-top: 25px;
  text-transform: capitalize;
}
.sustainability_card_2_features--feature {
  position: relative;
}
.sustainability_card_2_features--feature label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #0094d6;
  margin-bottom: 8px;
}
.sustainability_card_2_features--feature p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  color: #545454;
}
.sustainability_card_2_features--feature:last-child::before {
  content: "";
  display: block;
  background-color: #edf2f6;
  position: absolute;
  left: -15px;
  height: 100%;
  width: 1px;
}
.sustainability_card_2:hover ._360viewbtn2 {
  opacity: 1;
  right: 15px;
  bottom: 15px;
}
.sustainability.unrelenting label {
  margin-bottom: 20px;
}
.sustainability.unrelenting .title {
  margin-bottom: 50px;
}
.sustainability.unrelenting .unrelenting_container .container {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  gap: 30px;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .sustainability.unrelenting .unrelenting_container .container {
    flex-direction: column;
  }
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card {
  border: none;
  width: calc(33.3333333333% - 20px);
  pointer-events: all;
  gap: unset;
}
@media screen and (max-width: 1200px) {
  .sustainability.unrelenting .unrelenting_container .container .sustainability_card {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .sustainability.unrelenting .unrelenting_container .container .sustainability_card {
    width: 100%;
  }
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card--img {
  position: relative;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card--img img {
  aspect-ratio: 393/224;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card--img::after {
  content: "";
  background: linear-gradient(178.92deg, rgba(8, 25, 151, 0) -24.63%, rgba(8, 25, 151, 0.405) 182.93%);
  position: absolute;
  inset: 0;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card_info {
  border: 1px solid var(--Light-Blue, #edf2f6);
  border-radius: 0 0 8px 8px;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card_info--title {
  font-size: 24px;
  font-weight: 400;
  line-height: 29.05px;
  margin-bottom: 0;
  transition: unset;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card_info--text {
  inset: unset;
  position: relative;
  transition: unset;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: 100px;
  margin-block: 26px 18px;
}
@media screen and (max-width: 900px) {
  .sustainability.unrelenting .unrelenting_container .container .sustainability_card_info--text {
    margin-block: 2vw 4vw;
  }
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card_info--btn {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #081997;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card_info--btn svg {
  fill: #081997;
  margin-left: 2px;
  transition: transform 0.2s ease-in-out;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card:hover .sustainability_card_info {
  border-color: transparent;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card:hover .sustainability_card_info--btn {
  color: white;
}
.sustainability.unrelenting .unrelenting_container .container .sustainability_card:hover .sustainability_card_info--btn svg {
  fill: white;
  transform: translateX(4px);
}

.broadCards_container .container._header .title {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .broadCards_container .container._header .title {
    margin-bottom: 30px;
  }
}
.broadCards_container .swiper-wrapper.mobileScroll {
  overflow-x: auto;
  padding-block: 1px;
  gap: 20px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
}
.broadCards_container .swiper-wrapper.mobileScroll .swiper-slide {
  width: 82vw;
  height: auto;
}
.broadCards_container .swiper-wrapper.mobileScroll::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .broadCards_container .manufacturing-facilities {
    min-height: inherit;
  }
}
.broadCards_container .manufacturing-facilities .custom_swiper--btns {
  position: absolute;
  right: 0;
  top: -82px;
}
.broadCards_container .manufacturing-facilities .custom_swiper--btns.no_tabs {
  top: -102px;
}

@media (max-width: 768px) {
  .promise .text_center {
    padding: 0 20px;
  }
  .promise .text_center .title {
    max-width: 280px;
    margin: 0 auto 20px;
  }
}
.promise_list {
  overflow: clip;
}
.promise_list.v2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .promise_list.v2 {
    overflow: auto;
    padding: 0 20px;
  }
  .promise_list.v2::-webkit-scrollbar {
    display: none;
  }
}
.promise_list_block {
  border-radius: 8px;
  overflow: hidden;
  background: var(--White, #fff);
  position: relative;
  z-index: 1;
  border: 1px solid #d9dfe3;
}
@media (max-width: 768px) {
  .promise_list_block {
    min-width: 82vw;
  }
}
.promise_list_block::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  transition: 0.35s linear;
  opacity: 0;
  z-index: -1;
}
.promise_list_block:hover::before {
  opacity: 1;
}
.promise_list_block:hover .promise_list_block--info {
  color: #fff;
}
.promise_list_block--video {
  position: relative;
  height: 225px;
  z-index: 1;
  background: #fff;
}
.promise_list_block--video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.promise_list_block--video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateX(180deg);
  z-index: -1;
  position: relative;
}
.promise_list_block--icon {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 35px 45px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
@media (max-width: 768px) {
  .promise_list_block--icon {
    gap: 10px;
  }
}
.promise_list_block--icon .name {
  color: #000000;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.42px;
}
@media (max-width: 768px) {
  .promise_list_block--icon .name {
    font-size: 30px;
  }
}
.promise_list_block--icon .icon {
  background: #081997;
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
}
.promise_list_block--icon .icon svg,
.promise_list_block--icon .icon img {
  width: 36px;
  height: 36px;
}
@media (max-width: 768px) {
  .promise_list_block--icon .icon {
    padding: 12px;
    width: 60px;
    height: 60px;
  }
  .promise_list_block--icon .icon svg,
  .promise_list_block--icon .icon img {
    height: 25px;
    width: 25px;
  }
}
@media (max-width: 768px) {
  .promise_list_block--icon {
    padding: 30px 20px;
    font-size: 32px;
  }
}
.promise_list_block--info {
  padding: 35px 45px 50px;
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .promise_list_block--info {
    padding: 30px 20px;
    font-size: 16px;
    line-height: 22px;
  }
}
.promise_list_each {
  position: sticky;
  overflow: hidden;
  z-index: 1;
  min-height: 34svh;
}
.promise_list_each[data-anim=fade-up] {
  opacity: 1;
}
.promise_list_each[data-anim=fade-up]::before {
  transform: translateX(100%) rotate(-65deg);
}
.promise_list_each[data-anim=fade-up] {
  opacity: 1;
}
.promise_list_each[data-anim=fade-up]::before {
  transform: translateX(0%) rotate(-65deg);
}
.promise_list_each:last-child::before {
  display: none;
}
.promise_list_each::before {
  background: rgba(217, 217, 217, 0.1019607843);
  height: 120svh;
  width: 100svw;
  top: -10%;
  right: -24%;
  content: "";
  position: absolute;
  transform: rotate(-65deg);
  z-index: -1;
  transition: 0.85s ease-in-out;
}
@media (max-width: 768px) {
  .promise_list_each::before {
    display: none;
  }
}
.promise_list_each_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 250px;
}
@media (max-width: 768px) {
  .promise_list_each_flex {
    display: block;
    padding: 30px 20px;
  }
}
.promise_list_each:nth-child(1) {
  background: var(--Light-grey, #edf2f6);
  top: 60px;
  z-index: 1;
}
@media (max-width: 768px) {
  .promise_list_each:nth-child(1) {
    top: 30px;
  }
}
.promise_list_each:nth-child(1) .promise_list_each_info--num {
  color: #dbdbdb;
  opacity: 0.7;
}
.promise_list_each:nth-child(1) .promise_list_each_info--title {
  color: var(--Black, #000);
}
.promise_list_each:nth-child(1) .promise_list_each--text {
  color: var(--Black, #000);
}
.promise_list_each:nth-child(2) {
  background: #000000;
  top: calc(28svh + 80px);
  z-index: 2;
}
@media (max-width: 768px) {
  .promise_list_each:nth-child(2) {
    top: calc(20svh + 28px);
  }
}
.promise_list_each:nth-child(2) .promise_list_each_info--num {
  color: var(--Light-grey, #edf2f6);
  opacity: 0.11;
}
.promise_list_each:nth-child(2) .promise_list_each_info--title {
  color: var(--White, #fff);
}
.promise_list_each:nth-child(2) .promise_list_each--text {
  color: var(--White, #fff);
}
.promise_list_each:nth-child(3) {
  background: #081997;
  top: calc(56svh + 100px);
  z-index: 3;
}
@media (max-width: 768px) {
  .promise_list_each:nth-child(3) {
    top: calc(40svh + 30px);
  }
}
.promise_list_each:nth-child(3) .promise_list_each_info--num {
  color: var(--Light-grey, #edf2f6);
  opacity: 0.11;
}
.promise_list_each:nth-child(3) .promise_list_each_info--title {
  color: var(--White, #fff);
}
.promise_list_each:nth-child(3) .promise_list_each--text {
  color: var(--White, #fff);
}
.promise_list_each:nth-child(4) {
  top: 0;
  z-index: 4;
}
.promise_list_each_info--num {
  color: #000;
  font-size: 200px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  opacity: 0.1;
  position: absolute;
  left: -60px;
  top: 0%;
  z-index: -1;
}
@media (max-width: 768px) {
  .promise_list_each_info--num {
    font-size: 100px;
    position: relative;
  }
}
.promise_list_each_info--title {
  color: var(--Black, #000);
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.7px;
}
@media (max-width: 768px) {
  .promise_list_each_info--title {
    font-size: 28px;
    line-height: 133%;
    margin-bottom: 14px;
  }
}
.promise_list_each--text {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  max-width: 520px;
}
@media (max-width: 768px) {
  .promise_list_each--text {
    font-size: 14px;
    line-height: 20px;
  }
}

.annual_grid {
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .annual_grid {
    margin: 0px 20px;
  }
}
.annual_grid_layer {
  position: relative;
  z-index: 1;
}
.annual_grid_layer.remove_bg::before {
  display: none;
}
.annual_grid_layer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  background: #1b1b1b;
  z-index: -1;
}
.annual_grid_audio {
  background: #fff;
  padding: 30px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  /* Custom styles for the range input container */
  /* Styling for the progress bar */
  /* Hide the default appearance of the range input */
}
@media (max-width: 768px) {
  .annual_grid_audio {
    display: block;
  }
}
.annual_grid_audio .range-container {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.annual_grid_audio .progress-bar {
  height: 100%;
  width: 0%;
  background-color: #081997;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: width 0.3s linear;
  /* Smooth transition for width changes */
}
.annual_grid_audio input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.annual_grid_audio_each {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .annual_grid_audio_each {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }
}
.annual_grid_audio_each:last-child {
  gap: 20px;
}
@media (max-width: 768px) {
  .annual_grid_audio_each:last-child {
    flex-direction: row;
    gap: 12px;
    position: absolute;
    right: 20px;
    bottom: 25px;
  }
}
.annual_grid_audio--play button {
  border: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #081997;
  position: relative;
}
@media (max-width: 768px) {
  .annual_grid_audio--play button {
    width: 36px;
    height: 36px;
  }
}
.annual_grid_audio--play button svg.pause {
  width: 76px;
  height: 76px;
}
@media (max-width: 768px) {
  .annual_grid_audio--play button svg.pause {
    width: 40px;
    height: 40px;
  }
}
.annual_grid_audio--play button.play .play {
  opacity: 0;
}
.annual_grid_audio--play button.play .pause {
  opacity: 1;
}
.annual_grid_audio--play button.pause .play {
  opacity: 1;
}
.annual_grid_audio--play button.pause .pause {
  opacity: 0;
}
.annual_grid_audio--play button svg,
.annual_grid_audio--play button img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.annual_grid_audio--play button svg.play,
.annual_grid_audio--play button img.play {
  margin-left: 2px;
}
@media (max-width: 768px) {
  .annual_grid_audio--play button svg.play,
  .annual_grid_audio--play button img.play {
    margin-left: 1px;
  }
}
@media (max-width: 768px) {
  .annual_grid_audio--play button svg,
  .annual_grid_audio--play button img {
    height: 12px;
    width: 12px;
  }
}
.annual_grid_audio--play button svg path,
.annual_grid_audio--play button img path {
  fill: #fff;
}
.annual_grid_audio--play button img {
  padding-left: 2px;
  padding-top: 2px;
}
@media (max-width: 768px) {
  .annual_grid_audio--play button img {
    height: 14px;
  }
}
.annual_grid_audio--speed select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(8, 25, 151, 0.2);
  color: #081997;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  cursor: pointer;
  -moz-text-align-last: center;
       text-align-last: center;
  font-size: 16px;
}
@media (max-width: 768px) {
  .annual_grid_audio--speed select {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
}
.annual_grid_audio--mute button {
  border: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  .annual_grid_audio--mute button {
    width: 36px;
    height: 36px;
  }
}
.annual_grid_audio--mute button img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.annual_grid_audio--mute button.muted .unmute {
  opacity: 1;
}
.annual_grid_audio--mute button.muted .mute {
  opacity: 0;
}
.annual_grid_audio--mute button.unmuted .unmute {
  opacity: 0;
}
.annual_grid_audio--mute button.unmuted .mute {
  opacity: 1;
}
.annual_grid_audio_info--label {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .annual_grid_audio_info--label {
    font-size: 12px;
    line-height: normal;
  }
}
.annual_grid_audio_info--title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .annual_grid_audio_info--title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: 500;
  }
}
.annual_grid_audio_info--duration {
  color: var(--Dark-grey, #545454);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  display: flex;
  gap: 4px;
}
@media (max-width: 768px) {
  .annual_grid_audio_info--duration {
    font-size: 10px;
  }
}
.annual_grid_audio audio {
  display: none;
}
@media (max-width: 768px) {
  .annual_grid_audio {
    padding: 25px 20px;
  }
}
.annual_grid_report {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 768px) {
  .annual_grid_report {
    grid-template-columns: 1fr;
  }
}
.annual_grid_report_each {
  padding: 30px 50px;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .annual_grid_report_each {
    padding: 25px 20px;
  }
}
.annual_grid_report_each:first-child {
  border-right: 1px solid rgba(237, 242, 246, 0.2);
}
@media (max-width: 768px) {
  .annual_grid_report_each:first-child {
    border-bottom: 1px solid rgba(237, 242, 246, 0.2);
  }
}
.annual_grid_report--text .name {
  color: var(--White, #fff);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.3px;
  display: block;
}
@media (max-width: 768px) {
  .annual_grid_report--text .name {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    font-weight: 500;
  }
}
.annual_grid_report--text .year {
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: block;
}
@media (max-width: 768px) {
  .annual_grid_report--text .year {
    font-size: 12px;
    line-height: normal;
  }
}
.annual_grid_report--btn a {
  display: inline-block;
  box-shadow: rgba(0, 148, 214, 0.95) 0 0px 0px 0px;
  transition: 0.35s ease-in-out;
  border-radius: 50%;
}
.annual_grid_report--btn a img {
  display: block;
}
@media (max-width: 768px) {
  .annual_grid_report--btn a img {
    max-width: 40px;
  }
}
.annual_grid_report_info--title {
  color: var(--White, #fff);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .annual_grid_report_info--title {
    font-size: 15px;
    line-height: 24px;
  }
}
.annual_grid_report_info--subtext .name {
  color: var(--White, #fff);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .annual_grid_report_info--subtext .name {
    font-size: 12px;
    line-height: normal;
  }
}
.annual_grid_report_info--subtext .time {
  color: var(--Light-grey, #edf2f6);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  display: block;
  opacity: 0.7;
}
.annual_grid_report_info--price {
  color: var(--White, #fff);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  .annual_grid_report_info--price {
    font-size: 20px;
    line-height: 133%;
  }
}
.annual_grid_report_info--price span {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .annual_grid_report_info--price span {
    font-size: 12px;
    line-height: normal;
  }
}
.annual_grid_report_info--value {
  color: #00c750;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .annual_grid_report_info--value {
    font-size: 10px;
    line-height: normal;
  }
}
.annual_grid_report_info--value.down {
  color: red;
}
.annual_grid_report_info--value.down .icon {
  background: url("../images/icons/down.svg") center no-repeat;
  transform: rotate(180deg);
  display: inline-block;
}
.annual_grid_report_info--value .icon {
  background: url("../images/icons/up.svg") center no-repeat;
}
.annual_grid_report_info--value .icon img {
  opacity: 0;
}
@media (max-width: 768px) {
  .annual_grid_report_info--value .icon {
    background-size: 10px;
  }
}

@media (max-width: 768px) {
  .brands {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .brands .text_center {
    text-align: left;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .leadership {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .know_more {
    padding: 0 20px;
  }
}
.know_more_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 768px) {
  .know_more_list {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
@media (max-width: 640px) {
  .know_more_list {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}

.vision_mission {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .vision_mission {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 20px 50px;
  }
}
.vision_mission_wrap {
  position: relative;
  z-index: 1;
}
.vision_mission_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0px;
  background: #fff;
  z-index: -1;
}
.vision_mission_info {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 70px 80px;
  display: grid;
  grid-template-columns: 0.75fr 1fr 1fr;
  will-change: transform;
  border-radius: 8px;
  transition: 0.45s ease-in-out;
}
.vision_mission_info.--2 {
  grid-template-columns: repeat(5, auto);
  gap: 60px;
}
@media (max-width: 900px) {
  .vision_mission_info.--2 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .vision_mission_info.--2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 500px) {
  .vision_mission_info.--2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.vision_mission_info:hover {
  transform: perspective(1200px) scale(0.98) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
}
@media (max-width: 768px) {
  .vision_mission_info {
    margin: 0 20px;
    grid-template-columns: 1fr;
    padding: 5px 20px;
  }
}
.vision_mission_info_each {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .vision_mission_info_each {
    justify-content: flex-start;
    padding: 25px 0;
    border-bottom: rgba(237, 242, 246, 0.2) 1px solid;
  }
  .vision_mission_info_each:last-child {
    border: none;
  }
}
.vision_mission_info_each--text .num {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
  display: block;
}
.vision_mission_info_each--text .num--2 {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 768px) {
  .vision_mission_info_each--text .num--2 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px;
  }
}
@media (max-width: 768px) {
  .vision_mission_info_each--text .num {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 2px;
  }
}
.vision_mission_info_each--text .text {
  color: var(--Light-grey, #edf2f6);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: block;
}
.vision_mission_info_each--text .text--2 {
  color: var(--Light-grey, #edf2f6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: block;
}
@media (max-width: 768px) {
  .vision_mission_info_each--text .text--2 {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .vision_mission_info_each--text .text {
    font-size: 14px;
    line-height: 20px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.map {
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .map {
    padding-bottom: 0px;
  }
  .map .label {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .map_wrap {
    padding-left: 20px;
  }
}
.map_wrap_tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0px 20px;
  gap: 16px;
}
@media (max-width: 768px) {
  .map_wrap_tabs {
    overflow: auto;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  .map_wrap_tabs::-webkit-scrollbar {
    display: none;
  }
}
.map_wrap_tabs_each {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.25s linear;
}
@media (max-width: 768px) {
  .map_wrap_tabs_each {
    font-size: 14px;
    padding: 12px 20px;
    min-width: 220px;
  }
}
.map_wrap_tabs_each.active {
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
  color: var(--Primary-Light-Blue, #0094d6);
}
.map_wrap_tabs_each:hover {
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
  color: var(--Primary-Light-Blue, #0094d6);
}
.map_wrap_group {
  position: relative;
}
.map_wrap_group_each {
  display: none;
}
.map_wrap_group_each.active {
  display: block;
  animation: fadeIn 0.35s ease-in-out;
}
.map_wrap_group_each img {
  width: 100%;
}

@keyframes shadowOne {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(8, 25, 151, 0.6);
  }
  100% {
    box-shadow: 0px 0px 2px 6px rgba(8, 25, 151, 0);
  }
}
@keyframes shadowTwo {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(0, 148, 214, 0.6);
  }
  100% {
    box-shadow: 0px 0px 2px 6px rgba(0, 148, 214, 0);
  }
}
@keyframes shadowThree {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    box-shadow: 0px 0px 2px 6px rgba(0, 0, 0, 0);
  }
}
.points_list_each {
  position: absolute;
  display: inline-block;
  right: 30%;
  --circleRadius: 50%;
}
.points_list_each.open .points_list_each--icon span {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  opacity: 1;
}
.points_list_each.open .points_list_each--icon span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.points_list_each--header {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
  padding-bottom: 40px;
}
.points_list_each--header--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: white;
}
.points_list_each--icon {
  width: var(--circleSize, 30px);
  height: var(--circleSize, 30px);
  border-radius: var(--circleRadius);
  cursor: pointer;
}
.points_list_each--icon.big {
  width: 64px;
  height: 64px;
}
.points_list_each--icon.existing {
  animation: shadowOne 0.85s ease-in-out infinite forwards;
}
.points_list_each--icon.existing span {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  opacity: 1;
}
.points_list_each--icon.emerging {
  animation: shadowTwo 0.85s ease-in-out infinite forwards 0.3s;
}
.points_list_each--icon.emerging span {
  background: var(--Primary-Light-Blue, #0094d6);
  transition: 0.35s linear;
  opacity: 0.55;
}
.points_list_each--icon.europe {
  animation: shadowThree 0.85s ease-in-out infinite forwards 0.6s;
}
.points_list_each--icon.europe span {
  background: var(--Black, #000);
}
.points_list_each--icon span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: var(--circleRadius);
  position: relative;
}
.points_list_each--menu {
  padding: 30px;
  background: var(--White, #fff);
  box-shadow: 0px 4px 24px 0px rgba(99, 139, 171, 0.3);
  position: absolute;
  top: 12px;
  min-width: 300px;
  z-index: 4;
  display: none;
}
.points_list_each--menu .title {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  margin-bottom: 8px;
}
.points_list_each--menu .desc {
  color: var(--Dark-grey, #545454);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.points_list_each--menu .desc b {
  font-weight: 600;
}
.points_list_each--swiper {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 500px;
  background: #081997;
  height: 100%;
}
.points_list_each--swiper .close {
  position: absolute;
  display: inline-flex;
  width: 40px;
  height: 40px;
  padding: 0px 10px;
  justify-content: center;
  align-items: center;
  background: var(--Light-Blue, #edf2f6);
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}
.points_list_each--swiper .close img {
  width: 10px;
}
.points_list_each--swiper .custom_swiper--btns {
  position: relative;
  inset: unset;
  margin-right: 40px;
}
.points_list_each--swiper .custom_swiper--btns .swiper-button {
  border: none;
}
.points_list_each--swiper .custom_swiper--btns .swiper-button:hover {
  background: #0094d6;
}
.points_list_each--swiper .custom_swiper--btns .swiper-button:hover svg path {
  fill: #fff;
}
.points_list_each--swiper .custom_swiper--btns .swiper-button svg {
  width: 13px;
}
.points_list_each--swiper .custom_swiper--btns .swiper-button svg path {
  fill: #0094d6;
  transition: 0.35s linear;
}
.points_list_each--swiper .title {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 14px;
}

.points_info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-top: -40px;
}
.points_info_each {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 18px;
}
.points_info_each span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.points_info_each span.existing {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
}
.points_info_each span.emerging {
  background: var(--Primary-Light-Blue, #0094d6);
}
.points_info_each span.europe {
  background: var(--Black, #000);
}

.map_mobile_list {
  display: flex;
  overflow: auto;
  margin-left: -20px;
  padding-left: 20px;
  display: none;
}
.map_mobile_list.active {
  display: flex;
  animation: fadeIn 0.35s ease-in-out;
}
.map_mobile_list::-webkit-scrollbar {
  display: none;
}
.map_mobile_list > div {
  min-width: 82vw;
  padding: 20px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: #fff;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .map_mobile_list > div {
    padding: 0px;
  }
}

.map_mobile_list_v2 {
  padding-right: 20px;
  padding-left: 20px;
  display: flex;
  overflow: auto;
  gap: 20px;
}
.map_mobile_list_v2_wrap {
  overflow: auto;
  display: none;
  margin-left: -20px;
}
.map_mobile_list_v2_wrap.active {
  display: block;
  animation: fadeIn 0.35s ease-in-out;
}
.map_mobile_list_v2_wrap::-webkit-scrollbar {
  display: none;
}
.map_mobile_list_v2::-webkit-scrollbar {
  display: none;
}

.map_wrap_group .cus_select {
  margin-bottom: 35px;
  margin-right: 20px;
  margin-top: 5px;
}

@keyframes slideEffect {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.points_list_content > div {
  display: none;
}
.points_list_content > div.active {
  display: block;
  padding: 40px 22px;
  padding-right: 0;
  transform: translateX(0%);
  animation: slideEffect 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.points_list_content > div:not(:has(.overflow-active)).active {
  padding-right: 22px;
}

.points_list_each::after {
  content: attr(data-title);
  display: flex;
  flex-direction: column-reverse;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  word-wrap: break-word;
  width: -moz-max-content;
  width: max-content;
  height: var(--centerLineHeight);
  position: absolute;
  inset: 50% auto auto 50%;
  max-width: 50ch;
  white-space: normal;
  padding-left: 10px;
  border-left: 1px solid black;
  z-index: 8;
}

.map-container .map-leaflet-container {
  height: calc(100vh - 65px);
  flex: 1;
  z-index: 1;
}
.map-container .map-sidebar-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.map-container .map-sidebar-container .map-sidebar {
  display: none;
}
.map-container .map-sidebar-container .map-sidebar.active {
  flex-direction: column;
  z-index: 2;
}
.map-container .leaflet-container {
  background-color: #e8edf2;
}
.map-container .leaflet-container .leaflet-interactive {
  transition: opacity 0.25s ease-in-out;
}
.map-container .leaflet-container .leaflet-interactive.active {
  pointer-events: none;
  fill: #081997;
  fill-opacity: 1;
}
.map-container .leaflet-container .leaflet-interactive:hover:not(.fade) {
  fill: #081997;
  fill-opacity: 1;
}
.map-container .leaflet-container .leaflet-tile-container {
  filter: hue-rotate(11deg) contrast(1.1235);
}
.map-container .marker-btns {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
.map-container .marker-btns .marker-btn {
  margin: 5px;
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
  cursor: pointer;
}
.map-container .fade {
  opacity: 0.2;
  transition: opacity 0.3s ease;
}
.map-container .map-point-label {
  font-size: 16px;
  color: black;
  padding: 2px 5px;
  position: absolute;
  transform: translate(-50%, -50%);
  min-width: auto;
  max-width: 18ch;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
}
.map-container #modalContent {
  width: 100%;
  color: white;
}
.map-container #modalContent .modalHeader {
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  margin-bottom: 12px;
  max-width: 240px;
}
.map-container #modalContent .modalInnerContentWrapper {
  max-height: 60dvh;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.map-container #modalContent .modalInnerContentWrapper::-webkit-scrollbar {
  width: 3px;
}
.map-container #modalContent .modalInnerContentWrapper::-webkit-scrollbar-track {
  background: #edf2f6;
}
.map-container #modalContent .modalInnerContentWrapper::-webkit-scrollbar-thumb {
  background: #0094d6;
}
.map-container #modalContent .modalInnerContentWrapper::-webkit-scrollbar-thumb:hover {
  background: #0094d6;
}
.map-container #modalContent .modalInnerContentWrapper .modalSubtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  border-bottom: 1px solid #0094d6;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures {
  list-style-type: none;
  padding: 0;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature:not(:last-of-type) .featurePoints {
  border-bottom: 1px solid #0094d6;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature .featureHeader {
  display: flex;
  gap: 12px;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature .featureHeader h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature .featurePoints {
  margin-top: 1rem;
  list-style: disc;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature .featurePoints li:not(:is(:last-of-type)) {
  margin-bottom: 1rem;
}
.map-container #modalContent .modalInnerContentWrapper .modalFeatures .modalFeature .feature--icon {
  width: 14px;
  height: auto;
  aspect-ratio: 1;
}
.map-container .points_list_each--footer {
  display: flex;
  flex-direction: column;
}
.map-container .points_list_each--footer .custom_swiper--btns {
  margin-right: 0;
  margin-left: auto;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.innovation {
  position: relative;
}
@media (max-width: 768px) {
  .innovation {
    padding: 0 20px;
  }
}
.innovation_circle {
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .innovation_circle {
    display: none;
  }
}
.innovation_circle--rotate {
  position: absolute;
  left: 0;
  top: 0;
}
.innovation_circle--rotate img {
  animation: rotate 6s linear infinite;
}
.innovation_circle_info--title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.16px;
}
.innovation_circle_info--text {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
}

.innovation_grid {
  display: grid;
  grid-template-columns: 260px 260px 1fr;
  gap: 30px;
  margin-top: 50px;
  position: relative;
}
@media (max-width: 768px) {
  .innovation_grid .card_swiper--video {
    width: 100%;
    height: 240px;
  }
  .innovation_grid .card_swiper--video::before {
    left: calc(50% - 10px);
  }
}
.innovation_grid_each {
  will-change: transform;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .innovation_grid_each:hover {
    transform: perspective(1200px) scale(1) rotate(0deg) rotateX(10deg) rotateY(0deg) translateZ(0px);
  }
}
@media (max-width: 768px) {
  .innovation_grid {
    margin-top: 30px;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    gap: 20px;
  }
  .innovation_grid_each:last-child {
    grid-column: 1/span 2;
  }
}

.card_swiper {
  position: relative;
}
.card_swiper--video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  mix-blend-mode: darken;
  border-radius: 8px;
  overflow: hidden;
  pointer-events: none;
}
.card_swiper--video::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  background: #fff;
  top: 0;
  left: 260px;
}
@media (max-width: 768px) {
  .card_swiper--video::before {
    background: transparent;
  }
}
.card_swiper--video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_swiper .content_grid_v5--title {
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 40px;
}
@media (max-width: 768px) {
  .card_swiper .content_grid_v5--title {
    top: 45px;
    left: 20px;
  }
}
.card_swiper .swiper {
  border-radius: 8px;
}
.card_swiper .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  left: 40px;
  top: 40px;
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .card_swiper .swiper-pagination {
    left: 20px;
    top: 20px;
  }
}
.card_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(8, 25, 151, 0.35);
  opacity: 1;
  margin: 0;
}
@media (max-width: 768px) {
  .card_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.card_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #081997;
}

.kma_banner .videoPlayer {
  transition: 0.35s linear;
}
.kma_banner .videoPlayer img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .kma_banner .videoPlayer {
    height: calc(100svh - 60px);
  }
}
.kma_banner .video_block {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 768px) {
  .kma_banner .video_block {
    width: auto !important;
    transform: none !important;
    height: auto !important;
  }
}
.kma_banner_main {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .kma_banner_main {
    opacity: 1 !important;
  }
}
.kma_banner_main .scroll_btn {
  position: absolute;
  bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.kma_banner_main .scroll_btn span {
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  font-size: 10px;
}
.kma_banner_main--title {
  color: #fff;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.7px;
}
@media (max-width: 768px) {
  .kma_banner_main--title {
    font-size: 32px;
    line-height: normal;
  }
}
.kma_banner_main--subtitle {
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  .kma_banner_main--subtitle {
    font-size: 32px;
    line-height: normal;
    padding: 0 20px;
  }
}
.kma_banner--title {
  max-width: 820px;
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin: 0 auto;
  margin-bottom: 35px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .kma_banner--title {
    font-size: 20px;
    line-height: 27px;
    padding: 0 20px;
    font-weight: 600;
    max-width: 350px;
    opacity: 1 !important;
  }
}
.kma_banner--btn {
  text-align: center;
}
@media (max-width: 768px) {
  .kma_banner--btn {
    opacity: 1 !important;
  }
}

.cms_hero {
  transition: margin 0.15s linear;
}
.cms_hero_banner {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.cms_hero_banner--overlay {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 500px;
}
.cms_hero_banner--overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(114, 168, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%, rgba(0, 98, 255, 0) 100.01%), linear-gradient(180deg, rgba(8, 25, 151, 0) 0%, rgba(8, 25, 151, 0.3) 100%);
}
@media (max-width: 768px) {
  .cms_hero_banner--overlay {
    border-radius: 8px;
    width: auto !important;
    height: 260px !important;
    transform: none !important;
    margin: 0 20px;
  }
}
.cms_hero_banner--overlay--bg {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(6, 8, 30, 0.8) 0%, rgba(6, 8, 30, 0.8) 100%);
}
@media (max-width: 768px) {
  .cms_hero_banner--overlay--bg {
    display: none;
    transform: none !important;
  }
}
.cms_hero_banner--overlay.scrollActive .cms_hero_banner--overlay--bg {
  background: rgba(6, 8, 30, 0.8);
  border-radius: 0;
}
.cms_hero_banner img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.cms_hero_banner video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  border-radius: 8px;
}
.cms_hero_banner_textCont {
  position: absolute;
  bottom: 53px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media (max-width: 900px) {
  .cms_hero_banner_textCont {
    width: 100%;
  }
}
.cms_hero_banner_textCont--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0.01em;
  color: #fff;
}
@media (max-width: 900px) {
  .cms_hero_banner_textCont--title {
    font-size: 12px;
    line-height: 18px;
  }
}
.cms_hero_banner_textCont--label {
  font-size: 50px;
  color: #fff;
  font-weight: 700;
  line-height: 60.51px;
  letter-spacing: 0.01em;
  margin-top: 20px;
}
@media (max-width: 900px) {
  .cms_hero_banner_textCont--label {
    font-size: 28px;
    line-height: 32px;
    margin-top: 8px;
  }
}
.cms_hero_bottom {
  display: grid;
  place-content: center;
  padding: 100px 0px;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 900px) {
  .cms_hero_bottom {
    padding: 0px;
    position: relative;
    opacity: 1;
    transform: none;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 1 !important;
  }
  .cms_hero_bottom--overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cms_hero_bottom--overlay--img {
    width: 100%;
    height: 100%;
  }
  .cms_hero_bottom--overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 8, 30, 0.8);
    z-index: 0;
  }
  .cms_hero_bottom > * {
    z-index: 1;
  }
}
.cms_hero_bottom_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 50px;
       column-gap: 50px;
  align-items: flex-start;
}
.cms_hero_bottom_wrap.no_grid {
  display: block;
  max-width: 900px;
}
.cms_hero_bottom_wrap.no_grid .cms_hero_bottom_item2 {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 900px) {
  .cms_hero_bottom_wrap.no_grid .cms_hero_bottom_item2 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 900px) {
  .cms_hero_bottom_wrap {
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
  }
}
.cms_hero_bottom_item1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 36.41px;
  letter-spacing: 0.01em;
  color: #edf2f6;
}
@media (max-width: 900px) {
  .cms_hero_bottom_item1 {
    font-size: 22px;
    line-height: 30px;
  }
}
.cms_hero_bottom_item2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #edf2f6;
}
.cms_hero_bottom_item2 iframe {
  height: 340px;
  width: 100%;
}
@media (max-width: 768px) {
  .cms_hero_bottom_item2 iframe {
    height: 240px;
  }
}
.cms_hero_bottom_item2[data-anim=fade-up] {
  opacity: 1;
}
@media (max-width: 900px) {
  .cms_hero_bottom_item2 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    transform: none !important;
  }
}

.standards {
  padding: 0;
  text-align: center;
}
@media (max-width: 900px) {
  .standards {
    padding: 40px 0px 0px;
  }
}
.standards_brandwrapper {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
@media (max-width: 768px) {
  .standards_brandwrapper {
    gap: 18px;
  }
}
.standards_brandCont {
  overflow: hidden;
  display: flex;
  gap: 21px;
}
.standards_brandCont_brandWrap {
  display: grid;
  grid-template-columns: repeat(20, auto);
  transition-timing-function: linear;
}
.standards_brandCont_brandWrap_brand {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  gap: 30px;
  width: 290px;
  height: 100%;
  padding: 52px 30px 42px;
  background-color: #fff;
  border: 1px solid #edf2f6;
  border-radius: 8px;
}
.standards_brandCont_brandWrap_brand_img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.standards_brandCont_brandWrap_brand_img img {
  width: 150px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .standards_brandCont_brandWrap_brand_img {
    justify-content: flex-end;
  }
  .standards_brandCont_brandWrap_brand_img img {
    max-width: 60px;
    max-height: 40px;
  }
}
@media (max-width: 768px) {
  .standards_brandCont_brandWrap_brand {
    width: 200px;
    padding: 10px 30px 10px 30px;
    grid-template-rows: 70px 50px;
    grid-template-columns: none;
  }
}
.standards_brandCont_brandWrap_brand--info {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  letter-spacing: 0.01em;
  color: #545454;
  text-align: center;
}
@media (max-width: 768px) {
  .standards_brandCont_brandWrap_brand--info {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
  }
}
.standards_brandCont_brandWrap2 {
  display: flex;
  gap: 21px;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.review_cont {
  padding: 120px 0px;
  position: relative;
}
@media (max-width: 768px) {
  .review_cont {
    padding: 30px;
  }
}
.review_cont_quoteCont {
  max-width: 978px;
  display: flex;
  flex-direction: column;
  gap: 63px;
}
@media (max-width: 768px) {
  .review_cont_quoteCont {
    gap: 20px;
  }
}
.review_cont_quoteCont_quote {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.92px;
  letter-spacing: 0.01em;
  color: #edf2f6;
}
@media (max-width: 768px) {
  .review_cont_quoteCont_quote {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
  }
}
.review_cont_quoteCont_profile {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media (max-width: 768px) {
  .review_cont_quoteCont_profile {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .review_cont_quoteCont_profile img {
    max-width: 70px;
  }
}
.review_cont_quoteCont_profile_name {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.01em;
  color: #edf2f6;
}
@media (max-width: 768px) {
  .review_cont_quoteCont_profile_name {
    font-size: 18px;
    font-weight: 600;
  }
}
.review_cont_quoteCont_profile_role {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #edf2f6;
}
@media (max-width: 768px) {
  .review_cont_quoteCont_profile_role {
    font-size: 13px;
    font-weight: 500;
  }
}
.review_cont_quoteUp {
  position: absolute;
  top: 80px;
  left: 38px;
}
@media (max-width: 768px) {
  .review_cont_quoteUp {
    height: 40px;
    width: 40px;
    top: 22px;
    left: 22px;
  }
}
.review_cont_quoteDown {
  position: absolute;
  bottom: 80px;
  right: 141px;
}
@media (max-width: 768px) {
  .review_cont_quoteDown {
    height: 40px;
    width: 40px;
    right: 45px;
    top: 170px;
  }
}
.review_quality {
  padding: 80px 130px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
}
@media (max-width: 768px) {
  .review_quality {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
.review_quality_cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.review_quality_cont_desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.01em;
}

.completed_banner {
  margin: 0 auto;
  padding: 80px 0px 50px 0px;
}
@media (max-width: 768px) {
  .completed_banner {
    padding: 30px;
  }
}
.completed_banner_bg {
  background-color: #081997;
  padding: 90px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .completed_banner_bg {
    padding: 20px;
  }
}
.completed_banner_bg--title {
  font-size: 40px;
  font-weight: 700;
  line-height: 48.41px;
  letter-spacing: 0.01em;
  color: #ffffff;
  max-width: 820px;
}
@media (max-width: 768px) {
  .completed_banner_bg--title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }
}
.completed_banner_textCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 90px;
}
@media (max-width: 768px) {
  .completed_banner_textCont {
    gap: 0px;
  }
}
@media (max-width: 768px) {
  .completed_banner_textCont {
    flex-direction: column;
  }
}
.completed_banner_textCont--info {
  max-width: 52%;
}
@media (max-width: 768px) {
  .completed_banner_textCont--info {
    max-width: 100%;
  }
}
.completed_banner_download {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  padding: 80px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  will-change: transform;
  border-radius: 8px;
  transition: 0.45s ease-in-out;
}
@media (max-width: 768px) {
  .completed_banner_download {
    margin: 0 20px;
  }
}
@media (min-width: 768px) {
  .completed_banner_download:hover {
    transform: perspective(1200px) scale(0.98) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
  }
}
@media (max-width: 768px) {
  .completed_banner_download img {
    height: 140px;
    width: 140px;
    display: block;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .completed_banner_download {
    padding: 40px 20px;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.completed_banner_download_layer {
  position: relative;
  z-index: 1;
}
.completed_banner_download_layer::before {
  background: var(--Light-grey, #edf2f6);
  height: 50%;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: -1;
  display: none;
}
.completed_banner_download_layer.exist::before {
  display: block;
}
.completed_banner_download--title {
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  font-weight: 700;
  max-width: 600px;
}
@media (max-width: 768px) {
  .completed_banner_download--title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
  }
}

.quality {
  transition: 0.15s ease-in-out;
}
.quality.cms_hero.active {
  margin-bottom: 80px;
}
.quality.cms_hero .cms_hero_bottom {
  margin-bottom: 0;
}

.qualityCont {
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .qualityCont {
    padding: 0px 20px;
  }
}
.qualityCont_swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.qualityCont_card {
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: #fff;
  display: inline-block;
  text-decoration: none;
  will-change: transform;
  transition: 0.45s ease-in-out;
  height: 100%;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.qualityCont_card::before {
  content: "";
  position: absolute;
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.qualityCont_card:hover::before {
  opacity: 1;
}
.qualityCont_card:hover .qualityCont_card_info--label,
.qualityCont_card:hover .qualityCont_card_info--title,
.qualityCont_card:hover .qualityCont_card_info--desc {
  color: #fff;
}
.qualityCont_card:hover .qualityCont_card_info--label svg path {
  fill: #fff;
}
.qualityCont_card:hover .qualityCont_card_info--text {
  color: #edf2f6;
}
.qualityCont_card:hover .qualityCont_card--img img {
  transform: scale(1.05) translateY(5px);
}
.qualityCont_card--img {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  position: relative;
  z-index: 1;
}
.qualityCont_card--img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(8, 25, 151, 0) 26.16%, rgba(8, 25, 151, 0.8) 103.25%);
  opacity: 0.5;
  z-index: 1;
}
.qualityCont_card--img img {
  max-width: 100%;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
  width: 100%;
}
.qualityCont_card_info {
  padding: 30px;
}
@media (max-width: 768px) {
  .qualityCont_card_info {
    padding: 20px 15px;
  }
}
.qualityCont_card_info--label {
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 22px;
}
.qualityCont_card_info--label svg path {
  transition: 0.45s ease-in-out;
}
@media (max-width: 768px) {
  .qualityCont_card_info--label {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 16px;
  }
}
.qualityCont_card_info--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .qualityCont_card_info--title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.qualityCont_card_info--desc {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-top: 24px;
}
.qualityCont_card_info--text {
  color: var(--dark-grey-2, #737578);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  position: absolute;
  bottom: 30px;
}

.compliance_swiper {
  width: 100%;
}
.compliance_swiper .swiper {
  padding-right: 30px;
}
.compliance_swiper_btns {
  text-align: right;
  margin-top: 36px;
}
@media (max-width: 768px) {
  .compliance_swiper_btns {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .compliance_swiper .swiper-slide {
    margin-right: 15px;
    width: 82vw;
    height: auto;
  }
}
@media (max-width: 768px) {
  .compliance_swiper .extraSlide {
    display: none;
  }
}
.compliance_swiper .swiper-wrapper {
  min-height: 380px;
}
@media (max-width: 768px) {
  .compliance_swiper .swiper-wrapper {
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 180px;
    height: auto !important;
  }
  .compliance_swiper .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

.ComplianceCont {
  position: relative;
}
@media (max-width: 768px) {
  .ComplianceCont {
    padding: 0 0 0 20px;
    flex-direction: column;
  }
}
.ComplianceCont_grid {
  display: grid;
  grid-template-columns: 450px calc(100% - 450px);
}
@media (max-width: 768px) {
  .ComplianceCont_grid {
    display: block;
  }
}
.ComplianceCont_firstChildCont_firstChild {
  max-width: 365px;
}
@media (max-width: 768px) {
  .ComplianceCont_firstChildCont_firstChild {
    max-width: 327px;
    margin-bottom: 30px;
  }
}
.ComplianceCont_card {
  height: 100%;
  border: 2px solid #edf2f6;
  padding: 55px 48px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .ComplianceCont_card {
    padding: 20px;
    height: 100%;
  }
}
.ComplianceCont_card_num {
  padding: 16px 24px;
  background-color: #0094d6;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  letter-spacing: 0.01em;
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
@media (max-width: 768px) {
  .ComplianceCont_card_num {
    height: 40px;
    width: 40px;
    padding: 6px 13px;
  }
}
.ComplianceCont_card_info {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #545454;
  margin-top: 38px;
}
@media (max-width: 768px) {
  .ComplianceCont_card_info {
    font-size: 14px;
    font-weight: 500;
    margin-top: 18px;
  }
}

.nowrap {
  white-space: nowrap;
  margin-bottom: 0px;
}

.enhancing {
  position: relative;
}
.enhancing_btns {
  text-align: center;
}
.enhancing_card {
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: #fff;
  display: block;
  text-decoration: none;
  height: 100%;
  will-change: transform;
  transition: 1s ease-in-out;
  position: relative;
  border-radius: 8px;
  z-index: 1;
  overflow: hidden;
}
.enhancing_card::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(14, 20, 64, 0) 0%, rgba(6, 12, 60, 0.9) 111.16%);
}
.enhancing_card img {
  height: 100%;
  width: 100%;
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.enhancing_card_info {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  letter-spacing: 0.01em;
  text-align: left;
  position: absolute;
  bottom: 0px;
  max-width: 380px;
  padding: 30px;
}
.enhancing_card_info.--2 {
  max-width: 100%;
}
@media (max-width: 768px) {
  .enhancing_card_info {
    font-size: 16px;
    line-height: 24px;
  }
}
.enhancing_card_info--text {
  color: var(--dark-grey-2, #737578);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1px;
  position: absolute;
  bottom: 30px;
  transition: 0.45s ease-in-out;
}
.enhancing_swiper {
  position: relative;
}
@media (max-width: 768px) {
  .enhancing_swiper {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .enhancing_swiper .swiper {
    margin: 0 -20px;
    padding-right: 20px;
  }
}
.enhancing_swiper .swiper-slide {
  height: auto;
  transition: 0.65s ease-in-out;
  transform: scale(0.9);
}
@media (max-width: 768px) {
  .enhancing_swiper .swiper-slide {
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .enhancing_swiper .swiper-slide {
    width: 82vw;
    margin-right: 15px;
  }
}
.enhancing_swiper .swiper-slide.swiper-slide-active {
  transform: scale(1.05);
}
.enhancing_swiper .swiper-slide.swiper-slide-active:hover {
  transform: scale(1.05) perspective(1200px) scale(0.98) rotate(0deg) rotateX(6deg) rotateY(0deg) translateZ(0px);
}
@media (max-width: 768px) {
  .enhancing_swiper .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
}
.enhancing_swiper .swiper-wrapper {
  padding-block: 50px;
}
@media (max-width: 768px) {
  .enhancing_swiper .swiper-wrapper {
    overflow: auto;
    padding-left: 20px;
    padding-block: 0px;
    -webkit-overflow-scrolling: touch;
  }
  .enhancing_swiper .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 768px) {
  .techonlogical_head {
    padding: 0 20px;
  }
}
.techonlogical_swiper {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 768px) {
  .techonlogical_swiper {
    margin: 0 -20px;
    margin-top: 30px;
  }
}
.techonlogical_swiper .custom_swiper--btns {
  position: absolute;
  right: 0px;
  top: -100px;
}
.techonlogical_swiper .swiper-slide {
  height: auto;
}
@media (max-width: 768px) {
  .techonlogical_swiper .swiper-slide {
    width: 82vw;
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  .techonlogical_swiper .swiper {
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  .techonlogical_swiper .swiper-wrapper {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 20px;
  }
  .techonlogical_swiper .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .mFtabs_wrapper {
    margin: 0 -20px;
  }
  .mFtabs_wrapper.--2 {
    margin: 0;
    padding: 0 20px;
  }
}
.mFtabs_wrapper .mFtabs {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  overflow: auto;
  justify-content: flex-start;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .mFtabs_wrapper .mFtabs.arrows {
    max-width: calc(100% - 160px);
  }
}
.mFtabs_wrapper .mFtabs::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .mFtabs_wrapper .mFtabs {
    overflow: auto;
    padding-right: 20px;
    padding-left: 20px;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  .mFtabs_wrapper .mFtabs::-webkit-scrollbar {
    display: none;
  }
}
.mFtabs_wrapper .mFtabs.--2 {
  border-bottom: 1px solid #0094d6;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .mFtabs_wrapper .mFtabs.--2 {
    padding: 0px;
    gap: 24px;
    margin-right: -20px;
    padding-right: 20px;
    margin-bottom: 30px;
  }
  .mFtabs_wrapper .mFtabs.--2 .mFtab {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.mFtabs_wrapper .mFtabs .mFtab {
  display: block;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 50px;
  color: #000;
  border: 1px solid #edf2f6;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}
@media (max-width: 768px) {
  .mFtabs_wrapper .mFtabs .mFtab {
    min-width: 200px;
    font-size: 14px;
    padding: 12px 20px;
    text-align: center;
  }
}
.mFtabs_wrapper .mFtabs .mFtab.plain {
  display: block;
  position: relative;
  padding: 0;
  border: 0;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
.mFtabs_wrapper .mFtabs .mFtab.plain::after {
  content: "";
  left: 0;
  bottom: -0.5px;
  position: absolute;
  height: 2px;
  width: 100%;
  background: linear-gradient(119.64deg, #091a98 1.4%, #7a1c91 100.87%);
  opacity: 0;
  transition: ease-in-out 0.25s;
}
.mFtabs_wrapper .mFtabs .mFtab:hover:not(.plain), .mFtabs_wrapper .mFtabs .mFtab.active:not(.plain) {
  color: #0094d6;
  border: 1px solid #0094d6;
}
.mFtabs_wrapper .mFtabs .mFtab:hover:is(.plain).plain::after, .mFtabs_wrapper .mFtabs .mFtab.active:is(.plain).plain::after {
  opacity: 1;
}
.mFtabs_wrapper .mfTabsContainer {
  position: relative;
}
.mFtabs_wrapper .mfTabsContainer .mfTabContent {
  display: none;
}
.mFtabs_wrapper .mfTabsContainer .mfTabContent.active {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tabs {
  position: relative;
  max-width: 100%;
}

.tab-list {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  margin-bottom: 24px;
  gap: 32px;
}
@media (max-width: 768px) {
  .tab-list {
    border-bottom: #0094d6 1px solid;
    gap: 24px;
  }
}
.tab-list::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background: #0094d6;
  left: 0;
  bottom: 0.5px;
}
@media (max-width: 768px) {
  .tab-list::before {
    display: none;
  }
}
.tab-list::-webkit-scrollbar {
  display: none;
}

.tab-item {
  padding: 8px 0px;
  cursor: pointer;
  position: relative;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .tab-item {
    font-size: 14px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .tab-item::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    border-bottom: #081997 1px solid;
    opacity: 0;
    transition: 0.35s linear;
  }
}

.tab-item.active {
  font-weight: 500;
}
@media (max-width: 768px) {
  .tab-item.active::before {
    opacity: 1;
  }
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
  animation: fadeIn 0.35s linear;
}

.tab-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 2px;
  background-color: #081997;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .tab-line {
    display: none;
  }
}

.nested-tabs .tab-list-dropdown {
  display: none;
}
@media (max-width: 768px) {
  .nested-tabs .tab-list-dropdown {
    display: block;
  }
}
.nested-tabs-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .nested-tabs-head {
    margin-bottom: 16px;
  }
}
.nested-tabs-head-each {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .nested-tabs-head-each {
    gap: 8px;
  }
}
.nested-tabs .tab-list {
  display: flex;
  border-radius: 8px;
  gap: 1px;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .nested-tabs .tab-list {
    display: none;
  }
}
.nested-tabs .tab-list::before {
  display: none;
}
.nested-tabs .tab-list .tab-item {
  padding: 12px 32px;
  margin-right: 0px;
  transition: all 0.3s ease;
  margin-right: 1px;
  background: var(--Light-Blue, #edf2f6);
  min-width: -moz-fit-content;
  min-width: fit-content;
  color: var(--Black, #000);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.14px;
}
@media (max-width: 768px) {
  .nested-tabs .tab-list .tab-item {
    padding: 8px 16px;
  }
  .nested-tabs .tab-list .tab-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
    left: 0;
    top: 0;
  }
}
.nested-tabs .tab-list .tab-item span {
  position: relative;
  z-index: 1;
}
.nested-tabs .tab-list .tab-item.active {
  color: #fff;
}
.nested-tabs .tab-list .tab-line {
  background: linear-gradient(120deg, #091a98 0%, #7a1c91 100%);
  height: 100%;
  min-width: 81px;
}

.cus-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  font-size: 14px;
  color: var(--Black, #000);
  height: 44px;
  border-radius: 8px;
  background: var(--Light-Blue, #edf2f6) url("../images/icons/arrow-down-3.svg") center right 18px no-repeat;
  padding: 8px 20px;
  outline: none;
  padding-right: 40px;
  font-weight: 600;
  font-family: Inter;
  cursor: pointer;
}
@media (max-width: 768px) {
  .cus-select {
    height: 40px;
    padding: 8px 16px;
    background: var(--Light-Blue, #edf2f6) url("../images/icons/arrow-down-3.svg") center right 10px no-repeat;
    padding-right: 26px;
    font-size: 13px;
  }
}

.tabs.v2 {
  text-align: center;
  position: relative;
}
.tabs.v2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 55px);
  border-radius: 8px;
  border: 2px solid #d9e5ef;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .tabs.v2::before {
    height: calc(100% - 45px);
  }
}
.tabs.v2 .tab-list {
  border-radius: 8px;
  background: #edf2f6;
  display: inline-flex;
  padding: 10px;
  position: relative;
  z-index: 4;
  gap: 10px;
}
@media (max-width: 768px) {
  .tabs.v2 .tab-list {
    border: none;
    gap: 0px;
  }
}
.tabs.v2 .tab-list::before {
  display: none;
}
.tabs.v2 .tab-list .tab-item {
  color: #545454;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-transform: capitalize;
  text-align: center;
  min-width: 160px;
  padding: 15px 20px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .tabs.v2 .tab-list .tab-item {
    font-size: 13px;
    line-height: 16px;
    padding: 12px 16px;
    min-width: 140px;
  }
  .tabs.v2 .tab-list .tab-item::before {
    display: none;
  }
}
.tabs.v2 .tab-list .tab-item span {
  color: #081997;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  display: block;
}
@media (max-width: 768px) {
  .tabs.v2 .tab-list .tab-item span {
    font-size: 16px;
    line-height: 18px;
  }
}
.tabs.v2 .tab-list .tab-line {
  border-radius: 8px;
  background: #fff;
  height: calc(100% - 20px);
  bottom: 10px;
}
@media (max-width: 768px) {
  .tabs.v2 .tab-list .tab-line {
    display: block;
  }
}
.tabs.v2 .tab-content {
  padding: 20px 80px 80px;
}
@media (max-width: 768px) {
  .tabs.v2 .tab-content {
    padding: 0px 20px 30px;
  }
}
.tabs.v3 .tab-line {
  display: none;
}
@media (min-width: 768px) {
  .tabs.v3 .tab-list {
    max-width: calc(100% - 160px);
  }
}
@media (max-width: 768px) {
  .tabs.v3 .tab-list {
    border: none;
  }
}
.tabs.v3 .tab-list::before {
  display: none;
}
.tabs.v3 .tab-list .tab-item {
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 50px;
  color: #000;
  border: 1px solid #edf2f6;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.25s linear;
}
.tabs.v3 .tab-list .tab-item.active {
  color: #0094d6;
  border: 1px solid #0094d6;
  font-weight: 400;
}
@media (max-width: 768px) {
  .tabs.v3 .tab-list .tab-item.active::before {
    display: none;
  }
}

.btn_tabs_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .btn_tabs_wrap {
    margin: 0 -20px;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
  }
}
.btn_tabs .tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  gap: 6px;
  align-items: center;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .btn_tabs .tabs {
    justify-content: flex-start;
    overflow: auto;
    padding: 0 20px;
  }
  .btn_tabs .tabs::-webkit-scrollbar {
    display: none;
  }
}
.btn_tabs .tabs li {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  padding: 15px 20px;
  transition: 0.25s linear;
  cursor: pointer;
}
@media (max-width: 768px) {
  .btn_tabs .tabs li {
    white-space: nowrap;
    padding: 8px 12px;
  }
  .btn_tabs .tabs li:last-child {
    margin-right: 24px;
  }
}
.btn_tabs .tabs li.current {
  border: 1px solid var(--Primary-Light-Blue, #0094d6);
  color: var(--Primary-Light-Blue, #0094d6);
}
.btn_tabs .tab-content {
  display: none;
}
.btn_tabs .tab-content.current {
  display: block;
  animation: fadeIn 0.25s linear;
}

@media (max-width: 768px) {
  .focusArea-slider .verticals_block_each--icon,
  .focusArea-slider-2 .verticals_block_each--icon {
    width: 60px;
    height: 60px;
  }
  .focusArea-slider .verticals_block_each--icon svg,
  .focusArea-slider-2 .verticals_block_each--icon svg {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 768px) {
  .focusArea-slider .verticals_block_each.--2,
  .focusArea-slider-2 .verticals_block_each.--2 {
    gap: 28px;
    min-height: 100%;
    min-width: 100%;
  }
}
@media (max-width: 768px) {
  .focusArea-slider .swiper,
  .focusArea-slider-2 .swiper {
    margin: 0 -20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .focusArea-slider .swiper-slide,
  .focusArea-slider-2 .swiper-slide {
    width: 62vw;
    margin-right: 20px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .focusArea-slider .swiper-wrapper,
  .focusArea-slider-2 .swiper-wrapper {
    overflow: auto;
    padding-left: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .focusArea-slider .swiper-wrapper::-webkit-scrollbar,
  .focusArea-slider-2 .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 768px) {
  .focusArea-slider-2 .swiper-slide {
    width: 82vw;
    margin-right: 20px;
    height: auto;
  }
}

.impactStories .custom_swiper--btns {
  position: absolute;
  right: 0;
  top: -80px;
}
@media (max-width: 768px) {
  .impactStories .sustainability_card_2 {
    padding: 20px 0px;
  }
}
@media (max-width: 768px) {
  .impactStories .swiper {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .impactStories .swiper-slide {
    width: 82vw;
    margin-right: 20px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .impactStories .swiper-wrapper {
    overflow: auto;
    padding-left: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .impactStories .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

.health_swiper,
.action_swiper {
  position: relative;
}
.health_swiper .swiper-pagination,
.action_swiper .swiper-pagination {
  position: relative;
  bottom: auto !important;
  top: auto !important;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .health_swiper .swiper-pagination,
  .action_swiper .swiper-pagination {
    margin-top: 16px;
  }
}
.health_swiper .swiper-pagination .swiper-pagination-bullet,
.action_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(8, 25, 151, 0.35);
  opacity: 1;
  transition: 0.35s linear;
}
.health_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.action_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #081997;
}
.health_swiper_head,
.action_swiper_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.investor_wrap .investor_swiper {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.investor_wrap .annual_grid {
  border-radius: 0px 0px 8px 8px;
}

.investor_swiper {
  position: relative;
}
@media (max-width: 768px) {
  .investor_swiper {
    margin: 0 20px;
  }
}
.investor_swiper--img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.investor_swiper--img::before {
  content: "";
  position: absolute;
  background: linear-gradient(99deg, rgba(2, 12, 87, 0.1) 12.1%, rgba(8, 25, 151, 0.1) 83.25%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.investor_swiper--img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.investor_swiper .swiper-slide.swiper-slide-active .investor_swiper_slide {
  opacity: 1;
}
.investor_swiper .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  top: 80px;
  left: 80px;
  bottom: auto;
}
@media (max-width: 768px) {
  .investor_swiper .swiper-pagination {
    top: 32px;
    left: 20px;
  }
}
.investor_swiper .swiper-pagination .swiper-pagination-bullet {
  background: #FFF;
  width: 10px;
  height: 10px;
}
.investor_swiper_slide {
  position: relative;
  transition: 0.45s linear;
  padding: 160px 80px 80px;
}
@media (max-width: 768px) {
  .investor_swiper_slide {
    padding: 80px 20px 40px;
  }
}
.investor_swiper_slide--label {
  color: var(--White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .investor_swiper_slide--label {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px;
  }
}
.investor_swiper_slide--title {
  color: var(--White, #FFF);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .investor_swiper_slide--title {
    font-size: 22px;
    line-height: 28px;
  }
  .investor_swiper_slide--title br {
    display: none;
  }
}
.investor_swiper_slide--btn a {
  color: var(--Primary-dark-blue, #081997);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  border-radius: 40px;
  background: var(--White, #FFF);
  min-width: 318px;
  padding: 18px 40px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .investor_swiper_slide--btn a {
    font-size: 12px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 12px 30px;
  }
}

@media (max-width: 768px) {
  .investros_wrap {
    padding: 0 20px;
  }
}

.range-slider {
  width: 100%;
  margin: 30px auto 20px;
  padding: 20px 0;
  position: relative;
}
.range-slider-wrap {
  padding: 20px 0 50px;
}
@media (max-width: 768px) {
  .range-slider-wrap {
    padding: 10px 0 30px;
  }
}
@media (max-width: 768px) {
  .range-slider {
    padding: 10px 0;
  }
}

.range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

.range:focus {
  outline: none;
}

.range::before {
  left: 0;
  content: attr(data-min);
}

.range::after {
  right: 0;
  content: attr(data-max);
}

.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: linear-gradient(90deg, #081997 var(--range-progress), #dee4ec var(--range-progress));
  border-radius: 1rem;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #081997;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  width: 28px;
  transform: translateY(calc(-50% + 2px));
}
@media (max-width: 768px) {
  .range::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
  }
}

.tooltip {
  position: absolute;
  top: -2.25rem;
  left: 0;
}

.tooltip span {
  color: var(--Primary-dark-blue, #081997);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
}
@media (max-width: 768px) {
  .tooltip span {
    font-size: 30px;
  }
}

.start,
.end {
  color: #878787;
  text-align: right;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  position: absolute;
  bottom: -20px;
}
@media (max-width: 768px) {
  .start,
  .end {
    font-size: 14px;
  }
}

.start {
  left: 0px;
}

.end {
  right: 0px;
}

@media (max-width: 768px) {
  .cus_form .primary_btn {
    width: 100%;
  }
}
.cus_form_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 768px) {
  .cus_form_grid {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.cus_form_group {
  margin-bottom: 26px;
  /* Hide the default checkbox */
  /* Style the checked state */
  /* Optional: Add a checkmark for visual indication */
}
.cus_form_group input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1.5px solid #081997;
  /* Black border */
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background: transparent;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .cus_form_group input[type=checkbox] {
    width: 14px;
    height: 14px;
    border-width: 1px;
  }
}
.cus_form_group input[type=checkbox]:checked {
  background-color: #081997;
  /* Black background when checked */
  position: relative;
}
.cus_form_group input[type=checkbox]:checked::before {
  border-radius: 2px;
  content: "";
  /* Unicode for checkmark */
  color: white;
  position: absolute;
  background: #081997 url("../images/icons/check-white.svg") center no-repeat;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cus_form_group .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  cursor: pointer;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
  min-width: 16px;
}
@media (max-width: 768px) {
  .cus_form_group .checkbox {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}
.cus_form_group .checkbox .checkbox input[type=checkbox] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  .cus_form_group .checkbox .checkbox input[type=checkbox] {
    width: 14px;
    height: 14px;
  }
}
.cus_form_group .checkbox input {
  padding: 0px;
}
.cus_form_group br {
  display: none;
}
.cus_form_group.right {
  text-align: right;
}
.cus_form_group h4 {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .cus_form_group h4 {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}
.cus_form_group p {
  color: var(--dark-grey-2, #737578);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .cus_form_group p {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}
.cus_form_group label {
  display: block;
  color: #545454;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 6px;
}
.cus_form_group label span {
  color: #e60001;
}
.cus_form_group input,
.cus_form_group select,
.cus_form_group textarea {
  border-radius: 8px;
  border: 1px solid var(--White, #fff);
  background: #edf2f6;
  height: 52px;
  padding: 12px 16px;
  width: 100%;
  font-family: "Inter", sans-serif;
  background: #fff;
}
@media (max-width: 768px) {
  .cus_form_group input,
  .cus_form_group select,
  .cus_form_group textarea {
    height: 45px;
  }
}
.cus_form_group input:focus,
.cus_form_group select:focus,
.cus_form_group textarea:focus {
  outline: none;
}
.cus_form_group select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: #fff url("../images/icons/arrow.svg") center right 16px no-repeat;
}
.cus_form_group select:invalid {
  opacity: #737578;
}
.cus_form_group textarea {
  height: 170px;
  resize: none;
}
@media (max-width: 768px) {
  .cus_form_group textarea {
    height: 120px;
  }
}

#clearBtn {
  padding: 10px 20px;
  color: #e60001;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  margin-top: 8px;
  cursor: pointer;
}

@keyframes fadeModalIn {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@keyframes fadeModalOut {
  0% {
    display: flex;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.custom_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  animation: fadeModalOut 0.35s linear;
}
.custom_modal.open {
  display: flex;
  animation: fadeModalIn 0.35s linear;
}
.custom_modal--asset {
  height: 100%;
  width: 100%;
}
.custom_modal_inner {
  width: 900px;
  height: 500px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .custom_modal_inner {
    width: 90%;
    height: 260px;
  }
}
.custom_modal_inner video,
.custom_modal_inner iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.custom_modal--close {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #EDF2F6;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 768px) {
  .custom_modal--close {
    top: 20px;
    right: 20px;
  }
}

.virtual_tour {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  animation: fadeModalOut 0.35s linear;
}
.virtual_tour.open {
  display: flex;
  animation: fadeModalIn 0.35s linear;
}
.virtual_tour--close {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #EDF2F6;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.virtual_tour_iframe {
  width: 100%;
  height: 100%;
}
.virtual_tour_iframe iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.virtual_tour_inner {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}

.box_template {
  position: relative;
  z-index: 1;
  background: var(--Light-Blue, #edf2f6);
  padding-bottom: 80px;
}
.box_template.bg-transparent {
  background: transparent;
}
@media (max-width: 768px) {
  .box_template {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .box_template .content_grid {
    padding: 0px;
  }
}
.box_template_banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 460px;
  z-index: -1;
}
.box_template_banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, rgba(1, 144, 208, 0) 0%, rgba(1, 143, 207, 0.4) 100%);
  z-index: 1;
}
@media (max-width: 768px) {
  .box_template_banner {
    height: 280px;
  }
}
.box_template_banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box_template_info {
  text-align: center;
  padding: 48px 0px 80px;
}
.box_template_info.invisible {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .box_template_info {
    padding: 30px 20px 40px;
  }
}
.box_template_info--label {
  color: var(--White, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.14px;
  display: inline-flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%));
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .box_template_info--label {
    font-size: 12px;
  }
}
.box_template_info--title {
  color: var(--White, #fff);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.6px;
}
@media (max-width: 768px) {
  .box_template_info--title {
    font-size: 26px;
  }
  .box_template_info--title br {
    display: none;
  }
}
.box_template_content {
  max-width: 1320px;
  background: #fff;
  padding: 50px 80px;
  margin: 0 auto;
  min-height: 300px;
  border-radius: 8px;
}
.box_template_content.max_content {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .box_template_content.max_content {
    max-width: 100%;
    margin: 0 20px;
  }
}
@media (max-width: 1320px) {
  .box_template_content {
    margin: 0 60px;
  }
}
@media (max-width: 768px) {
  .box_template_content {
    padding: 20px;
    margin: 0 20px;
  }
}

.generic {
  padding: 40px 0;
}
@media (max-width: 768px) {
  .generic {
    padding: 40px 20px;
  }
}
.generic_grid {
  display: grid;
  grid-template-columns: 260px auto;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 768px) {
  .generic_grid {
    grid-template-columns: 1fr;
  }
}
.generic_grid_each:first-child {
  position: sticky;
  top: 100px;
  z-index: 9;
}
@media (max-width: 768px) {
  .generic_grid_each:first-child {
    top: 60px;
  }
}
.generic--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  padding: 32px;
  border-radius: 8px;
  background: var(--Light-grey, #EDF2F6);
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .generic--title {
    font-size: 24px;
    padding: 20px 24px;
  }
}
.generic--content > ol {
  counter-reset: main-counter;
  list-style-type: none;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .generic--content > ol {
    padding-left: 20px;
  }
}
.generic--content > ol > li {
  counter-increment: main-counter;
  position: relative;
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.24px;
  padding-bottom: 40px;
}
.generic--content > ol > li :last-child {
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  .generic--content > ol > li {
    font-size: 18px;
    scroll-margin-top: 140px;
  }
}
.generic--content > ol > li::marker {
  content: counter(main-counter) ". ";
}
.generic--content > ol > li > ol {
  counter-reset: sub-counter;
  list-style-type: none;
  padding-left: 30px;
  padding-top: 16px;
}
.generic--content > ol > li > ol > li {
  counter-increment: sub-counter;
  position: relative;
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .generic--content > ol > li > ol > li {
    font-size: 14px;
  }
}
.generic--content > ol > li > ol > li::marker {
  content: counter(main-counter) "." counter(sub-counter) " ";
  font-weight: 600;
}

.generic_sidebar {
  border-radius: 8px;
  background: var(--Light-Blue, #EDF2F6);
  padding: 30px;
}
@media (max-width: 768px) {
  .generic_sidebar {
    padding: 16px 20px;
    border-radius: 0px;
    top: 0;
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
  }
}
.generic_sidebar--title {
  color: var(--Primary-dark-blue, #081997);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.24px;
}
@media (max-width: 768px) {
  .generic_sidebar--title {
    font-size: 16px;
    position: relative;
  }
  .generic_sidebar--title::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("../images/icons/arrow-left.svg") center right no-repeat;
    transform: rotate(-90deg);
    background-size: 20px;
  }
}
.generic_sidebar ol {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding-left: 20px;
  margin-bottom: 0;
  border-top: rgba(0, 148, 214, 0.4) 1px solid;
  padding-top: 24px;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .generic_sidebar ol {
    display: none;
    padding-top: 16px;
    margin-top: 16px;
  }
}
.generic_sidebar ol li {
  padding-bottom: 16px;
}
.generic_sidebar ol li a {
  color: var(--dark-grey-2, #737578);
  text-decoration: none;
  transition: 0.25s linear;
}
.generic_sidebar ol li a.active {
  color: var(--Black, #000);
  font-weight: 500;
}
.generic_sidebar ol li :last-child {
  padding-bottom: 0px;
}

@media (max-width: 768px) {
  .pt-m-0 {
    padding-top: 0px !important;
  }
}

.cus_map {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
}
@media (max-width: 768px) {
  .cus_map {
    grid-template-columns: 1fr;
  }
}
.cus_map_content {
  border-radius: 8px;
  border: 2px solid var(--Light-Blue, #edf2f6);
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 60px;
  justify-content: center;
}
@media (max-width: 768px) {
  .cus_map_content {
    padding: 20px;
  }
}
.cus_map_content--icon {
  width: 65px;
  height: 65px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--Primary-dark-blue, #081997);
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .cus_map_content--icon {
    width: 60px;
    height: 60px;
    margin-bottom: 28px;
  }
}
.cus_map_content_info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .cus_map_content_info {
    gap: 12px;
  }
}
.cus_map_content_info_each {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.14px;
}
.cus_map_content_info_each--title {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.28px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .cus_map_content_info_each--title {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.cus_map_content_info_each--text {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 135% */
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .cus_map_content_info_each--text {
    font-size: 15px;
  }
}
.cus_map_content_info_each--link {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 135% */
  letter-spacing: 0.2px;
  margin-bottom: 20px;
  display: inline-flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .cus_map_content_info_each--link {
    font-size: 15px;
    margin-bottom: 12px;
  }
}
.cus_map_content_info_each--link a {
  text-decoration: none;
  color: var(--Black, #000);
}
.cus_map_content_info_each--link img,
.cus_map_content_info_each--link svg {
  min-width: 20px;
}
@media (max-width: 768px) {
  .cus_map_content_info_each--link {
    word-break: break-all;
  }
}
.cus_map_content_info_each--link:last-child {
  margin-bottom: 0px;
}
.cus_map_view {
  padding: 30px;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .cus_map_view {
    padding: 20px;
  }
}
.cus_map_view iframe {
  width: 100%;
  height: 540px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .cus_map_view iframe {
    height: 320px;
  }
}

.line_break {
  background: #fff;
  width: 100%;
  height: 1px;
}

.blog_detail_info {
  text-align: center;
  padding: 50px 20px;
}
@media (max-width: 768px) {
  .blog_detail_info {
    padding: 30px 20px;
  }
}
.blog_detail_info--label {
  color: var(--Primary-Light-Blue, #0094D6);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 1px solid var(--Primary-Light-Blue, #0094D6);
  background: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.blog_detail_info--title {
  color: var(--Black, #000);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.6px;
  margin-bottom: 26px;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .blog_detail_info--title {
    font-size: 26px;
  }
}
.blog_detail_info--date {
  color: var(--dark-grey-2, #737578);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 26px;
}
@media (max-width: 768px) {
  .blog_detail_info--date {
    margin-top: 16px;
  }
}
.blog_detail_info--date .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dark-grey-2, #737578);
}
.blog_detail--banner {
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .blog_detail--banner {
    padding: 0 20px;
  }
}
.blog_detail--banner img {
  border-radius: 8px;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.blog_detail_content {
  max-width: 850px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 40px auto;
  gap: 60px;
}
@media (max-width: 768px) {
  .blog_detail_content {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 20px;
    gap: 30px;
  }
}
.blog_detail_content h4 {
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  margin-bottom: 20px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .blog_detail_content h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}
.blog_detail_content p {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .blog_detail_content p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 16px;
  }
}
.blog_detail_content img {
  display: block;
  max-width: 100%;
  margin: 50px 0;
}
@media (max-width: 768px) {
  .blog_detail_content img {
    margin: 30px 0;
  }
}
.blog_detail_content ul {
  padding-left: 30px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .blog_detail_content ul {
    margin-bottom: 16px;
  }
}
.blog_detail_content ul li {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .blog_detail_content ul li {
    font-size: 15px;
    line-height: 22px;
  }
}
.blog_detail_content blockquote {
  border-radius: 8px;
  color: var(--Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: 0.24px;
  padding: 100px 50px 50px;
  background: #EDF2F6 url("../images/icons/quote.svg") left 50px top 50px no-repeat;
  background-size: 36px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .blog_detail_content blockquote {
    font-size: 20px;
    padding: 70px 30px 30px;
    background: #EDF2F6 url("../images/icons/quote.svg") left 30px top 30px no-repeat;
    background-size: 26px;
  }
}
.blog_detail_content blockquote::before {
  content: "";
  position: absolute;
  width: 5px;
  height: calc(100% - 60px);
  top: 30px;
  left: 0;
  border-radius: 0px 8px 8px 0px;
  background: var(--Primary-Light-Blue, #0094D6);
}

.blog_detail_share {
  position: sticky;
  top: 100px;
}
.blog_detail_share--title {
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
}
.blog_detail_share--list {
  list-style: none;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .blog_detail_share--list {
    flex-direction: row;
  }
}
.blog_detail_share--list li a {
  border-radius: 98px;
  background: var(--Light-Blue, #EDF2F6);
  width: 40px;
  height: 40px;
  padding: 12px;
  display: inline-flex;
  transition: 0.35s linear;
}
.blog_detail_share--list li a svg path {
  transition: 0.35s linear;
}
.blog_detail_share--list li a:hover {
  background: #0094D6;
}
.blog_detail_share--list li a:hover svg path {
  fill: #fff;
}
.blog_detail_share--list li a img {
  margin: 0 auto;
  width: auto;
}

.media_highlight_card {
  border-radius: 8px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091A98 1.4%, #7A1C91 100.87%));
  padding: 60px;
}
@media (max-width: 768px) {
  .media_highlight_card {
    padding: 30px 20px;
  }
}
.media_highlight_card--label {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .media_highlight_card--label {
    font-size: 13px;
  }
}
.media_highlight_card--title {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .media_highlight_card--title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.media_highlight_card_info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .media_highlight_card_info {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.media_highlight_card_info--text {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 768px) {
  .media_highlight_card_info--text {
    font-size: 13px;
  }
}

.media_card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--Light-Blue, #EDF2F6);
  background: var(--White, #FFF);
}
@media (max-width: 768px) {
  .media_card {
    grid-template-columns: 1fr;
  }
}
.media_card--img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media_card_content {
  padding: 30px 60px;
}
@media (max-width: 768px) {
  .media_card_content {
    padding: 20px;
  }
}
.media_card_content--label {
  color: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: var(--gradient-2-final, linear-gradient(120deg, #091A98 1.4%, #7A1C91 100.87%));
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .media_card_content--label {
    font-size: 10px;
    padding: 8px 16px;
  }
}
.media_card_content--date {
  color: var(--dark-grey-2, #737578);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .media_card_content--date {
    font-size: 14px;
  }
}
.media_card_content--title {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .media_card_content--title {
    font-size: 20px;
  }
}

.media_card_swiper {
  border-radius: 8px;
  background: var(--Light-Blue, #EDF2F6);
  padding: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .media_card_swiper {
    padding: 0px;
    background: transparent;
  }
}
.media_card_swiper .swiper {
  border-radius: 8px;
  overflow: hidden;
}

.media_card_swiper .swiper-pagination {
  position: relative;
  bottom: auto !important;
  top: auto !important;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .media_card_swiper .swiper-pagination {
    margin-top: 16px;
  }
}
.media_card_swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(8, 25, 151, 0.35);
  opacity: 1;
  transition: 0.35s linear;
}
.media_card_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #081997;
}

.media_latest {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 768px) {
  .media_latest {
    grid-template-columns: 1fr;
  }
}
.media_latest_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .media_latest_list {
    display: flex;
    flex-direction: row;
    overflow: auto;
    margin: 0 -20px;
    padding: 0 20px;
    gap: 12px;
  }
  .media_latest_list::-webkit-scrollbar {
    display: none;
  }
}

.media_latest_card {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #EDF2F6);
  background: var(--White, #FFF);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.media_latest_card.v2 {
  flex-direction: row;
}
@media (max-width: 768px) {
  .media_latest_card.v2 {
    flex-direction: column;
    min-width: 72vw;
  }
}
.media_latest_card.v2 .media_latest_card--asset {
  min-height: 168px;
  height: 100%;
  width: 280px;
  min-width: 280px;
}
@media (max-width: 768px) {
  .media_latest_card.v2 .media_latest_card--asset {
    width: 100%;
    min-width: 100%;
    max-height: 168px;
  }
}
.media_latest_card.v2 .media_latest_card_info {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.media_latest_card.v2 .media_latest_card--asset_play {
  width: 40px;
}
.media_latest_card--asset {
  height: 380px;
  position: relative;
}
@media (max-width: 768px) {
  .media_latest_card--asset {
    height: 280px;
  }
}
.media_latest_card--asset video,
.media_latest_card--asset img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.media_latest_card--asset_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .media_latest_card--asset_play img {
    width: 50px;
  }
}
.media_latest_card_info {
  padding: 30px;
}
@media (max-width: 768px) {
  .media_latest_card_info {
    padding: 20px;
  }
}
.media_latest_card_info--title {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 25px;
  min-height: 60px;
}
@media (max-width: 768px) {
  .media_latest_card_info--title {
    font-size: 22px;
  }
}
.media_latest_card_info--title2 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
}
.media_latest_card_info--link {
  color: var(--Primary-dark-blue, #081997);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  text-decoration: none;
}
.media_latest_card_info--link img {
  width: 12px;
}
.media_latest_card_info--date {
  color: var(--dark-grey-2, #737578);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  margin-bottom: 12px;
}
.media_latest_card_info--subtitle {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .media_latest_card_info--subtitle {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

.no_jobs {
  text-align: center;
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: #fff;
  padding: 40px 30px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .no_jobs {
    margin-bottom: 40px;
  }
}
.no_jobs--icon {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .no_jobs--icon {
    margin-bottom: 24px;
  }
  .no_jobs--icon img {
    max-width: 60px;
  }
}
.no_jobs--title {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .no_jobs--title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
  }
}
.no_jobs--text {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .no_jobs--text {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}

.job_search {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 4;
  gap: 24px;
}
@media (max-width: 768px) {
  .job_search {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.job_search_dropdown {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 768px) {
  .job_search_dropdown {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
  }
}

.dropdown {
  position: relative;
  min-width: 180px;
}
@media (max-width: 768px) {
  .dropdown {
    min-width: 100%;
  }
}
.dropdown.md {
  min-width: 260px;
}
@media (max-width: 768px) {
  .dropdown.md {
    min-width: 100%;
  }
}
.dropdown.v2 .tag {
  background: transparent;
  color: var(--Black, #000);
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.dropdown.v2 .tag .remove-tag {
  display: none;
}

.dropdown-btn {
  border-radius: 50px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  height: 50px;
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  align-items: center;
  display: flex;
  padding: 15px 20px;
  cursor: pointer;
  background: #edf2f6;
  padding-right: 50px;
  position: relative;
}
.dropdown-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/icons/chevron-down.svg") no-repeat right 20px center;
  z-index: 1;
  pointer-events: none;
  left: 0;
  top: 0;
  transition: 0.35s linear;
}

.tag {
  border-radius: 28px;
  background: var(--dark-grey-2, #737578);
  padding: 5px 10px;
  margin: 2px;
  display: flex;
  align-items: center;
  color: var(--White, #fff);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  animation: fadeIn 0.3s ease-in-out;
}

.tag .remove-tag {
  padding-left: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 4;
  top: calc(100% + 4px);
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--Light-Blue, #edf2f6);
  overflow: hidden;
}
.dropdown-content-wrap {
  width: 100%;
  flex-direction: column;
  max-height: 180px;
  overflow-y: auto;
  display: flex;
  /* width */
  /* Track */
  /* Handle */
}
.dropdown-content-wrap::-webkit-scrollbar {
  width: 3px;
  border-radius: 4px;
}
.dropdown-content-wrap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
.dropdown-content-wrap::-webkit-scrollbar-thumb {
  background: #081997;
  border-radius: 4px;
}

.dropdown-content label {
  display: block;
  color: var(--Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  cursor: pointer;
  padding: 10px 20px;
  position: relative;
}
.dropdown-content label:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5019607843);
  z-index: -1;
  left: 0;
  top: 0;
}
.dropdown-content label.active {
  position: relative;
  z-index: 1;
}
.dropdown-content label.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
  left: 0;
  top: 0;
}
.dropdown-content label input {
  display: none;
}

.dropdown.open .dropdown-content {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

.dropdown.open .dropdown-btn::before {
  transform: rotateX(180deg);
}

@media (max-width: 768px) {
  .job_search_input {
    width: 100%;
  }
}
.job_search_input input {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  border-radius: 50px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: #edf2f6 url("../images/icons/search2.svg") no-repeat right 20px center;
  padding: 15px 20px;
  min-width: 280px;
  outline: none;
}
@media (max-width: 768px) {
  .job_search_input input {
    min-width: 100%;
  }
}

.job_detail {
  max-width: 750px;
  margin: 0 auto;
  padding: 20px 0;
}
.job_detail--title {
  color: var(--Black, #000);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .job_detail--title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 16px;
  }
}
.job_detail_info {
  display: flex;
  align-items: center;
  gap: 30px;
}
.job_detail_info_each {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .job_detail_info_each {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
  }
}
.job_detail_content h4,
.job_detail_content h2 {
  color: var(--Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 135% */
  letter-spacing: 0.2px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.job_detail_content h4 b,
.job_detail_content h2 b {
  font-weight: 500;
}
@media (max-width: 768px) {
  .job_detail_content h4,
  .job_detail_content h2 {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
    margin-top: 30px;
    margin-bottom: 16px;
  }
}
.job_detail_content b {
  font-weight: 400;
}
.job_detail_content div > div {
  margin-bottom: 16px;
}
.job_detail_content p {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .job_detail_content p {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}
.job_detail_content ul {
  padding-left: 24px;
}
.job_detail_content ul li {
  color: var(--Black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}
@media (max-width: 768px) {
  .job_detail_content ul li {
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}

.upload-box {
  border-radius: 8px;
  border: 1px solid var(--Light-Blue, #edf2f6);
  background: var(--Light-Blue, #edf2f6);
  padding: 12px 16px;
  text-align: center;
  height: 170px;
  width: 100%;
  position: relative;
  border-radius: 8px;
  transition: background 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-box.dragover {
  background-color: #d0e9ff;
}

.upload-box .icon {
  font-size: 24px;
  color: #2a9df4;
  margin-bottom: 10px;
}

.upload-box p {
  color: var(--Dark-grey, #545454);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
}

.upload-box .file-types {
  font-size: 14px;
  color: #555;
}

.browse-label {
  cursor: pointer;
  margin-top: 10px;
  color: var(--Primary-dark-blue, #081997);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
}
.browse-label span {
  color: var(--Primary-dark-blue, #081997) !important;
}

.upload-status p {
  color: var(--Black, #000);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
}

.job_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .job_list {
    padding-bottom: 40px;
  }
}
.job_list_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Light-grey, #edf2f6);
  background: #fff;
  padding: 30px 40px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
@media (max-width: 768px) {
  .job_list_item_each:last-child {
    position: absolute;
    top: 24px;
    right: 14px;
  }
  .job_list_item_each:last-child .job_link {
    font-size: 0px;
  }
}
@media (max-width: 768px) {
  .job_list_item {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
  }
}
.job_list_item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(120deg, #091a98 1.4%, #7a1c91 100.87%);
  z-index: -1;
  opacity: 0;
  transition: 0.35s linear;
}
@media (min-width: 768px) {
  .job_list_item:hover::before {
    opacity: 1;
  }
  .job_list_item:hover .job_list_item--title,
  .job_list_item:hover .job_list_item--info span,
  .job_list_item:hover .job_link {
    color: #fff;
  }
  .job_list_item:hover .job_list_item--info span svg path,
  .job_list_item:hover .job_link svg path {
    fill: #fff;
  }
  .job_list_item:hover .lottie-icon-light {
    display: block !important;
  }
  .job_list_item:hover .lottie-icon-dark {
    display: none;
  }
}
.job_list_item--title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%; /* 31.92px */
  letter-spacing: 0.24px;
  margin-bottom: 16px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .job_list_item--title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    padding-right: 20px;
  }
}
.job_list_item--info {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .job_list_item--info {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.job_list_item--info span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .job_list_item--info span {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
  }
}
.job_list_item--info span svg path {
  transition: 0.35s linear;
}
.job_list .job_link {
  color: var(--Primary-dark-blue, #081997);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  transition: 0.35s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.job_list .job_link .lottie-icon-light {
  display: none;
}
.job_list .job_link lottie-player {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.job_list .job_link svg path {
  transition: 0.35s linear;
}
@media (max-width: 768px) {
  .job_list .job_link {
    font-size: 14px;
    line-height: 20px; /* 143% */
    gap: 6px;
  }
}

.clear_all {
  color: var(--Primary-dark-blue, #081997);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  border-radius: 50px;
  border: 1px solid var(--Primary-dark-blue, #081997);
  height: 50px;
  background: #fff;
  box-shadow: none;
  padding: 15px 20px;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .clear_all {
    width: 100%;
    font-size: 14px;
    line-height: 20px; /* 143% */
  }
}/*# sourceMappingURL=style.css.map */