@charset "UTF-8";
/*
Theme Name: Sunshinevietnam Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@700&display=swap");
:root { --blue-500: #0C0A75; --blue-800: #070540; --primary-500: #0E0C83; --primary-600: #0D0B77; --gray-800: #4D4E52; --secondary-color: #f5c000; --bg-gradient: linear-gradient(90deg, var(--primary-500) 0%, var(--primary-600) 100%); }

.header-top { width: max-content; position: absolute; right: 0; border-radius: 0px 0px 0px 40px; background: var(--bg-gradient); height: 40px; }
.header-top .top-bar-nav { padding-left: 14px; }
.header-top .header-language-dropdown { background: rgba(255, 255, 255, 0.2); border-radius: 100px; display: flex; padding: 0 5px; }
.header-top .header-language-dropdown a { padding: 5px 6px; color: #fff; display: flex; gap: 8px; }
.header-top .header-language-dropdown a[data-gt-lang="en"] { flex-direction: row-reverse; }
.header-top .header-language-dropdown a img { height: 20px; width: 20px; border-radius: 100px; object-fit: cover; }
.header-top .header-language-dropdown a.gt-current-lang { display: none; }
.header-top .hotline { color: var(--blue-500); background-color: #fff; padding: 5px 12px; border-radius: 20px; font-size: 14px; font-weight: 700; }
.header-top .hotline a { color: var(--blue-500); }

.header-nav-main { margin-top: 40px; }
.header-nav-main > li { margin: 0 20px; }
.header-nav-main > li > a { color: #4D4E52; font-size: 15px; }
.header-nav-main > li > a:before { background-color: var(--secondary-color) !important; width: 0; }
.header-nav-main > li.current-menu-item > a, .header-nav-main > li:hover > a { color: var(--blue-500); }
.header-nav-main > li.current-menu-item > a:before, .header-nav-main > li:hover > a:before { width: 100%; }
.header-nav-main > li.has-icon-left a { font-size: 0; }
.header-nav-main > li.has-icon-left a:before { display: none; }
.header-nav-main > li.header-search { background: #F6F6F7; height: 32px; width: 32px; border-radius: 100px; text-align: center; }
.header-nav-main > li.header-search svg { font-size: 16px; }
.header-nav-main > li .nav-dropdown { background-color: #fff; padding: 0; min-width: 230px; }
.header-nav-main > li .nav-dropdown > li > a { color: #4D4E52; font-size: 15px; text-transform: uppercase; font-weight: bold; border-bottom: none; min-height: 42px; }
.header-nav-main > li .nav-dropdown > li:hover { background: var(--bg-gradient); }
.header-nav-main > li .nav-dropdown > li:hover > a { color: #fff; }
.header-nav-main > li .nav-dropdown > li:hover > ul { visibility: visible; opacity: 1; transform: translate(0, 0); }
.header-nav-main > li .nav-dropdown > li.nav-dropdown-col { display: block; width: 100%; border: none; position: relative; }
.header-nav-main > li .nav-dropdown > li ul { opacity: 0; left: 100%; top: 0px; visibility: hidden; transform: translate(20px, 20px); transition: all 0.2s ease-out; position: absolute; background: #fff; min-width: 230px; }
.header-nav-main > li .nav-dropdown > li ul li { position: relative; }
.header-nav-main > li .nav-dropdown > li ul li a { color: #4D4E52; font-size: 15px; font-weight: bold; border-bottom: none; padding: 11px 3px; text-transform: uppercase; text-wrap: wrap; }
.header-nav-main > li .nav-dropdown > li ul li:hover { background: var(--bg-gradient); }
.header-nav-main > li .nav-dropdown > li ul li:hover > a { color: #fff; }
.header-nav-main > li .nav-dropdown > li ul li:hover > ul { visibility: visible; opacity: 1; transform: translate(0, 0); }
.header-nav-main > li .nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 0; }

.header-nav ul.nav-dropdown li.menu-item-has-children > a:after { content: "\f105"; font-family: fl-icons; display: inline-block; margin-left: -1.3em; width: 1.3em; position: absolute; right: 0; }

.nav-dropdown-has-arrow li.has-dropdown:before { display: none; }

.stuck .header-nav-main { margin-top: 0; }

.bg-gradient { background: var(--bg-gradient); }

.bg-gradient-light { background: radial-gradient(93.63% 93.63% at 50% 6.37%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.9) 100%); }
.bg-gradient-light .row-box-shadow-1 .col-inner { background-color: #fff; border-radius: 16px; padding: 16px 8px; }
.bg-gradient-light .row-box-shadow-1 .icon-box-img { margin-bottom: 0px !important; }
.bg-gradient-light .row-box-shadow-1 h3 { font-size: 20px; color: var(--primary-color); }

.ellipsis-left::after { content: ""; position: absolute; width: 400.989px; height: 400.989px; transform: rotate(45deg); border-radius: 400.989px; background: #76B0FF; filter: blur(224.3697357178px); left: -200px; top: 200px; z-index: 0; }

.ellipsis-right::after { content: ""; position: absolute; width: 480.133px; height: 480.133px; transform: rotate(45deg); border-radius: 480.133px; opacity: 0.5; background: #76B0FF; filter: blur(224.3697357178px); right: 200px; bottom: 0px; z-index: 0; }

.row-box-shadow-1 .col-inner { box-shadow: 0px 0px 27px -1px rgba(20, 62, 232, 0.07); }

.button:not(.icon) { min-height: 44px; font-size: 15px; text-transform: none; font-weight: 700; line-height: 44px; min-width: 97px; box-shadow: none !important; }
.button:not(.icon).primary { background: linear-gradient(90deg, var(--Primary-500, #0E0C83) 0%, var(--Primary-600, #0D0B77) 100%); }
.button:not(.icon).primary:hover { background: var(--bg-gradient) !important; }
.button:not(.icon).secondary { color: #1B1B1B; }
.button:not(.icon) .icon-angle-right:before { content: ""; height: 25px; width: 25px; background: url("assets/images/arrow-right.png") no-repeat center center; display: inline-block; }
.button:not(.icon) .icon-user:before { content: ""; height: 25px; width: 25px; background: url("assets/images/msg-bubble-user.png") no-repeat center center; display: inline-block; }
.button:not(.icon).is-link { background: transparent !important; color: var(--primary-color); }
.button:not(.icon).is-link:hover { background: transparent !important; color: var(--secondary-color); }

.section-title { border-bottom: none; }
.section-title .section-title-main { border-bottom: none; font-size: 36px; font-weight: 900; }

.wbc-title .main-title { font-size: 32px; width: auto; margin: 0 auto; position: relative; display: inline-flex; gap: 10px; margin-bottom: 16px; padding-left: 50px; }
.wbc-title .main-title::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 0; background: url("assets/images/wbc-title.png") no-repeat center center; width: 50px; height: 50px; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; border: 1px solid var(--primary-color) !important; height: 40px; min-width: 40px; background: #fff; border-radius: 100px; }
.slider-nav-circle .flickity-prev-next-button svg { display: none; }
.slider-nav-circle .flickity-prev-next-button:after { content: ''; background: url("assets/images/arrow-right-gray.png") no-repeat center center; background-size: 24px; height: 100%; width: 100%; display: block; position: relative; margin: 0 auto; }
.slider-nav-circle .flickity-prev-next-button.previous:after { transform: rotate(180deg); }
.slider-nav-circle .flickity-prev-next-button:hover { background-color: var(--primary-color); }
.slider-nav-circle .flickity-prev-next-button:hover:after { filter: brightness(0) invert(1); }
.slider-nav-circle .flickity-prev-next-button.next:hover:after { transform: rotate(0deg); }

.slider-nav-simple .flickity-prev-next-button { opacity: 1; transform: none; margin-top: 0 !important; }
.slider-nav-simple .flickity-prev-next-button svg { color: var(--primary-color) !important; }
.slider-nav-simple .flickity-prev-next-button:hover svg, .slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--primary-color) !important; }

.slider-nav-simple .flickity-button { opacity: 1; }
.slider-nav-simple .flickity-button > svg { display: none; }
.slider-nav-simple .flickity-button:before, .slider-nav-simple .flickity-button:after { content: ''; height: 25px; width: 25px; display: block; transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); z-index: 2; margin: auto; position: absolute; }
.slider-nav-simple .flickity-button.previous:before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
.slider-nav-simple .flickity-button.next::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slider-nav-simple .flickity-button:hover:before { border-color: var(--primary-color); }

.flickity-page-dots .dot { width: 40px; height: 8px; background-color: #fff; border-radius: 99px; border: none; opacity: 0.5; }
.flickity-page-dots .dot.is-selected { background-color: var(--secondary-color); opacity: 1; }

.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; margin-top: 0; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; margin-top: 0; z-index: 2; }
.slider-nav-outside .flickity-page-dots { bottom: -25px; }
.slider-nav-outside.slider-nav-simple .flickity-button:before { border-color: var(--primary-color); }

.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea, .wpcf7 select { border: 1px solid #B9B5BA; height: 44px; border-radius: 0px; box-shadow: none; margin-bottom: 12px; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-submit { background-color: var(--secondary-color); color: #1B1B1B; min-height: 44px; text-transform: none; font-weight: 500; }
.wpcf7 .icon-tuvan { background: var(--secondary-color) url(assets/images/msg-bubble-user.png) no-repeat 17px 50%; background-size: 24px 24px; padding-left: 50px; }

.form-tuvan { background: url("assets/images/bg_form.jpg") no-repeat center center; background-size: cover; border-radius: 12px; padding: 20px 40px; }
.form-tuvan input[type=email], .form-tuvan input[type=tel], .form-tuvan input[type=text], .form-tuvan textarea, .form-tuvan select { height: 35px; border-radius: 5px; border: none; margin-bottom: 30px; }
.form-tuvan h2 { color: #fff; }
.form-tuvan .btn-yellow { background-color: var(--secondary-color); width: 100%; text-transform: none; box-shadow: none; border-radius: 100px; color: var(--blue-500); font-weight: 700; }

.featured-box.icon-box-left p { padding-top: 2px; }

.justify { text-align: justify; }

.alt-font { font-family: "Bricolage Grotesque" !important; }

.accordion-item .accordion-title { font-size: 17px; color: #333437; padding-left: 30px; position: relative; }
.accordion-item .accordion-title:before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 0; border-radius: 50%; background-color: #333437; width: 5px; height: 5px; }
.accordion-item .accordion-title.active { border-bottom: 1px solid #F6F6F7; background: #E4E9FB; color: var(--primary-color); border: none; }
.accordion-item:nth-child(1) .accordion-title { border-top: none; }
.accordion-item .toggle { left: auto; right: 0; }
.accordion-item .accordion-inner { font-size: 15px; }

.chuongtrinh { z-index: 1; }
.chuongtrinh .col-inner { border-radius: 12px; overflow: hidden; }
.chuongtrinh .header-title { color: var(--primary-color); font-weight: 700; font-size: 22px; }
.chuongtrinh .description { font-size: 17px; }
.chuongtrinh .read-more { text-transform: none; font-size: 14px; color: var(--gray-800); margin: 0; }

.post-item .post-date { background-color: #EAEBEC; color: var(--gray-800); font-size: 14px; padding: 5px; border-radius: 4px; top: 4px; left: 4px; }

.post-item .post-date-text { color: var(--gray-800); font-size: 14px; padding: 5px; border-radius: 4px; }
.post-item .badge-outline { margin-left: 8px; margin-top: 8px; }
.post-item .badge-outline .badge-inner { padding: 5px 10px; color: #000; background-color: var(--secondary-color); border-radius: 6px; border: none; }
.post-item .event-meta { color: var(--primary-color); font-size: 14px; display: flex; align-items: center; gap: 8px; }
.post-item .is-divider { display: none; }
.post-item .post-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; color: var(--blue-800); text-transform: uppercase; }
.post-item .post-title:hover { color: var(--primary-color); }
.post-item .box-image { border-radius: 8px; }
.post-item .box-vertical .box-image, .post-item .box-vertical .box-text { vertical-align: top; }
.post-item .box-vertical .post-title { text-transform: none; }
.post-item .button.primary { border-radius: 8px; }
.post-item .button.is-link { margin: 0; color: var(--gray-800); height: 18px; min-height: 20px; min-width: auto; }
.post-item .button.is-outline { min-height: 32px; border-radius: 100px; color: #fff; border: none; }
.post-item .post-meta { display: flex; gap: 20px; align-items: center; }
.post-item .post-meta .meta-item { display: flex; gap: 8px; color: var(--primary-color); }

.has-padding-20 .post-item .col-inner { border-radius: 12px; background-color: #fff; padding: 20px; }

.visa_post_item .col-inner { padding: 16px; border-radius: 12px; border: 1px solid #F6F6F7; background: linear-gradient(0deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.72) 100%), #F6F6F7; }

.visa_post_change_text .post-title { font-size: 24px; background: linear-gradient(270deg, var(--galactic-cruise-400, #1310B2) 0%, var(--galactic-cruise-600, #0D0B77) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.visa_post_change_text .button { border-radius: 100px; }

.section_share:before, .section_share:after { content: ""; position: absolute; height: 13px; width: 100%; top: -2px; left: 0; background: url(assets/images/top_crumbs_2.png) no-repeat; background-size: cover; }
.section_share:after { top: auto; bottom: -2px; background: url(assets/images/top_crumbs_3.png) no-repeat; background-size: cover; }

.slide-testimonial .col > .col-inner { background: #fff; box-shadow: 0px 250px 70px 0px rgba(11, 21, 50, 0), 0px 160px 64px 0px rgba(11, 21, 50, 0), 0px 90px 54px 0px rgba(11, 21, 50, 0.01), 0px 40px 40px 0px rgba(11, 21, 50, 0.02), 0px 10px 22px 0px rgba(11, 21, 50, 0.02); border-radius: 16px; overflow: hidden; padding: 24px; }
.slide-testimonial .col:not(.is-selected) { opacity: 0.5; margin-top: 50px; }
.slide-testimonial .col:not(.is-selected) p { -webkit-line-clamp: 3; line-clamp: 3; }
.slide-testimonial .testimonial-box { margin-bottom: 15px; position: relative; }
.slide-testimonial .testimonial-box:after { content: ""; background: url(assets/images/QuoteSymbol.png) no-repeat; background-size: contain; width: 40px; height: 40px; position: absolute; top: 0; right: 0; }
.slide-testimonial .testimonial-name { display: block; }
.slide-testimonial .testimonial-name-divider { display: none; }
.slide-testimonial .testimonial-company { font-style: italic; font-weight: 500; font-size: 12px; text-transform: uppercase; }
.slide-testimonial .testimonial-meta { padding-top: 30px; }
.slide-testimonial p { font-size: 14px; color: var(--gray-800); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; }

.rank-math-breadcrumb { font-size: 15px; font-style: normal; font-weight: 400; text-transform: none; color: #727272; }
.rank-math-breadcrumb .separator { margin: 0 6px; }
.rank-math-breadcrumb a { color: #727272; }
.rank-math-breadcrumb a:hover { color: var(--secondary-color); }
.rank-math-breadcrumb span:last-child { color: var(--primary-color); }

.page-header-wrapper .title-overlay { opacity: 0; }
.page-header-wrapper .page-title-inner { align-items: flex-end; padding: 0; flex-flow: nowrap; }
.page-header-wrapper .title-wrapper { padding-bottom: 0; }
.page-header-wrapper .title-wrapper .entry-title { position: relative; z-index: 1; color: #F6F6F7; text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.12); font-size: 32px; padding: 8px 40px; text-transform: uppercase; }
.page-header-wrapper .title-wrapper .entry-title:after { content: ""; height: 100%; right: 0; width: 1500px; position: absolute; bottom: 0; border-radius: 0px 32px 0px 0px; background: linear-gradient(90deg, #0E0C83 0%, #080748 100%); z-index: -1; }

.hide-title .title-wrapper .entry-title:after { display: none; }

.slide-about .img-inner:after { content: ""; height: 50%; width: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); }

.row-about { border-top: 2px solid #EAEBEC; }
.row-about .col-inner { padding-top: 30px; }
.row-about .col:hover .col-inner:before { content: ""; height: 2px; width: 100%; position: absolute; top: -2px; left: 0; background-color: var(--primary-color); }

p.about-count { color: var(--secondary-color); text-align: center; font-size: 48px; font-weight: 800; line-height: 130%; margin: 0; font-family: "Bricolage Grotesque"; }

.about-mission { counter-reset: mission; }
.about-mission .accordion .accordion-item { counter-increment: mission; margin-bottom: 30px; }
.about-mission .accordion .accordion-item .accordion-title { border-top: none; border-bottom: 1px solid #F6F6F7; font-size: 24px; font-weight: 700; background: linear-gradient(270deg, var(--galactic-cruise-300, #1713D2) 0%, var(--galactic-cruise-600, #0D0B77) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-left: 0; padding-top: 30px; position: relative; padding-bottom: 3px; }
.about-mission .accordion .accordion-item .accordion-title:before { content: counter(mission,decimal-leading-zero); color: #F0F0F0; -webkit-text-fill-color: #F0F0F0; font-family: "Bricolage Grotesque"; font-size: 86.71px; font-style: normal; font-weight: 700; line-height: 120%; position: absolute; bottom: -2px; left: 0; z-index: -1; background-color: transparent; transform: none; top: auto; height: auto; width: auto; }
.about-mission .accordion .accordion-item .icon-angle-down { -webkit-text-fill-color: #000; }
.about-mission .accordion .accordion-item .icon-angle-down:before { content: ""; height: 20px; width: 20px; background: url("assets/images/plus.png") no-repeat center center; display: inline-block; }
.about-mission .accordion .accordion-item .accordion-inner { color: #1B1B1B; text-align: justify; font-size: 17px; font-weight: 400; line-height: 22px; padding-left: 0; padding-right: 0; }
.about-mission .accordion .accordion-item.active:before { background: url("assets/images/minus.png") no-repeat center center; }
.about-mission .accordion .toggle { right: 0; left: auto; height: 20px; width: 20px; transform: none !important; top: 5px; }

.about-mission-image .img:not(.active) { display: none; }

.about-why:before { content: ""; font-size: 11px; background-color: var(--secondary-color); color: #fff; border-radius: 50%; display: inline-block; font-family: fl-icons !important; position: absolute; left: -27px; width: 20px; height: 20px; text-align: center; line-height: 20px; }
.about-why p { text-align: justify; }
.about-why h4 { font-family: "Bricolage Grotesque"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; }

.about-service h4 { border-bottom: 3px solid #1713D2; padding-bottom: 2px; width: auto; display: inline-block; }

.about-contact { background: var(--Secondary-50, #EBF7FF); }
.about-contact .featured-box p { margin-bottom: 0px; }
.about-contact .featured-box span[data-text-color=primary] { margin-bottom: 10px; }
.about-contact .contact-form { background-color: #fff; padding: 20px; }

.about-camket h3 { font-family: "Bricolage Grotesque"; font-size: 32px; }
.about-camket p.quote { font-size: 24px; line-height: 32px; letter-spacing: 0.48px; text-transform: uppercase; position: relative; }


.contact-meta p { margin-bottom: 0; }
.contact-meta p strong { min-width: 80px; display: inline-block; }

.breadcrumbs-wrap { background-color: whitesmoke; margin-bottom: 25px; }
.breadcrumbs-wrap p { margin-bottom: 10px; }

.blog-wrapper { padding-top: 0; }

.blog-archive .post-item .col-inner { padding: 16px; border-radius: 12px; border: 1px solid #F6F6F7; background: linear-gradient(0deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.72) 100%), #F6F6F7; }
.blog-archive .post-item .box-text { padding-left: 0; padding-right: 0; }

.widget-area .is-divider { display: none; }
.widget-area .widget-title { font-size: 20px; color: var(--primary-color); display: block; margin-bottom: 10px; }
.widget-area .flatsome_recent_posts .recent-blog-posts-li { border-radius: 12px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0.27) 100%), #F6F6F7; padding: 8px; margin-bottom: 12px; border: none; }
.widget-area .flatsome_recent_posts .post_comments { display: none; }
.widget-area .flatsome_recent_posts .post-date { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; }
.widget-area .flatsome_recent_posts a { font-size: 14px; color: #070540; font-weight: 700; }
.widget-area .form-tuvan { padding: 20px 16px; }

.event-template .post-item .col-inner { padding: 0; border-radius: 12px; border: none; background: transparent; }
.event-template .post-item .box-text { padding-left: 0; padding-right: 0; }

.visa-template .post-item .col-inner { padding: 16px; border-radius: 12px; border: 1px solid #F6F6F7; background: linear-gradient(0deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.72) 100%), #F6F6F7; }
.visa-template .archive-content .col.post-item:first-child { flex-basis: 100%; max-width: 100%; }
.visa-template .archive-content .col.post-item:first-child .box-normal { display: flex; align-items: center; }
.visa-template .archive-content .col.post-item:first-child .box-normal .box-image { flex: 1; width: 35%; max-width: 40%; }
.visa-template .archive-content .col.post-item:first-child .box-normal .box-text { flex: 1; padding-left: 20px; }

.level2-template.archive-content .col.post-item:first-child { flex-basis: 100%; max-width: 100%; }
.level2-template.archive-content .col.post-item:first-child .box-normal { display: flex; align-items: center; }
.level2-template.archive-content .col.post-item:first-child .box-normal .box-image { flex: 1; width: 35%; max-width: 40%; }
.level2-template.archive-content .col.post-item:first-child .box-normal .image-cover { padding-top: 100% !important; }
.level2-template.archive-content .col.post-item:first-child .box-normal .box-text { flex: 1; padding-left: 20px; }

.truonghoc-template .post-item .col-inner { padding: 0; border-radius: 12px; border: none; background: transparent; }
.truonghoc-template .post-item .post-title { text-transform: none; }
.truonghoc-template .post-item .event-meta-wrap { display: flex; gap: 12px; }
.truonghoc-template .post-item .event-meta { color: #4b4b4e; }
.truonghoc-template .post-item .from_the_blog_excerpt { display: none; }
.truonghoc-template .archive-content .col.post-item:first-child { flex-basis: 100%; max-width: 100%; }
.truonghoc-template .archive-content .col.post-item:first-child .box-normal .box-image .image-cover { padding-top: 250px !important; }
.truonghoc-template .archive-content .col.post-item:first-child .box-normal .box-text { position: absolute; top: 11px; border-radius: 12px; background: #FFF; max-width: 40%; left: 11px; height: 90%; padding: 20px; bottom: 11px; }
.truonghoc-template .archive-content .col.post-item:first-child .event-meta-wrap { gap: 0; flex-direction: column; }
.truonghoc-template .archive-content .col.post-item:first-child .from_the_blog_excerpt { display: block; }

.entry-header .entry-title { font-size: 24px; color: var(--primary-color); }
.entry-header .post-info { gap: 12px; }

.entry-content { padding-top: 0; }

.event-title { display: flex; align-items: flex-start; gap: 12px; }
.event-title .event-meta { flex-grow: 1; }
.event-title .event-meta span { color: #1A1A1B; font-size: 13px; display: flex; align-items: center; max-width: fit-content; gap: 8px; min-width: 115px; padding: 2px 6px; }
.event-title .event-date { border-radius: 6px; background: var(--Golden-500, #F5C000); display: flex; align-items: center; gap: 5px; padding: 1px 4px; }

.space-between { justify-content: space-between; }

.footer-wrapper .social-icons { margin-left: 0; margin-right: 0; display: flex; text-align: left; align-items: center; }
.footer-wrapper .social-icons span { font-weight: 700; padding-right: 10px; display: block; text-align: left; color: #000; font-size: 16px; font-weight: 500; min-width: 100px; margin-top: -5px; }
.footer-wrapper .social-icons > a { margin: 0 6px; }
.footer-wrapper .social-icons > a i:before { content: ""; width: 32px; height: 32px; display: inline-block; }
.footer-wrapper .social-icons > a i.icon-facebook:before { background: url("assets/images/social1.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-messenger:before { background: url("assets/images/social2.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-facebook_profile:before { background: url("assets/images/social1.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-zalo:before { background: url("assets/images/social3.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-viber:before { background: url("assets/images/social6.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-whatsapp:before { background: url("assets/images/social5.svg") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-hotline_1:before { background: url("/wp-content/uploads/2025/06/Vector.png") no-repeat center center; }
.footer-wrapper .social-icons > a i.icon-hotline_2:before { background: url("/wp-content/uploads/2025/06/Vector.png") no-repeat center center; }

.absolute-footer { background: transparent !important; }

.copyright-footer { color: #808288; font-weight: 700; font-size: 13px; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li span { border-radius: 12px; height: 36px; width: 36px; line-height: 36px; border: none; }
.nav-pagination li a { height: 36px; width: 36px; line-height: 36px; font-weight: 600; font-size: 14px; background-color: transparent !important; border: 1px solid transparent; border-radius: 12px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: transparent !important; color: #333437 !important; border-color: var(--primary-color) !important; }
.nav-pagination li .current { background-color: transparent !important; border: 1px solid var(--primary-color) !important; color: #333437 !important; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.white-popup-block { background: #FFF; padding: 0px 0px; text-align: left; max-width: 550px; margin: 40px auto; position: relative; border-radius: 15px; overflow: hidden; padding: 25px 30px; }
.white-popup-block .wpcf7 input[type=email], .white-popup-block .wpcf7 input[type=tel], .white-popup-block .wpcf7 input[type=text], .white-popup-block .wpcf7 textarea { color: #000; margin-bottom: 15px; }
.white-popup-block .mfp-close { color: #000 !important; mix-blend-mode: normal; opacity: 1; }

.white-popup-block h3 { text-align: center; text-transform: uppercase; font-size: 18px; }
.white-popup-block h3 .goi { color: var(--primary-color); }
.white-popup-block h3 .thoi_gian { color: var(--secondary-color); }

.modal-body tr:nth-child(even) { background: #ebf0f4; }
.modal-body th { font-size: 16px; font-weight: 400; padding: 5px; text-transform: none; }
.modal-body td { font-size: 16px; font-weight: 300; color: #000; padding: 5px; }

@media screen and (max-width: 1400px) { .header-nav-main > li { margin: 0 10px; } }
@media screen and (max-width: 1200px) { #logo { width: 250px !important; } }
@media screen and (max-width: 768px) { .header-bottom > .container { border-radius: 0; }
  .mobile-nav .header-language-dropdown { min-width: 60px; }
  .mobile-nav .header-language-dropdown > a { color: var(--blue-500) !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 40px; padding: 0 !important; display: flex; align-items: center; line-height: 1; gap: 5px; }
  .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: #fff !important; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .has-icon .icon-menu { background: var(--primary-color); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: var(--gray-800) !important; height: auto; font-size: 15px; text-transform: none; text-shadow: none; font-weight: 700; text-transform: uppercase; padding-right: 10px; }
  .off-canvas .nav-vertical > li .toggle { color: #000; opacity: 1; }
  .off-canvas .nav-vertical > li.active > a { color: var(--fs-color-primary) !important; }
  .off-canvas .nav-vertical > li > ul { list-style: none; }
  .off-canvas .nav-vertical > li > ul > li a { color: var(--gray-800) !important; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; }
  .off-canvas .languages { padding: 0 20px; }
  .off-canvas .languages a { color: #000 !important; }
  .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { transform: translate(0); min-width: 300px; background: #fff; }
  .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu > li ul a { text-transform: none !important; padding-right: 10px !important; } }
@media screen and (max-width: 512px) { .wbc-title .main-title { display: block; padding-left: 0; font-size: 25px; }
  .wbc-title .main-title:before { display: inline-block; position: relative; transform: none; top: 15px; }
  .has-padding-20 .post-item .col-inner { padding: 0; }
  .about-why { margin-left: 15px; }
  .about-why:before { left: -10px; }
  .event-title { flex-direction: column; align-items: flex-start; gap: 8px; }
  .event-title .event-meta { display: flex; align-items: center; }
  .page-header-wrapper .title-wrapper .entry-title { padding: 5px 10px; font-size: 25px; min-width: 320px; }
  a.glink.gt-current-lang span { display: none; } }

.list-logo .gallery-col .box .box-image{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;}
.list-logo .gallery-col .box .box-image img{
	padding: 10px;