@charset "utf-8";

@font-face {
  font-family: 'Noto Sans CJK';
  src: url('../fonts/NotoSansCJK-VF.ttf') format('truetype');
}

.mr1c-reg {
  font-family: "M PLUS Rounded 1c";
  font-weight: 400;
}
.mr1c-mid {
  font-family: "M PLUS Rounded 1c";
  font-weight: 500;
}
.mr1c-bold {
  font-family: "M PLUS Rounded 1c";
  font-weight: 700;
}
.mr1c-ex-bold {
  font-family: "M PLUS Rounded 1c";
  font-weight: 800;
}
html:lang(ja) body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
html:lang(ja) body .page_avatar_desc {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
}
html:lang(ko) * {
  font-family: "Noto Sans CJK", sans-serif;
}
html:lang(zh-tw) * {
  font-family: "Noto Sans TC", "Noto Sans", sans-serif;
}
html:lang(vi) .page_avatar_desc {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
html:lang(pt-br) body {
  font-family: "Noto Sans", sans-serif;
}
html:lang(pt-br) .page_avatar_desc {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
html:lang(en) * {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.page_avatar_desc .sec .btn_style.btn_trial{
   background: #FFB81D 0% 0% no-repeat padding-box;
   box-shadow: 0rem .8rem 0rem 0rem #DC9D12;
   border-radius: 5.6rem;
   max-width:62.5rem;
   width:100%;
   height:auto;
   color:#FFFFFF;
   font-size:2.2rem;
   font-weight:500;
   font-family:"M PLUS Rounded 1c";
   line-height: 100%;
   padding: 2.4rem 4rem;
   text-shadow: none;
   border: none;
   z-index: 1;
}
.page_avatar_desc .sec .btn_style.btn_trial .btn_deco_top{
   position:absolute;
   content:url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/btn_deco_01.webp);
   width: 12.6rem;
   height: 4.2rem;
   top: 0;
   right: 0;
}
.page_avatar_desc .sec .btn_style.btn_trial .btn_deco_btm{
   position:absolute;
   content:url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/btn_deco_02.webp);
   width: 10.1rem;
   height: 7.2rem;
   bottom: -0.2rem;
   left: -0.3rem;
   z-index: -1;
}
.page_avatar_desc .sec .btn_style.btn_trial:hover {
   transform: translateY(4px);
   box-shadow: none;
}
.page_avatar_desc .sec .btn_style.btn_trial .text_trial{
   color:#FFF;
   font-size:3.2rem;
   font-weight:800;
   line-height:3.2rem;
   position:relative;
}
.page_avatar_desc .sec .btn_style.btn_trial .text_trial:before{
   position:absolute;
   content:url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/stars.svg);
   width:3.4rem;
   top:50%;
   left:0;
   transform: translateY(-50%);
}
.page_avatar_desc .sec .btn_style.btn_trial .text_trial:after{
   position:absolute;
   content:url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/arrow.svg);
   width:3.4rem;
   height:3.4rem;
   top:50%;
   right:0;
   transform: translateY(-50%);
}
.page_avatar_desc .sec .btn_style.btn_trial .text_trial span{
   font-size: 3.2rem;
   line-height: calc(55 / 45);
   color: #fff;
}
.page_avatar_desc .main_wrap .sec {
   padding: 10rem 1.0rem;
   overflow: hidden;
   margin: auto;
   text-align: center;
}
.page_avatar_desc * {
   box-sizing: border-box;
   font-size: 1.8rem;
   color: #1F1F1F;
}
.page_avatar_desc {
   padding: 0;
   width: auto;
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/pattern.webp);
   background-color: #ffffff;
   z-index: -2;
   position: relative;
}
.page_avatar_desc .page_inner {
   padding: 0;
   width: auto;
}
.page_avatar_desc .page_inner .bnr_wrap{
   position: relative;
   height: 100%;
   min-height: 96.7rem;
   margin-bottom: 14.0rem;
}
.page_avatar_desc .page_inner .bnr_wrap_right{
   width: 50%;
}
.page_avatar_desc .page_inner .bnr_wrap_right img{
   position: absolute;
}
.page_avatar_desc .page_inner .bnr_wrap_right .deco-two{ 
   right: -1.4rem;
   top: 0;
   z-index: 1;
}
.page_avatar_desc .page_inner .bnr_wrap_right .deco-four{
   top: 44.5rem;
   right: -1.4rem;
   transform: translateY(-50%);
   z-index: -1;
   width: 100%;
   max-width: 101.1rem;
}
.page_avatar_desc .page_inner .bnr_wrap_right .character_wrap-teacher{
   bottom: -12.3rem;
   transform: translateY(-50%);
   right: 8.1rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left{
   width: 50%;
   display: flex;
   flex-direction: column;
   gap: 8.2rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left .deco-one{
   position: relative;
   z-index: -1;
}
.page_avatar_desc .page_inner .bnr_wrap_left .deco-three{
   position: absolute;
   bottom: 0;
   z-index: -1;
   left: 0;
}
.page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con{
   position: relative;
   left: 2.5rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .text_bnr{
   font-size: 4.0rem;
   font-weight: 800;
   margin-left: 20.5rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .text_bnr:before{
   content: '';
   background: #FFB81D;
   width: 14.1rem;
   height: 14.1rem;
   display: block;
   border-radius: 50%;
   position: absolute;
   z-index: -1;
   left: 5rem;
   top: -4.5rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .bnr_text{
   margin-top: 2.8rem;
   margin-left: 10.0rem;
}
.page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .rotate_text{
   font-size: 2.4rem;
   color: #fff;
   transform: rotate(-7.33deg);
   display: inline-block;
   position: absolute;
   left: 7.3rem;
   top: -.6rem;
   line-height: 3.2rem;
}
.page_avatar_desc .banner_wrap_text  .bnr_icon img{
   position: absolute;
}
.page_avatar_desc .page_inner .banner_wrap_text .bnr_icon .icon_bulb{
   right: -7.5rem;
   top: -6.8rem;
   animation: wobbling_xr 0.8s ease-in-out infinite alternate, wobbling_yb 1.1s ease-in-out infinite alternate;
   position: absolute;
}
.page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_globe{
   left: 80rem;
   top: 49rem;
   animation: wobbling_yb 1.1s ease-in-out infinite alternate;
   position: absolute;
}
.page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_book{
   top: -63rem;
   left: 11.0rem;
   animation: wobbling_x 0.8s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate;
   position: absolute;
}

@keyframes wobbling_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_xr {
  0% {
	  margin-right: 8px;
  }
  100% {
	  margin-right: 0px;
  }
}
@keyframes wobbling_yb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

.page_avatar_desc .sec.sec-slide .sec-inner{
   max-width:100%;
   width:100%;
   height:23.7rem;
   padding:0;
}
.page_avatar_desc .sec.sec-slide{
   position: absolute;
   bottom: -0.8rem;
}
.slider {
   display: flex;
}
.slider__inner {
   display: flex;
}
.slider__inner:first-child {
   animation: loop 90s linear infinite;
}
.slider__inner:nth-child(2) {
   animation: loop2 90s -60s linear infinite;
}
.slider__inner:last-child {
   animation: loop3 90s -30s linear infinite;
}
.page_avatar_desc .sec.sec-slide.slider .sec-inner.slider__inner .slider__item{
   margin-right:3.0rem;
   height:25.3rem;
}
.page_avatar_desc .sec.sec-slide.slider .sec-inner.slider__inner .slider__item:nth-child(odd){
   margin-bottom:3.0rem;	
}
.page_avatar_desc .sec.sec-slide.slider .sec-inner.slider__inner .slider__item:nth-child(even){
   margin-top:3.0rem;	
}
 
@keyframes loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}
 
@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}
 
@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}

.bc_cyan{
   border: .8rem solid #4FC4CF;
   border-radius: 3.0rem;
}
.bc_orange{
   border: .8rem solid #FFB81D;
   border-radius: 3.0rem;
}
.bc_purple{
   border: .8rem solid #94A8FF;
   border-radius: 3.0rem;
}

@media (max-width: 1900px) {
  .page_avatar_desc .page_inner .bnr_wrap_right .deco-four{
     width: 53%;
     height: auto;
  }
  .page_avatar_desc .page_inner .bnr_wrap_right .character_wrap-teacher{
	   width: 42%;
	   height: auto;
  }
}
@media (max-width: 1800px) {
  .page_avatar_desc .page_inner .bnr_wrap_right .deco-four{
     top: 50%;
     width: 50%;
     height: auto;
  }
  .page_avatar_desc .page_inner .bnr_wrap_right .character_wrap-teacher{
     bottom: -9.3rem;
     right: 8.3rem;
     width: 42%;
     height: auto;
  }
}
@media (max-width: 1700px) {
  .page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .bnr_text{
     width: 80%;
     height: auto;
  }
  .page_avatar_desc .page_inner .banner_wrap_text .bnr_icon .icon_bulb{
     top: -9.2rem;
  }
  .banner_top .banner_images {
     margin-top: -35rem;
  }
  .page_avatar_desc .page_inner .banner_wrap_text .bnr_icon .icon_bulb{
     right: 3.5rem;
     top: -3rem;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_book {
     right: 12rem;
     top: -64rem;
     position: relative;
     width: 100%;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_globe {
     left: 70rem;
     top: -74rem;
     position: relative;
  }
  .banner_top .banner_images {
     top: 47rem;
     width: 52%;
}
	.banner_text_bottom p.banner_text2,
	.banner_text_bottom p.banner_text2 > span {
	   font-size: 10.5rem;
	}
	.banner_top .banner_wrap_text.pt-br p.banner_text1 {
	   font-size: 2.5rem;
	   font-family: 'Noto Sans';
	}
	.banner_top .banner_wrap_text.pt-br p.banner_text2 {
	   font-size: 6.5rem;
	   font-family: 'Noto Sans';
	}
	.page_avatar_desc .page_inner .banner_top .banner_wrap_text.pt-br .bnr_icon .icon_bulb {
	   right: 2.5rem;
	   top: -1.8rem;
	}
	.page_avatar_desc .page_inner .banner_top .banner_wrap_left.pt-br .bnr_icon .icon_globe {
	   left: 67rem;
	}
}
@media (max-width: 1700px) {
  .page_avatar_desc .page_inner .bnr_wrap_right .deco-four{
     height: auto;
  }
  .page_avatar_desc .page_inner .bnr_wrap_right .character_wrap-teacher{
     width: 45%;
     height: auto;
     bottom: -4.9rem;
  }
}
@media (max-width: 1440px) {
  .page_avatar_desc .page_inner .bnr_wrap_right .deco-four {
     top: 49%;
     width: 55%;
     height: auto;
     right: -52rem;
  }
  .page_avatar_desc .page_inner .bnr_wrap_right .character_wrap-teacher {
     bottom: -1.2rem;
     right: 1.7rem;
     width: 46%;
     height: auto;
  }
  .page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con{
     left: -2.5rem;
  }
  .page_avatar_desc .page_inner .bnr_wrap_left{
     width: 52%;
  }
  .page_avatar_desc .page_inner .banner_wrap_text .bnr_icon .icon_bulb{
     right: 8.5rem;
     top: -3rem;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_book {
     right: 12rem;
     top: -67rem;
     position: relative;
     width: 100%;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_globe {
     top: -76rem;
     position: relative;
     width: 12%;
     left: 61rem;
  }
  .page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .bnr_text{
     width: 82%;
	   height: auto;
  }
  .page_avatar_desc .page_inner .bnr_wrap_left .text_wrap_con .text_bnr{
     font-size: 3.5rem;
	   width: max-content;
  }
  .banner_top .banner_images {
     margin-top: -33rem;
     width: 50%;
  }
  .banner_wrap_left img {
     width: 40%;
     height: auto;
  }
  .banner_text_top p.banner_text1 {
     font-size: 3.5rem;
  }
  .banner_text_bottom p.banner_text2,
  .banner_text_bottom p.banner_text2 > span {
     font-size: 8.5rem;
  }
  .banner_top .banner_wrap_text.pt-br p.banner_text1 {
     font-size: 2rem;
  }
  .banner_top .banner_wrap_text.pt-br p.banner_text2 {
     font-size: 5.5rem;
  }
  .page_avatar_desc .page_inner .banner_top .banner_wrap_text.pt-br .bnr_icon .icon_bulb {
     right: 9.5rem;
     top: -1.8rem;
  }
  .page_avatar_desc .page_inner .banner_top .banner_wrap_left.pt-br .bnr_icon .icon_globe {
     left: 60rem;
  }
}

.page_avatar_desc .main_wrap .sec.sec_feature .feature_cards_container {
   display: flex;
   flex-direction: column;
   gap: 8rem;
   max-width: 140rem;
   margin: 0 auto;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_card {
   display: flex;
   align-items: center;
   gap: 8rem;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_card_reverse {
   flex-direction: row-reverse;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap {
   flex: 0 0 63rem;
   border-radius: 5rem;
   overflow: hidden;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap img {
   width: 100%;
   height: 40rem;
   object-fit: cover;
   display: block;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_content {
   flex: 1;
   position: relative;
   order: 2;
   text-align: left;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_title {
   font-weight: 800;
   font-size: 4.2rem;
   line-height: 1.485;
   color: #1F1F1F;
   margin: 0 0 4rem 0;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_title .highlighted{
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 100% 1.5rem;
   background-image: linear-gradient(to top, #FFB412 100%, transparent 0);
   font-weight: 800;
   font-size: 4.2rem;
   line-height: 1.485;
   color: #1F1F1F;
}
.page_avatar_desc .main_wrap .sec.sec_feature .feature_description {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.9;
   color: #1F1F1F;
   margin: 0;
}

@media (max-width: 1200px) {
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_card {
     flex-direction: column;
     text-align: center;
     gap: 4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_card_reverse {
     flex-direction: column;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap {
     flex: none;
     max-width: 50rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_accent_line {
     left: 50%;
     transform: translateX(-50%);
  }
  .page_avatar_desc .page_inner .banner_wrap_text .bnr_icon .icon_bulb{
     right: 21rem;
     top: -3rem;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_book {
     right: 12rem;
     top: -64rem;
     position: relative;
     width: 55%;
  }
  .page_avatar_desc .page_inner .banner_wrap_left .bnr_icon .icon_globe {
     top: -72rem;
     position: relative;
     width: 8%;
     left: 57rem;
  }
  .banner_text_top p.banner_text1 {
     font-size: 3rem;
  }
  .banner_text_bottom p.banner_text2,
  .banner_text_bottom p.banner_text2 > span {
     font-size: 8rem;
  }
  .banner_top .banner_images {
     margin-top: -32.2rem;
     width: 47%;
     margin-right: 3.5rem;
  }
  .banner_top .banner_wrap_text.pt-br p.banner_text1 {
     font-size: 1.8rem;
  }
  .banner_top .banner_wrap_text.pt-br p.banner_text2 {
     font-size: 4.5rem;
  }
  .page_avatar_desc .page_inner .banner_top .banner_wrap_text.pt-br .bnr_icon .icon_bulb {
     right: 17.5rem;
     top: -1.8rem;
  }
  .page_avatar_desc .page_inner .banner_top .banner_wrap_left.pt-br .bnr_icon .icon_globe {
     left: 58rem;
  }
}

@media (max-width: 768px) {
  .page_avatar_desc .main_wrap .sec.sec_feature {
     padding: 10rem 0;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_cards_container {
     gap: 6rem;
     padding: 0 1rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_card {
     gap: 3rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap {
     max-width: 40rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_title {
     font-size: 3rem;
     margin-bottom: 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_description {
     font-size: 1.8rem;
  }
}

@media (max-width: 480px) {
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap {
     max-width: 30rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_image_wrap img {
     height: 30rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_title {
     font-size: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_description {
     font-size: 1.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_accent_line {
     width: 10rem;
     height: 1rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_card:nth-child(2) .feature_accent_line,
  .page_avatar_desc .main_wrap .sec.sec_feature .feature_card:nth-child(3) .feature_accent_line {
     width: 15rem;
  }
}


.page_avatar_desc .main_wrap .sec.sec_info .recommendation_section {
   border-radius: 5rem;
   max-width: 140rem;
   margin: 0 auto;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_header {
   text-align: center;
   margin-bottom: 6rem;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_subtitle {
   font-weight: 800;
   font-size: 3.2rem;
   line-height: 1;
   color: #FFB81D;
   margin: 0 0 0.4rem 0;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_title {
   font-weight: 800;
   font-size: 5.2rem;
   line-height: 1.485;
   color: #1F1F1F;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_cards {
   display: flex;
   justify-content: center;
   gap: 4rem;
   max-width: 120rem;
   margin: 0 auto;
}

.page_avatar_desc .main_wrap .sec.sec_info .recommendation_card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1.6rem;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_image {
   border-radius: 2rem;
   overflow: hidden;
   width: 30rem;
   height: 20.2rem;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_text {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.9;
   color: #1F1F1F;
   text-align: left;
   margin: 0;
   width: 100%;
   max-width: 30rem;
}
.page_avatar_desc .main_wrap .sec.sec_info .recommendation_text .yellow{
   color: #FFB81D;
   font-weight: 700;
}


.page_avatar_desc .sec.sec_teacher{
   position: relative;
   background: #4FC4CF;
   padding: 15.5rem 2rem 15rem;
}
.page_avatar_desc .sec.sec_teacher .section-title{
   font-size: 3.2rem;
   font-weight: 800;
   margin-bottom: 2.0rem;
   color: #24A7B4;
}
.page_avatar_desc .sec.sec_teacher .section-sub-title{
   font-size: 5.2rem;
   font-weight: 800;
   color: #fff;
   line-height: 100%;
}
.page_avatar_desc .sec.sec_teacher .teacher_giza.teacher_giza_reversal{
   transform: scale(-1);
}
.page_avatar_desc .sec.sec_teacher .teacher_deco_top{
   content: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/teacher_deco_01.webp);
   position: absolute;
   top: 0;
   right: 0;
   width: 54.1rem;
 }
 .page_avatar_desc .sec.sec_teacher .teacher_deco_bottom{
   content: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/teacher_deco_02.webp);
   position: absolute;
   bottom: 0;
   left: 0;
   width: 31.7rem;
 }
	
.page_avatar_desc .sec.sec_teacher .sec_inner{
   max-width: inherit;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .teacher-title{
   max-width: 40.8rem;
   width: 100%;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .teacher_text{
   max-width: 900px;
   width: 100%;
   margin: 0 auto;
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.9;
   color: #222222;
   text-align: center;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .slider {
   max-width: 114rem;
   width: 100%;
   margin: 17rem auto 0;
}

.page_avatar_desc .sec.sec_teacher .slider .slick-slide{
   margin: 0 1.5rem;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-prev:before,
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-next:before {
   display: none;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-prev,
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-next {
   width: 6.0rem;
   height: 6.0rem;
   top: -5.2rem;
   right: 8rem;
   left: auto;
   z-index: 2;
   background: #FFFF;
   box-shadow: 0px 4px 0px 0px #D7CFB9;
   border-radius: 50%;
   padding: 1.6rem 1.4rem;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slide-arrow.next-arrow{
   right: 0;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-prev {
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/arrow_l.webp) no-repeat center, #FFFFFF;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-next {
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/arrow_r.webp) no-repeat center, #FFFFFF;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots {
   display: flex;
   align-items: center;
   justify-content: start;
   position: absolute;
   top: -11.9rem;
   bottom: auto;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li {
   width: 9.5rem;
   height: 9.5rem;
   margin: 0;
   border-radius: 100%;
   box-sizing: border-box;
   opacity: 40%;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li button {
   font-size: inherit;
   line-height: inherit;
   display: inherit;
   width: 100%;
   height: 100%;
   padding: inherit;
   cursor: pointer;
   color: inherit;
   border: 0;
   outline: none;
   background: transparent;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li button:before {
   content: none;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:not(:first-child) {
   margin-left: 1.5rem;
}

.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li.slick-active{
   opacity: 100%;
}
	
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:first-child.slick-active {
   border: .5rem solid #5BBDF3;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:nth-child(2).slick-active {
   border: .5rem solid #000000;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:nth-child(3).slick-active {
   border: .5rem solid #4AC770;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:nth-child(4).slick-active {
   border: .5rem solid #FFC00F;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:nth-child(5).slick-active {
   border: .5rem solid #F22951;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:nth-child(6).slick-active {
   border: .5rem solid #008F82;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li:last-child.slick-active {
   border: .5rem solid #FC3737;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-dots li img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
}
.page_avatar_desc .sec.sec_teacher .sec_inner .slider .slick-list{
   margin-left: auto;
   margin-right: auto;
}
.character_card{
   background: #fff;
   border-radius: 5.0rem;
   padding: 5.0rem;
}
.character_card.active {
   opacity: 1;
   visibility: visible;
}
.character_info {
   display: flex;
   align-self: stretch;
   gap: 5rem;
   margin-bottom: 3.2rem;
   min-height: 46.5rem;
}
.character_image_container {
   position: relative;
   width: 28.5rem;
   height: 41rem;
   flex-shrink: 0;
}
.character_image_container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   border-radius: 2rem;
}
.character_image_container .video_button {
   position: absolute;
   bottom: 1.5rem;
   right: 1.5rem;
   width: 6rem;
   height: 6rem;
   background: #FFB81D;
   border: none;
   border-radius: 5rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0.4rem 0 0 rgba(220, 157, 18, 1);
   transition: all 0.3s ease;
}
.character_image_container .video_button:hover {
   transform: translateY(0.2rem);
   box-shadow: 0 0.2rem 0 0 rgba(220, 157, 18, 1);
}
.character_image_container .video_icon {
   width: 3rem;
   height: 3rem;
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/video.svg);
   margin-left: 0.3rem;
}
.character_details {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 1.6rem;
}
.character_intro {
   display: flex;
   flex-direction: column;
   gap: 1.6rem;
}
.character_tagline {
   border-bottom: 0.3rem dashed #37B8FF;
   padding-bottom: 1rem;
   width: 35rem;
}
.tagline_text {
   font-weight: 500;
   font-size: 2rem;
   line-height: 1.485;
   color: #1F1F1F;
   margin: 0;
   text-align: left;
}
.character_name {
   display: flex;
   align-items: baseline;
   gap: 1.6rem;
}
.name_english {
   font-weight: 800;
   font-size: 6rem;
   line-height: 1.485;
   color: #37B8FF;
   margin: 0;
}
.name_japanese {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.485;
   color: #000000;
   margin: 0;
}
.description_text {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.9;
   color: #000000;
   margin: 0;
   text-align: left;
}
.character_profile {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 2.4rem;
   width: 93.2rem;
   margin: 0 auto;
}
.profile_item {
   display: flex;
   align-items: center;
   gap: 2.4rem;
}
.profile_label {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 19.2rem;
   height: auto;
   min-height: 6rem;
   background: #37B8FF;
   color: #FFFFFF;
   font-weight: 800;
   font-size: 1.8rem;
   line-height: 1.485;
   text-align: center;
   border-radius: 5rem;
   padding: .6rem 2.4rem;
   margin: 0;
}
.profile_value {
   font-weight: 400;
   font-size: 1.8rem;
   line-height: 1.485;
   color: #000000;
   margin: 0;
   width: 22rem;
   text-align: left;
   word-break: keep-all;
}
.character_actions {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 3.2rem;
}
.lesson_button {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.4rem;
   background: #FFB81D;
   color: #FFFFFF;
   font-weight: 800;
   font-size: 2.2rem;
   line-height: 1;
   text-align: center;
   text-decoration: none;
   border-radius: 10rem;
   padding: 2.4rem 4.8rem;
   box-shadow: 0 0.4rem 0 0 rgba(220, 157, 18, 1);
   transition: all 0.3s ease;
}
.lesson_button:hover {
   transform: translateY(0.2rem);
   box-shadow: 0 0.2rem 0 0 rgba(220, 157, 18, 1);
}
.button_text {
   width: 30rem;
   color: #fff;
   font-size: 2.2rem;
}
.button_arrow {
   width: 2.2rem;
   height: 2.2rem;
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/avatar_btn_arrow.svg);
}


.character_card[data-character="teddy"] .profile_label {
   background: #37B8FF;
}
.character_card[data-character="lucky"] .profile_label {
   background: #777777;
}
.character_card[data-character="fanfan"] .profile_label {
   background: #4AC770;
}
.character_card[data-character="tarsier"] .profile_label {
   background: #FFC00F;
}
.character_card[data-character="birdie"] .profile_label {
   background: #F22951;
}
.character_card[data-character="giraffie"] .profile_label {
   background: #008F82;
}
.character_card[data-character="dash"] .profile_label {
   background: #FC3737;
}
.character_card[data-character="teddy"] .character_tagline {
   border-bottom-color: #37B8FF;
}
.character_card[data-character="lucky"] .character_tagline {
   border-bottom-color: #777777;
}
.character_card[data-character="fanfan"] .character_tagline {
   border-bottom-color: #4AC770;
}
.character_card[data-character="tarsier"] .character_tagline {
   border-bottom-color: #FFC00F;
}
.character_card[data-character="birdie"] .character_tagline {
   border-bottom-color: #F22951;
}
.character_card[data-character="giraffie"] .character_tagline {
   border-bottom-color: #008F82;
}
.character_card[data-character="dash"] .character_tagline {
   border-bottom-color: #FC3737;
}

.character_card[data-character="teddy"] .name_english {
   color: #37B8FF;
}
.character_card[data-character="lucky"] .name_english {
   color: #777777;
}
.character_card[data-character="fanfan"] .name_english {
   color: #4AC770;
}
.character_card[data-character="tarsier"] .name_english {
   color: #FFC00F;
}
.character_card[data-character="birdie"] .name_english {
   color: #F22951;
}
.character_card[data-character="giraffie"] .name_english {
   color: #008F82;
}
.character_card[data-character="dash"] .name_english {
  color: #FC3737;
}

@media (max-width: 1200px) {
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_card {
     width: 100rem;
     padding: 3rem 6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_info {
     gap: 6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_profile {
     width: 80rem;
  }
}

@media (max-width: 768px) {
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_icons {
     gap: 1rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_icon {
     width: 7rem;
     height: 7rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_card {
     width: 90%;
     padding: 2rem 3rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_info {
     flex-direction: column;
     gap: 3rem;
     text-align: center;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_image_container {
     align-self: center;
     width: 25rem;
     height: 36rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_profile {
     grid-template-columns: 1fr;
     width: 100%;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .profile_item {
     flex-direction: column;
     text-align: center;
     gap: 1rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .profile_label {
     width: 100%;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .profile_value {
     width: 100%;
     text-align: center;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .teachers_title {
     font-size: 3.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .name_english {
     font-size: 4rem;
  }
}

@media (max-width: 480px) {
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_icons {
     flex-wrap: wrap;
     justify-content: center;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_icon {
     width: 6rem;
     height: 6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_card {
     padding: 1.5rem 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .character_image_container {
     width: 20rem;
     height: 29rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .teachers_title {
     font-size: 2.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .name_english {
     font-size: 3rem;
  }
  
  .page_avatar_desc .main_wrap .sec.sec_teachers .lesson_button {
     padding: 2rem 3rem;
     font-size: 1.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_teachers .button_text {
     width: 25rem;
  }
}

.page_avatar_desc .main_wrap .sec.sec_voice .voice_header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.8rem;
   margin-bottom: 6rem;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_title_section {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.4rem;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_subtitle {
   font-weight: 800;
   font-size: 3.2rem;
   line-height: 1;
   color: #FFB81D;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_title {
   font-weight: 800;
   font-size: 5.2rem;
   line-height: 1.485;
   color: #1F1F1F;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_question {
   display: flex;
   align-items: center;
   gap: 0.4rem;
   width: 49.5rem;
}
.page_avatar_desc .main_wrap .sec.sec_voice .question_mark {
   font-weight: 800;
   font-size: 2.8rem;
   line-height: 1.357;
   color: #FFB412;
   margin: 0;
   flex-shrink: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .question_text {
   font-weight: 500;
   font-size: 2rem;
   line-height: 1.9;
   color: #1F1F1F;
   margin: 0;
   text-align: left;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_content {
   display: flex;
   justify-content: center;
   gap: 8rem;
   max-width: 140rem;
   margin: 0 auto;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_card {
   display: flex;
   flex-direction: column;
   gap: 1.6rem;
   width: 56rem;
   border-radius: 0 0 1.5rem 1.5rem;
   overflow: hidden;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_video {
   position: relative;
   width: 100%;
   height: 31.5rem;
}
.page_avatar_desc .main_wrap .sec.sec_voice .video_thumbnail {
   position: relative;
   width: 100%;
   height: 100%;
   border-radius: 3rem;
   overflow: hidden;
}
.page_avatar_desc .main_wrap .sec.sec_voice .video_thumbnail iframe {
   width: 100%;
   height: 100%;
   border: none;
   display: block;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_details {
   display: flex;
   flex-direction: column;
   gap: 1.6rem;
   padding: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_header_info {
   display: flex;
   align-items: center;
   gap: 1.6rem;
}
.page_avatar_desc .main_wrap .sec.sec_voice .user_icon {
   width: 6rem;
   height: 6rem;
   border-radius: 50%;
   object-fit: cover;
   flex-shrink: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_category {
   font-weight: 800;
   font-size: 1.8rem;
   line-height: 1.333;
   color: #FFB81D;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_quote {
   font-weight: 800;
   font-size: 2.8rem;
   line-height: 1.643;
   color: #000000;
   margin: 0;
   text-align: left;
}
.page_avatar_desc .main_wrap .sec.sec_voice .voice_description {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.9;
   color: #1F1F1F;
   margin: 0;
   text-align: left;
   width: 56rem;
}

@media (max-width: 1200px) {
  .page_avatar_desc .main_wrap .sec.sec_voice {
     padding: 10rem 5rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_content {
     gap: 6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_card {
     width: 50rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_description {
     width: 50rem;
  }
}

@media (max-width: 768px) {
  .page_avatar_desc .main_wrap .sec.sec_voice {
     padding: 8rem 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_header {
     margin-bottom: 4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_subtitle {
     font-size: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_title {
     font-size: 3.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_question {
     width: 100%;
     max-width: 40rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .question_text {
     font-size: 1.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_content {
     flex-direction: column;
     align-items: center;
     gap: 4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_card {
     width: 100%;
     max-width: 45rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_video {
     height: 25rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_description {
     font-size: 1.8rem;
     width: 100%;
  }
}

@media (max-width: 480px) {
  .page_avatar_desc .main_wrap .sec.sec_voice {
     padding: 6rem 1.5rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_subtitle {
     font-size: 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_title {
     font-size: 2.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .question_mark {
     font-size: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .question_text {
     font-size: 1.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_card {
     max-width: 35rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_video {
     height: 20rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_voice .voice_description {
     font-size: 1.6rem;
  }
}

.page_avatar_desc .main_wrap .sec.sec_review {
   background: #94A8FF;
   position: relative;
   overflow: hidden;
}
.page_avatar_desc .sec.sec_review .sec_inner .review_deco_top{
   content: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/review_deco_01.webp);
   position: absolute;
   top: 0;
   right: 0;
   width: 47.9rem;
}
.page_avatar_desc .sec.sec_review .sec_inner .review_deco_btm{
   content: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/review_deco_02.webp);
   position: absolute;
   bottom: 0;
   left: 0;
   width: 37.8rem;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider{
   width: 100%;
   margin: 7.0rem auto 12.0rem;
   max-width: 120rem;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slider-item {
   display: flex;
   align-items: center;
   margin: 0 auto;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-slide{
   margin: 0 1.0rem;
   max-width: 380px;
   width: 100%;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-list{
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.page_avatar_desc .main_wrap .sec.sec_review .review_title_section {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.4rem;
   margin-bottom: 0.8rem;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_subtitle {
   font-weight: 800;
   font-size: 3.2rem;
   line-height: 1;
   color: #7388E4;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_title {
   font-weight: 800;
   font-size: 5.2rem;
   line-height: 1.485;
   color: #FFFFFF;
   margin: 0;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_description {
   font-weight: 500;
   font-size: 2rem;
   line-height: 1.9;
   color: #FFFFFF;
   margin: 0 0 0.8rem 0;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-prev:before,
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-next:before {
   display: none;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-prev,
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-next {
   width: 6.0rem;
   height: 6.0rem;
   top: -5.2rem;
   right: 8rem;
   left: auto;
   background: #FFFF;
   box-shadow: 0px 4px 0px 0px #D7CFB9;
   border-radius: 50%;
   padding: 1.6rem 1.4rem;
   z-index: 2;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slide-arrow.next-arrow{
   right: 0;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-prev {
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/arrow_l.webp) no-repeat center, #FFFFFF;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-next {
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/arrow_r.webp) no-repeat center, #FFFFFF;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-dots {
   display: flex;
   align-items: center;
   justify-content: start;
   position: absolute;
   bottom: -6.0rem;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-dots li {
   width: 14.2rem;
   height: .8rem;
   margin: 0;
   box-sizing: border-box;
   background: #BBC7FF;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-dots li button {
   line-height: inherit;
   display: inherit;
   width: 100%;
   height: 100%;
   padding: inherit;
   cursor: pointer;
   color: inherit;
   border: 0;
   outline: none;
   background: transparent;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-dots li button:before {
   content: none;
}
.page_avatar_desc .sec.sec_review .sec_inner .slider .slick-dots li.slick-active {
   background: #FFB81D;
   border-radius: .3rem;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_slider::-webkit-scrollbar {
   display: none;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_cards {
   display: flex;
   gap: 3.2rem;
   padding: 0 36rem;
   height: 100%;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_card {
   flex: 0 0 38rem;
   background: #FFFFFF;
   border-radius: 3rem;
   padding: 3.2rem;
   display: flex;
   flex-direction: column;
   gap: 2.4rem;
   height: fit-content;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_teacher {
   display: flex;
   align-items: center;
   gap: 2.4rem;
   width: 31.6rem;
   height: 8rem;
}
.page_avatar_desc .main_wrap .sec.sec_review .teacher_photo {
   width: 8rem;
   height: 8rem;
   border-radius: 50%;
   object-fit: cover;
   flex-shrink: 0;
   border: 0.1rem solid #DDDDDD;
}
.page_avatar_desc .main_wrap .sec.sec_review .teacher_name {
   font-weight: 800;
   font-size: 3.2rem;
   line-height: 1.3;
   color: #1F1F1F;
   margin: 0;
   flex: 1;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_text {
   font-weight: 400;
   font-size: 2rem;
   line-height: 1.9;
   color: #1F1F1F;
   margin: 0;
   text-align: left;
   height: 19rem;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}
.page_avatar_desc .main_wrap .sec.sec_review .review_pagination {
   position: relative;
   z-index: 2;
   width: 120rem;
   height: 0.8rem;
   margin: 0 auto;
   margin-top: 6rem;
}
.page_avatar_desc .main_wrap .sec.sec_review .pagination_track {
   position: absolute;
   top: 0.2rem;
   left: 0;
   width: 100%;
   height: 0.4rem;
   background: #BBC7FF;
   border-radius: 0.25rem;
}
.page_avatar_desc .main_wrap .sec.sec_review .pagination_progress {
   position: absolute;
   top: 0;
   left: 0;
   width: 14.2rem;
   height: 0.8rem;
   background: #FFB81D;
   border-radius: 0.55rem;
   transition: left 0.3s ease;
}

@media (max-width: 1200px) {
  .page_avatar_desc .main_wrap .sec.sec_review .review_cards {
     padding: 0 20rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_card {
     flex: 0 0 35rem;
  }
}

@media (max-width: 768px) {
  .page_avatar_desc .main_wrap .sec.sec_review .review_subtitle {
     font-size: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_title {
     font-size: 3.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_description {
     font-size: 1.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_cards {
     padding: 0 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_card {
     flex: 0 0 30rem;
     padding: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .teacher_name {
     font-size: 2.4rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_text {
     font-size: 1.8rem;
     height: 17rem;
  }
}

@media (max-width: 480px) {
  .page_avatar_desc .main_wrap .sec.sec_review .review_subtitle {
     font-size: 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_title {
     font-size: 2.8rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_description {
     font-size: 1.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_card {
     flex: 0 0 25rem;
     padding: 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_teacher {
     width: 21rem;
     gap: 1.6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .teacher_photo {
     width: 6rem;
     height: 6rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .teacher_name {
     font-size: 2rem;
  }
  .page_avatar_desc .main_wrap .sec.sec_review .review_text {
     font-size: 1.6rem;
     height: 15rem;
  }
}

.page_avatar_desc .sec.sec_faq .sec_inner{
   max-width:100rem;
   width:100%;
   padding: 5rem 0 4rem;
   margin:0 auto;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_title {
   font-weight: 800;
   font-size: 5.2rem;
   line-height: 1.485;
   color: #1F1F1F;
   margin: 0;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_subtitle {
   font-weight: 800;
   font-size: 3.2rem;
   line-height: 1;
   color: #FFB81D;
   margin: 0 0 0.4rem 0;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item{
   border-radius: 3.0rem;
   padding: 4rem 3rem;
   box-sizing: border-box;
   border: .2rem solid #D7CFB9;
   background: #fff;
   box-shadow: 0rem .4rem 0rem 0rem #D7CFB9;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item:not(:last-child){
   margin-bottom: 5rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item:last-child{
   margin-bottom: 15rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question{
   display:flex;
   align-items: center;
   justify-content:space-between;
   box-sizing: border-box;
   cursor: pointer;
   gap: 2.4rem;
   width: 92rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_question{
   width: 4rem;
   margin: 0;
   height: 3.8rem;
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/icon_q.svg) no-repeat center;
   background-size: contain;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .faq_question_text{
   max-width: 81.1rem;
   width:100%;
   color: #222222;
   text-align: left;
   font-size:2.5rem;
   line-height:calc(50 / 25);
   font-family:"M PLUS Rounded 1c";
   font-weight:bold;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block{
   width: 4rem;
   height: 4rem;
   position: relative;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block.open{
   width: 2rem;
   height: 4rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block::before,
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block::after{
   content: "";
   position: absolute;
   width: 2rem;
   height: .4rem;
   background: #FFB412;
   border-radius: 2rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block::after{
   width: .4rem;
   height: 2rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block.open::before,
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block.open::after{
   width: 2rem;
   height: .4rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_question .icon_block.open::after{
   display: none;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_answer{
   display: none
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_answer .faq_item_answer_inner{
   align-items: flex-start;
   justify-content: space-between;
   background: #FFFFFF;
   border-radius: 0rem 0rem 1.8rem 1.8rem;
   box-sizing: border-box;
   display:flex;
   height: auto;
   padding-top: 4rem;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_answer .icon_answer{
   width:4rem;
   margin: 0;
   height: 3.8rem;
   background: url(https://assets.nativecamps.com/user/webroot/images/index/avatar_teacher/icon_a.svg) no-repeat center;
   background-size: contain;
}
.page_avatar_desc .sec.sec_faq .sec_inner .faq_items .faq_item .faq_item_answer .faq_answer_text{
   max-width: 86.9rem;
   width: 100%;
   color: #1F1F1F;
   text-align: left;
   font-size: 2rem;
   line-height: calc(38 / 20);
   font-weight: 400;
}
html:lang(vi) .character_info {
   min-height: 57.4rem;
}
html:lang(pt-br) .character_info {
  min-height: 50.6rem;
}

/* NJ-42965 Fix */
.banner_wrap_right {
   display: flex;
   justify-content: flex-end;
   position: relative;
   z-index: 1;
}
.banner_wrap_left {
   display: grid;
   justify-content: left;
   position: absolute;
   top: 0;
   row-gap: 243px;
   z-index: 0;
}
.banner_images {
   position: absolute;
   top: 9rem;
   right: 0;
   width: 52.7%;
   height: auto;
   z-index: -1;
}
.banner_text_top {
   display: flex;
   align-items: center;
   gap: 1.5rem;
}
p.banner_text_circle {
   width: 14.1rem;
   height: 14.1rem;
   background: #FFB81D;
   border-radius: 50%;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}
p.banner_text_circle > span {
   font-weight: 800;
   font-size: 2.4rem;
   line-height: 100%;
   width: 96px;
   color: #FFFFFF;
   transform: rotate(-7.33deg);
   line-height: 3.2rem;
}
p.banner_text1 {
   font-weight: 800;
   font-size: 4rem;
   line-height: 100%;
   color: #1F1F1F;
}
p.banner_text2,
p.banner_text2 > span {
   font-weight: 800;
   font-size: 12rem;
   line-height: 100%;
   color: #FFB81D;
   -webkit-text-stroke: 1rem white;
   paint-order: stroke fill;
   width: max-content;
}
.banner_wrap_text {
   position: relative;
   left: 7.5rem;
   top: -8.5rem;
   width: 77.6rem;
}
.banner_text_bottom {
   position: absolute;
   top: 11.5rem;
   left: 5.7rem;
}
.banner_images > img {
   width: 100%;
   height: auto; 
   display: block;
}
img.avatars_char {
   display: block;
   justify-items: right;
   right: 0;
   top: 5rem;
}
.banner_wrap_left .bnr_icon .book {
   position: absolute;
}
.banner_wrap_text.pt-br .banner_text_circle > span,
html:lang(vi) .banner_wrap_text .banner_text_circle > span {
   font-size: 1.3rem;
   width: 12.2rem;
   line-height: 1.2;
}
.banner_wrap_text.pt-br p.banner_text1 {
   font-size: 3.1rem;
   font-family: 'Noto Sans';
}
.banner_wrap_text.pt-br p.banner_text2 {
   font-size: 8rem;
   font-family: 'Noto Sans';
}
.banner_wrap_text.pt-br .banner_text_bottom {
   top: 10.2rem;
}
.page_avatar_desc .page_inner .banner_wrap_text.pt-br .bnr_icon .icon_bulb {
   right: -9.5rem;
   top: -1.8rem;
}
/* NJ-42965 Fix */