/* Hero */
.wrapper-hero.image-wrapper.bg-cover{
  background-size: contain;
  background-position: 87% 50%;
}

/* Social Engagement */
.wrapper-social-engagement .description{
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}

.wrapper-social-engagement .image-wrapper{
  width: 100%;
}

@media(max-width: 768px){
  .wrapper-social-engagement .container{
    order: 2;
  }

  .wrapper-social-engagement .image-wrapper{
    order: 1;
    min-height: 15rem;
  }
}

/* LG Screen */
@media(min-width: 768px){
  .wrapper-social-engagement .image-wrapper{
    width: 50%;
  }

  .wrapper-social-engagement .btn-learn-more{
    margin-bottom: 131px;
  }
}
/* End Social Engagement Section */

/* Learning System */
.wrapper-learning-system .wrapper-content{
  padding-top: 70px;
  padding-bottom: 70px;
}

.wrapper-learning-system .image-wrapper{
  min-height: 15rem;
}

@media(min-width: 768px){
  .wrapper-learning-system .wrapper-content{
    padding: 188px 112px 188px 0px;
  }

  .wrapper-learning-system .image-wrapper{
    min-height: 20rem;
  }
}

.wrapper-learning-system .wrapper-content .description{
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}

.wrapper-learning-system .wrapper-content ul{
  padding-left: 1rem;
}

.wrapper-learning-system .wrapper-content ul li{
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}
/* End Learning System Section */

/* Web CMS Section */
.wrapper-web-cms .container{
  padding-top: 70px;
  padding-bottom: 70px;
}

.wrapper-web-cms .description{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}

.wrapper-web-cms ul li{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}

.wrapper-web-cms .btn-go-to-link{
  padding: 16px 116px 16px 16px;
  border: 1px solid var(--bs-primary);
}

.wrapper-web-cms .btn-go-to-link i{
  font-size: 24px;
  line-height: 1;
}

.wrapper-web-cms .btn-go-to-link span{
  font-size: 16px;
  font-weight: 700;
}

@media(min-width: 768px){
  .wrapper-web-cms .container{
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
/* End Web CMS */

/* Mobile App Section */
.wrapper-mobile-app .container{
  padding-top: 60px;
  padding-bottom: 65px;
}

.wrapper-mobile-app .description,
.wrapper-mobile-app ul li{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}

.wrapper-mobile-app .btn-playstore,
.wrapper-mobile-app .btn-appstore{
  padding: 16px;
  width: 251px;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.wrapper-mobile-app .btn-playstore{
  margin-bottom: 22px;
}

.wrapper-mobile-app .btn-playstore i,
.wrapper-mobile-app .btn-appstore i{
  font-size: 24px;
  line-height: 1;
}

.wrapper-mobile-app .btn-playstore span,
.wrapper-mobile-app .btn-appstore span{
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.wrapper-mobile-app .img-mobile-home-page,
.wrapper-mobile-app .img-mobile-profile-page{
  box-shadow: 6px 12px 12px rgba(0, 0, 0, 0.25);
}

@media(min-width: 768px){
  .wrapper-mobile-app .container{
    padding-top: 110px;
    padding-bottom: 65px;
  }
}
/* End Mobile App Section */


/* Swiper */
.swiper-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}

.swiper-horizontal{
  touch-action: pan-y;
}

.swiper{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-backface-hidden .swiper-slide{
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide{
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}

.swiper-controls .swiper-pagination{
  bottom: -2.8rem;
  position: absolute!important;
  pointer-events: all;
}

.swiper-pagination{
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}

/* Collaboration */
.wrapper-collaboration .container{
  padding-top: 64px;
  padding-bottom: 64px;
}
/* End Colloboration */

/* Connect With Each Others Section */
.wrapper-connect .container{
  font-weight: 500;
  padding-top: 64px;
  padding-bottom: 64px;
}

.wrapper-connect .title{
  font-weight: 500;
}

.wrapper-connect .aksara-vector{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.wrapper-connect .aksara-vector.vector-left{
  left: -200px;
}

.wrapper-connect .aksara-vector.vector-right{
  right: -200px;
}

.wrapper-connect .description{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 130%;
}

.wrapper-connect .btn-start-collaboration{
  padding: 16px 32px 16px 16px;
  font-size: 16px;
  line-height: 1;
}

@media(min-width: 768px){
  .wrapper-connect .container{
    padding-top: 148px;
    padding-bottom: 64px;
  }
}

/* Presented By */
.wrapper-presented-by .title{
  color: #000000;
}

/* Testimonials */
.wrapper-testimonials blockquote.icon::before{
  display: none;
}

.wrapper-testimonials blockquote .quote-icon{
    color: rgb(0 0 0);
    font-size: 4rem;
    z-index: 1;
    line-height: 1;
}

.wrapper-testimonials blockquote .quote-icon.quote-left,
.wrapper-testimonials blockquote .quote-icon.quote-right{
    padding-left: 10px;
}

.wrapper-testimonials blockquote .quote-icon.quote-right{
  align-self: flex-end;
  line-height: 0;
}