/*
Theme Name: EduTech
Description: This is a child theme for Flatsome Theme. Custom by Mr Dark (Zalo: 0988303914)
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-Gilroy.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-Gilroy.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-Gilroy.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-Gilroy.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-Gilroy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyItalic.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyItalic.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyItalic.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBold.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBold.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBold.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBoldItalic.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBoldItalic.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMedium.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMedium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMedium.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMedium.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLightItalic.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLightItalic.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLightItalic.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLight.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLight.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLight.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLight.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMediumItalic.eot');
    src: url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMediumItalic.woff') format('woff'),
        url('/wp-content/themes/edutech/font/svn-gilroy/SVN-GilroyMediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Black.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Black.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Black.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Bold.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Bold.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Bold.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtBd.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtBd.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtBd.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtBd.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtBd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtLt.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtLt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtLt.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtLt.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-ExtLt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Light.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Light.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Light.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Regular.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Regular.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Regular.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Medium.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Medium.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Medium.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Thin.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Thin.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Thin.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Malinton';
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-SemiBold.eot');
    src: url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-SemiBold.woff') format('woff'),
        url('/wp-content/themes/edutech/font/malinton/MalintonTrialVersion-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



body {
    font-family: "SVN-Gilroy", sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-family: "SVN-Gilroy", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "SVN-Gilroy", sans-serif;
}

.alt-font {
    font-family: "SVN-Gilroy", sans-serif;
}



/* Mr Dark */
/* https://facebook.com/coixuong.1046 */
.header-bg-color {
    background-image: url(/wp-content/uploads/2025/06/Blob-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}
.btn-header {
    background: linear-gradient(360deg, #5729DF 0%, #963CD6 115.79%);
    font-size: 1rem;
    max-width: 147px;
    height: 38px;
    border-radius: 50px;
}

.btn-call-to-action {
    background: linear-gradient(360deg, #5729DF 0%, #963CD6 115.79%);
    border-radius: 50px;
    max-width: 210px;
    font-size: 1rem;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-size: 1.25rem;
    font-weight: 500;
}

.nav>li,
.mobile-sidebar-levels-2 .nav>li>ul>li {
    margin: 0 25px;
}

#masthead ul {
    justify-content: center;
}

.flickity-page-dots {
    bottom: -25px;
}

.section-banner-home {
    background-image: url(/wp-content/uploads/2025/06/Blob2-scaled.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}

.title-banner-home-1 {
    font-size: 1rem;
    font-weight: 700;
    color: #5729DF;
    /*    margin: 0px;*/
}

.title-banner-home-2 {
    font-family: "Malinton", sans-serif;
    font-size: 3.125rem;
    font-weight: 700;
    color: #5729DF;
    /*max-width: 702px;*/
    margin: 0px auto;
    line-height: 100%;
}

.title-banner-home-2 span {
    color: #170F49;
}

.title-banner-home-3 {
    max-width: 530px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #6F6C90;
    margin: 0px auto;
}

form#newsletter-home {
    position: relative;
    margin: 0 auto;
    max-width: 518px;
}

input.email-newsletter-home {
    background: #FFF;
    color: #6F6C90;
    border: 1px solid #EFF0F7;
    box-shadow: 0px 8px 25px rgba(13, 10, 44, 0.06);
    border-radius: 60px;
    max-width: 597px;
    height: 50px;
}

input.submit-newsletter-home {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0px;
    max-width: 325px;
    height: 38px;
    background: linear-gradient(360deg, #FF41B0 0%, #963CD6 115.79%);
    border-radius: 50px;
    text-transform: none;
}

h2 {
    font-size: 3.125rem;
    line-height: 100%;
    margin-bottom: 10px;
}

.title-home-1 {
    font-weight: 700;
    font-size: 1.875rem;
    color: #170F49;
    margin: 0px;
    line-height: 100%;
}

.title-home-2 {
    color: #5729DF;
    font-weight: 700;
    font-size: 2.5rem;
    margin: 0px;
    line-height: 100%;
}

.title-home-3 {
    color: #170F49;
    font-weight: 700;
    font-size: 3.125rem;
    margin: 0px;
    line-height: 100%;
}

.subtitle-home {
    font-size: 3.125rem;
    color: #170F49;
    font-weight: 700;
    line-height: 100%;
}

.home-description {
    font-size: 1.5rem;
    color: #6F6C90;
    font-weight: 400;
    line-height: 30px;
}

.video-btn .open-video {
    color: #5729DF;
}

.video-btn .open-video i {
    margin-top: 5px !important;
}

.ai-technology {
    border-radius: 10px !important;
}

.ai-technology .box-text.text-center {
    margin-top: -30px;
}

.section-ai-demo {
    background: linear-gradient(108.9deg, #F6F4FE 12.64%, #F6FDFD 88.67%);
    border-radius: 50px;
    padding: 80px !important;
}

.tab-home ul {
    background: rgba(87, 41, 223, 0.1);
    border-radius: 100px;
    max-width: 1144px;
    padding: 5px;
    margin: 0 auto;
}

.tab-home ul li {
    min-width: 245px;
    text-align: center;
}

.tab-home li a {
    color: #4A3AFF !important;
    font-weight: 600;
    line-height: 21px;
    padding: 15px 30px;
}
.tab-home li:hover a {
    background: rgba(87, 41, 223, 0.1);
    border-radius: 50px;
    min-width: 245px;
}
.tab-home li.active a {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(87, 41, 223, 0.2);
    border-radius: 50px;
    min-width: 245px;
}

.tab-home li.active a span {
    margin: 0 auto;
}

.tab-home .tab-panels {
    margin-top: 20px;
    background: #FFFFFF;
    border: 0.5px solid #632FCB;
    box-shadow: 4px 4px 15px 5px rgba(87, 41, 223, 0.05);
    border-radius: 30px;
    padding: 40px;
}

.img-how-it-works {
    max-width: 659px;
    margin-top: 237px;
}

.how-it-works h4 {
    color: #170F49;
    font-size: 1.6525rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 28px;
}

.how-it-works p {
    color: #6F6C90;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
}
.how-it-works img {
    margin-bottom: 20px;
}
.step-1 {
    right: 40%;
}
.step-2 {
    top: 12%;
    left: -20px;
}
.step-3 {
/*    top: 5%;*/
    right: 40%;
}
.step-4 {
    top: 35%;
    left: -20px;
}
.step-5 {
    right: 40%;
}
.step-1 h4, .step-3 h4, .step-5 h4 {
    text-align: left;
}
.step-2 h4, .step-4 h4{
    text-align: right;
}
.step-1 img {
    max-width: 265px;
}

.step-2 img {
    max-width: 218px;
    float: right;
}

.step-3 img {
    max-width: 265px;
}

.step-4 img {
    max-width: 239px;
    float: right;
}
.step-5 img {
    max-width: 345px;
}

.wrap-price-1 {
    padding-top: 27px !important;
    background: linear-gradient(180deg, #008EFB 0%, #88FFA5 100%);
    border-radius: 20px;
}
.wrap-price-1 h2{
    color: #fff;
    font-weight: 700;
    font-size:  3.125rem;
}
.wrap-content-1 {
    background: #fff;
    padding: 50px;
}

.column-khoa-hoc .col-inner {
    padding: 30px;
    background: #FFFFFF;
    border: 0.5px solid #5729DF;
    box-shadow: 4px 4px 15px 3px rgba(87, 41, 223, 0.05);
    border-radius: 10px;
}

.news-home .col-inner {
    border-radius: 10px;
}

.news-home .box-vertical {
    padding: 10px;
    background: #FFFFFF;
    border: 0.5px solid #5729DF;
    box-shadow: 4px 4px 15px 3px rgba(87, 41, 223, 0.05);
    border-radius: 10px;

}

.wrap-sponsorship {
    max-width: 20%;
    margin-right: 110px !important;
}
.wrap-testimonials {
    max-width: 50%;
    margin-right: 30px !important;
}
.wrap-testimonials-2 {
    max-width: 50%;
    margin-right: 30px !important;
}

.footer-main {
    margin-top: 180px;
    margin-bottom: 50px;
}

.p-title-footer-main {
    font-size: 1.125rem;
    line-height: 100%;
    font-weight: 700;
    color: #5729DF;
    margin-bottom: 15px;
}

.p-footer-main {
    font-size: 0.875rem;
    color: #6F6C90;
    margin-bottom: 10px;
}

.footer-link {
    list-style: none;
}

.footer-link li {
    margin-left: 0px !important;
}

.footer-social {
    display: inline-block;
    max-width: 26px;
}

.footer-payment {
    max-width: 131px;
}

.hr-footer {
    color: #170F49;
    opacity: 1;
}

.p-footer-bottom {
    font-size: 0.875rem;
    color: #AAAAAA;
}

/* End */
/* Introduction */
.wrap-tam-nhin .col-inner {
    background: linear-gradient(180deg, #5729DF 0%, #ED3CFF 100%);
    box-shadow: 4px 4px 15px 3px rgba(87, 41, 223, 0.05);
    border-radius: 10px;
    color: #fff;
    padding: 50px;
}
.wrap-tam-nhin h3{
    color: #fff !important;
}
.nguoi-dung-sau .col-inner{
    border: 1px #5729DF solid;
    border-radius: 5px;
    padding: 60px;
}
/* End Introduction  */
/* Popup */
#personalization h3.popup-title {
    font-size: 1.125rem;
    line-height: 100%;
    font-weight: 700;
}
#personalization p.popup-des {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 400;
}
/* End Popup */
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}