/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
/*    scroll-behavior: smooth;  */
/*   -webkit-overflow-scrolling: touch;  */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.dnd-section > .row-fluid {
  margin: 0 auto;
}

/* .dnd-section .dnd-column {
  padding: 0 1rem;
}
 */
@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }



/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/


.HABannerSection { position : relative; z-index : 99; background-color : #fff }
.first-load .HABannerSection { height : 100vh }
.Bannerloaded .HABannerSection { height: auto }
.HABanneranimatedSec { transition : all ease-in-out 1s }
 .HABanneranimatedSec.loadedthis {transform: translateY(-100%);  opacity: 0;  visibility: hidden;}
.HABanneranimatedSec.fade-out {opacity: 1; visibility: visible; transform: none; }
.HABanneranimatedSec.loadedthis.fade-out { opacity: 0; visibility: hidden; }
.HABanneranimatedSec.zoom-out.loadedthis { transform: scale(0.5); opacity: 0; visibility: hidden; }
.HABanneranimatedSec.zoom-out { transform: scale(1); opacity: 1; visibility: visible; }
   .HABannerVideoSec {  will-change: unset !important;}


.BannerSectionV1 { overflow : hidden }
.bannerSliderSec { position: relative; z-index: 1; }
.bannerSliderSec:before { content: ""; width: 100%; height: 145px; position: absolute; top: 0; left: 0; z-index: -1; } 
.bannerSLeft { width: 45%; position: relative; padding: 30px 0; z-index: 1; }
.bannerSLeft:before { content: ""; position: absolute; top: -40px; left: -90px; width: 464px; height: 464px; z-index: -1; background-image: url(https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/Theme%20Assets/bg-blur-shape.png); background-size: 100%; background-position: center top; background-repeat: no-repeat; display : none}
.bannerSRight { width: 55%; }
.bannerSlInn { overflow: hidden; padding-left:108px;align-items: stretch !important;}

.bannerSLeft .moduleTitle { margin: 0 0 48px; }
.bannerSlider { margin: 0 -10px; }
.bannerSlider .bannerSlide.slick-slide { cursor: grab; margin: 0 10px; }

.bannerSlider button.slick-prev { left: -10px;}
.bannerSlider .slick-arrow { align-items: center; display: flex; height: 40px;justify-content: center; left: unset; position: absolute; right: 25px; top: 10px; width: 40px;}
.bannerSlider .slick-arrow:before {  align-items: center;background: #EBA310; border-radius: 50%; color: #FFF; content: "\f104"; display: flex; font-family: FontAwesome; height: 100%; justify-content: center; opacity: 1; width: 100%;}
.bannerSlider .slick-arrow {  align-items: center;  display: flex; height: 40px; justify-content: center; left: unset; position: absolute; right: -10px; top: 50%; width: 40px;  z-index: 1;  transform: translateY(-50%);}
.bannerSlider button.slick-next:before { transform: rotate(180deg);}

/* Card Section CSS */
.btncardInner .btncardItem { max-width: calc(25% - 24px); width: 100%; padding: 16px 32px;}
.btncardInner .btncardItem .btncardInn {  display: flex; align-items: center; gap: 16px; height: 100%;    justify-content: center;}
.btncardInner .btncardItem { position: relative;}
.btncardInner .btncardItem a.box_link { position: absolute; width: 100%; height: 100%; top: 0;  left: 0;}
.btncardInnerSlider  .btncardItem {  margin: 15px;}
.btncardInnerSlider  .slick-list.draggable { padding-left: 0 !important; padding-right: 100px !important;}
.btncardInner.btncardInnerSlider .btncardItem { padding: 15px 10px;}

/*  */
.TitleStripInner { padding-left: 48px; padding-right: 48px; position : relative}
.TitleStripInner .TitleStripCol .TitleStripImg { position: absolute;    bottom: 0;    right: 48px;    max-width: 232px;    width: 100%;}
.TitleStripInner .TitleStripCol .TitleStripImg img {    width: 100%;    height: 100%;   object-fit: contain;}
.TitleStripLTCol { max-width: calc(100% - 300px);  width: 100%;}
.TitleStripInner:before,.TitleStripInner:after {  position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20175.png'); right: 0; top: 0; background-size: contain; background-position: center right; background-repeat: no-repeat;}
.TitleStripInner:after {  background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20176.png'); background-position: center left;}
.TitleStripLTCol { position: relative; z-index: 2;}
.TitleStripInner .TitleStripCol .TitleStripImg { z-index: 2;}

.TwoColCardBoxGroup .TwoColCardBox {  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);max-width: calc(50% - 16px); width: 100%; background: rgb(255 255 255 / 10%);}
.TwoColCardBoxImg { max-width: 157px; width: 100%; overflow: hidden;}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt { max-width: calc(100% - 189px);  width: 100%; padding-right : 26px;}
.TwoColCardBoxGroup .TwoColCardBox {  align-items: stretch; position : relative}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxImg {  height: 100%;}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxImg img { width: 100%; height: 100%; object-fit: cover;}
.TwoColCardBoxGroup {  position: relative;}
.TwoColCardBoxGroup:before { position: absolute;  content: ''; width: 100%; height: 100%; background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20177.png');
  background-repeat: no-repeat; background-size: contain; background-position: right bottom 55px; top: 0; right: 0;}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt { position: relative;}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt { flex-direction: column;}
.TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt .TwoColCardBoxLocation { position: absolute; top: 0; right: 0;}


/* Timeline Section  */
.TimelineBoxColumn .TimelineBox { max-width: calc(20% - 25.6px);  width: 100%;}
.TimelineInnerSec { max-width: 994px; width: 100%; margin: 0 auto;}
.TimelineBoxIn { box-shadow: 0 7px 13.3px rgb(0 0 0 / 11%); padding: 8px 12px;}
.TimelineBoxnum { padding-bottom: 28px;}
.TimelineBoxInner { position: relative;}
.TimelineBoxInner:before { position: absolute;  content: ''; width: caLC(100% + 32px); height: 1px; background: #555555; top: -10px; left: -32px;}
.TimelineBoxColumn .TimelineBox:first-child .TimelineBoxInner:before { width: 50%;  right: 0;    left: unset;}
.TimelineBoxColumn .TimelineBox:last-child .TimelineBoxInner:before { width: calc(50% + 32px); left: -32px;}
.TimelineBoxInner:after { position: absolute;  content: ''; border: 4px solid #EBA310; width: 20px;  height: 20px; border-radius: 50%;  left: 50%; transform: translateX(-50%); top: -20px; background: #fff;}
.TimelineBoxLogo { width: 24px; height: 24px;}
.TimelineBoxLogo img { width: 100%; height: 100%; object-fit: contain;}

/* Timeline Section  */

/* Counter Section */
.CounterInner {  padding-left: 16px; padding-right: 16px;}
.CounterBoxCol .CounterBox { max-width: calc(33.33% - 21.33px); width: 100%; text-align: center;}
.CounterInner {  position: relative;}
.CounterInner:before,.CounterInner:after { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20174.png'); background-repeat: no-repeat; background-position: center right;  background-size: contain; bottom: 0; top: 0;}
.CounterInner:after { right: unset; left: 0;  background-position: center left -20px; top: unset; bottom: -30px;}
.CounterBoxCol { position: relative; z-index: 2;}
/* Counter Section */

/* Blog Post Section */
.BlogPostBoxin { position: relative;}
.BlogPostBoxin .BlogPostBoxCTA { position: absolute; bottom: 8px; right: 8px; width: 40px; height: 40px;}
.BlogPostBoxin .BlogPostBoxCTA a { width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center;  justify-content: center;}
.BlogPostBoxin .BlogPostBoxCTA a svg {  width: 18px;}
.Blogposttoptag {  position: absolute; top: 0; width: 100%; left: 0; padding: 8px;}
.Blogposttoptag ul { display: flex;  align-items: center; justify-content: space-between; margin: 0; padding: 0; list-style: none; gap: 10px; flex-wrap: wrap;}
.BlogPostBoxSec .BlogPostBox { max-width: calc(50% - 16px); width: 100%;}
.BlogPostBoxImg img { width: 100%;}
/* Blog Post Section */

/* Three Column Box Section */
.ThreeColumnBoxCol .ThreeColumnBox { max-width: calc(33.33% - 21.5px);    width: 100%;}
.ThreeColumnBoxLogo {  width: 40px; height: 40px;  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.ThreeColumnBoxLogo img {  width: 24px; height: 24px; object-fit: contain;}
.ThreeColumnBoxListItem ul { margin: 0; padding: 0;    list-style: none;}
.ThreeColumnBoxListItem ul li+* { margin-top: 5px;}
.ThreeColumnBoxListItem ul li { padding-left: 20px;    position: relative;}
.ThreeColumnBoxListItem ul li:before { content: '';    position: absolute; width: 3px;    height: 3px; background: currentColor; left: 7px;  top: 7px;}




/* Three Column Box Section */

/*  Latest news section*/
.LatestNewsSliderMain .slick-list.draggable {  padding-left: 0 !important; padding-right : 200px !important}
.LatestNewsSliderMain { margin: 0;}
.LatestNewsSliderMain .LatestNewsSliderBox {  margin-right: 44px;}
.LatestNewsSliderMain .LatestNewsSliderBox .LatestNewsSliderimg {  width: 100%; height: 350px; overflow: hidden;}
.LatestNewsSliderMain .LatestNewsSliderBox .LatestNewsSliderimg img { width: 100%;height: 100%; object-fit: cover;}
.LatestNewsSliderCntcol { padding-left: 16px;padding-right: 16px;}
.LatestNewsSliderMain:before { position: absolute; content: ''; width: 100%; height: 100%; background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20179.png');
  background-repeat: no-repeat; background-size: contain; right: 0; top: 0; background-position: center right;}
.LatestNewsSliderMain .LatestNewsSlider { position: relative; z-index: 1;}

.LatestNewsSection.SocialMediaFeedSec .LatestNewsSliderMain:before {  display: none;}
.LatestNewsSection.SocialMediaFeedDarkSec .LatestNewsSliderMain:before {  display: block;}

.LatestNewsSliderMain .slick-arrow { position: absolute; left: unset; right: 25px; top: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.LatestNewsSliderMain button.slick-prev {  right: 70px;}
.LatestNewsSliderMain .slick-arrow::before { content: '\f104';font-family: "FontAwesome"; color: #043A31; opacity: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
.LatestNewsSliderMain button.slick-next:before { transform: rotate(180deg);}

/*  Latest news section*/

/* Event Section */
.EventSliderColumn { height: 430px; margin: 0; }
.EventSliderColumn .slick-list.draggable { padding-left: 0 !important; height: 100%;}
.EventSliderColumn .slick-list.draggable .EventSliderBox { margin-right: 32px; position: relative;}
.EventSliderColumn .slick-list.draggable .EventSliderBox .EventSliderBoxImg { position: absolute; width: 100%; height: 430px; top: 0; left: 0; border-radius: 7px; overflow: hidden;}
.EventSliderColumn div { height: 100%;}
.EventSliderColumn .slick-list.draggable .EventSliderBox .EventSliderBoxImg img, .EventSliderColumn .slick-list.draggable .EventSliderBox .EventSliderBoxImg amp-img { width: 100%;  height: 100%; object-fit: cover;}
.EventSliderColumn .slick-list.draggable .EventSliderBox:before {  position: absolute;  content: ''; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,1) 90%); top: 0; left: 0;  z-index: 1; border-radius : 7px;}
.EventSliderColumn .slick-list.draggable .EventSliderBox .EventSliderBoxcnt { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end;}
.EventSliderColumn .slick-list.draggable .EventSliderBox .EventSliderBoxcnt > div { height: auto !important;}
.EventSliderColumn { margin: 0 !important; z-index: 3;}
.EventInnerSec:before { position: absolute; content: '';  width: 100%; height: 100%; background-image: url('https://44080364.fs1.hubspotusercontent-na1.net/hubfs/44080364/UES21-Dec/Ellipse%20178.png'); background-repeat: no-repeat; background-size: contain; left: 0; bottom: -150px; background-position: left; z-index: 1;}
.EventInnerSec { position: relative; }
.EventSliderColumn .slick-list.draggable .EventSliderBox a.eventboxlink { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;  z-index: 3;}
.EventSliderColumn .slick-list.draggable .EventSliderBox { border-radius: 7px; overflow: hidden;}

.EventSliderColumn .slick-arrow { position: absolute; left: unset; right: 25px; top: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.EventSliderColumn button.slick-prev {  right: 70px;}
.EventSliderColumn .slick-arrow::before { content: '\f104';font-family: "FontAwesome"; color: #043A31; opacity: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
.EventSliderColumn button.slick-next:before { transform: rotate(180deg);}
.EventSliderBoxTitle.twolinetitlesec p { display: -webkit-box; max-width: 400px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.SocialMediaFeedSecv1 .EventSliderColumn button.slick-arrow { top: unset;  bottom: 0;}
.SocialMediaFeedSecv1 .EventSliderColumn button.slick-arrow:before { background: #046353;color: #fff; }
.SocialMediaFeedSecv1 .EventSliderColumn button.slick-arrow { right: 100px;}
.SocialMediaFeedSecv1 .EventSliderColumn  button.slick-prev.slick-arrow { right: 150px;}

/* Event Section */
.TwoColCardSection .moduleTitle { text-align: center;}
.TimelineBoxInner {  position: relative;}
.TimelineBoxInner a.box_link { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}


.OfertaacadFilterBoxSec .OfertaacadFilterBox { max-width: calc(33.33% - 21.5px); width: 100%; box-shadow: 0px 0px 6px 0px #00000040;}
.OfertaacadFilterBoximg {  border-radius: 3.5px; width: 100%; height: 180px; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.OfertaacadRtCol { max-width: calc(100% - 308px);  width: 100%;}
.OfertaacadLeftCol { max-width: 276px;    width: 100%;}
.FilterSelect ul { margin: 0; padding: 0; list-style: none;}
.FilterSelect ul li { text-transform: capitalize; position: relative; padding-right: 15px; cursor: pointer;}
.FilterSelect ul li+* {  margin-top: 16px;}
.FilterSelect ul li:before { position: absolute; content: ''; width: 12px; height: 12px; border: 1px solid #043A31;  right: 0; border-radius: 50%; top: 5px; transition: all ease-in-out 0.3s;}
.FilterSelect ul li.selected:before { background: #043A31;}
.paginationParent ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center;gap: 10px;}
.paginationParent { padding-top: 40px;}
.paginationParent ul li { width: 30px; height: 30px; cursor : pointer}
.paginationParent ul li.prevArrow,.paginationParent ul li.nextArrow { background: #046353; border-radius: 50%; width: 36px; height: 36px; transition: all 0.3s ease; }
.paginationParent ul li { display: flex;  align-items: center; justify-content: center; position: relative;}
.paginationParent ul li svg { width: 15px; height: 15px; display: none }
.paginationParent ul li.active { background: #046353; color: #fff;}
.clearfiler { cursor : pointer }
.OfertaacadFilterBoxSec > p {  width: 100%;}
.hide {  opacity: 0;}
.paginationParent ul li.prevArrow:before, .paginationParent ul li.nextArrow:before { color: #FFF; content: "\f104"; display: flex; font-family: FontAwesome; height: 100%; justify-content: center; width: 100%; position: absolute; align-items: center; border-radius: 50%; line-height: 1; }
.paginationParent ul li.nextArrow:before { transform: rotate(180deg); }
.paginationParent ul li.prevArrow:hover,.paginationParent ul li.nextArrow:hover { opacity: 0.6; }



.FAQLeftCol {max-width: 584px;width: 100%;}
.FAQRightCol {max-width: calc(100% - 616px);width: 100%;}
.FAQBox {position: relative; padding : 16px 24px}
.FAQBox:before {position: absolute;content: '';width: 100%;height: 100%;background: #fff;opacity: 10%; backdrop-filter: blur(20px); box-shadow: 0px 0px 4px 0px #00000040; box-shadow: 0px 2px 4px 0px #00000040; left : 0; top : 0; border-radius : 7px; }
.FAQBoxTitle,.FAQBoxContent { position : relative }
.FAQBoxContent { display : none }
.FAQBoxTitle { position: relative; padding-right: 20px; cursor : pointer}
.FAQBoxTitle:before { position: absolute; content: ''; width: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23EBA310' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); height: 6px; right: 0; background-repeat: no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s}
.FAQBoxMain.active .FAQBoxTitle:before { transform: rotatex(190deg) translateY(0%); top: 43%;}
.FilterSelect ul li span { word-break: break-word; }



/* Hero Sectio */

.heroBanner-insideWrapper .heroSlideWidthOption { padding-left: 71px; }
.heroBanner-bannerOverlay .heroSlider { position: relative; z-index: 1; }
.heroBanner-bannerOverlay .heroSlider:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } 
.heroBanner-bannerOverlay .heroSlider ul.slick-dots { position: absolute; bottom: 80px; gap: 10px 0; margin-top: 16px; }
.heroBanner-bannerOverlay .heroSlider ul.slick-dots li { border: 1px solid ; width: 7px; height: 7px; margin: 0 8px; }
.heroSlideLeft .moduleContent { line-height: 1.278; }
.heroBanner-bannerOverlay .heroSlider.slick-slider { margin-bottom: 0; }
.heroBanner-bannerOverlay .moduleTitle h1 , .heroBanner-bannerOverlay .moduleTitle h2 , .heroBanner-bannerOverlay .moduleTitle h1.h2 { line-height: 1.0313; }
.heroBanner-bgColor .moduleTitle h1 , .heroBanner-bgColor .moduleTitle h2 , .heroBanner-bgColor .moduleTitle h1.h2 { line-height: 1.0625; }
.heroSlider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.heroBanner-insideWrapper .heroSlider ul.slick-dots { margin-top: 16px; position: absolute; bottom: -24px; gap: 10px 0; }
.heroBanner-insideWrapper .heroSlider ul.slick-dots li { border: 0; width: 8px; height: 8px; margin: 0 5px; }
.heroSlider-Outer { margin-left: -10px; margin-right: -10px; }
.heroSlider-Outer .heroSlider .heroSlide { padding-left: 10px; padding-right: 10px; }

/* Hero Sectio */

/* Footer Section */

.Footerv2menutitle { font-weight: 700; }
.Footerv2Section { position: relative; }
.FLogocol { width: 17%; }
.Footerv2ight { width: 83%; }
.Footerv2ightcls ul { list-style: none; margin: 0; padding: 0; }
.Footerv2Menu ul li { margin-bottom: 8px; line-height: 1; line-height: 0.85; }
.Footerv2Menu ul li:last-child { margin-bottom: 0; }
.Footerv2Menu ul li a { color: #FFFFFF; }
.Footerv2ightcls h6 { color: #FFFFFF; }
.Footerv2ightcls { width: calc(20% - 26px); }
.Footerv2Section .Footerv2menutitle { font-weight: 600; line-height: 1; margin-bottom: 16px; }
.Footerv2ctext , .Footerv2ctext p , .Footerv2ctext a { color: #FFFFFF; }
.Footerv2content { width: calc(20% - 26px); }
.Footerv2img { width: calc(42% - 32px); }
.Footerv2smRow { width: calc(42% - 32px); }
.Footerv2BottomRpw { margin-top: 23px; }
.Footerv2smRow ul li a { color: #FFF; line-height: 1; }
.Footerv2smRow ul li a span { display: inline-block; line-height: 1; }
.Footerv2smRow ul li a svg { width: 20px; fill: currentcolor; display: inline-block; vertical-align: middle; line-height: 1; }
.Footerv2smRow ul { gap: 16px; }
.Footerv2img ul { gap: 16px 15px; }
.Footerv2img ul li img { max-width: 72px !important; }
.Footerv2ctext p { margin-bottom: 8px; }
.Footerv2ctext p:last-child { margin-bottom: 0; }
.Footerv2ctext span { display: inline-block; vertical-align: middle; }
.Footerv2ctext img { padding-right: 4px; }
.Footerv2Lclrm { margin-top: 32px; }
.Footerv2img .Footerv2menutitle , .Footerv2smRow .Footerv2menutitle , .Footerv2content .Footerv2menutitle { margin-bottom: 8px; }
.Footerv2BottomRow { margin-top: 32px; }

.Footerv2copy { margin-top: 32px; padding: 14.65px 0; }

.FLogocol .Footerv2content { width: 100%; margin-top: 16px; }
.footerueswithlogoalignv2 .FLogocol .Footerv2content { margin-top: 0; }
.footeruesv2 .Footerv2ight .Footerv2img  , .footerueswithlogoalignv2 .Footerv2ight .Footerv2img { width: calc(20% - 26px); }
.Footerv2Lcl.Footerv2ml { margin-top: 16px; }
.Footerv2content .Footerv2ctext , .Footerv2content .Footerv2ctext p { line-height: 1.334; }

.Footerv2Logovrsn { margin-bottom: 32px; }

/* .footerueswithlogoalignv1 .Footerv2img , .footeruesv1 .Footerv2img { margin-top: 32px; }
.footerueswithlogoalignv1 .Footerv2smRow , .footeruesv1 .Footerv2smRow { margin-top: 32px; } */
.displaytablet { display: none; }
.displaymobile { display: none; }

/* Footer Section */

/* Header Section */

.HeaderSectionv2 { position: relative; z-index: 1; }

.Headerv2List ul { list-style: none; margin: 0; padding: 0; }
.Headerv2Language button.hs-language-switcher__button { background-color: transparent; border: 0.5px solid #046353; padding: 4px; }
.Headerv2Language button.hs-language-switcher__button svg { fill: currentColor; margin-left: 6px; }

/* Hero Banner Section start */
.HeroBannerIn { padding-left: 108px;}
.HeroBannerIn { position: relative;}
.HeroBannerIn .HeroBannerimg {  background-repeat: no-repeat; background-size: contain;    background-position: center bottom; max-width: calc(100% - 476px); width: 100%;}
.HeroBannerSliderContent { max-width: 476px; width: 100%;}
.HeroSliderinitiate ul.slick-dots {  margin: 0; bottom: -26px;}
/* Hero Banner Section end */

/* Hero Banner version 1 Section start */
.BannerSecV1SBox.Bannerv1sliderinitial .BannerSecV1SBoxInner { max-width: 892px; width: 100%;}
/* Hero Banner Section 1 end */


/* Form Section start */

.Formsection.version_1 .FormBoxSec form input[type=text],.Formsection.version_1 .FormBoxSec form input[type=search],.Formsection.version_1 .FormBoxSec form input[type=email],.Formsection.version_1 .FormBoxSec form input[type=password], .Formsection.version_1 .FormBoxSec form input[type=tel],.Formsection.version_1 .FormBoxSec form input[type=number],.Formsection.version_1 .FormBoxSec form input[type=file],.Formsection.version_1 .FormBoxSec form select,.Formsection.version_1 .FormBoxSec form textarea {backdrop-filter: blur(20px); box-shadow: 0px 0px 4px 0px #00000040, 0px 2px 4px 0px #00000040; background-color: rgb(255 255 255 / 10%); outline: none; border-radius: 8px; font-size: 18px;}
.FormSecInnerSection { max-width: 790px; width: 100%; margin: 0 auto;}
.Formsection .FormBoxSec form .hs_submit {text-align: center;margin-top: 8px;}
.Formsection.version_1 .FormBoxSec form .hs_submit input[type="submit"] { border: 1px Solid #003E34; background: #003E34;background: linear-gradient(90deg, #0B9287 0%, #003E34 100%); }

.Formsection .FormBoxSec form .hs_submit input[type="submit"] {font-size: 16px; font-family: Roboto, sans-serif; color: #FFF; font-weight: 400; border-radius: 20px; text-transform: none; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; border: unset; text-decoration: none;line-height: 1; text-align: center;}
.Formsection .FormBoxSec form  fieldset { display: flex; align-items: flex-start;    gap: 32px;}
.Formsection .FormBoxSec form fieldset .input { margin: 0;}
.Formsection .FormBoxSec form fieldset .hs-form-field { margin-bottom: 24px;}
.Formsection .FormBoxSec form fieldset .hs-form-field label { display: none;}

.Formsection.version_1  { position: relative;}
.Formsection.version_1:before,.Formsection.version_1:after { position: absolute; content: ''; width: 500px;  height: 500px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='494' viewBox='0 0 494 494' fill='none'%3E%3Cg filter='url(%23filter0_bf_30_105)'%3E%3Ccircle cx='247' cy='247' r='175' fill='%23046353'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bf_30_105' x='0.299995' y='0.299995' width='493.4' height='493.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='35.85'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_30_105'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_30_105' result='shape'/%3E%3CfeGaussianBlur stdDeviation='35.85' result='effect2_foregroundBlur_30_105'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: contain; background-position: center left; left: 28%; transform: translateX(-50%); top: 20%;}
.Formsection.version_1:after { left: unset; right: 18%;top: 11%; transform: unset; width: 400px; height: 400px;}
.FormSecInnerSection { position: relative; z-index: 1;}


.Formsection.version_2 .FormBoxSec form input[type=text],.Formsection.version_2 .FormBoxSec form input[type=search],.Formsection.version_2 .FormBoxSec form input[type=email],.Formsection.version_2 .FormBoxSec form input[type=password], .Formsection.version_2 .FormBoxSec form input[type=tel],.Formsection.version_2 .FormBoxSec form input[type=number],.Formsection.version_2 .FormBoxSec form input[type=file],.Formsection.version_2 .FormBoxSec form select,.Formsection.version_2 .FormBoxSec form textarea {
  backdrop-filter: blur(20px);  background-color: rgb(255 255 255 / 10%);outline: none; border-radius: 8px; font-size: 18px; box-shadow: 0px 7px 13.3px 0px #0000001C; border-color: #fff;  color :rgba(30, 30, 30, 0.8);}

.Formsection.version_2 .FormBoxSec form input[type=text]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=search]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=email]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=password]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=tel]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=number]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=file]::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form select::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form textarea::-webkit-input-placeholder, .Formsection.version_2 .FormBoxSec form select::-webkit-input-placeholder{ color :rgba(30, 30, 30, 0.8);}
.Formsection.version_2 .FormBoxSec form input[type=text]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=search]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=email]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=password]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=tel]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=number]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form input[type=file]::-moz-placeholder, .Formsection.version_2 .FormBoxSec form select::-moz-placeholder, .Formsection.version_2 .FormBoxSec form textarea::-moz-placeholder, .Formsection.version_2 .FormBoxSec form select::-moz-placeholder{  color :rgba(30, 30, 30, 0.8);}
.Formsection.version_2 .FormBoxSec form input[type=text]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=search]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=email]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=password]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=tel]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=number]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form input[type=file]:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form select:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form textarea:-ms-input-placeholder, .Formsection.version_2 .FormBoxSec form select:-ms-input-placeholder{  color :rgba(30, 30, 30, 0.8);}
.Formsection.version_2 .FormBoxSec form input[type=text]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=search]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=email]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=password]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=tel]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=number]::placeholder, .Formsection.version_2 .FormBoxSec form input[type=file]::placeholder, .Formsection.version_2 .FormBoxSec form select::placeholder, .Formsection.version_2 .FormBoxSec form textarea::placeholder, .Formsection.version_2 .FormBoxSec form select::placeholder{  color :rgba(30, 30, 30, 0.8);}
.Formsection.version_2 .FormBoxSec form .hs_submit input[type="submit"] { border: 1px Solid #6A2482; background: #6A2482;}

.Formsection .FormBoxSec form fieldset .hs-form-field label.hs-error-msg { display: block;}
.Formsection .FormBoxSec form fieldset .hs-form-field  ul.no-list.hs-error-msgs li { margin: 0;}

/* form section end */

/* content Module Light Start */
.bnnerlightSec .customWidthOption { padding-left: 16px; overflow: hidden; }

/* content Module Light End */

/* Distinction history Start */
.historyYear { font-size: 36px; }
.historyBoxcol { margin-right: 32px; }
.historyimg { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 343px; width: 100%; }
.historyBoxsSlider .slick-list.draggable { padding-left: 0 !important; }
.historyRow.slick-slider { margin-bottom: 0px; }
.historyBoxs .slick-track { transform: none !important; }
/* Distinction history End */

/* Counter Slider Start*/
.countsliderSec { overflow: hidden; }
.countsliderCol { padding: 20px 15px; margin: 15px; }
.countsliderRow .slick-list { overflow: visible; }
.countsliderRow.slick-slider { margin-bottom: 0; }

/* Counter Slider End*/


/* history Slider Start*/
.histyContent { padding: 25px 16px;  }
.histysliderRow .slick-list.draggable { padding-right: 320px; }
.histysliderRow.slick-slider { margin-bottom: 0; }
.histyBox { margin: 20px 24px; }
.histyContent p, .histyContent ul > li  { margin-bottom: 8px; }
.histysliderCol .hs-language-switcher__icon { display: block; margin: 0 auto; border-radius: 50%; }
.histysliderCol:not(:last-child) .histyearIcon:before { content: ""; width: 100%; position: absolute; height: 1px; background: #555555; top: 50%; left: 50%; transform: translateY(-50%); z-index: -1; }
/* history Slider End*/

.OfertaacadFilterBoxSec .OfertaacadFilterBox { position: relative;}
.OfertaacadFilterBoxSec .OfertaacadFilterBox a.boxlink { position: absolute; width: 100%; height: 100%;  top: 0; left: 0; z-index: 1; }


.imageboxCol.twoCol, .cardboxCol, .icontxtBox, .testiBoxtwo { width: calc(50% - 16px); }
.imageboxCol.thrCol { width: calc(33.33% - 21.5px); }
.imageboxCol.w-100 .imageboxImg { padding-top: 35.6%; }
.imageboxImg { padding-top: 100%; }
.imageboxSlider .imageboxCol { margin-right: 32px; }
.imageboxSlider .slick-list { padding-left: 0 !important; }
.cardboxImg { min-height: 250px; }
.nwcardLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.Iconimg { width: 173px; }
.IcontxtCol.leftImg .Iconcontent { width: calc(100% - 205px); }
.Iconcontent p:not(:last-child) { margin-bottom: 8px; }
.IcontxtSlider .slick-list { padding-left: 0 !important; }
.IcontxtSlider .IcontxtCol, .NewsSlider .NewstxtCol { margin-right: 32px; }
.IcontxtSlider .IcontxtCol.d_flex { display: flex !important; }
.slider_buttons { padding-right: calc((100% - 1200px)); }

.NewstxtCol { padding: 0px 16px; }
.NewsSlider .slick-list, .testimonialSlider .slick-list { padding-left: 0 !important; }

.testiBox .testimonialContent { width: calc(100% - 298px); }
.testiBox .testimonialImage { max-width: 274px; min-height: 274px; }
.testiBoxtwo .testimonialImage { max-width: 173px; min-height: 173px; }
.testiBoxtwo .testimonialContent { width: calc(100% - 189px); }
.testimonialSlider .testimonialCol.d_flex { display: flex !important; }
.testimonialSlider .testimonialCol { margin-right: 32px; }



.SocialMediaFeedSec .LatestNewsSliderMain .LatestNewsSliderBox { margin-right: 24px;}
.SocialMediaFeedSec .LatestNewsSliderMain .slick-arrow { top: unset; bottom: 0; right: 100px;}
.SocialMediaFeedSec .LatestNewsSliderMain .slick-arrow::before { background: #046353;    color: #fff;}
.SocialMediaFeedSec .LatestNewsSliderMain button.slick-prev {  right: 150px !important;}

.SocialMediaFeedSecv1 .EventInnerSec:before { display: none;}
.SocialMediaFeedSecdarkv1 .EventInnerSec:before { display: block;}



.BlogListingSearchbox { max-width: 790px; width: 100%;margin: 0 auto; position: relative;}
.BlogListingSearchbox input { width: 100%; padding: 21px 56px; border-radius: 28px; outline: none; border: unset; box-shadow: 0px 0.82px 1.64px 0px #00000040, 0px 0px 1.64px 0px #00000040; backdrop-filter: blur(8.199999809265137px); font-family: Roboto; font-weight: 400;  font-size: 12px; line-height: 1.1; color: #838383;}
.BlogListingSearchbox input::placeholder {color: #838383;}
.BlogListingSearchbox:before { position: absolute; content: ''; width: 24px; height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.13349 0C11.5558 0 13.879 0.961712 15.5918 2.67357C17.3047 4.38543 18.267 6.70721 18.267 9.12815C18.267 11.4032 17.4379 13.4816 16.0609 15.0685L24 23.0029L23.0023 24L15.0632 16.0655C13.4125 17.4812 11.3087 18.2585 9.13349 18.2563C6.71114 18.2563 4.388 17.2946 2.67514 15.5827C0.962275 13.8709 0 11.5491 0 9.12815C0 6.70721 0.962275 4.38543 2.67514 2.67357C4.388 0.961712 6.71114 0 9.13349 0ZM9.13349 1.40433C7.08381 1.40433 5.11807 2.21809 3.66873 3.66658C2.21939 5.11508 1.40515 7.07966 1.40515 9.12815C1.40515 11.1766 2.21939 13.1412 3.66873 14.5897C5.11807 16.0382 7.08381 16.852 9.13349 16.852C10.1484 16.852 11.1534 16.6522 12.091 16.264C13.0286 15.8759 13.8806 15.3069 14.5982 14.5897C15.3159 13.8725 15.8852 13.021 16.2735 12.0839C16.6619 11.1468 16.8618 10.1425 16.8618 9.12815C16.8618 8.11384 16.6619 7.10947 16.2735 6.17237C15.8852 5.23527 15.3159 4.38381 14.5982 3.66658C13.8806 2.94936 13.0286 2.38043 12.091 1.99227C11.1534 1.60411 10.1484 1.40433 9.13349 1.40433Z' fill='%23046353'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center center;background-size: contain; z-index: 1; top: 50%; transform: translateY(-50%); left: 16px;}


.BloglistingboxIn .Bloglistingbox { max-width: calc(33.33% - 21.33px); width: 100%; padding: 16px;  border-radius: 7px; background-color: #fff; box-shadow: 0px 0px 6px 0px #00000040,0px 4px 6px 0px #00000040;}
.BloglistingboxIn .Bloglistingbox .Bloglistingboximg { background-repeat: no-repeat; background-size: cover;  background-position: center center; padding-bottom: 72%; border-radius: 7px;}
.BloglistingboxIn .Bloglistingbox  .Bloglistingboxcontentmain {  padding-top: 16px;}
.BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .Bloglistingboxtag ul {  margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 10px; justify-content: flex-start;}
.BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .Bloglistingboxtag ul li a {border-radius: 8px;padding: 4px 8px;}
.BloglistingboxIn .Bloglistingbox .BloglistingboxTitle h5 a {  font-size: inherit !important; font-weight: inherit !important;}
.BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .Bloglistingboxdate span { display: inline;  position: relative;  padding-left: 10px;}
.BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .Bloglistingboxdate span:before {  position: absolute; content: ''; width: 3px; height: 3px; background-color: #1E1E1E; border-radius: 50%; left: 2px; top: 50%; transform: translateY(-50%);}

.BloglisttingtagBox ul li a {  box-shadow: 0px 0px 6px 0px #00000040,0px 4px 6px 0px #00000040; padding: 8px 16px; border-radius: 20px;}
.BloglisttingtagBox ul { margin: 0; padding: 0; list-style: none;}
.BloglisttingtagBox ul li { padding: 10px 17px;}

.BloglisttingtagBox ul {  position: relative;}
.BloglisttingtagBox ul .slick-arrow {  display: flex; align-items: center;  justify-content: center; right: 0; background: #fff; z-index: 99; width: 30px; height: 100%; top: 50%; transform: translateY(-50%);  margin: 0;}
.BloglisttingtagBox ul .slick-arrow:before {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23043A31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: '';  background-repeat: no-repeat;  background-size: contain; background-position: center center;  opacity: 1;  position: absolute;  width: 10px;   height: 10px;}
.BloglisttingtagBox ul .slick-prev.slick-arrow {  left: 0;  right: unset;    }
.BloglisttingtagBox ul .slick-list.draggable {  padding: 0 30px;}
.BloglisttingtagBox ul .slick-next.slick-arrow:before { transform: rotate(180deg);}.blogPagination ul { margin: 0; padding: 0; list-style: none;}
.blogPagination ul li:first-child a {  transform: rotate(180deg);}
.blogPagination ul li:first-child a { transform: rotate(180deg);}
.blogPagination ul li {  width: 24px; height: 24px;}
.blogPagination ul li a {width: 100%; height: 100%;  border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Roboto; font-weight: 700; font-size: 18px; line-height: 1.5;  color: #043A31;}
.blogPagination ul li.active a {  background: #046353; color: #fff;}


.carousel-btncol { padding: 12px; }
.carousel-btncol.swiper-slide { width: auto; white-space: nowrap; }
.carousel-btncol a { background: linear-gradient(130.5deg, rgba(255, 255, 255, 0.1) 13.48%, rgba(4, 58, 49, 0.1) 66.48%); font-size: 21px;  border-radius: 40px; backdrop-filter: blur(20px); box-shadow: 0px 4px 4px 0px #00000040; }
.carousel_btnsec { overflow: hidden; }
.carouselrw.slick-slider { margin-bottom: 0; padding-left: 12px; }
/* .carouselrw .slick-list { overflow: visible; } 
.carouselrw.owl-carousel .owl-stage-outer, .carouselrw.swiper { overflow: visible; }*/
.carouselrw.swiper-free-mode > .swiper-wrapper { transition-timing-function: linear;  }
.carouselrw {  cursor: grab; user-select: none; touch-action: pan-y; /* Allow horizontal dragging */ }
.carouselrw .swiper-wrapper { display: flex; white-space: nowrap; will-change: transform; }
.carouselrw .swiper-wrapper .carousel-btncol { user-select: none;  /*pointer-events: none; */ }  
.carouselrw.dragging { cursor: grabbing; }
.carouselrw.paused .swiper-wrapper { animation-play-state: paused; }
.carousel-btncol.small a { font-size: 16px; }
.carousel-btncol.small, .carousel-btncol.medium { padding: 8px; }
.carousel-btncol.large a { font-size: 22px; }
.carousel-btncol.medium a { font-size: 18px; }
.carousel-btncol span.icon { position: relative; display: inline-block; padding-left: 28px; }
.carousel-btncol span.after-icon { padding-left: 0; padding-right: 28px; }
span.icon img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 18px !important; transition: all ease-in-out 0.3s; }
span.after-icon img { left: auto; right: 0; }
.carousel-btncol span .hover-icon, .carousel-btncol a:hover span > img { opacity: 0; visibility: hidden; }
.carousel-btncol a:hover span .hover-icon { opacity: 1; visibility: visible; }

@keyframes bounce {
  0%, 100% { transform: translateY(0); animation-timing-function: ease-in; }
  50% { transform: translateY(6px); animation-timing-function: ease-out; }
}
@keyframes zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
@keyframes fadein {
  0%, 100% {  opacity: 0; }
  50% { opacity: 1; }
}

.university_countinn .moduleTitle h2 { font-weight: 900; font-size: 150px; line-height: 100%; }
.unicounter { font-weight: 900; font-size: 150px; line-height: 1.2; }
.univer-countcol h3 { color: #292929; }
.univer-countrw { max-width: 979px; margin: 0 auto; }
.unicounter-img { width: 400px; height: 400px; border-radius: 41.78px; transform: rotate(15deg); margin: 0 auto; }
.unicounter-imgcol:nth-child(2) .unicounter-img, .univer-countcol:nth-child(2n) .bg.unicounter-img {  transform: rotate(-15deg); }
.unicounter-imgcol { width: calc(50% - 20px); }
.univer-countcol:nth-child(2n) .unicounter-imgcol:nth-child(2) .unicounter-img  { transform: rotate(15deg); }
.unicounter-imgcol:nth-child(2), .univer-countcol:nth-child(2n) .unicounter-imgcol:first-child { padding-top: 89px; }
.univer-countcol:nth-child(2n) .unicounter-imgcol:nth-child(2) { padding: 0; }

.cardalt_sec .moduleContent > * { margin-bottom: 8px; }
.cardaltLeft { width: 100%; max-width: 330px; }
.cardalt_inn { gap: 80px; }
.cardaltRight { width: calc(100% - 410px); overflow: hidden; }
.cardaltvdo-txt { position: relative; z-index: 1;display: inline-block; border-radius: 40px; font-size: 16px; }
.cardaltvdo-col .cardaltvdo-txt { border: 1px solid #043A31; }
.cardaltvdo-col.right { text-align: right; }
.cardaltvdo-rw { height: 100%; } 
.cardaltvdo-col { position: relative; height: inherit; }
.cardaltvdo-col video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.cardalt-count .unicount {font-size: 68px; line-height: 1.2; margin-bottom: 8px; }
.cardaltLeft .moduleTitle h2, .cardaltLeft .moduleContent h2 { font-size: 60px; }
.cardaltvdo-rw { position: relative; left: 0; width: 100%; overflow: hidden; }
.cardaltvdo-col { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.cardalt_content { top: 20px; position: sticky;  }


 
.altcard { padding: 24px; border-radius: 24px; min-height: 200px; }
.altcardSec .lg { width: 400px; }
.altcardSec .md { width: 300px; }
.altcardSec .sm { width: 200px; }
.altcardSec .moduleTitle h2 { font-size: 60px; }
.altcard-col { margin: 0px 8px; display: inline-block; }
.altcard-rw.slick-slider { margin-bottom: 0px; }
a.cardlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; }
.altcard-rw.slick-slider .slick-track, .altcard-rw.slick-slider .slick-list { display: flex; }
.altcard_rght.slick-slider .slick-track { direction: ltr !important; }
.ctaltsec h2, .stickycardSec .moduleTitle h2, .flipeduInn .moduleTitle h2{ font-size: 200px; }
.altcard-rw { /*overflow-x: scroll;*/ overflow-y: hidden;  white-space: nowrap; transition: all 0.2s; will-change: transform; user-select: none; cursor: pointer; }
.altcard.bg { position: relative; z-index: 1; }
.altcard-rw::-webkit-scrollbar { width: 0px; }

.stickycardInn { position: sticky; top: 0; min-height: 800px; }
.academicInn .moduleTitle h2 { font-size: 60px; }
.academicImg { position: relative; z-index: 1; padding-top:55.33%; border-radius: 30px; overflow: hidden; transition: all 0.5s ease; overflow: hidden; }
.academicImg:before, .flipeduImg:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 100%); top: 0; left: 0; z-index: -1; opacity: 1; }
.academiCol { padding: 0px 35px; transition: all 0.5s ease; }
.academicSlider .slick-current.slick-center .academiContent { transform: translate(0, 0); }
.academiContent { position: absolute; bottom: 0; left: 0; transform: translate(10%, 100%); transition: all 0.5s ease; width: 100%; }
.academicSlider .slick-current.slick-center .academicImg:before { opacity: 1 ; }
.academiCol .academicImg { transform: scale(0.46); transform-origin: bottom right; }
.academiCol.next-slide .academicImg, .academiCol.slick-center + .academiCol .academicImg  { transform: scale(0.8); transform-origin: center left; }
.academiCol.slick-center .academicImg { transform: scale(1); }
.academicSec .academi_btn { padding-right: 0;  }
.academiBm { max-width: 1292px; padding: 0 15px; margin: 0 auto; }
.academicSlider { margin-bottom: 0; }
.academiNav { margin-top: -77px; max-width: 442px; margin-left: auto; backdrop-filter: blur(21.626745223999023px); box-shadow: 0px 4.33px 4.33px 0px #00000040; background: #FFFFFF33; padding: 42px 34px; border-radius: 16px; }
.academiText:before { content: ''; width: 34px; border-radius: 2.55px; position: absolute; top: 0; left: 0; height: 2.55px; background: #C18A1A; }
.academiText, .academiText p { position: relative; font-size: 25.9px; line-height: 1.26; }
.academicSec .slick-slider { margin-bottom: 0; }

.flipeduCol { width: calc(25% - 16.66px); }
.flipeduCol:nth-child(2n){ margin-top: 145px; }
.flipeduCardtxt { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: #00000033;opacity: 0; backdrop-filter: blur(17.1357421875px); padding: 32px;  transform: rotateY(-180deg); transition: all 1s ease; }
.flipeduCol .flipeduImg { position: relative; z-index: 1; padding-top: 295px; overflow: hidden; }
.flipeduTxt { font-size: 20px; line-height: 1.2; }
.flipeduCardtxt.flipped, .flipeduCol:hover .flipeduCardtxt { transform: rotateY(0deg); opacity: 1; }

.yearslideSec { overflow: hidden; }
.yearslideInn h2  { font-size: 60px; }
.yearRght, .yearLf { width: calc(50% - 16px); }
.yearRght .moduleContent p:not(:last-child) { margin-bottom: 8px; }
.yearLf { font-weight: 900; font-size: 225px; line-height: 1.2; }
.yearCol.slick-slide { min-height: 400px; }
.yearnavCol { font-size: 21px; position: relative; }
.yearTxt .dot-icon { display: block; height: 60px; width: 60px; margin-top: 16px; border-radius: 50%; }
.yearnavCol:not(:last-child):before { content: ''; position: absolute; width: 100%; height: 3px; background: #043A31; left: 14px; bottom: 30px; z-index: -1; }
.yearTxt { padding: 0px 14px; display: inline-block; }
.yearnavCol:first-child > span { padding-left: 0; }
.yearnavCol.slick-current.slick-active .yearTxt > span, .yearnavCol.slick-current.slick-center .yearTxt > span { opacity: 0; }
.yearnavCol .yearTxt > span { transition: all 0.5s ease; }
.yearslide .slick-slider { margin-bottom: 0; }
.yearslide .slider_buttons { padding-right: 0; }
.yearslideNav .slick-list { padding-left: 0 !important; }

.institutionSec { background: linear-gradient(180deg, #D6D6D6 0%, #043A31 17.31%, #043A31 68.75%, #FFFFFF 100%); backdrop-filter: blur(200px); }
.institutionHeading h2 { font-size: 96px; }
.institutionHeading .moduleContent p { font-size: 36px; line-height: 1.2; }
.insticounCol .unicount { font-size: 96px; line-height: 1.2; }
.institutionText .moduleSubtile { font-size: 64px; line-height: 1.2; width: 60%; }
.institutionText .moduleContent { margin-left: -170px; width: calc(40% + 170px); }
.instiCountxt { font-size: 32px; max-width: 385px; margin: 0 auto; }
.institutionTile { margin: 0 auto; }
.insticounCol.w50 { width: calc(50% - 12px); }

.autorAltaHeading { min-height: 558px; }
.autorAltaHeading h1 { font-size: 140px; }
.bottomArrow a { width: 88px; height: 88px; border-radius: 44px; margin: 0 auto; }
.autorAltaimg { position: relative; padding-top: 56.24%; background-position: top center!important; border-radius: 20px; overflow: hidden; }
.autorAltaInfo { position: absolute; top: 0; left; 0; width: 100%; height: 100%; background: #0000001A; backdrop-filter: blur(17.1357421875px); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.autorAltaText { max-width: 490px;}
.autorAltaText h5 { margin-bottom: 8px; }
.autorAltaCard:hover .autorAltaInfo { opacity: 1; visibility: visible; }
/* .autorAltaCol { opacity: 0;
  transform: translate(-50%, 100px);  
  transition: all 0.5s ease; } */


.EventSecv2 .EventSliderColumn { height: 560px; }
.EventSecv2 .EventSliderColumn .slick-list .EventSliderBox .EventSliderBoxImg { height: inherit; }
.EventSecv2 .EventSliderBoxdate { font-weight: 400; font-size: 25.28px; line-height: 1.4; }
.EventSecv2 .EventSliderBoxcontent p { font-size: 25.28px; line-height: 1.34; font-weight: 400; }
.EventInn .moduleTitle h2 { font-size: 60px; }
.EventSliderBoxcnt.pb28 { padding-bottom: 28px; }

.artCardInn .moduleTitle h2, .traingContent .moduleTitle h2, .campusCard .moduleTitle h2 { font-size: 60px; }
.artBannerImg { position: sticky; z-index: 1; border-radius: 10px; overflow: hidden; top: 0; }
.artBannerImg:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; backdrop-filter: blur(15px); z-index: -1; }
.artBannerImg img { border-radius: 10px; max-width: 332px !important; }
.artBannerRght { padding: 0px 75px; }
.artBannerRght .moduleContent p:not(:last-child) { margin-bottom: 48px; }
.artBannerLf .moduleTitle h1, .artBannerLf .moduleTitle h2 { font-size: 80px; font-weight: 900; }

.artCardRow .artCardCol { width: calc(50% - 16px); position: relative; z-index: 1; padding-top: 24%; display: flex !important;  }
.artCardCol:before, .campCardContent:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 100%); border-radius: inherit; z-index: -1; }
.artCardCol h3 { font-size: 36px; line-height: 1.3; }
.artCardtxt { font-size: 13.35px; line-height: 1.3; }
.artCardlink, .EstudiantesCardBoxLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.traingImg, .traingContent { width: calc(50% - 16px); }
.traingContent .moduleContent p { font-size: 20px; line-height: 27px; }
.traingImg img { border-radius: inherit; }
.traingImg .moduleCTA.d_none { display: none; }
.campCardContent { position: relative; z-index: 1; font-size: 21px; }
.campusCardCol .campCardContent { padding-top: 39%; }

.campusHeading h2 { font-size: 100px; }



.HABanneranimatedSec {    pointer-events: none;position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99999999; background: #043A31; display: flex; align-items: center; justify-content: center; transition : all ease-in-out 2s;}

/* body.animatedbody { overflow : auto } */
body.animatedbody .HABanneranimatedSec {  transform: translateY(-100%); z-index : -99}
/* body.animatedbody .HABanneranimatedSec { opacity: 0;} */
.HABanneranimatedSec .HABanneranimatedimg {  width: 100%;}
.HABanneranimatedSec .HABanneranimatedimg img { width: 100%;}
.HABanneranimatedTitle { pointer-events: none; }
.HABanneranimatedTitle h1 {  font-size: 140px;}
.HABannerVideoSec video { aspect-ratio: 16/9; width: 100%; height: 100%;}
.HABannerVideoSec video {border-radius: 30px;transition: all ease-in-out 3s;}
.HABannerSection {  padding: 15px 0;}
/* .HABannerVideoSec {transition-duration : 3s !important; } */
.HABannerVideoSec { position: relative; z-index: 1; will-change: transform, opacity; }
.HABannerVideoSec iframe { aspect-ratio: 16 / 9; width: 100%; height: 100%; border-radius: 30px; transition: all ease-in-out 3s; }




body.loaded .kore-chat-window, .whatsapp-icon-container { z-index: 999999999 !important ; }
















@media(max-width: 1366px) and (min-width: 1231px){
  .EventSecv2 .EventSliderColumn { height: 500px; } 
  .slider_buttons.Eventbox_btn { padding-top: 30px; }
  .ctaltsec h2, .stickycardSec .moduleTitle h2, .flipeduInn .moduleTitle h2 { font-size: 160px; }
}



@media(max-width:1320px){ 
.ctaltsec h2, .stickycardSec .moduleTitle h2, .flipeduInn .moduleTitle h2{ font-size: 160px; }
}


@media (max-width : 1280px){
  .HeroBannerIn { padding-left : 50px; }
  .LatestNewsSliderMain .slick-list.draggable { padding-right: 150px !important;}


}


@media(min-width:1231px){  
  .HeaderBtStrip { display: block !important; }
  .ctaltsec .content-wrapper { max-width: 1350px; }
  .EventSecv2 .EventSliderColumn .slick-list .EventSliderBox { border-radius: 24px; }
  .flipeduCard .content-wrapper { max-width: 1353px; }
}
@media (max-width: 1280px){
  .HeaderRightCol { max-width: calc(100% - 174px);}
  .HeaderBtStrip ul { gap: 10px;}

  .btncardInner .btncardItem { padding: 16px 12px;}

  .TitleStripInner { padding-right: 20px;}
  .bannerSlInn {  padding-left: 24px;}

  .OfertaacadFilterBoxSec {  gap: 20px !important;}
  .OfertaacadFilterBoxSec .OfertaacadFilterBox { max-width: calc(33.33% - 13.33px);}

  .slider_buttons { padding-right: calc(100% - 1080px); }
  
  .university_countinn .moduleTitle h2 { font-size: 120px; }
  
  .yearLf { font-size: 180px; }  
  
  .institutionText .moduleSubtile { font-size: 52px; }
  .institutionHeading .moduleContent p { font-size: 32px; }
  

}

@media(max-width:1230px){ 



  .bannerSLeft { width: 48%;  padding: 30px 0; } 
  .bannerSRight { width: 52%; }
  .bannerSLeft:before { width: 320px; height: 320px; left: -60px; top: -40px; } 
  .bannerSLeft .moduleTitle { margin: 0 0 32px; }
  .bannerSimg, .bannerSimg img { height: 100% !important; object-fit: cover; object-position: center bottom; } 



  .OfertaacadFilterBoxSec .OfertaacadFilterBox {  max-width: calc(50% - 10px);}

  .FAQLeftCol {  max-width: 50%;}
  .FAQRightCol {  max-width: calc(50% - 32px);}

  .heroBanner-insideWrapper .heroSlideWidthOption { padding-left: 24px; }
  .heroBanner-insideWrapper .moduleTitle { margin-right: -2px;  }

  .Footerv2ightcls { width: calc(33.33% - 22px); }
  .Footerv2content { width: calc(33.33% - 22px); }
  .Footerv2ight .Footerv2img { width: calc(33.33% - 22px); }
  .footeruesv2 .Footerv2ight .Footerv2img, .footerueswithlogoalignv2 .Footerv2ight .Footerv2img { width: calc(33.33% - 22px); }

  .slider_buttons { padding-right: calc((100% - 90%) / 2); }
  .academiCol { padding: 0px 20px;}

}

@media (max-width : 1080px ){
  .bannerSlInn { align-items : flex-end }


  .LatestNewsSliderMain .LatestNewsSliderBox { margin-right: 24px;}
  .EventSliderColumn .slick-list.draggable .EventSliderBox { margin-right: 24px;}

  .OfertaacadFilterInner .moduleTitle {  text-align: left !important;}
  .OfertaacadFilterInner  .moduleContent { text-align: left !important;}

  .heroBanner-bannerOverlay .heroSlider ul.slick-dots { bottom: 30px; }

  .heroBanner-bannerOverlay .moduleTitle h1, .heroBanner-bannerOverlay .moduleTitle h1.h2, .heroBanner-bannerOverlay .moduleTitle h2 { line-height: 1.103; }
  .heroSlideLeft .moduleContent { line-height: 1.77; }

  .displaydesktop { display: none; }
  .displaytablet { display: block; }
  .FLogocol { width: 20%; }
  .Footerv2ight { width: 80%; }

  .Footerv2smRow.displaytablet { width: 100%; padding-right: 26px; padding-left: 26px; }
  .Footerv2smRow ul { gap: 16px 14px; }
  .Footerv2smRow ul li a svg { width: 18px; }

  .FLogocol { width: 25%; }
  .Footerv2ight { width: 75%; }
  .Footerv2smRow.displaytablet { margin-top: 32px; }
  .Footerv2img ul { gap: 16px 10px; }
  .Footerv2Logovrsn { margin-bottom: 23px; }

  .Footerv2content, .Footerv2ight .Footerv2img, .Footerv2ightcls, .footeruesv2 .Footerv2ight .Footerv2img, .footerueswithlogoalignv2 .Footerv2ight .Footerv2img { width: calc(33.33% - 16px); }
  .footerueswithlogoalignv2 .Footerv2Lcl.Footerv2ml { margin-top: 0; }

  .HeroBannerSliderContent { max-width: 355px;}
  .HeroBannerIn { padding-left : 24px; } 

  .BannerSecV1SBox {  max-width: 469px; width: 100%;}
  .BannerSecV1SBox.Bannerv1sliderinitial {  max-width: 527px;}

  .FormSecInnerSection { max-width: 524px;}
  .Formsection .FormBoxSec form fieldset {  gap: 24px;}
  .Formsection.version_1:before {  width: 400px; height: 400px; background-size: cover; }
  .Formsection.version_1:after { right: 6%; top: 4%;}

  .historyBoxcol { margin-right: 24px; } 
  .historyimg { height: 250px; } 
  .historyYear { font-size: 24px; }

  .historySec .content-wrapper { max-width: 100%; padding-right: 0 !important; padding-left: calc((100% - calc(90% - 30px)) / 2); width: 100%; }

  .LatestNewsSliderMain .slick-arrow {  top: 0;}

  .histysliderRow .slick-list.draggable { padding-right: 120px; }

  .testiBoxtwo { width: calc(50% - 12px); }
  .testiBox .testimonialImage { max-width: 183px; min-height: 183px; }
  .testiBox .testimonialContent { width: calc(100% - 200px); }
  .testimonialIcon svg { width: 21px; height: 21px; }

  .testiBoxtwo .testimonialImage { max-width: 100px; min-height: 100px; }
  .testiBoxtwo .testimonialContent { width: calc(100% - 116px); }
  .testimonialSlider .testimonialCol { margin-right: 24px; }

  .BloglistingboxIn .Bloglistingbox { max-width : calc(50% - 12px) }
  
  .ctaltsec h2, .flipeduInn .moduleTitle h2, .stickycardSec .moduleTitle h2 { font-size: 110px; }
  .university_countinn .moduleTitle h2 { font-size: 80px; }
  .unicounter { font-size: 120px; }
  .unicounter-img { width: 320px; height: 320px; }
  .stickycardInn { min-height: 1194px; }
  
  .flipeduCol { width: calc(50% - 8px); }
  .flipeduCol:nth-child(2n) { margin-top: 0; }  
  .flipeduCol:nth-child(2) { margin-top: 144px; }
  .flipeduCol:nth-child(odd) { margin-top: -144px; }
  .flipeduCol:first-child { margin-top: 0 !important; }
  
  .ctaltsec h2, .stickycardSec .moduleTitle h2, .institutionHeading h2, .insticounCol .unicount, .autorAltaHeading h1  { font-size: 80px; }
  .ctaltsec .moduleTitle { margin: 0 auto; }
  .academiCol { padding: 0 24px; }
  .academiNav { max-width: 100%; margin: 0; background: #043A31; color: #fff; border-radius: 8px; }
  .academiText, .academiText p { color: #fff; font-size: 21px; }
  .academiCol { padding: 0px 10px; }
  .academicImg { border-radius: 8px; }
  .academiCol { transform: scale(1) !important; }
  .academiBm { padding: 0px 20px; }
  
  .yearLf { font-size: 155px; }
  .institutionText .moduleSubtile { font-size: 40px; max-width: 520px; }
  .institutionHeading .moduleContent p, .instiCountxt, .EventSecv2 .EventSliderBoxdate, .EventSecv2 .EventSliderBoxcontent p { font-size: 21px; }
  
  .artBannerRght { padding: 0; }
  .artBannerLf .moduleTitle h1, .artBannerLf .moduleTitle h2 { font-size: 60px; }
  .traingContent { width: calc(50% - 37px); }
  .artBannerImg img { border-radius: 6.51px; max-height: 312px; object-fit: cover; object-position: top center; max-width: 536px !important; }
  .artBannerImg:before { backdrop-filter: blur(8.6875px); }
  .campusCardCol { width: 100%; }
  .campusCard.d_none { display: block; }  
  .campusCardInn { display: none; }
  
   .HABanneranimatedTitle h1 { font-size: 125px; }
}


@media (max-width : 991px){
  .bannerSliderSec .bannerSlider { margin: 0;}

  .btncardInner .btncardItem { max-width: calc(25% - 18px); padding: 16px 8px;}
  .btncardInner .btncardItem .btncardInn { gap: 8px;}
  .TitleStripInner .TitleStripCol .TitleStripImg { max-width: 200px;}

  .TwoColCardBoxGroup .TwoColCardBox { max-width: calc(50% - 12px);}
  .TwoColCardBoxImg { max-width: 130px;}
  .TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt { max-width: calc(100% - 146px); padding-right : 0}

  .TimelineBoxColumn { flex-direction: column; align-items: center;  max-width: 341px;    width: 100%;    margin: 0 auto;}
  .TimelineBoxColumn .TimelineBox { max-width: 100%; display: flex; align-items: flex-start; align-items: stretch;}
  .TimelineBoxInner {  padding-top: 0 !important;}
  .TimelineBoxColumn .TimelineBox .TimelineBoxnum { max-width: 90px; width: 100%; text-align: left !important; position: relative;}
  .TimelineBoxColumn .TimelineBox .TimelineBoxInner {  max-width: calc(100% - 90px);  width: 100%;}
  .TimelineBoxColumn .TimelineBox:not(:last-child) .TimelineBoxnum:before { background: #555; content: ""; height: calc(100% + 16px); left: 50px; position: absolute; top: 0;  width: 1px;}
  .TimelineBoxColumn .TimelineBox .TimelineBoxnum:after { background: #fff; border: 4px solid #eba310; border-radius: 50%; content: ""; height: 20px; left: 40px; position: absolute; top: 0; width: 20px;}
  .TimelineBoxInner:before,.TimelineBoxInner:after { display: none;}

  .BlogPostBoxSec .BlogPostBox {  max-width: calc(50% - 12px);}

  .ThreeColumnBoxCol .ThreeColumnBox { max-width: calc(33.33% - 16px);}

  .TwoColCardBoxGroup:before {  top: 30px;}


  .ThreeColumnBoxCol .slick-list.draggable { padding-left: 0 !important;}
  .ThreeColumnBoxCol .ThreeColumnBox {
    margin: 14px;
  }


  .OfertaacadTwoColBox .OfertaacadLeftCol {  max-width: 100%;}
  .OfertaacadRtCol {  max-width: 100%;}
  .OfertaacadFilterBoximg { width: 100px;    height: 100px; border-radius: 10px;}
  .OfertaacadFilterBoxSec .OfertaacadFilterBox { display: flex; align-items: center;    gap: 24px; max-width: calc(50% - 12px);}
  .OfertaacadFilterBoxSec .OfertaacadFilterBox .OfertaacadFilterBoxcontent {  width: calc(100% - 124px);}
  .OfertaacadFilterBoxSec .OfertaacadFilterBox .OfertaacadFilterBoxcontent .OfertaacadFilterBoxName p { height: 100% !important;}
  .OfertaacadFilterBoxSec .OfertaacadFilterBox .OfertaacadFilterBoxcontent .OfertaacadFilterBoxName { padding-top: 0 !important;}
  .OfertaacadFilterBoxSec {  gap: 24px !important;  align-items: stretch  !important; }

  .HeroBannerIn .HeroBannerimg { max-width: calc(100% - 355px);}

  .LatestNewsSliderMain .slick-list.draggable { padding-right: 50px !important;}

  .ThreeColumnBoxCol  .slick-arrow { position: absolute; left: unset; right: 25px; top: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
  .ThreeColumnBoxCol  button.slick-prev {  right: 70px;}
  .ThreeColumnBoxCol  .slick-arrow::before { content: '\f104';font-family: "FontAwesome"; color: #FFF; opacity: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #046353; border-radius: 50%;}
  .ThreeColumnBoxCol  button.slick-next:before { transform: rotate(180deg);}
  /*   .countsliderCol { padding: 0 16px; } */

  .imageboxSlider .imageboxCol { margin: 0 16px 0 0; }


  .Iconimg { width: 100px; } 
  .IcontxtCol.leftImg .Iconcontent { width: calc(100% - 108px); }

  .NewstxtCol { padding: 0px 8px; }
  .NewsSlider .NewstxtCol { margin-right: 16px; }  
  
  
  .carousel-btncol { padding: 8px; }
  .unicounter-imgcol:nth-child(2), .univer-countcol:nth-child(2n) .unicounter-imgcol:first-child { padding-top: 72px; }
  .autorAltaimg { border-radius: 8px; }
  
  .yearLf, .yearRght { width: 100%; }
  .yearLf { font-size: 80px; } 
/*   .yearslide .slider_buttons { justify-content: flex-start; } */
  .institutionText .moduleContent { width: calc(35% + 170px); }
  .instiCountxt { max-width: 260px; }
  
  .cardalt_inn { position: relative; }
  .cardaltLeft {  left: calc((100% - 740px) /2); position: relative; }
  .cardaltRight { width: 100%; position: absolute; height: 100%; top: 0; } 
  .cardalt_sec .wrapLeft { padding-left: 0 !important; }
  .unicount h5 { font-size: 24px; }
  .bottomArrow a { width: 60px; height: 60px; }
  .bottomArrow a svg { width: 20px; height: 20px; }
  
  .artCardSlider .slick-list { padding-left: 0 !important; }
  .artCardRow .artCardCol { margin-right: 24px; padding-top: 9%; min-height: 379px; }
  .artCardCol h3 { font-weight: 700; font-size: 24px; }
  .artCardtxt { font-size: 21px; }  

}


@media (max-width: 991px){

  .TwoColCardBoxImg { max-width: 90px;}
  .TwoColCardBoxGroup .TwoColCardBox .TwoColCardBoxcnt { max-width: calc(100% - 106px); padding-top: 0;}

  .TwoColCardBoxTitle {  padding-top: 14px !important;}


  .OfertaacadLeftCol {  display: flex; flex-wrap: wrap;    align-items: flex-start; gap: 24px;}
  .OfertaacadLeftCol span.clearfiler { max-width: 100%; width: 100%;}
  .OfertaacadLeftFIl1 {  padding-top: 0 !important; max-width: calc(25% - 18px); width: 100%;}
  .OfertaacadLeftFIl1 > p { border: 1px solid #043A31; border-radius: 20px; padding: 10px 20px !important; width: 100%;}
  .OfertaacadLeftFIl1 > p { color: #043A31; font-size: 14px; font-weight: 600;    font-family: 'Roboto',sans-serif; text-align: center;}
  .OfertaacadLeftFIl1 { position: relative;}
  .OfertaacadLeftFIl1 .FilterSelect {   position: absolute;  width: 100%;  z-index: 20;  left: 0; top: 100%;  display: none;}
  .OfertaacadLeftFIl1 .FilterSelect {  background: #fff; box-shadow:0 0 6px 0 #00000040}
  .OfertaacadLeftFIl1 .FilterSelect ul {  padding: 10px;}

  .OfertaacadLeftFIl1>p span { white-space: nowrap; display: block; overflow: hidden;}

  .FilterSelect ul li span {  font-size: 12px;}
  .OfertaacadLeftFIl1 .FilterSelect ul {  padding: 0;}
  .OfertaacadLeftFIl1 .FilterSelect ul li {  padding: 7px 44px 7px 24px;    word-break: break-all;    border-top: 1px solid #0000004D;}
  .FilterSelect ul li:before {  right: 16px;  top: 50%;    transform: translateY(-50%);}
  .FilterSelect ul li+* {  margin: 0;}
  .OfertaacadLeftFIl1 .FilterSelect { border-radius: 0 0 20px  20px;}
  .OfertaacadLeftFIl1.active > p {    border-radius: 20px 20px 0 0;    box-shadow: 0 0 6px 0 #00000040;}
  .OfertaacadLeftFIl1 .FilterSelect ul li:first-child {  border-top: unset;}


  .FAQRightCol { display: none;}
  .FAQLeftCol {  max-width: 100%;}

  .OfertaacadLeftFIl1>p { position: relative; padding-right: 25px !important;}
  .OfertaacadLeftFIl1>p:before {  position: absolute; content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M7 3.5L4 0.5L1 3.5' stroke='%23043A31' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 8px; height: 4px; background-repeat: no-repeat; background-size: contain; background-position: center right; right: 10px; top: 50%;  transform: translateY(-50%) rotate(-180deg);  transition: all ease-in-out 0.3s;}
  .OfertaacadLeftFIl1.active>p:before {  transform: translateY(-50%) rotate(0deg)}
  .OfertaacadLeftFIl1>p {  white-space: nowrap;}

  .historySec .content-wrapper { padding-left: calc((100% - 710px)/2); }

  .histysliderRow .slick-list.draggable { padding-right: 100px; }

  .imageboxCol.w-100 .imageboxImg { padding-top: 48.5%; } 
  .imageboxCol.twoCol { width: calc(50% - 9px); }

  .slider_buttons { padding-right: calc(100% - 710px); }
  
  .HABanneranimatedTitle h1 {  font-size: 90px;}
  
  .HABannerSection { padding-top : 80px }
  
  
  
}


@media (max-width: 767px){
  .HeaderSearchbar, .HeaderRightCol .headerCTA { max-width: 100%; }
  .HeaderRightCol { flex-wrap: wrap; }
  .HeaderRightCol { gap: 16px; }
  .HeaderRightCol .headerCTA a { width: 100%; min-width: 150px;   padding-left: 18px;    padding-right: 18px;    padding-top: 12px;    padding-bottom: 12px; }
  .HeaderSearchbar .hs-search-field .hs-search-field__bar form input[type=text] { padding: 10px 15px 10px 60px;   font-size: 14px;    line-height: normal; }  
  .bannerSlInn { padding-left: 16px; position: relative; z-index: 1; }

  .bannerSLeft .moduleTitle { max-width: 164px; margin: 0 0 16px; }
  .bannerSLeft .moduleCTA .button a  { font-size: 10px; line-height: 10px; }
  .bannerSLeft:before { height: 200px; left: -30px; top: -20px; width: 200px; }
  .bannerSLeft { width: 60%; padding: 30px 0; }
  .bannerSRight { position: absolute; bottom: 0; right: 0; width: 205px; z-index: -1; }

  .TwoColCardBoxGroup .TwoColCardBox { max-width: 70%;}
  .TwoColCardBoxGroup { justify-content: center;}

  .BlogPostBoxSec .BlogPostBox { max-width: 100%;}

  .bannerSLeft .moduleTitle {  max-width: 100%;}

  .btncardInner { margin: 0;}
  .btncardInner .slick-list.draggable {padding-left: 0 !important; padding-top: 20px !important; padding-bottom: 40px !important; padding-right : 150px !important }
  .btncardInner .slick-list.draggable .btncardItem { margin: 0 14px;}
  .btncardSec .content-wrapper { padding-right: 0 !important; max-width: 100%;}
  .btncardInner {  margin: 0 !important;}
  .TwoColCardSection .moduleTitle { text-align: left;  }
  .OfertaacadLeftCol {  gap: 10px;}
  .OfertaacadLeftFIl1 {  max-width: calc(25% - 7.8px);}
  .OfertaacadLeftFIl1 .FilterSelect ul li {  padding: 7px 35px 7px 10px;}

  .heroBanner-insideWrapper .heroSlideRight  { margin-left: -19%; width: calc(50% + 19%); }
  .heroBanner-insideWrapper .heroSlideWidthOption { padding-left: 15px; }
  .heroSlideCTA a.secondary_button, .heroSlideCTA .secondary_button a , .heroSlideCTA a.button, .heroSlideCTA .button a { font-size: 10px; }
  .heroBanner-insideWrapper .heroSlider ul.slick-dots li { height: 5px; width: 5px; }

  .heroBanner-bannerOverlay .heroSlider ul.slick-dots li { height: 5px; margin: 0 4px; width: 5px; }
  .heroBanner-bannerOverlay .heroSlider ul.slick-dots { bottom: 20px; }
  .heroSlideLeft .moduleContent { line-height: 1.278; }

  .FLogocol { width: 100%; }
  .Footerv2ight { width: 100%; margin-top: 24px; } 
  .Footerv2content, .Footerv2ight .Footerv2img, .Footerv2ightcls, .footeruesv2 .Footerv2ight .Footerv2img, .footerueswithlogoalignv2 .Footerv2ight .Footerv2img { width: 100%; }
  .Footerv2text { width: 100%; order: 1; margin-top: 16px; text-align: center; }
  .Footerv2img, .Footerv2smRow { width: 100%; }
  .Footerv2smRow ul { gap: 8px 16px; }
  .Footerv2smRow { max-width: 136px; margin-left: auto; margin-right: auto; }

  .displaymobilehide { display: none; }
  .displaymobile { display: block; margin-top: 24px; }
  .displaytablethidemobile { display: none; }
  .Footerv2ightcls , .Footerv2Section .Footerv2content { padding: 16px; border-bottom: 0.5px solid; transition: all ease-in-out 0.3s; }
  .Footerv2Row { max-width: 216px; margin-left: auto; margin-right: auto; }
  .Footerv2Menu , .Footerv2ctext { display: none; margin-top: 16px; }
  .Footerv2Section .Footerv2ightcls .Footerv2menutitle , .Footerv2Section .Footerv2content .Footerv2menutitle { position: relative; z-index: 1; font-weight: 700; margin-bottom: 0; }
  .Footerv2Section .Footerv2ightcls .Footerv2menutitle:before  , .Footerv2Section .Footerv2content .Footerv2menutitle:before { transition: all ease-in-out 0.3s; content: ''; position: absolute; top: 50%; right: 0; width: 11px; height: 11px; border-bottom: 1px solid; border-right: 1px solid; transform: translateY(-50%) rotate(45deg); margin-top: -4px; }
  .Footerv2img .Footerv2menutitle {  text-align: center; padding: 16px; margin-bottom: 8px; border-bottom: 0.5px solid; }
  .Footerv2ightcls.active .Footerv2menutitle:before { margin-top: 3px; transform: translateY(-50%) rotate(-135deg); } 
  .Footerv2img ul.flex_center { justify-content: space-between; }

  .Footerv2copy { padding: 16px 0 31px; }
  .Footerv2Inner .FLogocol { text-align: center; }
  .Footerv2Inner .Footerv2Logo { text-align: center; }
  .Footerv2Inner .Footerv2Logovrsn { margin-bottom: 0; }

  .historyBoxcol { margin-right: 16px; } 
  .historyimg { height: 271px; } 
  .countsliderCol { margin: 10px; }


  .histyContent { padding: 15px 10px 15px 32px; }
  .histyBox { margin: 20px 14px; }

  .bannerSlider .slick-arrow { width: 30px; height: 30px;}
  .bannerSlider button.slick-prev { left: unset; right: 40px;}
  .bannerSlider .slick-arrow { right: 0; top: unset; transform: unset;  bottom: -40px;}
  .btncardInnerSlider ul.slick-dots { bottom: 0; }

  .imageboxCol.w-100 .imageboxImg { padding-top: 100%; } 
  .imageboxCol.twoCol { width: calc(50% - 4px); }

  .nwcardRow .imageboxCol.twoCol, .IcontxtCol.leftImg .Iconcontent { width: 100%; }

  .slider_buttons { padding-right: 15px; }
  .icontxtBox, .testiBoxtwo { width: 100%; }

  .NewstxtCol { padding: 0px; }
  .testiBox .testimonialImage { max-width: 100px; min-height: 100px; }
  .testiBox .testimonialContent { width: calc(100% - 108px); }
  
  .banhrSec .moduleTitle.lh1 h1 { line-height: 1.2; }
  .banhrSec .moduleSubtext { max-width: 204px; }

  .BloglistingboxIn .Bloglistingbox { max-width: 100%;  display: flex;  align-items: stretch;  gap: 16px;}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboximg { width: 200px;  padding-bottom: unset;}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain { width: calc(100% - 216px);}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .BloglistingboxTitle h5 { height: 100% !important;}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboximg {  width: 100px;}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain {  width: calc(100% - 116px);}
  .BloglistingboxIn .Bloglistingbox .Bloglistingboxcontentmain .BloglistingboxTitle h5 a {  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

  .ctaltsec h2, .university_countinn .moduleTitle h2 { font-size: 40px; }
  .flipeduInn .moduleTitle h2 { font-size: 50px; }
  .stickycardSec .moduleTitle h2, .unicounter { font-size: 48px; }
  .unicounter-imgcol { width: calc(50% - 10px); }
  .unicounter-img { height: 210px; width: 210px; }
  .univer-countrw { max-width: 520px; }
  
  .academicInn .moduleTitle h2 { font-size: 32px; }
  .flipeduCol .flipeduImg { padding-top: 133px; border-radius: 8px; min-height: 190px ;}
  .flipeduTxt , .flipeduCardtxt p, .flipeduImg h6 { font-size: 10px; }
  .flipeduCol:nth-child(2) { margin-top: 55px; }
  .flipeduCol:nth-child(odd) { margin-top: -55px; }
  .altcardSec .moduleTitle h2 { font-size: 30px; }
  .stickycardInn { min-height: 360px }
  .altcard-col { margin: 0 4px; }
  
  .yearslideInn h2 { font-size: 24px; }
  .yearTxt .dot-icon { width: 55px; height: 55px; margin-top: 11px; }
  .yearTxt { padding: 0; font-size: 15px; }
  .yearLf { font-size: 80px; }
  .yearRght h3  { font-size: 32px; }
  .yearnavCol:not(:last-child):before { height: 2.6px; bottom: 27px; }
  .yearslideNav .slick-list { overflow: visible; }
  
  .institutionHeading h2, .insticounCol .unicount { font-size: 32px; }
  
  .institutionText .moduleSubtile { width: 62%; }
  .institutionText .moduleContent { width: 54.66%; margin-left: auto; margin-top: -18px; }
  .institutionTile h2, .autorAltaHeading h1  { font-size: 48px; }
  .autorAltaContent h4, .autorAltaText h5 { font-size: 10px; }
  .autorAltaPosition, .autorAltaText h6 { font-size: 8px; } 
  
  .EventInn .moduleTitle h2 { font-size: 32px; } 
  .EventSliderBoxTitle h4 { font-size: 16px; }
  .EventSecv2 .EventSliderColumn { height: 469px; }
  .EventSliderBoxcnt.sm_pb16 { padding-bottom: 16px; }
  .EventSecv2 .EventSliderColumn .slick-list .EventSliderBox { margin-right: 11px; }
  
  .cardaltLeft .moduleTitle h2, .cardaltLeft .moduleContent h2 { font-size: 32px; }
  .altcardSec .lg { width: 294px; }
  .altcardSec .md { width: 210px; }
  .altcardSec .sm { width: 150px; }
  .altcard { min-height: 150px; border-radius: 20px; }
  
  .HABannerVideoSec video { min-height: 600px; object-fit: cover; }
  .autorAltaCol .autorAltaContent h4 { font-size: 10px; }
  .autorAltaCol .autorAltaPosition { font-size: 8px; }
  .bottomArrow a { width: 40px; height: 40px; }
  .bottomArrow a svg { width: 14px; height: 14px; }
  
  .artBannerRght .moduleContent p:not(:last-child) { margin-bottom: 16px; }
  .artBannerLf .moduleTitle h1, .artBannerLf .moduleTitle h2 { font-size: 32px; }
  .artCardCol { margin-right: 12px;  }
  .artCardInn .moduleTitle h2, .traingContent .moduleTitle h2, .campusCard .moduleTitle h2 { font-size: 32px; } 
  .traingImg, .traingContent { width: 100%; }
  .traingContent .moduleContent p { font-size: 16px; line-height: 1.3; }
  .traingContent .moduleCTA  { display: none; }
  .traingImg .moduleCTA.d_none { display: flex; }
  .campusCardtxt  { font-size: 16px; }
  
  
    .HABanneranimatedTitle h1 { font-size: 56px; }
   .HABannerSection { padding-top : 150px }
  .HABannerVideoSec video { min-height: auto;}
  .no-slider-exist>div { width: 100% !important; max-width: 100% !important;}
  .no-slider-exist { flex-direction: column !important;}
}

@media(max-width: 740px){ 
  .historySec .content-wrapper { padding-left: 15px; } 
  .cardaltLeft { left: 15px; max-width: 280px; }
  

}

@media (max-width : 640px){
  .HeroBannerSliderContent {  max-width: 155px;}

  .TwoColCardBoxGroup .TwoColCardBox { max-width : 100% }
  .CounterBoxCol .CounterBox { max-width: 100%;}
  .TimelineBoxIn {  padding: 16px 32px;}
  .LatestNewsSliderCnt {  display: none;}

  .btncardInner .slick-list.draggable { padding: 20px 50px 40px 0!important;}
  .btncardInner .slick-list.draggable .btncardItem { margin: 0 10px;}

  .OfertaacadFilterBoxSec .OfertaacadFilterBox { max-width: 100%;}
  .OfertaacadLeftFIl1>p {  font-size: 12px; padding: 10px 20px 10px 13px !important;}
  .OfertaacadLeftCol {  gap: 10px 8px;}
  .OfertaacadLeftFIl1 {  max-width: calc(25% - 6px);}

  .HeroBannerIn .HeroBannerimg { position: absolute; max-width: 100%; height: calc(100% - 40px); right: 0; background-position: center right; bottom: 0;}
  .HeroBannerIn {  padding-left: 15px;}
  .HeroBannerSliderContent { position: relative;  z-index: 1;}
  .Formsection .FormBoxSec form fieldset {  gap: 16px; }

  .histysliderRow .slick-list.draggable { padding-right: 60px; }

.BloglisttingtagBox ul li { padding: 10px;}
  
  .unicounter-imgcol:nth-child(2), .univer-countcol:nth-child(2n) .unicounter-imgcol:first-child { padding-top: 35px; }
  .unicounter-img { height: 140px; width: 140px; border-radius: 16px; }
  .univer-countrw { max-width: 352px; }
  
  .institutionText  { max-width: 360px; margin: 0 auto; }
  .institutionText .moduleSubtile { font-size: 18px; }
  
  .yearCol.slick-slide { min-height : auto }
}


@media (max-width : 400px ){
  .HeroBannerIn .HeroBannerimg {  height: calc(100% - 50px);  }
  .btncardInner .slick-list.draggable { padding: 20px 20px 40px 0!important;}
  .btncardInner .slick-list.draggable .btncardItem {margin: 0 5px;}
  .ThreeColumnBoxCol .slick-arrow { top : 20px; }
  .BannerSecV1SBox {  max-width: 300px;}
  .campusCardCol .campCardContent { padding-top: 60.8%; }
      .HABanneranimatedTitle h1 { font-size: 47px; }
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}