/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 04 2026 | 14:01:41 */
/**** Font-family ****/

.Global-family, *{
	font-family: 'IBM Plex Sans', sans-serif !important;
}
header.entry-header {
	display: none;
}
/*** margin auto property***/
.marginauto{
	margin: 0 auto;
}
/*** global decoration ***/
.textdn{
	text-decoration: none !important;	
}
.txt-underline{
	text-decoration: underline;
}

/***** font-style *****/
.font-italic{
	font-style: italic;
}

/**** global text-alignments ****/
.txt-left{text-align: left;}
.txt-right{text-align: right;}
.txt-center{text-align: center;}

/*** global colors ****/
.navy-blue{color: #013047 !important;}
.light-blue{color: #014464;}
.dark-blue{color: #242E95;}
.primary-white{color: #fff;}
.primary-yellow{color: #FFA837;}

/*** Global Font sizes ****/
.h1{font-size: 72px; line-height: 80px;}
.h2{font-size: 48px; line-height: 58px;}
.h5{font-size: 24px; line-height: normal;}

/*** Font Weight***/
.FW300{font-weight: 300;}
.FW400{font-weight: 400;}
.FW500{font-weight: 500;}
.FW600{font-weight: 600;}
.FW700{font-weight: 700;}
.FW800{font-weight: 800;}
.FW900{font-weight: 900;}

/***paragraph sizes ***/
/* .p1{font-size:24px; line-height: 34px;}
.p1-v1{font-size:24px; line-height: 34px;}
.p1-v2{font-size:24px !important; line-height: 34px !important;}
.p1-v3{font-size:22px; line-height: 32px;}
.p2{font-size:20px; line-height: 30px;}
.p2-v1{font-size:20px; line-height: 30px;}
.p2-v2{font-size:20px; line-height: 28px;}
.p2-v3{font-size:20px; line-height: 28px;}
.p2-v4{font-size:20px; line-height: 28px;}
.p3{font-size:18px; line-height: 28px;} */


.p1{font-size:24px; line-height: normal;}
.p1-v1{font-size:24px; line-height: normal;;}
.p1-v2{font-size:24px !important; line-height: normal; !important;}
.p1-v3{font-size:22px; line-height: normal;}
.p2{font-size:20px; line-height: normal;}
.p2-v1{font-size:20px; line-height: normal;}
.p2-v2{font-size:20px; line-height: normal;}
.p2-v3{font-size:20px; line-height: normal;}
.p2-v4{font-size:20px; line-height: normal;}
.p3{font-size:18px; line-height: normal;}

/*** background-color ***/
.bg1{background: radial-gradient(18.75% 50% at 50% 50%, #FFDDA3 0%, #FFF4E1 100%);}
.bg2{background: linear-gradient(180deg, #FFFFFF 0%, #E7F5FB 18.68%, #E7F5FB 86.14%, #FFFFFF 100%);}
.bg3{background: radial-gradient(18.75% 50% at 50% 50%, #FFF4E1 0%, #E7F5FB 100%);}
.bg4{background: linear-gradient(180deg, #FFFFFF 0%, #FFF4E1 14.05%, #FFF4E1 86.14%, #FFFFFF 100%);}


/*** global buttons ***/
.yellow-btn{display:inline-block;padding:12.2px 24px; background-color: #FFA837 !important; color: #fff !important; font-weight: 700; font-family: "IBM Plex Sans"; font-size:20px; line-height: 30px;border-radius: 60px; border: 1px solid #FFA837 !important;}
.blue-btn{padding:12px 24px; background-color: #015781; color: #fff !important; font-weight: 700; font-family: "IBM Plex Sans"; font-size:20px; border-radius: 60px;display: flex;align-items: center;justify-content:center; border: 1px solid #015781 !important;}
.green-btn{padding:12px 24px; background-color: #00CC9F; color: #fff; font-weight: 700; font-family: "IBM Plex Sans"; font-size:20px; border-radius: 60px;display: flex;align-items: center;justify-content:center; border: 1px solid #00CC9F !important;}

.btn-grp a{
	max-height: 56px;
}


.yellow-btn:hover {
	background-color: transparent !important;
	color: #FFA837 !important;
}
.blue-btn:hover{
	background-color: transparent;
	color: #015781 !important;
}
.green-btn:hover{
	background-color: transparent;
	color: #00CC9F;
}


.btn_grp1, .btn_grp2{
	gap: 16px 16px;
	z-index: 9999;
	margin-top: 0;
}

.btn_grp1 .btn a, .btn_grp2 .btn a{
	padding: 21px 24px;
	font-weight: 700;
	font-size: 20px;
	line-height: normal;
	border-radius: 60px;
	text-transform: none;
}
.btn_grp1 .btn1 a{
	background-color: #015781 !important;
	color: #fff !important;
	border: 1px solid #015781;
}
.btn_grp1 .btn1 a:hover{
	background-color: transparent !important;
	color: #015781 !important;
}
.btn_grp1 .btn2 a{
	background-color: #00CC9F !important;
	color: #fff !important;
	border: 1px solid #00CC9F;
}
.btn_grp1 .btn2 a:hover{
	background-color: transparent !important;
	color: #00CC9F !important;
}

.btn_grp2 .btn1 a{
	background-color: #FFA837 !important;
	color: #fff !important;
	border: 1px solid #FFA837
}
.btn_grp2 .btn1 a:hover{
	background-color: transparent !important;
	color: #FFA837 !important;
}

.btn_grp2 .btn2 a{
	background-color: #00CC9F !important;
	color: #fff !important;
	border: 1px solid #00CC9F;
}
.btn_grp2 .btn2 a:hover{
	background-color: transparent !important;
	color: #00CC9F !important;
}

/*** content width ***/
.max904{
	max-width: 904px;
	margin: 0 auto;
}

/*** flex properties ***/
.justifycenter{
	justify-content: center !important;
}
.justifyleft{
	justify-content: flex-start !important;
}
.alignleft{
	align-items: flex-start;
}

/*** display property ***/
.d-none{
	display: none;
}



/**** Global paddings and margins ****/
.pt0{padding-top: 0 !important;}
.pt10{padding-top: 10px;}
.pt16{padding-top: 16px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}

@media (max-width:1024px) and (min-width:768px)
{
	.pb16 {
    padding-bottom:12px !important;
}
	.pb48 {
		padding-bottom:40px !important;
	}
}
.pb8{padding-bottom: 8px;}
@media (max-width:767px)
{
	.pb8{padding-bottom: 4px !important;}
}
.pb10{padding-bottom: 10px;}
.pb12{padding-bottom: 12px;}
.pb16{padding-bottom: 16px;}
.pb20{padding-bottom: 20px;}
.pb24{padding-bottom: 24px;}
.pb32{padding-bottom: 32px;}
.pb40{padding-bottom: 40px;}
.pb48{padding-bottom: 48px;}

/*** padding right left ***/
.px{padding-left: 0 !important; padding-right: 0 !important;}

.mt0{margin-top:0;}

.mb0{margin-bottom:0;}
.mb12{margin-bottom:12px;}
.mb16{margin-bottom:16px;}
.mb40{margin-bottom:40px;}
.mb48{margin-bottom:48px;}
.mb80{margin-bottom:80px;}

/*** image borders ***/
.img1{border-radius: 104px;}
.img2{border-radius: 40px;}

/**** flex property ****/
.d-flex{display: flex; flex-wrap: wrap; gap:16px;}
.flex-align{align-items: center !important; }

/**** Custom width ****/
.max750{
	max-width: 750px;
}

/*** media Queries ***/

@media only screen and (min-width: 320px) and (max-width:767px){
	.h1{font-size: 44px; line-height: 46px}
	.h2{font-size: 32px; line-height: 38px}
	.yellow-btn{font-size: 16px; line-height: 24px;}
	.blue-btn{font-size:16px; line-height: 24px; padding: 13px 24px;}
	.green-btn{font-size:16px;}
	.h5{font-size: 20px; line-height: 28px}
	.p1-v1{font-size:16px; line-height: 24px;}
	.p1-v2{font-size:18px !important;line-height: 26px !important;}
	.p1-v3{font-size:18px; line-height: normal;}
	.p2{font-size:16px !important; line-height: 24px !important;}
	.p2-v1{font-size:16px; line-height: 24px;}
	.p2-v2{font-size:18px; line-height: 26px;}
	.p2-v4{font-size:17px; line-height: 24px;}
	.mb80{margin-bottom:40px;}
	.mb40{margin-bottom:24px;}
	.max750{max-width: 100%;}
	 .pb16 {
        padding-bottom: 12px !important;
    }
	.d-flex{
		gap: 12px;
		flex-direction: column;
	}
	.pb48{padding-bottom: 24px;}
	.pb32{padding-bottom: 16px;}

	.btn-grp a{
		max-height: 50px;
	}
	.btn_grp1 .btn a, .btn_grp2 .btn a{
		padding: 19.5px 24px;
		font-size: 16px;
	}
	.btn_grp1, .btn_grp2{
		flex-direction: row;
		gap: 8px;
		margin-right: 0;
/* 		align-items: flex-start; */
	}
	.alignleft{
		align-items: center !important;
		float: unset;
	}
		.btn_grp1{
		align-items: flex-start !important;
/* 			flex-direction: column; */
	}
}
@media only screen and (min-width: 768px) and (max-width:1023px){
	.h1{font-size: 60px; line-height: 70px;}
	.h2{font-size: 42px; line-height: 48px;}
	.h5{font-size: 22px;}
	.p1-v1{font-size:20px; line-height: normal;}
	.p1-v2{font-size: 20px !important;line-height: 28px !important;}
	.p1-v3{font-size:20px; line-height: normal;}
	.p2{font-size:17px !important; line-height: 25px !important;}
	.p2-v1{font-size:17px; line-height: normal;}
	.p2-v4{font-size:18px; line-height: normal;}
	.yellow-btn{font-size: 18px; line-height: 26px;}
	.blue-btn{font-size:18px; line-height: 26px; padding: 14px 24px;}
	.mb80{margin-bottom:60px;}
	.mb40{margin-bottom:32px;}
	.green-btn{font-size:18px; line-height: 26px; padding: 13px 24px;} 
	.d-flex{
		gap: 12px;
	}
	.pb48{padding-bottom: 32px;}
	.pb32{padding-bottom: 24px;}
	.btn-grp a{
		max-height: 52px;
	}
	.btn_grp1 .btn a, .btn_grp2 .btn a{
		padding: 19.5px 24px;
		font-size: 18px;
	}
	.btn_grp1, .btn_grp2{
		flex-direction: row;
		gap: 12px;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.btn_grp1{
		align-items: flex-start !important;
	}
	.aligncenter{
		align-items: center !important;
	}
}

@media(min-width: 1700px){
	.img_con .image_columns .img_col img{
		width: 553px !important;
		height: 400px;
		object-fit: cover !important;
	}
	
}

@media (max-width:767px)
{
  .klassroom-first .at-block-image__image-wrapper img {
    width:80px;
    height:80px;
  }
}