/*  */
.page-template-page_home {
    background: var(--Background, #FFF9DC);
}

/* section 1 */
.banner-section .inner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 0 0px 0;
    position: relative;
    overflow: hidden;
}

.banner-section .title {
    text-shadow: 1px 4px 6px rgba(0, 0, 0, 0.12);
    line-height: 42px;
    margin-bottom: 28px;
}

.banner-section .desc {
    line-height: 28px;
}

a.btn.btn-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 16px 24px;
    border-radius: 10px;
    border: 1px solid var(--color-1, #F6892C);
    background: linear-gradient(180deg, #FFF -10.23%, #FFFDD8 100%);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.20);

}

a.btn.btn-banner {
    color: var(--color-2, #EB6423);
    font-family: var(--font-montserrat);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* section 2 */
.home_section_2.section_dk {
    padding-top: 0;

}

.home_section_2.section_dk .form-dk {
    background: inherit;
    padding: 40px 60px 60px 60px;
    filter: none;
}

.main-title span {
    color: var(--color-2, #EB6423);
    font-family: var(--font-dela);

}

.section_dk .subtitle {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 200;

}

.section_dk .box-right .main-title {
    color: #fff;
    letter-spacing: 1px;
}

.section_dk .box-right .main-title span {
    color: var(--color-4, #FBCD0B);
    font-size: 28px;

}

.section_dk .box-des {
    position: relative;
    z-index: 1;
}

.section_dk .box-des .desc {
    max-width: 316px;
    margin: auto;
}

.section_dk .box-des .divider {
    height: 20px;
}

.section_dk .box-des .box-chat a {
    position: relative;
    padding: 13px 20px;
    display: inline-flex;
    background-color: var(--color-2);
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    transition: 0.3s all;
    transform: scale(1);

}

.section_dk .box-des .box-chat a:hover {
    transform: scale(1.1);
    transition: 0.3s all;

}

.section_dk .box-des .box-chat a::before {
    /* content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.668 1.75C18.622 1.75 23.418 6.142 23.418 11.5C23.418 16.858 18.622 21.25 12.668 21.25C11.27 21.25 9.93397 21.007 8.70997 20.567L5.50297 22.171C5.25397 22.295 4.95697 22.272 4.72997 22.109C4.50397 21.947 4.38697 21.672 4.42497 21.396L4.87097 18.211C3.03697 16.459 1.91797 14.095 1.91797 11.5C1.91797 6.142 6.71397 1.75 12.668 1.75ZM12.668 3.25C7.58297 3.25 3.41797 6.924 3.41797 11.5C3.41797 13.797 4.47397 15.871 6.16397 17.363C6.35297 17.529 6.44597 17.779 6.41097 18.029L6.10797 20.191L8.33297 19.079C8.52297 18.984 8.74497 18.974 8.94297 19.052C10.084 19.501 11.344 19.75 12.668 19.75C17.753 19.75 21.918 16.076 21.918 11.5C21.918 6.924 17.753 3.25 12.668 3.25Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.05395 14.6721C7.93895 14.7621 7.77495 14.7551 7.66795 14.6571C7.55995 14.5581 7.53895 14.3961 7.61795 14.2731C8.52795 12.8561 9.87195 10.7661 10.618 9.60515C10.763 9.38015 10.993 9.22215 11.255 9.16715C11.518 9.11215 11.791 9.16515 12.014 9.31415C12.545 9.66815 13.211 10.1121 13.661 10.4121C13.972 10.6191 14.374 10.6362 14.701 10.4542C15.409 10.0612 16.675 9.35715 17.586 8.85115C17.707 8.78415 17.859 8.80815 17.953 8.91015C18.046 9.01215 18.058 9.16415 17.982 9.28015C17.188 10.4701 15.9 12.4021 15.186 13.4731C14.894 13.9111 14.314 14.0481 13.858 13.7871C13.213 13.4181 12.325 12.9111 11.749 12.5821C11.398 12.3811 10.959 12.4121 10.639 12.6611C10.008 13.1521 8.92895 13.9921 8.05395 14.6721Z" fill="white"/></svg>'); */
    content: "";
    background-image: url(./images/icon/icon_messenger.png);
    width: 25px;
    height: 24px;
    position: relative;
    margin-right: 8px;
}


.section_dk .box-title {
    margin-bottom: 28px;
}

.section_dk .form-dk {
    padding: 40px 60px 100px 60px;
    position: relative;
}

.section_dk .form-dk .mask-bg {
    position: absolute;
    /* -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 786"><path d="M0 0H600V648.293C600 685.184 574.773 717.292 538.929 726.021L292.631 786L60.1754 726.541C24.768 717.484 0 685.584 0 649.036V0Z"/></svg>'); */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-image: url(./images/webkit-mask.png);
    background: #EB6423;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.section_dk .form-dk label {
    color: #fff;
    margin-bottom: 16px;
    display: none;
}

.section_dk .form-dk input::placeholder,
.section_dk .form-dk textarea::placeholder,
.section_dk .form-dk select {
    color: #181818;
    font-size: 14px;
}

.section_dk .form-dk select {
    padding-left: 16px;
}

.section_dk .form-dk input,
.section_dk .form-dk textarea,
.section_dk .form-dk select {
    color: #181818;
    height: 44px;
}

.section_dk .form-dk input,
.section_dk .form-dk select {
    border-radius: 50px;
}

.section_dk .form-dk select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari, Chrome */
    appearance: none;
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.06167 5.9393L7.42979 11.0368C7.5002 11.1189 7.58754 11.1848 7.68582 11.23C7.7841 11.2752 7.89099 11.2986 7.99917 11.2986C8.10734 11.2986 8.21423 11.2752 8.31251 11.23C8.41079 11.1848 8.49813 11.1189 8.56854 11.0368L12.9367 5.9393C13.3535 5.45273 13.0079 4.70117 12.3673 4.70117H3.62979C2.98917 4.70117 2.64354 5.45273 3.06167 5.9393Z" fill="#181818"/></svg>'); */
    background-image: url(./images/icon/arown.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 40px;
}

.section_dk .form-dk .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
}

.section_dk .form-dk input,
.section_dk .form-dk select,
.section_dk .form-dk textarea {
    border: 1px solid rgba(42, 42, 42, 0.08);
    background: #fff;
    border-radius: 8px;
}

.section_dk .form-dk textarea {
    height: 120px;

}
.section_dk .form-dk .wpcf7 form.invalid .wpcf7-response-output{
    color: #fff;
}
button.btn-form-submit {
    position: relative;
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: #F38A3D;
    height: 48px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.btn-form-submit::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14" fill="none"><path d="M20.1956 0.759766H5.31562C4.25962 0.759766 3.39562 1.62377 3.39562 2.67977V3.39977C3.39562 3.66377 3.61162 3.87977 3.87562 3.87977C4.13962 3.87977 4.35562 3.66377 4.35562 3.39977V2.67977C4.35562 2.58377 4.37962 2.48777 4.40362 2.39177L9.77962 6.99977L4.40362 11.6078C4.37962 11.5118 4.35562 11.4158 4.35562 11.3198V10.5998C4.35562 10.3358 4.13962 10.1198 3.87562 10.1198C3.61162 10.1198 3.39562 10.3358 3.39562 10.5998V11.3198C3.39562 12.3758 4.25962 13.2398 5.31562 13.2398H20.1956C21.2516 13.2398 22.1156 12.3758 22.1156 11.3198V2.67977C22.1156 1.62377 21.2516 0.759766 20.1956 0.759766ZM5.12362 1.74377C5.17162 1.71977 5.24362 1.71977 5.31562 1.71977H20.1956C20.2676 1.71977 20.3396 1.71977 20.3876 1.74377L13.0676 8.00777C12.8756 8.15177 12.6356 8.15177 12.4436 8.00777L5.12362 1.74377ZM20.1956 12.2798H5.31562C5.24362 12.2798 5.17162 12.2798 5.12362 12.2558L10.5236 7.62377L11.8196 8.75177C12.0836 8.99177 12.4196 9.11177 12.7556 9.11177C13.0916 9.11177 13.4276 8.99177 13.6916 8.75177L14.9876 7.62377L20.3876 12.2558C20.3396 12.2798 20.2676 12.2798 20.1956 12.2798ZM21.1556 11.3198C21.1556 11.4158 21.1316 11.5118 21.1076 11.6078L15.7316 6.99977L21.1076 2.39177C21.1316 2.48777 21.1556 2.58377 21.1556 2.67977V11.3198ZM1.95562 5.79977C1.95562 5.53577 2.17162 5.31977 2.43562 5.31977H5.31562C5.57962 5.31977 5.79562 5.53577 5.79562 5.79977C5.79562 6.06377 5.57962 6.27977 5.31562 6.27977H2.43562C2.17162 6.27977 1.95562 6.06377 1.95562 5.79977ZM5.31562 8.67977H0.995625C0.731625 8.67977 0.515625 8.46377 0.515625 8.19977C0.515625 7.93577 0.731625 7.71977 0.995625 7.71977H5.31562C5.57962 7.71977 5.79562 7.93577 5.79562 8.19977C5.79562 8.46377 5.57962 8.67977 5.31562 8.67977Z" fill="white"/></svg>');
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 8px;

}

button.btn-form-submit:hover {
    color: var(--color-2);
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

button.btn-form-submit:hover::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14" fill="none"><path d="M20.1956 0.759766H5.31562C4.25962 0.759766 3.39562 1.62377 3.39562 2.67977V3.39977C3.39562 3.66377 3.61162 3.87977 3.87562 3.87977C4.13962 3.87977 4.35562 3.66377 4.35562 3.39977V2.67977C4.35562 2.58377 4.37962 2.48777 4.40362 2.39177L9.77962 6.99977L4.40362 11.6078C4.37962 11.5118 4.35562 11.4158 4.35562 11.3198V10.5998C4.35562 10.3358 4.13962 10.1198 3.87562 10.1198C3.61162 10.1198 3.39562 10.3358 3.39562 10.5998V11.3198C3.39562 12.3758 4.25962 13.2398 5.31562 13.2398H20.1956C21.2516 13.2398 22.1156 12.3758 22.1156 11.3198V2.67977C22.1156 1.62377 21.2516 0.759766 20.1956 0.759766ZM5.12362 1.74377C5.17162 1.71977 5.24362 1.71977 5.31562 1.71977H20.1956C20.2676 1.71977 20.3396 1.71977 20.3876 1.74377L13.0676 8.00777C12.8756 8.15177 12.6356 8.15177 12.4436 8.00777L5.12362 1.74377ZM20.1956 12.2798H5.31562C5.24362 12.2798 5.17162 12.2798 5.12362 12.2558L10.5236 7.62377L11.8196 8.75177C12.0836 8.99177 12.4196 9.11177 12.7556 9.11177C13.0916 9.11177 13.4276 8.99177 13.6916 8.75177L14.9876 7.62377L20.3876 12.2558C20.3396 12.2798 20.2676 12.2798 20.1956 12.2798ZM21.1556 11.3198C21.1556 11.4158 21.1316 11.5118 21.1076 11.6078L15.7316 6.99977L21.1076 2.39177C21.1316 2.48777 21.1556 2.58377 21.1556 2.67977V11.3198ZM1.95562 5.79977C1.95562 5.53577 2.17162 5.31977 2.43562 5.31977H5.31562C5.57962 5.31977 5.79562 5.53577 5.79562 5.79977C5.79562 6.06377 5.57962 6.27977 5.31562 6.27977H2.43562C2.17162 6.27977 1.95562 6.06377 1.95562 5.79977ZM5.31562 8.67977H0.995625C0.731625 8.67977 0.515625 8.46377 0.515625 8.19977C0.515625 7.93577 0.731625 7.71977 0.995625 7.71977H5.31562C5.57962 7.71977 5.79562 7.93577 5.79562 8.19977C5.79562 8.46377 5.57962 8.67977 5.31562 8.67977Z" fill="%23EB6423"/></svg>');

}

/* Section 3 */
.home_section_3 {
    padding: 40px 0 50px 0;
}

.main-title.has-divider span {
    position: relative;
}

.main-title.has-divider span::after {
    content: "";
    background-image: url(./images/divider.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: -10px;
    left: 0;
    position: absolute;
}

.slide_tthv {
    margin-top: 40px;
}

.tthv-box-inner {
    overflow: visible;
    padding: 10px 15px;
}

.thanhtich_item {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 4px 2px 17px 0 rgba(235, 100, 35, 0.35);
    padding: 20px 10px;
    overflow: visible;
    position: relative;
}

.thanhtich_item .thumb {
    text-align: center;
    margin-bottom: 30px;
}

.thanhtich_item .thumb img {
    border-radius: 50%;
    max-width: 220px;
}

.thanhtich_item .content .title {
    font-family: var(--font-montserrat);
    font-weight: 700;
    color: var(--text-1, #181818);
    text-align: center;
    margin-bottom: 0;
}

.thanhtich_item .content .meta-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meta-award {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
}

.meta-award .mask-bg {
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-image: url(./images/webkit-mask.png);
    background: var(--color-2);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.meta-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 10px;
    color: #fff;
    align-items: center;
    font-weight: 500;
    font-family: var(--font-montserrat);
}

.meta-inner span {
    font-size: 28px;
    font-weight: 700;
}

.meta-class {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 0;
    font-weight: 400;
    color: #484848;
}

.meta-class::before {
    content: "";
    background-image: url(./images/icon/award.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    position: relative;
    left: 0;
    margin-right: 5px;
    display: block;
}

.meta-score {
    display: flex;
    width: 200px;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: linear-gradient(40deg, #ED6400 22.91%, #F6892C 102.65%);
    color: #fff;
    font-weight: 700;
    font-size: 40px;
}

/* Section 4 */
.section_khoa_hoc {
    padding: 30px 0;
}

.section_khoa_hoc .main-title {
    margin-bottom: 15px;
}

.section_khoa_hoc .main-title span:nth-child(1) {
    text-transform: uppercase;
}

.section_khoa_hoc .main-title span:nth-child(2) {
    color: #fff;
    background-color: var(--color-2);
    padding: 3px 20px;
    border-radius: 50px;
    transform: rotate(359deg);
    display: inline-block;
}

.section_khoa_hoc .desc {
    max-width: 840px;
    width: 100%;
    margin: auto;
    text-align: center;
}

.list-course {
    background-color: var(--color-2);
    border-radius: 40px;
    padding: 40px;
    margin-top: 40px;
}

.course-item {
    margin-bottom: 55px;
}

.course-item-4,
.course-item-5,
.course-item-6 {
    margin-bottom: 30px;
}

.course-item-inner {
    overflow: hidden;
    border-radius: 20px;
    background-color: #fff;
}

.course-thumb {
    background-color: #FFF9DC;
    position: relative;
}

.course-thumb::after {
    content: "";
    background-image: url(./images/course_bg.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.course-thumb img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.course-title {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 2;
}

.course-content ul {
    padding: 20px;
    margin-left: 0;
    list-style: none;
}

.course-content ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 28px;
}

.course-content ul li::before {
    content: "";
    background-image: url(./images/icon/checked.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    left: 0;
    top: 0;

}

.course-age {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
    max-width: 76px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.course-age .mask-bg {
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-image: url(./images/webkit-mask.png);
    background: var(--color-2);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;

}

.course-age-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: var(--font-montserrat);
}

.course-age-inner span {
    font-size: 28px;
    font-weight: 700;
}

.course-item-1 .mask-bg {
    background-color: var(--color-5);
}

.course-item-2 .mask-bg {
    background-color: var(--color-6);
}

.course-item-4 .mask-bg {
    background-color: var(--color-4);
}

.course-item-5 .mask-bg {
    background-color: var(--color-7);
}

.course-item-6 .mask-bg {
    background-color: var(--color-8);
}

.btn-thb {
    max-width: 260px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-color: var(--color-4);
    border-radius: 50px;
    color: #fff !important;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}

.btn-thb::before {
    content: "";
    right: 6px;
    top: 5px;
    background-image: url(./images/icon/link-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
}

.btn-thb:hover {
    background-color: var(--color-4);
}

/* Section 5 */
.home_section_5 {
    padding: 60px 0;
    background-color: #fff;
}

.home_section_5 .swiper-pagination {
    position: relative;
    bottom: 0 !important;
}

/* Section 6 */
.section_phuong_phap_giang_day {
    padding: 40px 0;
}

/* section 7 */
.section_dk {
    padding: 40px 0 70px;
}

.section_dk .form-dk {
    background-color: var(--color-2);
    padding: 40px 60px 40px 60px;
    filter: drop-shadow(0 2px 16px rgba(0, 0, 0, 0.16));
    border-radius: 20px;
}


@media screen and (min-width:1440px) {
    .banner-section .inner-section {
        padding-bottom: 300px;
    }

    .banner-section .box-right .image {
        position: absolute;
        bottom: -85px;
        right: 0;
    }
}

@media screen and (max-width:990px) {

    .course-item-4,
    .course-item-5,
    .course-item-6 {
        margin-bottom: 55px;
    }
     .section_phuong_phap_giang_day{
        padding-bottom: 0;
     }
    .section_phuong_phap_giang_day .swiper-container{
        padding-bottom: 30px;
        
    }
}

@media screen and (max-width:768px) {
    .section_dk .box-right {
        margin-top: 30px;
    }

    .home_section_2.section_dk .form-dk,
    .section_dk .form-dk,
    .home_section_7.section_dk .form-dk {
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
    }

    .course-title {
        position: relative;
    }

    .list-course {
        padding: 20px;
    }

    .box-pp.box-pp2 {
        overflow: hidden;
    }

}