/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNarExtrabold.eot');
    src: url('./fonts/DomaineDispNarExtrabold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNarExtrabold.woff2') format('woff2'),
        url('./fonts/DomaineDispNarExtrabold.woff') format('woff'),
        url('./fonts/DomaineDispNarExtrabold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNar-Bold.eot');
    src: url('./fonts/DomaineDispNar-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNar-Bold.woff2') format('woff2'),
        url('./fonts/DomaineDispNar-Bold.woff') format('woff'),
        url('./fonts/DomaineDispNar-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNarBlack.eot');
    src: url('./fonts/DomaineDispNarBlack.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNarBlack.woff2') format('woff2'),
        url('./fonts/DomaineDispNarBlack.woff') format('woff'),
        url('./fonts/DomaineDispNarBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNarMedium.eot');
    src: url('./fonts/DomaineDispNarMedium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNarMedium.woff2') format('woff2'),
        url('./fonts/DomaineDispNarMedium.woff') format('woff'),
        url('./fonts/DomaineDispNarMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNar-Regular.eot');
    src: url('./fonts/DomaineDispNar-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNar-Regular.woff2') format('woff2'),
        url('./fonts/DomaineDispNar-Regular.woff') format('woff'),
        url('./fonts/DomaineDispNar-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Disp Nar';
    src: url('./fonts/DomaineDispNarSemibold.eot');
    src: url('./fonts/DomaineDispNarSemibold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DomaineDispNarSemibold.woff2') format('woff2'),
        url('./fonts/DomaineDispNarSemibold.woff') format('woff'),
        url('./fonts/DomaineDispNarSemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
p, ul li {
    font-size: 16px;
    color: #000;
}
.header-main .nav > li > a {
    line-height: 16px;
    font-size: 17px;
    font-weight: 400;
    color: #000;
}
.header-main .nav > li {
    margin: 0px 15px;
}
li.html.header-button-1 a,.col-right-cus .col-inner,.row-2-top .icon{
    background: #0E708C;
    background: linear-gradient(271deg, rgba(14, 112, 140, 1) 0%, rgba(18, 77, 102, 1) 100%);
    font-size: 17px;
    text-transform: initial;
    font-weight: 300;
}
.col-right-cus .col-inner {
    padding: 2em;
    border-radius: 20px;
	font-size: 20px;
	color: #fff;
}
.col-right-cus .col-inner h4 {

    font-size: 50px;
    color: #fff;
    font-weight: 200;
}

.row-1-add h3 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 500;
}
.row-1-add .col {
    padding-bottom: 0;
}
.row-1-add p {
    margin-bottom: 0;
}
.row-1-add p strong {
    color: var(--primary-color);
    font-weight: 500;
}
.title-all h2 {

    font-size: 60px;
    color: var(--primary-color);
    font-weight: 500;
    line-height: 1.2;
}
.title-all p:before {
    border-radius: 30px;
    font-size: 26px;
    position: absolute;
    left: 0;
    top: 41%;
    line-height: 1;
    height: 5px;
    content: '';
    width: 5px;
    background: #124f68;
}
.title-all p {
	display: inline;
    margin-bottom: 0;
    position: relative;
    padding-left: 1em;
}
.sub-ct strong {
    color: #0D718C;
    font-size: 18px;
}
.sec-2 .icon-box-text.last-reset {
    line-height: 1.4;
}
.sec-2 .icon-box.featured-box.icon-box-left.text-left {
    align-items: center;
    margin-bottom: 20px;
}
.bt-gra {
    background: url(/wp-content/uploads/2026/04/Link.png) no-repeat;
    width: auto;
    height: 56px;
    background-size: contain;
    padding-right: 3em;
    line-height: 50px;
    font-weight: 600;
    color: #FFF5BC;
	border: none;
}
a.button.primary.lowercase.bt-gra:after {
    content: '';
    background: url(/wp-content/uploads/2026/04/SVG-1.png) no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 24%;
    right: 8%;
}
.bt-video {
    padding: 4px 15px;
    border: 1px solid;
    font-weight: 500;
    font-size: 18px;
}
.bt-gra:hover {
    box-shadow: none;
}
.col-2-ct {
    background: url(/wp-content/uploads/2026/04/Background-e1776832846484.png) no-repeat;
align-items: center;
    border-radius: 20px 0px 0px 20px;
}
.row-2-bottom .col-2-ct {
    border-radius: 0px 20px 20px 0px;
}
.col-2-ct .col-inner {
    padding: 0px 4vw;
}
.title-dv h2 {

    font-size: 4vw;
 color: var(--primary-color);
    font-weight: 500;
    line-height: 1.2;
}
.row-2-bottom .img {
    margin-bottom: 0 !important;
}
.title-dv p {
	font-size: 1vw;
    font-weight: 600;
    color: #124D65;
}
.title-dv h2 strong{
	    background: -webkit-linear-gradient(#753D24, #BD814D), #D6B79A;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: 500;
}
.row-2-top .icon {
    padding: 13px 15px;
    border-radius: 10px;
}
.row-2-top .icon-box-text.last-reset h3 {
    font-size: 1.5vw;
    color: var(--primary-color);
    font-weight: 300;
    line-height: 1.4;
}
.row-2-top .icon-box-text.last-reset p {
    font-size: 1vw;
}
.view-video {
    position: absolute;
    bottom: 0;
    left: 10px;
	border-radius: 0px 0px 20px 0px;
    width: 100% !important;
    height: 211px;
background: #124D65;
background: linear-gradient(360deg, rgba(18, 77, 101, 1) 26%, rgba(28, 73, 66, 0) 100%);
    align-items: end;
}
.video-button-wrapper .icon {
    padding: 0.8vw 1.1vw !important;
    color: #fff;
    background: transparent;
}
.row-2-top .large-2 {
    padding-left: 1em;
}
.view-video p {
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
}
.row-2-top .img {
    margin-bottom: 0 !important;
}
.row-2-top .img img{
    border-radius: 0px 20px 20px 0px;
}
.row-2-bottom  .img img{
    border-radius: 20px 0px 0px 20px;
}
.img-po {
    position: absolute;
    top: 40%;
    right: -7%;
	height: auto !important;
    z-index: 9;
}
.row-2-bottom .view-video {
    border-radius: 0px 0px 0px 20px;
}
.row-2-bottom .col-2-ct .col-inner .col-inner {
    padding: 0;
}
.row-2-bottom p {
    margin-bottom: 0;
}
.row-2-bottom .img-po {
    left: -7%;
    right: auto;
}
.row-af .coca-bais-shortcode,.row-qt .box{
    padding: 10px;
}

.row-af .slick-slide, .row-qt .slick-slide {
    height: auto;
}

.row-af .slick-list,.row-qt .slick-list {
    margin: 0 -10px;
}
.coca-bais-shortcode .coca-bais-container img {
    border-radius: 20px !important;
}
.slick-dots li button:before {
    font-size: 11px !important;
}
.sec-4 .title-dv h2,.row-6 .title-dv h2,.sec-7 .title-dv h2,.sec-8 .title-dv h2{
    margin-bottom: 10px;
}
.sec-4 p {
    margin-bottom: 0;
}
.row-qt {
    margin: 0 auto !important;
}
.sec-5 h2 {
    background: -webkit-linear-gradient(#FFF0AC, #D6B79A), #FFF0AC;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 4vw;
    margin-bottom: 10px;
	line-height: 1.6;
}
.sec-5 p{
	color:#fff;
}
.row-qt .box {
    padding: 0px 80px;
}
.sec-5 .box-image {
    border-radius: 10px;
    border: 4px solid transparent;
    background: linear-gradient(90deg, rgba(255, 240, 172, 1) 0%, rgba(214, 183, 154, 1) 50%, rgba(255, 245, 188, 1) 100%);
}
.row-qt .slick-track {
    counter-reset: step;
}

.row-qt .slick-track .box {
    position: relative;
    counter-increment: step;
}

/* Số lớn phía sau */
.row-qt .slick-track .box::before {
    content: counter(step);
    position: absolute;
    top: 0;
    left: 16%;
    transform: translateX(-50%);
    font-size: 220px;
    /* text-shadow: 0 0 20px rgba(255, 255, 255, 0.2); */
    font-weight: bold;
    color: rgba(255, 255, 255, 0.15);
    z-index: 0;
    background: -webkit-linear-gradient(#FFF0AC, #D6B79A), #FFF0AC;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 300;
    line-height: 1;
    height: auto;
}
.row-6 {
    background: #FFF1E4;
    padding: 4em 0em;
	position: relative;
    border-radius: 20px;
}
/* Box nổi lên trên số */
.process-item .box-image {
    position: relative;
    z-index: 1;
}
.slick-slide {
    counter-increment: none;
}

.slick-slide.slick-active {
    counter-increment: step;
}
.row-6 .overlay {
    border-radius: 25px;
}
.row-6 .box-text.text-left h4,.box-dv-child .box-text.text-left h4 {
    background: -webkit-linear-gradient(#FFF0AC, #D6B79A), #FFF0AC;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 32px;
    text-shadow: none;
}
.box-dv-child .overlay {
    border-radius: 25px;
}
.slide-kh .slick-current.slick-active {
    transform: scale(1);
}
.slide-kh .slick-slide, .slide-kh .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;
}
.slide-kh .slick-slide {
    color: #FFF;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.sec-8 .row.row-kh {
    margin: 0 auto !important;
	background-size: cover;
    border-radius: 20px;
    background: url(/wp-content/uploads/2026/04/bg2.png) no-repeat;
}
.slide-kh {
    margin: 0 auto !important;
}
.sec-8 .row.row-kh .col-inner {
    padding: 4vw 0vw;
}
.sec-8 .row.row-kh .col-inner .col-inner {
    padding: 0;
}
.sec-9 img {
    border-radius: 15px;
}
.sec-10 h5.post-title.is-large {
    color: #1C4942;
    font-weight: 400;
    font-size: 22px;
}
.box-blog-post .is-divider {
    display: none;
}
.sec-10 .box-text-inner.blog-post-inner .button {
    text-transform: inherit;
    color: #1C4942;
    font-weight: 400;
    font-size: 17px;
    margin-top: 5px;
}
.text-run p {
    font-size: 100px;
    font-weight: 700;
    color: #0d4d66;
}
.row-ft {
    background: #0E708C;
    background: linear-gradient(271deg, rgba(14, 112, 140, 1) 0%, rgba(18, 77, 102, 1) 100%);
    padding: 3vw 10vw;
	border-radius: 20px;
}
.row-ft p, .row-ft ul li {
    color: #fff;
    line-height: 1.4;
}
.row-ft .icon-box-img .icon {
padding: 6px 8px;
    background: #fff;
    border-radius: 8px;
}
.row-ft .icon-box-text.last-reset h3,.row-ft h2,.social-icons span {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0;
	line-height: 1.2;
}
.row-ft h2{
	margin-bottom:20px;
}
.pad {
    padding-bottom: 0;
}
.social-icons.follow-icons, .social-icons.follow-icons a {
    color: #fff;
}
.absolute-footer.dark {
    display: none;
}
.header-button a:after {
    background: url(/wp-content/uploads/2026/04/446.png) no-repeat;
    content: '';
    position: absolute;
    right: 7px;
    /* padding-right: 3em; */
    height: 24px;
    width: 24px;
    top: 20%;
}
.header-button a {
    padding-right: 2em;
}
.col-right-cus .col-inner .box-text.text-center {
    padding-bottom: 0;
}
.slick-dots li button:before {
    color: transparent !important;
    background: #cbcbcb;
    opacity: 1 !important;
    border-radius: 50px;
    width: 10px !important;
    height: 10px !important;
    /* line-height: 9px; */
    top: 5px !important;
}
li.slick-active button:before {
    width: 47px !important;
    border-radius: 9px;
    height: 9px !important;
    border-color: #0d4d66;
    background-color: #0d4d66;
    opacity: 1 !important;
    color: transparent !important;
    left: 0 !important;
    top: 5px !important;
}
li.slick-active {
    width: 47px !important;
}
.marquee {
    height: 128px;
    width: 100%;
    overflow: hidden;
	    display: flex;
    width: max-content;
    animation: marquee-scroll 20s linear infinite;
    position: relative;
}


.marquee p {
    margin: 0;
    padding-right: 50px; /* khoảng cách giữa 2 block */
    line-height: 116px;
    white-space: nowrap;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.row-ft span.wpcf7-form-control-wrap input {
    background-color: #fff;
    padding: 5px 5px 5px 20px;
    border-radius: 8px 8px 8px 8px;
    height: 50px;
}
.footer-wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
    margin-bottom: 0;
    height: 50px;
    border-radius: 0px 5px 5px 0px;
	text-transform: capitalize;
}
.col-right-cus .col-inner p {
    color: #fff;
}
span.wpcf7-spinner {
    display: none;
}
.social-icons.follow-icons a {
    color: #0d4d66;
    border-radius: 10px !important;
    background: #fff;
	    margin-bottom: 0;
	border-color: #fff;
}
.row-ft iframe {
    border-radius: 20px;
}
.row-ct input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #0E708C;
    background: linear-gradient(271deg, rgba(14, 112, 140, 1) 0%, rgba(18, 77, 102, 1) 100%);
    font-size: 17px;
    text-transform: initial;
    font-weight: 300;
    border-radius: 30px;
}
.row-ft:after {
    background: url(/wp-content/uploads/2026/04/ft1.png) no-repeat;
    content: '';
    position: absolute;
left: 50px;
    height: 240px;
    width: 194px;
    top: 52%;
}
.row-ft:before {
    background: url(/wp-content/uploads/2026/04/ft2.png) no-repeat;
    content: '';
    position: absolute;
right: 50px;
    height: 240px;
    width: 194px;
    top: 30%;
}
.row-6:after {
    background: url(/wp-content/uploads/2026/04/645.png) no-repeat;
    content: '';
    position: absolute;
left: 0px;
    height: 240px;
    width: 194px;
    top: 73%;
}
.row-6:before {
    background: url(/wp-content/uploads/2026/04/la2.png) no-repeat;
    content: '';
    position: absolute;
right: 0px;
    height: 175px;
    width: 218px;
    top: 6%;
}
.row-qt-img:after {
    background: url(/wp-content/uploads/2026/04/ft1.png) no-repeat;
    content: '';
    position: absolute;
left: 5px;
    height: 240px;
    width: 194px;
    top: 51%;
}
.row-qt-img:before {
    background: url(/wp-content/uploads/2026/04/ft2.png) no-repeat;
    content: '';
    position: absolute;
right: 13px;
    height: 175px;
    width: 148px;
    top: 6%;
    z-index: 9;
}
.title-page-sub .page-title-inner {
    margin-left: 0;
}
.title-page-sub h1.entry-title.mb-0 {
    background: -webkit-linear-gradient(#FFF0AC, #D6B79A), #FFF0AC;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 3vw;
    box-shadow: none;
}
.title-page-sub .title-wrapper {
    text-shadow: none;
}
ul.slick-dots li:before {
	display:none;
}
.sec-bv-1 h2 {
    font-size: 37px;
    font-weight: 500;
}
.single-post .full-width-content ul li {
    list-style: none;
    position: relative;
    padding-left: 5px;
}
.single-post .full-width-content ul li:before {
    content: '';
    background: url(/wp-content/uploads/2026/04/Symbol1.png) no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: -19px;
    top: 3px;
}
.sec-bv-3 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.sec-bv-1 .icon-box-img .icon {
    padding: 14px;
    background: #F7F0F2;
    border-radius: 15px;
}
.title-dv-sub h3 {
    font-size: 50px;
    color: var(--primary-color);
    font-weight: 500;
    line-height: 1.2;
}
.sec-bv-2 .row-qt .slick-track .box::before {
    background: -webkit-linear-gradient(#0d4d66, #0d4d66), #0d4d66;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec-bv-2 .row-qt .box-image {
    border: 4px solid #0d4d66;
    border-radius: 15px;
}
.sec-bv-4 h3 {
    font-size: 30px;
}
.sec-bv-4 p {
    font-size: 20px;
    font-style: italic;
}
.sec-bv-1 .icon-box.featured-box.icon-box-left.text-left {
    margin-bottom: 15px;
}
.sec-bv-7 button.toggle {
    right: 0;
	top: .7em;
    left: auto;
}
.sec-bv-7 .accordion-title,.sec-bv-7 .accordion-item {
    background: #fff;
    margin-bottom: 15px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
}
.sec-bv-7 .accordion-item a.active {
    background: #fff;
    margin-bottom: 0;
}
.sec-bv-7 .accordion-inner p {
    margin-bottom: 0;
}
.sec-bv-7 .accordion {
    padding: 0px 10em;
    margin-top: 2em;
}
.sec-bv-7 .accordion-title.active {
    color: #000;
}
.sec-bv-7 .accordion-inner,.sec-bv-7 .accordion-title{
    padding: 1em 1em;
}
h1.entry-title {
    font-size: 45px;
    color: var(--primary-color);
    font-weight: 500;
    line-height: 1.2;
}
.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}
.blog-wrapper.blog-single.page-wrapper .large-9.col {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}
.blog-wrapper.blog-single .title-dv h2 {
    font-size: 46px;
}
.sec-10 .col.post-item, .sec-10 .col {
    padding-bottom: 0;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: max-content;
        padding: 0;
        display: none !important;
        border-radius: 0;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: #000;
    }
    header#header .nav-dropdown li.active>a {
        color: #0e708c;
    }
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple {
    padding: 0px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-simple li a {
    font-size: 16px;
    color: #000;
	    padding: 15px;
}
.row-ct h3 {
    font-size: 17px;
    margin-bottom: 0;
    color: #0d4d66;
}
@media screen and (max-width: 1024px) {
.header-main .nav > li {
    margin: 0px 6px;
}
	.col-right-cus .col-inner {
    padding: 10px;
}
	.row-qt .slick-track .box::before,.sec-bv-2 .row-qt .slick-track .box::before {
    left: 26%;
    font-size: 113px;
}
	.row-ft {
    padding: 3vw 1vw;
}
	.sec-bv-4 h3 {
    font-size: 20px;
}
}
@media screen and (max-width: 768px){
	.row-1-add h3 {
    font-size: 16px;
}
	.marquee {
    height: 77px;
}
	.text-run p {
    font-size: 67px;
}
	.row-ft {
    padding: 3vw 1vw;
}
	.marquee p {
    line-height: 60px;
}
	.sec-banner .row {
    max-width: 96% !important;
}
	.col-2-ct,.row-2-bottom .col-2-ct {
    border-radius: 20px 20px 0px 0px;
    background-size: auto;
}
	.title-dv p,.row-2-top .icon-box-text.last-reset p {
    font-size: 16px;
}
	.title-dv h2,.sec-5 h2 {
    font-size: 6vw;
}
	.row-2-top .icon-box-text.last-reset h3 {
    font-size: 2.5vw;
}
	.col-2-ct .col-inner {
    padding: 4vw;
}
	.row-2-top .img img,.view-video,.row-2-bottom .img img,.row-2-bottom .view-video {
    border-radius: 0px 0px 20px 20px;
}
	.video-button-wrapper .icon {
    padding: 0.8vw 1.6vw !important;
		font-size: 15px;
}
	.row-qt .box {
    padding: 0px 50px;
}
	    .row-qt .slick-track .box::before, .sec-bv-2 .row-qt .slick-track .box::before {
        left: 15%;
    }
	.slide-kh .slick-slide {
    transform: scale(0.9);
}
	    .row-qt .box {
        padding: 0px 15px;
    }
	.sec-bv-4 .box-image img {
    height: 14em;
}
	.sec-bv-7 .accordion {
    padding: 0px 1em;
}
	.blog-wrapper.blog-single.page-wrapper .large-9.col,.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col{
    flex-basis: 100%;
    max-width: 100%;
}
}