/* Import CSS */
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('//cdn.jsdelivr.net/jquery.magnific-popup/1.0.0/magnific-popup.css');

/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@font-face {
	font-family: 'seravekbold';
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-bold-webfont.eot');
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-bold-webfont.woff2') format('woff2'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-bold-webfont.woff') format('woff'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-bold-webfont.svg#seravekbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'seravekmedium';
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-medium-webfont.eot');
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-medium-webfont.woff2') format('woff2'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-medium-webfont.woff') format('woff'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-medium-webfont.svg#seravekmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'seravekregular';
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regular-webfont.eot');
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regular-webfont.woff2') format('woff2'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regular-webfont.woff') format('woff'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regular-webfont.svg#seravekregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'seravekregular_italic';
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regularitalic-webfont.eot');
	src: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regularitalic-webfont.woff2') format('woff2'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regularitalic-webfont.woff') format('woff'),
		url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%20-%202023/Fonts/seravek-regularitalic-webfont.svg#seravekregular_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:before, *:after { box-sizing:border-box; }
body { margin: 0; padding: 0; width: 100%; background-color: #fff; font-family: 'seravekregular'; }
a { font-family: 'seravekregular'; transition: 0.3s ease-in-out; }

/* Container And Wrapper */
/* .content-wrapper { max-width: 1310px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 80px 1rem; }
.dnd-section > .row-fluid { max-width: 1310px; } */

.wrapper { max-width: 1310px; margin:auto; padding:0 15px; }
.whiteFont h1, .whiteFont h2, .whiteFont h3, .whiteFont h4, .whiteFont h5, .whiteFont h6, .whiteFont p, .whiteFont li, .whiteFont a { color:#fff; }

/* Image and Svg */
img, svg { height: auto; max-width:100%; }

/* Global Display Options */
.d_block { display: block; }
.d_inline { display: inline; }
.d_inline_block { display: inline-block; }
.d_flex { display: flex; }
.d_none { display: none; }

.d_inline_block.v_align_middle { vertical-align: middle; }
.d_inline_block.v_align_top { vertical-align: top; }
.d_inline_block.v_align_bottom { vertical-align: bottom; }
.d_inline_block.v_align_baseline { vertical-align: baseline; }

.justify_center { justify-content: center; }
.justify_start { justify-content: flex-start; }
.justify_end { justify-content: flex-end; }
.justify_space_between { justify-content: space-between; }
.justify_space_around { justify-content: space-around; }

.align_center { align-items: center; }
.align_start { align-items: flex-start; }
.align_end { align-items: flex-end; }
.align_stretch { align-items: stretch; }

.d_flex.direction_column { flex-direction: column; }
.d_flex.direction_column_reverse { flex-direction: column-reverse; }
.d_flex.direction_row { flex-direction: row; }
.d_flex.direction_row_reverse { flex-direction: row-reverse; }

.text-center { text-align:center; }
p,h1,h2,h3,h4,h5,h6,span{ margin: 0; }

.text_inherit h1, .text_inherit h2, .text_inherit h3, .text_inherit h4, .text_inherit h5, .text_inherit h6, .text_inherit p, .text_inherit a, .text_inherit span { text-transform: inherit; }
.line0{  line-height: 0; }
/* Spacing And Width */



/* Padding Classes */

.pt-0, .p0-0{ padding-top: 0px; }
.pb-0, .p0-0{ padding-bottom: 0px; }

.pt-10, .p0-10{ padding-top: 10px; }
.pb-10, .p0-10{ padding-bottom: 10px; }

.pt-15, .p0-15{ padding-top: 15px; }
.pb-15, .p0-15{ padding-bottom: 15px; }

.pt-20, .p0-20{ padding-top: 20px; }
.pb-20, .p0-20{ padding-bottom: 20px; }

.pt-25, .p0-25{ padding-top: 25px; }
.pb-25, .p0-25{ padding-bottom: 25px; }

.pt-30, .p0-30{ padding-top: 30px; }
.pb-30, .p0-30{ padding-bottom: 30px; }

.pt-35, .p0-35{ padding-top: 35px; }
.pb-35, .p0-35{ padding-bottom: 35px; }

.pt-40, .p0-40{ padding-top: 40px; }
.pb-40, .p0-40{ padding-bottom: 40px; }

.pt-45, .p0-45{ padding-top: 45px; }
.pb-45, .p0-45{ padding-bottom: 45px; }

.pt-50, .p0-50{ padding-top: 50px; }
.pb-50, .p0-50{ padding-bottom: 50px; }

.pt-55, .p0-55{ padding-top: 55px; }
.pb-55, .p0-55{ padding-bottom: 55px; }

.pt-60, .p0-60{ padding-top: 60px; }
.pb-60, .p0-60{ padding-bottom: 60px; }

.pt-65, .p0-65{ padding-top: 65px; }
.pb-65, .p0-65{ padding-bottom: 65px; }

.pt-70, .p0-70{ padding-top: 70px; }
.pb-70, .p0-70{ padding-bottom: 70px; }

.pt-75, .p0-75{ padding-top: 75px; }
.pb-75, .p0-75{ padding-bottom: 75px; }

.pt-80, .p0-80{ padding-top: 80px; }
.pb-80, .p0-80{ padding-bottom: 80px; }

.pt-85, .p0-85{ padding-top: 85px; }
.pb-85, .p0-85{ padding-bottom: 85px; }

.pt-90, .p0-90{ padding-top: 90px; }
.pb-90, .p0-90{ padding-bottom: 90px; }

.pt-95, .p0-95{ padding-top: 95px; }
.pb-95, .p0-95{ padding-bottom: 95px; }

.pt-100, .p0-100{ padding-top: 100px; }
.pb-100, .p0-100{ padding-bottom: 100px; }

.pt-105, .p0-105{ padding-top: 105px; }
.pb-105, .p0-105{ padding-bottom: 105px; }

.pt-110, .p0-110{ padding-top: 110px; }
.pb-110, .p0-110{ padding-bottom: 110px; }

.pt-115, .p0-115{ padding-top: 115px; }
.pb-115, .p0-115{ padding-bottom: 115px; }

.pt-120, .p0-120{ padding-top: 120px; }
.pb-120, .p0-120{ padding-bottom: 120px; }

.pt-125, .p0-125{ padding-top: 125px; }
.pb-125, .p0-125{ padding-bottom: 125px; }

.pt-130, .p0-130{ padding-top: 130px; }
.pb-130, .p0-130{ padding-bottom: 130px; }


/* Margin Classes */

.mt-0, .m0-0{ margin-top: 0px; }
.mb-0, .m0-0{ margin-bottom: 0px; }

.mt-10, .m0-10{ margin-top: 10px; }
.mb-10, .m0-10{ margin-bottom: 10px; }

.mt-15, .m0-15{ margin-top: 15px; }
.mb-15, .m0-15{ margin-bottom: 15px; }

.mt-20, .m0-20{ margin-top: 20px; }
.mb-20, .m0-20{ margin-bottom: 20px; }

.mt-25, .m0-25{ margin-top: 25px; }
.mb-25, .m0-25{ margin-bottom: 25px; }

.mt-30, .m0-30{ margin-top: 30px; }
.mb-30, .m0-30{ margin-bottom: 30px; }

.mt-35, .m0-35{ margin-top: 35px; }
.mb-35, .m0-35{ margin-bottom: 35px; }

.mt-40, .m0-40{ margin-top: 40px; }
.mb-40, .m0-40{ margin-bottom: 40px; }

.mt-45, .m0-45{ margin-top: 45px; }
.mb-45, .m0-45{ margin-bottom: 45px; }

.mt-50, .m0-50{ margin-top: 50px; }
.mb-50, .m0-50{ margin-bottom: 50px; }

.mt-55, .m0-55{ margin-top: 55px; }
.mb-55, .m0-55{ margin-bottom: 55px; }

.mt-60, .m0-60{ margin-top: 60px; }
.mb-60, .m0-60{ margin-bottom: 60px; }

.mt-65, .m0-65{ margin-top: 65px; }
.mb-65, .m0-65{ margin-bottom: 65px; }

.mt-70, .m0-70{ margin-top: 70px; }
.mb-70, .m0-70{ margin-bottom: 70px; }

.mt-75, .m0-75{ margin-top: 75px; }
.mb-75, .m0-75{ margin-bottom: 75px; }

.mt-80, .m0-80{ margin-top: 80px; }
.mb-80, .m0-80{ margin-bottom: 80px; }

.mt-85, .m0-85{ margin-top: 85px; }
.mb-85, .m0-85{ margin-bottom: 85px; }

.mt-90, .m0-90{ margin-top: 90px; }
.mb-90, .m0-90{ margin-bottom: 90px; }

.mt-95, .m0-95{ margin-top: 95px; }
.mb-95, .m0-95{ margin-bottom: 95px; }

.mt-100, .m0-100{ margin-top: 100px; }
.mb-100, .m0-100{ margin-bottom: 100px; }

.mt-105, .m0-105{ margin-top: 105px; }
.mb-105, .m0-105{ margin-bottom: 105px; }

.mt-110, .m0-110{ margin-top: 110px; }
.mb-110, .m0-110{ margin-bottom: 110px; }

.mt-115, .m0-115{ margin-top: 115px; }
.mb-115, .m0-115{ margin-bottom: 115px; }

.mt-120, .m0-120{ margin-top: 120px; }
.mb-120, .m0-120{ margin-bottom: 120px; }

.mt-125, .m0-125{ margin-top: 125px; }
.mb-125, .m0-125{ margin-bottom: 125px; }

.mt-130, .m0-130{ margin-top: 130px; }
.mb-130, .m0-130{ margin-bottom: 130px; }

.m_auto { margin-left: auto; margin-right: auto; }

/* Width Classes */

.w 20{ width: 20% }

.w 25{ width: 25% }

.w 33_33{ width: 33.33% }

.w 50{ width: 50% }

.w 75{ width: 75% }

.w 100{ width: 100% }




/* .OswaldFonts { font-family: 'Oswald', sans-serif; } */
.bg { background-size:contain; background-repeat:no-repeat; }

.w100{ width: 100%; }

::-webkit-input-placeholder { padding-left:0px !important; }

/******************************************************
Home Page Starts
******************************************************/
.footer { background-color:   
    
  
    
    
  rgba(0, 45, 114, 1.0) 
; }

/* Footer content */
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer label, .footer span, .footer li, .footer img { color: #ffffff; }
.footer a { font-size: 13px;  color:#ffffff; }
.footer a:hover { color:#A5A5A5; }

/* Boys Home page Banner module */
.home_banner_section{	width: 100%;	position: relative;}
.home_banner_video_text_group { 	position:relative; }
.banner_bg_image {	min-height: calc(100vh - 165px); background-size: cover; background-repeat: no-repeat; background-position: center; }   
.home_banner_video_text_group::before{	position: absolute;	content: "";
	background: transparent linear-gradient(199deg, #002D724F 0%, #002D721C 21%, #002B6D30 32%, #00255D73 44%, #00204FB1 62%, #002D72 100%) 0% 0% no-repeat padding-box;
	width: 100%;	height: 100%;	top: 0;	left: 0;	z-index: 2; opacity: 0.6; mix-blend-mode: multiply; }
.home_banner_video_bg{	line-height: 0;}
.home_banner_video_bg video {	object-fit: cover !important; 	height: 100%; 	left: 0; 	position: absolute; 	top: 0; 	width: 100%; 	z-index: 1; }
.home_banner_text_div_parent{	padding: 0px 0px 35px 46px;	min-height: calc(100vh - 165px);}
.home_banner_text_div_parent .d_flex{	gap: 30px;}
.home_banner_text_div_inner { padding: 10px 0; }
.home_banner_text_div_inner h2 { font-size: 28px; }
.home_banner_element{	position: relative;	z-index: 2;	max-width: 180px;}
.home_banner_text_div{	max-width: 728px;	width: 100%;	position: relative;	z-index: 999;}
.home_banner_slider.slick-dotted.slick-slider{	margin-bottom: 0;}
.home_banner_section .slick-dots{	bottom: 0;	max-width: 500px;	left: 50%;	transform: translate(-50%);	margin-bottom: 25px;}
.home_banner_slider .slick-dots li{	width:100%;	max-width: 94px;	margin: 0;	height: 0;}
.home_banner_slider .slick-dots li:not(:last-child){	margin-right:17px;}
.home_banner_slider .slick-dots li button:before{	content: "";	width: 94px;	height: 5px;	background: #FFF;	border-radius: 5px;}
.home_banner_slider .slick-dots li button{	padding: 0;	height: 0;}
.play_pause_button_div{	position: absolute;	right: 6%;	bottom: 10%;}
.play_pause_toggle {  cursor: pointer; }
.play_pause_toggle .pause svg { width: 84px; height: 84px; }
.play_pause_toggle .play{	display:none;}

/* Boys homepage CTA strip module */
.Boys_CTAStrip_div .CTAStrip{	background-repeat: no-repeat;	background-size: cover;	background-position: center;	position: relative;	background: #002D72;
	background-image: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/CTa_strip_bg_image.svg');}
.Boys_CTAStrip_div .CTAStrip_inner{	padding: 30px 0;}
.Boys_CTAStrip_div .button.v2 a{	color: #002D72;}
.Boys_CTAStrip_div .button.v2 a::after{	background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/blue_arrow_right_side.png');
	height: 12px;	width: 10px;	background-repeat: no-repeat;}
.Boys_CTAStrip_div .button.v2 a:hover { background-color: #FFF; }

/* Boys homapage query module */
.query_section{	background-color: #F1F1F1;	padding: 161px 0 157px;}
.query_outer{	color: #383838;}
.query_outer .left_img_div{	position:relative;	max-width: 674px;	width: 100%;}
.query_outer .right_content_div{		max-width: 575px;	width: 100%;}
.query_outer .img_div{	background-color: #FFF;	border-radius: 25px;}
.query_outer .img_div img {	box-shadow: 1px 3px 6px #0000003B;	border-radius: 25px;}
.query_outer .img_div.center_img{	padding: 15px;	max-width: 418px;	margin: 0 66px;}
.query_outer .img_div.bottom_left_img{	padding: 9px;	position: absolute;	bottom: -15%;	left: 0%;	z-index: 2;	max-width: 218px;}
.query_outer .img_div.top_right_img{	padding: 13px;	position: absolute;	z-index: 2;	top: -23%;	right: 0%;	max-width: 272px;}
.query_outer .query_heading{	max-width: 362px;	margin: 0 auto;}
.query_outer .query_heading h2{	color: #383838;}
.query_outer .query_subheading{	padding: 12px 0 30px;}
.query_outer .query_subheading p{	font-weight: 700;}
.query_outer .query_button_outer{	gap: 37px;}
.query_outer .query_subtext_div{	padding-top: 30px;}
.query_outer .query_subtext_div p{	font-size: 25px;}
.query_outer .query_button a.button{	padding: 11px 42px;	min-width: 269px;	font-weight: 500;	line-height: 1;}
.query_outer a.button:after { display: none; }

/* Counter Module */
.counter:after{ background-color: #002D72; position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; mix-blend-mode: multiply; }
.counter{ background-size: cover; background-position: top; background-repeat: no-repeat; position: relative; }
.counter_mini_title{ padding-top: 9px; }
.counter_mini_title svg{ rotate: 180deg; vertical-align: middle; }
.counter_main_title > *, .main_counter p{ margin: 0; }
.counter_inner { padding: 57px 0 89px 0; position: relative; z-index: 99; }
.counter_title{ max-width: 560px; margin: 0 auto; }
.main_counter{ max-width: 232px; padding-right: 26px; }
.main_counter:not(:last-child){ border-right: 1px solid #fff; }
.counter_mini_title a{ font-weight: 700; }
.count_title p{ font-weight: 500 }
.all_count{ padding-top: 64px }
.count_value p{ line-height: normal; display: flex; align-items: center; justify-content: center; }
.counter .count{ color: #B9975B; font-size: 85px; line-height: 1; display: inline-block; font-family: baskerville-urw, serif; }
.counter .count_sign{ font-size: 49px; color: #fff; }

/* school information popup module */
.school_information_popup_section { padding:78px 0 88px; background-color: #fff; position: relative; }
.school_information_popup_section::before { position: absolute; content: ""; left: -42%;; top: -8%; width: 100%; height: 100%; background-repeat: no-repeat;
	background-image: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/School_info_popup_module_bg_element.png'); }
.school_popup_heading_div { max-width: 554px; color: #383838; padding-bottom: 84px; margin: 0 auto; }
.school_popup_heading_div .school_popup_heading h2 { color: #383838; } 
.school_popup_heading_div .school_popup_subheading { padding-top: 5px; }
.school_popup_heading_div .school_popup_subheading p { font-weight: 700; }
.school_popup_grid { gap: 26px; margin: 0 auto; flex-wrap: wrap;}
.school_popup_grid .single_popup_card { position: relative; border-radius: 8px; max-width: 291px; height: 514px; background-size: cover; background-position: center; background-repeat: no-repeat;   }
.school_popup_grid .single_popup_card::before { position: absolute; content: ""; width: 100%; left: 0; top: 0; height: 6px; border-radius: 8px 8px 0 0; background-color: #002D72; }
.school_popup_grid .popup_text_div {  position: absolute; bottom: 0; }
.school_popup_grid .popup_text_arrow_parent {	position: relative;	padding: 33px 30px 23px; }
.school_popup_grid .popup_text, .school_popup_grid .popup_arrow_div { position: relative; }
.school_popup_grid .popup_text_arrow_parent::before {    content: "";  background-color: #002D72;  position: absolute;  border-radius: 0 0 8px 8px;   width: 100%;    mix-blend-mode: multiply; top:0; left:0;   height: 100%;}
.school_popup_grid .popup_arrow_div{	width: 20px;	height: 20px;	border-radius: 50%; margin: 19px auto 0; background-color: #FFF; cursor: pointer;}
.school_popup_grid .popup_arrow { padding: 4px; transform: rotate(180deg); }
.school_popup_grid .popup_arrow svg rect path, .popup_arrow svg path{	fill: #002D72; }
.mfp-content .single_popup_box {position: relative; max-width: 1321px; margin: 0 auto; border-radius: 11px; overflow: auto; box-shadow: 0 0 10px #707070; background-color: #fff; }
.mfp-content .single_popup_box::before { position: absolute; content:""; width: 100%; height: 100%; top: 0; right: 0; background-image: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/popup_bg_element.png')}
.mfp-content .popup_left_img{ line-height: 0; max-width: 700px;}
.mfp-content .popup_box_right_content {max-width: 572px;   margin-left: -10%; padding: 30px 30px 30px 0;}
.mfp-content .single_popup_box .popup_title h3 { color: #B9975B; font-weight: 700; line-height: 1 }
.mfp-content .single_popup_box .popup_description {  color: #002D72; padding-top: 13px; }
.mfp-close-btn-in .mfp-close { color: #002D72; opacity: 1; border: 2px solid #002D72; border-radius: 50%; width: 40px; height: 40px; display: flex;    justify-content: center;
	align-items: center;    font-weight: 700;    margin: 25px; }
.mfp-close{ font-size: 30px; }

/* Slider Form Module */
.slider_form{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 82px 0 88px; }
.slider_form .wrapper{ position: relative; z-index: 9; }
.slider_form:after{ background-color: #002D72; position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; mix-blend-mode: normal; }
.process_slider{ position: relative; }
/* .process_slider:after{ position: absolute; content: ""; height: 1px; background-color: #fff; width: 90%; left: 50%; transform: translateX(-50%); } */
.process_slide{ padding: 45px 0 43px; gap: 50px; width: 100%; max-width: 1093px; margin: 0 auto; border-bottom: 1px solid #FFF;  }
.slider_form .slick-slide { text-align: center; }
.process_single_slide{ border: 1px dashed #fff; border-radius: 12px; max-width: 323px; padding: 15px; position: relative; }
.process_slide_inner{ padding: 0 15px 23px 15px; box-shadow: 0px 3px 9px #00000057; border: 1px solid #000; border-radius: 12px; background-color: #fff; }
.process_slide_card_title{ max-width: 202px; background-color: #002D72; margin-top: 30px; padding-left: 25px; clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%); }
.process_slide_card_title p{ font-size: 17px; font-weight: 700; line-height: 1; }
.process_slide_number p{ font-size: 108px; font-weight: 700; font-style: italic; color: #B9975B; line-height: 1; }
.process_slide_icon{ padding: 21px 0 37px 0; }
.process_slide_text p{ color: #12326E; }
.border{ border-radius: 12px;	display: inline-block; overflow: hidden;} 
.process_single_slide::before {	animation: rotate 4s linear infinite;	background-color: #fff;
	background-image: linear-gradient(#002D72,#002D72),linear-gradient(#002D72,#002D72),linear-gradient(#d53e3300,#d53e3300),linear-gradient(#002D72,#002D72);
	/* background-position: 0 0,100% 0,100% 100%,0 100%; */	background-repeat: no-repeat;	background-size: 50% 50%,50% 50%;	content: ""; height: 200%; left: -50%; position: absolute; top: -50%;
	/* border: 1px solid red; */ width: 200%; z-index: -2; }
.process_single_slide::after {	background: #002D72; border-radius: 12px;	content: ""; height: 100%; left: 0px;	right: 0px;	position: absolute;	top: 0px;	width: calc(100%);
	z-index: -1; bottom: 0px; }

/* Process Slick Slider Arrow Css */
button.slick-prev.slick-arrow, button.slick-next.slick-arrow  { background: #fff; z-index:9; border-radius:100%; height: 35px; width: 35px; }
.slider_form .slick-prev { left: -77px; }
.slider_form .slick-next { right: -77px; }
.slider_form .slick-next:before, .slider_form .slick-prev:before { content: ""; height: 18px; opacity: 1; position: absolute; transform: translate(-50%,-50%); width: 21px; }
.slider_form .slick-next:before { background:url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Group%2059.png'); }
.slider_form .slick-prev:before { background:url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Group%2059-1.png'); }

.slider_form .arrow_span{ position: relative; }

/* form section */
.slider_form .form_outer { background-color: #FFF; margin-top: 50px; box-shadow: 1px 1px 9px #00000078; border-radius: 15px; padding: 54px 57px 30px; }
.slider_form .form_heading { max-width: 662px; padding-bottom: 40px; margin: 0 auto; }
.slider_form .form_heading h3 { font-size: 33px; font-weight: 700; line-height: 1; color: #002D72; }
.slider_form form select, .slider_form form input[type=text],  .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder
{ color: #8f9fbb;	margin-bottom: 22px; line-height: 1; border-color: #929292; }
.slider_form form input[type=text],  .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder{ padding: 20px; }
.slider_form form select { -webkit-appearance: none!important;    background-image: url(https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/UP%20V%20Admisiones%20Lp%20Page%202022/Images/angle.png)!important;
	background-position: calc(100% - 17px)!important;    background-repeat: no-repeat!important;	background-size: 17px!important; padding: 22px; }
.slider_form fieldset.form-columns-1 .hs-input { width: 100% !important; }
.slider_form fieldset .input { margin-right: 0 !important; }
.slider_form fieldset.form-columns-3 .hs-form-field { width: calc(33.33% - 7px) !important; }
.slider_form fieldset.form-columns-2 .hs-form-field { width: calc(50% - 5px) !important; }
.slider_form fieldset.form-columns-2, .slider_form fieldset.form-columns-3 { display: flex; justify-content: space-between; align-items: center; }
.slider_form form input[type=submit], .slider_form form .hs-button { margin: 20px auto 0; padding: 11px 105px; text-transform: uppercase; display: flex; }
.slider_form .form_bottom_text { padding-top: 24px; }
.slider_form .form_bottom_text h4 { line-height: 1; font-weight: 700; }

/* .slider_form form input[type=email::placeholder],
.slider_form form input[type=text::placeholder],
.slider_form form input[type=tel::placeholder] */

/* .slider_form .arrow{ position: absolute;  */
/* 	animation: rotate1 4s linear infinite; */
/* } */

/* Bacon Slider Module CSS */
.Becas_con_up_section .slick-next:before{ background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Group%2058-1.png'); }
.Becas_con_up_section .slick-prev:before{ background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Group%2059-2.png'); }
.Becas_con_up_section .slick-next:before, .Becas_con_up_section .slick-prev:before{ content: ""; }

/* 	boys homepage evento grid module */
.evento_section { padding: 33px 0 40px; background-color: #F1F1F1; }
.evento_wrapper { max-width: 1920px; margin: 0 auto; }
.evento_heading_div { padding-bottom: 36px; }
.evento_grid { gap: 15px; }
.evento_img_div { position:relative; background-repeat: no-repeat; background-size: cover; border-radius: 5px;   overflow:auto;  background-position: center; }
.evento_img_div::before { position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(180deg,#002d7200 54%,#002d721c 56%,#002b6d30 58%,#00204F 100%,#002B6C 0,#002D72 0) 0 0 no-repeat padding-box;     border-radius: 5px;}
.evento_img_div.left_img { max-width: 854px; height: 496px; }
.evento_right_img_div { max-width: 1051px;}
.evento_img_div.right_top_img {margin-bottom: 8px; height: 49%;}
.evento_right_bottom_img_div { gap: 13px; height: 49% }
.evento_img_text_div_parent {   position: relative;  align-items: end;    height: 100%;  padding-bottom: 15px;}
.evento_img_text_div { gap: 15px; }
.evento_element { line-height: 0;}
.evento_img_text p { font-size: 21px; }
.evento_right_bottom_img_div .evento_img_div{ width: calc(33.33% - 9px)}

/******************************************************
Home Page Ends
******************************************************/



/******************************************************
Sobre La Preparatoria Starts
******************************************************/

/* CTA Strip Module */
.BlogCTAStrip a.button:after{ background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Path%20127.png'); 
	margin-left: 20px; height: 12px; filter: brightness(0) invert(1); }
.BlogCTAStrip .CTAStrip_inner{ padding: 27px 0; }
.BlogCTAStrip { background-color: #e2e2e2; }
.BlogCTAStrip .CTAStrip_box a.button { min-width: 251px; font-size:30px; line-height: 1; padding: 12px 50px; }
.BlogCTAStrip .CTAStrip_inner h3 { text-transform: initial;color:#000; }


/* prep story module */
.up_community { padding: 65px 0 76px 0; background-color: #F1F1F1; }
.up_community_title{ margin-bottom: 25px; }
.up_community_title h2{ letter-spacing: unset; color: #383838; }
.up_community_description{ padding-top: 25px; }
.up_community_description p{ color: #2B2B2B; line-height: 1.22; }
.up_community_description p:not(:first-child){ padding-top: 25px; }
.up_community_LogoBoxs{ max-width: 960px; margin: 0 auto; }
.up_community_LogosInner{ gap: 44px 40px; }

/* Boys 3 reasons module */
.body-container-boys-sobre-la-preparatoria .reasons_section{ border: none; }
.body-container-boys-sobre-la-preparatoria .RightContent_btn p{ color: #1A1A1A; }
.body-container-boys-sobre-la-preparatoria .reasons_section { padding: 26px 0; }

/* Mission About Us Module */
.About_Section{ padding: 465px 0 80px 0; background-size: cover; background-position: center;  }
.About_Section::before{ height: 0; }
.About_Section:after{ height: 100%; width: 100%; background: transparent linear-gradient(180deg, #002D7203 0%, #002D721C 19%, #002B6D30 29%, #002D72 100%, #002D72 100%) 0% 0% no-repeat padding-box; }
.AboutsUs_box{ position: relative; z-index: 99; }
.AboutsUs_Inner h2{ color: #B9975B; }
.AboutsUs_Inner:not(:last-child){ padding-bottom: 10px; }

/* professor module */
.professor_section{ padding: 70px 0 90px 0;  position: relative; }
.professor_section:after{ position: absolute; height: 519px; width: 320px; content: ""; background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Mask%20Group%20164.png'); right: 0; top: 48px; z-index: -1; }
.professor_section_box { gap: 30px; }
.professor_section_content{ max-width: 827px; }
.professor_description:not(:last-child){ padding-bottom: 68px; border-bottom: 1px solid #707070; }
.professor_description:not(:first-child){ padding-top: 76px; }
.professor_text{ padding-top: 23px; }
.professor_button{ padding-top: 23px; }
.professor_section a.button{ max-width: 194px; }
.professor_section a.button:after{ background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/Path%20127.png'); height: 12px; }


/* Tour Vitrtual Module */
.tour_virtual { padding: 46px 0 65px 0; background-position: center; background-size: cover; }
.tour_virtual_inner h2 { margin: 14px 0 10px 0; }
.tour_virtual_inner h2{ color: #B9975B; }
.tour_virtual .button.v2 a:hover { border: 1px solid #FFF; }

/******************************************************
Sobre La Preparatoria Ends
******************************************************/





/******************************************************
Escuela para padres page Starts
******************************************************/

/* banner module */
.body-container-boys-escuela-para-padres .home_banner_text_div { max-width: 577px; }

/* two column video content module */
.two_column_video_content_section{ background-color: #F1F1F1; padding: 75px 0; }
.objectivos_div { max-width: 1196px; gap: 77px; }
.two_col_video_div { max-width: 563px; }
.two_col_content_div {  }
.two_column_video_content_heading { padding-bottom: 25px; max-width: 492px; }
.two_column_video_content_heading  h2 { color: #383838; }
.two_col_content_div .icon_description_div { gap: 23px; color: 2B2B2B; }
.two_col_content_div .icon_description_div:not(:last-child) { padding-bottom: 32px; }
.two_col_content_div .icon_left_outer { border: 2px solid #002D72; border-radius: 50%; padding: 6px; }
.two_col_content_div .icon_img_div { background-color: #FFF; border-radius: 50%; box-shadow: 0px 0px 6px #00000038; width: 66px; height: 66px; }

/* Emotional Intelligence Module  */
.course_strip_div { max-width: 558px; background-color: #fff; padding: 66px 0 74px;  gap: 39px; margin: 0 auto;}
.course_strip_div h4 { color: #1A1A1A; }
.course_strip_div h2 { font-size: 38px; color: #B9975B; font-weight: 700; line-height: 0.9; }
.course_strip_div .course_name { padding-bottom: 8px; }
.course_strip_element { line-height: 0; }
.course_strip_div .button a:after { background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/white_CTA_arrow.png');
	content: "";    position: absolute;    width: 8px;    height: 9px;    background-repeat: no-repeat;    top: 50%;    transform: translateY(-50%);    margin-left: 0; }

/* Parents program courses module */
.parents_program_courses_section { background-color: #002D72; position: relative;  }
.parents_program_courses_section::before { position: absolute; content: ""; background-repeat: no-repeat; width: 366px; height: 430px; left: 0; bottom: 0; background: url('https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/Universidad%20Panamericana%202023%20%28Boys%29/images/parents_course_section_bg_element.png'); }
.parents_course_img_div { line-height: 0; }
.parents_course_content_div { padding: 31px 0 46px;  }
.parents_course_content_div .button.v2 a:hover { border: 1px solid #FFF; }
.parents_course_heading_div { padding-bottom: 40px; }
.parents_course_description_div { padding-bottom: 26px; }
.parents_course_title p { font-weight: 700; }
.parents_course_description_div p { line-height: 1.7; }

/* upcoming courses module */
.body-container-boys-escuela-para-padres .school_information_popup_section { padding: 69px 0 73px; }
.body-container-boys-escuela-para-padres .school_popup_heading_div { padding-bottom: 29px; }
.body-container-boys-escuela-para-padres .school_information_popup_section::before { display: none; }
.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card::before {  background-color: #B9975B; left }
.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card { height: 378px; max-width: 309px; margin: 0 auto; }
.body-container-boys-escuela-para-padres .school_popup_grid .popup_text_arrow_parent { padding: 27px 36px 16px; }
.body-container-boys-escuela-para-padres .school_popup_grid { flex-wrap: no-wrap;}
.body-container-boys-escuela-para-padres .school_information_popup_section .slick-next:before, .body-container-boys-escuela-para-padres .school_information_popup_section .slick-prev:before {
	display: none; }
.body-container-boys-escuela-para-padres .school_information_popup_section .slick-prev { left: -37px; }
.body-container-boys-escuela-para-padres .school_information_popup_section .slick-next { right: -37px; }
.body-container-boys-escuela-para-padres .school_information_popup_section button.slick-next.slick-arrow, .body-container-boys-escuela-para-padres .school_information_popup_section button.slick-prev.slick-arrow { 
	background: transparent; border-radius: 0; 	height: 23px; width: 23px; }
.body-container-boys-escuela-para-padres .school_information_popup_section button:hover { border: none; }
.body-container-boys-escuela-para-padres .school_information_popup_section .slick-slide { text-align: center; }

/******************************************************
Escuela para padres page Ends
******************************************************/

@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}

@keyframes rotate1 {
	0% {
		/* 		transform: rotate(1turn); */
		right: -15px; 
		top: 10px;
	}
	25%{
		/* 		transform: rotate(1turn); */
		right: auto;
		top: auto;
		bottom: -16px;
		rotate: 90deg;
	}
	50%{
		/* 		transform: rotate(1turn); */
		right: auto;
		top: auto;
		bottom: auto;
		left: -16px;
		rotate: 180deg;
	}
	75%{
		/* 		transform: rotate(1turn); */
		right: auto;
		top: -24px;
		bottom: auto;
		left: auto;
		rotate: 271deg;
	}
	100% {
		transform: rotate(1turn);
		right: -16px;
		top: auto;
		bottom: auto;
		left: auto;
		rotate: 0deg;
	}
}

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

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* prep story module */
	.up_community { padding: 50px 0; }

	/* 	mission module */
	.About_Section { padding: 265px 0 80px 0; }	

	/* professor module */
	.professor_section { padding: 55px 0 55px 0; }
	.professor_description:not(:last-child) { padding-bottom: 60px; }
	.professor_description:not(:first-child) { padding-top: 60px; }

}

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

	/* 	Boys homepage bannewr module */
	.home_banner_text_div_parent{		padding: 0px 0px 100px 46px;	}
	.home_banner_element{		max-width: 120px;	}
	.play_pause_toggle .pause svg, .play_pause_toggle .play svg{		width: 50px;		height: 50px;	}
	
	/* 	Form-slider module css */
	.slider_form { padding: 60px 0; }
	.slider_form .form_outer { padding: 40px 30px 30px; }
	.slider_form .form_heading { padding-bottom: 30px; }
	.slider_form form input[type=text],  .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder { padding: 16px; }
	.slider_form form select {  padding: 18px; }
	.slider_form form input[type=submit], .slider_form form .hs-button { margin: 10px auto 0; }
	.slider_form form select, .slider_form form input[type=text], .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder { margin-bottom: 18px; }

	/* 	boys homepage evento grid module */
	.evento_img_div.left_img { height: 400px; }

	/*********************************************************
	* Escuela para padres page Css
	*********************************************************/

	/* Parents program courses module */
	.parents_course_heading_div { padding-bottom: 30px; }

	/* 	upcoming courses module  */
	.body-container-boys-escuela-para-padres .school_information_popup_section { padding: 60px 0 80px; }
	.body-container-boys-escuela-para-padres .school_information_popup_section .slick-prev { left: 45%; top: 110%; }
	.body-container-boys-escuela-para-padres .school_information_popup_section .slick-next { right: 45%; top: 110%; }
	.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card { width: 100%; max-width: 90%; }
}

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

	h1 { font-size: 30px; }
	h2 { font-size: 28px; }

	/*********************************************************
	* Boys Home Page Css
	*********************************************************/

	/* 	banner module */
	.home_banner_text_div_inner h2 { font-size: 24px; }

	/* Boys homapage query module */
	.query_section{		padding: 120px 0 100px;	}
	.query_outer{		justify-content: center;		gap: 20px;	}
	.query_outer .left_img_div{		max-width: 550px;	}	
	.query_outer .right_content_div{		max-width: 400px;	}
	.query_outer .query_button a.button{		min-width: auto;		max-width: 240px;	}
	.query_outer .img_div.center_img{		max-width: 400px;	}
	.query_outer .img_div.bottom_left_img, .query_outer .img_div.top_right_img{		max-width: 230px;	}
	.query_outer .query_button_outer{	gap: 20px;}
	.query_outer .query_subtext_div p{	font-size: 22px;}


	.counter_inner { padding: 50px 0 75px 0;}	
	.all_count { flex-wrap: wrap; gap: 35px 50px; justify-content: center; padding-top: 50px; }
	.main_counter { max-width: 276px; }
	.school_popup_grid .popup_text_arrow_parent { padding: 40px 40px 20px; }

	/* 	boys homepage popup module */
	.school_information_popup_section { padding: 60px 0; }
	.school_popup_heading_div { padding-bottom: 50px; }
	.school_popup_grid .single_popup_card { height: 470px; width: calc(25% - 20px); max-width: 100% }
	.school_popup_grid .popup_text_arrow_parent { padding: 40px 40px 20px; }

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* prep story module */
	.up_community_LogosInner{ gap: 35px 35px; }


	/*********************************************************
	* Escuela para padres page Css
	*********************************************************/

	/*  two column video content module */
	.two_column_video_content_section{ padding: 60px 0; }
	.objectivos_div {gap: 50px; }
	.two_col_content_div .icon_img_div { height: 60px; width: 60px; }
	.two_col_content_div .icon_left_outer { padding: 4px; }
	.two_col_content_div .icon_description_div:not(:last-child) { padding-bottom: 24px; }

	/* Emotional Intelligence Module  */
	.course_strip_div { padding: 50px 0; max-width: 480px; }
	.course_strip_div h2 { font-size: 32px; }

	/* Parents program courses module */
	.parents_course_heading_div { padding-bottom: 20px; }
	.parents_course_description_div { padding-bottom: 20px; }
	.parents_course_img_div img { height: 250px;}
}



@media screen and (max-width: 1250px){
	.process_slide { padding: 35px 0 60px; }
	.slider_form button.slick-next.slick-arrow, .slider_form button.slick-prev.slick-arrow{ top: auto; bottom: 0; }
	.slider_form .slick-prev { left: 5px; }
	.slider_form .slick-next { right: 5px; }

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* Boys 3 reasons module */
	.body-container-boys-sobre-la-preparatoria .reasons_section { padding: 20px 0; }
}

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

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* prep story module */
	.up_community h2 { margin-bottom: 0px; }
	.up_community_description { padding-bottom: 20px 0; }
	.up_community_description p:not(:first-child){ padding-top: 15px; }

	/* 	mission module */
	.About_Section { padding: 200px 0 50px 0; }

}

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

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* professor module */
	.professor_section:after{ top: 0; }
	.professor_section_box{ align-items: center; }
	.professor_description:not(:last-child) { padding-bottom: 40px; }
	.professor_description:not(:first-child) { padding-top: 40px; }
	.professor_text { padding-top: 15px; }
	.professor_button { padding-top: 15px; }
}

@media screen and (max-width: 1023px){
	
	/******************************************************
	Homepage CSS
	******************************************************/

	/* 	boys homepage popup module */
	.school_popup_grid .single_popup_card { height: 420px; }
	
		/* 	Form-slider module css */
	.slider_form { padding: 50px 0; }
	.slider_form .form_outer {  margin-top: 40px; padding: 30px; }
	.slider_form .form_heading {    padding-bottom: 20px; }
	.slider_form .form_heading h3 { font-size: 28px; }
	.slider_form form input[type=submit], .slider_form form .hs-button { padding: 11px 80px; }
	.slider_form .form_bottom_text {    padding-top: 20px; }
		
	/* 	boys homepage evento grid module */
	.evento_img_div.left_img { height: 320px; max-width: 100% }
	.evento_img_text p {  font-size: 18px;}

	/*********************************************************
	* Escuela para padres page Css
	*********************************************************/

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_information_popup_section { padding: 50px 0; }
	.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card {		height: 340px;		max-width: 90%; 	}
	.body-container-boys-escuela-para-padres .school_popup_grid .popup_text_arrow_parent {    padding: 15px; }

}

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

	h1 { font-size: 28px; }
	h2 { font-size: 25px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	a,p { font-size: 16px; }
	/*********************************************************
	* Boys Home Page Css
	*********************************************************/

	/* 	boys homepage banner module */
	.home_banner_text_div_parent .d_flex{	gap: 15px;}
	.home_banner_text_div_parent{		padding: 0px 50px 50px 50px;	}
	.home_banner_slider .slick-dots li, .home_banner_slider .slick-dots li button:before{		width: 70px;	}
	.banner_bg_image { min-height: 56.25vh;}
	.home_banner_text_div_parent { min-height: 56.25vh;}
	.home_banner_text_div_inner h2 { font-size: 20px; }

	/* Boys homapage query module */
	.query_section{		padding: 120px 0 60px;	}
	.query_outer{		flex-direction: column;		gap: 100px;	}
	.query_outer .left_img_div, {		max-width: 550px;	}		
	.query_outer .right_content_div{		max-width: 100%;	}
	.query_outer .query_heading{		max-width: 100%;	}
	.query_outer .img_div.center_img{		margin: 0 auto;	}
	.query_outer .img_div.center_img {    max-width: 350px;		padding: 12px;}
	.query_outer .img_div.bottom_left_img, .query_outer .img_div.top_right_img {    max-width: 200px;		padding: 8px;}
	.query_outer .query_subtext_div p{	font-size: 20px;}

	.counter_inner { padding: 40px 0 60px 0; }
	.all_count { gap: 35px; }
	.main_counter { max-width: 300px; padding-right: 35px; }
	.main_counter:nth-child(even) { border-right: 0; }
	.counter .count{ font-size: 75px; }

	/* 	boys homepage popup module */
	.school_popup_grid .single_popup_card { width: calc(50% - 13px); }
	.school_popup_grid .single_popup_card {    background-position: top; }
	.mfp-content .popup_box_right_content { margin-left: -15%; }

	/* 	boys homepage evento grid module */
	.evento_img_div.left_img { max-width: 100% }
	.evento_grid { flex-direction: column}
	.evento_right_img_div { height: 400px;}
	.evento_img_text p {  font-size: 14px;}

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* 	CTA strip module */
	.BlogCTAStrip .CTAStrip_box a.button { min-width: max-content; font-size:16px; line-height: 1; padding: 12px 50px; }

	/* prep story module */
	.up_community { padding: 40px 0 40px 0; }
	.up_community_LogosInner { gap: 26px 50px; }

	/* 	mission module */
	.About_Section { padding: 80px 0 40px 0; }
	.About_Section:after { background: transparent linear-gradient(180deg, #002D7203 0%, #002D721C 0%, #002b6d99 0%, #002D72 100%, #002D72 100%) 0% 0% no-repeat padding-box; }
	.AboutsUs_Inner{ text-align: center; }
	.AboutsUs_Inner ul{ display: flex; gap: 5px 30px; flex-wrap: wrap; align-items: center; justify-content: center; }
	.About_Section ul li{ width: fit-content; }


	/*********************************************************
	* Escuela para padres page css
	*********************************************************/

	/*  two column video content module */
	.two_column_video_content_section{ padding: 50px 0; }
	.objectivos_div { flex-direction: column-reverse; gap: 35px; }
	.two_column_video_content_heading {    max-width: 100%; text-align: center; }
	.two_col_video_div { max-width: 100%; }
	.two_col_video_div .hs-responsive-embed-wrapper.hs-responsive-embed { max-width: 100% !important; max-height: 100% !important; }
	.two_col_video_div iframe { max-width: 100% !important; width: 100% !important; max-height: 100% !important; }

	/* Emotional Intelligence Module  */
	.course_strip_div { padding: 40px 0; max-width: 430px; gap: 30px; }
	.course_strip_div h2 { font-size: 28px; }

	/* Parents program courses module */
	.parents_course_img_div img { height: 200px !important; object-fit: cover; }

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_information_popup_section { padding: 40px 0 70px; }
	.body-container-boys-escuela-para-padres .school_information_popup_section  .single_popup_card { height: 320px;  }

}

@media screen and (max-width: 767px){
	/*********************************************************
	* Boys Home Page Css
	*********************************************************/

	/* 	boys homepage banner module */
	.home_banner_element{		max-width: 90px;	}
	.play_pause_toggle .pause svg, .play_pause_toggle .play svg{		width: 35px;		height: 35px;	}


	/* 	boys homepage CTAstrip module */
	.Boys_CTAStrip_div .CTAStrip_inner {    padding: 20px 0; }
	.Boys_CTAStrip_div .CTAStrip_inner h3 { font-size: 20px; }
	.Boys_CTAStrip_div .button.v2 a{	font-size: 16px;}

	/* Boys homapage query module */
	.query_section{		padding: 100px 0 50px;	}
	.query_outer{		gap: 60px;	}
	.query_outer .img_div.center_img {    max-width: 320px;		padding: 12px;}
	.query_outer .img_div.bottom_left_img, .query_outer .img_div.top_right_img {    max-width: 170px;		padding: 8px;}
	.query_outer .query_subheading {  padding: 12px 0 15px; }
	.query_outer .query_subtext_div {    padding-top: 20px; }
	.query_outer .query_button_outer {    gap: 15px; }

	.main_counter { max-width: 275px; }
	.counter .count { font-size: 65px; }
	.counter .count_sign { font-size: 41px; }

	/* 	boys homepage popup module */
	.school_information_popup_section {    padding: 40px 0;}
	.school_popup_heading_div {    padding-bottom: 30px;}
	.school_popup_grid .popup_text_arrow_parent { padding: 20px; }
	.school_popup_grid .popup_arrow_div{ margin: 10px auto 0;}
	.mfp-content .single_popup_box .popup_description p { font-size: 16px; }
	.mfp-close {    font-size: 24px;}
	.mfp-close-btn-in .mfp-close {    font-weight: 700;    height: 30px;    margin: 15px;    width: 30px;}

		/* 	Form-slider module css */
	.slider_form { padding: 40px 0; }
	.process_slide {    padding: 25px 0 60px; }
	.slider_form .form_outer {    padding: 20px; }
	.slider_form fieldset.form-columns-3 { flex-direction: column; }
	.slider_form fieldset.form-columns-3 .hs-form-field {    width: 100% !important; }
	.slider_form form select, .slider_form form input[type=text], .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder { margin-bottom: 15px; }
	.slider_form form input[type=text], .slider_form form input[type=email], .slider_form form input[type=tel], .slider_form form input::placeholder {  padding: 12px; }
	.slider_form form select { padding: 14px 45px 14px 14px; }
	.slider_form .form_heading h3 { font-size: 25px; }
	.slider_form .form_outer {    margin-top: 30px; }
	.slider_form .form_bottom_text {    padding-top: 12px; }
	

	/* 	button.slick-prev.slick-arrow, button.slick-next.slick-arrow  { top: 50% !important; } */
	.slider_form .slick-prev { left: 45%; transform: translateX(-50%); bottom: 20px !important; }
	.slider_form .slick-next { right: 40%; bottom: 2px !important; }
	

	/******************************************************
	Sobre La Preparatoria Starts
	******************************************************/

	/* Boys 3 reasons module */
	.body-container-boys-sobre-la-preparatoria .reasons_section { padding: 10px 0 30px; }

	/* professor module */
	.professor_section { padding: 40px 0; }
	.professor_description:not(:last-child) { padding-bottom: 20px; }
	.professor_description:not(:first-child) { padding-top: 20px; }
	.professor_text { padding-top: 10px; }
	.professor_section .arrow_element { width: 150px; }



	/*********************************************************
	* Escuela para padres page css
	*********************************************************/

	/*  two column video content module */
	.two_column_video_content_section{ padding: 40px 0; }
	.objectivos_div {gap: 25px; }
	.two_column_video_content_heading {  padding-bottom: 20px; }

	/* Parents program courses module */
	.parents_course_heading_div { padding-bottom: 15px; }
	.parents_course_description_div { padding-bottom: 15px; }
	.parents_course_content_div { padding: 30px 0; }
	.parents_program_courses_section::before { display: none; }

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_popup_heading_div { padding-bottom: 20px;}
}

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

	h1 { font-size: 25px; }
	h2 { font-size: 23px; }

	/*********************************************************
	* Boys Home Page Css
	*********************************************************/
	/* 	banner module */
	.home_banner_text_div_inner h2 { font-size: 18px; }

	/* 	Counter Module */
	.counter_inner { padding: 40px 0 35px 0; }
	.all_count{ padding-top: 30px; gap: 30px; }
	.main_counter { max-width: 315px; border-right: none !important;  padding: 0 0 15px 0; }
	.main_counter:not(:last-child) { border-bottom: 1px solid #fff; }

	/* 	boys homepage popup module */
	.school_popup_grid { gap: 15px; }
	.school_popup_grid .single_popup_card { height: 360px;     width: calc(50% - 8px); }
	.mfp-content .single_popup_box { flex-direction: column; }
	.mfp-content .popup_box_right_content { padding: 20px;   margin-left: 0;}
	
	/* 	Form-slider module css */
	.slider_form form input[type=submit], form .hs-button { font-size: 18px; padding: 10px 60px; }
	.slider_form fieldset.form-columns-2 {  flex-direction: column; }
	.slider_form fieldset.form-columns-2 .hs-form-field { width: 100% !important; }
}

	/* Panther Video module */
	.panther_video:after{ width: 154px !important; }

	/* 	Evento grid module */
	.evento_heading_div { padding-bottom: 20px; }

	/******************************************************
	Sobre La Preparatoria Starts
	******************************************************/

	/* Boys 3 reasons module */
	.body-container-boys-sobre-la-preparatoria .reasons_section { padding: 10px 0; }

	/* 	mission module */
	.About_Section { padding: 40px 0 40px 0; }
	.AboutsUs_Inner{ text-align: center; }

	/* professor module */
	.professor_section .arrow_element { display: none; }	
	.professor_description{ text-align: center; }


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

	.slider_form .slick-prev { left: 40%; }
	.slider_form .slick-next { right: 35%; }

	/* 	boys homepage popup module */
	.school_popup_grid { justify-content: center; }
	.school_popup_grid .single_popup_card {   width: 80%; }

	/* 	boys homepage evento grid module */
	/* 	.evento_right_bottom_img_div { flex-wrap: wrap; height: 100%; width: 100% }
	.evento_right_bottom_img_div .evento_img_div { width: 100%; } */
	.evento_right_img_div { height: auto;}
	.evento_right_bottom_img_div { flex-wrap: wrap;}
	.evento_right_bottom_img_div .evento_img_div { width: 100%; height: 150px; }

	/*********************************************************
	* Escuela para padres page css
	*********************************************************/

	/*  two column video content module */
	.two_col_content_div .icon_img_div { height: 50px; width: 50px; }
	.two_col_content_div .icon_img_div img { height: 35px; width: 35px; }
	.two_col_content_div .icon_left_outer { padding: 4px; }
	.two_col_content_div .icon_description_div:not(:last-child) { padding-bottom: 20px; }
	.two_col_content_div .icon_description_div { gap: 15px; }

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card { max-width: 70%; }
	.body-container-boys-escuela-para-padres .school_information_popup_section .slick-prev { left: 30%; top: 107%; }
	.body-container-boys-escuela-para-padres .school_information_popup_section .slick-next { right: 30%; top: 107%; }

}

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

	/******************************************************
	Homepage CSS
	******************************************************/

	/* 	boys homepage banner module */
	.home_banner_text_div_parent{		padding: 0 15px 50px 30px;	}
	.home_banner_slider .slick-dots li, .home_banner_slider .slick-dots li button:before {    width: 40px;}
	.home_banner_element{		display: none;	}

	/* Boys homapage query module */
	.query_section{	padding: 40px 0;	}
	.query_outer{		gap: 20px;	}
	.query_outer .img_div.bottom_left_img, .query_outer .img_div.top_right_img {		display: none;	}
	.query_outer .query_button_outer{		flex-direction: column;	}
	.query_outer .query_subtext_div p{	font-size: 18px;}

	/* 	Form-slider module css */
	.slider_form .slick-next {    bottom: 6px !important; }
	

	/******************************************************
	Sobre La Preparatoria page CSS
	******************************************************/

	/* professor module */
	.professor_section { padding: 30px 0; }


	/*********************************************************
	* Escuela para padres page css
	*********************************************************/

	/* Emotional Intelligence Module  */
	.course_strip_div { padding: 30px; text-align: center; }
	.course_strip_element { display: none;}

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card { max-width: 85%; }
}

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

	/*********************************************************
	* Escuela para padres page css
	*********************************************************/

	/* upcoming courses module */
	.body-container-boys-escuela-para-padres .school_popup_grid .single_popup_card { max-width: 100%; }
}