html {
	height: 100%;
}

/* General */
body {
	margin: 0;
	padding: 0 !important;
	background: #fff;	
	height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video { 
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.DB_mask {
	z-index: 999 !important;
}

.DB_dialog {
	z-index: 99999 !important; 
}

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
#index-wrapper table {
    width: 100%;
    padding: 0;
    margin: 0;
}
/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
	 --en-website-width: 1200px;
}
@media only screen and (max-width: 768px) {
  :root {
    touch-action: pan-x pan-y;
    overflow-x: hidden !important;
  }
  html.has-spotlight-overflow body {
    overflow-x: hidden !important;
  }
}

/************** Rows WRapper **********/
/* #index-wrapper{
	background: url('/pics/wrapper-bg.jpg') no-repeat bottom;
} */

/* Rows WRapper */
#rows-wrapper,
.rows {
  position: relative;
  width: 100%;
}
.rows-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
}
@media screen and (max-width: 1200px) {
  .rows-inner {
      padding-left: 25px !important;
      padding-right: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .rows-inner {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
}
/******************** END Wraper CSS********/

/********** Index Top :- Video Banner END **********/
/*Video Banner*/
#index-top{
  position: relative;
}
#index-top::after{
  content: '';
  position: absolute;
  bottom: 40px;
  width: 100%;
  height: 40px;
  background: url('/pics/orange-border.png') no-repeat center bottom;
  z-index: 0;
}
#index-top-inner {
  position: relative;
  width: calc(100% - 100px);
  margin: 0 auto;
  background: #1f1c59;
}
#index-top-inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
  z-index: 0;
}

#index-top-inner .en-widescreen-video {
	position: relative;
}

.en-widescreen-video video{
  max-height: 680px;
}

.en-widescreen-video .en-video-controls {
  right: 20px !important;
  left: unset !important;
  z-index: 1;
	
}
.en-widescreen-video button {
  background-color: #1f1c59 !important;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
}
.en-widescreen-video button:hover, 
.en-widescreen-video button:focus {
	background-color: #f2920c !important;
	color: #1f1c59 !important;
}

#banner-text {
  width: 100%;
  position: absolute;
  bottom: 32px;
  left: 0;
}
#banner-text h2{
  font-family: "Protest Riot", sans-serif;
  font-size: clamp(18px, 4.444vw, 56px);
  line-height: clamp(18px, 4.444vw, 56px);
  color: #62c5d9;
  display: inline-block;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0px 0 0 -3px;
  z-index: 1;
}
#banner-text h2 span{
  color: #fff;
}
#banner-text h2 span:nth-child(2){
  margin-left: -7px;
}
#banner-text h2 span:nth-child(3) {
  margin-left: -7px;
}
@media (max-width: 1400px) {
  #index-top::after{
    background: #f2920c;
    width: 60px;
    height: 30px;
    bottom: 40px;
  }
  #banner-text h2{
    margin: 0;
    padding: 0 0 0 70px;
  }
}
@media (max-width: 991px) {
  #index-top-inner {
    width: calc(100% - 50px);
  }
}
@media (max-width: 768px) {
  #index-top-inner{
    width: 100%;
  }
	#index-top-inner::after{
    display: none;
  }  
  #index-top::after{
    display: none;
  }
  #banner-text{
    position: relative;
    bottom: unset;  
    background: #1f1c59;
  }
  .en-widescreen-video .en-video-controls{
    z-index: unset;
  }
  #banner-box {
    padding: 15px 0;
  }
  #banner-text h2{
    text-align: center;
    padding: 0;
    z-index: unset;
  }
  #banner-text h2 span:nth-child(2),
  #banner-text h2 span:nth-child(3){
    margin-left: 0;
  }

}
/********* Index-top row: video section end **********/

/********* First Row:- Aboot section and Links ***************/
#first-row {
  margin-bottom: 30px;
}
#first-row-inner {
  max-width: 1300px;
  background: url('/pics/about-bg.jpg') no-repeat bottom center, #f7f6f0;
  padding: 50px 0 0;
}
#first-row-wrapper {
  grid-template-columns: 500px 560px;
  column-gap: 60px;
  display: grid;
  margin: 0 auto;
}
#about-sec {
  position: relative;
  padding: 45px 0 10px;
}
#about-sec h3 {
  font-family: "Barlow", sans-serif;
  font-size: clamp(24px, 2.539vw, 32px);
  line-height: clamp(24px, 2.698vw, 34px);
  color: #0d0c26;
  letter-spacing: 0.8px;
  text-transform: capitalize;
  font-weight: 800;
  margin: 0px 0 0px -2px;
  padding: 0 0 0 0;
}
#about-sec ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 37px 0 30px 10px;
}
#about-sec ul li{
  font-family: "Barlow", sans-serif;
  font-size: clamp(16px, 1.904vw, 24px);
  line-height: clamp(16px, 1.904vw, 24px);
  color: #1f1c59;
  letter-spacing: 0.6px;
  font-weight: 500;
  margin: 0px 0 0px 0px;
  position: relative;
  padding: 0 0 0 24.6px;
  list-style: none;
}
#about-sec ul li::before{
  position: absolute;
  left: 0px;
  top: 2px;
  bottom: 0;
  margin: auto;
  background: #333366;
  height: 10px;
  width: 10px;
  content: '';
  border-radius: 50%;
}
.top-links-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  top: 30px;
  justify-content: center;
}
.top-links-box a {
  width: 270px;
  min-height: 143px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.07);
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(20px, 1.9841vw, 25px);
  line-height: clamp(20px, 1.587vw, 20px);
  letter-spacing: 0.25px;
  text-decoration: none;
  color: #333366;
  padding: 12px 12px;
  position: relative;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.top-links-box a.flag-img{
  flex-direction: column;
  gap: 5px;
}
.top-links-box a.flag-img img{
  position: relative;
  top: -5px;
}
.top-links-box a::after{
  position: absolute;
  left: 0px;
  right: 0;
  bottom: -6px;
  margin: 0 auto;
  background: url("/pics/star.png") no-repeat;
  height: 19px;
  width: 18px;
  content: '';  
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  z-index: 1;
}
.top-links-box a::before{
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0 auto;
  background: #acdce6;
  height: 3px;
  width: 100%;
  content: '';  
}

.top-links-box a:hover,
.top-links-box a:focus {
  background: #1f1c59;
  color: #fff;
  border: none;
}
.top-links-box a:hover::after,
.top-links-box a:focus::after{
  bottom: 9px;
}
.top-links-box a:hover::before,
.top-links-box a:focus::before{
  display: none;
}
@media (max-width: 1260px) {
  #first-row-wrapper{
    max-width: 1200px;
    justify-content: center;
    grid-template-columns: 420px clamp(450px,44.444vw, 560px);
    column-gap: 40px;
  }
  .top-links-box a {
    width: clamp(200px, 19.841vw ,250px);
    min-height: 140px;
  }
}
@media (max-width: 991px) {
  #first-row-inner{
    padding: 40px 0 40px;
    background-size: contain;
  }
  #first-row-wrapper{
    grid-template-columns: auto;
    gap: 30px;
  }
  #about-sec{
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #about-sec h3{
    margin: 0px 0 0px 0px;
  }
  #about-sec ul{
    gap: clamp(10px, 1.513vw, 15px);
    max-width: 400px;
    margin: 20px auto;
  }
  .top-links-box{
    top: unset;
    gap: clamp(10px, 2.018vw, 20px);
  }
  .top-links-box a::after{
    z-index: unset;
  }
}
@media (max-width: 420px) {
  #about-sec ul li{
    padding: 0 0 0 20px;
  }
  #about-sec ul li::before{
    height: 7px;
    width: 7px;
  }
}
/********* First Row:- Aboot section and Links END************/  



/********* Second Row :- Fact & Numbers Section **************/

#second-row {
  background:#fff;
}

#second-row-inner {
  padding: 67px 0 70px;
  box-sizing: border-box;
  max-width: 1576px;
  overflow: hidden;
}

#second-row-inner .fact-heading{
  text-align: center;
}
#second-row-inner .fact-heading h2{
  font-family: "Barlow", sans-serif;
  font-size: clamp(40px, 9.3650vw, 118px);
  font-weight: 800;
  line-height: clamp(40px, 7.936vw, 97px);
  letter-spacing: -2.596px;
  text-align: center;
  color: #1f1c59;
  padding: 0;
  margin: 0 0 0px -6px;
  display: inline-block;
}

/* Fact & Numbers */

#fact-boxes {
  position: relative;
  margin: -5px auto 0; 
  max-width: 1576px;
}

#fact-boxes .swiper-container {
  position: relative;
}
#fact-boxes .swiper-container::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100% !important;
  z-index: 9;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgb(255, 255, 255));
}
#fact-boxes .swiper-container::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100% !important;
  z-index: 9;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8), rgb(255, 255, 255), rgb(255, 255, 255));
}
#fact-boxes .swiper-wrapper {
  width: 100%;
  margin: 0px auto 0;
  
}

#fact-boxes .swiper-wrapper  div {
  max-width: 300px !important;
  min-height:260px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px 30px;
  background: #acdce6;
  gap: 27px;
  width: 100%;
}
#fact-boxes .swiper-wrapper .cs2{
  background: #1f1c59;
}
#fact-boxes .swiper-wrapper .cs3{
  background: #f2920c;
}
#fact-boxes .swiper-wrapper .cs4{
  background: #1f1c59;
}
#fact-boxes .swiper-wrapper .cs5{
  background: #acdce6;
}
#fact-boxes .swiper-wrapper .cs6{
  background: #1f1c59;
}
#fact-boxes .swiper-wrapper .cs7{
  background: #f2920c;
}
#fact-boxes .swiper-wrapper .cs8{
  background: #1f1c59;
}
#fact-boxes .swiper-wrapper div h3{
  font-family: "Barlow", sans-serif;
  font-size: clamp(40px, 5.079vw, 64px);
  font-weight: 800;
  line-height: clamp(40px, 5.079vw, 64px);
  letter-spacing: 1.6px;
  text-align: center;
  color: #1c1c33;
  padding: 0;
  margin: 0;
  position: relative;
}
#fact-boxes .swiper-wrapper div p{
  position: relative;
  font-family: "Protest Riot", sans-serif;
  font-size: clamp(18px, 1.904vw, 24px);
  font-weight: 500;
  line-height: clamp(18px, 1.904vw, 24px);
  letter-spacing: 0.24px;
  text-align: center;
  color: #333366;
  padding: 0;
  margin: 0;
  top: -5px;
}
#fact-boxes .swiper-wrapper .cs2 h3,
#fact-boxes .swiper-wrapper .cs4 h3,
#fact-boxes .swiper-wrapper .cs6 h3,
#fact-boxes .swiper-wrapper .cs8 h3{
  color: #f0f6f7;
}
#fact-boxes .swiper-wrapper .cs2 p,
#fact-boxes .swiper-wrapper .cs4 p,
#fact-boxes .swiper-wrapper .cs6 p,
#fact-boxes .swiper-wrapper .cs8 p{
  color: #f0f6f7;
}
#fact-boxes .swiper-wrapper .cs3 p,
#fact-boxes .swiper-wrapper .cs7 p{
  color: #1c1c33;
}

#fact-boxes .control-buttons {
  margin: 0px auto;
  display: flex;
  width: 100%;
  gap: 20px;
  position: absolute;
  top: -61px;
  max-width: 1200px;
  left: 0;
  right: 0;
}

#fact-boxes .swiper-button-next, 
#fact-boxes .swiper-button-prev{
  width: 28px !important;
  height: 22px !important;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
  border: none;
  border-radius: 0%;
  color: #000;
  margin: 0 !important;
  top: 0 !important;
}

#fact-boxes .swiper-button-prev {
  background: url(/pics/blue-arrow.png) no-repeat 0px -3px !important;
}
#fact-boxes .swiper-button-next{
  background: url(/pics/blue-arrow.png) no-repeat -32px -3px !important;
}
#fact-boxes .swiper-button-prev:hover{
  background-position: -66px -3px !important;
}
#fact-boxes .swiper-button-next:hover{
  background-position: -98px -3px !important;
}
#fact-boxes .swiper-button-prev:focus{
  width: 37px !important;
  height: 28px !important;
  left: 5px !important;
  top: -3px !important;
  background-position: -131px 0 !important;
}
#fact-boxes .swiper-button-next:focus{
  width: 37px !important;
  height: 28px !important;
  right: 5px !important;
  top: -3px !important;
  background-position: -173px 0 !important;
}

@media screen and (max-width: 1580px) {
  #fact-boxes{
    max-width: 1230px;
  }
}
@media screen and (max-width: 1260px) {
  #second-row-inner {
    padding: 40px 0 80px;
  }
  #fact-boxes{
    max-width: 920px;
  }
  #fact-boxes .swiper-container::before,
  #fact-boxes .swiper-container::after{
    width: 230px;
  }
  #fact-boxes .control-buttons{
    max-width: 300px;
    top: unset;
    bottom: -40px;
  }
}
@media screen and (max-width:991px){
  
  #fact-boxes .swiper-container::before, 
  #fact-boxes .swiper-container::after {
    width: 0;
  }
  #fact-boxes{
    max-width: 600px;
  }
}
@media screen and (max-width:768px){
  #second-row-inner {
    padding: 20px 0 100px;
  }
  #second-row-inner .fact-heading h2{
    letter-spacing: -1.5px;
    z-index: unset;
  }
  #fact-boxes{
    margin: 0px auto 0;
  }
}
@media screen and (max-width:640px){
  #fact-boxes{
    max-width: 300px;
  }
  #fact-boxes .swiper-wrapper div {
    width: 3000px !important;
    min-height: 300px !important;
    gap: 5px;
  }
  #fact-boxes .swiper-wrapper div p{
    top: unset;
  }
}
@media screen and (max-width: 480px) {
  #second-row-inner {
    padding: 20px 0 70px;
  }
  #fact-boxes{
    max-width: 290px;
  }
  #fact-boxes .swiper-wrapper div {
    width: 290px !important;
    min-height: 290px !important;
  }
  #fact-boxes .control-buttons {
    max-width: 220px;
    bottom: -20px;
  }
}
/********* Second Row :- Fact & Numbers Section **************/




/********* Third Row:- News and Evenst Section ***************/
#third-row {
  padding: 56px 0 0 0px;
}
#third-row-inner {
  max-width: 1300px;
  background: #f7f6f0;
  min-height: 476px;
}
#third-row-wrapper {
  display: grid;
  grid-template-columns: 585px 496px;
  justify-content: start; 
  align-items: start;
  gap: 84px;
  padding: 0 50px 30px 50px;
}

/* news row */ 

#news-box {
  position: relative;
  margin: -34px 0 0 0;

}
#hp-news h2.en-news-section-title {
	display: none;
	color: #1f1c59;
}
#news-box h2 {
  text-align: center;
  margin: 0px 0 33px 0px;
}
#news-box h2 a{
  font-size: clamp(30px, 3.809vw, 48px);
  line-height: clamp(30px, 3.809vw, 48px);
  letter-spacing: 0.48px;
  font-weight: 500;
  display: inline-block;
  color: #1f1c59;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0px 0 0px 0px;
  text-decoration: none;
}

#hp-news {
  position: relative;
  width: 100%;
  max-width: 585px;
  margin: 0 auto 0;
}
#hp-news > div.en-news-slider {
	--min-card-gap: 0px;
  --image-width: 285px;
  --image-height: 228px;
	--line-height: 1.35;
	--font-size: 18px;
	--max-lines-subject: 2;
	--max-lines-summary: 3;
}
#hp-news div.en-card-slider-inner-container > a {
  position: relative;
  padding: 0;
  border: none;
  box-sizing: border-box;
  min-height: 325px;
  background: #fff;
}
#hp-news div.en-card-slider-inner-container > a::after,
#hp-news div.en-card-slider-inner-container > a::after{
  content: '';
  position: absolute;
  left: 0;
  height: 97px;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid #d5edf2;
  bottom: 0px;
  border-top:0;
}
#hp-news div.en-card-slider-inner-container > a:hover::after,
#hp-news div.en-card-slider-inner-container > a:focus::after{
  background: #fff;
  left: 0;
  bottom: 0;
  height: 181px;
  width: 100%;
  position: absolute;
  content: '';
  z-index: 1;
  border: 1px solid #d5edf2;
  border-top:0 ;
}
#hp-news div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container{
  box-sizing: border-box;
  overflow: hidden;
  background: #201c59;
}

div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container img{
	
	transition: transform .2s;
}

#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
  justify-content: center !important;
  font-size: clamp(16px, 1.5873vw, 20px);
  font-weight: 600;
  line-height: 24px;
  color: #1f1c59;
  letter-spacing: 1px;
  position: relative;
  box-sizing: border-box;
  margin: 20px auto 20px !important;
  text-transform: unset;
  z-index: 9;
  width: 100%;
  padding: 0 15px;
  text-align: center;
  font-family: "Barlow", sans-serif;
  /* background: #fff; */
  transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
  
}

#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title span{
	-webkit-line-clamp: var(--max-lines-subject);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	padding: 0 0 3px 0;
}
#hp-news div.en-card-slider-inner-container>a .en-news-slider-image-container{
	position: relative;
}
#hp-news div.en-card-slider-inner-container>a .en-news-slider-image-container::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#hp-news div.en-card-slider-inner-container>a:hover .en-news-slider-image-container::after,
#hp-news div.en-card-slider-inner-container>a:focus .en-news-slider-image-container::after{
  content: '';
  position: absolute;
  left: 0;
  height: 145px;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}


#hp-news div.en-card-slider-inner-container>a .en-news-slider-image-container::before,
#hp-news div.en-card-slider-inner-container>a .en-news-slider-image-container::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 152px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(13,12,38,0) 100%);
  transition: all 250ms ease-in-out;
  z-index: 1;
}
#hp-news div.en-card-slider-inner-container>a:hover .en-news-slider-image-container::before,
#hp-news div.en-card-slider-inner-container>a:focus .en-news-slider-image-container::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(13,12,38,0) 100%);
	content: '';
	position: absolute;
	left: 0;
  height: 152px;
	width: 100%;
	z-index: 1;
	opacity: 1;
	bottom: 0;
}
#hp-news div.en-card-slider-inner-container>a:hover>h3.en-news-slider-title,
#hp-news div.en-card-slider-inner-container>a:focus>h3.en-news-slider-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  top: 63%;
  text-decoration: none;
  padding: 0 15px;
}
#hp-news div.en-card-slider-inner-container>a>div.en-news-slider-summary {
	margin: 0px 0 0 0 !important;
	-webkit-line-clamp: var(--max-lines-summary);
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	grid-column: 1;
	grid-row: 1;
	position: absolute;
	top: 100%;
	padding: 7px 30px;
	z-index: 9;
  font-weight: 400;
  color: #262626;
  letter-spacing: 0.17px;
  font-size: clamp(16px, 1.349vw, 17px);
  line-height: 25px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  /* background: #fff; */
}
#hp-news div.en-card-slider-inner-container>a:hover>div.en-news-slider-summary,
#hp-news div.en-card-slider-inner-container>a:focus>div.en-news-slider-summary {
  top: 66.8%;
}
div.en-news-slider>div.en-card-slider-inner-container>a>.en-news-slider-image-container {
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	background: transparent;
	position: relative;
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container img {
    	position: relative;
}
div.en-news-slider > div.en-news-slider-footer {
  position: absolute;
  top: unset;
  width: 100%;
  max-width: 100%;
  left: 0;
  margin: 0 auto;
  bottom: 0;
  right: 0;
}
#hp-news div.en-news-show-all {
  border: 0;
  padding: 0;
  position: absolute;
  top: unset;
  bottom: -73px;
  left: 1px;
  right: 0;
  margin: 0 auto;
}
#hp-news div.en-news-show-all a {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  text-align: center;
  color: #262626 !important;
  position: relative;
  box-sizing: border-box;
  padding: 14px 20px 16px 22.2px;
  margin: 0px 0px 0 0;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  border: 1px solid #acdce6;

}
#hp-news div.en-news-show-all a::after {
  content: "News";
  margin: 0 0 0 4px;
}
#hp-news div.en-news-show-all a:hover, 
#hp-news div.en-news-show-all a:focus{	
	background: #fff;
  border: 1px solid #f2920c;
}
#hp-news div.en-news-slider-buttons {
    position: absolute;
    width: 266px;
    max-width: 266px;
    left: 0;
    top: 40px;
    right: -2px;
    margin: 0 auto;
}
#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
	opacity: 0.5;
	cursor: auto;	
}
#hp-news div.en-news-slider-buttons button {
	position: absolute;
	cursor: pointer;
	border: 0;
}
#hp-news div.en-news-slider-buttons button.en-news-prev {
	left: 0px;
	border-radius: 0;
	text-indent: -9999px;
	background: url(/pics/blue-arrow.png) 0px -3px  no-repeat;
	position: absolute;
	padding: 0;
	width: 28px;
  height: 22px;
}

#hp-news div.en-news-slider-buttons button.en-news-next {
	right: -1px;
	border-radius: 0;
	text-indent: -9999px;
	background: url(/pics/blue-arrow.png) -32px -3px no-repeat;
	position: absolute;
	padding: 0;
	width: 28px;
  height: 22px;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:hover {
	background-position: -66px -3px;
}
#hp-news div.en-news-slider-buttons button.en-news-next:hover {
	background-position: -98px -3px;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
  width: 37px;
  height: 28px;
  left: -5px;
  top: -3px;
  background-position: -131px 0;
}
#hp-news div.en-news-slider-buttons button.en-news-next:focus {
  width: 37px;
  height: 28px;
  right: -6px;
  top: -3px;
  background-position: -173px 0;
}


/***** EVENTS ******/
#events-box {
  margin: -34px 0 0 0;
  position: relative;
}
#events-box h2 {
	margin: 0px 0 33px 0px;
  text-align: center;
	position: relative;

}

#events-box h2 a {
  font-size: clamp(30px, 3.809vw, 48px);
  line-height: clamp(30px, 3.809vw, 48px);
  letter-spacing: 0.48px;
  font-weight: 500;
  display: inline-block;
  color: #1f1c59;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0px 0 0px 0px;
  text-decoration: none;
}

#events-box h2 a:hover,
#events-box h2 a:focus {
	text-decoration: none;
}

section#events {
  width: 100%;
  float: none;
  padding: 0px 0 0px 0px;
  box-sizing: border-box;
  max-width: 600px;
  position: relative;
  margin: 0px 0 0 0;
}

section#events #hp-events #events {
	margin: 0 0 15px 0;
	padding: 0;
	box-sizing: border-box;
	max-height: 340px;
	overflow-x: hidden;
	overflow-y: auto;
}

#events #hp-events {
	padding: 0;
 
}

#events #hp-events .dayeventwrap {
	position: relative;
  max-width: 420px;
}

#events .dayeventwrap:last-child:after {
	display: none;
}

#events .dayeventwrap.hp-module-item ul li.event div a:hover,
#events .dayeventwrap.hp-module-item ul li.event div a:focus {
	text-decoration: underline !important;
}

#events ul li {
	margin: 0 0 7px 0 !important;
	position: relative;
	top: 0px;
	list-style: none;
	padding: 0 0 0px 0;
}

#events #hp-events .v3 .dayInfoWrap {
	width: 87px;
	min-height: 78px;
	padding: 0;
	display: flex;
	margin: 0px 0 0 0;
	background: url('/pics/date-bg.png') no-repeat top left;
	align-items: center;
	justify-content: center;
	border-radius: 0 !important;
	flex-direction: column !important;
	
}

#events #hp-events .hpeventlinks div {
	margin: 0 !important;
}

#events #hp-events .v3 span.month {
  font-size: 16.35px;
  line-height: 33.99px;
  letter-spacing: 1.6px;
  text-align: center;
  color: #1f1c59;
  margin: 0px 0 0 0px;
  top: -19px;
  position: relative;
  left: 2px;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
}

#events #hp-events .v3 span.day {
  letter-spacing: -0.38px;
  text-align: center;
  color: #fff; 
  position: relative;
  left: 0px;
  font-size: 38px;
  font-weight: 400;
  line-height: 38px;
  top: -7px;
  font-family: "Protest Riot", sans-serif;
  margin: 0 0px 0px 0;
  background: rgba(31, 28, 89 , 0.01);
}

#events #hp-events .v3 ul {
  position: relative;
  min-height: 80px !important;
  padding-left: 0;
  margin: 9px 0 29px 126px;
}
#events #hp-events ul li.event div {
  font-size: clamp(16px, 1.349vw, 17px);
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #262626;
  letter-spacing: 0.17px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
  
}

#events #hp-events ul li.event div a {
  transition: 0.3s all ease-in-out;
  display: inline-block;
  font-size: clamp(16px, 1.5873vw, 20px);
  font-weight: 600;
  line-height:  clamp(16px, 1.5873vw, 20px);
  color: #1f1c59;
  text-decoration: none;
  margin: 0px 0 0px 0;
  letter-spacing: 1px;
  position: relative;
  top: 0;
  font-family: "Barlow", sans-serif;
  margin-bottom: 11px;
}

#events #hp-events .hpeventlinks {
	margin-left: 0px !important;
	position: absolute;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin: 0 0 0 0px;
	margin-left: 0px;
	bottom: 0px;
	right: 20px;
}

#events #hp-events .hpeventlinks div a {
  font-weight: 400;
  box-sizing: border-box;
  margin: 0px 0 0;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-align: center;
  color: #120f11;
  text-decoration: none;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  z-index: 1;
  font-family: "Roboto", sans-serif;
  padding: 14px 20px 16px 22.2px;
  border: 1px solid #acdce6;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#events #hp-events .hpeventlinks div a:nth-child(1){
  padding: 14px 20px 16px 20.9px;
}
#events #hp-events .hpeventlinks div a:nth-child(2){
  padding: 14px 20px 16px 21px;
}


#index-wrapper #events .hpeventlinks div a:hover,
#index-wrapper #events .hpeventlinks div a:focus {
  background: #fff;
  border: 1px solid #f2920c;
}
#index-wrapper #events .time span:first-child,
#index-wrapper #events .location span:first-child {
	display: none;
}

.btn.yearly_calender{
  box-sizing: border-box;
  margin: 0px 0 0;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.2px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  padding: 14px 20px 16px 22.2px;
  border: 1px solid #acdce6;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  text-decoration: none;
  left: 21px;
  position: relative;
}
.btn.yearly_calender:hover,
.btn.yearly_calender:focus{
  background: #fff;
  border: 1px solid #f2920c;
}
#sd-arrow,
#wrapper .location {
	background: 000 !important;
}

@media only screen and (max-width: 1300px) {
  #third-row-inner {
    max-width: 1200px;
    padding-bottom: 60px;
  }
  #third-row-wrapper {
    justify-content: center;
    padding: 0 0 0px 0;
    gap: 50px;
  }

}
@media only screen and (max-width: 1160px) {
  #third-row-wrapper{
    grid-template-columns: auto 370px;
  }
  .btn.yearly_calender{
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #events #hp-events .hpeventlinks {
    justify-content: center;
    bottom: 0px;
    left: 0;
    margin: 0 auto;
    right: 0;
    position: relative;
  }
  section#events{
    text-align: center;
  }
}
@media only screen and (max-width: 1060px) {
  #hp-news{
    max-width: 310px;
    gap: 70px;
  }
}
@media only screen and (max-width: 800px) {
  #hp-news{
    gap: 50px;
  }
}
@media only screen and (max-width: 768px) {
  #third-row{
    padding: 0;
  }
  #third-row-inner{
    padding: 40px 0 60px;
  }
  #third-row-wrapper {
    grid-template-columns: auto;
    gap: 110px;
  }
  #news-box,#events-box {
    margin: 0;
  }
  #news-box h2,#events-box h2{
    margin: 0 0 20px 0;
  }
  section#events #hp-events #events{
    max-height: 430px;
  }
}
@media only screen and (max-width: 350px) {
  #hp-news {
    width: 280px;
  }
  #hp-news > div.en-news-slider{
    --image-width: 280px;
  }
}
/********* Third Row:- News and Evenst Section ***************/

/********* Fourth Row:-  Parallax Row  **************/
#fourth-row {
  width: calc(100% - 100px);
  margin: auto;
}
#parallax-1 {
  background-image: url("/pics/parallax.jpg");
  height: clamp(150px, 35.714vw, 450px);
  background-size: cover;
  width: 100%;
  position: relative;
  background-attachment: fixed;
}
@media screen and (max-width: 991px) {
  #fourth-row {
    width: calc(100% - 50px);
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  #fourth-row {
    width: 100%;
  }
  #parallax-1{
		background-attachment: unset;
		background-position: center !important;
		background-size: cover;
	}  
}

/********* Fourth Row:-  Parallax Row  END **************/

/********* Fifth Row :- Plian Text Section **************/
#fifth-row-inner {
  padding: 82px 0 3px 0;
}
.plain-text {
  padding: 0 40px;
}
.plain-text p {
  font-family: "Barlow", sans-serif;
  font-size: clamp(20px, 3.174vw, 40px);
  line-height: clamp(22px, 4.761vw, 60px);
  color: #1f1c59;
  letter-spacing: 1px;
  font-weight: 500;
  margin: 0px 0 0px 0;
  text-align: center;
  display: block;
}
.plain-text p span{
  font-weight: 800;
  position: relative;
}
.plain-text p span::after{
  position: absolute;
  background: #acdce6;
  background-size: contain;
  height: 18px;
  left: -5px;
  right: 0;
  content: '';
  margin: auto 0;
  bottom: 0;
  z-index: -1;
  width: 105%;
}
.plain-text p span:nth-child(2)::after{
  width: 111%;
  left: -6px;
}
.plain-text p span:nth-child(3)::after{
  width: 110%;
  left: -5px;
}
.plain-text p span:nth-child(4)::after{
  width: 106%;
  left: -5px;
}
.plain-text p span:nth-child(5)::after{
  width: 108%;
  left: -6px;
}
@media screen and (max-width: 991px) {
  .plain-text p span{
    padding: 0 1px;
  }
  .plain-text p span::after{
    width: 100% !important;
    left: unset !important;
    height: 14px !important;
  }
}
@media screen and (max-width: 768px) {
  #fifth-row-inner {
    padding: 40px 0 40px 0;
  } 
  .plain-text {
    padding: 0 20px;
  }
  .plain-text p span::after{
    height: 10px !important;
  }
}
/********* Fifth Row :- Plian Text Section End**************/

/********* Sixth Row :- Testimonial Section **************/
#sixth-row {
  padding: 83px 0 0 0;
}
#sixth-row:before{
  background: url('/pics/5-star.png') no-repeat top center;
  position: absolute;
  content: '';
  height: 100%;
  width: 955px;
  top: 0px;
  z-index: 1;
  left: 1px;
  right: 0;
  margin: 0 auto;
}
#sixth-row-inner {
  padding: 0px 0 0px;
  max-width: 1400px;
  background: #1f1c59;
  min-height: 268px;
}

#myCardSlider {
	overflow: inherit;
	width: 100% !important;
	box-sizing: border-box;
	z-index: 1;
	position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
#myCardSlider .testimonial-box {
  max-width: 950px;
  position: relative;
  padding: 59px 0px 46.2px;
  margin: 0 auto;
}
#myCardSlider .simple {
	overflow: inherit;
	width: 100% !important;
	padding: 0px 0px 0 0;
	box-sizing: border-box;
	text-align: center;
	max-width: 100%;
}

#myCardSlider .infowrap,
#myCardSlider .overlaycontainer {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}
#myCardSlider .testimonial-box .simple::before{
  background: url('/pics/quote-left.png') no-repeat bottom center;
  position: absolute;
  content: '';
  height: 16px;
  width: 25px;
  left: -45px;
  top: -9px;
  background-size: contain;
}
#myCardSlider .testimonial-box .simple::after{
	background: url('/pics/quote-right.png') no-repeat bottom center;
	position: absolute;
	content: '';
	height: 16px;
	width: 25px;
  bottom: 28px;
  right: -45px;
	background-size: contain;
}

#myCardSlider .simple h2 {
	display: none;
	color: #fff;
}

#myCardSlider .simple div p {
	bottom: unset;
	height: auto;
	top: 0;
	margin: 0 0 0 0px;
}

#myCardSlider .simple div p,
#myCardSlider .simple div a {
	color: #fff;
	letter-spacing: 0.55px;
	font-family: "Barlow", sans-serif;
	font-size: clamp(16px, 1.7460vw, 22px);
	line-height: clamp(24px, 3.015vw, 38px);
	font-weight: 500;
	position: relative;
	margin: 0 0 0 0px;
	left: 0px;
  font-style: italic;
} 

#myCardSlider .simple div h3 {
	background: none;
	text-shadow: none;
  position: relative !important;
  background: transparent !important;
  text-shadow: none !important;
  font-size: clamp(16px, 1.904vw, 24px) !important;
  line-height: clamp(16px, 1.904vw, 24px) !important;
  font-weight: 400 !important;
  /* margin: 0px 13px 0px 13px !important; */
  letter-spacing: 0.24px;
  color: #ffffff;
  font-family: "Protest Riot", sans-serif;
  text-align: center;
  overflow: visible !important;
  bottom: -4px !important;
  max-width: 300px;
  margin: 0 auto !important;
}

#myCardSlider .simple div h3 span {
	height: auto !important;
	display: inline-block;
	position: relative;
	overflow: visible;

}
#myCardSlider .simple div h3 span::before{
  position: absolute;
  background: url('/pics/parent-before.png') no-repeat left;
  height: 4px;
  width: 19px;
  bottom: 0;
  left: -19px;
  margin: auto 0;
  content: '';
  top: 0;
}

#myCardSlider .simple .carousel-horizontal .carousellist {
	display: none;
}

#myCardSlider .simple .carouselwrap {
  position: absolute;
  top: unset;
  margin: 0 auto;
  width: 456px !important;
  z-index: 30;
  right: 0;
  left: 0;
  bottom: 23px;
}

#myCardSlider .simple .carousel-horizontal .current-item .bullets {
	background-position: 0 bottom;
}

#myCardSlider .simple .carousel-horizontal .button {
  width: 28px;
  height: 22px;
  padding: 0;
  top: 0px;
  background-color: transparent !important;
  color: #000 !important;
}

#myCardSlider .simple .carousel-horizontal .leftTopButton.button {
	left: 1px;
	background: url(/pics/white-arrows.png) 0px -3px no-repeat;
}

#myCardSlider .simple .carousel-horizontal .rightBottomButton.button {
	background: url(/pics/white-arrows.png) -32px -3px no-repeat;
	right: 0;
}

#myCardSlider .simple .carousel-horizontal .leftTopButton.button:hover {
	background-position: -66px -3px;
}

#myCardSlider .simple .carousel-horizontal .rightBottomButton.button:hover {
	background-position: -98px -3px;
}
#myCardSlider .simple .carousel-horizontal .leftTopButton.button:focus{
  width: 37px;
  height: 28px;
  left: -4px;
  top: -3px;
  background-position: -131px 0;
}
#myCardSlider .simple .carousel-horizontal .rightBottomButton.button:focus {
  width: 37px;
  height: 28px;
  right: -5px;
  top: -3px;
  background-position: -173px 0;
}
/* The switch - the box around the slider */
.switch {
  position: absolute;
  font-size: 14px;
  top: 30px;
  right: 0;
  z-index: 11;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.switch .btn {
  max-width: 160px;
  background: transparent;
  color: #f2920c;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute; 
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border: 4px solid #0d0c26;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;

}
.switch .btn span{
	display: none;
}

.fa-regular,
.fa {
	font-weight: 400;
	font-family: "Font Awesome 5 Free", serif;
	font-size: 20px;
}

.fa-pause::before {
	content: "\f04c";
}

input:checked+.fa-pause::before {
	content: "\f04b";
}

.switch .btn:hover,
.switch .btn:focus
{
	color: #fff;
}
input:checked+.switch .btn {
	color: #f2920c;
}
@media only screen and (max-width: 1120px) {
  #sixth-row::before{
    left: unset;
    width: 100%;
  }
  #myCardSlider .testimonial-box .simple::before{
    left: -15px;
  }
  #myCardSlider .testimonial-box .simple::after{
    right: -15px;
  }
}
@media only screen and (max-width: 991px) {

	#myCardSlider .testimonial-box{
		padding: 50px 40px 40px;
  }
  #myCardSlider .simple div p, #myCardSlider .simple div a{
    width: 95%;
  }
}
@media only screen and (max-width: 768px) {
  
	#myCardSlider {
		margin: 0 auto;
	}
	#myCardSlider .testimonial-box{
		padding: 30px 20px 50px;
	}
  #myCardSlider .simple .carouselwrap{
    width: 80px !important;
    bottom: -10px;
  }
  
}

/********* Sixth Row :- Testimonial Section End**************/

/********* Seventh Row :- Spatlight and Socila media Section **************/
#seventh-row {
  margin-top: 39px;
}
#seventh-row-inner {
  max-width: 1400px;
  background: url('/pics/spotlight-stay-connected-bg.png') no-repeat bottom;
  padding: 50px 0 10px 0;

}
#seventh-row-wrapper {
  display: grid;
  grid-template-columns: auto 635px;
  justify-content: center;
  align-items: start;
  gap: 54px;
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
/** spotlight news **/
.spotlight-news {
	position: relative;	
}
.spotlight-news #hp-news-2 {
	max-width: 510px;
	
}
.spotlight-news #hp-news-2 div.en-news-show-all{
	display: none;
}
.spotlight-news #hp-news-2 div.en-card-slider-inner-container > a > div.en-news-slider-summary{
	display: none;
}
.spotlight-news #hp-news-2 > div.en-news-slider{
	--image-width: 250px;
  --image-height: 250px;
}

.spotlight-news  #hp-news-2 div.en-card-slider-inner-container > a{
  background: transparent;
  padding: 0;
  border: 0;
}
.spotlight-news div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container img{
  background: none;
  padding: 0;
  border: 0;
}
.spotlight-news #hp-news-2 div.en-card-slider-inner-container > a > h3.en-news-slider-title::before{
	display: none;
}	
.spotlight-news .en-news-slider-image-container {
	background: #201c59 !important;
  position: relative;
}
.spotlight-news .en-news-slider-image-container::before{
  background: #f2920c;
  position: absolute;
  content: '';
  height: 3px;
  width: 100%;
  bottom: 0px;
  z-index: 1;
  left: 0px;
  content: '';  
}
.spotlight-news .en-news-slider-image-container::after{
  position: absolute;
  left: 0px;
  right: 0;
  bottom: -7px;
  margin: 0 auto;
  background: url("/pics/sky-blue-bg.png") no-repeat;
  height: 19px;
  width: 18px;
  content: '';
  z-index: 2;
}
.spotlight-news #hp-news-2 h2.en-news-section-title{
	display: block;
	margin: 0 0 35px 0px;
}
.spotlight-news #hp-news-2 h2.en-news-section-title a{
  font-size: clamp(30px, 3.809vw, 48px);
  line-height: clamp(30px, 3.809vw, 48px);
  letter-spacing: 0.48px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0px 0 0px -2px;
  text-decoration: none;
  background: #0d0c26;
}
.spotlight-news #hp-news-2 div.en-card-slider-inner-container > a > h3.en-news-slider-title {
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: 1.05px;
  font-size: clamp(16px,1.666vw,21px) !important;
  line-height: clamp(20px,2.222vw,28px) !important;
  font-family: "Barlow", sans-serif;
  height: auto;
  padding: 15px 30px 13px;
  background: none;
  margin: 11px 0 6px 0;
}
.spotlight-news #hp-news-2 div.en-card-slider-inner-container > a > h3.en-news-slider-title span{ 
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;  
  background: #0d0c26;
}
.spotlight-news div.en-news-slider > div.en-news-slider-footer{
  width: 73px;
  max-width: 73px;
  top: 15px;
  left: unset;
  right: 79px;
  height: 30px;
}
.spotlight-news #hp-news-2 div.en-news-slider-buttons button {
	position: absolute;
	cursor: pointer;
	border: 0;
}
.spotlight-news #hp-news-2 div.en-news-slider-buttons {
  position: absolute;
  width: 100%;
  top: 0;
  max-width: 100%;
}
.spotlight-news #hp-news-2 div.en-news-slider-buttons button.en-card-slider-button-disabled {
  opacity: 0.5;
  cursor: auto;
}
.spotlight-news #hp-news-2 div.en-news-slider-buttons button.en-news-prev {
  left: 0px;
  border-radius: 0;
  text-indent: -9999px;
  background: url(/pics/white-arrows.png) 0px -3px no-repeat;
  position: absolute;
  padding: 0;
  width: 28px;
  height: 22px;
}
.spotlight-news  #hp-news-2 div.en-news-slider-buttons button.en-news-next {
  right: 0px;
  border-radius: 0;
  text-indent: -9999px;
  background: url(/pics/white-arrows.png) -32px -3px no-repeat;
  position: absolute;
  padding: 0;
  width: 28px;
  height: 22px;
}
.spotlight-news  #hp-news-2 div.en-news-slider-buttons button.en-news-prev:hover {
	background-position: -66px -3px;
}
.spotlight-news  #hp-news-2 div.en-news-slider-buttons button.en-news-next:hover {
	background-position: -98px -3px;
}
.spotlight-news #hp-news-2 div.en-news-slider-buttons button.en-news-prev:focus {
  width: 37px;
  height: 28px;
  left: -5px;
  top: -3px;
  background-position: -131px 0;
}
.spotlight-news  #hp-news-2 div.en-news-slider-buttons button.en-news-next:focus {
  width: 37px;
  height: 28px;
  right: -5px;
  top: -3px;
  background-position: -173px 0;
}

/** Social Feeds   **/

#social-feeds {
	position: relative;
}
.social-head {
  margin: 0 0 0px 0;
}
.social-head h2{
  font-size: clamp(30px, 3.809vw, 48px);
  line-height: clamp(30px, 3.809vw, 48px);
  letter-spacing: 0.48px;
  font-weight: 500;
  display: inline-block;
  color: #0d0c26;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0px 0 0px -1px;
  z-index: 3;
  position: relative;
}
#social-feeds  .tabbed {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  flex-direction: column;
  gap: 52px;
  margin-top: -45px;
}
#social-feeds .tabs2 {
	display: flex;
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
	gap: 10px;
	align-items: center;
	justify-content: end;
	right: -1px;
	top: 0;
}
#social-feeds .tabs2 li {
  width: 45px;
  height: 45px;
  position: relative;
  z-index: 1;
}
#social-feeds .tab-content {
	/* display: none; */
  display: block;
	position: relative;
  width: 635px;
  box-sizing: border-box;
	background: #ffffff;
  min-height: clamp(110px, 17.4603vw , 220px);
	
}
.tab-content iframe {
  width: 100% !important;
}
#social-feeds .tabbed	[type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),  
#social-feeds .tabbed	[type="radio"]:nth-of-type(2):checked	~ .tab-content:nth-of-type(2),
#social-feeds .tabbed	[type="radio"]:nth-of-type(3):checked	~ .tab-content:nth-of-type(3) {
	display: block;
}
#social-feeds .tabbed [type="radio"] {
	display: none;
}
/*  */
#social-feeds ul.tabs2 li a {
	height: 45px;
	width: 45px; 
	position: relative;
	cursor: pointer;
	color: #0d0c26;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#social-feeds ul.tabs2 li a:hover,
#social-feeds ul.tabs2 li a:focus{
  background: #f2920c;
}
#en-insta-feed-div ul {
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
}
#en-insta-feed-div ul li a div {
	height: 198px !important;
}
#en-insta-feed-div ul li{
	padding: 9px 8px 12px !important;
}


@media only screen and (max-width: 1260px) {
  #seventh-row-wrapper{
    gap: 50px;
    grid-template-columns: auto clamp(350px, 50vw, 650px);
  }
  #social-feeds .tab-content{
    width: clamp(350px, 50vw, 650px);
  }
}
@media only screen and (max-width: 1200px) {
  #seventh-row-wrapper{
    gap: 30px;
  } 
  #en-insta-feed-div ul li {
    padding: 5px !important;
  }
  #en-insta-feed-div ul li a div {
    height: clamp(150px, 15.833vw, 190px) !important;
    width: clamp(150px, 15.833vw, 190px) !important;
  }
  .spotlight-news #hp-news-2 {
    max-width: 400px;
  }
}  
@media only screen and (max-width: 991px) {
  #seventh-row {
    background: linear-gradient( to bottom, #0d0c26 0%, #0d0c26 56%, #acdce6 0%, #acdce6 100% );
  }
  #seventh-row::after{
    background: url('/pics/stay-connected-mob-bg-new.png') no-repeat bottom, #acdce6;
    left: 0;
    bottom: 0;
    position: absolute;
    content: '';
    height: 326px;
    width: 100%;
  }
  #seventh-row-inner{
    background: none;
    padding: 30px 0 30px 0;
  }
  #seventh-row-wrapper{
    grid-template-columns: auto;
    gap: 70px;
    z-index: 2;
  }
  .spotlight-news div.en-news-slider > div.en-news-slider-footer{
    right: 15px;
  }
  .spotlight-news #hp-news-2 h2.en-news-section-title a,
  .social-head h2{
    margin: 0px 0 0px 0px;
  }
  .spotlight-news #hp-news-2 {
    max-width: 545px;
  }

}
@media only screen and (max-width: 991px) and (min-width: 769px){
  #social-feeds .tab-content {
    width: 100%;
  }

}

@media only screen and (max-width: 768px) {
  #seventh-row {
    background: linear-gradient( to bottom, #0d0c26 0%, #0d0c26 60%, #acdce6 0%, #acdce6 100% );
  }
  #seventh-row::after{
    height: 300px;
    background-position: top center;
  }
  #seventh-row-wrapper{
    gap: 30px;
    align-items: center;
  }
  .spotlight-news {
    padding: 0px 0 50px;
    margin: 0 auto;
  }
  .spotlight-news div.en-news-slider > div.en-news-slider-footer{
    top: unset;
    left: 0;
    right: 0;
    bottom: 35px;
  }
  .spotlight-news #hp-news-2 h2.en-news-section-title,.social-head{
    text-align: center;
    margin: 0 0 25px 0px;
  }
  #social-feeds .tabbed{
    margin-top: 0;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  #social-feeds .tabs2{
    justify-content: center;
    right: unset;
  }
  #en-insta-feed-div ul li{
    padding: 5px !important;
    max-width: 120px !important;
    height: 120px !important;
  }
  #en-insta-feed-div ul li a div {
    height: 100% !important;
    width: 100% !important;
  }
  #social-feeds .tab-content {
    width: 360px;
  }
  
}
@media only screen and (max-width: 600px) {
  .spotlight-news #hp-news-2 {
    max-width: 300px;
  }
  .spotlight-news div.en-news-slider > div.en-news-slider-footer{
    bottom: 18px;
  }
  .spotlight-news #hp-news-2 div.en-card-slider-inner-container > a > h3.en-news-slider-title{
    padding: 5px 30px 5px;
  }
}
@media only screen and (max-width: 400px) {
  .spotlight-news #hp-news-2 {
    max-width: 270px;
  }
  #social-feeds .tab-content {
    width: 290px;
  }
  #en-insta-feed-div ul li{
    height: 100px !important;
  }

}
/********* Seventh Row :- Spatlight and Socila media Section End**************/

/********* Eighth Row :- Feature Media Section **************/
#eighth-row-inner {
  padding: 84px 0 60px;
}
.feature-heading {
  text-align: center;
  position: relative;
  top: 5px;
}
.feature-heading h2 {
  font-family: "Barlow", sans-serif;
  font-size: clamp(40px, 9.3650vw, 118px);
  font-weight: 800;
  line-height: clamp(40px, 7.539vw, 95px);
  letter-spacing: -2.596px;
  color: #1f1c59;
  padding: 0;
  margin: 0 0 0px -6px;
  text-align: center;
  display: inline-block;
}

#eighth-row-wrapper {
  display: grid;
  grid-template-columns: 520px 630px;
  grid-column-gap: 50px;
}

#eighth-row-wrapper #left-col {
	position: relative;
	display: flex;
}

#eighth-row-wrapper #right-col {
	position: relative;
	display: flex;
    height: max-content;
}

.album-header-container {
	position: relative;
	width: 190px;
	height: 100%;
	background: #1f1c59;
}
.album-header-container::after{
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('/pics/photo-album-after.png') no-repeat bottom center;
  content: '';
  height: 174px;
  width: 100%;
}

/* Featured Photo Album */ 
#album-sec .HPFeaturedAlbums {
	margin-bottom: 0px;
	position: inherit;
}

#album-sec .HPFeaturedAlbums h2 {
  width: auto;
  height: auto;
  text-decoration: none;
  margin: 0px 0 30px;
  padding: 0;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.38px;
  position: absolute;
  left: 52px;
  text-align: center;
  top: 10%;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(24px, 3.015vw, 38px);
  line-height: clamp(24px, 3.015vw, 38px);
  background: #1f1c59;
}
#album-sec .HPFeaturedAlbums h2 span{
  color: #ffa526;
}

#album-sec .HPFeaturedAlbums .featuredAlbums {
	position: relative;
	margin-top: 0;
}

#album-sec .HPFeaturedAlbums ul {
	margin-top: 0;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

#album-sec .HPFeaturedAlbums ul li {
	margin-bottom: 0px;
	border: 0;
	box-shadow: none !important;
}

#album-sec .HPFeaturedAlbums ul li h3 {
  background: none;
  text-shadow: none;
  position: absolute;
  text-align: center;
  padding: 0px 0 0 0px;
  overflow: visible;
  left: -189px;
  width: 190px;
  bottom: 33px;
}

#album-sec .HPFeaturedAlbums ul li h3 span {
  text-align: center;
  height: auto;
  font-weight: 500;
  font-size: clamp(18px, 1.746vw, 22px);
  line-height: clamp(22px, 2.063vw, 26px);
  letter-spacing: 1.1px;
  font-family: "Barlow", sans-serif;
  color: #1c1c33;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  padding: 0px 30px;
  box-sizing: border-box;  
}

.album-col .HPFeaturedAlbums ul li {
	padding: 0;
	border: 0;
	box-shadow: none;
	overflow: visible;
	position: relative;
	margin: 0px !important;
	background: #000;
	float: left;
	position: relative;
}

.video-header-container {
	position: relative;
	width: 190px;
	height: auto;
	background: #1f1c59;
}

.video-header-container::after{
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('/pics/video-gallery-after.png') no-repeat bottom center;
  content: '';
  height: 166px;
  width: 100%;
}

/* Featured Video */
#video-sec {
	width: 440px;
}

.HPVideo {
	margin-bottom: 0px;
	position: inherit;
}

.HPVideo h2 {
  display: inline-block;
  margin: 0px 0 0px 0px;
  padding: 0;
  position: absolute;
  left: 6%;
  top: 10%;
  text-align: center; 
}

.HPVideo h2 a {
  width: auto;
  height: auto;
  padding: 0 0 0 0;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.38px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(24px, 3.015vw, 38px);
  line-height: clamp(24px, 3.015vw, 38px);
  background: #1f1c59;
}
.HPVideo h2 a span{
  color: #ffa526;
}

.HPVideo .videowrapper {
	position: relative;
	margin-top: 0;
	box-shadow: none !important;
}

.HPVideo p {
  max-width: 100%;
  margin: 0;
  position: absolute;
  overflow: hidden;
  bottom: 33px;
  left: -188px;
  text-align: center;
  width: 188px;
  color: #1c1c33;
  padding: 0;
}

.HPVideo p a {
  margin: 0px 0 0 0px;
  padding: 0 30px;
  font-weight: 500;
  font-size: clamp(18px, 1.746vw, 22px);
  line-height: clamp(22px, 2.063vw, 26px);
  letter-spacing: 1.1px;
  font-family: "Barlow", sans-serif;
  color: #1c1c33;
  text-align: center;
  text-decoration: none;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#video_player1 {
	position: relative;
}

.HPFeaturedAlbums li {
	overflow: visible !important;
}

.HPVideo {
	margin-bottom: 0px;
}
#video_player1,video{
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 1260px) {
	#eighth-row-wrapper {
		grid-template-columns: clamp(400px, 41.2698vw, 520px) clamp(510px, 50vw, 630px);
		grid-template-rows: auto;
		grid-column-gap: 25px;
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: clamp(250px, 26.1904vw, 330px) !important;
		height: clamp(250px, 26.1904vw, 330px) !important;
	}
  
	#album-sec .HPFeaturedAlbums ul li img {
		width: 100%;
		height: 100%;
    object-fit: cover;
	}

	.album-header-container {
		width: clamp(150px, 15.0793vw, 190px);
	}

	#album-sec .HPFeaturedAlbums ul li h3 {
    width: 140px;
    left: -160px;
	}

	.video-header-container {
		width: clamp(150px, 15.0793vw, 190px);
	}

	#video_player1 {
		width: clamp(350px, 34.9206vw, 440px) !important;
		height: clamp(250px, 26.1904vw, 330px) !important;
	}

	#video-sec {
		width: clamp(350px, 34.9206vw, 440px) !important;
	}

	.HPVideo p {
		width: 130px;
		left: -153.5px;
	}
  #album-sec .HPFeaturedAlbums ul li h3 span,
  .HPVideo p a{
    padding: 0px 10px;
  }
}

@media only screen and (max-width: 1100px) {
  #album-sec .HPFeaturedAlbums h2{
    left: 40px;
  }
	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 120px;
		left: -145px;
	}

	.HPVideo p {
		width: 120px;
		left: -145px;
	}
}

@media only screen and (max-width: 991px) {
  #eighth-row-inner {
    padding: 40px 0 60px;
  }
	#eighth-row-wrapper {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-column-gap: 0px;
		grid-row-gap: 30px;
	}

	#eighth-row-wrapper #left-col {
		grid-column: 1/2;
		grid-row: 1;
		margin: 0px auto;
	}

	#eighth-row-wrapper #right-col {
		grid-column: 1/2;
		grid-row: 2;
		margin: 0px auto;
	}

	.album-header-container {
		width: 190px;
	}

	#album-sec {
		width: 330px;
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: 330px !important;
		height: 330px !important;
	}
  #album-sec .HPFeaturedAlbums h2 {
    left: 11%;
  }
	#album-sec .HPFeaturedAlbums ul li h3 {
		width: 190px;
		left: -190px;
	}

	.video-header-container {
		width: 190px;
	}

	#video-sec {
		width: 440px !important;
	}

	#video_player1 {
		width: 440px !important;
		height: 330px !important;
	}
	.HPVideo h2 {
		left: 7.5%;
		top: 16%;
	}
	.HPVideo p {
		left: -189.5px;
		width: 190px;
	}
	
}

@media only screen and (max-width: 768px) {
  #eighth-row-inner {
    padding: 40px 0 80px;
  }
  .feature-heading{
    top: unset;
  }
  .feature-heading h2{
    letter-spacing: -1.5px;
  }
  #eighth-row-wrapper{
    grid-row-gap: 60px;
  }
  .album-header-container::after,
  .video-header-container::after{
    display: none;
  }
  
  #album-sec .HPFeaturedAlbums ul{
    gap: 70px;
  }
  #album-sec .HPFeaturedAlbums ul li {
    width: clamp(280px, 78.5714vw, 330px) !important;
    height: clamp(280px, 26.1904vw, 330px) !important;
  }
 	#eighth-row-wrapper #left-col {
		flex-direction: column;
	}

	.album-header-container {
    width: 100%;
    height: 70px;
    background-size: cover;
	}

	#album-sec .HPFeaturedAlbums h2 {
    left: 0px;
    top: 0px;
    width: 100%;
    margin: 25px 0px 0 0px;
	}

	#album-sec .HPFeaturedAlbums h2 br {
		display: none !important;
	}

	#album-sec .HPFeaturedAlbums ul li h3 {
    width: 100%;
    left: 0px;
    bottom: inherit;
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative;
    background: #acdce6;
    top: -5px;
  }
	#eighth-row-wrapper #right-col {
		flex-direction: column;
	}

	.video-header-container {
		width: 100%;
		height: 70px;
		background-size: cover;
	}

	.HPVideo h2 {
		left: 0px;
		top: 0px;
		width: 100%;
    margin: 20px 0px 20px 0px;
	}

	.HPVideo h2 br {
		display: none !important;
	}

	.HPVideo h2 a {
		padding: 0px;
	}

	.HPVideo p {
    width: 100%;
    left: 0px;
    bottom: inherit;
    top: unset;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #acdce6;
	}

	#video-sec {
		width: 330px !important;
	}

	#video_player1 {
		width: 330px !important;
		height: 220px !important;
	}
}

@media only screen and (max-width: 420px) {
	#video-sec {
		width: clamp(260px, 78.5714vw, 330px) !important;
	}

	#video_player1 {
		width: clamp(260px, 78.5714vw, 330px) !important;
		height: 220px !important;
	}

	#album-sec {
		width: clamp(240px, 78.5714vw, 330px) !important;
	}

	#album-sec .HPFeaturedAlbums ul li {
		width: clamp(240px, 78.5714vw, 330px) !important;
		height: clamp(220px, 26.1904vw, 330px) !important;
	}

	#album-sec .HPFeaturedAlbums ul li h3 span,
	.HPVideo p a {
		font-size: clamp(16px, 4.5238vw, 19px);
		line-height: clamp(20px, 5.4761vw, 23px);
	}
}
/********* Eighth Row :- Feature Media Section End**************/

/********* Ninth Row :- Usefull Links Section **************/
#ninth-row-inner {
  max-width: 1400px;
  background: #f7f6f0;
  padding: 50px 0px 50px;
	
}
#links {
  display: grid;
  align-items: start;
  z-index: 9;
  position: relative;
  grid-template-columns: 220px auto;
  column-gap: 51px;
  max-width: 1200px;
  margin: 0 auto;
}
.links-head {
  padding: 0px 0 0 0px;
  margin: -9px 0 0 0px;
}
.links-head h2 {
  font-size: clamp(30px, 3.809vw, 48px);
  line-height: clamp(30px, 3.809vw, 48px);
  letter-spacing: 0.48px;
  font-weight: 500;
  display: inline-block;
  color: #1f1c59;
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0px 0 0px -2px;
}
.links-head h2 a{
	text-decoration: none;
	color: #1f1c59;
}
.links-head h2 a:hover,
.links-head h2 a:focus{
	color: #1f1c59;
}
#links .container table tbody {
    list-style: none;
    align-items: center;
    gap: 16px;
    padding: 0 0 0 0;
    margin: 0px 0 0 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}
#links .container table tbody tr {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 220px;
	
}
#links .container table tbody tr:hover,
#links .container table tbody tr:focus {
	color: #fff;	
}
#links .container table tbody tr .tableLeft {
	display: none;
}
#links .container table tbody tr a {
  font-size: clamp(18px, 1.904vw, 24px);
  line-height: clamp(22px,1.587vw, 20px);
  letter-spacing: 0.24px;
  font-weight: 500;
  text-decoration: none;
  color: #333666;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px 9px 21px;
  width: 100%;
  height: 100%;
  min-height: 120px;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  text-transform: capitalize;
  background: #fff;
  font-family: "Barlow Condensed", sans-serif;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.07);
  text-align: center;
}
#links .container table tbody tr a:hover,
#links .container table tbody tr a:focus{
	color: #fff;
}
#links .container table tbody tr a:hover,
#links .container table tbody tr a:focus {
	color: #fff;
	text-decoration: none !important;
  background: #1f1c59;
}
#links .container table tbody tr .tableRight {		
	padding: 0 !important;
	width: 100%;
	height: 100%;
}
#links .container table tbody tr #r {
	border: none;
	padding: 0 !important;
	width: 100%;
}
#links .container table tbody tr #l {
	display: none;
}
#links .container table tbody tr#showAll-hplinks .tableRight {
	background: none !important;
	min-height: auto;
}
#links .container table tbody tr#showAll-hplinks {
  background: transparent;
  position: absolute;
  left: 0;
  min-height: auto;
  border: none;
  width: auto;
  top: 76px;
}
#links .container table tbody tr#showAll-hplinks a {
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  position: relative !important;
  text-decoration: none !important;
  padding: 14px 20px 16px 22px !important;
  color: #120f11 !important;
  margin: 0px 0px 0 0px !important;
  background: none !important;
  text-transform: uppercase !important;
  font-family: "Roboto", sans-serif !important;
  z-index: 99 !important;
  min-height: auto !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
  letter-spacing: 1.2px !important;
  text-align: center !important;
  justify-content: center !important;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  border: 1px solid #acdce6 !important;
  box-shadow: none !important;
}
#links .container table tbody tr#showAll-hplinks a:hover ,
#links .container table tbody tr#showAll-hplinks a:focus {
	text-decoration: none !important;
	background: #fff !important;
}
@media only screen and (max-width: 1260px) {
	#links {
		grid-template-columns: clamp(200px,18.333vw, 220px) auto;
    margin: 0 20px;
	}	
  #links .container table tbody tr{
    width: clamp(150px, 15.87vw, 200px);
  }
  #links .container table tbody tr a{
    min-height: clamp(70px, 9.523vw, 120px);
  }
}
@media only screen and (max-width: 1100px) {
  #links{
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {

	#ninth-row-inner {
		padding: 40px 0 100px;
	}
  #links {
    grid-template-columns: auto;
  }
	.links-head {
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#links .container table tbody{
		justify-content: center;
	}
	#links h2 {
		text-align: center;
		margin: 0px 0 25px;
	}
	#links .container table tbody tr#showAll-hplinks {
    position: absolute;
    margin: 0 auto;
    bottom: -70px;
    top: unset;
    left: 0;
    right: 0;
    width: 112px;
	}	
	.width15 {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
  #links .container table tbody{
    gap: 10px;
  }
}

/********* Ninth Row :- Usefull Links Section End**************/

/**************************** Extra CSS  For All*******************/

#goog-gt-tt .gray {
	color: #666 !important;
} 
.video-js .vjs-control-text {
	color: #000;
}
nav.en-nav ul li span.nav_icon{
	color:#000 !important;
	background-color: #fff ;
}

.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge {
  color: #2b2b2b !important;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd {
  z-index: var(--en-z-index-max) !important;
}

/********* bell schedules ***********/
@media screen and (max-width: 600px) {
	.en-bell-schedules-data-header {
	  line-height: 1.1;
	}
}
@media (max-width: 480px){
	.en-bell-schedules-data-header div {
		height: auto !important;
	}
}	
div.en_unused_images_gallery img.en-unused-image-enlarge-icon {
	bottom: 5px;
	right: 0px;
}

/******* Smartphone Banner *******/
#mobileapp-smart-banner .en-smartAppBanner-content {
    width: 100% !important;
}

/***** Css For mobile album z-index ****/
.disable-overflow header{
    z-index: var(--en-z-index-max);
}

/*********** Header Translate *********/

@media only screen and (max-width: 768px) {
	.translated-rtl header.enh1 nav.en-mobnav-show,
	.translated-ltr header.enh1 nav.en-mobnav-show {
		height: calc(100% - 40px);
		margin-top: 40px;
	}
}
@media only screen and (max-width: 900px) {
    .skiptranslate {
      z-index: var(--en-z-index-max) !important;
    }
}  



/************ Table Responsive **********/
@media (max-width: 700px) {
    div table.en-editable-table colgroup {
        display: none;
    }
    .en-responsive-table-td {
        display: flex !important; 
        align-items: stretch !important;
        box-sizing: border-box;
    }
    .en-responsive-table-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    table.en-responsive-table tr.en-responsive-table-tr {
        height: auto!important;
    }
    table.en-responsive-table :is(.en-responsive-table-content,.en-responsive-table-header) {
        border-bottom: none;
        border-right: none;
    }
}