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

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
    background: #FFFAF4;
}
@font-face{
    font-family: 'Freeman';
    src: url("fonts/Freeman-Regular.ttf");
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.giotnuoc .img-inner{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:300px 300px 300px 0;
}
.botren .img-inner{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:300px 300px 0 0;
}
.botron .img-inner {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
    border-radius: 300px 300px 300px 300px;
}
.botron .img-inner img{width: 100%;min-height: 600px;object-fit: cover;}
section.represent,section.contact{padding-bottom: 0!important;align-items: stretch;}
section.represent .row,section.represent .row .col:first-child *{height: 100%;}
section.represent .row .col:first-child{align-items: flex-end; display: flex;padding-bottom: 0!important; height: 100%;}
/* section.represent .row .col:last-child,section.programs .row .col:first-child,section.programs .row .col:last-child{display: flex; align-items: center;justify-content: center;} */
section.represent .row .col:last-child .col-inner{max-width: 80%; padding-left: 10%;}
section.represent .row .col:first-child img{object-fit: cover;}
section.about{padding-top: 80px!important;}
section.about .row{align-items: flex-end;}
section.about .row .col:first-child{padding-bottom: 6px!important;}
h1,h2,h3,h4,h5,h6{font-family: "Freeman", sans-serif!important;}
section h2{font-size: 3rem;}
section h2 em{color: #98A1AE; font-style: normal;}
/* section h3{font-size: 20px;} */
.line-left{position: relative; padding-left: 20px;}
.line-left:before{content: ""; position: absolute; width: 4px; top: 0; left: 0; height: 100%; background: #FFA42D}
.section-title b{opacity: 0;}
section.destination h2{margin-bottom: 0;}
section.destination .box-image{height: 450px;border-radius: 300px 300px 0 0;}
section.destination .box-image *,section.contact .row .col:last-child .col-inner *{width: 100%;height: 100%;}
section.destination .box-image img,section.contact .row .col:last-child .col-inner img{object-fit: cover;}
/* section.contact .row .col:last-child .col-inner,.Footer-Program .col:first-child .col-inner{display: flex; align-items: flex-end; height: 100%;}*/
section.contact .row .col:last-child{padding-bottom: 0!important} 
section.contact{padding-top: 100px!important;}
section.contact h2{margin-bottom: 0;}
section.contact h2 span,.Footer-Program h2 span{padding: 0!important;border: 0!important}


/* our identity */
/* section.our-name .col:first-child,section.our-vision .col:last-child,section.our-mission .col:first-child{padding: 0 80px;} */
/* section.our-name .col:last-child .col-inner,section.our-vision .col:first-child .col-inner,section.our-mission .col:last-child .col-inner,.align-middle{display: flex; flex-direction: column; justify-content: center;} */
/* section.our-name .col-inner{position: relative; min-height: 700px;} */
/* section.our-name .col-inner .img{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 65%;
    max-height: 75%;
    border-radius: 0px 300px 300px 300px;
    overflow: hidden;
} */
/* section.our-name .col-inner .img:last-child{top: unset; left: unset; bottom: 0; right: 0; border-radius: 300px 0 300px 300px;} */
/* out vision  */
/* section.our-vision .col-inner,section.our-mission .col-inner,.art-image .col-inner{height: 600px;position: relative;}
section.our-vision .col-inner .img,section.our-mission .col-inner .img,.art-image .img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 80%;
    border-radius: 300px 0 300px 300px;
    overflow: hidden;
} */
/* .Economic-Responsibility .art-image .img{max-width: unset; width: 100%}
.Social-Responsibility .art-image .img{max-width: 90%}
.Social-Responsibility .art-image .img:first-child{right: unset; left: 10%}
.Social-Responsibility .art-image .img:last-child{top: 20%;} */
/* .meaningful .art-image .img, .Cultural-Responsibility .art-image .img{max-width: 90%;right: 80px} */
/* .meaningful .col-inner .img:last-child,.Cultural-Responsibility .art-image .img:last-child{
    right: 10%;
    top: 30px;
    max-height: calc(100% - 60px);
} */
/* .Environmental-Responsibility .art-image .col-inner{height: 450px} */
/* .art-image .img.top-left{border-radius: 0 300px 300px 300px;}
.art-image .img.top-right{border-radius: 300px 0 300px 300px;}
.art-image .img.bot-left{border-radius: 300px 300px 300px 0;}
.art-image .img.bot-right{border-radius: 300px 300px 0 300px;}
.art-image.img-full .img{max-width: unset;} */
section .art-image.img-full .col-inner{min-height: 600px}
/* section.our-vision .col-inner .img *,section.our-mission .col-inner .img *,.art-image .img *{width: 100%; height: 100%; object-fit: cover;}
section.our-vision .col-inner .img:last-child,section.our-mission .col-inner .img:last-child{max-width: 95%; right: unset; left: 0; top: 5%; max-height: 90%;}
section.our-mission .col-inner .img{
    border-radius: 0 300px 300px 300px;
    right: unset;
    left: 0;
} */
.col{z-index: 1;}
section.our-mission .col-inner .img:last-child{left: unset; right: 0;}
.dash-line{position: absolute;z-index: 0; top: 0;left: 0; width: 100%;}
.dash-line.line-1{top: -80px;}
.dash-line.line-2{bottom: -190px; top: unset;}
.dash-line.line-3{bottom: -250px; top: unset;}
.dash-line.line-4{bottom: -190px; top: unset;}
.dash-line.line-5{top: -90px;}
.dash-line.line-6{bottom: -320px; top: unset;}
.dash-line.line-7{bottom: -320px; top: unset;}
.dash-line.line-8{bottom: -100px; top: unset;}

/* our values */
/* .sustainable-Impact .art-image .img{
    border-radius: 300px 0 300px 300px;
    max-width: 60%;
    max-height: 50%;
}
.sustainable-Impact .art-image .img:last-child{
    right: unset;
    left: 0;
    border-radius: 300px 300px 0 300px;
    max-width: 90%;
    max-height: 80%;
    top: unset;
    bottom: 0;
} */
.empowering .art-image .img{
    border-radius: 300px 300px 300px 0;
    max-width: 100%;
    max-height: 100%;
}
.safety .art-image .img{
    border-radius: 225px;
    max-width: 100%;
    max-height: 100%;
}
.safety .art-image .col-inner{max-height: 400px;}
.Travel-That-Lasts .art-image .img{border-radius: 400px 0 0 0;max-width: unset;}
.Content-Program .art-image .img{border-radius: 400px;max-width: unset;}
.Content-Program .art-image .img .img-inner{border-radius: 400px;max-width: unset;}
/* .Travel-That-Lasts .art-image .col-inner{min-height: 800px} */
/* .Footer-Program .art-image .col-inner{min-height: 600px;} */
.Footer-Program .art-image .img{max-width: unset;border-radius: 300px 300px 0 0;}
.primary, input[type=submit], input[type=submit].button{background: #FFA42D!important;color: #002561!important}
.readmore.bold{color: #FFA42D;font-weight: bold;display: flex; align-items: center; font-size: 16px;gap: 5px}
/*Header */
#header.transparent .header-nav .menu-item a{color: #fff!important;}
#header.transparent .header-nav .sub-menu a{color: #002561!important;font-weight: bold!important;}

#top-bar .border-bottom{border-bottom: 1px solid #fff;}
.header-nav a{font-size: 16px!important;font-weight: bold!important;}
.single-post #top-bar a,.header-nav a{color: #002561!important;}
.single-post #top-bar .border-bottom{border-bottom: 1px solid #002561;}
#header a.button{text-transform: unset;color: #002561!important;}
/*POST */
.post .entry-header h1,.post .entry-header .entry-meta{text-align: center;}
.post .entry-header h1{font-size: 3rem;}
.post .entry-header .entry-meta{text-transform: unset;font-size: 18px;font-weight: bold;}
/* footer */
footer section{padding-top: 65px!important;}
footer h2{font-family: "Noto Sans", sans-serif; font-size: 20px;}
footer .col,footer section,footer .is-divider{margin-bottom: 0;padding-bottom: 0!important;}
footer .absolute-footer{padding: 10px 0;}
footer .absolute-footer .container *{margin: 0; padding: 0;}

/*==========================*/

.custom-contact-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng - cột */
.custom-contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.custom-contact-form .form-col {
  flex: 1 1 calc(50% - 10px);
}

.custom-contact-form .form-col.full {
  flex: 1 1 100%;
}

/* Input và textarea */
.custom-contact-form input,
.custom-contact-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #002561;
  border-radius: 6px;
  box-sizing: border-box;
}

.custom-contact-form textarea {
  min-height: 120px;
}

/* Checkbox */
.custom-contact-form .checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.custom-contact-form .checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  accent-color: #007aff;
  cursor: pointer;
}

.custom-contact-form .checkbox label {
		font-weight: normal;
  margin: 0;
  color: #002561;
  flex: 1; /* giúp text chiếm phần còn lại và tự xuống dòng nếu cần */
}

/* Ghi chú */
.custom-contact-form .privacy-text {
  color: #002561;
}

/* Nút Submit */
.custom-contact-form input[type="submit"] {
  background-color: #FFA42D;
  color: #002561;
  font-weight: 600;
  border: none;
  cursor: pointer;
  padding: 5px 5px;
  border-radius: 4px;
  transition: 0.3s;
}

.custom-contact-form input[type="submit"]:hover {
  background-color: #e49100;
}

/* Mobile */
@media (max-width: 768px) {
  .custom-contact-form .form-col {
    flex: 1 1 100%;
  }

  .custom-contact-form .checkbox {
    align-items: flex-start; /* căn đầu dòng thay vì giữa */
    flex-wrap: nowrap;
  }
}
.custom-contact-form .checkbox label .wpcf7-list-item-label {
		font-size: 18px;
}
.contact-details {
		line-height: 1;
}
.contact-us{
		margin-bottom: -70px
}
.h1-contact {
  text-align: center;
  font-size: 48px;
}
@media (max-width: 768px) {
  .h1-contact {
    font-size: 24px !important;
  }
	.program__title .section-title{
		display: block;
		text-align: center
	}
}
/*==============Datlt============*/
.page-id-249 .header-top .social-icons i{
	color: #000;
}
.page-id-249 #top-bar .border-bottom {
    border-bottom: 1px solid #000;
}
.header-top .social-icons i{
	font-size: 1.2em;
}
.header-top .lang-item img{
	width: 19px!important;height: 14px!important;
}
.banner{
	min-height: 400px;
}
.banner__desc{
	line-height: 33px;
	font-weight: bold;
}

.represent__title{
	margin-top: 15px;
}

.program__subtitle{
	margin-bottom: 2px;
}
section.destination{
	padding-top: 30px;
}
.wpcf7-form-control:not(.wpcf7-submit){
	padding-top: 23px!important; 
	padding-bottom: 23px!important;
	border-radius: 5px!important;
	margin-bottom: 25px;
}
.wpcf7-submit{
	border-radius: 5px!important;
padding: 8px 20px!important;
}
.uppercase, h6, span.widget-title, th{
	letter-spacing: 0px;
}
section.section-intro{
	padding-top: 90px !important;
    padding-bottom: 0 !important;
}
.justify-content-between{
	justify-content: space-between
}
.order-1{
	order: 1
}
.order-2{
	order: 2;
}
@media (max-width: 1024px){
	section h2{
		font-size: 24px;
		line-height: normal;
	}
	section.about .row{
		align-items: center;
	}
	section.represent{
		min-height: 320px!important;
	}
	section.represent .row, section.represent .row .col:first-child *{
		height: 320px;
	}
	section.represent .row .col:last-child .col-inner{
		max-width: 100%;
		padding: 30px 0 0;
	}
	section.destination .box-image{
		height: 240px;
	}
	.botron .img-inner{
		min-height: 460px;
	}
	.botron .img-inner img{
		min-height: 460px;
	}
}
@media (min-width: 769px){
	.plr-80{
		padding: 80px
	}
	#header.transparent .header-logo{display: none;}
	#header.transparent .header-logo-dark{display: block!important;}
	.Footer-Program .row .col:first-child{
		padding-bottom: 0!important;
	}
	.Footer-Program{
		padding-bottom: 0!important;
	}
}
@media (max-width: 768px){
	.max-md\:order-1 {
		order: 1;
	}
	.max-md\:order-2 {
		order: 2;
	}
	.max-md\:pb-0{
		padding-bottom: 0;
	}
	section.section-intro{
		padding: 35px 0 0 0!important;
	}
	.banner{
		padding-top: 0!important;
		min-height: 400px;
	}
	section h2{
		font-size: 24px;
		line-height: normal;
	}
	section.about .col:first-child{
		order: 2
	}
	section.about .col:last-child{
		order: 1
	}
	section.represent{
		min-height: auto!important;
	}
	section.represent .row .col:first-child img{
		object-fit: unset;
	}
	section.represent{
		min-height: auto;
	}
	section.represent .row, section.represent .row .col:first-child *{
		height: auto;
	}
	.botron .img-inner{
		min-height: 500px;
	}
	.botron .img-inner img{
		min-height: 500px
	}
	
	section.destination .section-title-container{
		margin-bottom: 10px;
	}
	section.destination p {
		margin: 0;
	}
	section.contact{
		padding-top: 30px!important;
	}
	section.contact-homepage .section-title-container, section.contact-homepage p{
		text-align: center;
	}
	section.contact h2 span, .Footer-Program h2 span{
		font-size: 24px;
		line-height: normal;
	}
	.wpcf7-spinner{
		margin: auto;
		display: block;
	}
	.footer-wrapper .img{
		margin: auto;
	}
	.footer-wrapper p{
		text-align: center;
	}
	.footer-wrapper .col-inner{
		text-align: center;
		margin-top: 20px;
	}
	.footer-wrapper .menu-item .ux-menu-link__link{
		justify-content: center;
	}
	footer section{
		padding-top: 30px!important;
	}
	.Environmental-Responsibility .button, .Footer-Program .button{
		display: block;
		width: 100%;
	}
	.Footer-Program{
		padding-bottom: 0!important;
	}
}


/*  IMAGE TYPE */
.image-type-1 .img-inner{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:300px 300px 300px 0;
}
.image-type-2 .img-inner{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:300px 300px 0 0;
}
.image-type-3 .img-inner {
    width: 100%;
    min-height: 600px;
    object-fit: cover;
    border-radius: 300px 300px 300px 300px;
}
.image-type-3 .img-inner img{width: 100%;min-height: 600px;object-fit: cover;}
.image-type-4 .img-inner{
	width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:0 300px 300px 300px;
}
.image-type-5 .img-inner{
	width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:300px;
}

section.image-type-7 .col-inner{position: relative; min-height: 700px }
section.image-type-7 .col-inner .img{
	position: absolute;
    max-width: 65%;
    max-height: 75%;
	 overflow: hidden;
}
section.image-type-7 .col-inner .image-type-7-back{
	top: 20px;left: 0;
    border-radius: 0px 300px 300px 300px;
}

section.image-type-7 .col-inner .image-type-7-front{
	top: unset; left: unset; bottom: 0; right: 0; 
	border-radius: 300px 0 300px 300px;
}
/* ======= IMAGE TYPE 8 ======== */
section.image-type-8 .col-inner .img{
	 overflow: hidden;
}

section.image-type-8 .col-inner .image-type-8-front{
	position: absolute;
	z-index: 2;
	top: 40px;right: 40px;
}
section.image-type-8 .col-inner .image-type-8-front img{
	max-width: 448px;max-height: 547px;
	border-radius: 300px 0 300px 300px;
	object-fit: cover;
}
section.image-type-8 .col-inner .image-type-8-back img{
	max-width: 414px;max-height: 627px;
	border-radius: 300px 0 300px 300px;
		object-fit: cover;
}
@media (max-width: 768px){
	section.image-type-8 .col-inner .image-type-8-front{
		right: 20px;
	}
	section.image-type-8 .col-inner .image-type-8-front img{
		max-width: calc( 100% - 20px );
		max-height: 414px;
		object-fit: cover;
	}
	section.image-type-8 .col-inner .image-type-8-back img{
		max-width: 313px;max-height: 475px;
		object-fit: cover;
	}
}

/* ======= IMAGE TYPE 9 ======== */

section.image-type-9 .col-inner .img{
	 overflow: hidden;
}

section.image-type-9 .col-inner .image-type-9-front{
	position: absolute;
	z-index: 2;
	top: 40px;left: 40px;
}
section.image-type-9 .col-inner .image-type-9-front img{
	max-width: 448px;max-height: 547px;
	border-radius: 0 300px 300px 300px;
	object-fit: cover;
}
section.image-type-9 .col-inner .image-type-9-back img{
	max-width: 414px;max-height: 627px;
	border-radius: 0 300px 300px 300px;
		object-fit: cover;
}
@media (max-width: 768px){
	section.image-type-9 .col-inner .image-type-9-front{
		left: 20px;
		max-width: calc( 100% - 20px );
	}
	section.image-type-9 .col-inner .image-type-9-front img{
		max-width: 100%;max-height: 414px;
		object-fit: cover;
	}
	section.image-type-9 .col-inner .image-type-9-back img{
		max-width: 313px;max-height: 475px;
		object-fit: cover;
	}
}