@media(min-width: 1920px){
.yagp-partner-schools{
	width: 100%;
	min-height: 1258px;
	display: inline-flex;
	padding-bottom: 95px;
	background-repeat: no-repeat !important;
}
.yagp-partner-schools .title_control h2{
	word-spacing: 100vw;
	color: #181818;
	font-family: DIN Pro;
	font-size: 97px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 115px;
	margin-bottom: 82px;
	margin-left: 113px;
}
.yagp-partner-schools .title_control{
	display: flex;
	flex-flow: column;
	width: 563px;
}
.yagp-partner-schools .title_control button{
	cursor: pointer;
	margin-bottom: 60px;
	padding: 20px 40px;
	border-radius: 40px;
	border: 1px solid #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.24px;
	margin-left: 113px;
	margin-right: auto;
	background: #18181800;
	transition: transform .3s, color .3s, backgrpund .3s;

}
.yagp-partner-schools .title_control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .title_control .active{
	background: #181818;
	color: #FFFFFF;
}
.yagp-partner-schools .content_block{
	display: flex;
	flex-flow: column;
	margin-left: 136px;
	margin-top: 115px;
	border-radius: 20px;
}
.yagp-partner-schools .content_block .control{
	display: inline-flex;
	margin-left: 76px;
	margin-bottom: 41px;
	z-index: 1;
}
.yagp-partner-schools .content_block .control button{
	border-radius: 20px;
	border: 1px solid var(--dark, #181818);
	padding: 5px 20px;
	background: #18181800;
	transition: transform .3s, color .3s, backgrpund .3s;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.18px;
	margin-right: 10px;
}
.yagp-partner-schools .content_block .active{
	background: #181818 !important;
	color: #FFFFFF !important;
}
.yagp-partner-schools .content_block .control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .content_block .search{
	display: inline-flex;
	height: 33px;
	padding: 4px 40px 4px 7px;
	align-items: center;
	border-radius: 20px;
	background: rgba(24, 24, 24, 0.10);
}
.yagp-partner-schools .content_block svg{
	margin-right: 4px;
}
.yagp-partner-schools .content_block input{
	color: rgba(24, 24, 24, 1);
	text-align: left;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.18px;
	background: none;
	border: none;
	height: 100%;
	min-width: 112px;
	padding-left: 10px;
}
.yagp-partner-schools .content_block image{
	display: inline-flex;
	flex-wrap: wrap;
	width: 1136px;
}
.yagp-partner-schools .content_block .image>div{
	box-shadow: 0px 5px 28px 0px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.yagp-partner-schools .content_block .image>div img{
	width: auto;
	height: 177px;
	overflow: hidden;
	object-fit: contain;
	object-position: center;
}
.yagp-partner-schools .content_block .image>div>div:hover{
	opacity: 1;
}
.yagp-partner-schools .content_block .image>div>div{
	height: 177px;
	margin-top: -177px;
	overflow: hidden;
	opacity: 0;
	transition: opacity.3s;
	background: #181818;
	display: flex;
	flex-flow: column;
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(1){
	color: var(--unnamed, #FFF);
	font-family: DIN Pro;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18.2px;
	margin-top: 20px;
	margin-bottom: 0;
	margin-right: 20px;
	text-align: left;
	margin-left: 20px;
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(2){
	color: var(--unnamed, #FFF);
	text-align: left;
	font-family: DIN Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.18px;
	margin-top: auto;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.yagp-partner-schools .content_block .image{
	display: inline-flex;
	flex-wrap: wrap;
	width: 1280px;
	margin-left: -40px;
}
.yagp-partner-schools .content_block .image>div{
	height: 177px;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 20px;
	background: #FFF;
	display: flex;
	flex-flow: column;
/* logos-shadow */
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.25);
	transition: box-shadow .3s;
	cursor: pointer;
}
.yagp-partner-schools .content_block .imageindent{
	margin-left: 76px;
}
.yagp-partner-schools .content_block {
	
}
.yagp-partner-schools .content_block .text{
	display: flex;
	flex-flow: column;
	padding: 110px 4px 48px 60px;
	margin-top: -110px;
	margin-left: 0;
	margin-right: 295px;
	width: 993px;
	height: 810px;
	overflow-x: hidden;
	border-radius: 20px;
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.25);
}
.yagp-partner-schools .content_block .text>div{
	margin-top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.yagp-partner-schools .content_block .text p{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-top: 0;
	margin-buttom: 11px;
	transition: color .3s;
}
.yagp-partner-schools .content_block .text p:hover{
	color: #2577B7;
}
.yagp-partner-schools .content_block .text>div::-webkit-scrollbar {
	    width: 10px;
		margin-top:12px !importent;

}
.display_none_element{
	display:none !important;
}


.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb {
  background: rgb(150, 150, 150);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}


/* Handle on hover */
/* set the color of the scrollbar when hovered over */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:hover {
  background: rgb(131, 131, 131);
}


/* Handle on active */
/* set the color of the scrollbar when clicked */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:active {
  background: rgb(104, 104, 104);
}
}
@media(min-width: 1024px) and (max-width:1919px){
.yagp-partner-schools{
	width: 100%;
	min-height: calc(671px + (1258 - 671) * ((100vw - 1024px) / (1920 - 1024)));
	display: inline-flex;
	padding-bottom: calc(50.7px + (95 - 50.7) * ((100vw - 1024px) / (1920 - 1024)));
	background-repeat: no-repeat !important;
}
.yagp-partner-schools .title_control h2{
	word-spacing: 100vw;
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: calc(61.4px + (115 - 61.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(43.8px + (82 - 43.8) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: calc(60.3px + (113 - 60.3) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .title_control{
	display: flex;
	flex-flow: column;
	width: calc(300.3px + (563 - 300.3) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .title_control button{
	cursor: pointer;
	margin-bottom: calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024)));
	padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: calc(60.3px + (113 - 60.3) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: auto;
	background: #18181800;
	transition: transform .3s, color .3s, backgrpund .3s;

}
.yagp-partner-schools .title_control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .title_control .active{
	background: #181818;
	color: #FFFFFF;
}
.yagp-partner-schools .content_block{
	display: flex;
	flex-flow: column;
	margin-left: calc(72.6px + (136 - 72.6) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(61.4px + (115 - 61.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block .control{
	display: inline-flex;
	margin-left: calc(40.6px + (76 - 40.6) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(21.9px + (41 - 21.9) * ((100vw - 1024px) / (1920 - 1024)));
	z-index: 1;
}
.yagp-partner-schools .content_block .control button{
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	border: 1px solid var(--dark, #181818);
	padding: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	background: #18181800;
	transition: transform .3s, color .3s, backgrpund .3s;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block .active{
	background: #181818 !important;
	color: #FFFFFF !important;
}
.yagp-partner-schools .content_block .control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .content_block .search{
	display: inline-flex;
	height: calc(17.6px + (33 - 17.6) * ((100vw - 1024px) / (1920 - 1024)));
	padding: calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))) calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(3.8px + (7 - 3.8) * ((100vw - 1024px) / (1920 - 1024)));
	align-items: center;
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	background: rgba(24, 24, 24, 0.10);
}
.yagp-partner-schools .content_block svg{
	margin-right: calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block input{
	color: rgba(24, 24, 24, 1);
	text-align: left;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	background: none;
	border: none;
	height: 100%;
	min-width: calc(59.8px + (112 - 59.8) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block image{
	display: inline-flex;
	flex-wrap: wrap;
	width: calc(605.9px + (1136 - 605.9) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block .image>div{
	box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(15px + (28 - 15) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.yagp-partner-schools .content_block .image>div img{
	width: auto;
	height: calc(94.4px + (177 - 94.4) * ((100vw - 1024px) / (1920 - 1024)));
	overflow: hidden;
	object-fit: contain;
	object-position: center;
}
.yagp-partner-schools .content_block .image>div>div:hover{
	opacity: 1;
}
.yagp-partner-schools .content_block .image>div>div{
	height: calc(94.4px + (177 - 94.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(-1 * calc(94.4px + (177 - 94.4) * ((100vw - 1024px) / (1920 - 1024))));
	overflow: hidden;
	opacity: 0;
	transition: opacity.3s;
	background: #181818;
	display: flex;
	flex-flow: column;
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(1){
	color: var(--unnamed, #FFF);
	font-family: DIN Pro;
	font-size: calc(7.5px + (14 - 7.5) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 400;
	line-height: calc(9.8px + (18.2 - 9.8) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: 0;
	margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	text-align: left;
	margin-left: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(2){
	color: var(--unnamed, #FFF);
	text-align: left;
	font-family: DIN Pro;
	font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: auto;
	margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block .image{
	display: inline-flex;
	flex-wrap: wrap;
	width: calc(653.9px + (1280 - 653.9) * ((100vw - 1024px) / (1920 - 1024)));
	margin-left: calc(-1 * calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024))));
}
.yagp-partner-schools .content_block .image>div{
	height: calc(94.4px + (177 - 94.4) * ((100vw - 1024px) / (1920 - 1024)));
	width: auto;
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	background: #FFF;
	display: flex;
	flex-flow: column;
/* logos-shadow */
	box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.25);
	transition: box-shadow .3s;
	cursor: pointer;
}
.yagp-partner-schools .content_block .imageindent{
	margin-left: calc(40.6px + (76 - 40.6) * ((100vw - 1024px) / (1920 - 1024)));
}
.yagp-partner-schools .content_block {
	
}
.yagp-partner-schools .content_block .text{
	display: flex;
	flex-flow: column;
	padding: calc(58.7px + (110 - 58.7) * ((100vw - 1024px) / (1920 - 1024))) calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(25.6px + (48 - 25.6) * ((100vw - 1024px) / (1920 - 1024))) calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: calc(-1 * calc(58.7px + (110 - 58.7) * ((100vw - 1024px) / (1920 - 1024))));
	margin-left: 0;
	margin-right: calc(157.4px + (295 - 157.4) * ((100vw - 1024px) / (1920 - 1024)));
	width: calc(529.6px + (993 - 529.6) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(432px + (810 - 432) * ((100vw - 1024px) / (1920 - 1024)));
	overflow-x: hidden;
	border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.25);
}
.yagp-partner-schools .content_block .text>div{
	margin-top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.yagp-partner-schools .content_block .text p{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 400;
	line-height: calc(17.1px + (32 - 17.1) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
	margin-buttom: calc(5.9px + (11 - 5.9) * ((100vw - 1024px) / (1920 - 1024)));
	transition: color .3s;
}
.yagp-partner-schools .content_block .text p:hover{
	color: #2577B7;
	cursor:pointer;
}
.yagp-partner-schools .content_block .text>div::-webkit-scrollbar {
	    width: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top:12px !importent;

}
.display_none_element{
	display:none !important;
}


.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb {
  background: rgb(150, 150, 150);
  border-bottom-left-radius: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)));
  border-top-left-radius: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)));
  border-bottom-right-radius: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)));
  border-top-right-radius: calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024)));
}


/* Handle on hover */
/* set the color of the scrollbar when hovered over */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:hover {
  background: rgb(131, 131, 131);
}


/* Handle on active */
/* set the color of the scrollbar when clicked */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:active {
  background: rgb(104, 104, 104);
}
}











@media(max-width: 1023px){
.yagp-partner-schools{
	width: 100%;
	min-height: calc(393.6px + (1258 - 393.6) * ((100vw - 320px) / (1023 - 320)));
	display: flex;
	padding-bottom: calc(29.8px + (95 - 29.8) * ((100vw - 320px) / (1023 - 320)));
	background-repeat: no-repeat !important;
	flex-flow: column;
}
.yagp-partner-schools .title_control h2{
	color: #181818;
	font-family: DIN Pro;
	font-size: calc(30.1px + (96 - 30.1) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top: calc(36px + (115 - 36) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(25.7px + (82 - 25.7) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	text-align: center;
}
.yagp-partner-schools .title_control{
	display: flex;
	flex-flow: column;
	width: 100%;
}
.yagp-partner-schools .title_control button{
	cursor: pointer;
	margin-bottom: calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320)));
	padding: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid #181818;
	color: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 5%;
	margin-right: 5%;
	background: #FFFFFF;
	transition: transform .3s, color .3s, backgrpund .3s;
}
.yagp-partner-schools .title_control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .title_control .active{
	background: #181818;
	color: #FFFFFF;
}
.yagp-partner-schools .content_block{
	display: flex;
	flex-flow: column;
	margin-left: 5%;
	margin-top: calc(36px + (115 - 36) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block .control{
	display: inline-flex;
	margin-left: calc(23.8px + (76 - 23.8) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(12.9px + (41 - 12.9) * ((100vw - 320px) / (1023 - 320)));
	z-index: 1;
}
.yagp-partner-schools .content_block .control button{
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	border: 1px solid var(--dark, #181818);
	padding: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	background: #18181800;
	transition: transform .3s, color .3s, backgrpund .3s;
	color: var(--dark, #181818);
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block .active{
	background: #181818 !important;
	color: #FFFFFF !important;
}
.yagp-partner-schools .content_block .control button:hover{
	transform: scale(1.05);
}
.yagp-partner-schools .content_block .search{
	display: inline-flex;
	height: calc(10.4px + (33 - 10.4) * ((100vw - 320px) / (1023 - 320)));
	padding: calc(1.3px + (4 - 1.3) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320))) calc(1.3px + (4 - 1.3) * ((100vw - 320px) / (1023 - 320))) calc(2.2px + (7 - 2.2) * ((100vw - 320px) / (1023 - 320)));
	align-items: center;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	background: rgba(24, 24, 24, 0.10);
}
.yagp-partner-schools .content_block svg{
	margin-right: calc(1.3px + (4 - 1.3) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block input{
	color: rgba(24, 24, 24, 1);
	text-align: left;
	font-family: DIN Pro;
	font-size: calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	background: none;
	border: none;
	height: 100%;
	min-width: calc(35.1px + (112 - 35.1) * ((100vw - 320px) / (1023 - 320)));
	padding-left: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block image{
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}
.yagp-partner-schools .content_block .image>div{
	box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.yagp-partner-schools .content_block .image>div img{
	width: auto;
	height: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320)));
	overflow: hidden;
	object-fit: contain;
	object-position: center;
}
.yagp-partner-schools .content_block .image>div>div:hover{
	opacity: 1;
}
.yagp-partner-schools .content_block .image>div>div{
	height: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(-1 * calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320))));
	overflow: hidden;
	opacity: 0;
	transition: opacity.3s;
	background: #181818;
	display: flex;
	flex-flow: column;
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(1){
	color: var(--unnamed, #FFF);
	font-family: DIN Pro;
	font-size: calc(4.4px + (14 - 4.4) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 400;
	line-height: calc(5.7px + (18.2 - 5.7) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: 0;
	margin-right: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	text-align: left;
	margin-left: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block .image>div>div>p:nth-child(2){
	color: var(--unnamed, #FFF);
	text-align: left;
	font-family: DIN Pro;
	font-size: calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: auto;
	margin-bottom: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	margin-left: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
}
.yagp-partner-schools .content_block .image{
	        display: inline-flex;
        flex-wrap: wrap;
        width: 90%;
        margin-left: 0;
        border: 1px solid black;
        padding: 20px 0px 20px 20px;
        border-radius: 0px 60px 0px 0px;
}
.yagp-partner-schools .content_block .image>div{
	height: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320)));
	width: auto;
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	background: #FFF;
	display: flex;
	flex-flow: column;
/* logos-shadow */
	box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.25);
	transition: box-shadow .3s;
	cursor: pointer;
}
.yagp-partner-schools .content_block {
	
}
.yagp-partner-schools .content_block .text{
	display: flex;
	flex-flow: column;
	padding: calc(34.5px + (110 - 34.5) * ((100vw - 320px) / (1023 - 320))) calc(1.3px + (4 - 1.3) * ((100vw - 320px) / (1023 - 320))) calc(15.1px + (48 - 15.1) * ((100vw - 320px) / (1023 - 320))) calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(-1 * calc(34.5px + (110 - 34.5) * ((100vw - 320px) / (1023 - 320))));
	margin-left: 0;
	margin-right: calc(92.3px + (295 - 92.3) * ((100vw - 320px) / (1023 - 320)));
	width: calc(266.9px + (853 - 266.9) * ((100vw - 320px) / (1023 - 320)));
	height: calc(253.4px + (810 - 253.4) * ((100vw - 320px) / (1023 - 320)));
	overflow-x: hidden;
	border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
	box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.25);
}
.yagp-partner-schools .content_block .text>div{
	margin-top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.yagp-partner-schools .content_block .text p{
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: calc(10.1px + (32 - 10.1) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
	margin-buttom: calc(3.5px + (11 - 3.5) * ((100vw - 320px) / (1023 - 320)));
	transition: color .3s;
}
.yagp-partner-schools .content_block .text p:hover{
	color: #2577B7;
}
.yagp-partner-schools .content_block .text>div::-webkit-scrollbar {
	    width: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
		margin-top:calc(3.8px + (12 - 3.8) * ((100vw - 320px) / (1023 - 320))) !importent;

}
.display_none_element{
	display:none !important;
}


.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb {
  background: rgb(150, 150, 150);
  border-bottom-left-radius: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)));
  border-top-left-radius: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)));
  border-bottom-right-radius: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)));
  border-top-right-radius: calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320)));
}


/* Handle on hover */
/* set the color of the scrollbar when hovered over */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:hover {
  background: rgb(131, 131, 131);
}


/* Handle on active */
/* set the color of the scrollbar when clicked */

.yagp-partner-schools .content_block .text>div::-webkit-scrollbar-thumb:active {
  background: rgb(104, 104, 104);
}
}