/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
	border-bottom: 1px solid #333;
}
#logo a.standard-logo {
    align-items: center;
}
.header-size-sm #header-wrap #logo img {
	height: 50px;
}
.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
	vertical-align: middle;
}
#home-slider .slider-caption h2 {
	font-size: 4.5rem;
	text-transform: none;
}
#home-slider .slider-caption p {
	font-size: 16px;
	padding: 0px 40px;
}
#home-slider .btn-cta {
	padding: 17px 25px;
    border-radius: 0px;
}
.btn-gradient {
	color: #fff;
	background: linear-gradient( 280deg, var(--color1) 12.08%, var(--color2) 53.53%, var(--color3) 95.62% );
}
#home-slider .swiper-slide:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}
.lead {
	padding: 0px 90px;
}
.feature-box {
	height: 100%;
}
.feature-box .fbox-content span {
	font-size: 13px;
    display: block;
    line-height: 23px;
}
.feature-box .nott {
	min-height: 45px;
    font-size: 20px;
    line-height: normal;
}
.feature-box a.more {
	margin-top: 30px;
    display: block;
    font-size: 13px;
    font-weight: bold;
	position: absolute;
	left: 25px;
	bottom: 30px;
}
.media-box.fbox-bg .fbox-content {
	padding-bottom: 70px;
}
.testi-content p {
	font-size: 13px;
	margin-bottom: 20px;
}
.text-red {
	color: var(--color1);
}
.post-grid.dark {
	color: #fff;
}
.post-grid.dark .entry-content p {
	color: #999;
}
.testi-content {
	color: #999;
}
.program-list h2 span {
	color: var(--color1) !important;
}
.program-list {
	border: 1px solid #333;
	padding: 50px 30px 0px 30px;
}
.program-list .entry-content p {
	color: #999;
	padding-right: 20px;
	margin-bottom: 20px;
	font-size: 13px;
}
.left-right-image {
	height: 500px;
}
.left-right-content {
	padding: 0px 65px;
	color: #999;
}

.fbox-icon.as-bg {
	background-color: #1ABC9C;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fbox-icon.as-bg img.icon {
	border-radius: 0px;
	width: 70%;
	height: auto;
}
.ruang412 .team-image::after {
	display: none;
}
.team.ruang412.dark .team-desc {
	background: linear-gradient(transparent, #000);
	bottom: 0px;
}