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

li {
  list-style-type: none; }

a {
  text-decoration: none; }

.numbers .numbers-content .numbers-box .box-single h1, .g__hero .g__hero-content .g__hero-text h1, .h__hero .h__hero-content .h_hero-text .title, .e__hero .e__hero-content .e__hero-text h1, .t__hero .t__hero-content .t__hero-info h1, .p-hero .text h1, .s__hero .s__hero-content .s__hero-text h1, .pay .p__content .p__text .title, .cta .cta-content .cta-text .title, .numbers .numbers-content .numbers-text h2, .dif .dif__content .dif__content-text h2, .h__about .h__about-content .h__about-text .title, .h__dif .h__dif-content .h__dif-text .title, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .title, .e__history .e__history-content .e__history-video .e__history-video-text h2, .e__history .e__history-content .e__history-our .e__history-title h2, .intro .intro__content h2, .why .why__content .why__content-text-top h2, .dif .dif__content .dif__content-box h3, .swiper-slide a .text h3, .h__cia .h__cia-content .title, .h__solutions .h__solutions-container .h__solutions-cta h3, .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta p, .e__history .e__history-content .e__history-our .e__history-box .e__history-text h3, .t__hero .t__hero-content .t__hero-info .t__hero-info-contact h3, .t__hero .t__hero-content .t__hero-form h3, .work-main .work-content .work-form h3, .s__hero .s__hero-content .s__hero-img h3, .why .why__content .why__content-text-bottom .list h3, .h__dif .h__dif-content .h__dif-box .h__dif-box-single .title {
  font-family: 'Mulish', sans-serif; }

.h__hero .h__hero-content .h_hero-text .sub, .text-privacy .text-content .title, .s__hero .s__hero-content .s__hero-text .sub, .pay .p__content .p__text .sub, .cta .cta-content .cta-text .sub, footer .footer-content .box-footer .title, .numbers .numbers-content .numbers-box .box-single p, .dif .dif__content .dif__content-text .sub, .dif .dif__content .dif__content-box p, .h__about .h__about-content .h__about-text .sub, .h__dif .h__dif-content .h__dif-text .sub, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .sub, .h__solutions .h__solutions-container .h__solutions-cta p, .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-sub, .e__history .e__history-content .e__history-video .e__history-video-text a, .e__history .e__history-content .e__history-our .e__history-title .sub, .e__history .e__history-content .e__history-our .e__history-box .e__history-text p, .t__hero .t__hero-content .t__hero-info .sub, .t__hero .t__hero-content .t__hero-form form label, .text-privacy .text-content p, .work-main .work-content .work-form p, form label, .s__hero .s__hero-content .s__hero-img p, .intro .intro__content p, .why .why__content .why__content-text-top .sub, .why .why__content .why__content-text-bottom .list p, .why .why__content .why__content-text-bottom .list ul li, footer .footer-content .box-footer .subtitle, footer .footer-copy .box-footer p, .swiper-slide a .text p, .h__dif .h__dif-content .h__dif-box .h__dif-box-single .sub, .t__hero .t__hero-content .t__hero-info .t__hero-info-contact a.box p, .button-main button, header .menu .desktop-menu .desktop-list .list-item .whats-button, .t__hero .t__hero-content .t__hero-form form input[type=submit], form input[type=submit], header .menu .desktop-menu .desktop-list .list-item .subMenu ul li a, header .menu .desktop-menu .desktop-list .list-item .list-link, footer .footer-content .box-footer ul li .link, footer .footer-copy .box-footer a, .canvas-menu .vertical-menu li, .cta .cta-content .cta-text .overline, .numbers .numbers-content .numbers-text .overline, .g__hero .g__hero-content .g__hero-text .overline, .dif .dif__content .dif__content-text .overline, .h__hero .h__hero-content .h_hero-text .overline, .h__about .h__about-content .h__about-text .overline, .h__dif .h__dif-content .h__dif-text .overline, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .overline, .e__history .e__history-content .e__history-our .e__history-title .overline, .t__hero .t__hero-content .t__hero-info .overline, .p-hero .text .overline16, .s__hero .s__hero-content .s__hero-text .overline, .why .why__content .why__content-text-top .overline {
  font-family: 'Ubuntu', sans-serif; }

.numbers .numbers-content .numbers-box .box-single h1, .g__hero .g__hero-content .g__hero-text h1, .h__hero .h__hero-content .h_hero-text .title, .e__hero .e__hero-content .e__hero-text h1, .t__hero .t__hero-content .t__hero-info h1, .p-hero .text h1, .s__hero .s__hero-content .s__hero-text h1 {
  font-size: 56px;
  font-weight: 900;
  line-height: 72px; }

.pay .p__content .p__text .title, .cta .cta-content .cta-text .title, .numbers .numbers-content .numbers-text h2, .dif .dif__content .dif__content-text h2, .h__about .h__about-content .h__about-text .title, .h__dif .h__dif-content .h__dif-text .title, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .title, .e__history .e__history-content .e__history-video .e__history-video-text h2, .e__history .e__history-content .e__history-our .e__history-title h2, .intro .intro__content h2, .why .why__content .why__content-text-top h2 {
  font-size: 48px;
  font-weight: 900;
  line-height: 62px; }

.dif .dif__content .dif__content-box h3, .swiper-slide a .text h3, .h__cia .h__cia-content .title, .h__solutions .h__solutions-container .h__solutions-cta h3, .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta p, .e__history .e__history-content .e__history-our .e__history-box .e__history-text h3, .t__hero .t__hero-content .t__hero-info .t__hero-info-contact h3, .t__hero .t__hero-content .t__hero-form h3, .work-main .work-content .work-form h3, .s__hero .s__hero-content .s__hero-img h3, .why .why__content .why__content-text-bottom .list h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px; }

.h__dif .h__dif-content .h__dif-box .h__dif-box-single .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px; }

.h__hero .h__hero-content .h_hero-text .sub, .text-privacy .text-content .title, .s__hero .s__hero-content .s__hero-text .sub {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px; }

.pay .p__content .p__text .sub, .cta .cta-content .cta-text .sub, footer .footer-content .box-footer .title, .numbers .numbers-content .numbers-box .box-single p, .dif .dif__content .dif__content-text .sub, .dif .dif__content .dif__content-box p, .h__about .h__about-content .h__about-text .sub, .h__dif .h__dif-content .h__dif-text .sub, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .sub, .h__solutions .h__solutions-container .h__solutions-cta p, .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-sub, .e__history .e__history-content .e__history-video .e__history-video-text a, .e__history .e__history-content .e__history-our .e__history-title .sub, .e__history .e__history-content .e__history-our .e__history-box .e__history-text p, .t__hero .t__hero-content .t__hero-info .sub, .t__hero .t__hero-content .t__hero-form form label, .text-privacy .text-content p, .work-main .work-content .work-form p, form label, .s__hero .s__hero-content .s__hero-img p, .intro .intro__content p, .why .why__content .why__content-text-top .sub, .why .why__content .why__content-text-bottom .list p, .why .why__content .why__content-text-bottom .list ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px; }

footer .footer-content .box-footer .subtitle, footer .footer-copy .box-footer p, .swiper-slide a .text p, .h__dif .h__dif-content .h__dif-box .h__dif-box-single .sub, .t__hero .t__hero-content .t__hero-info .t__hero-info-contact a.box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; }

.button-main button, header .menu .desktop-menu .desktop-list .list-item .whats-button, .t__hero .t__hero-content .t__hero-form form input[type=submit], form input[type=submit] {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px; }

header .menu .desktop-menu .desktop-list .list-item .subMenu ul li a, header .menu .desktop-menu .desktop-list .list-item .list-link, footer .footer-content .box-footer ul li .link, footer .footer-copy .box-footer a, .canvas-menu .vertical-menu li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; }

.cta .cta-content .cta-text .overline, .numbers .numbers-content .numbers-text .overline, .g__hero .g__hero-content .g__hero-text .overline, .dif .dif__content .dif__content-text .overline, .h__hero .h__hero-content .h_hero-text .overline, .h__about .h__about-content .h__about-text .overline, .h__dif .h__dif-content .h__dif-text .overline, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .overline, .e__history .e__history-content .e__history-our .e__history-title .overline, .t__hero .t__hero-content .t__hero-info .overline, .p-hero .text .overline16, .s__hero .s__hero-content .s__hero-text .overline, .why .why__content .why__content-text-top .overline {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 2px; }

.button-main {
  display: inline-block; }
  .button-main button {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #F5E23D;
    color: #0A0E1A;
    padding: 16px 32px;
    border-radius: 8px;
    outline: none;
    border: none;
    transition: 200ms linear; }
    .button-main button i {
      color: #0A0E1A;
      padding-left: 16px;
      font-size: 24px;
      transition: 200ms linear; }

.button {
  text-align: center; }

.overlay {
  z-index: 40;
  height: 100%;
  width: 100%;
  position: fixed;
  background: #323232;
  opacity: 0.9;
  display: none; }

.overlay.open {
  display: block; }

@media (max-width: 768px) {
  .numbers .numbers-content .numbers-box .box-single h1, .g__hero .g__hero-content .g__hero-text h1, .h__hero .h__hero-content .h_hero-text .title, .e__hero .e__hero-content .e__hero-text h1, .t__hero .t__hero-content .t__hero-info h1, .p-hero .text h1, .s__hero .s__hero-content .s__hero-text h1 {
    font-size: 42px;
    line-height: 52px; }
  .pay .p__content .p__text .title, .cta .cta-content .cta-text .title, .numbers .numbers-content .numbers-text h2, .dif .dif__content .dif__content-text h2, .h__about .h__about-content .h__about-text .title, .h__dif .h__dif-content .h__dif-text .title, .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .title, .e__history .e__history-content .e__history-video .e__history-video-text h2, .e__history .e__history-content .e__history-our .e__history-title h2, .intro .intro__content h2, .why .why__content .why__content-text-top h2 {
    font-size: 32px;
    line-height: 42px; } }

header {
  position: fixed;
  width: 100%;
  z-index: 10;
  transition: 200ms linear; }
  header .menu {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
    align-items: center; }
    header .menu .logo {
      width: 100%;
      max-width: 213px; }
      header .menu .logo img {
        width: 100%; }
    header .menu .desktop-menu .desktop-list {
      display: flex;
      gap: 32px;
      align-items: center; }
      header .menu .desktop-menu .desktop-list .dropdown i {
        padding-left: 8px; }
      header .menu .desktop-menu .desktop-list .dropdown:hover .subMenu {
        visibility: visible;
        opacity: 1; }
      header .menu .desktop-menu .desktop-list .list-item {
        display: inline-block;
        position: relative; }
        header .menu .desktop-menu .desktop-list .list-item .subMenu {
          position: absolute;
          background-color: #1D2130;
          width: 310px;
          margin: 5px 0 0;
          padding: 16px 32px;
          z-index: 9;
          border-top-right-radius: 8px;
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
          visibility: hidden;
          opacity: 0;
          transition: 200ms linear; }
          header .menu .desktop-menu .desktop-list .list-item .subMenu ul li {
            margin: 0 0 8px; }
            header .menu .desktop-menu .desktop-list .list-item .subMenu ul li a {
              color: #fff;
              transition: 200ms linear; }
              header .menu .desktop-menu .desktop-list .list-item .subMenu ul li a:hover {
                color: #F5E23D;
                padding-left: 8px; }
        header .menu .desktop-menu .desktop-list .list-item .list-link {
          color: #fff; }
          header .menu .desktop-menu .desktop-list .list-item .list-link:hover {
            color: #F5E23D; }
        header .menu .desktop-menu .desktop-list .list-item .whats-button {
          color: #0A0E1A;
          background-color: #F5E23D;
          padding: 16px 32px;
          border-radius: 8px;
          align-items: center; }
          header .menu .desktop-menu .desktop-list .list-item .whats-button i {
            color: #0A0E1A;
            padding-left: 16px;
            font-size: 24px; }

.h-active {
  background: #111522;
  opacity: 0.92; }

@media (max-width: 768px) {
  header {
    padding: 0 20px; }
    header .menu .desktop-menu {
      display: none; } }

.pay {
  background-image: url("../../assets/images/payments/bg-pay.png");
  padding: 98px 0;
  background-position: center;
  background-size: cover; }
  .pay .p__content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .pay .p__content .p__text {
      width: 100%;
      max-width: 529px; }
      .pay .p__content .p__text .title {
        color: #fff;
        font-weight: 200; }
        .pay .p__content .p__text .title strong {
          font-weight: 900; }
      .pay .p__content .p__text .sub {
        color: #9195A7;
        padding: 16px 0 48px; }

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

.cta {
  background-image: url("../../assets/images/cta/bg-cta.png");
  background-repeat: no-repeat;
  position: relative;
  background-size: cover; }
  .cta .cta-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0; }
    .cta .cta-content .cta-text {
      width: 100%;
      max-width: 600px; }
      .cta .cta-content .cta-text .overline {
        color: #0A0E1A; }
      .cta .cta-content .cta-text .title {
        color: #0A0E1A;
        margin: 8px 0 16px; }
      .cta .cta-content .cta-text .sub {
        color: #1D2130;
        margin: 0 0 48px; }
      .cta .cta-content .cta-text .button-main button {
        background-color: #0A0E1A;
        color: #fff; }
        .cta .cta-content .cta-text .button-main button i {
          color: #fff; }
    .cta .cta-content .cta-img {
      position: absolute;
      right: 0;
      top: -100px; }
      .cta .cta-content .cta-img img {
        width: 100%;
        max-width: 500px; }

@media (max-width: 980px) {
  .cta .cta-content {
    padding: 80px 20px; }
    .cta .cta-content .cta-img {
      display: none; } }

footer {
  background-color: #0A0E1A;
  padding: 56px 0 0;
  color: #fff; }
  footer .footer-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 0 24px;
    border-bottom: 1px solid #1D2130;
    gap: 81px; }
    footer .footer-content .box-footer .logo img {
      margin: 0 0 24px; }
    footer .footer-content .box-footer .title {
      color: #fff;
      margin: 0 0 24px; }
    footer .footer-content .box-footer .subtitle {
      color: #9195A7; }
    footer .footer-content .box-footer ul li {
      margin: 0 0 8px; }
      footer .footer-content .box-footer ul li .link {
        color: #9195A7; }
        footer .footer-content .box-footer ul li .link:hover {
          color: #F5E23D; }
    footer .footer-content .box-footer:nth-child(1) {
      width: 100%;
      max-width: 288px; }
    footer .footer-content .box-footer:nth-child(2) {
      width: 100%;
      max-width: 106px; }
    footer .footer-content .box-footer:nth-child(3) {
      width: 100%;
      max-width: 332px; }
      footer .footer-content .box-footer:nth-child(3) ul {
        display: grid;
        grid-template-columns: 1fr 1fr; }
    footer .footer-content .box-footer:nth-child(4) {
      width: 100%;
      max-width: 256px; }
  footer .footer-copy {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0; }
    footer .footer-copy .box-footer {
      display: flex;
      gap: 8px; }
      footer .footer-copy .box-footer p {
        color: #9195A7; }
      footer .footer-copy .box-footer a {
        color: #9195A7;
        text-decoration: underline; }
        footer .footer-copy .box-footer a:hover {
          color: #F5E23D; }
        footer .footer-copy .box-footer a i {
          color: #F5E23D;
          margin-right: 16px; }
  footer .footer-renove {
    background-color: #111522;
    padding: 16px 0;
    text-align: center; }

@media (max-width: 980px) {
  footer .footer-content {
    flex-direction: column;
    padding: 0 20px 24px;
    gap: 24px; } }

@media (max-width: 768px) {
  footer .footer-copy {
    flex-direction: column;
    padding: 24px 20px; } }

.numbers {
  background: #0A0E1A;
  padding: 128px 0; }
  .numbers .numbers-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .numbers .numbers-content .numbers-text {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      text-align: center; }
      .numbers .numbers-content .numbers-text .overline {
        color: #F5E23D; }
      .numbers .numbers-content .numbers-text h2 {
        color: #fff;
        font-weight: 200;
        margin: 8px 0 0; }
        .numbers .numbers-content .numbers-text h2 strong {
          font-weight: 900; }
    .numbers .numbers-content .numbers-box {
      display: flex;
      justify-content: space-between;
      margin: 64px 0 0; }
      .numbers .numbers-content .numbers-box .box-single {
        text-align: center;
        width: 100%;
        max-width: 240px; }
        .numbers .numbers-content .numbers-box .box-single h1 {
          color: #fff;
          margin: 0 0 12px; }
        .numbers .numbers-content .numbers-box .box-single p {
          color: #9195A7; }

@media (max-width: 768px) {
  .numbers .numbers-content .numbers-box {
    flex-direction: column;
    gap: 16px; }
    .numbers .numbers-content .numbers-box .box-single {
      max-width: inherit; } }

.g__hero {
  background: #0A0E1A;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 203px 0 96px; }
  .g__hero .g__hero-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .g__hero .g__hero-content .g__hero-text {
      width: 100%;
      max-width: 712px;
      margin: 0 auto;
      text-align: center; }
      .g__hero .g__hero-content .g__hero-text .overline {
        color: #F5E23D; }
      .g__hero .g__hero-content .g__hero-text h1 {
        color: #fff;
        font-weight: 200; }
        .g__hero .g__hero-content .g__hero-text h1 strong {
          font-weight: 900; }
    .g__hero .g__hero-content .g__hero-slide {
      margin: 64px 0 0;
      color: #fff; }

.dif {
  background: #111522;
  padding: 128px 0; }
  .dif .dif__content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .dif .dif__content .dif__content-text {
      text-align: center; }
      .dif .dif__content .dif__content-text .overline {
        color: #F5E23D; }
      .dif .dif__content .dif__content-text h2 {
        color: #fff;
        margin: 8px 0 16px; }
      .dif .dif__content .dif__content-text .sub {
        color: #9195A7; }
    .dif .dif__content .dif__content-box {
      margin: 64px 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px 80px; }
      .dif .dif__content .dif__content-box h3 {
        color: #fff;
        margin: 16px 0 8px; }
      .dif .dif__content .dif__content-box p {
        color: #9195A7; }

@media (max-width: 768px) {
  .dif {
    padding: 128px 20px; }
    .dif .dif__content .dif__content-box {
      grid-template-columns: 1fr;
      gap: 24px; } }

/*----------------- BTN MODAL WHATS ------------------*/
.modal-whats {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 998;
  color: white;
  width: 100%;
  max-width: 300px;
  transform: translateX(350px);
  transition: all 0.3s ease-in-out; }

.modal-whats.active {
  transform: translateX(0); }

.modal-whats-top {
  display: flex;
  gap: 24px;
  align-items: center;
  background-color: #0A6055;
  padding: 16px 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.modal-whats-top img {
  border-radius: 50%; }

.modal-whats-middle {
  background-image: url("../../assets/images/whats-button/bg-whats.png");
  padding: 32px 16px;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.modal-whats-middle input {
  height: 46px;
  width: 100%;
  margin: 0 0 8px;
  background: #FFFFFF;
  box-shadow: 0px 3px 5px rgba(112, 112, 112, 0.15);
  border-radius: 3px;
  padding-left: 8px;
  outline: none;
  border: none; }

.modal-whats-middle .last-input {
  margin: 0 0 72px; }

.modal-whats-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  justify-content: center;
  padding: 16px 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.modal-whats-bottom .icon-whats {
  position: absolute;
  left: 15%;
  top: 28px; }

.modal-whats-bottom input[type=submit] {
  width: 100%;
  margin: 0 auto;
  background-color: #12C655;
  color: #fff;
  border-radius: 250px;
  cursor: pointer; }

.label-form {
  position: relative; }

.label-form-whats {
  position: absolute;
  color: #919191;
  top: 13px;
  left: 8px; }

.modal-whats-middle input:focus {
  border: 1px solid #07AF69; }

.wpcf7-spinner {
  position: absolute; }

/*-----BTN WHATS FLOATING---------*/
.btn-floating {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 30px 20px 0;
  z-index: 999;
  cursor: pointer;
  animation: pulse 3s infinite;
  border-radius: 50%;
  background: #12C655;
  padding: 12px;
  transition: all 0.3s ease-in-out; }

.btn-floating.active {
  background: #fff; }

.btn-floating.active .whats-float {
  display: none; }

.btn-floating .x-float {
  display: none; }

.btn-floating.active .x-float {
  display: block; }

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0); } }

.mobile {
  display: none;
  cursor: pointer; }

.mobile i {
  font-size: 32px;
  color: #fff; }

.canvas-menu {
  background: #0A0E1A;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px;
  position: fixed;
  right: 0;
  top: 0;
  width: 350px;
  z-index: 6;
  box-shadow: -4px 0px 20px rgba(41, 35, 33, 0.4);
  transform: translateX(350px);
  transition: all 0.3s ease-in-out; }

.canvas-menu.open {
  transform: translateX(0); }

.canvas-menu .btn-close {
  background: #666B7F;
  position: absolute;
  padding: 4px 6px;
  color: #fff;
  border: 0;
  border-radius: 0.25rem;
  right: 30px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer; }

.canvas-menu .btn-close:focus {
  outline: none;
  box-shadow: none; }

.canvas-menu nav {
  width: 100%; }

.canvas-menu .vertical-menu {
  list-style: none;
  padding: 0;
  margin-bottom: 30px; }

.canvas-menu .vertical-menu li {
  padding: 0;
  position: relative;
  list-style-type: none;
  transition: all 0.2s ease-in-out; }
  .canvas-menu .vertical-menu li .canvas-toggle {
    margin-top: 10px;
    padding-left: 25px;
    transition: 200ms linear;
    display: none; }
    .canvas-menu .vertical-menu li .canvas-toggle li {
      padding-left: 12px; }
  .canvas-menu .vertical-menu li .block {
    display: block; }
    .canvas-menu .vertical-menu li .block i {
      transform: rotate(180deg);
      margin-left: 12px; }

.canvas-menu .vertical-menu li a {
  text-decoration: none;
  color: #fff; }
  .canvas-menu .vertical-menu li a i {
    padding-left: 8px; }

.canvas-menu .vertical-menu li a:hover {
  color: #666B7F; }

.canvas-menu .vertical-menu li::after {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%; }

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

.swiper {
  width: 100%;
  height: 100%;
  padding: 40px 0 !important; }

.swiper-wrapper {
  height: 384px !important; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative; }
  .swiper-slide a .text {
    position: absolute;
    width: 100%;
    max-width: 242px;
    margin: 0 auto;
    bottom: 20px;
    left: 32px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: 200ms linear; }
    .swiper-slide a .text h3 {
      color: #fff;
      margin: 0 0 8px; }
    .swiper-slide a .text p {
      color: #9195A7; }
  .swiper-slide a:hover .text {
    visibility: visible;
    opacity: 1; }

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.swiper-button-next, .swiper-button-prev {
  top: 20px !important; }

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 12px !important;
  color: #9195A7;
  padding: 12px;
  background-color: #1D2130; }

.swiper-button-prev {
  left: inherit !important;
  right: 48px !important; }

.swiper-pagination-bullet {
  background: #9195A7 !important;
  cursor: pointer; }

.swiper-pagination-bullet-active {
  background: #fff !important;
  cursor: pointer; }

.h__hero {
  background-image: url("../../assets/images/hero/bg-hero.png");
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 253px 0 125px; }
  .h__hero .h__hero-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .h__hero .h__hero-content .h_hero-text {
      width: 100%;
      max-width: 606px; }
      .h__hero .h__hero-content .h_hero-text .overline {
        color: #F5E23D; }
      .h__hero .h__hero-content .h_hero-text .title {
        color: #fff;
        margin: 8px 0 24px; }
      .h__hero .h__hero-content .h_hero-text .sub {
        color: #fff;
        margin: 0 0 48px; }
        .h__hero .h__hero-content .h_hero-text .sub a {
          color: #F5E23D;
          text-decoration: underline; }

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

.h__cia {
  padding: 48px 0;
  background-color: #0A0E1A;
  text-align: center; }
  .h__cia .h__cia-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .h__cia .h__cia-content .title {
      margin: 0 0 32px;
      color: #fff; }
    .h__cia .h__cia-content .h__cia-logos {
      display: flex;
      gap: 48px;
      justify-content: center; }

@media (max-width: 768px) {
  .h__cia .h__cia-content .h__cia-logos {
    flex-wrap: wrap; } }

.h__about {
  background-color: #0A0E1A; }
  .h__about .h__about-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 128px 0;
    gap: 120px; }
    .h__about .h__about-content .h__about-img {
      width: 100%;
      max-width: 600px; }
      .h__about .h__about-content .h__about-img img {
        width: 100%; }
    .h__about .h__about-content .h__about-text {
      width: 100%;
      max-width: 500px; }
      .h__about .h__about-content .h__about-text .overline {
        color: #F5E23D; }
      .h__about .h__about-content .h__about-text .title {
        color: #fff;
        margin: 8px 0 16px; }
      .h__about .h__about-content .h__about-text .sub {
        color: #9195A7;
        margin: 0 0 48px; }

@media (max-width: 980px) {
  .h__about .h__about-content {
    padding: 64px 20px;
    gap: 48px;
    flex-direction: column-reverse; }
    .h__about .h__about-content .h__about-img,
    .h__about .h__about-content .h__about-text {
      max-width: inherit; } }

.h__dif {
  background-image: url("../../assets/images/dif/bg-dif.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 128px 0 236px; }
  .h__dif .h__dif-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    gap: 104px; }
    .h__dif .h__dif-content .h__dif-text {
      width: 100%;
      max-width: 496px; }
      .h__dif .h__dif-content .h__dif-text .overline {
        color: #F5E23D; }
      .h__dif .h__dif-content .h__dif-text .title {
        color: #fff;
        margin: 8px 0 16px;
        font-weight: 200; }
        .h__dif .h__dif-content .h__dif-text .title strong {
          font-weight: 900; }
      .h__dif .h__dif-content .h__dif-text .sub {
        color: #9195A7;
        margin: 0 0 48px; }
    .h__dif .h__dif-content .h__dif-box {
      width: 100%;
      max-width: 624px;
      display: grid;
      gap: 24px;
      grid-template-columns: 1fr 1fr;
      position: relative; }
      .h__dif .h__dif-content .h__dif-box .h__dif-box-single {
        width: 100%;
        max-width: 300px;
        background-color: #111522;
        padding: 40px;
        position: relative;
        border: 1px solid #1D2130; }
        .h__dif .h__dif-content .h__dif-box .h__dif-box-single:nth-child(1) {
          top: 24px; }
        .h__dif .h__dif-content .h__dif-box .h__dif-box-single:nth-child(3) {
          top: 24px; }
        .h__dif .h__dif-content .h__dif-box .h__dif-box-single img {
          width: 100%;
          max-width: 64px;
          height: auto; }
        .h__dif .h__dif-content .h__dif-box .h__dif-box-single .title {
          color: #fff;
          margin: 12px 0 24px; }
        .h__dif .h__dif-content .h__dif-box .h__dif-box-single .sub {
          color: #9195A7; }

@media (max-width: 980px) {
  .h__dif .h__dif-content {
    flex-direction: column;
    gap: 48px;
    padding: 0 20px; }
    .h__dif .h__dif-content .h__dif-text {
      max-width: inherit; } }

@media (max-width: 768px) {
  .h__dif .h__dif-content .h__dif-box {
    grid-template-columns: 1fr; }
    .h__dif .h__dif-content .h__dif-box .h__dif-box-single {
      max-width: inherit; }
      .h__dif .h__dif-content .h__dif-box .h__dif-box-single:nth-child(1) {
        top: 0; }
      .h__dif .h__dif-content .h__dif-box .h__dif-box-single:nth-child(3) {
        top: 0; } }

.h__solutions {
  background-image: url("../../assets/images/solutions/bg-sol.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 220px 0 128px; }
  .h__solutions .h__solutions-container {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .h__solutions .h__solutions-container .h__solutions-content .img-cars {
      position: absolute;
      top: -135px;
      width: 100%;
      margin: 0 auto;
      max-width: 1104px; }
      .h__solutions .h__solutions-container .h__solutions-content .img-cars img {
        width: 100%; }
    .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text {
      text-align: center;
      width: 100%;
      max-width: 644px;
      margin: 0 auto; }
      .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .overline {
        color: #F5E23D; }
      .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .title {
        color: #fff;
        margin: 8px 0 16px; }
      .h__solutions .h__solutions-container .h__solutions-content .h__solutions-text .sub {
        color: #9195A7; }
    .h__solutions .h__solutions-container .h__solutions-slide {
      margin: 24px 0 46px; }
    .h__solutions .h__solutions-container .h__solutions-cta {
      width: 100%;
      max-width: 808px;
      margin: 46px auto 0;
      text-align: center; }
      .h__solutions .h__solutions-container .h__solutions-cta h3 {
        color: #fff; }
      .h__solutions .h__solutions-container .h__solutions-cta p {
        color: #9195A7;
        margin: 8px 0 32px; }

@media (max-width: 768px) {
  .h__solutions {
    padding: 128px 0; }
    .h__solutions .h__solutions-container .h__solutions-content .img-cars {
      display: none; } }

.e__hero {
  background-image: url("../../assets/images/page-elite/hero/bg-hero.png");
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 253px 0 125px; }
  .e__hero .e__hero-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .e__hero .e__hero-content .e__hero-text {
      width: 100%;
      max-width: 1016px;
      margin: 0 auto; }
      .e__hero .e__hero-content .e__hero-text h1 {
        text-align: center;
        color: #fff;
        margin: 0 0 48px; }
      .e__hero .e__hero-content .e__hero-text .e__hero-box {
        display: flex;
        gap: 88px; }
        .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta {
          width: 100%;
          max-width: 328px; }
          .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta p {
            color: #fff;
            margin: 0 0 48px;
            font-weight: 200; }
            .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta p strong {
              font-weight: 700; }
        .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-sub {
          width: 100%;
          max-width: 600px;
          color: #9195A7; }

@media (max-width: 768px) {
  .e__hero {
    padding: 128px 0; }
    .e__hero .e__hero-content {
      padding: 0 20px; }
      .e__hero .e__hero-content .e__hero-text .e__hero-box {
        flex-direction: column;
        text-align: center;
        gap: 24px; }
        .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-cta,
        .e__hero .e__hero-content .e__hero-text .e__hero-box .e__hero-sub {
          max-width: inherit; } }

.e__history {
  background-image: url("../../assets/images/page-elite/history/bg-history.png");
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 128px; }
  .e__history .e__history-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .e__history .e__history-content .e__history-video {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 0 128px;
      gap: 108px;
      position: relative;
      padding-top: 85px;
      height: 450px; }
      .e__history .e__history-content .e__history-video .e__history-video-text {
        width: 100%;
        max-width: 416px; }
        .e__history .e__history-content .e__history-video .e__history-video-text h2 {
          color: #fff;
          font-weight: 200;
          margin: 0 0 24px; }
          .e__history .e__history-content .e__history-video .e__history-video-text h2 strong {
            font-weight: 900; }
        .e__history .e__history-content .e__history-video .e__history-video-text a {
          color: #F5E23D; }
          .e__history .e__history-content .e__history-video .e__history-video-text a i {
            margin-left: 16px; }
      .e__history .e__history-content .e__history-video .e__history-frame {
        width: 100%;
        max-width: 708px;
        position: absolute;
        right: 0;
        top: -35px; }
        .e__history .e__history-content .e__history-video .e__history-frame img {
          width: 100%; }
    .e__history .e__history-content .e__history-our .e__history-title {
      margin: 0 auto;
      width: 100%;
      max-width: 808px;
      text-align: center; }
      .e__history .e__history-content .e__history-our .e__history-title .overline {
        color: #F5E23D; }
      .e__history .e__history-content .e__history-our .e__history-title h2 {
        color: #fff;
        margin: 8px 0 16px;
        font-weight: 200; }
        .e__history .e__history-content .e__history-our .e__history-title h2 strong {
          font-weight: 900; }
      .e__history .e__history-content .e__history-our .e__history-title .sub {
        color: #9195A7; }
    .e__history .e__history-content .e__history-our .e__history-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 64px 0 0;
      gap: 128px; }
      .e__history .e__history-content .e__history-our .e__history-box .e__history-text {
        width: 100%;
        max-width: 496px; }
        .e__history .e__history-content .e__history-our .e__history-box .e__history-text h3 {
          color: #fff;
          margin: 0 0 16px; }
        .e__history .e__history-content .e__history-our .e__history-box .e__history-text p {
          color: #9195A7; }
      .e__history .e__history-content .e__history-our .e__history-box .e__history-banner {
        width: 100%;
        max-width: 600px; }
        .e__history .e__history-content .e__history-our .e__history-box .e__history-banner img {
          width: 100%; }

@media (max-width: 980px) {
  .e__history .e__history-content {
    padding: 0 20px; }
    .e__history .e__history-content .e__history-video {
      flex-direction: column;
      height: inherit;
      margin: 0 0 48px; }
      .e__history .e__history-content .e__history-video .e__history-video-text {
        max-width: 676px;
        text-align: center; }
      .e__history .e__history-content .e__history-video .e__history-frame {
        position: relative; }
    .e__history .e__history-content .e__history-our .e__history-box {
      flex-direction: column-reverse;
      gap: 48px; }
      .e__history .e__history-content .e__history-our .e__history-box .e__history-text {
        max-width: inherit; } }

.t__hero {
  background: #0A0E1A;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 253px 0 96px;
  color: #fff; }
  .t__hero .t__hero-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 136px; }
    .t__hero .t__hero-content .t__hero-info {
      width: 100%;
      max-width: 496px; }
      .t__hero .t__hero-content .t__hero-info .overline {
        color: #F5E23D; }
      .t__hero .t__hero-content .t__hero-info h1 {
        color: #fff;
        margin: 8px 0 16px; }
      .t__hero .t__hero-content .t__hero-info .sub {
        color: #9195A7; }
      .t__hero .t__hero-content .t__hero-info .t__hero-info-contact {
        margin: 40px 0 0; }
        .t__hero .t__hero-content .t__hero-info .t__hero-info-contact h3 {
          margin: 0 0 24px; }
        .t__hero .t__hero-content .t__hero-info .t__hero-info-contact a.box {
          display: flex;
          align-items: center;
          gap: 16px;
          cursor: pointer;
          margin: 0 0 16px; }
          .t__hero .t__hero-content .t__hero-info .t__hero-info-contact a.box:hover p {
            color: #F5E23D; }
          .t__hero .t__hero-content .t__hero-info .t__hero-info-contact a.box p {
            color: #9195A7; }
    .t__hero .t__hero-content .t__hero-form {
      width: 100%;
      max-width: 592px;
      background: #111522;
      padding: 40px 48px; }
      .t__hero .t__hero-content .t__hero-form h3 {
        color: #fff;
        margin: 0 0 32px; }
      .t__hero .t__hero-content .t__hero-form form label {
        color: #fff; }
      .t__hero .t__hero-content .t__hero-form form input[type=text], .t__hero .t__hero-content .t__hero-form form input[type=email], .t__hero .t__hero-content .t__hero-form form select {
        width: 100%;
        height: 56px;
        border-radius: 8px;
        outline: none;
        border: none;
        padding-left: 8px;
        margin: 0 0 16px; }
      .t__hero .t__hero-content .t__hero-form form textarea {
        width: 100%;
        height: 112px;
        border-radius: 8px;
        outline: none;
        border: none;
        padding: 8px;
        resize: none;
        margin: 0 0 16px; }
      .t__hero .t__hero-content .t__hero-form form input[type=submit] {
        color: #0A0E1A;
        width: 100%;
        height: 56px;
        outline: none;
        border: none;
        border-radius: 8px;
        background: #F5E23D;
        cursor: pointer; }

.map {
  width: 100%; }
  .map img {
    width: 100%; }

@media (max-width: 768px) {
  .t__hero {
    padding: 128px 20px; }
    .t__hero .t__hero-content {
      flex-direction: column;
      gap: 48px; } }

.p-hero {
  padding: 128px 0 80px;
  background: #0A0E1A; }

.p-hero .text {
  width: 100%;
  max-width: 808px;
  margin: 0 auto;
  text-align: center; }

.p-hero .text .overline16 {
  color: #F5E23D; }

.p-hero .text h1 {
  color: #fff;
  margin: 8px 0 0; }

.text-privacy {
  padding: 80px 0; }

.text-privacy .text-content {
  width: 100%;
  max-width: 1016px;
  margin: 0 auto; }

.text-privacy .text-content .title {
  margin: 0 0 48px;
  color: #0A0E1A; }

.text-privacy .text-content p {
  color: #0A0E1A; }

.text-privacy .text-content .list-text {
  margin: 0 0 48px; }

.text-privacy .text-content .list-text p {
  margin: 0 0 12px; }

.text-privacy .text-content .list-text ul li {
  list-style-type: disc;
  margin: 0 0 8px 20px;
  color: #666B7F; }

@media (max-width: 980px) {
  .text-privacy {
    padding: 80px 20px; } }

.work-main {
  padding: 196px 0;
  border-top: 1px solid #111522;
  background: #0A0E1A; }

.work-main .work-content {
  display: flex;
  justify-content: center;
  gap: 90px;
  align-items: center; }

.work-main .work-content .work-form {
  width: 100%;
  max-width: 400px; }

.work-main .work-content .work-form h3 {
  color: #fff;
  margin: 0 0 16px; }

.work-main .work-content .work-form p {
  color: #9195A7; }

.work-main .work-content .work-form form {
  margin: 24px 0 0; }

.work-main .work-content .work-banner {
  width: 100%;
  max-width: 500px; }

.work-main .work-content .work-banner img {
  width: 100%; }

form label {
  color: #fff; }

form input[type=text], form input[type=email], form select {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  outline: none;
  border: none;
  padding-left: 8px;
  margin: 0 0 16px; }

form textarea {
  width: 100%;
  height: 112px;
  border-radius: 8px;
  outline: none;
  border: none;
  padding: 8px;
  resize: none;
  margin: 0 0 16px; }

form input[type=submit] {
  color: #0A0E1A;
  width: 100%;
  height: 56px;
  outline: none;
  border: none;
  border-radius: 8px;
  background: #F5E23D;
  cursor: pointer; }

@media (max-width: 768px) {
  .work-main {
    padding: 128px 20px 48px; }
  .work-main .work-content .work-form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
  .work-main .work-content .work-banner {
    display: none; } }

.s__hero {
  background-image: url("../../assets/images/services/f-herobg.png");
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 253px 0 125px; }
  .s__hero .s__hero-content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .s__hero .s__hero-content .s__hero-text {
      width: 100%;
      max-width: 496px; }
      .s__hero .s__hero-content .s__hero-text .overline {
        color: #F5E23D; }
      .s__hero .s__hero-content .s__hero-text h1 {
        color: #fff;
        margin: 8px 0 24px; }
      .s__hero .s__hero-content .s__hero-text .sub {
        color: #fff;
        margin: 0 0 48px; }
    .s__hero .s__hero-content .s__hero-img {
      width: 100%;
      max-width: 384px;
      background: linear-gradient(134.68deg, #666B7F -27.26%, #111522 100%);
      border-radius: 8px;
      padding: 16px 0px;
      position: relative; }
      .s__hero .s__hero-content .s__hero-img h3 {
        color: #F5E23D;
        margin: 12px 0 16px;
        padding: 0 32px 0; }
      .s__hero .s__hero-content .s__hero-img p {
        color: #9195A7;
        margin: 16px 0 0;
        padding: 0 32px 0; }
        .s__hero .s__hero-content .s__hero-img p a {
          color: #9195A7; }
          .s__hero .s__hero-content .s__hero-img p a:hover {
            color: #F5E23D; }
      .s__hero .s__hero-content .s__hero-img img {
        padding: 0 32px 0; }
      .s__hero .s__hero-content .s__hero-img hr {
        height: 1px;
        color: #9195A7; }
      .s__hero .s__hero-content .s__hero-img .grt {
        position: absolute;
        right: -10px;
        top: -20px;
        padding: 0; }

.s__hero.p {
  background-image: url("../../assets/images/services/p-herobg.png"); }

.s__hero.e {
  background-image: url("../../assets/images/services/e-herobg.png"); }

.s__hero.cp {
  background-image: url("../../assets/images/services/cp-herobg.png"); }

.s__hero.c {
  background-image: url("../../assets/images/services/c-herobg.png"); }

.s__hero.ccp {
  background-image: url("../../assets/images/services/ccp-herobg.png"); }

.s__hero.cpp {
  background-image: url("../../assets/images/services/cpp-herobg.png"); }

@media (max-width: 768px) {
  .s__hero {
    padding: 140px 20px; }
    .s__hero .s__hero-content {
      flex-direction: column;
      gap: 48px;
      justify-content: center; }
      .s__hero .s__hero-content .s__hero-text {
        max-width: inherit; } }

.intro {
  background: #0A0E1A;
  padding: 112px 0; }
  .intro .intro__content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .intro .intro__content h2 {
      color: #fff;
      width: 100%;
      max-width: 496px;
      font-weight: 200; }
      .intro .intro__content h2 strong {
        font-weight: 900; }
    .intro .intro__content p {
      color: #9195A7;
      width: 100%;
      max-width: 600px; }

@media (max-width: 768px) {
  .intro {
    padding: 64px 20px; }
    .intro .intro__content {
      flex-direction: column;
      gap: 24px; }
      .intro .intro__content h2, .intro .intro__content p {
        max-width: inherit; } }

.why {
  background-image: url("../../assets/images/history/bg-history.png");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 128px 0; }
  .why .why__content {
    width: 100%;
    max-width: 1224px;
    margin: 0 auto; }
    .why .why__content .why__content-text-top {
      width: 100%;
      max-width: 808px;
      margin: 0 auto 64px;
      text-align: center; }
      .why .why__content .why__content-text-top .overline {
        color: #F5E23D; }
      .why .why__content .why__content-text-top h2 {
        color: #fff;
        margin: 8px 0 16px;
        font-weight: 200; }
        .why .why__content .why__content-text-top h2 strong {
          font-weight: 900; }
      .why .why__content .why__content-text-top .sub {
        color: #9195A7; }
    .why .why__content .why__content-text-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 128px;
      margin: 0 0 64px; }
      .why .why__content .why__content-text-bottom .list {
        width: 100%;
        max-width: 536px; }
        .why .why__content .why__content-text-bottom .list h3 {
          color: #fff; }
        .why .why__content .why__content-text-bottom .list p {
          color: #9195A7;
          margin: 16px 0 32px; }
        .why .why__content .why__content-text-bottom .list ul li {
          color: #9195A7;
          margin: 0 0 8px; }
      .why .why__content .why__content-text-bottom .banner {
        width: 100%;
        max-width: 600px; }
        .why .why__content .why__content-text-bottom .banner img {
          width: 100%; }

@media (max-width: 768px) {
  .why {
    padding: 128px 20px; }
    .why .why__content .why__content-text-bottom {
      flex-direction: column; }
      .why .why__content .why__content-text-bottom .banner {
        display: none; } }