/* Extracted from css/theme.css — hero / home-hero-slider / global-hero / hero-banner / study abroad card. Parent markup uses .home-page for scoped rules. */
.home-page .swiper-pagination-bullet{border-radius:999px;-moz-transition:all ease 0.2s;-o-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;}.home-page .swiper-pagination-bullet-active{background:#294563;width:28px;}.home-page .iot-grbt.-arrow,.home-page .iot-grbt.-white-arrow{width:fit-content;height:52px;font-size:16px;gap:16px;overflow:hidden;margin:0;text-transform:uppercase;}@media (max-width:767px){.home-page .iot-grbt.-arrow,.home-page .iot-grbt.-white-arrow{height:44px;font-size:14px;}}.home-page .iot-grbt.-arrow{padding:0 0 0 36px;}@media (max-width:767px){.home-page .iot-grbt.-arrow{padding:0 0 0 20px;}}.home-page .iot-grbt.-white-arrow{padding:0 0 0 36px;border:1px solid var(--icon-illustration-listening,#32B3C7);color:var(--icon-illustration-primary,#294563);background:#fff;}@media (max-width:767px){.home-page .iot-grbt.-white-arrow{padding:0 0 0 20px;}}.home-page .iot-grbt.-white-arrow:hover{box-shadow:0 16px 34px rgba(48,68,97,0.16),0 6px 14px rgba(48,68,97,0.1),0 10px 22px rgba(92,177,196,0.18),0 0 0 1px rgba(92,177,196,0.22) inset;}.home-page .iot-grbt.-white-arrow .ioticon-arrow-up2{margin-right:-1px;background-color:#fff;border:1px solid var(--icon-illustration-listening,#32B3C7);}@media (max-width:767px){.home-page .iot-grbt{font-size:14px;}}.home-page .iot-grbt .ioticon-arrow-up2{display:flex;width:52px;height:52px;padding:4px;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1;flex-shrink:0;border-radius:50%;background:#4C7BAE;transform:rotate(45deg);font-size:18px;}@media (max-width:767px){.home-page .iot-grbt .ioticon-arrow-up2{width:44px;height:44px;}}.home-page .hero-title{font-size:60px;font-style:normal;font-weight:600;text-align:center;max-width:1400px;line-height:150%;margin:4rem 0 8px;}@media (min-width:768px) and (max-width:1024px){.home-page .hero-title{font-size:42px;}}@media (min-width:768px) and (max-width:991px){.home-page .hero-title{font-size:36px;}}@media (max-width:767px){.home-page .hero-title{font-size:24px;margin:1rem 0 8px;}}.home-page .hero-title.-font-md{font-size:48px;}@media (min-width:768px) and (max-width:1024px){.home-page .hero-title.-font-md{font-size:38px;}}@media (min-width:768px) and (max-width:991px){.home-page .hero-title.-font-md{font-size:30px;}}@media (max-width:767px){.home-page .hero-title.-font-md{font-size:24px;}}.home-page .hero-title .-font-md{font-size:48px;}@media (min-width:768px) and (max-width:1024px){.home-page .hero-title .-font-md{font-size:38px;}}@media (min-width:768px) and (max-width:991px){.home-page .hero-title .-font-md{font-size:30px;}}@media (max-width:767px){.home-page .hero-title .-font-md{font-size:24px;}}.home-page .hero-title .-font-sm{font-size:32px;}@media (min-width:768px) and (max-width:991px){.home-page .hero-title .-font-sm{font-size:28px;}}@media (max-width:767px){.home-page .hero-title .-font-sm{font-size:20px;}}.home-page .hero-title strong{color:#ca0e1b;font-weight:600;text-transform:uppercase;}.home-page .hero-title-cn{font-size:60px;font-style:normal;font-weight:600;text-align:center;max-width:1140px;line-height:150%;margin:1.3rem 0 4px;text-transform:uppercase;}@media (min-width:768px) and (max-width:991px){.home-page .hero-title-cn{font-size:48px;}}@media (max-width:767px){.home-page .hero-title-cn{font-size:24px;}}.home-page .hero-caption{color:var(--Text-Body-2,#051b36);font-size:20px;font-weight:400;text-align:center;}@media (min-width:768px) and (max-width:991px){.home-page .hero-caption{font-size:16px;}}@media (max-width:767px){.home-page .hero-caption{font-size:14px;}}.home-page .hero-caption-cn{color:var(--Text-Body-3,#9A9A9A);text-align:center;font-size:20px;font-weight:400;}@media (max-width:767px){.home-page .hero-caption-cn{font-size:14px;}}.home-page .section-title{font-size:48px;margin:0 0 5px;font-weight:500;text-align:center;}@media (min-width:768px) and (max-width:1024px){.home-page .section-title{font-size:36px;}}@media (min-width:768px) and (max-width:991px){.home-page .section-title{font-size:32px;}}@media (max-width:767px){.home-page .section-title br{display:none;}}@media (max-width:767px){.home-page .section-title br.break-mobile{display:block;}}.home-page .section-title.-left{text-align:left;}.home-page .section-title strong{color:#32B4C8;font-weight:500;}@media (max-width:767px){.home-page .section-title{font-size:24px;}}.home-page .section-caption{color:var(--Text-Body-2,#505050);text-align:center;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;margin:0 auto;}@media (max-width:767px){.home-page .section-caption{font-size:12px;max-width:calc(100% - 4rem) !important;}}.home-page .section-caption.-left{text-align:left;margin-left:0;padding-left:0;max-width:100% !important;}.home-page .swiper-button-next:after,.home-page .swiper-button-prev:after{font-family:"iot-fonts" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0.4;color:#fff;font-size:60px;-moz-transition:all ease 0.2s;-o-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;}@media (max-width:767px){.home-page .swiper-button-next:after,.home-page .swiper-button-prev:after{font-size:40px;}}.home-page .swiper-button-prev:after,.home-page .swiper-rtl .swiper-button-next:after{content:"\e9ca";display:flex;flex-shrink:0;width:52px;height:52px;padding:4px;justify-content:center;align-items:center;border-radius:50%;background:var(--Listening-5,#D6F0F4);color:#32B3C7;opacity:1;font-size:22px;transform:rotate(-90deg);}@media (max-width:767px){.home-page .swiper-button-prev:after,.home-page .swiper-rtl .swiper-button-next:after{width:40px;height:40px;font-size:16px;}}.home-page .swiper-button-next:after,.home-page .swiper-rtl .swiper-button-prev:after{content:"\e9ca";display:flex;flex-shrink:0;width:52px;height:52px;padding:4px;justify-content:center;align-items:center;border-radius:50%;background:var(--Listening-5,#D6F0F4);color:#32B3C7;opacity:1;font-size:22px;transform:rotate(90deg);}@media (max-width:767px){.home-page .swiper-button-next:after,.home-page .swiper-rtl .swiper-button-prev:after{width:40px;height:40px;font-size:16px;}}.home-page .swiper-iot-next,.home-page .swiper-iot-prev{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #294563;}.home-page .swiper-iot-next:after,.home-page .swiper-iot-prev:after{content:"\ea29";font-size:18px;color:#294563;opacity:1;}.home-page .swiper-iot-prev:after{content:"\ea28";}.home-page .swiper-button-next:hover:after,.home-page .swiper-button-prev:hover:after{opacity:1;}@media (max-width:767px){.home-page .section{padding:4rem 0;}}@media (max-width:767px){.home-page .home-hero-slider .iot-grbt{white-space:nowrap;gap:8px;padding:0 0 0 20px;font-size:12px;}}.home-page .home-hero-slider .typed-cursor{font-weight:400;opacity:0.4;color:#32B4C8;}.home-page .home-hero-slider .swiper-wrapper{padding-bottom:25.1rem;}@media (min-width:768px) and (max-width:1024px){.home-page .home-hero-slider .swiper-wrapper{padding-bottom:18rem;}}@media (min-width:768px) and (max-width:991px){.home-page .home-hero-slider .swiper-wrapper{padding-bottom:6rem;}}@media (max-width:767px){.home-page .home-hero-slider .swiper-wrapper{padding-bottom:0;}}.home-page .home-hero-slider .swiper-slide-active .global-hero__btns{-webkit-animation-duration:1500ms;animation-duration:1500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:300ms;animation-delay:300ms;}.home-page .home-hero-slider .gift-countdown{display:flex;align-items:center;justify-content:center;background:url(../../images/hero-background/giveaway-background.svg) center no-repeat;background-size:100% 100%;width:100%;height:100%;cursor:pointer;}.home-page .home-hero-slider .gift-countdown:before{content:"";position:absolute;display:inline-block;width:62%;height:2000px;left:50%;top:-5%;transform:translate(-50%,0);background:url(../../images/hero-stars-bg.svg) top center no-repeat;background-size:100% auto;z-index:1;pointer-events:none;}.home-page .home-hero-slider .gift-countdown__contents{position:relative;z-index:9;width:100%;max-width:784px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:32px;border-radius:40px;border:2px solid rgba(255,255,255,0.5);background:var(--gradient-listening,linear-gradient(180deg,#33B2C7 0%,#268695 100%));box-shadow:0px 4px 20px 0px rgba(41,69,99,0.16);}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__contents{flex-direction:column;gap:5rem;border-radius:0;box-shadow:none;border:none;padding:32px 15px;height:100%;}}.home-page .home-hero-slider .gift-countdown__contents:after{content:"";position:absolute;display:inline-block;width:140px;height:149px;right:-6.5%;bottom:0;background:url(../../images/hero-character.svg) top center no-repeat;background-size:contain;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__contents:after{right:-11.5%;bottom:-8%;}}.home-page .home-hero-slider .gift-countdown__lottery{display:flex;gap:16px;justify-content:center;margin-bottom:24px;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__share-img{max-width:66px;}}.home-page .home-hero-slider .gift-countdown__list{margin-bottom:8px;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__list{display:grid;grid-template-columns:auto auto;width:max-content;gap:1rem 2rem;}}.home-page .home-hero-slider .gift-countdown__list li{font-size:30px;font-weight:600;font-family:"Montserrat",Helvetica,Arial,sans-serif;display:flex;position:relative;align-items:flex-start;color:#fff;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__list li{font-size:18px;}}.home-page .home-hero-slider .gift-countdown__list li:before{content:"";position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;top:16px;margin-right:6px;flex-shrink:0;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__list li:before{width:5px;height:5px;top:10px;}}.home-page .home-hero-slider .gift-countdown__col-left{width:65%;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__col-left{width:100%;}}.home-page .home-hero-slider .gift-countdown__col-right{padding:32px;border-radius:24px;background:rgba(255,255,255,0.8);box-shadow:0px 4px 10px 0px rgba(255,255,255,0.3);backdrop-filter:blur(50px);text-align:center;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__col-right{padding:15px;}}.home-page .home-hero-slider .gift-countdown__title{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 4px;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__title{font-size:22px;}}.home-page .home-hero-slider .gift-countdown__desc{font-size:18px;font-weight:400;color:#282828;margin-bottom:16px;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__desc{font-size:16px;margin-bottom:6px;}}.home-page .home-hero-slider .gift-countdown__end-in{color:#282828;font-size:12px;font-weight:400;margin-bottom:4px;}.home-page .home-hero-slider .gift-countdown__btn{width:max-content;height:44px;padding:0px 20px;gap:8px;font-size:16px;margin-top:32px;}.home-page .home-hero-slider .gift-countdown__label{width:152px;height:89px;font-size:0;color:transparent;position:absolute;z-index:6;text-align:center;top:50%;left:50%;transform:translate(-56%,-35%);background:url(../../images/gift-label-text-bg.svg) center no-repeat;background-size:contain;}@media (max-width:767px){.home-page .home-hero-slider .gift-countdown__label{width:96px;transform:translate(-56%,-95%);}}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper{display:flex;justify-content:center;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper .flip{box-shadow:none;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul{width:20px;height:40px;line-height:40px;background-color:transparent;margin:0;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.even{left:2px;z-index:9;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.even li a div div.inn{border-top-left-radius:4px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.even li a div.down{border-bottom-left-radius:4px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.odd{right:2px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.odd li a div div.inn{border-top-right-radius:4px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul.odd li a div.down{border-bottom-right-radius:4px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul li{line-height:40px;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul li a div.up:after{top:19px;background-color:rgba(41,69,99,0.13);}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul li a div div.inn{border-radius:0;font-size:24px;background-color:#294563;color:#fff;}.home-page .home-hero-slider .gift-countdown .flip-clock-wrapper ul li a div.down{border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.home-page .home-hero-slider .gift-countdown .flip-clock-divider{height:40px;margin:0px -3px;}.home-page .home-hero-slider .gift-countdown .flip-clock-divider .flip-clock-label{right:-24px;color:#282828;top:initial;bottom:-1.9rem;font-size:12px;}.home-page .home-hero-slider .gift-countdown .flip-clock-divider.minutes .flip-clock-label{right:-24px;}.home-page .home-hero-slider .gift-countdown .flip-clock-divider.seconds .flip-clock-label{right:-24px;}.home-page .home-hero-slider .gift-countdown .flip-clock-dot{width:4px;height:4px;background:#294563;left:7px;}.home-page .home-hero-slider .gift-countdown .flip-clock-dot.top{top:12px;}.home-page .home-hero-slider .gift-countdown .flip-clock-dot.bottom{bottom:12px;}.home-page .home-hero-slider .hero-ferris{width:189.4px;position:absolute;left:50%;top:26.6%;-webkit-animation:spin 20s linear infinite;animation:spin 20s linear infinite;z-index:-1;}.home-page .home-hero-slider .swiper-button-next,.home-page .home-hero-slider .swiper-rtl .swiper-button-prev{right:26px;top:38%;}.home-page .home-hero-slider .swiper-button-prev,.home-page .home-hero-slider .swiper-rtl .swiper-button-next{left:26px;top:38%;}@media (max-width:767px){.home-page .home-hero-slider .swiper-button-prev,.home-page .home-hero-slider .swiper-rtl .swiper-button-next,.home-page .home-hero-slider .swiper-button-next,.home-page .home-hero-slider .swiper-rtl .swiper-button-prev{display:none;}}.home-page .home-hero-slider .swiper-slide-active .bFadeIn{animation-name:fadeIn;}.home-page .home-hero-slider .swiper-slide-active .bFadeInUp{animation-name:fadeInUp;}.home-page .home-hero-slider .swiper-slide-active .bFadeInLeft{animation-name:fadeInLeft;}.home-page .home-hero-slider .swiper-slide-active .bFadeInRight{animation-name:fadeInRight;}.home-page .home-hero-slider .swiper-slide-active .bBounceInLeft{animation-name:bounceInLeft;}.home-page .home-hero-slider .swiper-slide-active .bBounceInRight{animation-name:bounceInRight;}.home-page .home-hero-slider .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center center;color:#fff;display:flex;justify-content:center;position:relative;overflow:initial;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(50,179,199,0.12) 100%),url(../../img/hero-elipse-bg.svg) center bottom no-repeat;}.home-page .home-hero-slider .swiper-pagination{display:none;}@media (max-width:767px){.home-page .home-hero-slider .swiper-pagination{display:block;position:relative;margin-top:1rem;}}.home-page .global-hero{width:100%;display:flex;flex-direction:column;align-items:center;height:520px;padding:0 16px;}@media (max-width:767px){.home-page .global-hero{height:386px;overflow:hidden;padding:0 10px;}}@media (max-width:767px){.home-page .global-hero br.break-desktop:not(.break-mobile){display:none;}}.home-page .global-hero br.break-mobile:not(.break-desktop){display:none;}@media (max-width:767px){.home-page .global-hero br.break-mobile:not(.break-desktop){display:block;}}@media (max-width:767px){.home-page .global-hero.-platform .hero-banner{width:auto;min-width:100%;max-width:calc(100% + 20px);margin-top:auto;margin-left:-10px;margin-right:-10px;}}@media (max-width:767px){.home-page .global-hero.-platform .hero-banner__img{height:auto;max-width:fit-content;width:100%;}}@media (max-width:767px){.home-page .global-hero.-platform .global-hero__title{margin-top:4rem;}}@media (min-width:768px) and (max-width:991px){.home-page .global-hero.-ai-cn .global-hero__tags{margin-top:8px;}}@media (min-width:768px) and (max-width:991px){.home-page .global-hero.-ai-cn .hero-banner{margin-top:1rem;}}@media (max-width:767px){.home-page .global-hero.-ai-cn .hero-banner{width:auto;min-width:100%;max-width:calc(100% + 20px);margin-top:auto;margin-left:-10px;margin-right:-10px;}}@media (max-width:767px){.home-page .global-hero.-ai-cn .hero-banner__img{height:auto;max-width:fit-content;width:100%;}}.home-page .global-hero.-partner.-vn .hero-banner{margin-top:2.5rem;}@media (max-width:767px){.home-page .global-hero.-partner.-vn .hero-banner{margin-top:1rem;}}@media (max-width:767px){.home-page .global-hero.-partner.-vn .hero-title{margin-top:1.2rem;}}@media (max-width:767px){.home-page .global-hero.-partner.-vn .hero-banner__img{max-width:68%;}}.home-page .global-hero.-partner .hero-title{margin-top:5.2rem;}@media (max-width:767px){.home-page .global-hero.-partner .hero-title{margin-top:2.2rem;}}.home-page .global-hero.-plane{padding:9.8rem 0;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero.-plane{padding:3.8rem 0;}}@media (max-width:767px){.home-page .global-hero.-plane{padding:1.6rem 0;}}@media (max-width:767px){.home-page .global-hero.-plane .studyabroad-card__title{font-size:20px;}}@media (max-width:767px){.home-page .global-hero.-ielts-books .global-hero__title strong{font-size:20px;}}@media (max-width:767px){.home-page .global-hero.-ielts-books .hero-banner__col-right{position:relative;top:-4rem;max-width:50%;right:-31%;z-index:-5;display:none;}}.home-page .global-hero .dot{width:4px;height:4px;border-radius:50%;background-color:#32B3C7;display:inline-flex;margin:0 8px;}.home-page .global-hero__cards{display:flex;align-items:center;gap:28px;margin-top:2rem;}@media (max-width:767px){.home-page .global-hero__cards{gap:8px;align-items:stretch;margin-top:6px;}}.home-page .global-hero__card-item{display:flex;padding:8px 16px;align-items:center;gap:16px;border-radius:16px;background:#FFF;box-shadow:0 8px 20px 0 rgba(41,69,99,0.1);position:relative;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero__card-item{gap:8px;}}@media (max-width:767px){.home-page .global-hero__card-item{gap:6px;padding:8px;}}.home-page .global-hero__card-icon-wrap{width:72px;height:72px;position:relative;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero__card-icon-wrap{width:50px;height:50px;}}@media (max-width:767px){.home-page .global-hero__card-icon-wrap{width:40px;height:40px;}}.home-page .global-hero__card-icon{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}@media (max-width:767px){.home-page .global-hero__card-icon{object-fit:initial;}}.home-page .global-hero__card-icon.-shadow{filter:drop-shadow(0 8px 20px rgba(41,69,99,0.1));}.home-page .global-hero__card-title{font-size:24px;font-weight:700;margin:0;}@media (max-width:767px){.home-page .global-hero__card-title{font-size:16px;}}.home-page .global-hero__card-desc{color:var(--System-Black-2,#787878);font-size:14px;font-weight:400;text-align:center;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero__card-desc{font-size:12px;}}@media (max-width:767px){.home-page .global-hero__card-desc{font-size:11px;text-align:left;}}.home-page .global-hero__tags{display:flex;align-items:center;gap:20px;margin-top:2.8rem;}@media (max-width:767px){.home-page .global-hero__tags{gap:8px;margin-top:1.8rem;}}.home-page .global-hero__tag{display:flex;height:40px;padding:16px;justify-content:center;align-items:center;gap:4px;border-radius:100px;border:2px solid #FFF;background:rgba(214,240,244,0.3);backdrop-filter:blur(10px);font-size:14px;color:var(--icon-illustration-primary,#294563);position:relative;}@media (max-width:767px){.home-page .global-hero__tag{font-size:10px;}}.home-page .global-hero__tag::before{content:"";display:inline-block;width:8px;height:8px;background-color:#FC0;border-radius:50%;flex-shrink:0;}.home-page .global-hero__btns{display:flex;gap:16px;justify-content:center;margin-top:2rem;}@media (max-width:767px){.home-page .global-hero__btns{margin-top:1.6rem;gap:8px;}}.home-page .global-hero .studyabroad-card{max-width:744px;margin-left:auto;position:relative;right:-10%;}@media (min-width:768px) and (max-width:1024px){.home-page .global-hero .studyabroad-card{right:0;margin:0 auto;width:100%;}}@media (min-width:768px) and (max-width:991px){.home-page .global-hero .studyabroad-card{right:0;}}@media (max-width:767px){.home-page .global-hero .studyabroad-card{right:initial;}}.home-page .global-hero .studyabroad-card__contents{display:flex;padding:3rem 6rem;flex-direction:column;align-items:center;gap:32px;align-self:stretch;border-radius:30px;border:1px solid #FFF;background:rgba(255,255,255,0.3);backdrop-filter:blur(4px);}@media (min-width:768px) and (max-width:1024px){.home-page .global-hero .studyabroad-card__contents{padding:2rem 4rem;}}@media (min-width:768px) and (max-width:991px){.home-page .global-hero .studyabroad-card__contents{gap:2rem;padding:2rem 4rem;}}@media (max-width:767px){.home-page .global-hero .studyabroad-card__contents{padding:16px;}}.home-page .global-hero .studyabroad-card__title{font-size:40px;text-transform:uppercase;margin:0;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero .studyabroad-card__title{font-size:36px;}}@media (max-width:767px){.home-page .global-hero .studyabroad-card__title{font-size:24px;}}.home-page .global-hero .studyabroad-card__countries{display:flex;flex-wrap:wrap;gap:2rem;max-width:552px;justify-content:center;}@media (min-width:768px) and (max-width:991px){.home-page .global-hero .studyabroad-card__countries{gap:1.6rem;}}@media (max-width:767px){.home-page .global-hero .studyabroad-card__countries{gap:1rem;}}.home-page .global-hero .studyabroad-card__country-item{display:flex;padding:8px 24px;justify-content:center;align-items:center;border-radius:16px;background:var(--Pure-White,#FFF);box-shadow:0 8px 20px 0 rgba(41,69,99,0.1);gap:15px;font-size:16px;font-weight:400;color:#294563;text-transform:uppercase;height:64px;-moz-transition:all ease 0.2s;-o-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;}@media (max-width:767px){.home-page .global-hero .studyabroad-card__country-item{padding:4px 10px;height:48px;font-size:11px;gap:8px;}}.home-page .global-hero .studyabroad-card__country-item:hover{color:#fff;background:var(--Gradient-Primary,linear-gradient(180deg,#294563 0%,#172636 100%));box-shadow:0 4px 4px 0 rgba(157,155,155,0.25);}.home-page .global-hero .studyabroad-card__country-img{width:48px;height:31.448px;}@media (max-width:767px){.home-page .global-hero .studyabroad-card__country-img{width:auto;height:18px;}}.home-page .hero-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:-16rem;margin-top:3rem;position:relative;}@media (max-width:767px){.home-page .hero-banner{margin-bottom:0;}}.home-page .hero-banner.-plane{position:absolute;left:50%;transform:translateX(-69%);top:-5%;pointer-events:none;z-index:-1;}@media (min-width:768px) and (max-width:1024px){.home-page .hero-banner.-plane{transform:translateX(-65%);}}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner.-plane{transform:translateX(-56%);}}@media (max-width:767px){.home-page .hero-banner.-plane{transform:translate(-24%,63%);z-index:-1;top:2%;left:0;}}.home-page .hero-banner.-partner{margin-top:5rem;}@media (max-width:767px){.home-page .hero-banner.-partner{margin-top:1rem;}}.home-page .hero-banner.-partner.-vn{margin-top:2.5rem;}.home-page .hero-banner.-students{margin-top:-1rem;}@media (max-width:767px){.home-page .hero-banner.-students{margin-top:auto;}}.home-page .hero-banner.-ielts-books{flex-direction:row;margin-top:3.8rem;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner.-ielts-books{display:grid;grid-template-columns:1fr 0.7fr;margin-top:6.8rem;}}@media (max-width:767px){.home-page .hero-banner.-ielts-books{flex-direction:column;margin-top:8px;}}.home-page .hero-banner.-ielts-books .global-hero__btn{margin-top:5.2rem;}@media (max-width:767px){.home-page .hero-banner.-ielts-books .global-hero__btn{margin:1.2rem auto 0;}}.home-page .hero-banner__sm-title{color:var(--Text-Headline,#294563);font-size:20px;font-weight:600;}.home-page .hero-banner__book-infos{display:flex;flex-direction:column;gap:6px;}.home-page .hero-banner__info-item{color:var(--Text-Headline,#294563);font-size:20px;font-style:italic;display:flex;gap:8px;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__info-item{font-size:18px;}}@media (max-width:767px){.home-page .hero-banner__info-item{font-size:12px;}}.home-page .hero-banner__info-item:before{content:"";width:20px;height:23px;background:url(../../images/star-icon.svg) center no-repeat;background-size:contain;}.home-page .hero-banner__img{border-radius:40px;}@media (max-width:767px){.home-page .hero-banner__img{border-radius:0;}}.home-page .hero-banner__cloud-bg{max-width:initial;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__cloud-bg{max-width:816px;}}@media (max-width:767px){.home-page .hero-banner__cloud-bg{max-width:100%;opacity:0.7;}}.home-page .hero-banner__plane-wrapper{position:absolute;z-index:10;will-change:transform,opacity;perspective:900px;opacity:0;left:1%;visibility:hidden;transform:translate3d(-80px,55px,0) scale(0.35) rotateZ(-6deg) rotateY(14deg);}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__plane-wrapper{bottom:-59%;max-width:62%;}}.home-page .hero-banner__plane-wrapper.is-leave{visibility:visible;opacity:1;animation:flyOut 0.6s ease-out forwards;}.home-page .hero-banner__plane-wrapper.is-leave .hero-banner__plane-float,.home-page .hero-banner__plane-wrapper.is-leave .hero-banner__plane-bank{animation:none !important;}.home-page .hero-banner__plane-img,.home-page .hero-banner__plane-float,.home-page .hero-banner__plane-bank{will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;}.home-page .hero-banner__plane-float,.home-page .hero-banner__plane-bank{animation:none;}.home-page .hero-banner__plane-img{width:100%;display:block;transform-origin:50% 60%;}.home-page .hero-banner__text-card{padding:16px;white-space:pre-wrap;position:absolute;border-radius:16px;border:1px solid #FFF;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);text-align:center;}@media (max-width:767px){.home-page .hero-banner__text-card{padding:8px;border-radius:8px;font-size:10px;}}.home-page .hero-banner__text-card.-item-1{top:36%;left:25%;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__text-card.-item-1{left:10%;}}@media (max-width:767px){.home-page .hero-banner__text-card.-item-1{left:6%;}}.home-page .hero-banner__text-card.-item-2{bottom:17.2%;right:18%;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__text-card.-item-2{right:10%;}}@media (max-width:767px){.home-page .hero-banner__text-card.-item-2{right:6%;}}.home-page .hero-banner__text-card.-item-3{max-width:319px;bottom:17%;left:28%;text-align:center;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__text-card.-item-3{bottom:20%;left:9%;}}@media (max-width:767px){.home-page .hero-banner__text-card.-item-3{left:3%;}}.home-page .hero-banner__text-card.-item-4{display:flex;align-items:center;top:28%;right:14.9%;}@media (min-width:768px) and (max-width:991px){.home-page .hero-banner__text-card.-item-4{top:13%;right:7.9%;}}@media (max-width:767px){.home-page .hero-banner__text-card.-item-4{right:3%;}}.home-page .hero-banner__text-bold{font-size:24px;}@media (max-width:767px){.home-page .hero-banner__text-bold{font-size:12px;}}.home-page .section-caption{position:relative;width:fit-content;padding:0 6px;}.home-page .section-caption.-hz-line::before{content:"";display:inline-block;width:60px;height:2px;position:absolute;right:100%;top:12px;background:linear-gradient(135deg,#fff 0%,#32B3C7 100%);background-blend-mode:overlay;background-size:cover;}@media (max-width:767px){.home-page .section-caption.-hz-line::before{width:28px;height:1px;}}.home-page .section-caption.-hz-line::after{content:"";display:inline-block;width:60px;height:2px;position:absolute;left:100%;top:12px;background:linear-gradient(135deg,#32B3C7 0%,#fff 100%);background-blend-mode:overlay;background-size:cover;}@media (max-width:767px){.home-page .section-caption.-hz-line::after{width:28px;height:1px;}}

/* Hero nav arrows: theme CSS used iot-fonts + private-use glyph — font is not bundled here.
   Swiper ships `swiper-icons` (loaded via swiper-bundle.min.css); use its ligatures on the hero only. */
.home-page .home-hero-slider .swiper-button-next:after,
.home-page .home-hero-slider .swiper-button-prev:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-next:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-prev:after {
  font-family: swiper-icons !important;
  opacity: 1 !important;
  text-transform: none !important;
  letter-spacing: 0;
  transform: none !important;
}
.home-page .home-hero-slider .swiper-button-prev:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-next:after {
  content: "prev" !important;
}
.home-page .home-hero-slider .swiper-button-next:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-prev:after {
  content: "next" !important;
}

/* ---------- Missing pieces vs full IOT theme (Bootstrap-safe CTAs + animation keyframes) ---------- */

.home-page .iot-grbt,
.home-page a.iot-grbt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 100px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

/* ---------- Brand-aligned CTAs (primary Start = heading green, secondary outline) ---------- */

.home-page {
  --hero-btn-primary: var(--heading-color, #172624);
  --hero-btn-primary-hover: #0f1a18;
  --hero-btn-teal: #09947d;
}

.home-page .iot-grbt:focus-visible {
  outline: 2px solid var(--hero-btn-teal);
  outline-offset: 3px;
}

.home-page .iot-grbt.-arrow {
  color: var(--contrast-color, #fff) !important;
  background: var(--hero-btn-primary);
  box-shadow: 0 8px 20px rgba(23, 38, 36, 0.22);
}

.home-page .iot-grbt.-arrow:hover {
  color: var(--contrast-color, #fff) !important;
  background: var(--hero-btn-primary-hover);
  box-shadow: 0 12px 28px rgba(23, 38, 36, 0.32);
  transform: translateY(-1px);
}

.home-page .iot-grbt.-white-arrow {
  border: 2px solid var(--hero-btn-primary) !important;
  color: var(--hero-btn-primary) !important;
  background: #fff !important;
}

.home-page .iot-grbt.-white-arrow:hover {
  color: var(--contrast-color, #fff) !important;
  background: var(--hero-btn-primary) !important;
  box-shadow: 0 8px 24px rgba(23, 38, 36, 0.28);
}

.home-page .iot-grbt.-white-arrow:hover .ioticon-arrow-up2::after {
  border-color: #fff;
}

.home-page .iot-grbt.-arrow .ioticon-arrow-up2 {
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.home-page .iot-grbt.-white-arrow .ioticon-arrow-up2 {
  background-color: #fff !important;
  border: 1px solid var(--hero-btn-primary) !important;
}

.home-page .iot-grbt.-white-arrow:hover .ioticon-arrow-up2 {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Icon font not bundled — draw arrow inside circular chip */
.home-page .iot-grbt .ioticon-arrow-up2 {
  transform: none !important;
  font-size: 0 !important;
  color: transparent !important;
  position: relative;
}

.home-page .iot-grbt .ioticon-arrow-up2::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}

.home-page .iot-grbt .ioticon-arrow-up2::after {
  border-color: #fff;
}

.home-page .iot-grbt.-white-arrow .ioticon-arrow-up2::after {
  border-color: var(--hero-btn-primary);
}

.home-page .home-hero-slider .swiper-pagination-bullet-active {
  background: var(--hero-btn-primary) !important;
}

.home-page .home-hero-slider .swiper-button-prev:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-next:after,
.home-page .home-hero-slider .swiper-button-next:after,
.home-page .home-hero-slider .swiper-rtl .swiper-button-prev:after {
  background: rgba(9, 148, 125, 0.12) !important;
  color: var(--hero-btn-teal) !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-28px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(28px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from {
    opacity: 0;
    transform: translate3d(-48px, 0, 0);
  }
  55% {
    opacity: 1;
    transform: translate3d(8px, 0, 0);
  }
  75% {
    transform: translate3d(-4px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from {
    opacity: 0;
    transform: translate3d(48px, 0, 0);
  }
  55% {
    opacity: 1;
    transform: translate3d(-8px, 0, 0);
  }
  75% {
    transform: translate3d(4px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*
 * Plane motion — verbatim from resources/views/ieltsnew/css/theme.css (homepage hero).
 * Entrance: flyIn 2.4s; idle: hoverFloat + bankWing after 1.8s; exit: flyOut (see .is-leave in hero extract above).
 */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: translate3d(-80px, 55px, 0) scale(0.35) rotateZ(-6deg) rotateY(14deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotateZ(0deg) rotateY(0deg);
  }
}

@keyframes flyOut {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1) rotateZ(0deg) rotateY(0deg);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(20px, -10px, 0) scale(1.1);
  }
}

@keyframes hoverFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -12px, 0);
  }
}

@keyframes bankWing {
  from {
    transform: rotateZ(-3deg) rotateY(-5deg);
  }
  to {
    transform: rotateZ(3deg) rotateY(5deg);
  }
}

.home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-wrapper:not(.is-leave) {
  visibility: visible;
  opacity: 1;
  animation: flyIn 2.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-float {
  animation: hoverFloat 3s ease-in-out infinite;
  animation-delay: 1.8s;
  animation-fill-mode: both;
}

.home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-bank {
  animation: bankWing 4s ease-in-out infinite alternate;
  animation-delay: 1.8s;
  animation-fill-mode: both;
}

.home-page .home-hero-slider .swiper-slide:not(.swiper-slide-active) .hero-banner.-plane .hero-banner__plane-wrapper:not(.is-leave) {
  opacity: 0 !important;
  visibility: hidden !important;
}

.home-page .home-hero-slider .swiper-slide:not(.swiper-slide-active) .hero-banner.-plane .hero-banner__plane-float,
.home-page .home-hero-slider .swiper-slide:not(.swiper-slide-active) .hero-banner.-plane .hero-banner__plane-bank {
  animation: none !important;
}

.home-page .hero-banner__plane-wrapper.is-leave .hero-banner__plane-float,
.home-page .hero-banner__plane-wrapper.is-leave .hero-banner__plane-bank {
  animation: none !important;
}

.home-page .hero-banner__plane-wrapper.is-leave {
  visibility: visible !important;
}

.home-page .home-hero-slider .swiper-slide-active .global-hero.-plane .studyabroad-card__contents {
  animation: fadeInUp 0.85s ease both;
  animation-delay: 0.08s;
}

.home-page .home-hero-slider .swiper-slide:not(.swiper-slide-active) .global-hero.-plane .studyabroad-card__contents {
  animation: none !important;
}

.home-page .home-hero-slider .swiper-slide:not(.swiper-slide-active) .global-hero__btns {
  animation: none !important;
}

/* Laravel template: section.hero.section uses overflow clip */
#hero.hero:has(.home-hero-slider),
section.hero.section:has(.home-hero-slider) {
  overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
  .home-page .home-hero-slider .swiper-slide-active .global-hero__btns,
  .home-page .home-hero-slider .swiper-slide-active .bFadeIn,
  .home-page .home-hero-slider .swiper-slide-active .bFadeInUp,
  .home-page .home-hero-slider .swiper-slide-active .bFadeInLeft,
  .home-page .home-hero-slider .swiper-slide-active .bFadeInRight,
  .home-page .home-hero-slider .swiper-slide-active .bBounceInLeft,
  .home-page .home-hero-slider .swiper-slide-active .bBounceInRight {
    animation: none !important;
  }

  .home-page .home-hero-slider .swiper-slide-active .global-hero.-plane .studyabroad-card__contents {
    animation: none !important;
  }

  .home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-wrapper,
  .home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-float,
  .home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-bank {
    animation: none !important;
  }

  .home-page .swiper-slide-active .hero-banner.-plane .hero-banner__plane-wrapper:not(.is-leave) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) scale(1) rotateZ(0deg) rotateY(0deg);
  }

  .home-page .home-hero-slider .hero-ferris {
    animation: none !important;
  }

  .home-page .hero-banner__plane-wrapper.is-leave {
    animation: none !important;
  }
}

/* Hero CTAs above overlapping banner images (negative margin on .hero-banner) */
.home-page .global-hero {
  position: relative;
  isolation: isolate;
}

.home-page .global-hero__title,
.home-page .global-hero__cap,
.home-page .global-hero__btns,
.home-page .global-hero .studyabroad-card {
  position: relative;
  z-index: 3;
}

.home-page .global-hero__btn,
.home-page a.global-hero__btn.iot-grbt,
.home-page a.hide-by_country.global-hero__btn.iot-grbt.-arrow {
  position: relative;
  z-index: 4;
}

.home-page .hero-banner:not(.-plane) {
  z-index: 1;
}