/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
div#GALLERY button.owl-prev:before {
	content: "\f104";
	font-family: 'FontAwesome';
	font-size: 20px;
	box-shadow: unset !important;
	padding: 10px 16px;
	border: 2px solid #3C3C3C;
	border-radius: 50%;
	color: #3C3C3C;
}
div#GALLERY button.owl-prev {
	background: transparent;
	font-size: 0;
	border: 0px;
}
div#GALLERY button.owl-next:before {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 20px;
	box-shadow: unset !important;
	padding: 10px 16px;
	border: 2px solid #3C3C3C;
	border-radius: 50%;
	color: #3C3C3C;
}
div#GALLERY button.owl-next {
	background: transparent;
	font-size: 0;
	border: 0px;
}
div#GALLERY .owl-nav.disabled {
	display: block;
}
div#GALLERY .owl-dots {
	display: none;
}




div#banner-inner .number.default {
	color: #111111;
}

div#banner-inner .symbol-wrap,div#banner-inner h1 {
	font-family: 'Kanit' !important;
	font-weight: bolder;
	margin-bottom: 0px !important;
}

div#banner-inner  .subject {
	color: #777777;
	font-family: 'Roboto';
	text-transform: capitalize;
	font-size: 17px !important;
	line-height: 27px !important;
}

div#banner-inner .nectar-milestone {
	text-align: left;
}

div#banner-inner {width: 39%;position: absolute;bottom: 18%;left: -80px;}

#banner .one  {
	color: #0077B6 !important;
}


header#top li.slide-out-widget-area-toggle a.closed {background-color: white;width: 50px !important;height: 50px !important;display: flex !important;align-items: center;justify-content: center;border-radius: 100% !important;}



.icon h3 span {
	display: flex;
	align-items: center;
	font-size:18px;
}

.icon h3 span img {
	margin-bottom: 0px !important;
	padding-right: 8px;
}

.icon h3,h1,h2 {
	font-style: italic;
}

h4 {
	font-style: italic;
}

div#about {}

div#about .text1 {
	margin-bottom: 20px;
}

div#about .text2 ul {
	margin: 0;
	margin-bottom: 11px;
}

div#about .text2 ul li {
	color: #2A2D36;
	font-weight: 800 !important;
}

div#about .text2 p {
	padding-left: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	border-left: 2px solid #6BBC3B;
}

a#b1 {
	margin-bottom: 0;
	font-size: 17px;
	line-height: 27px;
	font-family: Kanit;
	color: #2A2D36;
	padding-block: 17px;
	padding-inline: 40px 20px;
	background-color: transparent !important;
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Vector-24.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

a#b1 i {
	font-weight: 600;
	rotate: -40deg;
	right: 0;
}

div#about {
	padding-block: 80px 70px !important;
}

div#about .row-bg-wrap::before {
	content: 'About Us';
	position: absolute;
	font-family: Kanit;
	font-weight: 900;
	font-size: 125px;
	line-height: 145px;
	color: #2a2d3614;
	right: -190px;
	rotate: 270deg;
	top: 40%;
	font-style: italic;
}
.icon1 h3 {
	margin: 0 auto;
	display: table;
}

div#STEPS {
	padding-bottom: 70px !important;
}

div#STEPS .carousel-item {}

div#STEPS .carousel-item div#STEPSin {margin-bottom: 0;}

div#STEPS .carousel-item {
	margin-inline: 60px;
}

div#STEPS .carousel-item .text2 {}

div#STEPS .carousel-item .text2 h6 {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3366.png);
	background-size: 100% 100%;
	width: 132px;
	height: 118px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	display: table;
	margin-bottom: 60px;
	transition: 0.9s;
	position: relative;
}

div#STEPS .carousel-item .text2 h6 img {
	margin-bottom: 0px !important;
}

div#STEPS .carousel-item:hover .text2 h6 {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3367.png);
}

div#STEPS .carousel-item:hover .text2 h6 img {
	filter: brightness(0) invert(1);
}

div#STEPS .carousel-item .text2 h6:before {
	content: '';
	position: absolute;
	border: 1px solid #2A2D36;
	height: 50px;
	z-index: 999999;
	bottom: -50px;
}

div#PROGRAMS {}

div#PROGRAMS .carousel-item {}
/* 
div#PROGRAMS .carousel-item .hover-wrap-inner:before {
content: '';
position: absolute;
background-color: #00000054;
width: 100%;
height: 100%;
z-index: 9;
left: 0;
top: 0;
clip-path: polygon(16% 0%, 100% 0%, 84% 100%, 0% 100%);
transition: 0.9s;
} */

div#PROGRAMS .carousel-item .hover-wrap-inner {
	overflow: hidden !important;
	position: relative;
}

div#PROGRAMS .carousel-item:hover .hover-wrap-inner:before {
	background-color: #6bbc3b8a;
}

div#PROGRAMS .carousel-item .text2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-inline: 60px;
	z-index: 999;
}

div#PROGRAMS .carousel-item .text2 h2 {
	font-size: 40px;
	line-height: 50px;
}

div#PROGRAMS .carousel-item .text2 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin: 0 auto;
	color: white;
	font-weight: 400;
	font-style: italic;
}

div#PROGRAMS .carousel-item .text2 a img {
	margin-bottom: 0px !important;
	padding-left: 8px;
}

div#PROGRAMS .carousel-item .text2 p {
	padding-bottom: 10px;
}

div#PROGRAMS .carousel-item .text2 p,div#PROGRAMS .carousel-item .text2 a {
	opacity: 0;
	transition: 0.9s;
}

div#PROGRAMS .carousel-item:hover .text2 p, div#PROGRAMS .carousel-item:hover .text2 a {
	opacity: 1;
}

div#PROGRAMS .owl-stage-outer {
	height: 500px;
}
div#PROGRAMS  .row-bg-wrap:before {
	content: 'Programs';
	position: absolute;
	font-family: Kanit;
	font-weight: 900;
	font-size: 125px;
	line-height: 155px;
	color: #2a2d3614;
	left: -200px;
	rotate: 270deg;
	top: 40%;
	font-style: italic;
}


div#SESSION a#b1 {
	color: white !important;
}

div#SESSION a#b1 i {
	color: white !important;
}

div#SESSION  .text1 p {
	width: 80%;
}

div#SESSION  .img2 {
	position: absolute;
	bottom: -100px;
}
div#CHOOSE {
	padding-block: 0px 100px !important;
}

div#CHOOSE div#Trainingin {}

div#CHOOSE div#Trainingin .text2 h1 {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3362.png);
	width: 100px;
	height: 100px;
	font-size: 35px;
	line-height: 56px;
	font-family: Roboto;
	font-style: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px !important;
	background-size: 100% 100% !important;
	transition: 0.9s;
}

div#CHOOSE div#Trainingin .text2 h2 {
	font-size: 22px;
	line-height: 32px;
	padding-bottom: 10px;
	padding=b: ;
}

div#CHOOSE div#Trainingin .text2:hover h1 {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3364.png);
}

div#CHOOSE div#Trainingin .text2:hover h1 span {
	color: white !important;
}




div#CHOOSE>.row-bg-wrap:before {
	content: 'Why Choose Us';
	position: absolute;
	font-family: Kanit;
	font-weight: 900;
	font-size: 125px;
	line-height: 155px;
	color: #2a2d3614;
	right: -370px;
	rotate: 270deg;
	top: 60%;
	font-style: italic;
}
div#CHOOSE .text1 {
	margin-bottom: 0;
}

div#GALLERY {}

div#GALLERY .text2 {
	margin-bottom: 0;
}

div#GALLERY .text1 {}

div#GALLERY .text1 h1 {
	font-size: 145px;
	line-height: 155px;
	color: #2a2d3614;
}

div#GALLERY .text1 {
	position: absolute;
	left: 0;
	right: 0;
}

span {}

div#GALLERY .owl-dots {
	display: none;
}




img.img-with-animation.skip-lazy {}

.hover-wrap-inner {}

div#GALLERY {}

div#GALLERY .carousel-item {}

div#GALLERY .carousel-item .hover-wrap-inner:before {
	content: '';
	position: absolute;
	background-color: #6bbc3b5c;
	width: 100%;
	height: 0%;
	z-index: 99;
	left: 0;
	top: 0;
	clip-path: polygon(16% 0%, 100% 0%, 84% 100%, 0% 100%);
	transition: 0.9s;
	pointer-events: none !important;
}

div#GALLERY .carousel-item:hover .hover-wrap-inner:before {
	height: 100%;
}

div#GALLERY .carousel-item .hover-wrap:before {
	content: '';
	position: absolute;
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Vector-34.png);
	z-index: 9999999999;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	pointer-events: none !important;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.9s;
}



div#GALLERY .carousel-item:hover .hover-wrap:before {
	opacity: 1;
}

div#GALLERY .owl-stage-outer {
	overflow: visible;
}

div#TESTIMONIALS {
	padding-block: 70px 30px !important;
}

div#TESTIMONIALS .carousel-item {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3303.png);
	background-size: 100% 100% !important;
	margin-inline: 10px !important;
	padding-inline: 70px;
	padding-block: 30px;
	transition: 0.9s;
}

div#TESTIMONIALS .carousel-item .iwithtext {}

div#TESTIMONIALS .carousel-item .iwithtext .iwt-icon img {
	width: 100%;
}

div#TESTIMONIALS .carousel-item .iwithtext  .iwt-text {
	padding-left: 70px;
}

div#TESTIMONIALS .carousel-item .iwithtext .iwt-text h2 {
	margin-bottom: 0;
}

div#TESTIMONIALS .carousel-item .iwithtext {
	padding-bottom: 20px !important;
}

div#TESTIMONIALS .carousel-item:hover {
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Rectangle-3295.png);
	background-size: 100% 100%;
}

div#TESTIMONIALS .carousel-item:hover span {
	color: white !important;
}

div#TESTIMONIALS .carousel-item p {
	padding-bottom: 13px !important;
	height:188px;
}

div#TESTIMONIALS .carousel-item h5 img {
	margin-bottom: 0;
}

div#TESTIMONIALS .text1 {
	margin-bottom: 0;
}

div#TESTIMONIALS .row-bg-wrap:before {
	content: 'Reviews';
	position: absolute;
	font-family: Kanit;
	font-weight: 900;
	font-size: 105px;
	line-height: 135px;
	color: #2a2d3614;
	left: -130px;
	rotate: 270deg;
	top: 40%;
	font-style: italic;
}

div#footer-outer {
	background-color: transparent !important;
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Group-1171274965.png) !important;
	background-size: cover;
}

div#footer-outer div#media_image-2 {
	margin-bottom: 10px;
}

div#footer-outer div#media_image-2 img {
	width: 90%;
}

div#footer-outer div#text-2 {
	margin-bottom: 10px;
}

div#footer-outer .iconnn li {
	display: inline-block;
	margin-right: 10px;
}

div#footer-outer .iconnn li i {
	top: 0;
	border: 1px solid white;
	color: white;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	transition: 0.9s;
}

div#footer-outer .iconnn li i:hover {
	background-color: #0077B6;
}

div#footer-outer h4 {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid #0077B6;
	width: fit-content;
}

div#footer-outer  div#nav_menu-2 {
	margin: 0 auto;
	display: table;
}

div#footer-outer .menu-quick-links-container a {
}

div#footer-outer ul#menu-quick-links a, div#footer-outer ul#menu-useful-links a {
	padding-left: 20px !important;
	background-image: url(https://training-x.com/wp-content/uploads/2025/10/Ellipse-40.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}


div#footer-outer ul#menu-get-in-touch a i {
	color: white;
	border: 1px solid white;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	margin-=r: ;
}

div#footer-outer ul#menu-get-in-touch a i {
	margin-right: 13px;
	margin-bottom: 11px;
}

#footer-outer #footer-widgets .row {
	padding-block: 50px !important;
}

@media (max-width: 1600px) {
	div#banner-inner {
		left: 30px;
	}
	div#about .row-bg-wrap::before {
		right: -184px;
		font-size: 110px !important;
	}

	div#PROGRAMS .row-bg-wrap:before {
		left: -240px;
	}

	div#CHOOSE > .row-bg-wrap::before {
		font-size: 88px;
		line-height: 125px;
		right: -260px;
	}

}
@media (max-width: 1440px) {
	div#banner-inner {
		left: 80px;
		bottom: 18%;
	}
	div#about .row-bg-wrap:before {
		font-size: 125px;
		line-height: 135px;
		right: -210px;
	}

	div#PROGRAMS .row-bg-wrap:before {
		font-size: 115px;
		line-height: 125px;
		left: -220px;
	}

	div#SESSION {}

	div#SESSION .img1 {
	}

	div#CHOOSE>.row-bg-wrap:before {
		font-size: 85px;
		line-height: 105px;
		right: -260px;
	}

	div#TESTIMONIALS .row-bg-wrap:before {
		font-size: 85px;
		line-height: 125px;
	}
}
@media (max-width: 1366px) {
	div#TESTIMONIALS .carousel-item p {
		height: 213px;
	}
	div#banner-inner {
		left: 80px;
		bottom: 15%;
	}

	div#banner-inner .subject {
		font-size: 15px !important;
		line-height: 25px !important;
	}
	div#SESSION .text1 p {
		width: 100%;
	}
}
@media (max-width: 1280px) {
	div#TESTIMONIALS .carousel-item p {
		height: 238px;
	}
	div#TESTIMONIALS .carousel-item .iwithtext .iwt-text {
		padding-left: 40px;
	}
}
@media (max-width: 1024px) {
	div#TESTIMONIALS .carousel-item p {
		height: 288px;
	}
	div#PROGRAMS .owl-stage-outer {
		height: 410px;
	}
	div#banner-inner {
		left: 40px;
	}
	div#banner-inner .subject {
		font-size: 12px !important;
		line-height: 22px !important;
	}
	div#PROGRAMS .carousel-item .text2 h2 {
		font-size: 24px;
		line-height: 34px;
	}
	div#TESTIMONIALS .carousel-item {
		padding-inline: 40px;
	}
}
@media (max-width: 912px) {
	div#page-header-bg {
		padding-bottom: unset !important;
	}
	div#page-header-bg .col.span_6.empty-title {
		min-height:unset !important;
		margin-bottom: 0px;
	}
	div#banner-inner {
		left: 65px;
		bottom:10px;
	}
	div#banner-inner .vc_col-sm-4 {
		width: 50%;
	}
	div#banner-inner .vc_col-sm-4 {
		width: 50%;
		margin-bottom: 5px;
	}
	div#about .row-bg-wrap:before, div#CHOOSE>.row-bg-wrap:before,
	div#PROGRAMS .row-bg-wrap:before, div#TESTIMONIALS .row-bg-wrap:before{
		display:none;
	}
	div#about {
		text-align: center;
	}
	div#about .img1 {
		display: table;
		margin: 0 auto;
	}
	.icon h3 span {
		justify-content: center;
	}
	div#CHOOSE div#Trainingin .img1 {
		display: table;
		margin: 0 auto;
	}
	div#CHOOSE div#Trainingin .text2 h1 {
		margin-top: 20px;
	}
	div#TESTIMONIALS h1 {
		text-align: center;
	}
	div#footer-outer div#nav_menu-2 {
		margin: unset;
	}
}

@media (max-width: 820px) {
	div#TESTIMONIALS .carousel-item p {
		height: 188px;
	}
	div#banner-inner .number.default {
		font-size: 20px !important;
		line-height: 20px !important;
	}
	h1.milestone-heading, .symbol-wrap {
		font-size: 20px !important;
		line-height: 20px !important;
	}
}
@media (max-width: 768px) {
	div#TESTIMONIALS .carousel-item p {
		height: 213px;
	}
}
@media (max-width: 480px) {
	div#TESTIMONIALS .carousel-item p {
		height: 163px;
	}
	html body p{
		font-size:14px;
	}
	div#banner-inner {
		display: none;
	}
}
@media (max-width: 428px) {}
@media (max-width: 414px) {}
@media (max-width: 390px) {
	div#TESTIMONIALS .carousel-item p {
		height: 188px;
	}
}
@media (max-width: 375px) {
	div#TESTIMONIALS .carousel-item p {
		height: 213px;
	}
}
@media (max-width: 360px) {}

@-moz-document url-prefix() {
	@media screen and (max-width: 1366px) {
		div#GALLERY .carousel-item, #PROGRAMS .carousel-item{
			height: 220px !important;
		}
	}

	@media screen and (max-width: 1280px) {
		div#GALLERY .carousel-item, #PROGRAMS .carousel-item {
			height: unset !important;
		}
	}
	@media screen and (max-width: 1024px) {
		div#GALLERY .carousel-item, #PROGRAMS .carousel-item {
			height: 250px !important;
		}
		@media screen and (max-width: 800px) {
			div#GALLERY .carousel-item, #PROGRAMS .carousel-item {
				height: auto !important;
			}
		}
	}