/* Online Test */
.section {
  padding-bottom: 0px;
}

@media (min-width: 1280px) {
  section {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  section .container {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
  }
}

/* Header */
@media (min-width: 1280px) {
  header {
    background-color: #ffffff;
  }
}

/* Main Body Content */
main {
  gap: 8px;
}

@media (min-width: 1280px) {
  main {
    gap: 80px;
  }
}

/* Breadcrumb */
@media (max-width: 768px) {

  .breadcrumb-section span,
  .breadcrumb-section a {
    font-size: 12px;
  }
}

@media (min-width: 1280px) {
  .breadcrumb-section {
    padding: 20px 0 0;
  }
}

/* Sections */
.sections {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media (min-width: 1280px) {
  .sections {
    gap: 120px;
  }
}

/* Home Section */
.home-section .container {
  display: flex;
  flex-direction: column;
  gap: var(--container-gap);
}

.home-section .title {
  font-size: var(--h1-font-size-mobile);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height-mobile);
  text-align: left;
}

.home-section .content {
  display: flex;
  flex-direction: column;
}

.home-section .description {
  display: flex;
  flex-direction: column;
}

.home-section .summary {
  font-size: var(--font-size-mobile);
  font-weight: var(--font-weight-mobile);
  line-height: var(--line-height-mobile);
  text-align: left;
}

.home-section .additional-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.home-section .sub-heading {
  font-size: var(--h2-font-size-mobile);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height-mobile);
  text-align: left;
}

.home-section ul.summary {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.home-section ul.summary li {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.home-section ul.summary li::before {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("../assets/online-test/list_bullet_custom.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.home-section .content-image {
  width: 100%;
  height: 220px;
  border-radius: 12px;
  align-self: center;
}

.home-section .content-image img {
  width: 100%;
  height: 220px;
  border-radius: 12px;
  object-fit: cover;
}

@media (min-width: 1280px) {
  .home-section .container {
    flex-direction: row;
    gap: 36px;
  }

  .home-section .content {
    justify-content: center;
    gap: 32px;
  }

  .home-section .title {
    font-size: 52px;
    font-weight: 400;
    line-height: 58px;
    text-align: left;
  }

  .home-section .description {
    gap: 20px;
  }

  .home-section .summary {
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    letter-spacing: 0.16px;
    text-align: left;
  }

  .home-section .additional-content {
    gap: 20px;
  }

  .home-section .content-image {
    width: 100%;
    height: 100%;
  }

  .home-section .content-image img {
    width: 582px;
    height: 452px;
    transform: rotateY(180deg);
  }
}

/* Language Section */
@media (min-width: 1280px) {
  .language-section .container {
    gap: 60px;
  }

  .language-section .language-panel {
    gap: 8px;
  }

  .language-section .language-card {
    width: 126px;
  }
}

/* Address Section */
@media (min-width: 1280px) {
  .address-section {
    order: unset;
  }
}