body{
	font-size: 16px;
}





.button_style a{
	width: 235px !important;
}
.hero_sction_right_image:before {
    content: "";
    position: absolute;
    width: 98%;
    height: 98%;
    background: #FAA93B;
    right: 0px;
    border-radius: 100%;
    z-index: -1;
    top: 15px;
}





.main_menu .pp-advanced-menu{
	border-radius: 76px;
    background: #FFFFFFAD;
    box-shadow: 0px 4px 4px 0px #00000021;
	padding: 5px;
}
.main_menu a{
    height: 50px !important;
}
.main_menu .current-menu-item a,
.main_menu a:hover{
    background: #2A2A2A;
    border-radius: 50px;
}
.hero_section_button .elementor-button-icon {
    align-items: center;
    display: flex;
    font-size: 2.25em;
}
.hero_section_button .elementor-button-text {
    display: inline-block;
    line-height: 36px;
}






.event_slider_wrapper {
	height: 785px;
    width: 100%;
	border-radius: 12px;
	overflow: hidden;
}
.event_slider_wrapper .event_slider_item{
    height: 785px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.event_slider_wrapper .event_slider_item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
}
.event_slider_wrapper .event_information_waroer{
	position: absolute;
    width: 400px;
    right: 50px;
    bottom: 50px;
	color: #fff;
	z-index: 99;
}
.event_date{
	font-size: 0.875em !important;
}
.event_title{
/* 	font-size: 2.5em !important; */
    font-weight: 700 !important;
	font-size: 2em !important;
}

.event_slider_wrapper .slider-nav{
	position: absolute;
    bottom: 10px;
    left: 0;
}
.event_slider_wrapper .slider-nav .slick-track{
	display: flex;
    flex-direction: column;
	transform: translate3d(0px, 0px, 0px) !important;
}
.event_slider_wrapper .slider-nav .slider_nav_item {
    color: #fff;
    width: 360px;
    height: auto;
    border-radius: 30px;
    background: rgb(0 0 0 / 70%);
    padding: 35px 50px 25px 50px;
    margin-bottom: 10px;
    cursor: pointer;
    margin-left: 35px;
}
.event_slider_wrapper .slider-nav .slider_nav_item p {
    font-size: 0.875em;
    font-weight: 400;
}
.event_slider_wrapper .slider-nav .slider_nav_item h3 {
    font-family: "Poppins", Sans-serif;
/*     font-size: 1.58em; */
	font-size: 1.25em;
    font-weight: 700;
}
.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
    width: 395px;
    height: auto;
    border-radius: 0px 30px 30px 0px;
    background: rgb(252 201 131 / 80%);
    padding: 35px 50px 25px 85px;
    margin-left: 0px;
	color: #2A2A2A;
}










.news_style .pp-posts{
	gap: 100px;
}
.news_style .pp-post-wrap {
    background: #5893D9;
    border-radius: 0px 13px 0px 12px;
}
.news_style .pp-post {
    overflow: visible;
	align-items: flex-start;
	height: 300px;
}
.news_style .pp-post-thumbnail {
/*     background: #5893D9; */
    padding: 38px 45px 45px 20px;
    flex-basis: 45% !important;
/*     border-radius: 0 0 0 45px; */
	margin-bottom: -100px !important;
}
.news_style .pp-post-thumbnail img{
	border-radius: 12px;
	height: 320px !important;
}
.news_style .pp-post-content-wrap {
    background: #F9A93A;
    padding: 5px 45px 7px 25px;
    flex-basis: 55% !important;
    border-radius: 12px 12px 0px 0px;
    z-index: 2;
}
.news_style .pp-post-content{
	position: relative;
}
.news_style .pp-post-content .pp-posts-button{
	position: absolute;
    right: 20px;
    bottom: 20px;
}
.news_style .pp-icon{
	font-size: 2.625em;
}
.news_style .pp-icon svg{
	fill: #fff;
}
.news_style .pp-meta-text{
	position: absolute;
    left: 75px;
    margin-top: 11px;
}


.news_style .pp-posts .pp-post-wrap:nth-child(even){
	padding-left: 0px !important;
	background: #f9a93a;
	border-radius: 13px 0px 12px 0px;
	margin-left: 25px;
}
.news_style .pp-posts .pp-post-wrap:nth-child(even) .pp-post-content-wrap {
    background: #5893d9;
}
.news_style .pp-posts .pp-post-wrap:nth-child(even) .pp-post {
    gap: 25px !important;
}
.news_style .pp-posts .pp-post-wrap:nth-child(even) .pp-post-thumbnail {
    padding: 38px 45px 45px 25px;
}

.news_style .pp-posts-pagination{
	text-align: left !important;
    margin-top: 35px;
    margin-left: 200px;
}
.news_style .pp-posts-pagination .page-numbers{
	font-size: 0px !important;
    width: 20px;
    height: 20px;
    background: #D9D9D9;
    border-radius: 20px;
	cursor: pointer;
}
.news_style .pp-posts-pagination .current{
	background: #EF5122;
}
.news_style .pp-post-title{
	height: 59px;
  	overflow: hidden;
}





/*===========================================
 * breadcrumb-section
 * ==========================================*/










/* CSS for about us page */
.about_youthtech_institute .slick-slider {
    margin-bottom: 0px !important;
}
.about_youthtech_institute{
	background: #fff;
    padding: 50px 90px;
    border-radius: 0 10px 10px 0px;
    margin-top: -150px;
}
.about_youthtech_institute .slick-dots {
    bottom: -10px !important;
}
.about_youthtech_institute .slick-dots li button:before{
	display: none;
}
.about_youthtech_alliance{
	margin-left: 150px;
    margin-top: -60px;
    border-radius: 10px;
}

.our_team button[tabindex="0"] span span,
.our_team .e-n-tab-title:hover span span{
	color: #FAA93B !important;
}
.our_team .info_member{
    background: #FFFFFFBF;
    backdrop-filter: blur(4px);
    position: absolute;
    bottom: 25px;
    width: 86%;
    left: 7%;
    border-radius: 8px;
    text-align: center;
}
.our_team .elementor-widget-text-editor p{
	margin-bottom: 0px;
}
.our_team .pp-modal-popup-button:hover span{
	color: #000;
}


.page-id-11 {
    overflow-x: hidden;
}
.e-n-tab-title:focus{
	outline: none !important
}




/* CSS for Join us page */
.join_us_section_design .elementor-flip-box__image {
    margin: 0 0 0px !important;
}
.join_us_section_design .elementor-flip-box__front .elementor-flip-box__layer__title{
    position: absolute;
    top: 53%;
    left: 45px;
}
.join_us_section_design .elementor-flip-box__front .elementor-flip-box__image img{
    width: 100% !important;	
	height: 453px !important;
	object-fit: cover;
}
.join_us_section_design .elementor-flip-box__front .elementor-flip-box__layer__overlay{
	padding: 0px !important;
	justify-content: unset !important;
} 
.join_us_section_design .elementor-flip-box__front .elementor-flip-box__image:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 80%));
}
.join_us_section_design .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{
	transition: .5s;
}
.join_us_section_design .elementor-flip-box:hover .elementor-flip-box__front .elementor-flip-box__layer__title{
	opacity: 0;
}




.our-direction-section:before {
    width: 95% !important;
    height: 75% !important;
    left: unset !important;
    right: 0;
    border-radius: 60px 0px 0px 60px !important;
}





/*=================================
*	CSS for Governance Page
*=================================*/
.annual_reports .button_style{
	position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -116px;
}
.annual_reports .button_style a {
	transition: .5s linear;
    opacity: 0;
}
.annual_reports:hover .button_style a{
    opacity: 1;
}
.annual_reports_governance .elementor-flip-box__front .elementor-flip-box__layer__title {
    left: 35px;
    bottom: 20%;
    top: unset;
}
.annual_reports_governance .elementor-flip-box__button {
    background-color: #474747 !important;
    font-family: "Poppins", Sans-serif !important;
    font-size: 0.875em !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 50px 50px 50px 50px;
    padding: 5px 5px 5px 35px;
    position: relative;
    width: 235px;
    height: 46px;
    border: none !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-bottom: 6px;
}
.annual_reports_governance .elementor-flip-box__button:hover{
	background-color: #F9A93A !important;
}
.annual_reports_governance .elementor-flip-box__button:after {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url('https://youthtech.sg/wp-content/uploads/2025/05/read-more.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}






/*===========================================
 *  Responsive Midea Query 
 * ==========================================*/
@media screen and (max-width: 1600px) {
	.top_left_shape img{
		width: 70% !important;
	}
	.bottom_right_shape img {
		width: 800px !important;
	}
	.hero_sction_left_image img{
		width: 380px !important;
	}
	.newsroom_description br{
		display: none;
	}
	.news_style .pp-post-excerpt {
		height: 72px;
  		overflow: hidden;
	}
	

	.image_youthtech_institute img {
		width: 260px !important;
	}
	
}


@media screen and (max-width: 1440px) {
	.top_left_shape img {
		width: 60% !important;
	}
	.hero_sction_left_image img {
		width: 350px !important;
	}
	.bottom_right_shape img {
		width: 650px !important;
	}
} 
@media screen and (max-width: 1366px) {
	.hero_sction_left_image img {
		width: 300px !important;
	}
	.event_slider_wrapper {
		height: 650px;
	}
	.event_slider_wrapper .event_slider_item {
		height: 655px;
	}
	.image_youthtech_institute{
		width: 230px !important;
	}
	.news_style .pp-posts {
		margin-left: 0px !important;
	}
}

@media screen and (max-width: 1280px) {
	.about_us_banner_below_section{
		background-image: none !important;
	}
}

@media screen and (max-width: 1200px) {
	.hero_sction_left_image img {
		width: 250px !important;
	}
	.event_slider_wrapper .event_slider_item {
		height: 555px;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
		height: 120px;
		padding: 20px 50px 20px 85px;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item p {
		margin-bottom: 0px;
	}
	.event_slider_wrapper {
		height: 550px;
	}
	.image_youthtech_institute img {
		width: 180px !important;
	}
}

@media screen and (max-width: 1199px) {
	.main_menu .pp-menu-item{
		padding-left: 24px !important;
  		padding-right: 24px !important;
	}
}


@media screen and (max-width: 1199.99px) {
	
}

@media screen and (max-width: 1024px) {
	.news_style .pp-post-thumbnail {
		padding: 25px 25px 25px 0px;
	}
	.news_style .pp-post-content-wrap {
		padding: 5px 25px 7px 25px;
	}
	.news_style .pp-posts .pp-post-wrap:nth-child(2n) .pp-post-thumbnail {
		padding: 25px 25px 25px 0px;
	}
	.image_youthtech_institute img{
		width: 150px !important;
	}
	.event_slider_wrapper .event_information_waroer {
		right: 20px;
		bottom: 50px;
	}
}

@media screen and (max-width: 880px) {

	.footer_quick_links .elementor-icon-list-icon{
		display: none !important;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item {
		height: auto !important;
		padding: 15px 30px 15px !important;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item h3 {
		margin-bottom: 0;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item {
		width: 290px;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
		width: 325px;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item{
		padding-left: 65px !important;
	}
	
}	

@media screen and (max-width: 767px) {
	.event_slider_wrapper .slider-nav .slider_nav_item {
		width: 265px;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
		width: 300px !important;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item {
		padding: 15px 15px 15px !important;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
		padding-left: 50px !important;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item h3 {
		font-size: 1em;
	}
	.event_slider_wrapper .slider-nav .slider_nav_item {
		margin-left: 15px;
	}
	.event_slider_wrapper .slider-nav .slick-current .slider_nav_item {
		padding-left: 30px !important;
	}
	.event_slider_wrapper .event_information_waroer {
		display: none;
	}
	.details_event_button{
		display: inline-block !important;
		margin-top: 10px !important;
	}
	.news_style .pp-post {
		height: auto !important;
	}
	.news_style .pp-posts {
		gap: 35px;
	}
	.news_style .pp-post-wrap{
		border-radius: 15px;
		padding-left: 0px !important;
	}
	.news_style .pp-post-content-wrap {
		padding: 5px 0px 7px 0px;
		padding-left: 0px !important;
	}
	.news_style .pp-posts .pp-post-wrap:nth-child(2n) {
		margin-left: 0px !important;
		border-radius: 15px;
	}
	.news_style .pp-post-thumbnail img {
		height: auto !important;
	}
	.news_style .pp-post-thumbnail {
		padding: 15px;
	}
	.news_style .pp-posts .pp-post-wrap:nth-child(2n) .pp-post-thumbnail {
		padding: 15px;
	}
	.news_style .pp-post-thumbnail {
		margin-bottom: -50px !important;
	}
	.news_style .pp-icon {
		font-size: 1.875em;
	}
	.news_style .pp-meta-text {
		left: 55px;
		margin-top: 5px;
		font-size: 0.875em;
	}
	.news_style .pp-post-title {
		height: auto;
		overflow: unset;
		margin-top: 30px;
	}
	.news_style .pp-posts-pagination {
		text-align: center !important;
		margin-top: 35px;
		margin-left: unset;
	}
	.join_us_section_design .elementor-flip-box__front .elementor-flip-box__image img {
		height: 350px !important;
	}
	.join_us_section_design .elementor-flip-box__front .elementor-flip-box__layer__title {
		left: 20px;
	}
	.join_us_section_design .elementor-flip-box__layer__overlay {
		padding: 10px !important;
	}
	.newsroom_style .elementor-loop-container {
		grid-auto-rows: unset !important; 
	}
} 
@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 413px) {
	
}

@media screen and (max-width: 360px) {
	
}