.home {
  background-color: #FAFAFA;
  overflow: hidden;
  padding-top: 71.5px;
}

@media screen and (max-width: 991px) {
  .home {
    padding-top: 56.76px;
  }
}

/* Main Section */
.home-main {
  overflow: hidden;
}
.home-main__visual {
  padding-bottom: 6.5%;
  position: relative;
}
.home-main__visual-text {
  position: absolute;
  bottom: 14.5%;
  left: 3.25%;
  z-index: 2;
}
.home-main__visual-text h1 {
  width: 31.34%;
  opacity: 0;
  visibility: hidden;
  margin-bottom: 1.85%;
}
.home-main__visual-text h1 img {
  width: 100%;
}
.home-main__visual-text p {
  color: #59C3E1;
  font-size: 3.05vw;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.home-main__visual-text p span:nth-child(1) {
  transform: translateX(56%);
}
.home-main__visual-text p span:nth-child(2) {
  transform: translateX(98.5%);
}
.home-main__visual-text--anim h1 {
  animation: mainVisualTextFadeIn 1s ease forwards;
}
.home-main__visual-text--anim p {
  animation: mainVisualTextFadeIn 1s ease 0.35s forwards;
}
@keyframes mainVisualTextFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15%);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.home-main__visual-video {
  width: 80.07%;
  height: 0;
  padding-bottom: 41.7%;
  overflow: hidden;
  margin-left: auto;
  position: relative;
  z-index: 0;
}
.home-main__visual-video-wrapper {
  width: 92.58%;
  height: calc(100% - 0.75%);
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  transform: translateY(-50%);
}
.home-main__visual-video-wrapper video {
  width: 100%;
}
.home-main__visual-video-vectors {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-main__visual-video-vector {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.home-main__visual-video-vector:nth-child(1) {
  background-image: url(../images/home/main-visual-video-vector-1.png);
  z-index: 0;
}
.home-main__visual-video-vector:nth-child(2) {
  background-image: url(../images/home/main-visual-video-vector-2.png);
  z-index: 1;
}
.home-main__visual-video-vector:nth-child(3) {
  background-image: url(../images/home/main-visual-video-vector-3.png);
  z-index: 2;
}
.home-main__visual-bg-vectors {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home-main__visual-bg-vector {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.home-main__visual-bg-vector:nth-child(1) {
  width: 27.97%;
  height: 0;
  padding-bottom: 29.03%;
  background-image: url(../images/home/main-visual-bg-vector-1.png);
  top: -71.5px;
  left: 0;
}
.home-main__visual-bg-vector:nth-child(2) {
  width: 31.34%;
  height: 0;
  padding-bottom: 31.34%;
  background-image: url(../images/home/main-visual-bg-vector-2.png);
  top: -71.5px;
  left: 0;
}
.home-main__visual-bg-vector:nth-child(3) {
  width: 35.84%;
  height: 0;
  padding-bottom: 34.65%;
  background-image: url(../images/home/main-visual-bg-vector-3.png);
  bottom: -45.85%;
  left: 6.25%;
}
.home-main__visual-bg-vector:nth-child(4) {
  width: 13.29%;
  height: 0;
  padding-bottom: 21.36%;
  background-image: url(../images/home/main-visual-bg-vector-4.png);
  right: 0;
  bottom: -8%;
}
.home-main__visual-bg-vector:nth-child(5) {
  width: 6.01%;
  height: 0;
  padding-bottom: 21.89%;
  background-image: url(../images/home/main-visual-bg-vector-5.png);
  bottom: -78.95%;
  left: 0;
}
.home-main__slider {
  width: 160%;
  margin-left: -30%;
  padding: 6.5% 0;
}
.home-main__slider .home-main__slider-img-wrapper {
  border-radius: 15px;
  overflow: hidden;
}
.home-main__slider .home-main__slider-img-wrapper img {
  width: 100%;
}
.home-main__slider .swiper-wrapper {
  align-items: center;
}
.home-main__slider .swiper-slide {
  transition: transform 0.35s ease;
  transform: scale(1);
  padding: 1.95%;
}
.home-main__slider .swiper-slide-active {
  transform: scale(1.2);
}
.home-main__slider .swiper-button-prev,
.home-main__slider .swiper-button-next {
  width: 2.34%;
  height: 0;
  padding-bottom: 2.34%;
  transition: transform 0.25s ease;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home-main__slider .swiper-button-prev {
  left: 27.5%;
}
.home-main__slider .swiper-button-next {
  right: 27.5%;
}
.home-main__slider .swiper-button-prev:hover,
.home-main__slider .swiper-button-next:hover {
  transform: translateY(-50%) scale(1.2);
}
.home-main__slider .swiper-button-prev::after,
.home-main__slider .swiper-button-next::after {
  content: '';
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-family: none;
  position: absolute;
  top: 0;
  left: 0;
}
.home-main__slider .swiper-button-prev::after {
  background-image: url(../images/home/main-slider-prev-button.png);
}
.home-main__slider .swiper-button-next::after {
  background-image: url(../images/home/main-slider-next-button.png);
}

@media screen and (max-width: 430px) {
  .home-main__visual {
    padding-bottom: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .home-main__visual-text {
    margin-top: 5%;
    position: initial;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home-main__visual-text h1 {
    width: 82.5%;
    margin-bottom: 3.85%;
  }
  .home-main__visual-text p {
    font-size: 7.5vw;
  }
  .home-main__visual-text p span:nth-child(1) {
    transform: translateX(-11.5%);
  }
  .home-main__visual-text p span:nth-child(2) {
    transform: translateX(20.5%);
  }
  .home-main__visual-video {
    width: 109.3%;
    padding-bottom: 56.91%;
    margin: 0 auto;
    transform: translateX(-11.5%);
  }
  .home-main__visual-bg-vector:nth-child(1) {
    width: 93.9%;
    padding-bottom: 111.76%;
    top: -57.5%;
    left: -58%;
  }
  .home-main__visual-bg-vector:nth-child(2) {
    width: 93.9%;
    padding-bottom: 111.76%;
    top: -17%;
    left: -48%;
  }
  .home-main__visual-bg-vector:nth-child(3) {
    width: 53.42%;
    padding-bottom: 59.68%;
    bottom: -40.5%;
    left: -17%;
  }
  .home-main__visual-bg-vector:nth-child(4) {
    width: 33.46%;
    padding-bottom: 39.42%;
    right: -20.5%;
    bottom: -5%;
  }
  .home-main__slider {
    width: 230%;
    margin-left: -65%;
  }
  .home-main__slider .swiper-slide {
    padding: 2.75%;
  }
  .home-main__slider .swiper-button-prev {
    left: 30.75%;
  }
  .home-main__slider .swiper-button-next {
    right: 30.75%;
  }
}
/* Main Section (End) */

/* Mood Section */
.home-mood {
  width: 100%;
  height: 0;
  padding-bottom: 64.94%;
  background-image: url(../images/home/mood-section-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.home-mood__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.home-mood__content::after {
  content: '';
  width: 100%;
  height: 0;
  padding-bottom: 15.8%;
  background: linear-gradient(180deg, rgba(5, 72, 91, 0) 0%, #05485B 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.home-mood__own {
  width: 50.66%;
  height: 0;
  padding-bottom: 47.02%;
  background-image: url(../images/home/mood-own.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.home-mood__own-vector {
  opacity: 0;
  visibility: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.home-mood__own-vector--anim {
  animation: moodOwnVectorFadeIn 1s ease forwards;
}
@keyframes moodOwnVectorFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.home-mood__own-vector:nth-child(1) {
  width: 28.58%;
  height: 0;
  padding-bottom: 27.8%;
  background-image: url(../images/home/mood-own-vector-1.png);
  top: 6.75%;
  left: 5%;
}
.home-mood__own-vector:nth-child(2) {
  width: 25.97%;
  height: 0;
  padding-bottom: 35.11%;
  background-image: url(../images/home/mood-own-vector-2.png);
  top: -23.5%;
  left: 11.5%;
}
.home-mood__own-vector:nth-child(3) {
  width: 37.98%;
  height: 0;
  padding-bottom: 32.89%;
  background-image: url(../images/home/mood-own-vector-3.png);
  top: -31.5%;
  right: 1%;
}
.home-mood__own-vector:nth-child(4) {
  width: 21.93%;
  height: 0;
  padding-bottom: 21.14%;
  background-image: url(../images/home/mood-own-vector-4.png);
  top: 4%;
  right: 3%;
}
.home-mood__text {
  width: 42.5%;
  margin: 0 0 5.65% 2.45%;
  position: relative;
  z-index: 1;
}
.home-mood__text p {
  margin-bottom: 0.65rem;
}
.home-mood__text p:nth-child(1) {
  color: #59C3E1;
  font-size: 2.5vw;
}
.home-mood__text p:not(:first-child) {
  color: #FFFFFF;
  font-size: 1.8vw;
}

@media screen and (max-width: 430px) {
  .home-mood {
    background-size: 384.76% auto;
    padding-bottom: 249.87%;
    margin-top: 5%;
  }
  .home-mood__content {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  .home-mood__content::after {
    bottom: 16.65%;
  }
  .home-mood__own {
    width: 100%;
    padding-bottom: 92.8%;
  }
  .home-mood__text {
    width: 90%;
    margin: 0 0 28.5% 0;
  }
  .home-mood__text p:nth-child(1) {
    font-size: 6.85vw;
  }
  .home-mood__text p:not(:first-child) {
    font-size: 5.15vw;
  }
}
/* Mood Section (End) */

/* Expert Section */
.home-expert__visual {
  width: 100%;
  height: 0;
  padding-bottom: 64.94%;
  background-color: #1A485B;
  background-image: url(../images/home/expert-section-visual-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.home-expert__visual-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-expert__visual-text {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: row-reverse;
}
.home-expert__visual-text--anim {
  animation: expertVisualTextFadeIn 1s ease forwards;
}
@keyframes expertVisualTextFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15%);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.home-expert__visual-text p {
  font-size: 2vw;
  letter-spacing: 1vw;
  writing-mode: vertical-rl;
  margin: 0;
}
.home-expert__visual-text p:nth-child(2) {
  margin: 3vw 1vw 0 0;
  position: relative;
}
.home-expert__visual-text p:nth-child(2)::after {
  content: '';
  width: 1px;
  height: 40%;
  background-color: #212529;
  position: absolute;
  bottom: -11.5%;
  left: 50%;
  transform: translateX(-50%);
}
.home-expert__visual-bg-vectors {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.home-expert__visual-bg-vector {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.home-expert__visual-bg-vector:nth-child(1) {
  width: 21.56%;
  height: 0;
  padding-bottom: 56.87%;
  background-image: url(../images/home/expert-visual-bg-vector-1.png);
  bottom: -38.5%;
  left: 0;
}
.home-expert__visual-bg-vector:nth-child(2) {
  width: 22.08%;
  height: 0;
  padding-bottom: 47.15%;
  background-image: url(../images/home/expert-visual-bg-vector-2.png);
  bottom: -16.5%;
  left: 0;
}
.home-expert__visual-bg-vector:nth-child(3) {
  width: 50.06%;
  height: 0;
  padding-bottom: 79.36%;
  background-image: url(../images/home/expert-visual-bg-vector-3.png);
  right: 0;
  bottom: -50%;
}
.home-expert__section {
  padding: 11.8744% 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-expert__section-title {
  width: 11.44%;
  height: 0;
  padding-bottom: 4.16%;
  background-image: url(../images/home/expert-section-title.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
}
.home-expert__section-desc {
  font-size: 1.8vw;
  text-align: center;
  margin: -2.35% 0 1.5% 0;
}
.home-expert__section-content {
  width: calc(100% - 6.25%);
  overflow: hidden;
  margin-left: 6.25%;
}
.home-expert__section-slider .swiper-wrapper {
  width: 180.438%;
}
.home-expert__section-slider .swiper-slide {
  width: 11.907% !important;
}
.home-expert__section-slider .swiper-slide:not(:last-child) {
  margin-right: 0.676%;
}
.home-expert__section-slider .home-expert__expert {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.home-expert__expert {
  width: 11.907%;
  height: 0;
  padding-bottom: 11.907%;
  border-radius: 2%;
  overflow: hidden;
  position: relative;
}
.home-expert__expert:not(:last-child) {
  margin-right: 0.676%;
}
.home-expert__expert-link {
  display: block;
}
.home-expert__expert-avatar {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.home-expert__expert-mask {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(49, 53, 61, 0) 50%, #31353D 100%);
  box-sizing: border-box;
  padding: 5%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home-expert__expert-title {
  color: #FFFFFF;
  font-size: 1.25vw;
  margin-bottom: 1.5%;
}
.home-expert__expert-name {
  color: #FFFFFF;
  font-size: 1.75vw;
  font-weight: normal;
  margin: 0;
}
.home-expert__section-controls {
  width: 100%;
  margin-top: 1.5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-expert__more-btn {
  background-color: #FFFFFF;
  border: 1px solid #59C3E1;
  border-radius: 0.5vw;
  color: #59C3E1;
  font-size: 1.35vw;
  padding: 0.65% 1.25%;
}
.home-expert__more-btn:hover {
  color: #59C3E1;
}

@media screen and (max-width: 430px) {
  .home-expert__visual {
    background-size: 351.68% auto;
    padding-bottom: 228.37%;
    margin-top: -41.56%;
  }
  .home-expert__visual-text p {
    font-size: 6vw;
    letter-spacing: 3.5vw;
  }
  .home-expert__visual-text p:nth-child(2) {
    margin: 12vw 1vw 0 0;
  }
  .home-expert__visual-bg-vector:nth-child(1) {
    width: 46.51%;
    padding-bottom: 122.69%;
    bottom: -6.5%;
    left: -20%;
  }
  .home-expert__visual-bg-vector:nth-child(2) {
    width: 46.51%;
    padding-bottom: 99.32%;
    bottom: 6.5%;
    left: -18.5%;
  }
  .home-expert__visual-bg-vector:nth-child(3) {
    width: 100%;
    padding-bottom: 158.52%;
    right: -40%;
    bottom: 60%;
  }
  .home-expert__section {
    margin-top: -20%;
    padding-top: 0;
  }
  .home-expert__section-title {
    width: 34.6%;
    padding-bottom: 17.81%;
  }
  .home-expert__section-desc {
    font-size: 4vw;
    margin: -7.5% 0 5% 0;
    padding: 0 5%;
  }
  .home-expert__section-content {
    width: calc(100% - 3.25%);
    margin-left: 3.25%;
  }
  .home-expert__section-slider .swiper-wrapper {
    width: 325%;
  }
  .home-expert__expert-title {
    font-size: 3.25vw;
  }
  .home-expert__expert-name {
    font-size: 4.25vw;
  }
  .home-expert__section-controls {
    margin-top: 4.5%;
  }
  .home-expert__more-btn {
    border-radius: 1.5vw;
    font-size: 3.35vw;
    padding: 1.65% 2.75%;
  }
}
/* Expert Section (End) */

/* Resources Section */
.home-resources__visual {
  position: relative;
}
.home-resources__visual-inner {
  position: relative;
  z-index: 1;
  padding: 7.5% 6.25%;
}
.home-resources__visual-text {
  width: 48%;
  opacity: 0;
  visibility: hidden;
}
.home-resources__visual-text--anim {
  animation: resourcesVisualTextFadeIn 1s ease forwards;
}
@keyframes resourcesVisualTextFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15%);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.home-resources__visual-text h1 {
  font-size: 2.125vw;
  font-weight: normal;
  margin-bottom: 1.5%;
}
.home-resources__visual-text h3 {
  font-size: 1.85vw;
  font-weight: normal;
  margin-bottom: 4.25%;
}
.home-resources__visual-text p {
  color: #727272;
  font-size: 1.315vw;
  margin: 0;
}
.home-resources__bar {
  width: 89.1%;
  height: 0;
  padding-bottom: 31%;
  background-image: url(../images/home/resources-bar-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  transform: translateY(-17.5%);
}
.home-resources__bar-item {
  width: 16.96%;
  height: 0;
  padding-bottom: 16.96%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px 0px #59C3E11A;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.home-resources__bar-item--anim {
  animation: resourcesBarItemFadeIn 1s ease forwards;
}
@keyframes resourcesBarItemFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15%);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.home-resources__bar-item:nth-child(1) {
  top: 35%;
  left: 21.5%;
}
.home-resources__bar-item:nth-child(2) {
  bottom: -13.5%;
  left: 43.5%;
}
.home-resources__bar-item:nth-child(3) {
  top: 15%;
  right: 10.5%;
}
.home-resources__bar-item-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-resources__bar-item:nth-child(1) .home-resources__bar-item-icon {
  background-image: url(../images/home/resources-bar-item-icon-1.png);
}
.home-resources__bar-item:nth-child(2) .home-resources__bar-item-icon {
  background-image: url(../images/home/resources-bar-item-icon-2.png);
}
.home-resources__bar-item:nth-child(3) .home-resources__bar-item-icon {
  background-image: url(../images/home/resources-bar-item-icon-3.png);
}
.home-resources__bar-item-icon {
  width: 32%;
  height: 0;
  padding-bottom: 32.51%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.home-resources__bar-item-name {
  font-size: 1.75vw;
  margin-top: 6.5%;
}
.home-resources__visual-bg-vectors {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.home-resources__visual-bg-vector {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.home-resources__visual-bg-vector:nth-child(1) {
  width: 100%;
  height: 0;
  padding-bottom: 71.09%;
  background-image: url(../images/home/resources-visual-bg-vector-1.png);
  top: -90.5%;
  left: 0;
}
.home-resources__visual-bg-vector:nth-child(2) {
  width: 100%;
  height: 0;
  padding-bottom: 65.8%;
  background-image: url(../images/home/resources-visual-bg-vector-2.png);
  top: -82.5%;
  left: 0;
}
.home-resources__visual-bg-vector:nth-child(3) {
  width: 28.57%;
  height: 0;
  padding-bottom: 34.25%;
  background-image: url(../images/home/resources-visual-bg-vector-3.png);
  right: 0;
  bottom: -5%;
}
.home-resources__sections {
  position: relative;
}
.home-resources__sections-inner {
  position: relative;
  z-index: 1;
}
.home-resources__section {
  width: calc(100% - 6.25%);
  margin-left: 6.25%;
  padding: 5.5% 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.home-resources__section-title {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 1.5%;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: center;
  align-items: center;
}
.home-resources__section:nth-child(1) .home-resources__section-title {
  width: 13.33%;
  height: 0;
  padding-bottom: 3.315%;
  background-image: url(../images/home/course-section-title.png);
}
.home-resources__section:nth-child(2) .home-resources__section-title {
  width: 12.2%;
  height: 0;
  padding-bottom: 3.597%;
  background-image: url(../images/home/activity-section-title.png);
  margin-left: 0.56%;
  margin-right: 0.56%;
}
.home-resources__section:nth-child(3) .home-resources__section-title {
  width: 12.2%;
  height: 0;
  padding-bottom: 3.597%;
  background-image: url(../images/home/article-section-title.png);
  margin-left: 0.56%;
  margin-right: 0.56%;
}
.home-resources__section-title h1 {
  font-size: 2.125vw;
  font-weight: normal;
  margin: 0;
}
.home-resources__section:nth-child(1) .home-resources__section-title h1 {
  transform: translateY(55%);
}
.home-resources__section:nth-child(2) .home-resources__section-title h1 {
  transform: translateY(65%);
}
.home-resources__section:nth-child(3) .home-resources__section-title h1 {
  transform: translateY(75%);
}
.home-resources__section-content {
  width: 100%;
  margin-left: 25px;
}
.home-resources__section:nth-child(1) .home-resources__section-slider .swiper-wrapper {
  width: 208.06%;
}
.home-resources__section:nth-child(1) .home-resources__section-slider .swiper-slide {
  width: 11.6672% !important;
}
.home-resources__section:nth-child(1) .home-resources__section-slider .swiper-slide:not(:last-child) {
  margin-right: 0.952%;
}
.home-resources__section:nth-child(1) .home-resources__section-slider .home-resources__course {
  width: 100%;
}

.home-resources__section:nth-child(2) .home-resources__section-slider .swiper-wrapper {
  width: 208.06%;
}
.home-resources__section:nth-child(2) .home-resources__section-slider .swiper-slide {
  width: 11.6672% !important;
}
.home-resources__section:nth-child(2) .home-resources__section-slider .swiper-slide:not(:last-child) {
  margin-right: 0.952%;
}
.home-resources__section:nth-child(2) .home-resources__section-slider .home-resources__course {
  width: 100%;
}

.home-resources__section:nth-child(3) .home-resources__section-slider .swiper-wrapper {
  width: 291.308%;
}
.home-resources__section:nth-child(3) .home-resources__section-slider .swiper-slide {
  width: 11.9078% !important;
}
.home-resources__section:nth-child(3) .home-resources__section-slider .swiper-slide:not(:last-child) {
  margin-right: 0.677%;
}
.home-resources__section:nth-child(3) .home-resources__section-slider .home-resources__article {
  width: 100%;
  padding: 3%;
}
.home-resources__section-content-controls {
  margin-top: 2.5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-resources__more-btn {
  background-color: #FFFFFF;
  border: 1px solid #59C3E1;
  border-radius: 0.5vw;
  color: #59C3E1;
  font-size: 1.35vw;
  padding: 0.819% 1.5761%;
}
.home-resources__more-btn:hover {
  color: #59C3E1;
}
.home-resources__sections-bg-vectors {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.home-resources__sections-bg-vector {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
.home-resources__sections-bg-vector:nth-child(1) {
  width: 36.63%;
  height: 0;
  padding-bottom: 88.29%;
  background-image: url(../images/home/resources-sections-bg-vector-1.png);
  top: 2.5%;
  left: -1.5%;
}
.home-resources__sections-bg-vector:nth-child(2) {
  width: 87.29%;
  height: 0;
  padding-bottom: 68.51%;
  background-image: url(../images/home/resources-sections-bg-vector-2.png);
  top: -3.75%;
  right: 0;
}
.home-resources__sections-bg-vector:nth-child(3) {
  width: 83%;
  height: 0;
  padding-bottom: 53.43%;
  background-image: url(../images/home/resources-sections-bg-vector-3.png);
  top: 20%;
  right: 0;
}
.home-resources__sections-bg-vector:nth-child(4) {
  width: 87.1%;
  height: 0;
  padding-bottom: 65.14%;
  background-image: url(../images/home/resources-sections-bg-vector-4.png);
  top: -11.05%;
  right: 1%;
}
.home-resources__sections-bg-vector:nth-child(5) {
  width: 94.51%;
  height: 0;
  padding-bottom: 97.94%;
  background-image: url(../images/home/resources-sections-bg-vector-5.png);
  bottom: -23.5%;
  left: 0;
}
.home-resources__sections-bg-vector:nth-child(6) {
  width: 88.95%;
  height: 0;
  padding-bottom: 33.72%;
  background-image: url(../images/home/resources-sections-bg-vector-6.png);
  right: 0;
  bottom: -20%;
}
.home-resources__course {
  width: 12.216%;
  box-shadow: 3px 3px 6px 0px #59C3E11A;
  border-radius: 2%;
  overflow: hidden;
}
.home-resources__course:not(:last-child) {
  margin-right: 0.952%;
}
.home-resources__course-link {
  display: block;
}
.home-resources__course-cover {
  width: 100%;
  height: 0;
  padding-bottom: 49.36%;
  overflow: hidden;
}
.home-resources__course-cover img {
  width: 100%;
}
.home-resources__course-content {
  background-color: #FFFFFF;
  padding: 5%;
}
.home-resources__course-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.home-resources__course-tag {
  background-color: #EEF9FC;
  border-radius: 7px;
  color: #59C3E1;
  font-size: 0.85vw;
  padding: 1.25% 2.75%;
}
.home-resources__course-fav-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-resources__course-fav-btn i {
  color: #727272;
  font-size: 1.75vw;
}
.home-resources__course-name {
  height: 3.915vw;
  color: #212529;
  font-size: 1.45vw;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  letter-spacing: 0.85px;
  word-break: break-all;
  margin-top: 3.5%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-resources__course-percentage {
  height: 6.249vw;
  margin: 6.15% 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.home-resources__course-percentage-chart {
  width: 34.32%;
  height: 0;
  padding-bottom: 34.32%;
  border-radius: 50%;
  position: relative;
}
.home-resources__course-percentage-chart::before {
  content: '';
  width: 80%;
  height: 80%;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}
.home-resources__course-percentage-value {
  color: #59C3E1;
  font-size: 1.5vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.home-resources__course-evaluate {
  margin-bottom: 3.5%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.home-resources__course-evaluate i {
  font-size: 1.25vw;
}
.home-resources__course-evaluate i:not(:first-child) {
  margin-left: 2px;
}
.home-resources__course-evaluate i.bxs-star {
  color: #F6C00D;
}
.home-resources__course-evaluate i.bx-star {
  color: #CDCDCD;
}
.home-resources__course-evaluate span {
  color: #F6C00D;
  font-size: 1vw;
  margin-left: 3.15%;
}
.home-resources__course-price {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.home-resources__course-price span {
  line-height: 1;
}
.home-resources__course-price span:nth-child(1) {
  color: #EF3E42;
  font-size: 1.35vw;
}
.home-resources__course-price span:nth-child(2) {
  color: #727272;
  font-size: 0.85vw;
  text-decoration: line-through;
  margin-left: 2px;
}
.home-resources__course-author {
  color: #727272;
  font-size: 0.85vw;
}
.home-resources__article {
  width: 19.13%;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 6px 0px #59C3E11A;
  border-radius: 2%;
  overflow: hidden;
  padding: 0.338%;
}
.home-resources__article:not(:last-child) {
  margin-right: 0.677%;
}
.home-resources__article-link {
  display: block;
}
.home-resources__article-cover {
  width: 100%;
  height: 0;
  padding-bottom: 52.296%;
  overflow: hidden;
  position: relative;
}
.home-resources__article-cover img {
  width: 100%;
}
.home-resources__article-collect-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 6.5%;
  left: 3.5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.home-resources__article-collect-btn i {
  color: #727272;
  font-size: 1.5vw;
}
.home-resources__article-title {
  height: 3.915vw;
  color: #212529;
  font-size: 1.45vw;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  letter-spacing: 0.85px;
  word-break: break-all;
  margin: 3.25% 0 2.75% 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-resources__article-text {
  height: 3.15vw;
  color: #212529;
  font-size: 1.05vw;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (max-width: 430px) {
  .home-resources__visual {
    margin: 20% 0;
  }
  .home-resources__visual-inner {
    padding: 3.25%;
  }
  .home-resources__visual-text {
    width: 100%;
    margin-bottom: 8.5%;
  }
  .home-resources__visual-text h1 {
    font-size: 5.125vw;
  }
  .home-resources__visual-text h3 {
    font-size: 3.45vw;
  }
  .home-resources__visual-text p {
    font-size: 3.15vw;
  }
  .home-resources__bar {
    transform: translateY(0);
  }
  .home-resources__bar-item {
    width: 25%;
    padding-bottom: 25%;
  }
  .home-resources__bar-item:nth-child(1) {
    top: 35%;
    left: 0.5%;
  }
  .home-resources__bar-item:nth-child(2) {
    bottom: -26.5%;
    left: 38.5%;
  }
  .home-resources__bar-item:nth-child(3) {
    top: 12%;
    right: 1.5%;
  }
  .home-resources__bar-item-name {
    font-size: 3vw;
  }
  .home-resources__visual-bg-vector:nth-child(1) {
    width: 139.53%;
    padding-bottom: 99.19%;
    top: -53.5%;
    left: -42.5%;
  }
  .home-resources__visual-bg-vector:nth-child(2) {
    width: 139.53%;
    padding-bottom: 91.98%;
    top: -63.5%;
    left: -39.5%;
  }
  .home-resources__visual-bg-vector:nth-child(3) {
    width: 53.48%;
    padding-bottom: 64.12%;
    right: -17.5%;
    bottom: -50%;
  }
  .home-resources__section {
    width: calc(100% - (3.25% * 2));
    margin: 0 3.25%;
    flex-direction: column;
  }
  .home-resources__section-content {
    margin-top: 4.5%;
    margin-left: 0;
  }
  .home-resources__section:nth-child(1) .home-resources__section-title {
    width: 38.24%;
    padding-bottom: 17.81%;
  }
  .home-resources__section:nth-child(2) .home-resources__section-title {
    width: 34.6%;
    padding-bottom: 17.81%;
  }
  .home-resources__section:nth-child(1) .home-resources__section-title h1 {
    font-size: 6vw;
    transform: translateY(110%);
  }
  .home-resources__section:nth-child(2) .home-resources__section-title h1 {
    font-size: 6vw;
    transform: translateY(110%);
  }
  .home-resources__section:nth-child(1) .home-resources__section-slider .swiper-wrapper {
    width: 857.488%;
  }
  .home-resources__section:nth-child(2) .home-resources__section-slider .swiper-wrapper {
    width: 839.327%;
  }
  .home-resources__section-content-controls {
    margin-top: 6.5%;
  }
  .home-resources__more-btn {
    border-radius: 1.5vw;
    font-size: 3.35vw;
    padding: 1.765% 2.941%;
  }
  .home-resources__course-tag {
    font-size: 2.85vw;
  }
  .home-resources__course-fav-btn i {
    font-size: 5.75vw;
  }
  .home-resources__course-name {
    height: 14.717vw;
    font-size: 5.45vw;
    letter-spacing: 2.35px;
  }
  .home-resources__course-percentage {
    height: 28.849vw;
  }
  .home-resources__course-percentage-value {
    font-size: 5.5vw;
  }
  .home-resources__course-evaluate i {
    font-size: 3.75vw;
  }
  .home-resources__course-evaluate span {
    font-size: 3.25vw;
  }
  .home-resources__course-price span:nth-child(1) {
    font-size: 4.85vw;
  }
  .home-resources__course-price span:nth-child(2) {
    font-size: 2.85vw;
  }
  .home-resources__course-author {
    font-size: 2.85vw;
  }
  .home-resources__article-collect-btn i {
    font-size: 4.5vw;
  }
  .home-resources__article-title {
    height: 14.717vw;
    font-size: 5.45vw;
  }
  .home-resources__article-text {
    height: 12.146vw;
    font-size: 4.05vw;
  }
  .home-resources__sections-bg-vector:nth-child(1) {
    width: 76.74%;
    padding-bottom: 184.97%;
    top: 5.35%;
    left: -32.5%;
  }
  .home-resources__sections-bg-vector:nth-child(2) {
    width: 116.27%;
    padding-bottom: 91.92%;
    top: 42.25%;
    right: -50%;
  }
  .home-resources__sections-bg-vector:nth-child(3) {
    width: 116.27%;
    padding-bottom: 74.84%;
    top: 50.5%;
    right: -54%;
  }
  .home-resources__sections-bg-vector:nth-child(5) {
    bottom: -4.5%;
  }
}
/* Resources Section (End) */

/* Loading Spinner */
.loading-spinner {
  width: 100%;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.8);
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 10000;
}
.loading-spinner__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/* Loading Spinner (End) */