/*
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:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/
@font-face {
    font-family: 'DVN - Fredoka';
    src: url('./fonts/DVNFredoka-Bold.eot');
    src: url('./fonts/DVNFredoka-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/DVNFredoka-Bold.woff2') format('woff2'),
        url('./fonts/DVNFredoka-Bold.woff') format('woff'),
        url('./fonts/DVNFredoka-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-family: 'DVN - Fredoka' !important;
}
p {
    color: #000;
    font-size: 16px;
	line-height: 1.4em;
}
.header-nav-main li a{
	font-family: 'DVN - Fredoka' !important;
	color: #000;
    font-size: 20px;
}
.nav>li {
    margin: 0px 20px;
}
a.button.primary,input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: #fff;
	font-family: 'DVN - Fredoka' !important;
    font-size: 20px;
    padding-left: 48px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
	padding-left: 25px;
}
a.button.primary:before{
    content: '';
    background: url(/wp-content/uploads/2025/03/Vector.png) no-repeat;
    width: 19px;
    height: 27px;
    position: absolute;
    left: 19px;
    top: 11px;
}
.wpcf7-spinner {
    display: none;
}
.col-right-1 .col {
    padding-bottom: 0;
}
.row-2 .col-inner h4 {
    font-size: 22px;
    color: #252525;
    margin-bottom: 1em;
}
.row-2 .col-inner {
	    background: #fff;
    box-shadow: 0px 2px 4px 0px #ccc;
	   border-radius: 20px 20px 20px 20px;
	border-bottom: 6px solid #5aaf91;
}
.row-2 .col-inner .box-image {
    border-radius: 20px 20px 0px 0px;
	border-bottom: 5px solid #347bac;
}
.text-banner p {
    color: #000;
    background: #fff;
    padding: 10px;
    border-radius: 15px;
	padding-top:20px;
}
.sec-1 {
    padding-top: 6em !important;
    padding-bottom: 11em !important;
}
.text-banner {
    position: relative;
}
.text-banner:before,.text-banner:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-126.png) no-repeat;
    width: 31px;
    height: 51px;
    position: absolute;
    top: -26px;
    left: 45px;
    z-index: 1;
}
.text-banner:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-126.png) no-repeat;
    right: 45px;
	left: auto;
}
.sec-1 .img {
    z-index: 9;
    margin-bottom: 20px;
}
.title-all h2 {
    font-size: 40px;
    font-family: 'DVN - Fredoka' !important;
    color: #347BAC;
    width: auto;
}
.title-all strong {
    background: #5AAF91;
    color: #fff;
    padding:5px 20px;
    border-radius: 10px;
transform: rotate(-1deg);
    margin: 0 1rem;
	font-size: 40px;
	    font-family: 'DVN - Fredoka' !important;
}
.title-all {
    display: flex;
    justify-content: center;
	    align-items: flex-end;
}
.title-all p{
    width: auto;
	transform: rotate(-3deg);
}
.sub p {
    color: #347bac;
    font-family: 'DVN - Fredoka';
	margin-top: 1em;
	margin-bottom: 0;
}
.title-all strong:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/Vector-25.png) no-repeat;
    position: absolute;
width: 37px;
    height: 26px;
    left: 0;
    bottom: -23px;
}
.title-all strong:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Vector-20.png) no-repeat;
    position: absolute;
width: 69px;
    height: 58px;
    right: -5px;
    bottom: -28px;
    background-size: contain;
}
.title-all p:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-119.png) no-repeat;
    position: absolute;
    width: 69px;
    height: 58px;
    right: 5px;
    top: -62px;
}
.col-right-1 h2 {
    font-size: 38px;
    color: #252525;
}
.row-2 .box-text.text-center {
    padding-bottom: 4em;
	background: #fff;
	border-radius: 20px 20px 20px 20px;
}
.item-1 .col-inner:after,.item-2 .col-inner:after,.item-3 .col-inner:after,.item-4 .col-inner:after{
    content: '';
    background: url(/wp-content/uploads/2025/03/image-43.png) no-repeat;
    position: absolute;
    bottom: -24px;
    right: -19px;
    width: 129px;
    height: 66px;
}
.item-2 .col-inner:after{
	    width: 77px;
    height: 86px;
	background: url(/wp-content/uploads/2025/03/image-44.png) no-repeat;
}
.item-3 .col-inner:after{
	    width: 58px;
    height: 86px;
	background: url(/wp-content/uploads/2025/03/image-45.png) no-repeat;
}
.item-4 .col-inner:after{
	width: 123px;
    height: 90px;
	background: url(/wp-content/uploads/2025/03/image-46.png) no-repeat;
}
.col-left-2 .col-inner {
    display: flex;
	align-items: center;
}
.col-left-2 .box-text.text-left h3 {
    font-size: 30px;
    color: #fff;
}
.col-left-2 .col-inner .box-vertical {
    width: 63%;
    margin: 0;
}
.ux-timer {
    background: #E2E2E2;
    padding-left: 2em;
    border-radius: 0px 15px 15px 0px;
}
.col-right-2 .col-inner .img {
    margin-bottom: 0;
    margin-right: -3em;
    z-index: 9;
}
.col-right-2 .col-inner {
    display: flex;
	padding-left: 14em;
}
.ux-timer span {
    background: #fff !important;
    color: #000 !important;
    border-radius: 15px !important;
}
.ux-timer span strong {
    font-size: 12px !important;
    color: #000 !important;
}
.col-right-4 form.wpcf7-form.init {
    background: #347BAC;
    padding: 1.4em;
    border-radius: 15px;
	    margin-bottom: 0;
    border: 3px solid #fff;
}
.col-right-4 .img {
    margin-bottom: 0 !important;
}
.col-right-4 form.wpcf7-form.init h3 {
    font-size: 30px;
    color: #fff;
    background: #5aaf91;
    /* display: inline; */
    padding: 1px 19px;
    margin-bottom: 14px !important;
    width: fit-content;
    margin: 0 auto;
    border-radius: 30px;
}
.col-right-4 .col-inner.text-center {
    border-bottom: 7px solid #063B5F;
    border-radius: 15px;
}
.wpcf7 .wpcf7-form-control-wrap input {
    height: 50px;
    box-shadow: none;
    border: none;
    border-radius: 7px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 86px;
    border: 0;
    border-radius: 7px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-right: 0;
	padding: 0px 20px;
    /* min-height: auto !important; */
    margin-bottom: 0;
    border-radius: 30px;
}
.sec-4:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-113.png) no-repeat;
    width: 332px;
    height: 363px;
    position: absolute;
    right: 0;
    top: -100px;
}
.sec-4:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-114.png) no-repeat;
    width: 293px;
    height: 347px;
    position: absolute;
    left: 0;
    bottom: -100px;
	z-index: 9;
}
.sec-5 .box-text.text-left h4 {
    color: #252525;
    font-size: 21px;
    margin-bottom: 10px;
}
.box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{
    background: #D1D1D1;
    padding: 10px 20px;
    border-radius: 15px;
	box-shadow: 0px 2px 4px 0px #ccc;
    border: 2px solid #fff;
	margin-bottom: 2em;
}
.box-2{
	background:#5AC4A1;
	margin-left: -3em;
}
.box-3{
	background:#83CCFF;
    margin-right: -3em;
}
.box-4{
	background:#FFD78E;
}
.box-5{
	background:#85E9C6;
}
.box-6{
	background:#FF9D9D;
	margin-left: -3em;
	margin-bottom: 0;
}
.box-7{
	background:#95CDFF;
	    margin-right: -3em;
}
.box-8{
	background:#DBC051;
}
.box-1 .box-image,.box-2 .box-image,.box-3 .box-image,.box-4 .box-image,.box-5 .box-image,.box-6 .box-image,.box-7 .box-image,.box-8 .box-image {
    margin: 0;
}
.sec-5 .box-text.text-left {
    padding-bottom: 5px;
}
.row-6 {
    box-shadow: 0px 2px 4px 2px #ccc;
    border-radius: 20px 20px 20px 20px;
	position:relative;
	padding-top: 1em;
    border-bottom: 10px solid #347BAC;
}
.row-6-img{
	    position: absolute;
bottom: -262px;
    right: -400px;
}
.sec-6 h4 {
    background: #347bac;
    color: #fff;
    padding: 6px 10px;
    font-size: 25px;
    width: max-content;
    line-height: 1.4em;
    margin-bottom: 10px;
    border-radius: 30px;
}
.sec-6 .box-text.text-left {
padding-bottom: 10px;
    padding-top: 0;
}
.sec-6 .box-image {
    align-content: flex-start;
}
.sec-7 .large-3 h4{
    font-size: 17px;
    color: #000;
    height: 44px;
    margin-bottom: 10px;
}
.sec-9 h4 {
    font-size: 22px;
    color: #000;
    /* margin-bottom: 15px; */
    margin-top: 5px;
    font-family: Roboto, sans-serif !important;
}
.sec-7 .large-3 {
    flex-basis: 20%;
    max-width: 20%;
}
.row-8 p {
    margin-bottom: 8px;
}
.row-text-feed p {
    margin-bottom: 0;
}
.row-6-2 .col-inner {
    box-shadow: 0px 2px 4px 2px #ccc;
    border-radius: 0px 0px 150px 0px;
    position: relative;
    padding: 1em;
    border-bottom:15px solid #5aaf91;
}
.sec-9 .align-equal .col-inner {
    box-shadow: 0px 2px 4px 2px #ccc;
    border-radius: 20px 20px 20px 20px;
}
.accordion-item {
    margin-bottom: 1em;
    border: 4px solid #347bac;
    border-radius: 10px;
}
.accordion-item a {
    border: none;
    color: #000;
    padding: 1.1em 1em 1.1em 5em;
}
.sec-9 .box-image {
    border-radius: 20px 20px 0px 0px;
}
.accordion-item a:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/image-99.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 4px;
    top: 3px;
}
.accordion .toggle {
    display: none;
}
.footer-1, .footer-2, .absolute-footer.dark {
    display: none;
}
.ft-box-1 .box-image,.ft-box-2 {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
	margin-bottom: 1em;
    /* margin-right: 10px !important; */
}
.ft-box-1 {
    margin-bottom: 1em;
}
.ft-box-2 .box-text.text-left {
    padding-bottom: 0;
    padding-top: 0;
}
.ft-box-2 p {
    color: #000;
    font-size: 20px;
    font-weight: 800;
}
.social-icons.follow-icons .button.primary:before {
	display:none;
}
.sec-5:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-255.png) no-repeat;
    width: 247px;
    height: 931px;
    position: absolute;
    bottom: 0;
}
.sec-5:after {
    content: '';
    background: url(https://globalcamp.theme.adsagency.com.vn/wp-content/uploads/2025/03/Group-254.png) no-repeat;
    width: 350px;
    height: 820px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sec-8:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-81.png) no-repeat;
width: 240px;
    height: 233px;
    position: absolute;
    top: 0;
}
.sec-8:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/Group-82.png) no-repeat;
width: 215px;
    height: 197px;
    position: absolute;
    bottom: 55px;
    right: 0;
}
.sec-10:before {
    content: '';
    background: url(/wp-content/uploads/2025/03/image-106.png) no-repeat;
width: 240px;
    height: 233px;
    position: absolute;
bottom: 10em;
}
.sec-10:after {
    content: '';
    background: url(/wp-content/uploads/2025/03/image-105.png) no-repeat;
width: 215px;
    height: 213px;
    position: absolute;
    bottom: 10em;
    right: 0;
}
@media screen and (max-width: 1024px) {
a.button.primary, input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 16px;
    padding-left: 34px;
}
	a.button.primary:before {
    width: 12px;
    background-size: contain;
}
	.header-nav-main li a {
    font-size: 16px;
}
	.nav>li {
    margin: 0px 7px;
}
	.col-right-1 h2 {
    font-size: 29px;
}
	.col-right-1 .box-text.text-left {
    padding: 7px 10px;
}
	.col-right-1 .img{
		width:100% !important;
	}
	.col-left-2 .col-inner .box-vertical {
    width: 85%;
}
	.col-right-2 .col-inner {
    padding-left: 4em;
}
	.col-right-4 form.wpcf7-form.init h3 {
    font-size: 23px;
}
	.sec-5 .box-text.text-left h4 {
    font-size: 18px;
}
	.sec-6 h4 {
    font-size: 20px;
}
	.row-6-img {
    bottom: -200px;
    right: -18em;
}
	.sec-7 .large-3 h4 {
    height: 66px;
}
	.accordion-item a {
    padding: 10px 10px 10px 5em;
}
	.ft-box-2 p {
    font-size: 15px;
}
}
@media screen and (max-width: 768px){
	.sec-1 img {
    object-position: 27% 85% !important;
}
	.text-banner:before{
    left: 70px;
}
	.text-banner:after {
    right: 70px;
}
	.sec-1 {
    padding-top: 3em !important;
    padding-bottom: 6em !important;
}
	    .col-right-1 h2 {
        font-size: 34px;
    }
	.col-right-1 .box {
    margin-bottom: 1em;
}
	.sec-3 {
    background-color: #347bac;
}
	.col-left-2 .col-inner {
    justify-content: center;
}
	.col-left-2 .box-text.text-left h3 {
    font-size: 40px;
	text-align: center;
}
	    .col-right-2 .col-inner {
        padding-left: 0;
    }
	.sec-3 .col {
    padding-bottom: 0;
}
	.ux-timer span {
    font-size: 48px;
}
	.ux-timer span strong {
    font-size: 17px !important;
}
	.sec-3 {
    padding-top: 1em !important;
}
	.sec-4:before,.sec-4:after{
		display:none;
	}
	    .col-right-4 form.wpcf7-form.init h3 {
        font-size: 34px;
    }
	.box-2,.box-6 {
    margin-left: 0;
}
	.box-3 {
    margin-right: 0;
}
	.box-7 {
    margin-right: 0;
}
	.sec-5 .row {
    align-items: flex-start !important;
}
	.sec-5 .box-text.text-left {
    height: 170px;
}
	.sec-7 .large-3 {
    flex-basis: 33%;
    max-width: 33%;
}
	    .sec-7 .large-3 h4 {
        height: 44px;
    }
	.sec-8:before {
    width: 131px;
    height: -webkit-fill-available;
    background-size: contain;
}
	    .accordion-item a {
        padding: 20px 10px 20px 5em;
    }
}
@media screen and (max-width: 549px){
	    .medium-logo-left .flex-right {
        flex: 55 3 0;
        order: 3;
    }
	    .sec-1 {
        padding-bottom: 1em !important;
    }
	.title-all strong:after,.title-all strong:before,.title-all p:after{
		display:none;
	}
	.title-all h2 {
    font-size: 20px;
}
	.title-all strong {
    font-size: 8vw;
    margin-right: 0;
	margin-left:0;
}
	.title-all h2 {
    font-size: 8vw;
}
	.sub p {
    margin-top: 0;
}
	.col-right-1 .box .box-image {
    width: 15% !important;
}
	    .col-right-1 .box {
        display: flex;
    }
	    .col-right-1 h2 {
        font-size: 5.5vw;
    }
	.item-1 .col-inner:after, .item-2 .col-inner:after, .item-3 .col-inner:after, .item-4 .col-inner:after{
		display:none;
	}
	.row-2 .col-inner h4 {
    font-size: 20px;
}
	.sec-3 .box-image {
    display: none;
}
	    .col-left-2 .box-text.text-left h3 {
        font-size: 30px;
    }
	.ux-timer span {
    font-size: 29px;
}
	.ux-timer span strong {
    font-size: 12px !important;
}
	    .col-right-4 form.wpcf7-form.init h3 {
        font-size: 26px;
    }
	    .sec-5 .box-text.text-left {
        height: auto;
    }
	.box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .box-8 {
    margin-bottom: 1em;
}
	.sec-5 .col {
    padding-bottom: 0;
}
	.box-4 {
    margin-top: 1em;
}
	.sec-6 .box {
    display: flex;
}
	.sec-6 .box-image {
    width: 12% !important;
}
	.title-all p {
    transform: rotate(0deg);
}
	.title-all {
    display: block;
}
	    .sec-7 .large-3 {
        flex-basis: 100%;
        max-width: 100%;
		padding-bottom: 0;
    }
	.sec-7 .box-image {
    width: 30% !important;
}
	    .sec-7 .large-3 h4 {
        height: auto;
    }
	.col-right-8 > .col-inner {
    box-shadow: 0px 2px 4px 2px #ccc;
    border-radius: 0px 0px 150px 0px;
    position: relative;
    padding: 1em;
    border-bottom: 15px solid #5aaf91;
}
	.row-6-2 .box {
    display: flex;
    gap: 1em;
}
	.row-6-2 .box .box-image {
    width: 27% !important;
}
	    .accordion-item a {
        padding: 10px 10px 10px 4em;
    }
	.ft-box-2 .box-image {
    width: 9% !important;
}
	.ft-box-2 {
    display: flex;
    gap: 1em;
}
	.ft-box-2 p {
        font-size: 17px;
    }
	.sec-ft .col {
    padding-bottom: 5px;
}
	#logo {
    width: 125px !important;
}
}