.we-support {
  position: relative;
}
.we-support .we-support-inner .btn {
  margin-top: 30px;
}
.we-support .circle .text {
  background: url("/legacy-content/themes/arcsys/assets/images/badge-text-white.svg") center;
  background-size: 100%;
}
.we-support ul {
  color: #fff !important;
}
.we-support .circle {
  right: 15px;
  top: 18px;
}
.we-support-inner {
  background-color: var(--blue-clr);
  height: 100%;
  padding: 134px 100px 134px 94px;
  border-radius: 0 0 375px 0;
}
.we-support-inner p {
  color: var(--white-clr);
  padding-bottom: 32px;
}
.we-support .img-block img {
  width: 100%;
}
.we-support .img-block, .we-support .img-block img {
  height: 100%;
}
.we-support-inner div {
  max-width: 660px;
}

/* Additionally Team */
.additionally-team {
  position: relative;
  padding: 60px 0 156px;
}
.additionally-team .container {
  z-index: 2;
  position: relative;
}
.additionally-team .title {
  font-size: 40px;
  line-height: 46px;
  color: #004B98;
  font-weight: 500;
  padding-bottom: 35px;
}
.additionally-team p {
  color: #000;
}
.additionally-team-inner {
  padding-right: 14px;
}
.additionally-team-inner .btn {
  margin-top: 20px;
}

/* Popular Course CSS */
.popular-course {
  padding: 133px 0;
  background-color: #E3F3FF;
}
.popular-course .section-title {
  align-items: flex-start;
  padding-bottom: 60px;
  display: grid;
  justify-content: center;
}
.head-title {
  background-color: var(--blue-clr);
  padding: 22px 25px 25px 33px;
}
.head-title .title {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  color: var(--white-clr);
  padding-bottom: 0;
}
.popular-course-item {
  border-radius: 0 0 100px 0;
  overflow: hidden;
}
.head-title {
  min-height: 138px;
}
.popular-course .btn-block {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

@media screen and (max-width: 1699px) {
  .we-support-inner {
    border-radius: 0 0 275px 0;
    padding-left: 70px;
  }
}
@media screen and (max-width: 1399px) {
  .we-support-inner, .popular-course {
    padding: 100px 0;
  }
  .we-support-inner {
    padding: 100px 40px;
  }
  .additionally-team {
    padding-bottom: 100px;
  }
  .head-title {
    min-height: 120px;
    padding: 18px;
  }
  .head-title .title {
    font-size: 20px;
    line-height: 28px;
  }
  .we-support-inner {
    border-radius: 0 0 200px 0;
  }
}

@media screen and (max-width: 1199px) {
  .we-support-inner > div {
    max-width: 960px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
  }
  .we-support-inner p {
    padding-bottom: 20px;
  }

  .popular-course [class*="col-"] {
    padding-bottom: 24px;
  }
  .popular-course-item img {
    width: 100%;
  }
  .head-title {
    min-height: 10px;
  }
  .head-title .title {
    font-size: 18px;
  }
  .head-title .title br {
    display: none;
  }
  .popular-course .btn-block {
    padding-top: 30px;
  }
  .additionally-team .title {
    padding-bottom: 25px;
  }
  .we-support-inner {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 991px) {
  .we-support-inner, .popular-course {
    padding: 80px 0;
  }
  .we-support-inner > div {
    max-width: 720px;
  }
  .we-support-inner p {
    padding-bottom: 15px;
  }
  .additionally-team {
    padding-bottom: 80px;
  }
  .additionally-team .title {
    padding-bottom: 15px;
  }
  .additionally-team .yellow-box-wrap {
    position: absolute;
  }
  .popular-course .section-title {
    padding-bottom: 40px;
  }
  .we-support-inner {
    border-radius: 0 0 150px 0;
  }
  .additionally-team-inner {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .additionally-team-inner .btn {
    margin-top: 10px;
  }
  .we-support .we-support-inner .btn {
    margin-top: 15px;
  }
  .we-support-inner, .additionally-team, .popular-course {
    padding: 50px 0;
  }
  .we-support-inner > div {
    max-width: 540px;
  }

  .popular-course .section-title {
    padding-bottom: 20px;
  }
  .popular-course .btn-block {
    padding-top: 10px;
  }
  .we-support-inner {
    border-radius: 0;
  }
  .popular-course-item {
    /* border-radius: 0; */
  }
  .additionally-team-inner {
    padding-bottom: 0;
  }
  .additionally-team .title {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 575px) {
  .we-support-inner > div {
    max-width: 100%;
  }
  .additionally-team .title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (max-width: 399px) {
  .popular-course .btn-block {
    flex-direction: column;
    gap: 10px;
  }
  .additionally-team .title {
    font-size: 24px;
    line-height: 32px;
  }
}