.page_home {
    margin-top: -95px;
}

.section_banner {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 60px 60px;
    background-image:
        url(./images/home_bg_1.svg);
    padding: 180px 0 60px 0;
}

.section_banner .box_left {
    position: relative;
}

.section_banner .icon_hat {
    position: absolute;
    right: 0;
    top: 0;
}

.banner_title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
}

.banner_title_1 {
    position: relative;
    width: fit-content;
}

.banner_title_1::after {
    width: 63px;
    height: 55px;
    position: absolute;
    content: "";
    top: -94%;
    right: -8%;
    z-index: 2;
    background-image: url(./images/hat.svg);
}

.banner_title_1 span,
.banner_title_3 span {
    padding: 4px 16px 5px 16px;
    border-radius: 12px;
    text-decoration: none;
}

.banner_title_1 span {
    background-color: #FFF;
    color: var(--color-1);
}

.banner_title_3 span {
    background-color: #FFF;
    color: var(--color-3);
}

.banner_des {
    border-left: solid 2px #E96927;
    padding-left: 16px;
    color: #fff;
    margin-top: 38px;
    margin-bottom: 48px;
    font-size: 20px;

}

.banner_box_btn .btn-style-1 {
    margin-right: 20px;
}

/* home 2 */
.section_vechungtoi {
    padding: 60px 0;
    overflow: hidden;
}

.section_vechungtoi .box_left {
    padding-right: 100px;

}

.section_vechungtoi .fly {
    position: absolute;
    right: 0;
    top: 0;
}

.section_vechungtoi .box_left .subtitle {
    font-size: 18px;
}

.section_title {
    font-size: 40px;
}

.section_vechungtoi .box_left .section_title {
    margin-bottom: 12px;
}

.section_vechungtoi .box_left .des {
    font-size: 18px;
    margin-bottom: 36px;
}

.section_vechungtoi .dots {
    position: absolute;
    right: 30px;
    z-index: -1;
}

/* section 3 */
.section_khoahoc {
    padding: 60px 0;
    overflow: hidden;
}

.section_khoahoc .circle_1 {
    position: absolute;
    top: 12%;
    left: 10%;
    max-width: 195px;
    width: 100%;
}

.section_khoahoc .circle_2 {
    position: absolute;
    bottom: 10%;
    right: 14%;
    max-width: 111px;
    width: 100%;

}

.section_khoahoc .dots {
    position: absolute;
    top: 10%;
    right: 14%;

}

.section_khoahoc .swiper-button-next,
.section_khoahoc .swiper-button-prev {
    width: 50px;
    height: 50px;

}

.section_khoahoc .swiper-button-next {
    right: -50px;
    top: 49%;
}

.section_khoahoc .swiper-button-prev {
    left: -50px;
}

.section_khoahoc .swiper-button-next::after,
.section_khoahoc .swiper-button-prev::after {
    content: "";
    background-image: url(./images/arrow.svg);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;


}

.section_khoahoc .swiper-button-next::after {
    transform: rotate(180deg);
}

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

.swiper-pagination-bullet-active {
    background-color: var(--color-1) !important;
}

/* Home 4 */
.section_lydochon {
    background-color: var(--bg-2);
    padding-top: 30px;
    overflow: hidden;
}

.section_lydochon .circle_1 {
    position: absolute;
    top: -65px;
    left: -118px;
    max-width: 221px;
    width: 100%;
}

.wcu_item {
    display: flex;
    gap: 10px;
    max-width: 443px;
    width: 100%;
}

.wcu_item_1 {
    margin: auto;
}

.wcu_icon img {
    max-width: 40px;
    width: 40px;
    height: 40px;
}

.wcu_title {
    color: var(--color-5);
}

.section_lydochon .wcu_item_2,
.section_lydochon .wcu_item_4 {
    margin-bottom: 20px;
}

.bg_item {
    position: absolute;
    z-index: 1;

}

.section_lydochon .atom {
    top: 8%;
    left: 24%;
}

.section_lydochon .ruler {
    top: 10%;
    right: 23%;
}

.section_lydochon .globe {
    bottom: 10%;
    right: 17%;
}

/* home 5 */
.section_thanhtuu {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    overflow: hidden;
}

.section_thanhtuu .cloud_1 {
    left: -76px;
    bottom: -70%;
}

.section_thanhtuu .cloud_2 {
    right: -105px;
    bottom: -45px;
}

.section_thanhtuu .counter div:not(:last-child) {
    border-right: dashed 1px #fff;
}

.counter .item {

    margin: 10px;
    text-align: center;
    padding: 0 40px;
}

.counter .item .count_title {
    color: #fff;
    margin-bottom: 5px;
    font-size: 36px;
}

.counter .item .count_text {
    color: #fff;
    font-weight: 500;
}

/*Home 6 */
.section_camnhanhv {
    padding: 60px 0;
}

.section_camnhanhv .box_left .des {
    max-width: 462px;
}

.feedback_slide {
    margin-top: 28px;
    position: relative;
}

.feedback_slide::after {
    content: "";
    width: 72px;
    height: 72px;
    position: absolute;
    left: -20px;
    top: -30px;
    background-image: url(./images/quote.svg);
}

.feedback_slide .feedback-item {
    padding: 0 60px;
}

.feedback_info {
    display: flex;
    align-items: center;
}

.feedback_info .feedback_avatar {
    margin-right: 10px;
}

.feedback_info .feedback_avatar img {
    height: 56.03px;
    width: 56px;
}

.feedback_info p {
    margin-bottom: 0;
}

.feedback_title h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.feedback_info .feedback_title p {
    color: rgba(0, 0, 0, 0.64);
    font-size: 14px;
}

.feedback_des p {
    color: var(--color-7);
}

.feedback_slide_box_btn {
    display: flex;
    gap: 10px;
    margin-top: 40px;
}

.feedback_slide_box_btn .swiper-button-next,
.feedback_slide_box_btn .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin: 0;
    width: 47.67px;
    height: 47.67px;
    border: solid 1px var(--color-6);
    border-radius: 50%;
}

.feedback_slide_box_btn .swiper-button-next:hover,
.feedback_slide_box_btn .swiper-button-prev:hover {
    background-color: var(--color-6);
}

.feedback_slide_box_btn .swiper-button-next:hover::after,
.feedback_slide_box_btn .swiper-button-prev:hover::after {
    color: #fff;
}

.feedback_slide_box_btn .swiper-button-next::after,
.feedback_slide_box_btn .swiper-button-prev::after {

    font-family: 'bootstrap-icons';
    font-size: 32px;
}

.feedback_slide_box_btn .swiper-button-next::after {
    content: "\F135";

}

.feedback_slide_box_btn .swiper-button-prev::after {
    content: "\F12C";

}

/* home 7 */
.section_btt {
    padding: 60px 0;
    background-image: url(./images/hp_7_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.btt_main_image {
    margin-bottom: 40px;
}

.btt_main_image .box_left {
    padding: 10px;
}

.btt_main_image .thanhtich_thumb {
    position: relative;
    padding: 16px;
}

.btt_main_image .thanhtich_thumb::before,
.btt_main_image .thanhtich_thumb::after {
    content: "";
    background-image: url(./images/hp_7_bg_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 1;
}

.btt_main_image .thanhtich_thumb::before {
    width: 148px;
    height: 148px;
    top: 0;
    left: 0;
}

.btt_main_image .thanhtich_thumb::after {
    width: 248px;
    height: 248px;
    bottom: 0;
    right: 0;
}

.btt_main_image .thanhtich_thumb img {
    z-index: 2;
    position: relative;
    border-radius: 30px;
    width: 100%;
}

.thanhtich_info {
    padding-left: 20px;
}

.thanhtich_info h3 {
    color: var(--color-8);
}

.thanhtich_info h3 span {
    color: var(--color-2);
}

.thanhtich_meta {
    font-size: 20px;
}

.thanhtich_meta.diem_thi {
    font-weight: 600;
    color: var(--color-9);
}

.thanhtich_meta.ten_truong {
    color: var(--color-10);
}

.thanhtich_des {
    font-size: 18px;
}

.thanhtich_thumb {
    border-radius: 20px;
    overflow: hidden;
}

.thanhtich_thumb:hover {
    cursor: pointer;
    opacity: 1;
}

.btt_thumbnail_image .swiper-slide {
    opacity: 0.6;
}

.btt_thumbnail_image .swiper-slide-thumb-active {
    opacity: 1;
}

.hp7_slide_box_2 {
    padding: 0 20px;
}

.slide_box_2 .swiper-button-next,
.slide_box_2 .swiper-button-prev {
    width: 45px;
    height: 45px;
    border: solid 2px var(--color-11);
    border-radius: 50%;
}

.slide_box_2 .swiper-button-prev {
    left: -50px;
}

.slide_box_2 .swiper-button-next {
    right: -50px;
}

.slide_box_2 .swiper-button-next::after,
.slide_box_2 .swiper-button-prev::after {

    font-family: 'bootstrap-icons';
    font-size: 32px;
    color: var(--color-11);
}

.slide_box_2 .swiper-button-next::after {
    content: "\F135";

}

.slide_box_2 .swiper-button-prev::after {
    content: "\F12C";

}

.slide_box_2 .swiper-pagination {
    bottom: 0 !important;
}

/* section 8 */
.section_lh {
    padding-top: 60px;
    position: relative;
}

.section_lh {
    border-radius: 70px;
    background: linear-gradient(270deg, #007EFF 0.19%, #00468E 99.81%);
    margin-top: 100px;
}

.section_lh .box_right {
    margin-top: -77px;
    text-align: center;
}

.section_lh .box_left {
    padding-bottom: 20px;
}

.section_lh .box_left .section_title {
    margin-bottom: 30px;
}

.section_lh .box_form input,
.section_lh .box_form select,
.section_lh .box_form textarea {
    background: transparent;
    width: 100%;
    border: solid 1px rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    padding: 0px 18px;
    color: #fff;
}

.section_lh .box_form select option {
    color: #000;
}

.section_lh .box_form input,
.section_lh .box_form select {

    height: 60px;

}

.section_lh .box_form input::placeholder,
.section_lh .box_form textarea::placeholder,
.section_lh .box_form select::placeholder {
    color: #fff;
}

.section_lh .box_form textarea {
    padding-top: 10px;
}

.section_lh .box_form textarea:focus-visible,
.section_lh .box_form input:focus-visible,
.section_lh .box_form select:focus-visible {
    box-shadow: none;
    outline: auto;
}

.section_lh .box_form .wpcf7-not-valid-tip {
    margin-top: 10px;
    color: #fff;
}

.section_lh .box_form button {
    font-weight: 600;
    position: relative;
    max-width: 166px;
    width: 100%;
}

.section_lh .box_form button::after {
    content: "";
    position: relative;
    right: 0;
    background-image: url(./images/arown-right.svg);
    background-size: cover;
    width: 20px;
    height: 13px;
    margin-left: 10px;
}

/* section 9 */
.section_faq {
    padding: 60px 0;
    overflow: hidden;
}

.faq-accordion {
    max-width: 600px;
    margin-top: 30px;
}

.faq-question {
    font-size: 18px;
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
}

.faq-answer {
    display: none;
    padding: 15px;
    border-top: none;
    color: #fff;
}

.faq-item {
    border-bottom: solid 1px #CCCCCC;
}

.faq-item:not(:last-child) {
    margin-bottom: 10px;
}

.faq-item:hover {
    background-color: var(--bg-4);
    border-radius: 15px;
    border: none;
}

.faq-item.active {
    background-color: var(--bg-3);
    border-radius: 15px;
    overflow: hidden;
}

.faq-item.active .faq-question {
    color: #fff;
}

.section_faq .box_right img.main_img {
    position: relative;
    z-index: 2;
}

.section_faq .box_right .dots {
    right: 0;
    top: 0;
}

.section_faq .box_right .faq_icon_1 {
    bottom: 26%;
    right: 5px;

}

.section_faq .box_right .faq_icon_2 {

    bottom: 11%;
    right: 69%;
    z-index: 3;

}

.section_lh .wpcf7 form .wpcf7-response-output {
    color: #fff;
}

@media screen and (min-width:990px) {
    .section_khoahoc .swiper-pagination {
        display: none;
    }

    .feedback_slide_box .swiper-pagination {
        display: none;
    }

    .slide_box_2 .swiper-pagination {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .section_title {
        font-size: 32px;
    }
}

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

    .section_khoahoc .swiper-button-next,
    .section_khoahoc .swiper-button-prev {
        display: none;
    }

    .slide_box_2 .swiper-button-next,
    .slide_box_2 .swiper-button-prev {
        display: none;
    }

}

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

    /*  section_banner */
    .banner_title {
        font-size: 24px;
    }

    .banner_title_1::after {
        right: 0;
        top: -52px;
    }

    .banner_des {
        font-size: 16px;
    }

    /* section_vechungtoi */
    .section_title {
        font-size: 26px;
    }

    .section_vechungtoi .box_left {
        padding-right: 0;
    }

    .section_vechungtoi .box_left .des {
        font-size: 16px;
    }

    .section_vechungtoi .row {
        flex-direction: column-reverse;
    }

    .section_vechungtoi .fly {
        display: none;
    }

    .section_vechungtoi .box_right {
        margin-bottom: 30px;
    }


    /* section_lydochon */

    .section_lydochon .col_left {
        order: 0;
    }

    .section_lydochon .col_center {
        order: 2;
    }

    .section_lydochon .col_right {
        order: 1;
    }

    .wcu_item_1 {
        margin: 0;
    }

    .wcu_item {
        margin-bottom: 20px;
    }

    .section_lydochon .col_center {
        text-align: center;
    }

    .section_lydochon .atom {
        display: none;
    }

    .section_lydochon .ruler {
        display: none;
    }

    /* section_camnhanhv */
    .feedback_slide_box_btn {
        display: none;
    }

    /*   .section_lh */
    .section_lh {
        margin-top: 30px;
        border-radius: 10px;
    }

    .section_lh .box_right {
        display: none;
    }

    /* section_faq */
    .section_faq .box_right {
        margin-top: 30px;
    }

    .section_faq {
        padding-bottom: 0;
    }
}

@media screen and (max-width:525px) {
    .banner_title {
        font-size: 20px;
    }
}

@media screen and (max-width:425px) {
    .banner_title {
        font-size: 18px;
        line-height: 32px;
    }

    .banner_des {
        font-size: 14px;
    }

    /* seciton 2 */
    .text-style-1 {
        font-size: 24px;
    }

    .section_vechungtoi .box_left .des {
        font-size: 16px;
    }

    /* section_camnhanhv */
    .feedback_slide .feedback-item {
        padding: 0 10px;
    }

    .feedback_title h5 {
        font-size: 18px;
    }
}

@media screen and (max-width:390px) {
    /* .banner_title {
        font-size: 3px;
    } */
}

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


}

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


}