/* header */

.nav-dtb {
  display: none;
}

.header-dtb {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  width: 100%;
  height: 56px;
  backdrop-filter: blur(54.20000076293945px);
  background: rgba(160, 160, 160, 0.2);
}

.header-container-dtb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 32px;
  width: 100%;
}

.header-logo-dtb {
  width: 39px;
  height: 48px;
}

.nav-list-dtb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  height: 107px;
}

.nav-item-dtb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
  transition: all 0.3s ease-in-out;
}

.nav-link-dtb {
  font-family: var(--font3);
  font-weight: 600;
  font-size: 16px;
  transition: border 0.3s ease-in-out;
}

.nav-item-dtb:hover {
  border-bottom: 1px dashed var(--text);
}

.nav-link-dtb:active + .nav-item-dtb,
.nav-item-dtb:has(.nav-link-dtb:active) {
  border-bottom: 1px solid var(--text);
}

.menu-svg-dtb {
  width: 28px;
  height: 18px;
  fill: var(--accent);
}

@media screen and (min-width: 1440px) {
  .header-dtb {
    height: 107px;
  }

  .header-container-dtb {
    width: 1440px;
    justify-content: start;
    gap: 39px;
    padding: 8px 80px;
  }

  .header-logo-dtb {
    width: 70px;
    height: 87px;
  }

  .nav-dtb {
    display: block;
  }

  .menu-open-dtb {
    display: none;
  }
}

/* modal  */

.modal-dtb {
  position: fixed;
  top: 0;
  z-index: 10;
  left: 50%;
  transform: translateX(-98px);

  width: 288px;
  background: var(--accent);

  display: flex;
  padding: 88px 0 32px 54px;
}

.menu-nav-list-dtb {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 24px;
  height: auto;
}

.menu-footer-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}

.menu-footer-link-dtb {
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 16px;
  background: linear-gradient(180deg, #0f0f1c 0%, #1e1e2f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.menu-close-dtb {
  position: absolute;
  top: 32px;
  right: 32px;
  height: 32px;
  width: 32px;

  svg {
    width: 32px;
    height: 32px;
    stroke: var(--text);
  }
}

/* popup */

.popup-dtb {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 375px;

  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 51px;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  background: var(--accent);

  padding: 34px 32px 63px;
}

.popup-title-dtb {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  color: #f2f2f2;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 30px;
}

.popup-text-dtb {
  p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #f2f2f2;
  }
}

.popup-btn-wrap-dtb {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 16px;
}

.popup-btn-dtb {
  display: flex;
  align-items: center;
  justify-content: center;

  text-transform: uppercase;
  width: 148px;
  height: 56px;

  font-family: var(--font3);
  font-weight: 700;
  font-size: 12px;
  color: var(--text);

  background: linear-gradient(180deg, #0f0f1c 0%, #1e1e2f 100%);

  transition: all 0.3s ease;
}

.popup-btn-dtb:hover {
  transform: scaleY(1.2);
}

@media screen and (min-width: 1440px) {
  .popup-dtb {
    bottom: 80px;
    width: 1280px;
    gap: 70px;
    padding: 80px 109px;
  }

  .popup-title-dtb {
    font-size: 48px;
    color: var(--text);
    margin-bottom: 54px;
  }

  .popup-text-dtb {
    p {
      font-size: 36px;
      color: var(--text);
    }
  }

  .popup-btn-wrap-dtb {
    gap: 24px;
  }

  .popup-btn-dtb {
    width: 519px;
    height: 60px;
    font-size: 24px;
  }
}

/* hero  */

#home {
  height: calc(541px + 56px);
}

.hero-bg-dtb {
  position: absolute;
  left: 0;
  top: 56px;
  width: 100%;
  height: 541px;
  background: url(/images/hero-bg.png);
  background-position: center;
  background-size: cover;
}

.hero-container-dtb {
  padding: 0;
  height: 100%;
}

.hero-headings-dtb {
  font-family: var(--second-family);
  font-weight: 700;
  color: var(--accent);
  position: absolute;
}

.hero-title-dtb {
  font-size: 34px;
  top: 86px;
  right: 32px;
}

.hero-subtitle-left-dtb {
  font-size: 24px;
  top: 80px;
  left: 32px;
}

.hero-subtitle-right-dtb {
  font-size: 24px;
  top: 171px;
  right: 32px;
}

.hero-texts-dtb {
  position: absolute;
}

.hero-text-left-dtb {
  font-weight: 500;
  width: 202px;
  top: 243px;
  left: 32px;
}

.hero-text-right-dtb {
  font-size: 14px;
  width: 256px;
  top: 357px;
  right: 32px;
}

.hero-link-dtb {
  display: flex;
  justify-content: center;
  align-items: center;

  font-family: var(--font3);
  font-weight: 700;
  border: 0.64px solid var(--accent);
  padding: 10px 6px;
  width: 311px;
  height: 56px;

  backdrop-filter: blur(38.346458435058594px);
  box-shadow: 0 1px 1px 0 rgba(212, 175, 55, 0.3);
  background: rgba(212, 175, 55, 0.4);

  position: absolute;
  left: 32px;
  bottom: 56px;

  transition: all 0.3s ease;
}

.hero-link-dtb:hover,
.hero-link-dtb:active {
  transform: scale(1.2);
}

@media screen and (min-width: 1440px) {
  #home {
    height: calc(762px + 107px);
  }

  .hero-bg-dtb {
    top: 107px;
    height: 762px;
  }

  .hero-title-dtb {
    font-size: 64px;
    top: 267px;
    right: 593px;
  }

  .hero-subtitle-left-dtb {
    font-size: 48px;
    top: 187px;
    left: 189px;
  }

  .hero-subtitle-right-dtb {
    font-size: 48px;
    top: 187px;
    right: 80px;
  }

  .hero-texts-dtb {
    font-size: 24px;
  }

  .hero-text-left-dtb {
    font-weight: 500;
    width: 499px;
    top: 413px;
    left: 80px;
  }

  .hero-text-right-dtb {
    width: 411px;
    top: 477px;
    right: 80px;
  }

  .hero-link-dtb {
    font-family: var(--font3);
    font-weight: 700;
    font-size: 24px;

    border: 1px solid var(--accent);
    padding: 17px 10px;
    width: 519px;
    height: 76px;

    backdrop-filter: blur(60px);
    box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.3);

    left: 80px;
    bottom: 120px;
  }
}

/* unnamed */

.unnamed-container-dtb {
  padding-top: 60px;
}

.unnamed-list-dtb {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.unnamed-item-dtb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 93px;

  img {
    width: 50px;
    height: 50px;
  }

  p {
    font-weight: 500;
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .unnamed-container-dtb {
    padding-top: 100px;
  }

  .unnamed-list-dtb {
    gap: 187px;
  }

  .unnamed-item-dtb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 302px;

    img {
      width: 140px;
      height: 140px;
    }

    p {
      font-size: 32px;
    }
  }
}

/* about */

.about-wrapper-dtb {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;

  p {
    font-weight: 600;
    line-height: 160%;
    text-align: center;
  }

  img {
    width: 311px;
    height: 194px;
  }
}

.about-text-dtb {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 24px;
}

.about-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-item-dtb {
  padding: 17px 0 17px 24px;
  position: relative;

  p {
    font-weight: 500;
    font-size: 14px;
  }
}

.about-item-dtb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 218px;
  height: 2px;
  background-color: var(--accent);
}

@media screen and (min-width: 1440px) {
  .about-wrapper-dtb {
    flex-direction: row;
    gap: 7px;

    p {
      font-size: 32px;
      text-align: left;
    }

    img {
      width: 645px;
      height: 403px;
    }
  }

  .about-text-dtb {
    font-size: 32px;
    text-align: left;
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .about-list-dtb {
    gap: 40px;
  }

  .about-item-dtb {
    padding: 10px 0 10px 217px;

    p {
      font-size: 32px;
    }
  }

  .about-item-dtb::after {
    width: 411px;
  }
}

/* features */

.features-list-dtb {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 14px;
  justify-content: center;
}

.features-item-dtb {
  border: 1px solid var(--accent);
  width: 148px;
  height: 240px;
  position: relative;

  h3 {
    font-weight: 500;
    text-align: center;
    padding-top: 8px;
    width: 100%;
    position: relative;
    z-index: 3;
  }

  img {
    position: absolute;
    top: -1px;
    left: -2px;
    width: 149px;
    height: 139px;
    z-index: 2;
  }

  p {
    font-size: 14px;
    text-align: center;

    position: absolute;
    top: 155px;
    left: 0;
  }
}

@media screen and (min-width: 1440px) {
  .features-title-dtb {
    z-index: 2;
  }

  .features-subtitle-dtb {
    z-index: 2;
  }

  .features-bg-dtb {
    position: absolute;
    left: 0;
    top: 60px;
    width: 1424px;
    height: 2683px;
    background: url(/images/features/features-bg.png);
    background-position: center;
    background-size: cover;
  }

  .features-list-dtb {
    display: block;
    width: 1280px;
    height: 1404px;
    position: relative;
  }

  .features-item-dtb {
    width: 302px;
    height: 476px;
    position: absolute;

    h3 {
      font-size: 32px;
    }

    img {
      top: -1px;
      left: -2px;
      width: 302px;
      height: 326px;
    }

    p {
      font-size: 24px;

      top: 350px;
    }
  }

  .features-item-dtb:nth-child(1) {
    top: 0;
    left: 489px;
  }

  .features-item-dtb:nth-child(2) {
    top: 375px;
    left: 0;
  }

  .features-item-dtb:nth-child(3) {
    top: 375px;
    right: 0;
  }

  .features-item-dtb:nth-child(4) {
    bottom: 0;
    left: 245px;
  }

  .features-item-dtb:nth-child(5) {
    bottom: 0;
    right: 245px;
  }
}

/* leader */

.leader-title-dtb {
  margin-bottom: 40px;
  font-size: 22px;
}

.leader-subtitle-dtb {
  margin-bottom: 32px;
}

.leader-wrap-dtb {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.leader-pic-dtb {
  width: 311px;
  height: 228px;
}

.leader-text-wrap-dtb {
  display: flex;
  flex-direction: column;
  align-items: center;

  h3 {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
  }

  .leader-text-dtb {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 20px;
  }
}

.leader-list-dtb {
  width: 202px;

  display: flex;
  flex-direction: column;
  gap: 16px;
}

.leader-item-dtb {
  padding-top: 11.5px;
  padding-bottom: 11.5px;
  position: relative;

  p {
    font-size: 14px;
    text-align: right;
  }
}

.leader-item-dtb::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--accent);
}

@media screen and (min-width: 1440px) {
  .leader-title-dtb {
    font-size: 48px;
    margin-bottom: 80px;
  }

  .leader-subtitle-dtb {
    font-size: 36px;
    margin-bottom: 60px;
  }

  .leader-wrap-dtb {
    flex-direction: row;
    gap: 24px;
  }

  .leader-pic-dtb {
    width: 628px;
    height: 560px;
  }

  .leader-text-wrap-dtb {
    h3 {
      font-size: 32px;
      text-align: left;
    }

    .leader-text-dtb {
      font-size: 24px;
      text-align: left;
      margin-top: 40px;
      margin-bottom: 40px;
    }
  }

  .leader-list-dtb {
    width: 403px;

    gap: 24px;
  }

  .leader-item-dtb {
    padding-top: 19.5px;
    padding-bottom: 19.5px;
    padding-left: 86px;
    position: relative;

    p {
      font-size: 24px;
      text-align: left;
    }
  }

  .leader-item-dtb::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 280px;
    height: 2px;
    background-color: var(--accent);
  }
}

/* school */

#school {
  height: 530px;
}

.school-container-dtb {
  height: 100%;
}

.school-title-dtb {
  margin-bottom: 40px;
}

.school-subtitle-dtb {
  width: 311px;
}

.school-bg-dtb {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 298px;
  background: url(/images/school-bg.png);
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.school-wrap-dtb {
  position: absolute;
  left: 32px;
  bottom: 62px;
  width: 217px;
  padding: 8px 4px;

  backdrop-filter: blur(4.268643379211426px);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.1);

  ul {
    display: flex;
    flex-direction: column;
    gap: 16px;

    margin-bottom: 24px;

    li {
      p {
        font-weight: 400;
        font-size: 10px;
        text-align: center;
      }
    }
  }

  .school-link-dtb {
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: var(--font3);
    font-weight: 700;
    font-size: 10px;

    border: 0.5px solid var(--accent);
    width: 209px;
    height: 27px;
    backdrop-filter: blur(21.54639434814453px);
    box-shadow: 0 1px 1px 0 rgba(212, 175, 55, 0.3);
    background: rgba(212, 175, 55, 0.4);
    transition: all 0.3s ease;
  }

  .school-link-dtb:hover,
  .school-link-dtb:active {
    transform: scaleY(1.3);
  }
}

@media screen and (min-width: 1440px) {
  #school {
    height: calc(824px + 283px + 80px);
  }

  .school-title-dtb {
    font-size: 48px;
    margin-bottom: 80px;
  }

  .school-subtitle-dtb {
    font-size: 36px;
    margin-bottom: 60px;
    width: 100%;
  }

  .school-bg-dtb {
    bottom: 60px;
    height: 824px;
  }

  .school-wrap-dtb {
    left: 732px;
    bottom: 126px;
    padding: 105px 23px;
    width: 628px;

    backdrop-filter: blur(12px);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);

    ul {
      gap: 40px;

      margin-bottom: 40px;

      li {
        p {
          font-size: 24px;
          text-align: left;
        }
      }
    }

    .school-link-dtb {
      font-size: 24px;

      border: 1px solid var(--accent);
      padding: 17px 10px;
      width: 582px;
      height: 76px;
      backdrop-filter: blur(60px);
      box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.3);
    }
  }
}

/* flow */

.flow-title-dtb {
  margin-bottom: 86px;
}

.flow-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 44.5px;

  counter-reset: flow-numbers;
}

.flow-item-dtb {
  position: relative;
  padding-left: 29px;
  list-style: none;

  display: flex;
  align-items: center;

  p {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 12px;
    background: linear-gradient(180deg, #0f0f1c 0%, #1e1e2f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 219px;
  }
}

.flow-item-dtb::before {
  counter-increment: flow-numbers;
  content: counter(flow-numbers) ".";
  position: absolute;
  left: 0;

  font-weight: 500;
  font-size: 18px;
  color: var(--accent);
}

.flow-bg-dtb {
  position: absolute;
  bottom: 30px;
  left: 32px;
  width: 311px;
  height: 427px;
  background: url(/images/flow-bg.png);
  background-position: center;
  background-size: cover;
  z-index: -1;
}

@media screen and (min-width: 1440px) {
  .flow-title-dtb {
    margin-bottom: 223px;
  }

  .flow-subtitle-dtb {
    position: absolute;
    bottom: 223px;
    font-size: 48px;
    margin-bottom: 0;
  }

  .flow-list-dtb {
    gap: 40px;
    padding-bottom: 308px;

    counter-reset: flow-numbers;
  }

  .flow-item-dtb {
    padding-left: 99px;

    p {
      font-size: 40px;
      width: 747px;
    }
  }

  .flow-item-dtb::before {
    font-size: 64px;
  }

  .flow-bg-dtb {
    position: absolute;
    bottom: 40px;
    left: 189px;
    width: 1062px;
    height: 1459px;
  }
}

/* preview */

.preview-wrapper-dtb {
  display: flex;
}

.preview-item-dtb {
  width: 327px;
  height: 298px;

  img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .preview-container-dtb {
    display: block;
  }

  .preview-item-dtb {
    width: 628px;
    height: 365px;
  }
}

/* mechanic */

.mechanic-second-subtitle-dtb {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

.mechanic-text-dtb {
  font-weight: 500;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 24px;
}

.mechanic-list-dtb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.mechanic-item-dtb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;

  border: 1px solid var(--accent);
  width: 146px;
  height: 199px;
  padding: 30px 9px 10px;
  box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.4);

  img {
    width: 50px;
    height: 50px;
  }

  p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .mechanic-second-subtitle-dtb {
    font-size: 32px;
  }

  .mechanic-text-dtb {
    font-size: 32px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mechanic-list-dtb {
    gap: 102.5px;
  }

  .mechanic-item-dtb {
    gap: 60px;

    padding: 40px 20px;
    width: 302px;
    height: 474px;

    img {
      width: 100px;
      height: 100px;
    }

    p {
      font-size: 32px;
    }
  }
}

/* why */

.why-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.why-item-dtb {
  p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;

    display: flex;
    align-items: center;

    border: 2px solid var(--accent);
    padding: 20px;
    width: 218px;
    height: 74px;
    box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.4);
  }
}

.why-item-dtb:nth-child(1),
.why-item-dtb:nth-child(3) {
  padding-right: 93px;
}

.why-item-dtb:nth-child(2),
.why-item-dtb:nth-child(4) {
  padding-left: 93px;
}

.why-bg-dtb {
  position: absolute;
  bottom: -27px;
  left: 32px;
  width: 311px;
  height: 425px;
  background: url(/images/why-logo.png);
  background-position: center;
  background-size: cover;
}

@media screen and (min-width: 1440px) {
  .why-container-dtb {
    height: 1196px;
  }

  .why-list-dtb {
    display: block;
  }

  .why-item-dtb {
    position: absolute;

    p {
      font-size: 32px;

      padding: 40px 20px;
      width: 494px;
      height: 197px;
    }
  }

  .why-item-dtb:nth-child(1) {
    left: 80px;
    bottom: 586px;
    padding: 0;
  }

  .why-item-dtb:nth-child(2) {
    left: 80px;
    bottom: 269px;
    padding: 0;
  }

  .why-item-dtb:nth-child(3) {
    right: 80px;
    bottom: 506px;
    padding: 0;
  }

  .why-item-dtb:nth-child(4) {
    right: 80px;
    bottom: 189px;
    padding: 0;
  }

  .why-bg-dtb {
    bottom: -20px;
    left: 389px;
    width: 662px;
    height: 880px;
  }
}

/* reviews */

.reviews-list-dtb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 16px;
}

.reviews-item-dtb {
  border: 1px solid var(--accent);
  width: 146px;
  height: 402px;

  display: flex;
  flex-direction: column;
  position: relative;

  img {
    width: 146px;
    height: 125px;
    position: absolute;
    top: -1px;
    left: -1px;
  }

  h3 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: var(--accent);

    padding-top: 149px;
    margin-bottom: 8px;
  }

  p {
    font-size: 12px;
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .reviews-list-dtb {
    flex-direction: column;
    gap: 40px;
  }

  .reviews-item-dtb {
    border: 1px solid var(--accent);
    height: 178px;
    width: 100%;

    img {
      width: 193px;
      height: 178px;
    }

    h3 {
      font-size: 24px;

      padding-top: 8px;
      margin-bottom: 14px;
    }

    p {
      font-size: 24px;
    }
  }

  .reviews-item-dtb:nth-child(odd) {
    padding-right: 217px;

    h3 {
      text-align: right;
    }

    img {
      left: 1087px;
    }
  }

  .reviews-item-dtb:nth-child(even) {
    padding-left: 217px;

    h3 {
      text-align: left;
    }
  }
}

/* faq */

.faq-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faq-item-dtb {
  display: flex;
  flex-direction: column;

  border: 0.5px solid var(--accent);
  width: 311px;
}

.faq-question-wrap-dtb {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--accent);

  padding: 8px 2px;
  height: 50px;

  p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    width: 273px;
  }

  .faq-btn-dtb {
    width: 25px;
    height: 25px;
    flex-shrink: 0;

    svg {
      width: 25px;
      height: 25px;
      fill: var(--accent);
    }
  }
}

.faq-answer-wrap-dtb {
  margin-top: 8px;

  p {
    font-size: 10px;
    text-align: center;
    color: rgba(224, 224, 224, 0.8);
  }
}

@media screen and (min-width: 1440px) {
  .faq-list-dtb {
    gap: 40px;
  }

  .faq-item-dtb {
    border: 0.5px solid var(--accent);
    width: 1062px;
  }

  .faq-question-wrap-dtb {
    border: 2px solid var(--accent);

    padding: 0;
    padding-left: 8px;
    padding-right: 2px;
    align-items: center;
    height: 59px;

    p {
      font-size: 32px;
      text-align: left;
      width: 954px;
    }

    .faq-btn-dtb {
      width: 50px;
      height: 50px;

      svg {
        width: 50px;
        height: 50px;
        fill: var(--accent);
      }
    }
  }

  .faq-answer-wrap-dtb {
    margin-top: 8px;

    p {
      font-size: 24px;
      height: 232px;
    }
  }
}

/* access */

.access-content-dtb {
  background: url(/images/access-bg.png);
  background-position: center;
  background-size: cover;
  width: 311px;
  height: 184px;

  padding-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;

  p {
    font-size: 10px;
    text-align: center;
  }

  a {
    border: 0.5px solid var(--accent);
    padding: 4px;
    width: 171px;
    height: 46px;

    backdrop-filter: blur(19.766950607299805px);
    box-shadow: 0 1px 1px 0 rgba(212, 175, 55, 0.3);
    background: rgba(212, 175, 55, 0.4);

    font-family: var(--font3);
    font-weight: 700;
    font-size: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
  }

  a:hover,
  a:active {
    transform: scale(1.1);
  }
}

@media screen and (min-width: 1440px) {
  .access-content-dtb {
    width: 944px;
    height: 557px;
    padding-top: 243px;
    gap: 16px;

    p {
      font-size: 24px;
    }

    a {
      border: 1px solid var(--accent);
      padding: 17px 10px;
      width: 519px;
      height: 76px;

      backdrop-filter: blur(60px);
      box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.3);

      font-size: 24px;
    }
  }
}

/* contact */

.contact-wrapper-dtb {
  display: flex;
  align-items: center;
  gap: 16px;

  img {
    width: 148px;
    height: 222px;
  }

  .contact-subtitle-dtb {
    line-height: 149%;
    margin-bottom: 0;
  }
}

.contact-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

.contact-item-dtb {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 50px;

  svg {
    width: 25px;
    height: 25px;
  }

  p {
    font-weight: 500;
    font-size: 14px;

    span {
      color: var(--accent);
    }
  }
}

.contact-item-dtb:nth-child(1) {
  svg {
    fill: #42a5f5;
  }
}

.contact-item-dtb:nth-child(2) {
  img {
    width: 25px;
    height: 25px;
  }
}

.contact-item-dtb:nth-child(3) {
  svg {
    fill: #c62828;
  }
}

@media screen and (min-width: 1440px) {
  .contact-wrapper-dtb {
    align-items: start;
    gap: 74px;

    img {
      width: 469px;
      height: 704px;
    }

    .contact-subtitle-dtb {
      padding-top: 133px;
    }
  }

  .contact-list-dtb {
    gap: 40px;
    margin-top: 0;

    position: absolute;
    right: 134px;
    bottom: 193px;
  }

  .contact-item-dtb {
    gap: 40px;
    width: 628px;

    svg {
      width: 50px;
      height: 50px;
    }

    p {
      font-size: 24px;
    }
  }

  .contact-item-dtb:nth-child(2) {
    img {
      width: 50px;
      height: 50px;
    }
  }
}

/* claim  */

#claim {
  height: calc(481px + 2px + 60px);
  align-items: start;
}

.claim-content-dtb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 139px;
}

.claim-text-wrap-dtb {
  display: flex;
  flex-direction: column;
  align-items: center;

  .claim-subtitle-dtb {
    line-height: 149%;
    margin-bottom: 8px;
  }

  p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
  }

  a {
    border: 0.64px solid var(--accent);
    padding: 10px 6px;
    width: 311px;
    height: 56px;

    backdrop-filter: blur(38.346458435058594px);
    box-shadow: 0 1px 1px 0 rgba(212, 175, 55, 0.3);
    background: rgba(212, 175, 55, 0.4);

    font-family: var(--font3);
    font-weight: 700;
    color: var(--text);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
  }

  a:hover,
  a:active {
    transform: scale(1.1);
  }
}

.claim-list-dtb {
  display: flex;
  gap: 16px;
}

.claim-item-dtb {
  a {
    border: 1px solid var(--accent);
    padding: 17px 10px;
    width: 148px;
    height: 46px;

    backdrop-filter: blur(60px);
    box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.3);

    font-weight: 500;
    font-size: 14px;
    color: var(--accent);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
  }

  a:hover,
  a:active {
    transform: scale(1.1);
  }
}

.claim-subtitle-desk-dtb {
  display: none;
}

.claim-bg-dtb {
  background: url(/images/claim-bg.png);
  background-position: center;
  background-size: cover;
  height: 481px;
  width: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 1440px) {
  #claim {
    height: calc(615px + 60px + 60px);
  }

  .claim-container-dtb {
    padding-top: 94px;
  }

  .claim-content-dtb {
    flex-direction: row;
    gap: 349px;
  }

  .claim-text-wrap-dtb {
    .claim-subtitle-dtb {
      margin-bottom: 24px;
    }

    p {
      font-size: 32px;
      margin-bottom: 40px;
    }

    a {
      border: 1px solid var(--accent);
      padding: 17px 10px;
      width: 519px;
      height: 76px;

      backdrop-filter: blur(60px);
      box-shadow: 0 2px 2px 0 rgba(212, 175, 55, 0.3);

      font-size: 24px;
    }
  }

  .claim-list-dtb {
    flex-direction: column;
    gap: 40px;
  }

  .claim-item-dtb {
    a {
      width: 412px;
      height: 76px;

      font-family: var(--font3);
      font-weight: 700;
      font-size: 24px;
    }
  }

  .claim-subtitle-mob-dtb {
    display: none;
  }

  .claim-subtitle-desk-dtb {
    display: block;
  }

  .claim-bg-dtb {
    height: 615px;
    top: 0;
  }
}

/* footer */

#footer {
  background: #0f0f1c;
}

.footer-container-dtb {
  display: flex;
  flex-direction: column;
  padding: 32px 28px;
}

.footer-title-dtb {
  margin-bottom: 40px;
  width: 100%;
  text-align: center;
}

.footer-links-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.footer-link-dtb {
  font-weight: 500;
  font-size: 14px;
  color: #f2f2f2;
}

.footer-text-wrapper-dtb {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 147px;
  opacity: 0.7;

  position: absolute;
  bottom: 155px;
  left: 196px;

  p {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
  }
}

.footer-list-dtb {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 40px;
}

.footer-item-dtb {
  display: flex;
  align-items: center;
  gap: 5px;

  svg {
    width: 25px;
    height: 25px;
  }

  p {
    font-weight: 500;
    font-size: 12px;

    span {
      color: var(--accent);
    }
  }
}

.footer-item-dtb:nth-child(1) {
  svg {
    fill: #42a5f5;
  }
}

.footer-item-dtb:nth-child(2) {
  img {
    width: 25px;
    height: 25px;
  }
}

.footer-item-dtb:nth-child(3) {
  svg {
    fill: #c62828;
  }
}

.footer-pic-dtb {
  background: url(/images/why-logo.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 55px;
  left: 121px;
  width: 134px;
  height: 170px;
}

@media screen and (min-width: 1440px) {
  .footer-container-dtb {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 60px 80px;
  }

  .footer-title-dtb {
    margin-bottom: 40px;
    font-size: 36px;
    text-align: left;
  }

  .footer-links-list-dtb {
    display: flex;
    flex-direction: column;
    gap: 32px;

    position: absolute;
    top: 124px;
    right: 80px;
  }

  .footer-link-dtb {
    font-size: 24px;
  }

  .footer-text-wrapper-dtb {
    width: 302px;

    bottom: 60px;
    left: 569px;

    p {
      font-size: 20px;
    }
  }

  .footer-list-dtb {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
    padding-bottom: 116px;
  }

  .footer-item-dtb {
    gap: 8px;
    height: 50px;

    svg {
      width: 25px;
      height: 25px;
    }

    p {
      font-weight: 600;
      font-size: 16px;
    }
  }

  .footer-pic-dtb {
    top: 60px;
    left: 610px;

    width: 220px;
    height: 279px;
  }
}

/* ********************* */

.hidden-dtb {
  display: none;
}

.click-dtb {
  transform: rotate(180deg);
}