/* imports and fonts imports */
@import url('https://use.typekit.net/syv0mnd.css');

/* General */
body {
  margin: 0;
  padding: 0;
	height: 100%;
  overflow-x: hidden;
}

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: 99999 !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 {
	padding: 0;
	margin: 0;
}

a,
a:active,
a:visited {
	color: #0d0d59;
}

a:hover,
a:active {
	outline: 0;
	color: #0c1f5f;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/* Normalization of fonts */
abbr[title] {
	border-bottom: 1px dotted;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	_font-family: "courier new", monospace;
	font-size: 16px;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

#goog-gt- h1{
  color: #000;
}

/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
	--en-website-width: 1200px;
}

/* 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:1260px) {
  .rows-inner {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media screen and (max-width:786px) {
  .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;
  }
}


/* Index properties:- Video Banner */
#index-wrapper{
  position: relative;
  background: #000;
}
#index-top {
  position: relative;
  max-height: 622px;
  overflow: hidden;
  margin: 0px;
}
#index-top::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 126px;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
  z-index: 2;
}
#index-top .en-widescreen-video {
	position: relative;
  margin: 0 auto;
  width: 100%;
}
.en-widescreen-video video{
  max-height: 622px;
}
.en-widescreen-video video {
  height: 100%;
}
.en-widescreen-video .en-video-controls {
	left: 20px!important;
  bottom: 20px !important;
	right: auto !important;
  z-index: 20;
}
.en-widescreen-video button {
  background-color: #0c1f5f !important;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
}
.en-widescreen-video button:hover, 
.en-widescreen-video button:focus {
	background-color: #fff !important;
	color: #0c1f5f !important;
}

@media only screen and (max-width: 990px) {
  #index-top::before{
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .en-widescreen-video .en-video-controls {
    z-index: 2;
  }
  .en-widescreen-video .en-video-controls {
    left: 10px !important;
    bottom: 10px !important;
  }
}

.display_change {
  display: block !important;
}

/* sidelinks */
#sidelinks {
  position: fixed;
  right: 0px;
  top: 400px;
  z-index: 8;
  width: 200px;
}
#sidelinks ul {
  padding: 0;
  margin: 0;
}
#sidelinks li {
  list-style-type: none;
  display: flex;
  position: relative;
  float: right;
  right: 0px;
  margin: 0 0 8px 0;
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

#sidelinks a {
  width: 136px;
  min-height: 66px;
  padding: 10px 20px 10px 16px;
  border-right: 0;
  text-decoration: none;
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  right: 0;
  background-color:#ffffff;
  transition: all 0.4s ease-in-out;
  font-family: "new-frank",sans-serif; 
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  color: #0c1f5f;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
}
#sidelinks a::after{
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  bottom: 0;
  width: 20px;
  height: 26px;
  margin: auto 0;
  background: url(/pics/sidelink-flag.png) no-repeat;
  transition: all 0.5s ease-in-out;
}
#sidelinks li:hover,
#sidelinks li:focus {
  box-shadow: none;
}
#sidelinks li a:hover,
#sidelinks li a:focus {
  width: 146px;
  color: #fff;
  background: #0c1f5f;
  box-shadow: -160px 0px 0 0 #0c1f5f inset;
  transition: all 0.4s ease-in-out;
}
#sidelinks li a:hover::after,
#sidelinks li a:focus::after{
  right: 0;
  transition: all 0.5s ease-in-out;
}


@media screen and (max-width: 1675px) {
  #sidelinks {
    position: absolute;
    right: 0px;
    top: 320px;
    z-index: 4;
  }
}

@media screen and (max-width: 1260px) {
  #sidelinks {
    top: clamp(260px, 23.81vw, 300px);
  }
  #sidelinks a {
    padding: 10px 20px 10px 15px;
  }
}

@media screen and (max-width: 990px) {
  #sidelinks {
    position: relative;
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 40px 35px 40px 35px;
    box-sizing: border-box;
  }
  #sidelinks ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  #sidelinks li {
    position: relative;
    box-sizing: border-box;
    width: calc(25% - 10px);
    max-width: 150px;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
  }
  #sidelinks li a {
    width: 100% !important;
    min-height:65px;
    justify-content: flex-start;
    text-align: center;
    margin: 0;
    font-size: clamp(14px, 1.62vw, 16px);
  }
  #sidelinks li a:hover,
  #sidelinks li a:focus {
    width: 100% !important;
  }
  #sidelinks li a br {
      display: none;
  }
}

@media screen and (max-width: 768px) {
  #sidelinks {
      padding: 35px 15px 40px 15px;
  }
  #sidelinks li {
      width: calc(33% - 10px);
  }
}

@media screen and (max-width: 540px) {
  #sidelinks li {
      width: calc(50% - 10px);
  }
}

/* First Row :- Intro and programs Section */
#first-row{
  background: #0c1f5f;
}
#first-row::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 54px;
  background: #f2f2f2;
  z-index: 1;
}
#first-row-inner{
  box-sizing: border-box;
  padding: 0px 0 0px 0;
  max-width: 1210px;
}

#intro-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#intro-box h1{
  font-family: "sofia-pro",sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0px;
  text-align: right;
  color: #fff;
  padding: 0;
  margin:-65px 0 0 -16px;
  text-transform: uppercase;
  width: 100%;
  max-width: 580px;
  position: relative;
  z-index: 3;
}
#intro-box h1 span{
  display: inline-block;
  color: #eb6709;
  text-transform: lowercase;
}
#intro-box h1 .spacer-text1{
  display: inline-block;
  margin: 0 20.5px 0 0;
}
#intro-box h1 .spacer-text2{
  display: inline-block;
  margin: 0 2.5px 0 0;
}
#intro-box h1 .spacer-text3{
  display: inline-block;
  margin: 0 22.5px 0 0;
}
#intro-box h1 .spacer-text4{
  display: inline-block;
  margin: 0 8.5px 0 0;
}
#intro-box  p{
  font-family: "new-frank",sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding: 47px 0 10px 0px;
  margin: 0 0 0 0px;
  width: 100%;
  max-width: 616px;
  box-sizing: border-box;
}

#program-list{
  margin: 0 0 0 -1px;
  width: 100%;
  position: relative;
  z-index: 2;
}
#program-list h2{
  font-family: "sofia-pro",sans-serif;
  font-size: 57px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #fff;
  padding: 0 0 10px 2px;
  margin: 58px 0 20px 0px;
  box-sizing: border-box;
}

#cardSlider1 {
  /*-webkit-filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.05));*/
  margin: 0 0 0 0px;
  width: 100%;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box {
  width:186px;
  min-height: 179px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box a{
  display: block;
  position: relative;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box a::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(235, 103, 9, 0.4);
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:hover a, #cardSlider1 .en-card-slider-inner-container > div.slide-box:focus a{
  background-color: transparent;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box a:hover::before, #cardSlider1 .en-card-slider-inner-container > div.slide-box a:focus:before{
  opacity: 1;
  transform: scale(0.80);
  transition: all 0.4s ease-in-out;
  z-index: 5;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box a::after{
  content: '';
  position: absolute;
  background: url('/pics/bottom-logo-shadow.png') center top no-repeat;
  width: 163px;
  height: 20px;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-size: contain;
  opacity: 0;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box a:hover::after, #cardSlider1 .en-card-slider-inner-container > div.slide-box a:focus:after{
  opacity: 1;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(1) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(1) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/computer.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(2) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(2) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/pol-science.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(3) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(3) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/davinci-bio.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(4) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(4) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/artdance.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(5) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(5) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/jrotc.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(6) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(6) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/liberal-arts.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(7) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(7) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/engineering.png')no-repeat,#eb6709;
}
#cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(8) a:hover:before, #cardSlider1 .en-card-slider-inner-container > div.slide-box:nth-child(8) a:focus:before{
  background-blend-mode: luminosity;
  background: url('/pics/journalism.png')no-repeat,#eb6709;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box a img{
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}

#cardSlider1 .en-card-slider-inner-container > div.slide-box a:hover img, #cardSlider1 .en-card-slider-inner-container > div.slide-box a:focus img{
  transform: scale(0.80);
  transition: all 0.4s ease-in-out;
}

div.slide-box .glance-content img{
  width: auto;
}

#cardSlider1 .en-card-slider-inner-container {
  position: relative;
  max-width: 1210px;
  margin: 0 auto;
}

.slider_controls {
  display: flex;
  justify-content: center;
  column-gap: 15px;
  width: 100%;
  padding: 0;
  position: absolute;
  top: 164px !important;
  right: 0;
  max-height: unset;
  left: 0;
  margin: 0 auto;
}
.slider_controls button {
  padding: 0;
  text-indent: -9999px;
  width: 18px; 
  height: 27px;
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
}
.slider_controls .en-card-slider-button-disabled {
  opacity: 0.5;
  cursor: auto;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.01) !important;
}
.slider_controls .prev_arrow {
  left: -31px;
  background: url('/pics/slide-arrow.png') -86px -10px;
}
.slider_controls .next_arrow {
  right: -32px;
  background: url('/pics/slide-arrow.png') -10px -10px;
  color: #fff !important;
}

.slider_controls .prev_arrow:hover {
  background: url('/pics/slide-arrow.png') -124px -10px;
}
.slider_controls .next_arrow:hover {
  background: url('/pics/slide-arrow.png') -48px -10px;
}
.slider_controls .prev_arrow:focus {
  left: -35px;
  top: -3px;
  width: 26px; 
  height: 35px;
  background: url('/pics/slide-arrow.png') -162px -10px;
}
.slider_controls .next_arrow:focus {
  right: -36px;
  top: -3px;
  width: 26px; 
  height: 35px;
  background: url('/pics/slide-arrow.png') -208px -10px;
}

@media screen and (max-width: 1360px) {
  #cardSlider1 {
    margin: 0 auto;
    max-width: 1033px;
  }
  .slider_controls {
    width: 96%;
  }
}


@media screen and (max-width: 1260px) {
  #intro-box {
    gap: 40px;
  }
  #intro-box h1 {
    font-size: clamp(34px, 5.95vw, 72px);
    line-height: clamp(42px, 5.40vw, 66px);
  }
  #intro-box p {
    font-size: clamp(17px, 1.83vw, 23px);
    line-height: clamp(27px, 2.62vw, 33px);
  }
  #program-list h2{
    font-size: clamp(34px, 4.52vw, 57px);
    line-height: clamp(34px, 4.52vw, 57px);
  }
  #intro-box p br{
    display: none;
  }
}

@media screen and (max-width: 990px) {
  #first-row-inner {
    padding: 40px 0 0px 0;
  }
  #intro-box h1 {
    padding: 0;
    margin: 0;
  }
  #intro-box {
    display: block;
  }
  #intro-box h1 {
    margin: 0 auto;
    text-align: center;
  }
  #intro-box p {
    text-align: center;
    padding: clamp(20px, 3.54vw, 35px) 0 0px 0px;
    margin: 0 0 0 0px;
    max-width: unset;
  }
  #intro-box p br{
    display: none;
  }
  #program-list h2{
    margin: 45px 0 20px 0px;
  }
  #cardSlider1 .en-card-slider-inner-container > div.slide-box {
    width: 186px;
  }
}

@media screen and (max-width: 1140px) {
  #cardSlider1 {
    margin: 0 auto;
    max-width: 820px;
  }
  .slider_controls .prev_arrow {
    left: -10px;
  }
  .slider_controls .next_arrow {
    right: -10px;
  }
  .slider_controls .next_arrow:focus {
    right: -14px;
  }
  .slider_controls .prev_arrow:focus {
    left: -14px;
  }
}

@media screen and (max-width: 990px) {
  #cardSlider1 {
    max-width: 607px;
  }
  #first-row::before {
    height: 40px;
  }
}

@media screen and (max-width: 720px) {
  #cardSlider1 {
    max-width: 394px;
  }
 
}

@media screen and (max-width: 480px) {
  #cardSlider1 {
    max-width: 300px;
  }
 
}


/* Second Row:-  News Section */
#second-row{
  background:#f2f2f2;
}

#second-row-inner {
  padding: 53px 0 51.8px 0;
  box-sizing: border-box;
  max-width: 1297px;
}

/* NEWS SECTION */
#news{
  position: relative;
  margin: 0px 0 0 0;
}
#hp-news {
  width: 100%;
  max-width: 1297px;
  margin: 0 auto;
}

#hp-news > div.en-news-slider {
  --min-card-gap: 0px;
  --image-width: 367px;
  --image-height: 314px;
  --line-height: 24px;
  --font-size: 20px;
  --max-lines-subject: 1;
  --max-lines-summary: 8;
  font-family: inherit;
  color: #ffffff;
}

#hp-news h2.en-news-section-title {
  display: none;
}
#news h2{
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #0c1f5f;
  margin: 0px 0px 27px 45px;
  overflow: hidden;
  padding: 0px 0px 0 0;
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
}
#news h2 a{
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

#hp-news div.en-card-slider-inner-container {
  min-height: 100px;
}

#hp-news div.en-card-slider-inner-container > a {
  border: 0px solid transparent !important;
  position: relative;
  padding: 0 0 0px 0;
  background: transparent !important;
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container{
  background:#0c1f5f !important;
  position: relative;
  overflow: hidden;
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 0px rgba(17, 9, 18, 0.10);
}

#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
  font-family: "new-frank",sans-serif; 
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: normal;
  text-align: center;
  color: #0c1f5f;
  justify-content: flex-start !important;
  margin: 0 0px 0px 0px !important;
  padding: 22.5px 12px 0px 5px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  min-height: unset;
  background: #f2f2f2;
  position: relative;
  z-index: 2;
}
#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;
}

#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {
  font-family: "sofia-pro",sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.25px;
  text-align: center;
  color: #000;
  position: absolute;
  top: -361px;
  margin: 0 auto !important;
  width: 100%;
  max-width: 406px;
  min-width: 406px;
  max-height: 315px;
  min-height: 315px;
  background: #fff;
  padding: 40px 45px 40px 45px;
  box-sizing: border-box;
  transition: all 0.5s ease-in-out;
  z-index: 1;
  left: -21px;
  right: 0;
  display: none;
	border: solid 1px #e8e8e8;
}
#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{
    align-items: center;
  transition: all 0.5s ease-in-out;
  display: flex;
}
#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary span{
  -webkit-line-clamp: var(--max-lines-summary);
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 225px;
  overflow: hidden;
}
#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
  max-width: 100px;
  background-color: #eb6709;
  margin: 0 auto;
}

div.en-news-slider > div.en-news-slider-footer {
}
#hp-news div.en-news-show-all{
  display: block;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
#hp-news div.en-news-show-all a{
  display: inline-block;
  text-decoration: none;
  font-family: "sofia-pro",sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: 0.85px;
  text-align: center;
  color: #0c1f5f;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 10px;
  right: 0;
  box-sizing: border-box;
  margin: 0px 49.5px 0 0;
}
#hp-news div.en-news-show-all a::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 0%;
  height: 2px;
  background: #0c1f5f;
  transition: all 0.5s ease-in-out;
}
#hp-news div.en-news-show-all a:hover::before, #hp-news div.en-news-show-all a:focus:before{
  width: 100%;
  left: 0;
  transition: all 0.5s ease-in-out;
}


#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
  opacity: 0.5 !important;
  cursor: auto;
  color: rgba(0, 0, 0, 1) !important;
  background-color: rgba(233,245,253,0.5) !important;
}

/* News slider arrows */
#hp-news div.en-news-slider-buttons {
  display: flex;
  justify-content: center;
  column-gap: 15px;
  width: 100%;
  padding: 0;
  margin:0 auto;
  min-height: unset;
  box-sizing: border-box;
  position: absolute;
  bottom: unset;
  left: 0;
  right: 0;
  top: 212px;
}

#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: 8px;
  border-radius: 0;
  text-indent: -9999px;
  width: 21px; 
  height: 33px;
  background: url('/pics/slide-arrow1.png') -133px -10px;
}

#hp-news div.en-news-slider-buttons button.en-news-next {
  right: 8px;
  border-radius: 0;
  text-indent: -9999px;
  width: 21px;
  height: 33px;
  background: url('/pics/slide-arrow1.png') -51px -10px;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:hover{
  background: url('/pics/slide-arrow1.png') -10px -10px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:hover{
  background: url('/pics/slide-arrow1.png') -92px -10px;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
  top: -3px;
  left: 5px;
  width: 28px; 
  height: 39px;
  background: url('/pics/slide-arrow1.png') -222px -10px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:focus {
  top: -3px;
  right: 4px;
  width: 28px; 
  height: 39px;
  background: url('/pics/slide-arrow1.png') -174px -10px;
}

@media only screen and (max-width: 1380px) {
  #second-row-inner {
    padding: 70px 0 110px 0;
  }
  #hp-news {
    width: 100%;
    box-sizing: border-box;
  }
  div.en-news-slider > div.en-news-slider-footer {
    margin:0;
  }
  #hp-news div.en-news-slider-buttons {
    justify-content: space-between !important;
    padding: 30px 10px 0 10px !important;
    position: absolute;
    width: 100% !important;
    min-height: 32px;
    box-sizing: border-box;
  }
  #hp-news div.en-news-slider-buttons button {
    position: absolute !important;
  }
  #hp-news div.en-news-slider-buttons {
    top: unset !important;
    bottom: -65px;
    width: 90% !important;
  }
  #hp-news div.en-news-slider-buttons button.en-news-prev {
    left: 4px !important;
    top: 0 !important;
  }
  #hp-news div.en-news-slider-buttons button.en-news-next {
    right: 4px !important;
    top: 0 !important;
  }
  #hp-news div.en-news-slider-buttons button.en-news-prev:focus {
    left: 1px !important;
    top: -3px !important;
  }
  #hp-news div.en-news-slider-buttons button.en-news-next:focus {
    right: 0px !important;
    top: -3px !important;
  }
  .news_box {
    max-width: 1200px;
  }
  #hp-news div.en-news-show-all {
    padding: 0;
    top: -48px;
    right: 0px;
  }
}

@media screen and (max-width: 1260px) {
  #news h2{
    font-size: clamp(32px, 3.33vw, 42px);
    line-height: clamp(32px, 3.33vw, 42px);
  }
  #hp-news {
    max-width: 764px;
  }
}

@media screen and (max-width: 990px) {
  #second-row-inner {
    padding: 50px 0 70px 0;
  }
  #news h2{
    text-align: center;
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  #hp-news {
    text-align: center;
  }
  div.en-news-slider > div.en-news-slider-footer {
    margin: 50px 0 0 0 !important;
  }
  #show-btn {
    margin:0;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
  #hp-news div.en-news-slider-buttons {
    top: unset !important;
    bottom: 0;
  }
  #hp-news div.en-news-show-all a{
    position: relative;
    top: unset;
    margin: 0 auto;
    right: 0;
    left: 0;
    z-index: 4;
  }
  div.en-news-slider > div.en-news-slider-footer {
    justify-content: center !important;
  }
}
@media screen and (max-width: 920px) {
  #hp-news {
    max-width: 588px;
  }
}

@media screen and (max-width: 480px){
  #hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary{
    min-width: unset;
    left: 0;
  }
  #hp-news > div.en-news-slider {
    --image-width: 320px;
  }
}



/* Third Row :- Media, Links and Events Sections */
#third-row{
  background: #fff;
  overflow-x: hidden;
}
#third-row-inner {
  box-sizing: border-box;
  padding:98px 0 0px 0;
  grid-template-columns: 831px 368px;
  align-items: flex-start;
  justify-content: space-between;
}

#video-link-section{
  width: 100%;
}

#media-block{
  width: 100%;
  max-width: 756px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#media-block h2{
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.82px;
  text-align: left;
  color: #0c1f5f;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  position: relative;
  margin: -1px 0 0 0;
  padding: 0;
  left: -9px;
}
#media-block #video-box{
  width: 100%;
  max-width: 704px;
  position: relative;
	margin: 0 0 47px 0;
}
#media-block #video-box h2{
  display: none !important;
}
#media-block #video-box .videowrapper{
	position: relative;
}
#media-block #video-box::after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background: #eb6709;
}

#media-block #video-box .videoTitle{
  width: 100%;
  margin: 27.5px 0 0 0;
  position: relative;
}
#media-block #video-box::before{
  content: '';
  position: absolute;
  bottom: 0px;
  top: unset;
  left: -1px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background: #eb6709;
  max-width: 684px;
}
#media-block #video-box .videoTitle a{
  display: block;
  text-decoration: none;
  font-family: "new-frank",sans-serif; 
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0 5px;
  box-sizing: border-box;
}
#media-block p{
  display: block;
  text-decoration: none;
  font-family: "new-frank",sans-serif; 
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 23px 0 1px 0;
}

/* IMPORTANT LINKS */
#links {
  position: relative;
  left: 0px;
  z-index: 3;
  background: #eb6709;
  margin: 54px 0 0 0;
  padding: 52px 0 32px 0;
  box-sizing: border-box;
}
#links::before{
  content: '';
  position: absolute;
  top: 0;
  left: -500%;
  width: 500%;
  height: 100%;
  background: #eb6709;
  z-index: 0;
}
#links::after{
  content: '';
  position: absolute;
  top: 0;
  right: -600%;
  width: 600%;
  height: 100%;
  background: #eb6709;
  z-index: 0;
}

#links h2 {
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: center;
  color: #0c1f5f;
  margin: 0px 0 28px 0px;
  overflow: hidden;
  padding: 0px 56px 0px 0px;
  box-sizing: border-box;
  width: 100%;
  text-transform: uppercase;
}
#links h2 span{
  font-weight: 500;
}

#links h2 a {
  display: inline-block;
  text-decoration: none;
  color:inherit;
}

#links .container {
  position: unset;
  z-index: 2;
  width: 100%;
  padding: 0 50px 0 0;
  box-sizing: border-box;
}

#links table{
  width: 100%;
}
#links table tbody {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 19px;
  column-gap: 19px;
  align-items: flex-start;
  width: 100%;
}
#links table tr:not(#showAll-hplinks){
  border-radius: 0px;
}
#links table tr:not(#showAll-hplinks) td {
  padding: 0;
  border: 0;
  margin: 0;
  display: block;
  border-radius:0px;
}

#links table tr #l,
#links table tr .tableLeft {
  display: none !important;
}

#links table tr:not(#showAll-hplinks) td a {
  text-decoration: none;
  width: 245px;
  min-height: 114px;
  background: #fff;
  box-sizing: border-box;
  font-family: "new-frank",sans-serif; 
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.18px;
  text-align: left;
  color: #0c1f5f;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all .3s ease-in-out;
  margin: 0 0 0px 0px;
  position: relative;
  top: 0;
  padding: 11.5px 23px 10px 23px;
}
#links table tr:not(#showAll-hplinks) td a span{
  position: relative;
  z-index: 3;
}
#links table tr:not(#showAll-hplinks) td a:hover,
#links table tr:not(#showAll-hplinks) td a:focus {
  color: #fff;
  background:#0c1f5f;
  text-align: center;
  justify-content: center;
  transition: all .3s ease-in-out;
}

#showAll-hplinks {
  position: relative;
  right: 0;
  top: 0;
  margin-top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
#showAll-hplinks td{
  margin: 0px !important;
}
#showAll-hplinks td a {
  padding: 0;
  margin-top: 0;
}

#showAll-hplinks td a {
  border: 0;
  display: inline-block;
  text-decoration: none;
  font-family: "sofia-pro",sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: 0.85px;
  text-align: center;
  color: #0c1f5f;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  box-sizing: border-box;
  margin: 11.5px 58px 0 0;
  position: relative;
}
#showAll-hplinks td a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 0%;
  height: 2px;
  background: #0c1f5f;
  transition: all 0.5s ease-in-out;
}
#showAll-hplinks td a:hover,
#showAll-hplinks td a:focus{
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}

#showAll-hplinks td a:hover::before,
#showAll-hplinks td a:focus::before {
  width: 100%;
  left: 0;
  transition: all 0.5s ease-in-out;
}

/* Events */
.rows-inner #events{
  width: 100%;
  max-width: 368px;
  padding: 40.5px 5px 27.8px 20px;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 0px 0px;
  background: #0c1f5f;
  z-index: 3;
}
.event-box{
  min-height: 1064px;
}
.rows-inner #events::after{
  content: '';
  position: absolute;
  top: 0;
  right: -800%;
  width: 800%;
  height: 100%;
  background: #0c1f5f;
}
.event-box{
  position: relative;
}

.rows-inner #events .container{
  position: relative;
  z-index: 2;
}
#events-page #events {
	width: 100%;
}
#events-page #events::before {
	display: none !important;
}
#events #hp-events #events {
  margin: 0 0 0px 0;
  padding: 0 0px 0 0;
  box-sizing: border-box;
  height: 100%;
  max-height: 843px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#hp-events {
  padding: 0px 0 0px 0px;
  position: relative;
  overflow: visible !important;
  margin: -8px 0 0 0;
  z-index: 1;
}
.dayeventwrap{
  position: relative;
  top: 0;
  padding: 25px 0 0 0;
  box-sizing: border-box;
}
.dayeventwrap:nth-child(1){
  top: 0.5px;
}
.rows-inner #events ul li {
  margin: 0 0px 0px 0 !important;
  position: relative;
  top: 0px;
  list-style: none;
  padding: 2px 0 30px 0px;
  box-sizing: border-box;
}
.rows-inner #events h2 {
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: left;
  color: #fff;
  margin: 0px 0 0px 21px;
  overflow: hidden;
  padding: 0px 0 15px 0;
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
}
.rows-inner #events h2 a {
	display: inline;
  color: inherit;
  text-decoration: none;
}
.rows-inner #events #hp-events .v3 .dayInfoWrap {
  width: 82px;
  min-height: unset;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 0 0 0;
  background: transparent;
  border-radius: 0 !important;
  align-items: center;
}
#hp-events .hpeventlinks div {
	margin: 0 !important;
}
#events #hp-events .v3 span.month {
	-webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  font-family: "new-frank",sans-serif;
  font-size: 21px;
  font-weight: 900;
  line-height: 23px;
  letter-spacing: 0.53px;
  text-align: center;
  color: #000;
  width: 71px;
  height: 28px;
  background-color: #eb6709;
  text-transform: uppercase;
  top: 0;
  position: relative;
  margin: 0;
  clip-path: polygon(0 0, 100% 0, 85% 50%, 100% 100%, 0 100%, 15% 50%);
  padding: 3px 1px 1px 2px;
  box-sizing: border-box;
}
#events #hp-events .v3 span.day {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  font-family: "sofia-pro",sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: -1.1px;
  text-align: center;
  color: #fff;
  margin: 0px;
  position: relative;
  top: -6px;
  width: 100%;
}
#events #hp-events .v3 ul {
  padding-left: 90.5px;
  margin-bottom: 0px;
  top: 0px;
  position: relative;
  min-height: 115px !important;
  margin-top: 0;
  margin-left: 3px;
  border-left: 0;
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  width: 100%;
  max-width: 326px;
}
#events #hp-events ul li.event div {
  font-family: "sofia-pro",sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.27px;
  text-align: left;
  color: #fff;
	margin-bottom: 0 !important;
	position: relative;
	top:0px;
}
#events #hp-events ul li.event div.location span{
  display: none;
}
#events #hp-events ul li.event div span:nth-child(1){
  display: none;
}
#events #hp-events ul li.event div a {
  font-family:"new-frank",sans-serif; 
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: normal;
  text-align: left;
  color: #eb6709;
  text-decoration: none;
  transition: 0.5s all ease-in-out;
  display: inline-block;
  margin: 0 0 4px 0;
}
#events #hp-events ul li.event div a:hover,
#events #hp-events ul li.event div a :focus {
	text-decoration: underline;
}
#hp-events ul li.event div.title {
	margin-bottom: 0px !important;
}
#hp-events .hpeventlinks {
  margin-left: 0 !important;
  position: relative;
  bottom: 0;
  left: 15px;
  width: 100%;
  display: flex;
  margin: 53px 0px 0 0px;
  justify-content: flex-start;
  gap: 24px;
  left: 18.5px;
}
#events #hp-events .hpeventlinks div{
	display: inline-block;
}
#events #hp-events .hpeventlinks div a{
  border: 0;
  display: inline-block;
  text-decoration: none;
  font-family: "sofia-pro",sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: 0.85px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  box-sizing: border-box;
  margin: 0px 0 0;
  position: relative;
  padding: 0 0 0px 0;
}
#events #hp-events .hpeventlinks div a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 0%;
  height: 2px;
  background: #fff;
  transition: all 0.5s ease-in-out;
}
#events #hp-events .hpeventlinks div a span{
  position: relative;
  z-index: 3;
}
#events #hp-events .hpeventlinks div a:hover, #events #hp-events .hpeventlinks div a:focus{
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
#events #hp-events .hpeventlinks div a:hover::before, #events #hp-events .hpeventlinks div a:focus::before{
  width: 100%;
  left: 0;
  transition: all 0.5s ease-in-out;
}

#hp-events .v3 ul li div.img {
  margin-top: 10px !important;
  padding: 0 0 10px 0;
  box-sizing: border-box;
}

#sd-arrow{
	background: #000 !important;
}

#events-page #events span.dow {
  font-family: "Sora", sans-serif !important;
}

#events-page #events {
	width: 100% !important;
	max-width: unset !important;
	padding:0!important;
}

@media screen and (max-width: 1260px){
  #third-row-inner {
    box-sizing: border-box;
    padding: 80px 0 0px 0;
    grid-template-columns: auto auto;
    gap: 40px;
  }
  #media-block #video-box .videowrapper .video_player{
    width: 100% !important;
    max-width: 704px;
  }
  #media-block #video-box iframe{
    width: 100% !important;
    max-width: 704px;
  }
  #media-block #video-box .videowrapper video{
    width: 100% !important;
  }
  #media-block h2, #events h2, #links h2{
    font-size: clamp(32px, 3.33vw, 42px);
    line-height: clamp(32px, 3.33vw, 42px);
  }
  #links table tbody {
    row-gap: 15px;
    column-gap: 15px;
  }
  #links table tr:not(#showAll-hplinks) td a {
    width: 100%;
    padding: 10px 15px 10px 15px;
    font-size: clamp(16px, 1.43vw, 18px);
    line-height: clamp(18px, 1.59vw, 20px);
  }
  #links table tr:not(#showAll-hplinks) {
    width: calc(33% - 15px);
    justify-content: center;
  }
  #showAll-hplinks td a{
    margin: 11px 0px 0 0;
  }
  #events {
    padding: 40px 0 40px 35px;
  }
  #events #hp-events .v3 span.day{
    font-size: clamp(38px, 3.81vw, 48px);
  }
  #events #hp-events .v3 span.month{
    font-size: clamp(17px, 1.67vw, 21px);
  }
  #events #hp-events ul li.event div a {
    font-size: clamp(18px, 1.59vw, 20px);
    line-height: clamp(21px, 1.83vw, 23px);
  }
  #events #hp-events ul li.event div {
    font-size: clamp(16px, 1.43vw, 18px);
    line-height: clamp(21px, 1.83vw, 23px);
  }
  #media-block #video-box .videoTitle a{
    font-size: clamp(17px, 1.51vw, 19px);
    line-height: clamp(20px, 1.83vw, 23px);
  }
  #media-block #video-box .videoTitle::before {
    left: 0px;
    width: 80%;
    max-width: unset;
    top: -24px;
  }
  #links .container {

    padding: 0 0px 0 0;
  }
}

@media screen and (max-width: 990px){
  #media-block {
    display: block;
    margin: 0 auto;
  }
  #media-block h2{
    writing-mode: unset;
    transform: none;
    margin: 0px 0 15px 0;
    padding: 0;
    left: 0;
  }
  #media-block #video-box .videowrapper .video_player {
    height: 100% !important;
  }
  #media-block #video-box .videowrapper video {
    height: 100%;
  }
  .event-box {
    min-height: unset;
  }
  #links table tbody{
    justify-content: center !important;
  }
  #links table tr:not(#showAll-hplinks) {
    width: calc(33% - 10px);
  }
  #media-block #video-box .videoTitle {
    margin: 20px 0 0 0;
  }
  #events {
    padding: 40px 0 40px 25px;
  }
  #links h2{
    padding: 0;
  }

  #third-row-inner {
    padding: 70px 0 0px 0;
    display: block;
  }
  #media-block h2{
    text-align: center;
  }
  
  #links{
    margin: 50px 0 0 0;
    padding: 50px 0 35px 0;
  }
  #links table tbody {
    row-gap: 10px;
    column-gap: 10px;
  }
  #events h2 {
    margin: 0px 0 10px 0px;
    text-align: center;
    width: 100%;
  }
  #events {
    width: 100%;
    max-width: unset;
    padding: 40px 15px 40px 15px;
  }
  #events #hp-events .v3 ul {
    max-width: unset;
  }
  #events::before{
    content: '';
    position: absolute;
    top: 0;
    left: -500%;
    width: 500%;
    height: 100%;
    background: #0c1f5f;
  }
  #hp-events .hpeventlinks {

    margin: 50px 0px 0 0px;
    justify-content: center;
    gap: 20px;
    left: 0;
  }
  #media-block #video-box iframe {
    width: 100% !important;
    max-width: 704px;
    height: 100% !important;
    min-height: clamp(220px, 50.51vw, 500px);
  }
  #media-block #video-box {
    margin: 0 auto 20px auto;
  }
  #hp-events{
    margin: 0;
  }
  #events #hp-events #events{
    max-height: unset;
    overflow-y: visible;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 560px){
  #links table tr:not(#showAll-hplinks) {
    width: calc(50% - 10px);
  }
}



/* Fourth Row :- Parallax Section */
#fourth-row{
  background: #fff;
}
#fourth-row.parallax-box {
	position: relative;
	background-image: url(/pics/parallax.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	width: 100%;
	color: #fff;
	background-color: #000;
  min-height: 353px;
}

#fourth-row-inner {
  padding: 0;
  box-sizing: border-box;
}



/* Fifth Row :- Glance Section */
#fifth-row {
  background: #0c1f5f;
}
#fifth-row-inner {
  padding: 78px 0 71px 0;
  box-sizing: border-box;
}

#glance-block{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
#glance-block h2{
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.15px;
  text-align: center;
  color: #fff;
  padding: 0;
  margin: 64.5px 62px 0 0;
  text-transform: uppercase;
  width: 100%;
  max-width: 125px;
}
#glance-block #glance-list{
  width: 100%;
  max-width: 675px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0px 0 0;
  column-gap: 115px;
  row-gap: 50px;
}
#glance-block #glance-list .glance-box{
  width: 178px;
  max-width: 178px;
  min-height: 80px;
  position: relative;
  margin: 0;
}
#glance-block #glance-list .glance-box:nth-child(1){
  width: 128px;
  max-width: 128px;
  margin: 0;
  top: 0px;
  left: -3px;
}
#glance-block #glance-list .glance-box:nth-child(2){
  width: 150px;
  max-width: 150px;
  margin: 0;
  top: 0;
  left: -3px;
}
#glance-block #glance-list .glance-box:nth-child(3){
  width: 165px;
  max-width: 165px;
  margin: 0;
  top: 0;
  left: 0;
}
#glance-block #glance-list .glance-box:nth-child(4){
  width: 150px;
  max-width: 150px;
  margin: 0;
  top: -1px;
  left: -2px;
}
#glance-block #glance-list .glance-box:nth-child(5){
  width: 178px;
  max-width: 178px;
  margin: 0;
  top: -2px;
  left: -27px;
}
#glance-block #glance-list .glance-box:nth-child(6){
  width: 115px;
  margin: 0 0px 0 0;
  top: -2px;
  left: -51px;
}
#glance-block #glance-list .glance-box h3{
  font-family: "new-frank",sans-serif; 
  font-size: 60px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: -1.5px;
  text-align: left;
  color: #eb6709;
  padding: 0;
  margin: 0;
  font-feature-settings: 'lnum', 'pnum';
}
#glance-block #glance-list .glance-box h3 span{
  display: block;
  font-family: "new-frank",sans-serif; 
  font-size: 21px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 15px 0 0 0;
  position: relative;
}
#glance-block #glance-list .glance-box:nth-child(1) h3 span{
  margin: 15px 0 0 0px;
  top: 0;
  left: 0;
}
#glance-block #glance-list .glance-box:nth-child(2) h3 span{
  margin: 15px 0 0 -2px;
}

#dog-image{
  position: absolute;
  bottom: -23px;
  left: -3px;
  width: 100%;
  max-width: 305px;
  z-index: 3;
}

@media screen and (max-width:1260px){
  #glance-block h2{
    font-size: clamp(32px, 3.33vw, 42px);
    line-height: clamp(32px, 3.33vw, 42px);
    margin: clamp(40px, 5.16vw, 65px) 20px 0 0;
  }
  #glance-block #glance-list{
    column-gap: clamp(50px, 4.5vw, 100px);
    row-gap: clamp(35px, 3.97vw, 50px);
    max-width: clamp(580px, 53.57vw, 675px);
  }
  #glance-block #glance-list .glance-box h3 {
    font-size: clamp(42px, 4.76vw, 60px);
    line-height: clamp(34px, 3.49vw, 44px);
  }
  #glance-block #glance-list .glance-box h3 span{
    font-size: clamp(17px, 1.67vw, 21px);
    line-height: clamp(20px, 1.83vw, 23px);
  }
  #dog-image {
    max-width: clamp(170px, 22vw, 305px);
    left: 0;
  }
}

@media screen and (max-width:990px){
  #fifth-row-inner {
    padding: 50px 0 0px 0;
  }
  #glance-block {
    display: block;
  }
  #glance-block h2 {
    margin: 0 0 30px 0;
    max-width: unset;
  }
  #glance-block #glance-list {
    margin: 0 auto;
  }
  #dog-image {
    max-width: 180px;
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
    display: block;
  }
  #glance-block #glance-list {
    margin: 0 auto;
    justify-content: space-around;
  }
  #glance-block #glance-list .glance-box h3 {
    text-align: center;
  }
  #glance-block #glance-list .glance-box h3 span {
    text-align: center;
    margin: 15px 0 0 0px !important;
  }
  #glance-block #glance-list .glance-box{
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
    max-width: unset !important;
  }
}

@media screen and (max-width:700px){
  #glance-block #glance-list {
    margin: 0 auto;
    justify-content: center;
    column-gap: 20px !important;
  }
  #glance-block #glance-list .glance-box {
    width: 30% !important;
  }
}

@media screen and (max-width: 480px) {
  #glance-block #glance-list .glance-box {
    width: 46% !important;
  }
}


/* Sixth Row :- Social and Featured Video Section */
#sixth-row {
  background: #fff;
}

#sixth-row-inner {
  padding: 66.5px 0 57px 0;
  box-sizing: border-box;
  grid-template-columns: 573px 574px;
  align-items: flex-start;
  justify-content: space-between;
}

#instagram-box{
  width: 100%;
  max-width: 573px;
  margin: 0px 0 0 0;
}
#instagram-box h2 {
    font-family: "sofia-pro",sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.1px;
    text-align: center;
    color: #0c1f5f;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
    padding: 0px 0px 0 0;
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
}
#instagram-box h2 a{
  display: inline;
  color: inherit;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
#instagram-box h2 a:hover, #instagram-box h2 a:focus{
  text-decoration: underline;
  color: #000;
  transition: all 0.4s ease-in-out;
}
#instagram-box h2 img{
  width: 100%;
  max-width: 38px;
  position: relative;
  top: -4px;
  left: 0px;
  transition: all 0.4s ease-in-out;
}
#instagram-box h2 a:hover img, #instagram-box h2 a:focus{
  transition: all 0.4s ease-in-out;
  -webkit-filter: brightness(0) invert(0) !important;
  filter: brightness(0) invert(0) !important;
}

#instagram-feed {
  min-height: 392px;
  padding: 17px 20px 17px 21px;
  box-sizing: border-box;
  border: solid 1px #e8e8e8;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
#instagram-feed #en-insta-feed-div ul { 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 7px;
  row-gap: 7px;
  justify-content: center;
  width:100%;
}
#instagram-feed #en-insta-feed-div ul li {
  max-height: 173px;
  height: 100%;
  padding: 0px !important;
  box-sizing: border-box !important;
  overflow: hidden;
  max-width: 172px !important;
  min-width: 172px;
  padding: 0 !important;
  border-radius: 0px;
}
#en-insta-feed-div ul li a div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative !important;
}
#en-insta-feed-div ul li a div::after {
  padding-bottom: 0 !important;
}


/* Featured Video */
#featured-video {
  position: relative;
  padding: 0 0 0 0px;
  box-sizing: border-box;
  width: 100%;
  max-width: 574px;
  margin: 0;
  z-index: 3;
  right: 2px;
}
#featured-video h2{
  font-family: "sofia-pro",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #0c1f5f;
  margin: 45px 0px 45px 0px;
  overflow: hidden;
  padding: 0px 0px 0 0;
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
}
#featured-video h2 a{
  display: inline;
  color: inherit;
  text-decoration: none;
}
#featured-video .videowrapper {
  position: relative;
}
#featured-video .videowrapper::before{
  content: '';
  position: absolute;
  top: -4px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background: #eb6709;
}
#featured-video #video_player1 {
  background: #000;
  position: relative;
  overflow: visible !important;
}

#featured-video .HPVideo {
  margin-bottom: 0px;
  position: relative;
  margin: 0px 0px 0 0px;
}
#featured-video .videoTitle {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  border-top: 0;
  padding: 0px 0 0px 0px;
  width: 100%;
  text-align: center;
}
#featured-video .videoTitle::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 4px;
  background: #eb6709;
  max-width: 554px;
}
#featured-video .videoTitle a {
  display: inline-block;
  font-family:  "new-frank",sans-serif; 
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  overflow: hidden;
  padding: 0px 5px 3px 5px;
  margin: 23px 0 0px 0;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
}
#featured-video .videoTitle a:hover, #featured-video .videoTitle a:focus{
  color: #000;
}
#featured-video .video_player video {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  z-index: 1;
}

#featured-video video {
  background-color:#000 !important;
}

@media screen and (max-width: 1260px) {
  #sixth-row-inner {
    padding: 65px 0 60px 0;
    grid-template-columns: auto auto;
    gap: 40px;
  }

  #instagram-box h2, #featured-video h2{
    font-size: clamp(32px, 3.33vw, 42px);
    line-height: clamp(32px, 3.33vw, 42px);
    padding: 0 0 5px 0;
  }
  #featured-video #video_player1{
    width: 100% !important;
    max-width: 574px;
    height: auto !important;
  }
  #media-block #video-box .videowrapper video{
    width: 100% !important;
  }
  #instagram-feed {
    min-height: unset;
    padding: 15px !important;
  }
  #instagram-feed #en-insta-feed-div ul li {
    max-height: clamp(90px, 9.65vw, 172px);
    height: 100%;
    max-width: clamp(90px, 9.65vw, 172px) !important;
    min-width: clamp(90px, 9.65vw, 172px);
  }
  #instagram-feed #en-insta-feed-div ul {
    max-width: clamp(340px, 39.68vw, 500px);
  }
  #instagram-box h2 img {
    width: clamp(24px, 2.86vw, 36px)x;
    max-width: clamp(24px, 2.86vw, 36px);
    position: relative;
    top: -3px;
    left: 0px;
    bottom: 0;
    margin: auto 0;
  }
}

@media screen and (max-width: 768px) {
  #sixth-row-inner {
    display: block;
  }
  #instagram-box {
    width: 100%;
    max-width: 573px;
    margin: 0 auto 50px auto;
  }
  #instagram-box h2, #featured-video h2 {
    width: 100%;
    margin: 0 0 15px 0;
  }
  #instagram-feed {
    min-height: unset;
    border: 0;
    padding: 0 !important;
  }
  #instagram-feed #en-insta-feed-div ul {
    max-width: 320px;
    margin: 0 auto;
  }
  #featured-video {
    right: 0;
    margin: 0 auto;
  }
}



/* Extra Styles */
#mobileapp-smart-banner .en-smartAppBanner-content {
  width: 100% !important;
}
.disable-overflow header{
  z-index: var(--en-z-index-max);
}
.en-hp-alert-box {
  max-width:100% !important;
}

/**** image centre for DB dialog box ****/
.DB_mask {
  z-index: 99999999999999 !important;
}
.DB_dialog {
  z-index: 999999999999999 !important;
}
.DB_dialog {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  max-height: 90vh;
  padding-left: 0px !important;
  background-color: transparent !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  left: 50% !important;
}

.DB_dialog #PV_imageDiv img:first-child {
  padding: 0px 3px 5px 8px !important;
}

.DB_dialog #PV_imageDiv img:last-child {
  width: auto !important; 
  height: auto !important;
  max-height: 90vh;
  max-width: 90vw;
  padding: 5px !important;
}

.DB_dialog #PV_imageDiv img:nth-child(2) {
  width: auto !important;
  height: auto !important;
  max-height: 80vh;
  max-width: 90vw;
  padding: 5px !important;
}
@media screen and (max-height: 414px) and (max-width: 991px) {
  .DB_dialog {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    max-height: 90vh;
    padding-left: 0px !important;
    background-color: transparent !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
  }
  .DB_dialog #PV_imageDiv img:last-child {
    width: auto !important;
    height: auto !important;
    max-height: 80vh;
    max-width: 90vw;
    padding: 5px !important;
  }
}

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