@import url('https://set-edu.com/wp-content/themes/set-education/assets/fonts/Montserrat/montserrat.css');

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body,* {font-family: 'Montserrat', sans-serif;}
html {scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}
body {
    min-height: 100vh;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}
img,picture,video,canvas,svg {display: block;max-width: 100%;}
a {color: inherit;text-decoration: none;}

ul,
ol {list-style: none;}

button,input,textarea,select {
    font: inherit;
    color: inherit;
    border: none;
    outline: none;
    background: none;
}

button {cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0;}
textarea {resize: vertical;}
input,textarea {outline: none;}
:focus-visible {outline: 2px solid #0d6efd;outline-offset: 2px;}
iframe {border: 0;}
hr {border: none;}
fieldset {border: none;}
legend {padding: 0;}
.header-top{padding: 10px 10px 10px;box-sizing: border-box;border-bottom: 1px solid #000;}
.topbar-social-icons{display: flex;gap: 20px;}
.site-header {background: #fff;border-bottom: 4px solid #ff8c00;position: sticky;top: 0;z-index: 999;}
.navbar {padding: 10px 0;}
.navbar-brand img {height: 45px;object-fit: cover;}
.navbar-nav {gap: 0;}
.navbar-nav .nav-link {color: #000;font-size: 12px;font-weight: 700;text-transform: uppercase;padding: 0;transition: .25s;}
.navbar-nav .nav-link:hover {color: #ff9f1c;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.nav-active {color: #ff9f1c;}
.btn-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 160px;
    width: 100%;
    height: 48px;
    padding: 0;
    background: #d9842a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 30px;
    border: 4px solid rgba(0, 0, 0, .18);
    transition: .3s;
}

.btn-register:hover {background: #f29528;color: #fff;transform: translateY(-2px);}
.navbar-toggler {border: none;box-shadow: none !important;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{background: #1976b8;padding: 10px;}
@media (max-width:991px) {
    .navbar-collapse {
        margin-top: 10px;
        background: #1976b8;
        padding: 15px;
        border-top: 1px solid #ff8c00;
    }
    .navbar-nav {gap: 0;}
    .btn-register {margin-top: 20px;width: 100%;}
}

.hero-banner {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 2;
}

.hero-banner .container {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-content {text-align: center;}
.hero-title {max-width: 750px;width: 100%;}
.hero-btn {
    margin-top: 35px;
    padding: 14px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
}

.hero-video-mobile {display: none;}
.slider-image {width: 100%;object-fit: cover;border-radius: 16px;}
.custom-carousel-btn {width: 80px;opacity: 1;}
.carousel-control-prev {justify-content: flex-start;padding-left: 20px;}
.carousel-control-next {justify-content: flex-end;padding-right: 20px;}

.slider-btn {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(6px);

    transition: .3s;
}

.slider-btn i {color: #fff;font-size: 22px;}
.slider-btn:hover {background: rgba(0, 0, 0, .75);}

.set-hero {
    padding: 40px 0 0;
    background: #fff;
}

.set-hero-title {
    color: #f57c1f;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1.1;
}

.set-hero-subtitle {
    color: #2386df;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.set-hero-desc {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 auto;
}

.set-benefit-section {
    background: #eaf4ff;
    padding: 80px 0;
}

.benefit-image {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.benefit-image img {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.benefit-title {
    color: #ef2b24;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}

.benefit-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.benefit-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 15px;
}

.benefit-list li i {
    color: #ef2b24;
    font-size: 20px;
    margin-top: 5px;
    flex-shrink: 0;
}

.benefit-list li span {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.benefit-list strong {font-weight: 700;}

.set-event-feature {background: #1976d2;padding: 80px 0;}
.set-event-title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
.event-item {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 45px;
}
.event-icon {
    width: 72px;
    text-align: center;
    flex-shrink: 0;
}

.event-icon i {
    color: #fff;
    font-size: 40px;
}

.event-item h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.event-item p {
    color: #ffb14d;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.set-title {
    color: #ff7b00;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 40px;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
}

.logo-track {
    display: flex;
    width: max-content;
    gap: 5px;
    animation: marquee 40s linear infinite;
}

.logo-slider.reverse .logo-track {animation: marqueeReverse 60s linear infinite;}

.logo-item {
    width: 140px;
    height: 65px;
    border: 1px solid #2196f3;
    border-radius: 14px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: .35s;
}

.logo-item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
}

.logo-item img {
    max-width: 90%;
    max-height: 42px;
    object-fit: contain;
}

@keyframes marquee {
    from {transform: translateX(0);}
    to {transform: translateX(-50%);}
}

@keyframes marqueeReverse {
    from {transform: translateX(-50%);}
    to { transform: translateX(0);}
}

.logo-slider:nth-child(odd) .logo-track {animation-name: marquee;}
.logo-slider:nth-child(even) .logo-track {animation-name: marqueeReverse;}
.logo-slider .logo-item:hover~.logo-track {animation-play-state: paused;}
.set-scholarship-section {
    background: #dbf3ff;
    padding: 80px 0;
}

.scholarship-banner {
    max-width: 520px;
    width: 100%;
    margin: auto;
	height: 300px;
	padding: 20px;
    box-sizing: border-box;object-fit: contain;
}

.scholarship-table {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
}

.scholarship-table thead th {
    background: #4c2ba8;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    padding: 16px;
}

.scholarship-table tbody td {
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 600;
    border-color: #d9d9d9;
}

.scholarship-table tbody tr:hover {
    background: #f5f7ff;
}

.scholarship-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 18px 40px;
    background: #ff8614;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-size: 24px;
    font-weight: 700;
    transition: .35s;
}

.scholarship-btn:hover {
    color: #fff;
    background: #eb7200;
}

.scholarship-btn i {
    font-size: 26px;
}

.gift-section {
    background: #fff;
    padding: 80px 0;
}

.gift-title {
    font-size: 40px;
    font-weight: 700;
    color: #ff9b00;
    text-transform: uppercase;
    line-height: 1.2;
}

.set-du-hoc-btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    height: 50px;
    padding: 5px 5px 5px 18px;

    background: #ff9b00;
    border-radius: 999px;
    text-decoration: none;

    box-shadow: 12px 10px 8px rgb(0 0 0 / 40%);

    position: relative;
    overflow: hidden;
    isolation: isolate;

    transition: box-shadow .3s ease;
}

.set-du-hoc-btn-arrow::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #3caaf7;
    transform: translateX(-100%);
    transition: transform .45s ease;

    z-index: -1;
}

.set-du-hoc-btn-arrow:hover::before {
    transform: translateX(0);
}

.set-du-hoc-btn-text,
.set-du-hoc-btn-arrow-icon {
    position: relative;
    z-index: 2;
}

.set-du-hoc-btn-text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.set-du-hoc-btn-arrow-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #ff9b00;
    font-size: 18px;
    flex-shrink: 0;
    transform: rotate(-40deg);
    transition: transform .35s ease, color .35s ease;
}

.set-du-hoc-btn-arrow:hover .set-du-hoc-btn-arrow-icon {
    transform: rotate(0deg);
    color: #3caaf7;
}

.set-du-hoc-btn-arrow:hover {
    text-decoration: none;
}

.set-gap {
    padding: 30px;
    box-sizing: border-box;
}

.set-gap-10 {
    padding: 10px;
}

.set-gap-50 {
    padding: 50px;
}

.set-gap-70 {
    padding: 70px;
}

.set-gap-90 {
    padding: 90px;
}

.gift-item {
    transition: .35s;
    cursor: pointer;
    overflow: hidden;
}

.gift-item>img {
    width: 100%;
    max-width: 360px;
    height: auto;
    cursor: pointer;
    box-sizing: border-box;
    transition: transform .35s ease;
    transform: scale(1);
    border-radius: 12px;
}

.gift-item:hover>img {
    transform: scale(1.05);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.content_last p {
    text-shadow: 2px 0 #0e76bc, -2px 0 #0e76bc, 0 2px #0e76bc, 0 -2px #0e76bc, 1px 1px #0e76bc, -1px -1px #0e76bc, 1px -1px #0e76bc, -1px 1px #0e76bc;
    font-size: 20px;
    color: #fff;
    margin: 0;
}

.faq-section {
    background: #fff;
}

/* Title */

.faq-title {
    color: #ff9b00;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Accordion */

.faq-accordion .accordion-item {
    border: none;
    margin-bottom: 16px;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.faq-accordion .accordion-button {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    padding: 24px 30px;
    box-shadow: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #1976b8;
    box-shadow: none;
}

.faq-accordion .accordion-button:focus {box-shadow: none;}

.faq-accordion .accordion-button::after {
    background-image: none;
    content: "+";
    width: 28px;
    height: 28px;
    border: 2px solid #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    transform: none;
    margin-right: 15px;
    margin-left: 0;
    order: -1;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    content: "−";
    transform: none;
    border: 2px solid #1976b8;
    color: #1976b8;
}

.faq-accordion .accordion-body {
    padding: 0 32px 28px 72px;
    font-size: 18px;
    line-height: 1.8;
}

.faq-accordion .accordion-body ul {margin-bottom: 0;list-style: disc;}

.faq-accordion .accordion-body li {margin-bottom: 10px;}

.faq-contact-title {
    color: #1976b8;
    font-weight: 700;
    margin-bottom: 25px;
}

.faq-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 38px;
    border-radius: 999px;
    background: #0d73c8;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.faq-btn:hover {
    color: #fff;
    background: #1976b8;
}

.faq-btn i {
    font-size: 24px;
}

.customer-review-section {
    position: relative;
    background: url("../images/bg.webp") center center/cover no-repeat;
    padding: 90px 0;
}

.customer-review-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .72);display:none;
}

.customer-review-section .container {
    position: relative;
    z-index: 2;
}

.customer-title-img {
    max-width: 760px;
    width: 100%;
}

.review-card {
    position: relative;
    height: 100%;
    background: #0d73c8;
    border-radius: 18px;
    padding: 28px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}

.review-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    min-height: 260px;
}

.review-content p {
    margin-bottom: 0;
}

.quote-icon {
    position: absolute;
    right: 28px;
    bottom: 0;
    font-size: 40px;
    color: #ff8c1a;
}

.review-user {
    display: flex;
    align-items: center;
    gap: 15px;
}

.review-user img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
}

.review-user h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}

.review-user span {
    font-size: 18px;
    font-weight: 600;
}

.customer-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 18px 42px;
    background: #ff8614;
    color: #fff;
    border-radius: 60px;
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    transition: .35s;
}

.customer-btn:hover {
    background: #f06f00;
    color: #fff;
}

.customer-btn i {
    font-size: 30px;
}


.set-about-section {
    position: relative;
    background: #fff;
    padding-bottom: 40px;
}

.set-about-bg {
    background:
        linear-gradient(rgba(0, 86, 163, .72), rgba(0, 86, 163, .72)),
        url("../images/trien-lam-du-hoc-uc-1.webp") center center/cover no-repeat;
    min-height: 270px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 55px;
}

.set-about-heading {
    text-align: center;
    color: #fff;
}

.set-about-heading h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
    background-image: linear-gradient(120deg, #f58019 0%, #0e76bc 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.25em;
    background-position: 0 90%;
    transition: background-size .25s ease-in;
    display: inline-block;
    width: auto;
}

.set-about-heading h3 {
    font-size: 22px;
    font-weight: 700;
}

.set-about-box {
    background: #fff;
    border-radius: 30px;
    margin-top: -100px;
    padding: 30px 20px;
    position: relative;
    z-index: 5;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.set-about-item {
    display: flex;
    align-items: start;
    gap: 20px;
}

.set-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #006fbe;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.set-icon i {
    color: #fff;
    font-size: 36px;
}

.set-content h4 {
    color: #006fbe;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.set-content p {
    color: #ff7e00;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.footer {
    position: relative;
    background: url("../images/footerImages-banner.webp") center center/cover no-repeat;
    overflow: hidden;
}

.footer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 105, 180, .78);
}

.footer .container {
    z-index: 2;
}

.footer-title {
    color: #ff7e00;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
}

.footer-title::after {
    content: "";
    width: 70px;
    height: 3px;
    background: #fff;
    display: block;
    margin-top: 8px;
}

.footer-contact li {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    align-items: center;
}

.footer-contact i,
.office i {
    width: 22px;
    color: #fff;
    font-size: 15px;
}

.office h6 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.office p {
    margin-bottom: 10px;
}

.footer p {
    line-height: 1.5;
    font-weight: 600;
    font-size: 14px;
}

.footer-bottom {
    background: #000;
    font-size: 14px;
}

.footer iframe {
    border-radius: 10px;
}

@media (max-width:991px) {

    .footer {
        text-align: left;
    }

    .footer iframe {
        margin-top: 0;
    }

}

.modal-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
}

.modal-header {
    border: none;
    padding: 20px 30px 10px;
}

.cf7-register-form,
.wpcf7-list-item {
    margin: 0 !important;
}

.modal-body {
    padding: 0 30px;
    box-sizing: border-box;
}

.modal-title {
    font-size: 30px;
}

.modal-dialog-set-edu .btn-close {
    position: absolute;
    max-width: 25px;
    height: 25px;
    width: 100%;
    top: 15px;
    right: 15px;
    background: #000;
    color: #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.set-hero-background-3ff {
    background: #dbf3ff;
}

.set-even-form-main {
    max-width: 450px;
    margin: auto;
}

.set-even-form-main h2 {
    font-size: 24px;
    font-weight: 600;
}

.cf7-register-form .cf7-label {
    margin-bottom: 10px;
}

.cf7-register-form .cf7-field {
    margin-bottom: 1rem;
}

.cf7-register-form .wpcf7-form-control-wrap .form-control {
    padding: 12px 10px;
}

.cf7-register-form p {
    margin-bottom: 0;
}

.cf7-register-form .cf7-label {
    display: block;
    margin-bottom: .75rem;
    font-weight: 600;
}

.cf7-register-form .form-control,
.cf7-register-form .form-select {
    border-radius: 12px;
    padding: 12px 10px;
}

.cf7-register-form .wpcf7-radio {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cf7-register-form,
.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1em;
}

.cf7-register-form .wpcf7-list-item {
    margin: 0;
}

.cf7-register-form .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.cf7-register-form .cf7-submit {
    border-radius: 12px;
    padding: 12px 24px;
}

.cf7-date {
    min-height: 48px;
    border-radius: 12px;
}

.cf7-event {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cf7-event .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.cf7-event .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    cursor: pointer;
    transition: .25s;
}

.cf7-event .wpcf7-list-item label:hover {
    border-color: #0d6efd;
    background: #f8fbff;
}

.cf7-event input[type="radio"] {
    flex-shrink: 0;
}

.cf7-register-form .cf7-user-type .wpcf7-radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

.cf7-register-form .cf7-user-type .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.cf7-register-form .cf7-user-type .wpcf7-list-item label {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
    padding: 12px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 500;
    color: #334155;
    background-color: #ffffff;
    transition: all 0.2s ease-in-out;
}

.cf7-register-form .cf7-user-type .wpcf7-list-item label:hover {
    border-color: #3b82f6;
    background-color: #f8fafc;
}

.cf7-register-form .cf7-user-type .wpcf7-list-item label:has(input:checked) {
    border-color: #4f46e5;
    background-color: #f5f3ff;
    color: #4f46e5;
    font-weight: 600;font-size: 14px;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.08);
}

.cf7-register-form .cf7-user-type input[type="radio"] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    accent-color: #4f46e5;
}

.cf7-register-form .cf7-event .wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cf7-register-form .cf7-event .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.cf7-register-form .cf7-event .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
}

.cf7-register-form .cf7-event .wpcf7-list-item label:hover {
    border-color: #3b82f6;
    background-color: #f8fafc;
}

.cf7-register-form .cf7-event .wpcf7-list-item label:has(input:checked) {
    border-color: #4f46e5;
    background-color: #f5f3ff;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.08);
}

.cf7-register-form .cf7-event input[type="radio"] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    accent-color: #4f46e5;
}

.cf7-register-form-note-br br {display: none;}

.cf7-register-form .cf7-event .event-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cf7-register-form .cf7-event .event-title {
    font-weight: 700;
    font-size: 15px;
    color: #1e1b4b;
    line-height: 1.2;
}

.cf7-register-form .cf7-event .event-desc {
    font-weight: 400;
    font-size: 13px;
    color: #8a94a6;
    line-height: 1.2;
}

.cf7-register-form .cf7-event .wpcf7-list-item label {
    align-items: center;
}

.cf7-register-form-center {
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.set-widt-600 {max-width: 600px;}

@media (max-width:991px) {
    .gift-title {
        font-size: 40px;
    }

    .hero-banner {
        min-height: 600px;
    }

    .hero-title {
        max-width: 560px;
    }
}

@media (max-width:767px) {
    .gift-section {padding: 60px 0;}.gift-title {font-size: 22px;max-width: 300px;margin: auto;}
    .gift-item img {width: 100%;margin: auto;}.hero-banner {height: 55svh;min-height: 430px;}
    .hero-video-pc {display: none;}.hero-video-mobile {display: block;}
    .hero-title {max-width: 90%;margin: auto;}.hero-btn {margin-top: 25px;font-size: 15px;padding: 12px 28px;}
    .set-hero-title {font-size: 24px;margin-bottom: 10px;}
    .set-hero-subtitle {font-size: 20px;margin-bottom: 10px;}
    .set-hero-desc {line-height: 1.4;}.set-even-form-main .main-form-title {margin-top: 30px;}
    .wpcf7-form {padding: 0 20px;box-sizing: border-box;}
    .cf7-register-form .cf7-user-type .wpcf7-radio {grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .set-title {font-size: 20px;margin-bottom: 20px;}.set-gap {padding: 15px;}.set-event-title {font-size: 20px}
	.set-event-link {padding-right: 5px;}.event-item {gap: 5px;margin-bottom: 20px;}
    .set-event-feature-row .col-lg-6 {margin-top: 15px !important;}
    .scholarship-banner {max-width: 350px;margin: 20px auto;height: auto;}scholarship-table,.scholarship-table,.table-responsive {margin-bottom: 20px;}.set-widt-600 {max-width: 320px;}.set-du-hoc-btn-text {white-space: normal;}.set-du-hoc-btn-arrow {height: 55px;padding: 10px 5px 10px 18px;}.faq-title {margin-top: 20px;font-size: 22px;}.faq-accordion .accordion-button {padding: 15px 20px;}.faq-accordion .accordion-button:not(.collapsed) {box-shadow: unset;}
    .faq-accordion .accordion-body {
        padding: 0 20px 10px 20px;
        line-height: 1.5;
    }

    .faq-contact-title {
        max-width: 300px;
        margin: 0 auto 20px;
    }

    .customer-review-section {
        margin-top: 20px;
    }

    .customer-title-img {
        max-width: 340px;
        object-fit: cover;
    }

    .review-content {
        margin-bottom: 15px;
    }

    .set-about-bg {
        min-height: 250px;
        padding-top: 30px;
    }

    .set-about-heading h2 {
        font-size: 24px;
    }

    .set-about-item .set-content h4 br {
        display: none;
        padding: 0 10px;
    }

    .set-about-heading h3 {
        font-size: 18px;
        font-weight: 700;
    }

    .set-about-heading {
        max-width: 330px;
        width: 100%;
        margin: auto;
    }

    .modal-body {
        padding: 0 10px;
    }

    .footer-contact i,
    .office i {
        font-size: 20px;
    }

    .modal-title {
        font-size: 24px;
        max-width: 250px;
        text-align: center;
        margin: auto;
    }
}

.hotline-phone-ring-wrap {
    position: fixed;
    left: 0px;
    bottom: 0;
    z-index: 999999;

}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 87px;
    height: 87px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #dd0000;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
}

.hotline-phone-ring-circle-fill {
    width: 57px;
    height: 57px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #dd0000;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
    background-color: #dd0000;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pps-btn-img img {
    box-sizing: border-box;
    object-fit: cover;
    width: 30px;
    height: 30px;
}

.hotline-bar {
    position: absolute;
    background: #e60808bf;
    height: 40px;
    width: 170px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 10%);
    border-radius: 50px !important;
    left: 33px;
    bottom: 37px;
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-indent: 40px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6;
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

.facebook-container {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 150px;
    right: 35px;
    z-index: 9999999;
    left: auto;

}

.zalo-container {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 86px;
    left: auto;
    right: 35px;
    z-index: 9999999;

}

.facebook-container a,.zalo-container a {display: block;}
.animated_zalo.infinite {animation-iteration-count: infinite;}

.cmoz-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(17, 130, 252, .8);
    opacity: .1;
    border-color: #1182fc;
    opacity: .5;
}

.animated_zalo {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.zoomIn_zalo {animation-name: zoomIn_zalo;}

.pulse_zalo {
    -webkit-animation-name: pulse_zalo;
    animation-name: pulse_zalo;
}

.cmoz-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(17, 130, 252, .45);
    opacity: .75;
    right: -10px;
}

.zalo-container span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1182fc;
    position: relative;
}

.zalo-container img {
    max-width: 100%;
    height: auto;
}

@keyframes zoomIn_zalo {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes pulse_zalo {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.set-event-subtitle {
    border: 3px solid #007bff;
    border-radius: 20px;
    background-color: #ffffff;
    padding: 20px 24px;
    overflow: hidden;
}

.set-event-col {padding: 0 20px;}
.set-event-col:first-child {border-right: 2px dashed #8cdbfd;}
.set-event-city {color: #ff6b00;font-size: 28px;font-weight: 700;margin-bottom: 10px;text-align: start;}
.set-event-details {display: flex;flex-direction: column;gap: 6px;}
.set-event-row {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.set-event-label {
    width: 90px;
    color: #6c757d;
    flex-shrink: 0;
    text-align: start;
}

.set-event-value {
    color: #000000;
    font-weight: 700;
	text-align: start;
    padding-left: 5px;
}

.set-event-link {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    position: relative;
    padding-right: 18px;
    text-decoration: underline;
}
.set-event-link:hover {text-decoration: underline;}

.set-event-link i {
    font-size: 14px;
    margin-left: 4px;
    display: inline-block;
    transform: rotate(-40deg);
    transition: transform 0.25s ease-in-out;
    bottom: 2px;
}
.set-event-link:hover i {transform: rotate(0deg);}
.navbar .nav-item.dropdown {position: relative;}

@media (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block !important;
        min-width: 240px;
        padding: 8px 0;
        margin: 0;
        top: 100%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(8px);
        pointer-events: none;
        border: 0;
        border-radius: 0 0 8px 8px;
        transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    }

    .navbar .nav-item.dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .navbar .dropdown-menu .dropdown-item {
        padding: 10px 18px;
        font-size: 14px;
        line-height: 1.4;
        white-space: nowrap;
        transition:background-color .2s ease, color .2s ease;
    }
    .navbar .dropdown-menu .dropdown-item:hover,
    .navbar .dropdown-menu .dropdown-item:focus {background-color: #f5f5f5;}
    .navbar .dropdown-toggle::after {margin-left: 7px;vertical-align: middle;transition: transform .2s ease;}
    .navbar .nav-item.dropdown:hover > .dropdown-toggle::after {transform: rotate(180deg);}
}

@media (max-width: 991.98px) {
    .navbar .dropdown-menu {
        border: 0;
        box-shadow: none;
        padding-left: 15px;margin-bottom:15px;
    }
    .navbar .dropdown-item {
        padding: 9px 15px;
    }
}

.navbar .nav-link-cta {font-weight: 700;}
@media(max-width:991px) {
    .benefit-title {font-size: 32px;text-align: center;}
    .benefit-list li span {font-size: 17px;}
}

@media(max-width:767px) {
	.set-event-col:first-child {border-right: none;border-bottom: 2px dashed #8cdbfd;padding-bottom: 20px;margin-bottom: 20px;}
	.navbar-nav .nav-link {color: #fff;font-size: 16px;padding: 0 0 20px;}
	.cf7-register-form-center {margin-bottom: 0;}
	.wpcf7 form .wpcf7-response-output {margin: 0em 0.5em 1em !important;}
    .set-benefit-section {padding: 60px 0;}
    .benefit-title {font-size: 26px;}
    .benefit-list li {gap: 10px;margin-bottom: 18px;}
    .benefit-list li span {font-size: 15px;line-height: 1.6;}
	.header-top {border-bottom: unset;display: none;}
	.contact-item,.email-item{color:#fff}
	.set-du-hoc-btn-arrow-mb-bt{margin-bottom:20px}
	.set-border-top-mb{border-top: 1px solid #ffffff55;padding-top: 15px;}
	.html_top_right_text{width: 100%;padding: 15px 20px;box-sizing: border-box;}
	.topbar-social-icons {gap: 20px;display: flex;justify-content: space-between;width: 100%;}
	.topbar-social-icons a{font-size: 30px;color: #fff;}
	.set-event-subtitle {font-size: 18px;padding: 20px 0;}
}

@media (max-width: 580px) {
	.hotline-phone-ring-wrap {left: -10px;bottom: -16px;display: block;}
    .zalo-container {bottom: 100px;left: 25px;}
    .facebook-container {bottom: 170px;left: 25px;}
}