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

/*************** ADD CUSTOM CSS HERE.   ***************/
.wpcf7-response-output{
	color: white !important
}
.wpcf7 .wpcf7-not-valid-tip{
		color: #000 !important
}
.fxform .wpcf7-form-control{
	color: white !important
}
.lightbox-content{
	background:none !important
}
.fxformpop .col.fxform label{
	color:#fff;
	text-align:left !important
}
.fxformpop .col.fxform .col-inner{
	background: #00002c;
	padding:40px;
	border-radius:20px;
	text-align:center;
	color:#fff;
}
.fxformpop .col.fxform .col-inner h3{
	color:#fff !important
}
.header-wrapper.stuck .header-bg-color{
	background: #00002C;
	background: linear-gradient(-45deg,rgba(0, 0, 44, 1) 0%, rgba(17, 116, 140, 1) 50%) !important;

}
#main-menu .menu-item{
	    border-top: 1px solid #ececec1c;
	text-transform:none !important
}
#main-menu .menu-item a{
	font-size:17px;
	font-weight:500 !important;
text-transform:none !important;
	color:#fff;
}
.img.blogo{
	padding-left:20px;
	padding-right:50px;
	padding-bottom:15px;
}

.header-wrapper.stuck  .header-main .nav > li > a{
	color:#fff !important
}
.botfooter .social-icons .icon{
	border-radius:3px;
	background:#fff !important;
}
.botfooter .social-icons .icon i{
	color:#333 !important
}
.fxform form.wpcf7-form{
	padding:40px;
	border:1px solid #dedede;
	border-radius:30px;
}
.fxform form.wpcf7-form .wpcf7-submit{
	font-weight:bold;
	height:40px !important;
	line-height:40px;
	min-height:40px;
	color:#ffe600;
	display:block !important;
	margin:0 auto !important
}

.coln{
	display:inline-flex;
	gap:12px;
}
.fxform  .wpcf7-form-control{
	height:48px;
	background:none !important;
	border:1px solid #dedede;
	border-radius:5px;
	color:#fff;
}
.wpcf7-spinner{
	display:none !important
}
.tlogof img{
	max-width:500px !important;
	height:auto
}
.tlogof ul{
	margin-top:70px;
	margin-bottom:70px;
	text-align:center
}
.tlogof ul li{
	display:inline-block;
	margin-left:40px;
	margin-right:40px;
	font-size:18px;
}
.fxform  .wpcf7-form-control:placeholder{
	color:#fff;
}
#footer{
	border-top:5px solid #ffe600
}
.botfooter{
	border-top:5px solid #ffe600
}
.absolute-footer{
	display:none !important
}
.tquestion h3{
	font-size:24px;
	color:#ffe600;
		font-weight:600 !important
}
.tfaqs h2{
	font-size: 32px;
    font-weight: bold;
	margin-bottom:0px;
}
.slisay .icon-box .icon-box-text{
	padding-top:10px;
	
}
.slisay .flickity-page-dots{
	bottom:-15px !important
}
.slisay .icon-box .icon-box-text h3{
	margin-bottom:0px !important;
	font-size:20px;
	font-weight:600 !important
}
.slisay .tsays p{
	font-size:18px;
}
.slisay .col-inner{
	background: linear-gradient(180deg,rgba(0, 0, 44, 1) 0%, rgba(17, 116, 140, 1) 50%);
	padding:40px 70px;
	border-radius:20px;
	text-align:center
}
.tconfe h2{
	font-size:42px !important;
	position:relative;
	padding-bottom:15px;
	padding-bottom:12px;
	font-weight:bold
}
.tconbtacc h2{
	font-size:42px !important;
	font-weight:bold
}
.saytitle h2{
	font-size:32px ;
	font-weight:bold
}
.tconfe h2:after{
	width:250px;
	height:2px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background:#ffe600;
	content:"";
	margin:0 auto
}

.listsv .col-inner{
	background:#ffffff1c;
	padding:40px;
	border-radius:20px;
	text-align:center
}
.comm h3{
	font-weight:600;
}
.listsv .oldernow .col-inner{
	background:none !important;
	padding-left:10px;
	padding-right:10px;
	padding-top:80px;
	padding-bottom:80px;
}
.listsv .oldernow .button.primary{
	text-transform:uppercase;
	font-size:24px;
}
.listsv h3{
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px solid #fff;
	    font-size: 22px;
}
.listsv .button.primary {
	color:#111;
	padding-left:30px;
	padding-right:30px;
	border-radius:8px;
		font-weight:700;
	background:#fff !important;
	font-size:18px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:25px;
}
.listsv p{
	font-size:12px;
}
.listsv h4{
	font-weight:bold;
	margin-bottom:0px !important
}
.colggx ul, .colggy ul{
	margin:0px;
}
.colggx li, .colggy li{
	font-size:20px;
	font-weight:600;
	margin-top:18px;
	margin-bottom:18px;
}
.colggx .col-inner{
	border-bottom-left-radius:25px;
	border-top-left-radius:25px;
}
.colggy .col-inner{
	border-bottom-right-radius:25px;
	border-top-right-radius:25px;
}
.listpro .col.small-12.large-12{
	padding-bottom:92px !important
}
.listpro .cuoi .icon-box:after{
	display:none !important
}
.listpro .icon-box{
	position:relative
}
.listpro .icon-box:after{
	width:12px;
	height:100px;
	background:url(/wp-content/uploads/2025/06/muiten.png) no-repeat top center;
	background-size:100% !important;
	position:absolute;
	bottom:-100px;
	content:"";
	z-index:2;
	left:35px;
}
.tacount h2{
	color:#ffe600
}
.header-main .header-inner{
	    max-width: 100%;
    padding-left: 12%;
    padding-right: 12%;
	}
.listpro h3{
		margin-bottom:0px !important;
	font-weight:700 !important;
	color:#fff;
	font-size:24px;
	margin-top:12px;
}
.listpro .icon-box-text{
	padding-left:50px !important
}
.listpro p{
	color:#fff;
	font-size:17px;
}
.colbang table {
  border-collapse: collapse;
  width: 100%;
	color:#fff;
	border-top-left-radius:20px;
}

.colbang table td, .colbang table th {
  border: 1px solid #ddd;
  padding: 18px !important;
	color:#dfdfdf;
	font-size:17px;
}


.colall h3{
	margin-bottom:0px !important;
	font-weight:700 !important
}
.col.colbang .row.row-small{
	max-width:100% !important;
}
.coldata h3{
	margin-bottom:10px !important;
	font-weight:700 !important;
	color:#fff
}
.colall p{
	margin-bottom:30px;
}
.colbang>.col-inner{
	padding:30px 70px;
	padding-bottom:0px !important;
	background:url(/wp-content/uploads/2025/06/bgnen.png) no-repeat top center;
	border-radius:40px !important
}
.tacount h2{
	font-weight:700 !important;
	margin-bottom:20px;
}
.row.logofull{
	padding-left:12%;
	padding-right:12%;
}
.row.rfull{
	padding-left:12%;
	padding-right:12%;
}
.row.logofull>.col.small-12.large-12{
	background:url(/wp-content/uploads/2025/06/nen1.png) no-repeat top center;
	background-size:cover !important;
	padding:0px 30px !important;
	border-radius:80px;
}
.secmain{
	background: #000;
	background: linear-gradient(65deg,rgba(0, 0, 44, 1) 40%, rgba(32, 217, 224, 1) 100%);

}
.tabout h2{
	font-size:38px;
}
.tabout p{
	font-size:18px;
}
.tslogan p{
	font-size:18px;
}
.runsection{
	padding-left:15%;
	padding-right:15%;
    margin-top: -250px;
    margin-bottom: 100px !important;
}
.runsection .icon-box{
	max-width:400px;
	float:left;
	margin-right:50px;
}
.runsection p{
	font-size:18px;
	padding-top:5px;
}
.header-button-1 .button{
	padding:0px 30px;
	border-radius:8px;
	font-weight:900 !important;
	font-size:20px;
	color:#111;
	background:#009eff;
	text-transform:uppercase;
	border-radius:5px !important;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
}
.btmain{
	padding:0px 30px;
	border-radius:8px;
	font-weight:900 !important;
	font-size:24px;
	text-transform:uppercase;
	border-radius:5px !important;
	color:#111;
}
#header .nav-spacing-xlarge>li {
    margin: 0 20px;
}
.header-main .nav > li > a {
   font-weight:300 !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.c2colxy .col-inner{
		display:flex;
		gap:10px;
	}
.header-main .header-inner {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}
	.colbang table td, .colbang table th {
  
    padding: 10px !important;
    font-size: 15px;
}
	.colbang>.col-inner{
		background:none !important
	}
.colbang>.col-inner, .colall>.col-inner {
    padding: 0px !important;
   
}
	.row.rfull {
    padding-left: 15px;
    padding-right: 15px;
}
.runsection {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    margin-bottom: 0px !important;
}
	.gtranslate_wrapper{
		min-width:90px !important
	}
	.mfp-content {
	background: #00002C;
	    background: linear-gradient(65deg, rgba(0, 0, 44, 1) 40%, rgba(32, 217, 224, 1) 100%) !important;
}
	#logo {
    width: 180px;
}
}