@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Slabo+27px&display=swap";*{font-family:Inter,sans-serif}:root{--color-pink: #e88ec6;--color-mint: #69dfe1;--color-yellow: #f6c964}body{font-family:Inter,sans-serif}a{text-decoration:none}ul li{list-style:none}.admin__header,.admin__sider,.admin__content{border:1px solid rgb(189,187,187)}.admin__layout{display:flex;height:100vh}.admin__layout .admin__sider{width:15%;height:100vh;background:linear-gradient(135deg,#5c6ff4,#e870c2);padding:0 10px;display:flex;flex-direction:column;justify-content:space-between}.admin__layout .admin__sider .admin__avatar{width:100%;height:150px;text-align:center;padding:30px 0}.admin__layout .admin__sider .admin__avatar img{width:150px;height:150px;object-fit:contain;border-radius:50%;border:5px dashed #f6c964;background-color:#e88ec6;overflow:hidden}.admin__layout .admin__sider ul{font-size:18px;background:transparent;margin-top:70px}.admin__layout .admin__sider ul li{color:#f9fbfd;margin:10px}.admin__layout .admin__sider ul svg{font-size:20px;margin-right:15px}.admin__layout .admin__sider ul .ant-menu-item-selected{background-color:#e88ec6;color:#000}.admin__layout .admin__sider .button__logout{margin-bottom:30px;font-size:18px;color:#ff69b4}.admin__layout .admin__main{width:85%;height:100vh;display:flex;flex-direction:column}.admin__layout .admin__main .admin__header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.admin__layout .admin__main .admin__header .admin__logo{width:120px;height:100%}.admin__layout .admin__main .admin__header .admin__logo img{width:100%;height:100%;object-fit:cover}.admin__layout .admin__main .admin__header .button__home{color:#ff69b4;font-size:18px;border:1px solid #ff69b4}.admin__layout .admin__main .admin__header .admin__icon-nofitication{color:#f6c964;font-size:30px;cursor:pointer}.admin__layout .admin__main .admin__content{padding:30px;background-color:#f9fbfd;flex:1;display:flex;flex-direction:column;height:550px}.responsive-container{padding:0 350px}.responsive-container-2{padding:0 230px}@media (max-width: 1600px){.responsive-container{padding:0 230px}}@media (max-width: 1200px){.responsive-container,.responsive-container-2{padding:0 100px}}@media (max-width: 768px){.responsive-container,.responsive-container-2{padding:0 10px}}.header{position:fixed;width:100%;z-index:1000;padding-top:20px}.header .header__wrap{display:flex;justify-content:space-between;align-items:center;border-radius:55px;padding:0 45px;background-color:#fff;box-shadow:0 4px 15px #0003}.header .header__wrap .header__logo{width:120px;height:auto}.header .header__wrap .header__logo img{width:100%;height:100%;object-fit:cover}.header .header__wrap ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.header .header__wrap ul li a{text-decoration:none;font-size:18px;font-weight:500;color:#000;transition:color .3s}.header .header__wrap ul li a:hover,.header .header__wrap ul li a.active{color:#e88ec6}.header .header__wrap .header__auth{display:flex;gap:20px;align-items:center}.header .header__wrap .header__auth p{font-size:18px;cursor:pointer}.header .header__wrap .header__auth .header__button-login{background-color:#69dfe1;color:#fff}.header .header__wrap .header__auth .header__button-register{background-color:#ff69b4;color:#fff}.header .header__wrap .header__auth .header__button-admin{font-size:18px;color:#ff69b4;border:1px solid #ff69b4}.header__icon svg{font-size:24px;color:#f6c964;cursor:pointer;margin-right:15px}.header .header__wrap .header__auth .header__button-login,.header .header__wrap .header__auth .header__button-register{padding:7px 20px;font-size:19px;font-weight:500;cursor:pointer;border-radius:25px}.header .header__wrap .header__auth .header__button-login:hover,.header .header__wrap .header__auth .header__button-register:hover{background-color:#f6c964;color:#000}.footer .footer__top{background:linear-gradient(135deg,#5c6ff4,#e870c2);padding:20px 0}.footer .footer__top ul{display:flex;justify-content:center;gap:50px;margin:0}.footer .footer__top ul li{display:flex;gap:15px;font-size:18px;font-weight:600;margin:0}.footer .footer__top ul li p{margin:0}.footer .footer__main{display:flex;justify-content:space-evenly;background-color:#1c1c24;padding:30px 10px}.footer .footer__main .about-us{margin-right:20px;width:300px}.footer .footer__main .about-us h1{font-size:20px;color:#fff;margin-bottom:20px}.footer .footer__main .about-us .list-box{background-color:#69dfe1;width:200px;height:10px;border-radius:15px;margin-bottom:20px}.footer .footer__main .about-us ul{list-style-type:none;padding:0;display:flex;flex-direction:column}.footer .footer__main .about-us ul li{margin-bottom:10px}.footer .footer__main .about-us ul li a{color:#fff}.footer .footer__main .about-us ul li a:hover{color:#f6c964}.footer .footer__main .about-us ul li p{color:#fff;margin-bottom:0}.footer .footer__bottom{background-color:#16171f;display:flex;align-items:center;padding:10px 110px;color:#fff}@media (max-width: 992px){.footer__main{flex-wrap:wrap;justify-content:center}.footer__main .about-us{width:45%;margin-bottom:20px}}@media (max-width: 768px){.footer__top ul{flex-direction:column;align-items:center;gap:15px}.footer__main{flex-direction:column;align-items:center}.footer__main .about-us{width:100%;text-align:center;margin-bottom:20px}.footer__main .about-us .list-box{margin:0 auto 20px}.footer__bottom{padding:10px;font-size:14px}}.blog__item .blog__writer{display:flex;gap:20px;align-items:flex-start}.blog__item .blog__writer .avatar{width:80px;height:80px;background-color:#e88ec6;border-radius:50%;border:5px dashed #f6c964}.blog__item .blog__writer .avatar img{width:100%;height:100%;object-fit:cover}.blog__item .blog__writer .name{margin-bottom:5px;font-weight:700;font-size:18px}.blog__item .blog__writer .time{color:gray}.blog__item .blog__title{margin:20px 0;font-size:25px;font-weight:600}.blog__item .blog__content{font-size:18px;margin-bottom:15px}.blog__item .blog__image{position:relative;margin:30px auto;width:630px;height:630px}.blog__item .blog__image img{border-radius:15px;object-fit:cover;width:100%;height:100%;display:block;z-index:0}.blog__item .blog__image .prev,.blog__item .blog__image .next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.blog__item .blog__image .prev i,.blog__item .blog__image .next i{font-size:30px;cursor:pointer;background-color:#f6c964;border-radius:50%;padding:10px}.blog__item .blog__image .prev{left:-45px}.blog__item .blog__image .next{right:-45px}.blog__item .blog__tag{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.blog__item .blog__tag li{background-color:#c4d1e9;padding:3px 7px;color:#00f;border-radius:15px;display:inline-block}.blog__item .blog__react{margin:30px 0 0;font-size:20px;display:flex;gap:15px;align-items:center;cursor:pointer}.class__card{background-color:#f6c964;padding:20px;cursor:pointer;border-radius:10px;color:#000;font-weight:600;width:150px;text-align:center;font-size:20px}.exercise__item{border:1px solid rgb(156,154,154);padding:15px;border-radius:15px;margin:15px 0;transition:transform .3s ease,box-shadow .3s ease;height:300px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.exercise__item .exercise__icon{display:flex;align-items:center;gap:15px;color:gray;margin-bottom:5px}.exercise__item .exercise__icon p{margin:0}.exercise__item h3{font-size:20px;font-weight:600}.exercise__item .exercise__tag{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;overflow:scroll;scrollbar-width:none}.exercise__item .exercise__tag p{background-color:#f2f8fe;padding:5px;border-radius:20px;margin-bottom:3px}.exercise__item .button__delete{position:absolute;top:5px;right:5px;border:1px solid black;border-radius:5px;cursor:pointer;font-size:18px;padding:5px}.exercise__item .button__detail{text-align:center;border-radius:2px;margin:20px 0 0;padding:5px 10px;cursor:pointer;background-color:#f6c964}.exercise-detail-2 .exercise-detail__wrap{display:flex;gap:150px;margin-bottom:15px}.exercise-detail-2 .exercise-detail__wrap .exercise-detail__icon{display:flex;align-items:center;gap:15px}.exercise-detail-2 .exercise-detail__wrap .exercise-detail__tag{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.exercise-detail-2 .exercise-detail__wrap .exercise-detail__tag p{background-color:#f2f8fe;padding:5px;border-radius:20px;margin-bottom:3px}.permission__list{display:flex;flex-wrap:wrap;gap:20px}.permission__list .permission__card{border-radius:10px;box-shadow:0 6px 15px #0003;padding:20px;margin-bottom:10px;width:32%}.permission__list .permission__card .permission__item{border:1px solid rgb(202,197,197);padding:10px 20px;margin-bottom:10px;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.permission__list .permission__card .permission__item .permission__commom{display:flex;gap:30px;align-items:center}.permission__list .permission__card .permission__item .permission__commom .permission__method{color:green;font-weight:700;font-size:18px}.permission__list .permission__card .permission__item .permission__commom h3{margin:0}.permission__list .permission__card .permission__item .permission__commom p{margin:0;width:270px}.permission__list .permission__card .permission__item .permission__action{display:flex;gap:5px;flex-direction:column}.role__list{display:flex;gap:15px;flex-wrap:wrap}.role__list .role__card{display:flex;gap:30px;align-items:center;border-radius:10px;box-shadow:0 6px 15px #0003;padding:20px;margin-bottom:20px;width:25%}.role__list .role__card .role__icon{font-size:30px}.role__list .role__card h2{margin-bottom:0}.role__list .role__card .role__action{display:flex;flex-direction:column;gap:10px}.forgot__wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#5c6ff4,#e870c2);padding:20px}.forgot__wrap .login{background:#fff;padding:40px 50px;border-radius:15px;box-shadow:0 10px 25px #00000026;width:550px;position:relative;animation:fadeInUp .6s ease}.forgot__wrap .login h2{text-align:center;text-transform:uppercase;margin-bottom:40px;font-size:28px;font-weight:700;color:#333;letter-spacing:1px}.forgot__wrap .login .login__form .login__item{display:flex;flex-direction:column;margin-bottom:25px}.forgot__wrap .login .login__form .login__item label{font-size:18px;margin-bottom:8px;font-weight:500;color:#555}.forgot__wrap .login .login__form .login__item input{font-size:16px;border-radius:8px;border:1px solid #ddd;outline:none;transition:.3s ease}.forgot__wrap .login .login__form .login__item input:focus{border-color:#5c6ff4;box-shadow:0 0 6px #5c6ff44d}.forgot__wrap .login .login__form .forgot-passsword{text-align:right;cursor:pointer;margin:10px 0 30px;font-size:15px;color:#666;transition:.3s}.forgot__wrap .login .login__form .forgot-passsword:hover{color:#e870c2}.forgot__wrap .login .login__form .login__button{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:2}.forgot__wrap .login .login__form .login__button button{background:linear-gradient(135deg,#f6c964,#f09a3e);border:none;padding:12px 15px;border-radius:8px;width:100%;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;color:#fff;transition:.3s}.forgot__wrap .login .login__form .login__button button:hover{background:linear-gradient(135deg,#f09a3e,#e870c2);transform:translateY(-2px);box-shadow:0 5px 12px #00000026}.forgot__wrap .login .login__form .login__button p{font-size:15px;cursor:pointer;color:#5c6ff4;font-weight:500;transition:.3s}.forgot__wrap .login .login__form .login__button p:hover{text-decoration:underline;color:#e870c2}.forgot__wrap .login .login__logo{margin-top:40px;text-align:center}.forgot__wrap .login .login__logo img{width:150px;height:auto;opacity:.9;transition:.3s}.forgot__wrap .login .login__logo img:hover{opacity:1;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login__wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#5c6ff4,#e870c2);position:fixed;width:100%;padding:20px}.login__wrap .login{background-color:#fff;padding:40px 30px 20px;border-radius:12px;box-shadow:0 6px 15px #0003;width:100%;max-width:550px;position:relative}.login__wrap .login h2{text-align:center;text-transform:uppercase;margin-bottom:40px;font-size:28px}@media (min-width: 768px){.login__wrap .login h2{font-size:35px}}.login__wrap .login .login__form{margin-bottom:30px}.login__wrap .login .login__form .login__item{margin-bottom:15px}.login__wrap .login .login__form .login__item label,.login__wrap .login .login__form .login__item input{font-size:16px}.login__wrap .login .login__form .forgot-passsword{text-align:right;cursor:pointer;margin:15px 0 30px;font-size:15px}.login__wrap .login .login__form .forgot-passsword:hover{color:red}.login__wrap .login .login__form .login__button{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.login__wrap .login .login__form .login__button button{background:linear-gradient(135deg,#f6c964,#f09a3e);border:none;padding:12px 15px;border-radius:8px;width:100%;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;color:#fff;transition:.3s}.login__wrap .login .login__form .login__button button:hover{background:linear-gradient(135deg,#f09a3e,#e870c2);transform:translateY(-2px);box-shadow:0 5px 12px #00000026}.login__wrap .login .login__form .login__button p{font-size:14px;cursor:pointer;color:#5c6ff4;font-weight:500;text-align:center}.login__wrap .login .login__form .login__button p:hover{text-decoration:underline;color:#e870c2}.login__wrap .login .login__logo{width:100%;height:auto;margin:30px 0;text-align:center}.login__wrap .login .login__logo img{width:140px;height:auto}@media (min-width: 768px){.login__wrap .login .login__logo img{width:180px}}.register__wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#5c6ff4,#e870c2);position:fixed;width:100%}.register__wrap .register{background-color:#fff;padding:50px 50px 0;border-radius:10px;box-shadow:0 6px 15px #0003;width:1500px;position:relative}.register__wrap .register h2{text-align:center;text-transform:uppercase;margin:0 0 30px;font-size:35px}.register__wrap .register .register__form{margin-bottom:30px;width:100%}.register__wrap .register .register__form .register__container{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.register__wrap .register .register__form .register__item{height:auto;margin-bottom:50px;width:100%}.register__wrap .register .register__form .register__item p{font-size:18px;font-weight:500;margin-bottom:30px}.register__wrap .register .register__form .register__item label{font-size:16px;text-align:left}.register__wrap .register .register__form .register__item input{font-size:16px}@media (min-width: 768px){.register__wrap .register .register__form .register__item{width:calc(33.333% - 13px)}}.register__wrap .register .register__form .register__button{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:2}.register__wrap .register .register__form .register__button button{background:linear-gradient(135deg,#f6c964,#f09a3e);border:none;padding:12px 15px;border-radius:8px;width:100%;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;color:#fff;transition:.3s}.register__wrap .register .register__form .register__button button:hover{background:linear-gradient(135deg,#f09a3e,#e870c2);transform:translateY(-2px);box-shadow:0 5px 12px #00000026}.register__wrap .register .register__form .register__button p{font-size:15px;cursor:pointer;color:#5c6ff4;font-weight:500;transition:.3s}.register__wrap .register .register__form .register__button p:hover{text-decoration:underline;color:#e870c2}.register__wrap .register .register__logo{width:100%;height:auto;margin:50px 0;text-align:center}.register__wrap .register .register__logo img{width:180px;height:auto}@media (min-width: 768px){.register__wrap .register .register__logo img{width:180px}}.square--yellow{width:60px;height:60px;position:absolute;background-color:#f6c964;top:0;left:0;z-index:0}.square--blue{width:40px;height:40px;position:absolute;background-color:#69dfe1;top:10;left:10;z-index:1}.square--pink{width:60px;height:60px;position:absolute;background-color:#e88ec6;bottom:0;right:0;z-index:0}.square--yellow-2{width:40px;height:40px;position:absolute;background-color:#f6c964;bottom:30px;right:30px;z-index:0}.about-us__section-1{padding:120px 0 0;background:linear-gradient(135deg,#5c6ff4,#e870c2)}.about-us__section-1 .section-1__wrap{display:flex;justify-content:space-between;align-items:center;gap:50px;z-index:2}.about-us__section-1 .section-1__wrap h1{font-family:Montserrat,sans-serif;font-size:60px;color:#fff;font-weight:700;line-height:1.4;margin-bottom:40px;text-shadow:1px 1px 4px rgba(0,0,0,.3);text-transform:uppercase}.about-us__section-1 .section-1__wrap h3{font-size:25px;color:#f0e7ff;font-weight:400;margin-bottom:40px;text-shadow:1px 1px 3px rgba(0,0,0,.2);width:700px}.about-us__section-1 .section-1__wrap .button__study{display:inline-block;background-color:#ff69b4;color:#fff;padding:14px 28px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff69b466}.about-us__section-1 .section-1__wrap .button__study:hover{background-color:#f6c964;box-shadow:0 6px 18px #ff69b480;transform:translateY(-2px)}.about-us__section-2{padding:100px 0;margin-bottom:100px}.about-us__section-2 .section-2__box{background-color:#e88ec6;padding:30px 10px;margin-right:5px;height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-us__section-2 .section-2__box h1{margin-bottom:15px;font-weight:700;color:#fff}.about-us__section-2 .section-2__box p{font-weight:700;font-size:18px}.about-us__section-3{background-color:#f6c964;padding:80px 0 200px}.about-us__section-3 .section-3__wrap h1{font-weight:600;margin-bottom:200px;color:#fff;font-size:60px}.about-us__section-3 .section-3__wrap .section-3__card{background-color:#fff;padding:0 20px 20px;border-radius:15px;height:550px;display:flex;justify-content:center;flex-direction:column;align-items:center;border:5px solid #e88ec6}.about-us__section-3 .section-3__wrap .section-3__card .card__image{width:300px;height:300px;margin-top:-200px;border-radius:50%;border:5px solid #e88ec6}.about-us__section-3 .section-3__wrap .section-3__card .card__image img{width:100%;height:100%;border-radius:50%;object-fit:cover}.about-us__section-3 .section-3__wrap .section-3__card .ci--1{margin-top:50px;margin-bottom:-200px}.about-us__section-3 .section-3__wrap .section-3__card .card__title{font-size:20px}.about-us__section-3 .section-3__wrap .section-3__card .card__script{font-size:18px;line-height:1.4}.about-us__section-4{padding:100px 0}.about-us__section-4 .section-4__wrap{display:flex;align-items:center;gap:30px}.about-us__section-4 .section-4__wrap .section-4__image{flex:1 1 48%;border-radius:16px;overflow:hidden}.about-us__section-4 .section-4__wrap .section-4__image img{width:100%;height:100%;display:block;object-fit:cover}.about-us__section-4 .section-4__wrap .section-4__content{flex:1 1 52%;font-size:18px;line-height:1.7;color:#444;margin:0}.about-us__section-5{margin-top:150px}.about-us__section-5 .section-5__wrap{display:flex;gap:25px;align-items:center}.about-us__section-5 .section-5__content{width:45%;padding:30px}.about-us__section-5 .section-5__content h1{margin-bottom:18px;padding:0 0 30px;border-bottom:2px solid #e88ec6;font-weight:700;text-transform:uppercase}.about-us__section-5 .section-5__content p{text-align:justify;font-size:16px;padding:20px 0 0;line-height:1.6;font-weight:400;font-size:18px;line-height:1.7;color:#444;margin:0}.about-us__section-5 .section-5__image{flex:1 1 48%;border-radius:16px;overflow:hidden;height:450px}.about-us__section-5 .section-5__image img{width:100%;height:100%;display:block;object-fit:cover}.about-us__section-6{background-color:#fbecff;padding:200px 0 70px;margin-top:-100px}.about-us__section-6 .section-6__wrap{display:flex;padding:50px 0;align-items:center}.about-us__section-6 .section-6__wrap .ct--1{background-color:#69dfe1;padding:30px;text-align:right;width:250px;color:#fff;font-weight:500}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info{padding:40px;background-color:#e88ec6;height:300px;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#fff}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h3{font-size:18px}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h1{font-size:30px;font-weight:800;padding:20px 0}.about-us__section-6 .section-6__wrap .section-6__content .if--1{padding:40px;font-size:25px;background-color:#f6c964;text-align:center;width:250px;height:250px;text-align:left;font-weight:700;text-transform:uppercase;color:#fff}.about-us__section-6 .section-6__wrap .section-6__image{width:550px;height:750px;position:relative}.about-us__section-6 .section-6__wrap .section-6__image img{width:100%;height:100%;object-fit:cover;border-radius:15px}.about-us__section-6 .section-6__wrap .section-6__image .section-6__quote{text-align:right;position:absolute;bottom:30px;color:#fff;font-style:italic;z-index:99;font-size:30px;font-weight:400;padding:0 40px 20px 0}.about-us__section-6 .section-6__profile{display:flex;gap:40px;padding:40px;margin:0 auto}.about-us__section-6 .section-6__profile .profile__box{background:#fff;border-left:8px solid #e88ec6;padding:20px 30px;box-shadow:0 4px 10px #0000001a;border-radius:12px}.about-us__section-6 .section-6__profile .profile__box ul{padding-left:20px;line-height:1.6}.about-us__section-6 .section-6__profile .profile__box ul li{margin-bottom:10px;position:relative;padding-left:15px}.about-us__section-6 .section-6__profile .profile__box ul li:before{content:"•";position:absolute;left:0;color:#f6c964;font-size:18px}.about-us__section-7{padding:150px 0}.about-us__section-7 .section-7__wrap{text-align:center;margin:0 auto}.about-us__section-7 .section-7__wrap .ant-collapse{background:transparent;border:none}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item{margin-bottom:12px;border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #00000014}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-header{background-color:#69dfe1;color:#000;font-weight:600;font-size:18px;padding:14px 20px;transition:background-color .3s ease}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-content{background-color:#f6c964;font-size:16px;line-height:1.6;padding:15px 20px;transition:all .3s ease}@media (max-width: 1200px){.about-us__section-1 .section-1__wrap{gap:30px}.about-us__section-1 .section-1__wrap h1{font-size:48px}.about-us__section-1 .section-1__wrap h3{font-size:20px;width:100%}.about-us__section-3 .section-3__wrap h1{font-size:48px;margin-bottom:120px}.about-us__section-6 .section-6__wrap .section-6__image{width:100%;height:auto}}@media (max-width: 992px){.about-us__section-1 .section-1__wrap{flex-direction:column;text-align:center}.about-us__section-1 .section-1__wrap h1{font-size:40px}.about-us__section-1 .section-1__wrap h3{font-size:18px}.about-us__section-1 .section-1__wrap .button__study{padding:12px 24px;font-size:14px}.about-us__section-2 .section-2__box{height:auto;padding:20px}.about-us__section-3 .section-3__wrap .section-3__card{height:auto}.about-us__section-3 .section-3__wrap .section-3__card .card__image{width:200px;height:200px;margin-top:-120px}.about-us__section-4 .section-4__wrap{flex-direction:column}.about-us__section-4 .section-4__wrap .section-4__image,.about-us__section-4 .section-4__wrap .section-4__content{flex:1 1 100%;width:100%}.about-us__section-5 .section-5__wrap{flex-direction:column}.about-us__section-5 .section-5__wrap .section-5__content,.about-us__section-5 .section-5__wrap .section-5__image{width:100%;height:auto}.about-us__section-6 .section-6__wrap{flex-direction:column;gap:20px;align-items:flex-start}.about-us__section-6 .section-6__wrap .section-6__image{width:100%;height:auto}.about-us__section-6 .section-6__profile{flex-direction:column;gap:20px;padding:20px}}@media (max-width: 576px){.about-us__section-1{padding:80px 0 0}.about-us__section-1 .section-1__wrap h1{font-size:28px;margin-bottom:20px}.about-us__section-1 .section-1__wrap h3{font-size:16px;margin-bottom:20px}.about-us__section-2{padding:60px 0;margin-bottom:50px}.about-us__section-2 .section-2__box{padding:15px}.about-us__section-2 .section-2__box p{font-size:16px}.about-us__section-3{padding:60px 0 120px}.about-us__section-3 .section-3__wrap h1{font-size:28px;margin-bottom:80px}.about-us__section-5{margin-top:80px}.about-us__section-5 .section-5__content{padding:15px}.about-us__section-5 .section-5__content h1{font-size:22px}.about-us__section-5 .section-5__content p{font-size:14px}.about-us__section-6{padding:100px 0 50px}.about-us__section-7{padding:80px 0}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-header{font-size:16px}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-content{font-size:14px}}.title{text-align:center;font-size:55px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.subtitle{text-align:center;font-size:23px;color:gray;margin-bottom:20px}.line{width:150px;height:5px;background-color:#e88ec6;margin:0 auto 80px}.blog__section-1{padding:150px 0 100px;color:#fff;background-image:url(https://technext.github.io/softy-pinko/assets/images/banner-bg.png);background-position:center;background-size:cover;object-fit:cover}.blog__section-1 .blog__title h1{font-size:50px;font-weight:700;margin-bottom:20px;color:#ff69b4}.blog__section-1 .blog__title p{font-size:20px;margin-bottom:20px;max-width:1000px;line-height:1.6}.base-padding,.blog__wrap .blog__item,.blog__section-2 .blog__list .blog__card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 6px 15px #0003;margin:20px 0}.blog__section-2{background-color:#f9fbfd;padding:50px 0 150px}.blog__section-2 .blog__search{text-align:right}.blog__section-2 .blog__list{margin:30px 0}.blog__section-2 .blog__list .blog__card{background-color:#f9fbfd;padding:0;overflow:hidden;height:auto;cursor:pointer}.blog__section-2 .blog__list .blog__card .blog__image{width:100%;height:250px}.blog__section-2 .blog__list .blog__card .blog__image img{width:100%;height:100%;object-fit:cover}.blog__section-2 .blog__list .blog__card p{padding-left:10px}.blog__section-2 .blog__list .blog__card h3{padding-left:10px;font-size:18px}.blog__wrap{margin:100px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.blog__wrap .blog__item{width:100%;max-width:700px}.blog__wrap .blog__item .blog__writer{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.blog__wrap .blog__item .blog__writer .avatar{width:80px;height:80px;background-color:#e88ec6;border-radius:50%;border:5px dashed #f6c964}.blog__wrap .blog__item .blog__writer .avatar img{width:100%;height:100%;object-fit:cover}.blog__wrap .blog__item .blog__writer .blog__info{flex:1;min-width:200px}.blog__wrap .blog__item .blog__writer .blog__info .name{margin-bottom:5px;font-weight:700;font-size:18px}.blog__wrap .blog__item .blog__writer .blog__info .blog__time{color:gray;font-size:13px!important}.blog__wrap .blog__item .blog__title{margin:20px 0;font-size:25px;font-weight:600}.blog__wrap .blog__item .blog__content{font-size:18px;margin-bottom:15px}.blog__wrap .blog__item .blog__image{margin:30px 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.blog__wrap .blog__item .blog__image i{font-size:30px;cursor:pointer;background-color:#f6c964;border-radius:50%;padding:8px}.blog__wrap .blog__item .blog__image img{border-radius:15px;object-fit:cover;width:100%;max-width:650px;height:auto}.blog__wrap .blog__item .blog__tag{display:flex;gap:15px;padding:0;flex-wrap:wrap}.blog__wrap .blog__item .blog__tag li{background-color:#c4d1e9;padding:3px 7px;color:#00f;border-radius:15px;font-size:14px}@media (max-width: 1024px){.blog__wrap .blog__item{padding:20px}.blog__wrap .blog__item .blog__title{font-size:22px}.blog__wrap .blog__item .blog__content{font-size:16px}}@media (max-width: 768px){.blog__wrap{margin:50px 10px}.blog__wrap .blog__item{padding:15px}.blog__wrap .blog__item .blog__writer{flex-direction:column;align-items:center;text-align:center}.blog__wrap .blog__item .blog__writer .blog__info{min-width:auto}.blog__wrap .blog__item .blog__title{font-size:20px}.blog__wrap .blog__item .blog__content{font-size:15px}.blog__wrap .blog__item .blog__image img{max-width:100%;height:auto}}@media (max-width: 480px){.blog__wrap{margin:30px 5px}.blog__wrap .blog__item .blog__title{font-size:18px}.blog__wrap .blog__item .blog__content{font-size:14px}.blog__wrap .blog__item .blog__tag li{font-size:12px}.blog__wrap .blog__item .blog__image i{font-size:24px;padding:6px}}@media (max-width: 992px){.blog__section-1{padding:100px 0 80px}.blog__section-1 .blog__title h1{font-size:32px}.blog__section-1 .blog__title p{font-size:16px}}@media (max-width: 576px){.blog__section-1{padding:80px 0 60px;text-align:center}.blog__section-1 .blog__title h1{font-size:26px}.blog__section-1 .blog__title p{font-size:14px}}@media (max-width: 992px){.blog__title{font-size:22px}.blog__content{font-size:16px}}@media (max-width: 576px){.blog__writer{flex-direction:column;align-items:center;text-align:center}.blog__title{font-size:20px;text-align:center}.blog__content{font-size:14px}.blog__image{flex-direction:column}.blog__image i{font-size:24px;padding:6px}}.ant-picker-calendar .ant-picker-cell{height:160px;vertical-align:top}.ant-picker-calendar .ant-picker-cell-inner{height:100%;width:100%;padding:8px;box-sizing:border-box}.ant-picker-calendar .ant-picker-cell-inner:hover{background:#e6f4ff;border-radius:0;height:100%;width:100%}.ant-picker-calendar .ant-picker-cell-today .ant-picker-cell-inner:before{height:100%;width:100%;border-radius:0;border:2px solid #1677ff}.ant-picker-calendar .ant-picker-cell-selected .ant-picker-cell-inner{background:#1677ff;color:#fff;height:100%;width:100%;border-radius:0}.curriculumn__section-1{padding-top:200px;background:linear-gradient(135deg,#5c6ff4,#e870c2);height:100vh;z-index:1;position:relative;overflow:hidden}.curriculumn__section-1 h1{margin-bottom:30px;color:#fff}.curriculumn__section-1 .practice__history-wrap .practice___history-item{background-color:#fff;padding:15px;border-radius:15px}.curriculumn__section-1 .practice__history-wrap .practice___history-item .practice__tag{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.curriculumn__section-1 .practice__history-wrap .practice___history-item .practice__tag p{background-color:#f2f8fe;padding:5px;border-radius:20px;margin-bottom:3px}.curriculumn__section-1 .practice__history-wrap .practice___history-item .practice__info{margin-bottom:15px}.curriculumn__section-1 .section-1__content{flex:1;max-width:60%}.curriculumn__section-1 .section-1__content h2{font-size:62px;margin-bottom:30px}.curriculumn__section-1 .section-1__content h2 .highlight{color:#e88ec6}.curriculumn__section-1 .section-1__content p{color:#fff;font-size:16px;line-height:1.6;margin-bottom:30px;width:500px}.curriculumn__section-1 img{position:absolute;bottom:0;right:0;object-fit:cover;z-index:1;width:900px}.curriculumn__section-1 .blob{background-color:#e88ec6;width:1500px;height:auto;aspect-ratio:1;position:absolute;z-index:0;right:-300px;clip-path:shape(from 32% 11.33%,curve to 36.82% 10.1% with 35.57% 13.56%,curve to 40.26% 4.99% with 38.06% 6.63%,curve to 45.31% 9.08% with 42.46% 3.34%,curve to 50.21% 12.4% with 48.17% 14.81%,curve to 54.79% 7.95% with 52.26% 10%,curve to 60.29% 4.29% with 57.33% 5.91%,curve to 63.14% 10.08% with 63.25% 2.67%,curve to 68.15% 11.93% with 63.04% 17.48%,curve to 73.59% 10.62% with 73.25% 6.37%,curve to 72.76% 19.79% with 73.92% 14.88%,curve to 74.07% 24.83% with 71.59% 24.7%,curve to 78.67% 25.83% with 76.55% 24.95%,curve to 83.89% 27.27% with 80.78% 26.71%,curve to 88.17% 29.88% with 87.01% 27.84%,curve to 87.24% 35.08% with 89.32% 31.91%,curve to 87.61% 39.76% with 85.16% 38.24%,curve to 93.67% 43.12% with 90.06% 41.27%,curve to 95.91% 47.53% with 97.29% 44.96%,curve to 91.45% 52.18% with 94.53% 50.1%,curve to 86.37% 55.95% with 88.37% 54.26%,curve to 82.53% 59.03% with 84.36% 57.64%,curve to 85.06% 64.38% with 80.69% 60.42%,curve to 90.88% 71.97% with 89.43% 68.35%,curve to 86.1% 74.2% with 92.34% 75.6%,curve to 81.71% 77.37% with 79.86% 72.8%,curve to 79.8% 81.36% with 83.57% 81.93%,curve to 73.26% 80.58% with 76.03% 80.78%,curve to 70.93% 85.44% with 70.5% 80.37%,curve to 67.5% 87.47% with 71.37% 90.51%,curve to 61.16% 83% with 63.63% 84.43%,curve to 57.34% 84.33% with 58.69% 81.56%,curve to 53.86% 85.13% with 56% 87.11%,curve to 49.86% 84.34% with 51.73% 83.15%,curve to 46.37% 83.61% with 48% 85.53%,curve to 42.91% 81.78% with 44.73% 81.69%,curve to 38.89% 82.52% with 41.08% 81.87%,curve to 33.75% 84.6% with 36.7% 83.17%,curve to 29.17% 84.5% with 30.8% 86.03%,curve to 25.19% 82.4% with 27.55% 82.96%,curve to 21.57% 79.92% with 22.83% 81.84%,curve to 20.64% 74.99% with 20.31% 78%,curve to 20.27% 70.1% with 20.97% 71.97%,curve to 15.59% 67.94% with 19.57% 68.22%,curve to 13.52% 64.61% with 11.62% 67.66%,curve to 11.15% 60.48% with 15.42% 61.57%,curve to 5.24% 57.17% with 6.88% 59.39%,curve to 7.33% 52.43% with 3.59% 54.95%,curve to 6.94% 47.34% with 11.07% 49.92%,curve to 2.31% 42.02% with 2.81% 44.76%,curve to 5.09% 37.58% with 1.82% 39.29%,curve to 13.72% 35.74% with 8.35% 35.87%,curve to 15.61% 31.36% with 19.08% 35.62%,curve to 11.77% 23.82% with 12.14% 27.11%,curve to 17.1% 22.32% with 11.4% 20.53%,curve to 24.58% 23.09% with 22.79% 24.11%,curve to 25.55% 17.31% with 26.38% 22.07%,curve to 26.58% 10.82% with 24.73% 12.56%,curve to 32% 11.33% with 28.43% 9.09%)}.curriculumn__section-1 .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5c6ff4,#e870c2);opacity:.7;z-index:1}.class__wrap{margin:50px 0}.class__wrap h1{margin-bottom:30px;font-weight:700}.class__wrap .class__list{display:flex;gap:20px;padding:0}.class__wrap .class__list li{font-size:20px;border:2px solid #e88ec6;border-radius:45px;padding:5px 15px;cursor:pointer;text-transform:uppercase}.class__wrap .class__list li.active{background-color:#ff69b4;color:#fff}.curriculumn__section-2{margin-bottom:250px}.curriculumn__section-2 .schedule__list{list-style:none;margin:0;padding:6px}.curriculumn__section-2 .schedule__list .schedule__item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:4px 6px;margin-bottom:4px;font-size:12px;line-height:1.3;transition:all .2s ease}.curriculumn__section-2 .schedule__list .schedule__item:hover{background:#e0f2fe;border-color:#38bdf8;transform:translateY(-1px)}.curriculumn__section-2 .schedule__list .schedule__item .schedule-info{font-weight:500;color:#0369a1;margin-bottom:2px;font-size:12px}.curriculumn__section-2 .schedule__list .schedule__item .link{display:block;background:#0284c7;color:#fff!important;padding:2px 6px;border-radius:4px;font-size:11px;text-align:center;text-decoration:none;transition:background .2s}.curriculumn__section-2 .schedule__list .schedule__item .link:hover{background:#0369a1}.curriculumn__section-2 .practice__list .practice__item{border:1px solid rgb(156,154,154);padding:15px;border-radius:15px;margin:15px 0;transition:transform .3s ease,box-shadow .3s ease}.curriculumn__section-2 .practice__list .practice__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.curriculumn__section-2 .practice__list .practice__item h3{font-size:20px;font-weight:600}.curriculumn__section-2 .practice__list .practice__item .practice__icon{display:flex;align-items:center;gap:15px;color:gray}.curriculumn__section-2 .practice__list .practice__item .practice__icon p{margin:0}.curriculumn__section-2 .practice__list .practice__item .practice__tag{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 20px;overflow:scroll;height:100px;scrollbar-width:none}.curriculumn__section-2 .practice__list .practice__item .practice__tag p{background-color:#f2f8fe;padding:5px;border-radius:20px;margin-bottom:0;height:30px}.curriculumn__section-2 .practice__list .practice__item .practice__status{background-color:#6bb175;padding:1px 5px;margin:10px 0;color:#fff;text-align:center;width:100px}.curriculumn__section-2 .practice__list .practice__item .practice__status.ps--1{background-color:#ea2e2e}.curriculumn__section-2 .practice__list .practice__item .button__detail{padding:5px 20px;text-align:center;border-radius:2px;margin:20px 0 0;background-color:#f6c964;cursor:pointer}@media (max-width: 768px){.curriculumn__section-1{padding-top:100px;width:auto}.curriculumn__section-1 .section-1__content{display:flex;justify-content:center}.curriculumn__section-1 .section-1__content h2{font-size:30px}}.schedule,.practice-wrap{padding:20px;margin-top:10px}.tab-content.active{display:block}.base-padding,.rank,.comment,.exercise-detail__info{border-radius:10px;box-shadow:0 6px 15px #0003;padding:25px;margin-bottom:20px;background-color:#fff}.exercise-detail{padding:200px 0;background:linear-gradient(135deg,#5c6ff4,#e870c2)!important}.exercise-detail .exercise-detail__wrap{padding:0 200px}.exercise-detail__info h3{font-size:20px;font-weight:600;margin-bottom:10px}.exercise-detail__info .exercise-detail__icon{display:flex;align-items:center;gap:15px;color:#000;margin:20px}.exercise-detail__info .exercise-detail__icon p{margin:0}.exercise-detail__info .practice-tag{display:flex;gap:10px;flex-wrap:wrap;margin:20px}.exercise-detail__info .practice-tag p{background-color:#f2f8fe;padding:5px;border-radius:20px;margin-bottom:3px}.exercise-detail__info .p1{margin:20px}.exercise-detail__info .button__practice{background-color:#f6c964;width:150px;padding:5px 15px;text-align:center;font-weight:600;border-radius:5px;cursor:pointer;font-size:18px}.comment h3{margin-bottom:20px}.comment .comment__item{display:flex;flex-direction:column;gap:15px}.comment .comment__user{display:flex;gap:20px;font-size:18px;margin-bottom:25px;align-items:flex-start}.comment .comment__user .comment__image{height:70px;width:70px}.comment .comment__user .comment__image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment .comment__user .comment__info .comment__name{font-weight:600;color:#f6c964;margin-bottom:15px;font-size:18px}.comment .comment__user .comment__info .comment__content{margin-bottom:5px;width:650px;font-size:18px}.comment .comment__user .comment__info .comment__actions{display:flex;gap:10px}.comment .comment__user .comment__info .comment__actions p{cursor:pointer;font-size:13px;color:#00f}.comment .reply-comment{margin-left:70px}.comment .reply-comment .comment__image{height:70px;width:70px;background-color:#e870c2;border-radius:50%}.comment .reply-comment .comment__image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rank table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:8px;overflow:hidden;font-size:18px}.rank table th,.rank table td{padding:12px 15px;text-align:center;border-bottom:1px solid #333}.rank table th{color:#fc0;font-size:18px}.feedback__item{background:#fff;padding:25px 20px;border-radius:12px;box-shadow:0 0 15px #00000017;max-width:300px;text-align:left}.feedback__item .feedback__avatar img{width:60px;height:60px;object-fit:cover;border-radius:50%;margin-bottom:10px}.feedback__item .feedback__content h4{font-size:18px;color:#ff69b4;margin-bottom:5px;font-weight:600}.feedback__item .feedback__content .stars{color:#f6c964;margin-bottom:10px;font-size:12px}.feedback__item .feedback__content p{font-size:15px;color:#444;line-height:1.5}.feedback__section-1{padding-top:200px;background:linear-gradient(135deg,#5c6ff4,#e870c2);height:100vh;display:flex;justify-content:space-evenly;overflow:hidden}.feedback__section-1 .section-1__content{flex:1;max-width:60%}.feedback__section-1 .section-1__content h2{font-size:62px;margin-bottom:30px}.feedback__section-1 .section-1__content h2 .highlight{color:#e88ec6}.feedback__section-1 .section-1__content p{color:#fff;font-size:16px;line-height:1.6;margin-bottom:30px;width:500px}.feedback__section-1 .section-1__content .btn-learn{background:#e88ec6;border:none;padding:12px 28px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s}.feedback__section-1 .section-1__content .btn-learn:hover{background:#fbb03b;color:#fff}.feedback__section-1 .section-1__image{display:flex;flex-direction:column;align-items:flex-end;gap:30px;position:relative}.feedback__section-1 .section-1__image .banner{height:680px;width:auto;position:absolute;bottom:0}.feedback__section-1 .section-1__image .heart{position:absolute;bottom:80px;height:120px;right:-150px}.feedback__section-1 .section-1__image .feedback__item{padding:3px!important;position:absolute;z-index:1;width:250px!important;height:auto;background:#fff;padding:20px;border-radius:15px;max-width:500px;display:flex;align-items:center;gap:20px;top:50px;right:-200px}.feedback__section-1 .section-1__image .feedback__item .feedback__avatar img{width:40px;height:40px}.feedback__section-1 .section-1__image .feedback__item .feedback__content h4{font-size:15px;color:#e88ec6;margin-bottom:5px;font-weight:600}.feedback__section-1 .section-1__image .feedback__item .feedback__content .stars{color:#f6c964;margin-bottom:10px}.feedback__section-1 .section-1__image .feedback__item .feedback__content p{font-size:12px;color:#444;line-height:1.5}.feedback__section-1 .section-1__image .fi--1{top:35%;right:500px;width:250px!important}.feedback__section-1 .section-1__image .fi--2{top:75%;right:550px;width:400px!important}.feedback__section-1 .section-1__image .blob{position:absolute;margin-right:-800px;background-color:#e88ec6;aspect-ratio:1;width:1800px;height:auto;clip-path:shape(from 43.49% 11.45%,curve to 53.69% 1.31% with 46.95% 1.45%,curve to 63.48% 9.84% with 60.43% 1.17%,curve to 73.92% 17.68% with 66.54% 18.51%,curve to 82.74% 23.16% with 81.31% 16.84%,curve to 83.79% 35.15% with 84.18% 29.47%,curve to 85.62% 45.52% with 83.4% 40.84%,curve to 89.45% 55.98% with 87.85% 50.21%,curve to 83.16% 63.65% with 91.05% 61.74%,curve to 77.13% 73.47% with 75.26% 65.55%,curve to 71.39% 79.18% with 78.99% 81.38%,curve to 60.56% 81.59% with 63.8% 76.98%,curve to 52.39% 85.3% with 57.32% 86.21%,curve to 41.41% 87.43% with 47.46% 84.4%,curve to 33.39% 83.24% with 35.37% 90.47%,curve to 28.52% 72.81% with 31.42% 76.02%,curve to 18.07% 68.25% with 25.62% 69.61%,curve to 8.01% 61.38% with 10.52% 66.89%,curve to 4.65% 49.63% with 5.5% 55.87%,curve to 12.76% 40.46% with 3.8% 43.39%,curve to 17.29% 28.49% with 21.72% 37.53%,curve to 19.74% 17.97% with 12.86% 19.45%,curve to 33.33% 18.98% with 26.62% 16.5%,curve to 43.49% 11.45% with 40.03% 21.46%)}.feedback__section-2{margin:200px 0}.feedback__section-2 .section-2__image-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.feedback__section-2 .section-2__image-list img{width:300px;height:300px}.feedback__section-3{margin:200px 0}.feedback__section-3 .section-3__wrap{display:flex;gap:30px}.feedback__section-3 .section-3__wrap .section-3__image{display:flex;gap:10px}.feedback__section-3 .section-3__wrap .section-3__image .image__col img{width:300px;height:300px;margin-bottom:8px}.feedback__section-3 .section-3__wrap .section-3__image .ic--1{margin-top:30%}.feedback__section-3 .section-3__wrap .section-3__content{font-size:18px;line-height:1.8;color:#333;background:#f9f9f9;padding:24px 28px;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:auto}.feedback__section-4{padding:80px 0;text-align:center;background:linear-gradient(135deg,#5c6ff4,#e870c2)}.feedback__section-4 .title{color:#fff}.feedback__section-4 .subtitle{color:#f6c964}.feedback__section-4 .feedback__list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}@media (max-width: 992px){.feedback__section-1{flex-direction:column;align-items:center}.feedback__section-1 .section-1__content{max-width:100%;text-align:center}.feedback__section-1 .section-1__content h2{font-size:40px}.feedback__section-1 .section-1__content p{width:100%}.feedback__section-1 .section-1__image{align-items:center}.feedback__section-1 .section-1__image .banner{height:auto;max-width:80%}.feedback__section-3 .section-3__wrap{flex-direction:column;align-items:center}}@media (max-width: 576px){.feedback__item{max-width:100%;padding:15px}.feedback__section-1 .section-1__content h2{font-size:28px}.feedback__section-1 .section-1__content p{font-size:14px}.feedback__section-3 .section-3__content{font-size:16px}.feedback__section-3{margin:200px 0}.feedback__section-3 .section-3__wrap{display:flex;gap:30px}.feedback__section-3 .section-3__wrap .section-3__image{display:flex;flex-wrap:wrap;gap:10px}.feedback__section-3 .section-3__wrap .section-3__image .image__col img{width:300px;height:300px;margin-bottom:8px}.feedback__section-3 .section-3__wrap .section-3__image .ic--1{margin-top:30%}.feedback__section-2 img{max-width:100%!important}}.base-padding,.home__section-4 .section-4__wrap .course__overview,.home__section-4 .section-4__wrap .course__detail .course__schedule,.home__section-4 .section-4__wrap .course__detail .course__fee,.home__section-4 .section-4__wrap .course__detail .course__achieve,.home__section-4 .section-4__wrap .course__detail .course__content,.home__section-4 .section-4__wrap .course__detail .course__method{border-radius:10px;box-shadow:0 6px 15px #0003;padding:20px;margin-bottom:20px}*{box-sizing:border-box}strong{color:#e88ec6}.home__section-1{background:linear-gradient(135deg,#5c6ff4,#e870c2);height:100vh;overflow:hidden;z-index:1}.home__section-1 .section-1__wrap{padding:0 80px;display:flex;justify-content:space-evenly;width:100%;margin-top:270px;align-items:center}.home__section-1 .section-1__wrap .section-1__content h1{color:#fff;font-size:55px;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.8);margin:0 0 20px;width:800px}.home__section-1 .section-1__wrap .section-1__content .year-label{background-color:#f6c964;color:#000;font-weight:700;display:inline-block;padding:8px 16px;border-radius:20px;font-size:20px;margin-bottom:20px}.home__section-1 .section-1__wrap .section-1__content .checklist{list-style:none;padding:0;margin:0}.home__section-1 .section-1__wrap .section-1__content .checklist li{position:relative;padding-left:40px;margin-bottom:15px;font-size:18px;text-align:left;font-weight:700}.home__section-1 .section-1__wrap .section-1__content .checklist li:before{content:"✔";position:absolute;left:0;top:0;color:#fff;background-color:#212f45;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px}.home__section-1 .section-1__wrap .section-1__content .button__regist{margin-top:50px;display:inline-block;background-color:#ff69b4;color:#fff;padding:14px 28px;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff69b466}.home__section-1 .section-1__wrap .section-1__content .button__regist:hover{background-color:#f6c964;box-shadow:0 6px 18px #ff69b480;transform:translateY(-2px)}.home__section-1 .section-1__wrap .section-1__image{width:500px;height:auto;position:relative}.home__section-1 .section-1__wrap .section-1__image .circle--dot{border:3px dashed #f6c964;padding:5px;border-radius:50%}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink{width:480px;height:480px;background-color:#ff69b4;border-radius:50%;overflow:hidden;position:relative}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink img{width:750px;height:auto;object-fit:cover;display:block;position:absolute;bottom:0;right:0}.home__section-1 .section-1__wrap .section-1__image .contact{display:flex;align-items:center;background-color:#fff;gap:15px;padding:10px;width:250px;height:auto;margin:5px;border-radius:25px;position:absolute;box-shadow:0 4px 15px #0003;cursor:pointer}.home__section-1 .section-1__wrap .section-1__image .contact h3{font-size:17px;color:#000;font-weight:500;margin:0 0 5px}.home__section-1 .section-1__wrap .section-1__image .contact p{margin:0;color:gray;font-size:14px;font-weight:500}.home__section-1 .section-1__wrap .section-1__image .contact i{font-size:27px;color:#f6c964}.home__section-1 .section-1__wrap .section-1__image .contact--1{bottom:130px;left:-140px;width:230px}.home__section-1 .section-1__wrap .section-1__image .contact--2{top:100px;right:-110px;width:210px;height:auto}.home__section-1 .section-1__wrap .section-1__image .contact--3{bottom:-45px;right:-80px;width:320px}.home__section-2{margin:150px 0 200px}.home__section-2 .section-2__wrap{display:flex;align-items:center;justify-content:space-evenly;gap:150px}.home__section-2 .section-2__wrap .section-2__image{position:relative;width:600px;height:600px;display:flex;justify-content:center;align-items:center}.home__section-2 .section-2__wrap .section-2__image img{width:auto;height:500px;object-fit:cover;position:relative;z-index:2}.home__section-2 .section-2__wrap .section-2__image .blob{z-index:1;position:absolute;top:0;left:5;width:500px;height:500px;background-color:#e88ec6;aspect-ratio:1;clip-path:shape(from 15.65% 52.24%,curve to 11.39% 47.2% with 15.31% 50%,curve to 6.46% 41.23% with 7.47% 44.4%,curve to 14.29% 38.47% with 5.45% 38.06%,curve to 21.01% 35.45% with 23.12% 38.87%,curve to 17.59% 28.09% with 18.89% 32.04%,curve to 15.9% 19.82% with 16.29% 24.13%,curve to 23.99% 21.33% with 15.5% 15.5%,curve to 28.93% 17.27% with 32.47% 27.16%,curve to 30.17% 10.51% with 25.4% 7.38%,curve to 39.07% 19.12% with 34.94% 13.63%,curve to 44.58% 22% with 43.2% 24.61%,curve to 47.98% 17.77% with 45.97% 19.39%,curve to 52.63% 13.11% with 50% 16.16%,curve to 57.87% 10.48% with 55.26% 10.06%,curve to 61.3% 15.81% with 60.48% 10.9%,curve to 65.38% 19.23% with 62.13% 20.73%,curve to 73.48% 15.41% with 68.63% 17.74%,curve to 79.1% 16.61% with 78.33% 13.08%,curve to 78.37% 24.76% with 79.87% 20.13%,curve to 76.01% 32.43% with 76.86% 29.39%,curve to 74.16% 37.94% with 75.15% 35.48%,curve to 81.28% 39.92% with 73.18% 40.4%,curve to 94.11% 41.51% with 89.39% 39.45%,curve to 90.62% 46.79% with 98.84% 43.57%,curve to 88.41% 52.92% with 82.39% 50%,curve to 89.73% 57.62% with 94.42% 55.85%,curve to 81.88% 60.64% with 85.04% 59.39%,curve to 83.43% 66.96% with 78.71% 61.89%,curve to 81.62% 70.64% with 88.15% 72.03%,curve to 71.58% 68.66% with 75.09% 69.26%,curve to 68.9% 71.89% with 68.06% 68.06%,curve to 66.42% 74.2% with 69.74% 75.72%,curve to 62.21% 75% with 63.1% 72.68%,curve to 58.85% 75.58% with 61.32% 77.33%,curve to 54.89% 74.83% with 56.39% 73.83%,curve to 51.7% 77.81% with 53.4% 75.83%,curve to 47.58% 83.24% with 50% 79.79%,curve to 42.97% 85.57% with 45.17% 86.69%,curve to 38.03% 84.99% with 40.77% 84.45%,curve to 33.4% 83.78% with 35.28% 85.53%,curve to 31.4% 78.21% with 31.51% 82.02%,curve to 30.24% 72.6% with 31.28% 74.39%,curve to 24.12% 72.28% with 29.2% 70.8%,curve to 21.18% 69.58% with 19.05% 73.75%,curve to 17.4% 65.68% with 23.31% 65.41%,curve to 8.88% 63.83% with 11.49% 65.95%,curve to 11.12% 58.1% with 6.26% 61.72%,curve to 15.65% 52.24% with 15.98% 54.48%)}.home__section-2 .section-2__wrap .section-2__content .section-2__box{width:100%;background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 18px #00000014;transition:transform .3s ease,box-shadow .3s ease}.home__section-2 .section-2__wrap .section-2__content .section-2__box:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}.home__section-2 .section-2__wrap .section-2__content .section-2__box h3{font-size:20px;color:#e88ec6;margin-bottom:12px;font-weight:700}.home__section-2 .section-2__wrap .section-2__content .section-2__box p{font-size:16px;color:#444;line-height:1.6}.home__section-3{margin:50px 0}.home__section-3 .section-3__content{padding:0 80px;text-align:center;height:600px;display:flex;flex-direction:column;justify-content:center;color:#fff;align-items:center}.home__section-3 .section-3__content h3{font-size:30px;font-weight:600;margin-bottom:20px}.home__section-3 .section-3__content p{color:#000;font-size:16px}.home__section-3 .section-3__content i{font-size:35px;background-color:#ffffff40;margin-bottom:20px;color:#fff;transition:transform .3s ease;padding:25px 20px;border-radius:50%}.home__section-4{padding:50px 0}.home__section-4 .section-4__wrap{display:flex;gap:20px}.home__section-4 .section-4__wrap .course__detail{width:70%}.home__section-4 .section-4__wrap .course__detail .course__method{font-size:18px}.home__section-4 .section-4__wrap .course__detail .course__method h3{margin-bottom:20px;font-weight:600;color:#e88ec6}.home__section-4 .section-4__wrap .course__detail .course__method ul{padding-left:20px;list-style:none;display:flex;flex-direction:column;gap:12px}.home__section-4 .section-4__wrap .course__detail .course__method ul li{display:flex;align-items:flex-start;gap:10px;color:#333;line-height:1.6}.home__section-4 .section-4__wrap .course__detail .course__method ul li i{color:#f6c964;font-size:18px;min-width:24px;margin-top:4px}.home__section-4 .section-4__wrap .course__detail .course__content .phase{background:#fff;border-radius:12px;box-shadow:0 4px 18px #00000014;padding:30px;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.home__section-4 .section-4__wrap .course__detail .course__content .phase:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.home__section-4 .section-4__wrap .course__detail .course__content .phase h2{font-size:22px;color:#e88ec6;margin-bottom:20px;font-weight:600}.home__section-4 .section-4__wrap .course__detail .course__content .phase p,.home__section-4 .section-4__wrap .course__detail .course__content .phase li{font-size:18px;color:#333;line-height:1.6}.home__section-4 .section-4__wrap .course__detail .course__content .phase ul{padding-left:20px;margin:0;flex-direction:column}.home__section-4 .section-4__wrap .course__detail .course__content .phase ul li{font-size:18px;line-height:1.6;margin-bottom:5px;color:#333;display:flex;align-items:flex-start}.home__section-4 .section-4__wrap .course__detail .course__content .phase ul li i{color:#f6c964;margin-right:10px;font-size:18px;min-width:20px;margin-top:3px}.home__section-4 .section-4__wrap .course__detail .course__achieve h3{margin-bottom:25px}.home__section-4 .section-4__wrap .course__detail .course__achieve ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.home__section-4 .section-4__wrap .course__detail .course__achieve ul li{border:5px dashed #e88ec6;padding:10px;border-radius:15px;width:300px;height:300px;margin:0;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;font-size:23px;gap:20px;position:relative;background-color:#f6c964}.home__section-4 .section-4__wrap .course__detail .course__achieve ul li .number{position:absolute;top:5px;right:5px;font-size:60px;font-weight:700;color:#aaa}.home__section-4 .section-4__wrap .course__detail .course__fee{font-size:16px;line-height:1.6;padding:15px;margin-top:20px;font-size:18px}.home__section-4 .section-4__wrap .course__detail .course__fee h3{margin-bottom:20px}.home__section-4 .section-4__wrap .course__detail .course__fee ul{list-style-type:disc;padding-left:40px;display:flex;flex-direction:column;gap:10px}.home__section-4 .section-4__wrap .course__detail .course__fee ul ul{list-style-type:circle;padding-left:20px;gap:10px}.home__section-4 .section-4__wrap .course__detail .course__fee ul .course__fee-info{margin-bottom:0}.home__section-4 .section-4__wrap .course__detail .course__fee .inner-button{display:flex;justify-content:center}.home__section-4 .section-4__wrap .course__detail .course__fee .button.button-watch-more{margin-top:80px;width:430px;text-align:center;font-size:25px}.home__section-4 .section-4__wrap .course__detail .course__schedule h3{margin-bottom:25px}.home__section-4 .section-4__wrap .course__detail .course__schedule p{font-size:18px;padding-left:40px}.home__section-4 .section-4__wrap .course__detail .course__schedule .course__schedule-button{display:flex;justify-content:center;margin:30px 0 0}.home__section-4 .section-4__wrap .course__detail .course__schedule .course__schedule-button .button__schedule{width:250px;padding:10px 30px;font-size:18px;font-weight:600;background-color:#f6c964;border-radius:20px;cursor:pointer;display:flex;justify-content:center}.home__section-4 .section-4__wrap .course__overview{width:30%;height:760px}.home__section-4 .section-4__wrap .course__overview .course__overview-image{width:100%;height:200px;overflow:hidden;margin-bottom:30px;border-radius:15px}.home__section-4 .section-4__wrap .course__overview .course__overview-image img{width:100%;height:100%;object-fit:cover}.home__section-4 .section-4__wrap .course__overview .button__register-study{border-radius:10px;background:linear-gradient(135deg,#5c6ff4,#e870c2);width:100%;padding:10px 20px;text-align:center;font-size:18px;font-weight:600;color:#fff;cursor:pointer;margin-bottom:10px;transition:all .3s ease}.home__section-4 .section-4__wrap .course__overview .button__register-study:hover{opacity:.9;transform:scale(1.02);box-shadow:0 8px 20px #e870c266}.home__section-4 .section-4__wrap .course__overview .button__register-try{border-radius:10px;width:100%;padding:10px 20px;text-align:center;font-size:18px;font-weight:600;cursor:pointer;border:2px solid #e88ec6;background-color:#fff;color:#e870c2;transition:all .3s ease;margin-bottom:35px}.home__section-4 .section-4__wrap .course__overview .button__register-try:hover{background:#ffe6f3;transform:scale(1.02);box-shadow:0 8px 20px #e870c233}.home__section-4 .section-4__wrap .course__overview .course__common-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0;border-bottom:1px solid rgb(163,161,161)}.home__section-4 .section-4__wrap .course__overview .course__contact-zalo{width:100%;display:flex;flex-direction:column;text-align:center;margin:50px 0}.home__section-4 .section-4__wrap .course__overview .course__contact-zalo p{margin:15px 0}.home__section-4 .section-4__wrap .course__overview .course__contact-zalo .button__contact-zalo{width:100%;background-color:#aeabab;border-radius:15px;padding:10px 15px}.home__section-4 .section-4__wrap .course__overview .course__contact-zalo .button__contact-zalo i{margin-right:10px}.home__section-4 .section-4__wrap .course__overview .course__contact-zalo a{color:#000}.home__section-5{padding:50px 0;margin:150px 0;background:linear-gradient(135deg,#5c6ff4,#e870c2);box-shadow:0 0 30px #00000080;position:relative}.home__section-5 .section-5__title{text-align:center;font-size:55px;font-weight:700;margin-bottom:20px;color:#fff}.home__section-5 .section-5__subtitle{text-align:center;font-size:23px;color:gray;margin-bottom:20px;color:#fff}.home__section-5 .section-5__line{width:150px;height:5px;background-color:#e88ec6;margin:0 auto 80px}.home__section-5 .section-5__wrap{display:flex;gap:20px;justify-content:space-evenly;flex-wrap:wrap}.home__section-5 .section-5__wrap .step__box{position:relative;text-align:center;background-color:#fff;width:230px;height:350px;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:15px;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.home__section-5 .section-5__wrap .step__box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.home__section-5 .section-5__wrap .step__box:before{content:"";position:absolute;z-index:0;background:#fff;width:100%;opacity:.15;height:100%;bottom:-10px;left:0;right:-20px;margin:auto;border-radius:20px}.home__section-5 .section-5__wrap .step__box .step__number{font-size:35px;margin-bottom:10px;font-weight:700;color:#e870c2}.home__section-5 .section-5__wrap .step__box .step__word{font-size:27px;margin-bottom:10px}.home__section-5 .section-5__wrap .step__box .step__content{font-size:17px}.home__section-6{padding:50px 0;margin:150px 0;background-color:#f4f0f5!important}.home__section-6 .profile__wrap{display:flex;align-items:center;flex-wrap:wrap}.home__section-6 .profile__wrap .profile__image{display:flex;flex-wrap:wrap;width:40%;gap:10px;padding:15px 0;justify-content:center;border:5px dashed #e88ec6;border-radius:50px}.home__section-6 .profile__wrap .profile__image img{width:100%;height:100%;border-radius:40px;object-fit:cover}.home__section-6 .profile__wrap .profile__image .profile__box{background-color:#e88ec6;width:45%;height:250px;border-radius:40px;display:flex;text-align:center;align-items:center;justify-content:center;font-size:25px;font-weight:700;color:#fff}.home__section-6 .profile__wrap .profile__image .bx-1{background-color:#69dfe1}.home__section-6 .profile__wrap .profile__image .bx-2{background-color:#f6c964}.home__section-6 .profile__wrap .profile__content{width:60%;padding:15px 60px}.home__section-6 .profile__wrap .profile__content h3{padding-left:30px;font-size:35px}.home__section-6 .profile__wrap .profile__content .profile__achieve{display:flex;flex-direction:column}.home__section-6 .profile__wrap .profile__content h3{margin-bottom:30px}.home__section-6 .profile__wrap .profile__content ul li{display:flex;gap:30px;font-size:18px;align-items:center;margin:15px 0}.home__section-6 .profile__wrap .profile__content ul li .profile__icon{width:50px;height:50px;background-color:#e88ec6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;color:#fff}.home__section-6 .profile__wrap .profile__content ul li .profile__icon i{font-size:25px}.home__section-6 .profile__wrap .profile__content ul li p{margin:0;font-size:20px}.home__section-6 .profile__wrap .profile__content ul li .ic-1{background-color:#f6c964}.home__section-6 .profile__wrap .profile__content ul li .ic-2{background-color:#69dfe1}.home__section-6 .profile__wrap .profile__content ul li .ic-3{background-color:#e88ec6}.home__section-7{margin:150px 0}.home__section-7 img{width:100%;height:auto;object-fit:cover;border-radius:15px}.home__section-7 .feedback__col{padding-top:100px}.home__section-7 .feedback__col--2{padding-top:150px}.home__section-7 .feedback__text{color:gray;font-size:20px;text-align:right;font-weight:600}.home__section-7 .txt--1{text-align:left}.home__section-7 .feedback__display--1{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}.home__section-7 .feedback__display--2{display:flex;align-items:flex-start;gap:10px}.home__section-7 .feedback__display--3{display:flex;flex-direction:column;width:40%}.home__section-7 .fb--2{width:60%;height:auto}.home__section-7 .fb--3{width:100%;height:auto}.home__section-7 .fb--4{width:30%;height:auto}.home__section-7 .fb--5{width:70%;height:auto}.home__section-7 .fb--6{margin-bottom:10px}.home__section-7 .fb--7{width:80%}.home__section-7 .feedback__button{margin:80px 0;display:flex;justify-content:center;width:100%}.home__section-7 .feedback__button .button__watch-more{padding:15px 40px;border-radius:15px;background-color:#f6c964;font-weight:700;width:400px;text-align:center;font-size:18px;cursor:pointer}@media (max-width: 1200px){.home__section-1 .section-1__wrap{padding:0 40px;margin-top:150px;justify-content:center}.home__section-1 .section-1__wrap .section-1__content h1{font-size:45px;width:auto}.home__section-1 .section-1__wrap .section-1__image{width:400px;height:400px}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink{width:390px;height:390px}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink img{width:600px}}@media (max-width: 992px){.home__section-1{height:auto}.home__section-1 .section-1__wrap{margin-top:100px;flex-direction:column;padding:0 20px}.home__section-1 .section-1__wrap .section-1__content{text-align:center;margin-bottom:50px}.home__section-1 .section-1__wrap .section-1__content h1{font-size:40px}.home__section-1 .section-1__wrap .section-1__content .checklist li{text-align:left;margin:0 auto 15px;width:fit-content}.home__section-1 .section-1__wrap .section-1__image{width:400px;height:400px;margin-bottom:50px}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink{width:390px;height:390px}.home__section-1 .section-1__wrap .section-1__image .contact{position:static;margin:15px auto;width:90%;max-width:300px;box-shadow:0 2px 10px #0000001a}.home__section-1 .section-1__wrap .section-1__image .contact--1,.home__section-1 .section-1__wrap .section-1__image .contact--2,.home__section-1 .section-1__wrap .section-1__image .contact--3{bottom:auto;left:auto;right:auto;position:static}}@media (max-width: 576px){.home__section-1{overflow:scroll}.home__section-1 .section-1__wrap .section-1__content h1{font-size:30px}.home__section-1 .section-1__wrap .section-1__content .year-label{font-size:18px}.home__section-1 .section-1__wrap .section-1__content .checklist li{font-size:16px}.home__section-1 .section-1__wrap .section-1__image{width:300px;height:300px}.home__section-1 .section-1__wrap .section-1__image .circle--dot{padding:3px}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink{width:294px;height:294px}.home__section-1 .section-1__wrap .section-1__image .circle--dot .circle--pink img{width:450px}.home__section-1 .section-1__wrap .section-1__image .contact{width:100%;max-width:300px}}@media (max-width: 1200px){.home__section-2 .section-2__wrap{gap:50px;padding:0 40px}.home__section-4 .section-4__wrap,.home__section-6 .profile__wrap{padding:0 40px}.home__section-6 .profile__wrap .profile__content{padding:15px 30px}}@media (max-width: 992px){.home__section-2{margin:100px 0}.home__section-2 .section-2__wrap{flex-direction:column;padding:0 20px;gap:50px}.home__section-2 .section-2__wrap .section-2__image{width:100%;max-width:500px;height:auto;margin:0 auto}.home__section-2 .section-2__wrap .section-2__image img{height:400px}.home__section-2 .section-2__wrap .section-2__image .blob{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.home__section-3 .section-3__content{padding:50px 20px;height:auto}.home__section-3 .section-3__content h3{font-size:25px}.home__section-4 .section-4__wrap{flex-direction:column;padding:0 20px}.home__section-4 .section-4__wrap .course__detail{width:100%}.home__section-4 .section-4__wrap .course__overview{width:100%;height:auto}.home__section-4 .section-4__wrap .course__overview .course__detail,.home__section-4 .section-4__wrap .course__overview .course__overview{padding:20px}.home__section-4 .section-4__wrap .course__overview .course__detail .course__achieve ul{justify-content:space-around}.home__section-4 .section-4__wrap .course__overview .course__detail .course__achieve ul li{width:45%;max-width:300px;height:250px;font-size:20px}.home__section-4 .section-4__wrap .course__overview .course__detail .course__fee .button.button-watch-more{width:100%;font-size:20px}.home__section-4 .home__section-5{margin:100px 0}.home__section-4 .home__section-5 .section-5__title{font-size:40px}.home__section-4 .home__section-5 .section-5__subtitle{font-size:20px;padding:0 20px}.home__section-4 .home__section-5 .section-5__wrap{flex-wrap:wrap;justify-content:center;padding:0 20px}.home__section-4 .home__section-5 .section-5__wrap .step__box{width:45%;height:320px;margin-bottom:20px}.home__section-4 .home__section-6{margin:100px 0}.home__section-4 .home__section-6 .profile__wrap{flex-direction:column;padding:0 20px}.home__section-4 .home__section-6 .profile__wrap .profile__image{width:100%;max-width:500px;margin-bottom:30px;border-radius:20px}.home__section-4 .home__section-6 .profile__wrap .profile__content{width:100%;padding:15px 0}.home__section-4 .home__section-6 .profile__wrap .profile__content h3{padding-left:0;text-align:center;font-size:30px}.home__section-4 .home__section-6 .profile__wrap .profile__content ul li{font-size:18px;gap:15px}.home__section-4 .home__section-6 .profile__wrap .profile__content ul li p{font-size:18px}.home__section-4 .home__section-7{margin:80px 0;padding:0 20px}.home__section-4 .home__section-7 .feedback__col,.home__section-4 .home__section-7 .feedback__col--2{padding-top:20px}.home__section-4 .home__section-7 .feedback__display--1,.home__section-4 .home__section-7 .feedback__display--2{gap:5px}.home__section-4 .home__section-7 .feedback__text{font-size:16px;text-align:center}.home__section-4 .home__section-7 .txt--1{text-align:center}.home__section-4 .home__section-7 .feedback__button{margin:50px 0 0}.home__section-4 .home__section-7 .feedback__button .button__watch-more{width:100%;max-width:300px;font-size:16px;padding:12px 30px}.home__section-4 .home__section-7 .fb--2,.home__section-4 .home__section-7 .fb--3,.home__section-4 .home__section-7 .fb--4,.home__section-4 .home__section-7 .fb--5,.home__section-4 .home__section-7 .fb--7{width:100%!important;margin-bottom:10px}.home__section-4 .home__section-7 .feedback__display--3{width:100%}}@media (max-width: 992px) and (max-width: 576px){.home__section-2 .section-2__wrap .section-2__image{max-width:320px}.home__section-2 .section-2__wrap .section-2__image img{height:300px}.home__section-2 .section-2__wrap .section-2__image .blob{width:300px;height:300px}.home__section-4 .course__detail .course__achieve ul li{width:100%;height:200px}.home__section-5 .section-5__title{font-size:30px}.home__section-5 .section-5__subtitle{font-size:16px}.home__section-5 .section-5__wrap .step__box{width:90%;height:auto;padding:15px}.home__section-5 .section-5__wrap .step__box .step__word{font-size:22px}.home__section-5 .section-5__wrap .step__box .step__content{font-size:16px}.home__section-6 .profile__wrap .profile__image .profile__box{width:48%;height:150px;font-size:20px}.home__section-6 .profile__wrap .profile__content ul li{flex-direction:column;align-items:flex-start;gap:5px}.home__section-6 .profile__wrap .profile__content ul li .profile__icon{margin-right:0;margin-bottom:5px}}@media (max-width: 1024px){.about-us__section-6{padding:120px 0 50px}.about-us__section-6 .section-6__wrap{flex-direction:column;gap:40px}.about-us__section-6 .section-6__wrap .ct--1{width:100%;text-align:center}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info{padding:30px;height:auto}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h1{font-size:24px}.about-us__section-6 .section-6__wrap .section-6__content .if--1{width:100%;height:auto;text-align:center;padding:20px;font-size:20px}.about-us__section-6 .section-6__wrap .section-6__image{width:100%;height:auto}.about-us__section-6 .section-6__wrap .section-6__image img{height:auto}.about-us__section-6 .section-6__wrap .section-6__image .section-6__quote{font-size:22px;padding:0 20px 20px 0}.about-us__section-6 .section-6__profile{flex-direction:column;gap:20px}.about-us__section-6 .section-6__profile .profile__box{width:100%}}@media (max-width: 768px){.about-us__section-6{padding:80px 0 40px}.about-us__section-6 .section-6__wrap .ct--1{font-size:16px;padding:20px}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info{padding:20px}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h1{font-size:20px}.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h3{font-size:16px}.about-us__section-6 .section-6__wrap .section-6__content .if--1{font-size:16px;padding:16px}.about-us__section-6 .section-6__wrap .section-6__image .section-6__quote{font-size:18px;text-align:center;position:static;padding:20px}.about-us__section-7{padding:80px 20px}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-header{font-size:16px;padding:12px 16px}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-content{font-size:14px;padding:12px 16px}}@media (max-width: 480px){.about-us__section-6 .section-6__wrap .section-6__content .section-6__info h1{font-size:18px}.about-us__section-6 .section-6__wrap .section-6__content .if--1{font-size:14px}.about-us__section-6 .section-6__profile{padding:20px}.about-us__section-7{padding:60px 15px}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-header{font-size:14px}.about-us__section-7 .section-7__wrap .ant-collapse .ant-collapse-item .ant-collapse-content{font-size:13px}}.ant-dropdown .ant-dropdown-menu{max-height:400px;overflow-y:auto}.practice{background:linear-gradient(135deg,#5c6ff4,#e870c2)!important;padding:200px 0}.practice .practice__wrap{padding:0 200px}@media (max-width: 1200px){.practice .practice__wrap{padding:0 100px}}@media (max-width: 992px){.practice .practice__wrap{padding:0 50px}}@media (max-width: 768px){.practice .practice__wrap{padding:0 20px}}@media (max-width: 480px){.practice .practice__wrap{padding:0 10px}}.image__list{border-radius:10px;box-shadow:0 6px 15px #0003;padding:30px;background-color:#fff}.image__list .inner-image{width:100%;height:auto}.image__list .inner-image img{width:100%;height:100%;object-fit:cover}.question__wrap{border-radius:10px;box-shadow:0 6px 15px #0003;padding:30px;background-color:#fff}.question__wrap .time{font-size:35px;font-weight:700;margin-bottom:30px}.question__wrap .question__number{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.question__wrap .question__number p{border:2px solid #e88ec6;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:5px}.question__wrap .question__number p:hover{background-color:#e88ec6;color:#fff}.question__wrap .question__number p.active{background-color:#e88ec6;color:#fff;width:50px}.question__wrap .qn--1{flex-direction:column}.question__wrap .qn--1 p{width:100%;justify-content:left}.question__wrap h3{font-size:23px;margin-bottom:20px}.question__wrap label{font-size:18px}.question__wrap .infomation{font-size:18px;font-style:italic}.question__wrap .alert{color:red;font-size:18px;font-style:italic}.button__submit{padding:10px 20px;width:100%;text-align:center;background-color:#f6c964;color:#000;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:30px;border-radius:5px}.button__back{padding:10px 20px;width:100px;text-align:center;background-color:#f6c964;color:#000;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:30px;border-radius:5px}.wallpaper{width:100%;height:400px}.wallpaper img{width:100%;height:100%;object-fit:cover}.profile__section-1 .section-1__wrap{display:flex;gap:30px;align-items:center}.profile__section-1 .section-1__wrap .profile__image{margin-top:-150px;border-radius:50%;width:250px;height:250px;border:4px solid pink}.profile__section-1 .section-1__wrap .profile__image img{border-radius:50%;width:100%;height:100%;object-fit:cover}.profile__section-1 .section-1__wrap .profile__content h3{font-size:35px;margin:10px 0;text-transform:uppercase}.base-padding,.profile__section-2 .profile__result,.profile__section-2 .profile__info{border-radius:10px;box-shadow:0 6px 15px #0003;padding:20px;margin-bottom:20px}.profile__section-2{margin:50px 0 200px}.profile__section-2 .profile__info{position:relative}.profile__section-2 .profile__info ul{padding-left:20px}.profile__section-2 .profile__info ul li{margin:15px 0;font-size:16px}.profile__section-2 .profile__info .button__edit{position:absolute;top:5px;right:5px;border:1px solid pink;border-radius:5px;cursor:pointer;font-size:18px;padding:5px}.profile__section-2 .profile__info .button__edit--2{position:absolute;top:45px;right:5px;border:1px solid pink;border-radius:5px;cursor:pointer;font-size:18px;padding:5px}.score{padding:200px 0;background:linear-gradient(135deg,#5c6ff4,#e870c2)!important}.score .score__common{display:flex;gap:10px}.score .score__common .overview{width:33%;border-radius:10px;box-shadow:0 6px 15px #0003;padding:25px;margin-bottom:20px;background-color:#fff}.score .score__common .overview p{font-size:20px;font-weight:600}.score .score__common .your-score{width:67%;border-radius:10px;box-shadow:0 6px 15px #0003;padding:25px;margin-bottom:20px;background-color:#fff;text-align:center}.score .score__common .your-score h3{font-size:50px;font-weight:600;color:red}.score .score__common .your-score p{font-size:25px}.score .score__detail{display:flex;gap:10px}.score .score__detail .sta{width:100%;border-radius:10px;box-shadow:0 6px 15px #0003;padding:25px;margin-bottom:20px;background-color:#fff;text-align:center;display:flex;flex-direction:column;gap:10px}.score .score__detail .sta h2,.score .score__detail .sta h3,.score .score__detail .sta i{font-size:30px}.score .score__detail .sta p{font-size:18px;font-weight:500}.score .score__detail .sta.right h2,.score .score__detail .sta.right i{color:#6bb175}.score .score__detail .sta.wrong h2,.score .score__detail .sta.wrong i{color:#c9494b}.score .score__detail .sta.non h2,.score .score__detail .sta.non i{color:#808080db}.score .key{border-radius:10px;box-shadow:0 6px 15px #0003;padding:25px;margin-bottom:20px;background-color:#fff}.score .key h2{text-align:center}.score .key h3{margin-bottom:20px;font-size:25px}.score .key .key__list .key__item{display:flex;gap:15px;align-items:center;font-size:20px;margin:20px;font-weight:500}.score .key .key__list .key__item p{margin:0;background-color:#e870c2;border-radius:50%;width:30px;height:30px;padding:2px;display:flex;align-items:center;justify-content:center;color:#fff}.score .key .key__list .key__item .right{color:#6bb175;font-size:22px}.score .key .key__list .key__item .wrong{color:#c9494b;font-size:22px}.score .key .key__list .key__item .old-answer{font-style:italic}@media (max-width: 992px){.score .score__common{flex-direction:column}.score .score__common .overview,.score .score__common .your-score{width:100%}.score .score__detail{flex-direction:column}.score .score__detail .sta{width:100%}.score .your-score h3{font-size:40px}}@media (max-width: 576px){.score{padding:100px 0}.score .your-score h3{font-size:32px}.score .overview p,.score .key__item{font-size:16px}.score .key__item p.number{width:25px;height:25px;font-size:14px}}