.articleCard>a {
    display: block;
}
.articleCard>a:hover {
    color: inherit;
}
.lessMargin{ margin-top: 6px; }
.bannerschoolDetail { position: relative; padding: 25px 0; overflow: hidden; margin-bottom: 50px; } 
.bannerschoolDetail:after {content: '';display: block;height: 100%;width: 100%;background: #283658;position: absolute;top: 0;left: 30%;z-index: 1;} 
.bannerschoolDetail>div { position: relative; z-index: 2; } 
.bannerschoolDetail .bannerschoolDetail__inner{ display: flex; justify-content: center; align-items: center; }
.collegeInnerPage .bannerImage { height: 500px; width: 49%; margin: 0 auto 0 0; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;  }
.bannerSchoolDetailInner{ padding: 20px 25px; } 
.bannerSchholDescription p { position: relative; font-size: 20px; }
/* .bannerSchholDescription p span { font-size: 32px; line-height: 18px; display: block; padding: 5px; position: absolute; top: -2px; left: 0; }  */
/* .bannerSchholDescription p span:last-child { top: unset; left: unset; right: 0; bottom: -2px; }  */
.schoolDescriptionRow { display: flex; justify-content: space-between; align-items: center; }         
.ShcoolimageColOuter { position: relative; padding: 25px 0; overflow: hidden; width: 40%; }
.ShcoolimageColOuter>div { position: relative; z-index: 2; } 
.ShcoolimageColOuter:after {content: '';display: block;height: 100%;width: 100%;position: absolute;background: #eb826b;top: 0;left: -20%;}
.ShcoolimageColOuter img { height: 380px; width: 96%; object-fit: cover;}
.schoolDescriptionRow .schoolDescriptionCol { width: 58%; padding: 25px 10%; }
.schoolDescriptionRow .schoolDescriptionCol > p, 
.schoolDescriptionRow .schoolDescriptionCol > div { padding-left: 10%; }
.reverseOrder .schoolDescriptionRow .schoolDescriptionCol > p, 
.reverseOrder .schoolDescriptionRow .schoolDescriptionCol > div { padding-right: 17%; padding-left: unset }
.ShcoolimageColOuter img + img { margin-top: 20px; }
.reverseOrder .schoolDescriptionRow { flex-direction: row-reverse; align-items: center; }    
.reverseOrder .ShcoolimageColOuter:after { left: unset; right: -20%; background: #283658 }
.schoolDescriptionCol .titleWiseDescription + .titleWiseDescription { padding-top: 25px; }

.bottomImageOfDescription { height: 80px; width: auto; margin-top: 40px; text-align: right; display: block }
.bottomImageOfDescription img { max-height: 100%; }
.faq-content{ background-color: #a8adb9 }

/* ---------------------------------============================ Extra section Style 23-12-2021 ======================--------------------------- */
.d-none { display:none; }
.fontOrange { color: #eb826b; }
.mainTitle h3 { font-size: 30px; font-weight: 600;}

/* .leftRightHeadingButtonSection .leftRightHeadingButtonInner { display:flex; flex-wrap:wrap; } */
.leftRightHeadingButtonSection .leftheading { max-width: 60%; background-size: contain !important; background-repeat: no-repeat !important; display: flex; flex-wrap: wrap; }
.leftheadingLeftSide { width: 60%; text-align: right; padding: 253px 40px 154px; }
.leftheadingLeftSide h4 span { display: block; }
.leftheadingRightSide { width: 40%; padding: 233px 0px 0px; }
.leftheadingRightSide span { display: block; }

.questionAnswerRow { display: flex; justify-content: space-between; align-items: center; }
.questionAnswerWithImages .ShcoolimageColOuter.v2:after { background:#1b3157; }
.schoolDescriptionHeightline { width:100%; margin:0 auto 60px }
.questionAnswerRow .schoolDescriptionCol { max-width:50%; }
.rougeFont h4 { font-size: 50px; font-family: rouge; font-family: 'Rogeu'; transform: rotate(-7deg); margin: 0 auto; line-height: 40px; font-weight:400 !important; }
.schoolDescriptionHeightline h4 span.schoolName { color: #eb826b; }
.schoolDescriptionHeightline h4 span.bottomtext { padding-left: 90px; }
.questionAnswerRow .schoolDescriptionCol h3 { color: #eb826b; font-size: 16px; font-weight: 600; }
.questionAnswerRow .schoolDescriptionCol p { font-size: 16px; }
.questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner { max-height: 420px; overflow-y: scroll; width: 90%; padding: 30px 10% 25px; margin: 0 auto; }
.questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner::-webkit-scrollbar { width: 6px; } 
.questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner::-webkit-scrollbar-thumb{ border-radius: 10px; background: #1b3157; }
.questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner::-webkit-scrollbar-thumb:hover{ background: #eb826b; }

.leftVideoRightDisSection.p100-0 { padding-top: 235px;}    
.bottomPart { margin-top: 70px; }
.leftVideo { max-width: 672px; width: 100%; }
.leftVideoInner { max-width: 100%; height: 0%; position:relative; padding-bottom: 56.25%; }
.leftVideoInner .backgroundTumbnail { z-index:1; }
.leftVideoInner .backgroundTumbnail , .leftVideoInner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.leftVideoInner .backgroundTumbnail svg { width:20%; }
.leftVideoRightDisPart { display: flex; flex-wrap: wrap; align-items: flex-end; }
.leftVideoRightDisPart + .leftVideoRightDisPart { margin-top: 50px; }
.rightDiscription { max-width: calc(100% - 672px); padding-left: 6%; }
.rightDiscription h3 { font-size: 30px; font-weight: 600; max-width: 78%; }
.rightDiscription p { font-size: 16px; line-height: 22px; margin-top: 26px; }


.articleSection.p100-0 { padding-top:205px; padding-bottom:48px; } 
.headingPart { display: flex; align-items: center; flex-wrap: wrap; }
.headingPart > div { max-width: 50%; width: 100%; }
.headingPart > div h4 span { display: block; }
.headingPart > div.leftsideHeading { display: flex; justify-content: flex-end; }
.headingPart > div.leftsideHeading h4 { margin-right: 0; font-size: 29px; }
.headingPart > div.leftsideHeading h4 span:nth-child(3) { padding-left: 130px; }
.headingPart > div.leftsideHeading h4 span:nth-child(2) { padding-left: 0px; line-height: 24px; }
.headingPart > div.rightsideHeading { margin-top: -40px; }
.articleBottomPart { margin-top: 60px; }
.articleBottomPartInner { display:flex; justify-content:space-between; flex-wrap:wrap; }
.articleCardImage { max-width: 100%; height: 434px; position:relative; background:#DF8770; }
.articleCardImage img { width: 100%; height: 100% !important; object-fit: cover; }
.articleCardImage .overlayTitle { position: absolute; transform: translate(0,-50%); left: 0; width: 100%; top: 50%; font-size: 31px; padding: 0 30px; text-align: center; font-weight: 600; }
.articleCard {
    max-width: 25%;
    width: 100%;
    padding: 0 25px;
}
.articleCardName { margin-top: 20px; }
.articleCardName h3 { font-size: 40px; text-align: center; font-weight: 400; font-family: 'Rogeu';}
.schoolBottomLink { margin-top: 158px; }
.schoolBottomLink h3 { font-size: 23px; font-weight: 600; }
.schoolBottomLink .classLink a { font-size: 25px; font-weight: 600; position:relative; }
.schoolBottomLink .classLink a:before {position:absolute;content:'';width: 300px;background: orange;height: 3px;bottom: -5px;left: 50%;transform: translate(-50%);}
.classLink { margin-top: 25px; }


.newest-blog-artical-section .page-center {
    max-width: 1440px;
    padding: 0 15px;
}
.articleBottomPartInner {
    margin: 0 -25px;
}
.newest-blog-artical-section {
    padding: 200px 0 100px;
}
.articleCardImage a:hover {
    color: inherit;
}

@media(max-width:1800px){
  .leftVideo { max-width: 632px; }
  .leftVideoInner .backgroundTumbnail svg { width: 17%; }
  .rightDiscription { max-width: calc(100% - 632px); }
  .rightDiscription h3 { max-width: 90%; }
  
 
}

@media(max-width:1680px){
  .leftVideoRightDisSection.p100-0 { padding-top: 165px; }
  .leftVideo { max-width: 50%; }
  .rightDiscription { max-width: calc(100% - 50%); padding-left: 5%; }
  .rightDiscription h3 { max-width:100%; } 
  
  .blogRecentPostSection.p100-0 { padding-top: 180px; }
  
 
}

@media(max-width:1600px){
/*   .leftVideo { height:325px; } */
/*   .articleCard { max-width: calc( 25% - 15px ); } */
}

@media (max-width: 1440px){
  .mainTitle h3 { font-size: 28px;}
  
  .schoolDescriptionCol h4{font-size:40px;}
  
  .leftVideoRightDisSection.p100-0 { padding-top: 130px; }
  .rightDiscription h3 { font-size:28px; }
  
  .blogRecentPostSection.p100-0 { padding-top: 130px; }
}

@media (max-width:1280px){
  .mainTitle h3 { font-size: 20px;}
  
  .leftVideoRightDisSection.p100-0 { padding-top:100px; }
  .rightDiscription h3 { font-size: 24px; }
  .rightDiscription p { margin-top: 20px; } 
  
  .blogRecentPostSection .leftRecentImage { height: 230px }
  
  .blogRecentPostSection.p100-0 { padding-top: 110px; }
  
  .articleCardName h3 { font-size:30px; }
}  

@media( max-width: 1230px ){ 
  .ShcoolimageColOuter {width: 45%; }
  .schoolDescriptionRow .schoolDescriptionCol { width: 55%; padding: 20px 5%; }
  .schoolDescriptionRow .schoolDescriptionCol > p, .schoolDescriptionRow .schoolDescriptionCol > div { padding-right: 0 !important; padding-left: 0 !important; }

  .questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner { padding:30px 5% 25px; width:100%; }
  
  .articleCardName h3 { font-size:28px; }
}

@media( max-width: 1199px ){

  .articleCard {
    padding: 0 15px;
}
  .articleBottomPartInner {
    margin: 0 -15px;
}
  .newest-blog-artical-section {
    padding: 150px 0 90px;
}
}

@media( max-width: 1080px ){
  .ShcoolimageColOuter {width: 50%; }
  .schoolDescriptionRow .schoolDescriptionCol { width: 50%; }
  
  .rougeFont h4 { font-size:34px; line-height:1; }
  .schoolDescriptionHeightline h4 span.bottomtext { padding-left: 65px; }
  
  .leftVideoRightDisSection.p100-0 { padding-top: 70px; }
  .bottomPart { margin-top: 50px; }
  
  .blogRecentPostSection.p100-0 { padding-top: 80px; }
  .blogRecentPostSection .recentPost { margin:50px -20px 0; }
  .blogRecentPostSection .recentPostItem { margin: 0 20px; }
  
  .articleCard { max-width: calc( 50% - 15px ); margin-bottom: 40px; }
  .headingPart>div.leftsideHeading h4 { margin-right: 0; font-size: 24px; }
  .headingPart>div.rightsideHeading { margin-top: 20px; padding-left:10px; }
  .rougeFont h4 { font-size: 30px; }
}

@media( max-width: 991px ){ 
/*   .bannerSchholDescription p span { font-size: 28px; line-height: 18px; display: inline-block; padding: 5px; position: static; }   */
  .schoolDescriptionRow { flex-direction: column !important; }
  .ShcoolimageColOuter { width: 100%; }
  .schoolDescriptionRow .schoolDescriptionCol { width: 100%; padding-top: 40px; }
  .ShcoolimageColOuter img { width: 90%; margin: 0 auto; }
  .ShcoolimageColOuter img + img{ margin-top: 20px; }
  .ShcoolimageColOuter .ShcoolimageCol, .bottomImageOfDescription  { text-align: center; }
  

  .related_schools_list .related_schools {  grid-template-columns: 1fr 1fr 1fr; }
  .bannerschoolDetail .bannerschoolDetail__inner{ flex-direction: column; padding-left: 0 !important; }
  .bannerSchoolDetailInner{ padding-left: 15px; }
  .collegeInnerPage .bannerImage { width: 95%; height: 400px; margin: 0 auto 0 0; }
  .bannerschoolDetail:after { height: 450px; }
  .bannerschoolDetail .bannerschoolDetail__inner .fontWhite { color: #283658; }
  .bannerSchoolDetailInner { padding-top: 50px; }
  .faq-section-v2{ padding-bottom: 60px !important; }
  .bannerschoolDetail__inner { padding-left: 20px !important; padding-right: 20px; }
  
  .questionAnswerRow { flex-direction: column; }
  .questionAnswerRow .schoolDescriptionCol { max-width: 100%; }
  .schoolDescriptionHeightline { width:100%; margin:0 auto 0px; padding: 50px 10% 20px 5%; text-align:center; }
  .questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner { margin-top:60px; padding-top: 0; }
 
  .leftVideoRightDisPart { flex-direction:column; }
  .leftVideo { max-width: 100%; } 
  .rightDiscription { max-width: 100%; padding-left: 0; padding-top: 30px; }
  
  .blogRecentPostSection .recentPost { margin: 50px 0px 0; flex-direction: column; }
  .blogRecentPostSection .recentPostItem { margin: 0 0px; max-width:100%; }
  .blogRecentPostSection .leftRecentImage { height: 340px; }
  .newest-blog-artical-section {
    padding: 90px 0 80px;
  }
}

@media( max-width: 768px ){ 
  /*   .bannerSchoolDetailInner { max-width: 95%; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: flex-start; }  */

  .mainTitle h3 { font-size: 30px;}

  .faq_section_inner h5:after { height: 20px; width: 20px; top: 12px; }
  .related_schools_list .related_schools {  grid-template-columns: 1fr 1fr; }
  .related_schools_list .related_schools .relatedSchoolImg { max-width: 428px; margin: 0 auto; }
  .ShcoolimageColOuter:after { height: 75%; }
  .schoolDescriptionRow .schoolDescriptionCol{ padding-right: 15px; padding-left: 15px; } 
  
  .schoolDescriptionHeightline { padding: 30px 10% 50px 5% }
  .ShcoolimageColOuter { padding:25px 0 66px; }
  .questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner { max-height:425px; margin-top:0px }
  
  .schoolDescriptionHeightline.desktopHeading { display:none; }
  .schoolDescriptionHeightline.mobileHeading { display:block; }
  
  .leftVideoRightDisSection.p100-0 { padding-top:100px }
  .leftVideoRightDisPart+.leftVideoRightDisPart { margin-top: 40px; }
  .bottomPart { margin-top:40px; }
  .rightDiscription h3 { font-size: 30px; }
  .rightDiscription p { margin-top: 24px; }
  
  .blogRecentPostSection.p100-0 { padding-top:10px; }
  .blogRecentPostSection .recentPost { margin: 55px 0px 0; }
  .blogRecentPostSection .leftRecentImage { height:184px; }
  .recePostContent .recePostName { padding-top: 30px; }
  .blogRecentPostSection .recePostContent p { margin-top:35px; }
  .blogRecentPostSection .recentPostItem + .recentPostItem { margin-top: 30px; }
  
  .articleSection.p100-0 { padding-top:20px; }
  .headingPart { flex-direction:column; }
  .headingPart>div { max-width:100%; }
  .headingPart>div.leftsideHeading h4 { margin: 0 auto; text-align: center; font-size: 22px;}
  .headingPart>div.rightsideHeading { padding-left:0; }
  .headingPart>div.rightsideHeading h4 { text-align: center;     margin: 0 auto;
    display: block;}
  .headingPart>div.leftsideHeading h4 span:nth-child(3) { padding-left: 0; }
  .articleBottomPartInner { flex-direction: column; align-items: center; }
  .articleCard { margin-bottom: 28px; }
  .articleCard:last-child { margin-bottom: 0px; }
  .articleCardName { margin-top:13px; }
  .articleCardName h3 { font-size:35px; }
    .newest-blog-artical-section {
    padding: 60px 0;
  }
}

@media( max-width: 680px ){
  .bannerSchoolDetailInner { max-width: 100; display: block; }    
  .two_col_with_popup_buttons .twoColRow { grid-template-columns: repeat(1, 1fr); grid-row-gap: 50px; }
  .collegeInnerPage .bannerImage { height: 340px; }
  .bannerschoolDetail:after { height: 390px; }
  .bannerSchoolDetailInner{ padding: 50px 0 20px 15px; }
  .bannerschoolDetail{ margin-bottom: 0; }
  .ShcoolimageColOuter img{ width: 100%; height: 235px; } 
  .ShcoolimageColOuter{ padding-top: 15px; }
  .ShcoolimageColOuter img+img{ margin-top: 15px; }
  .related_schools_list h4 { font-size: 20px; }
}

@media(max-width:640px){
  .schoolDescriptionHeightline { text-align:left; }
  .schoolDescriptionHeightline h4 span.bottomtext { text-align:right; display:block !important; padding: 0; }
  .schoolDescriptionHeightline h4 span.schoolName { padding-left: 30px; display:block; }
}

@media(max-width:580px){
  .leftVideoRightDisSection.p100-0 { padding-top: 40px; }
  
  .rightDiscription h3 { max-width:300px; width:100%; }
  
  .recePostContent .recePostName { max-width:300px; width:100%; }
  .blogRecentPostSection .recePostContent p { margin-top: 25px; }
  
  .articleCard { max-width:270px; }
  .articleCardImage { height:375px; }
}

@media( max-width: 480px ){
  .related_schools_list .related_schools {   grid-template-columns: 1fr; }
  .collegeInnerPage .bannerImage { height: 250px; }
  .bannerschoolDetail { padding-top: 15px; }
  .bannerschoolDetail:after { height: 280px; } 
  
  .questionAnswerRow .schoolDescriptionCol .schoolDescriptionColinner { max-height: 410px; }
  .schoolDescriptionHeightline h4 span.bottomtext { padding-left:30px } 
  .newest-blog-artical-section {
    padding: 40px 0;
}
}

@media(max-width:440px){
  .mainTitle h3 { font-size: 30px;}
  
  .rightDiscription h3 { font-size: 24px; }
  .rightDiscription p { font-size: 14px; }
}

@media(max-width: 400px){
  .schoolDescriptionHeightline h4 span.schoolName { padding-left: 10px; }
  .schoolDescriptionHeightline h4 span.bottomtext { padding-left: 0px; }
}

@media(max-width:350px){
  .schoolDescriptionHeightline h4 span.schoolName { padding-left:0; }