/*
 Theme Name:   Flatsome-child
 Description:  Flatsome Child Theme
 Author:       Nguyen Duy Khiem
 Template:     flatsome
 Version:      1.0.37

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: "ZonaPro";
  font-display: swap;
  font-weight: normal;
  src: url(./assets/fonts/SVN-ZonaPro-Regular.woff2)
    format("woff2");
}
@font-face {
  font-family: "ZonaPro";
  font-display: swap;
  font-weight: bold;
  src: url(./assets/fonts/SVN-ZonaPro-Bold.woff2)
    format("woff2");
}


body{
    font-family:  "ZonaPro",  sans-serif;
    overflow: hidden;
}
.nav > li > a {font-family:  "ZonaPro", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "ZonaPro", sans-serif;}
.alt-font{font-family: "ZonaPro", sans-serif;}


html.js.with-fancybox {
    overflow: hidden;
}



.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
    pointer-events: none;
    z-index: 1;
}
.wpcf7-response-output {
    font-size: 12px;
    margin: 0 !important;
    display: none;
}
.wpcf7-spinner{
    display: none;
}
.header-main .nav > li > a {
    font-size: 16px;
    color: #05238e;
}
.header-main .nav > li {
    margin: 0 25px;
}
.header-main li.html.custom.html_topbar_left {
    font-size: 20px;
    font-weight: bold;
    font-family: 'ZonaPro';
}
.ai_banner_form {
    padding-top: 100px !important;
    padding-bottom: 70px !important;
}
.ai_banner_form h1 {
    background: linear-gradient(to right, #BF8736, #FFF8AD, #fff,#EED386,#BF8736);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 30px;
}
.ai_banner_form h2 {
    background: linear-gradient(to right, #BF8736, #FFF8AD, #fff,#EED386,#BF8736);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 35px;
    border: 2px solid rgb(244 228 157);
    margin: auto;
    padding: 7px 30px;
    border-radius: 35px;
    margin-bottom: 30px;
}
.ai_banner_form .ai_banner_form-content p {
    font-size: 16px;
    color: #fff;
    text-align: justify;
}
.ai_banner_form.result .col:not(.ai_banner_form-input) {
    display: none;
}
.ai_banner_form.result .ai_banner_form-input {
    max-width: 100%;
    flex-basis: 100%;
}
.ai_banner_form.result .ai_banner_form-input .col-inner {
    all: unset;
}


/*#knd25-quiz-app form .wpcf7-submit {
    margin: auto;
    display: block;
    margin-top: 10px;
    background: url(/wp-content/themes/flatsome-child/assets/images/i_right.png) no-repeat,url(/wp-content/themes/flatsome-child/assets/images/Button.webp) no-repeat;
    background-size: 25px, 100% 100%;
    background-position: right 30px center, center;
    padding: 10px 65px 10px 30px;
    font-size: 14px;
    position: relative;
}*/
.ai_banner_form.result {
    padding-top: 0 !important;
    border-radius: 0;
    z-index: 9;
}
.ai_banner_form.result .text {
    display: none;
}
.ai_banner_form.result .section-bg.fill {
    display: none;
}

.ai_sec2 .box-image {
    width: auto !important;
    max-width: 100px;
    margin-left: 0;
}
.ai_sec2 .box-text h4 {
    font-size: 25px;
    color: #1460F7;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.6;
}
.ai_sec2 .box-text p {
    font-size: 16px;
}

.ai_sec2 {
    padding-top: 70px !important;
}
.ai_sec3{
    padding-bottom: 0 !important;
}
.ai_sec3 h2 {
    font-size: 40px;
}
.ai_sec3 h2 strong {
    color: #1460F7;
}

.ai_sec3 li {
    position: relative;
    list-style: none;
    margin: 0 !important;
    margin-bottom: 25px !important;
    padding-left: 45px;
    font-size: 16px;
}
.ai_sec3 li:before {
    content: "";
    position: absolute;
    background: url(/wp-content/themes/flatsome-child/assets/images/i_check.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    left: 0;
    top: -1px;
}

.ai_sec3 blockquote {
    all: inherit;
    background: #1460F7;
    color: #fff;
    border-radius: 25px;
    padding: 20px 100px;
    font-weight: bold;
    text-align: left;
    text-align: justify;
}
.ai_sec3 blockquote p {
    margin: 0;
}

.ai_footer p {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.ai_button {
    width: fit-content;
    padding: 10px 65px 10px 30px;
    font-size: 14px;
    box-shadow: none !important;
    text-transform: uppercase !important;
    margin: auto;
    margin-top: 10px;
    background: transparent;
    /*background: url(/wp-content/themes/flatsome-child/assets/images/i_right.png) no-repeat;
    background-size: 25px;
    background-position: right 30px center;*/
    overflow: hidden;
    -moz-border-radius: 45px;
     -webkit-border-radius: 45px;
     border-radius: 45px;
    position: relative;
    font-weight: bold;
    line-height: 2.4em;
    min-height: 55px;
    display: flex;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
    z-index: 0;
}
.absolute-footer {
    display: none;
}
.result .ai_sec2, .result .ai_sec3,.result .ai_footer {
    display: none;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.ai_button:before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: conic-gradient(from 0deg, transparent 0%, rgb(18 164 246) 20%, #11a8e8 40%, transparent 60%);
    animation: spin 1.5s linear infinite;
    filter: blur(10.5px);
    z-index: -2;
    pointer-events: none;
}
.ai_button:after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: url(/wp-content/themes/flatsome-child/assets/images/i_right.png) no-repeat,url(/wp-content/themes/flatsome-child/assets/images/Button.webp) no-repeat;
    z-index: -1;
    background-size: 25px,100% 100%;
    background-position: right 30px center,center;
}
.ai_button:hover:after {
    background-size: 30px, 100% 100%;
    background-position: right 25px center,center;
    transition: 0.2s;
}
form .ai_button {
    padding: 0;
}
#knd25-quiz-app form .wpcf7-submit {
    all: unset;
    color: #fff;
    line-height: 1.6;
    padding: 10px 65px 10px 30px;
}
.ai_banner_form-input .col-inner {
    background: #d6ebfd;
    padding: 25px;
    border-radius: 25px;
}
.ai_banner_form-title p {
    text-align: center;
    font-size: 25px;
    color: #05238e;
    font-weight: bold;
    margin-bottom: 0;
}
#knd25-quiz-app form.wpcf7-form {
    margin: 0;
}
.knd25-info {
    padding: 30px;
    border-radius: 25px;
    background: #1460F7;
    color: #fff;
}


@media (max-width: 549px){
    .ai_banner_form h1 {
    font-size: 20px;
}
.ai_banner_form h2 {
    font-size: 25px;
}
.ai_banner_form-title p {
    font-size: 20px;
}
}
@media (max-width: 549px){
.ai_banner_form h1 {
    font-size: 20px;
}
.ai_banner_form h2 {
    font-size: 20px;
    padding: 2px 30px;
}

.ai_sec2 .box-text h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.ai_sec2 .box-text p {
    font-size: 14px;
}
.ai_sec2 .box-image {
    width: auto !important;
    max-width: 70px;
}

.ai_sec3 h2 {
    font-size: 25px;
}
.ai_sec3 p {
    font-size: 14px;
}
.ai_sec3 li {
    font-size: 14px;
}
.ai_sec3 blockquote {
    padding: 20px;
    border-radius: 15px;
}
.ai_footer p {
    font-size: 16px;
}
.medium-logo-left .flex-left {
    flex: 1 1 auto;
}
.header-main li.html.custom.html_topbar_left {
    font-size: 18px;
}
.ai_banner_form {
    border-radius: 15px;
    padding-top: 50px !important;
    padding-bottom: 30px !IMPORTANT;
}
.ai_banner_form .ai_banner_form-content p {
    font-size: 14px;
}
/*form*/
.knd25-slide-header {
    padding: 20px;
}
.knd25-slide-title {
    font-size: 18px;
    margin-bottom: 5px;
}
.exam .knd25-opts {
    padding: 30px 15px;
}
.knd25-nav {
    max-width: 100%;
    gap: 15px;
}
.knd25-btn {
    width: auto;
    padding: 5px 25px;
}
button#knd25-submit, button#knd25-check-submit {
    padding: 5px 25px;
}
.knd25-modal-actions .knd25-btn {
    padding: 5px 10px;
    font-size: 12px;
}
.knd25-detail .knd25-opts {
    padding: 0 ;
}
.ai_banner_form-input .col-inner {
    padding: 25px 0;
}
/*end form*/
}