/*
if carousel has background: 
0 - no-bg
1 - has bg
*/
/*
type of background
dark - dark bg, white text
white - light bg, dark text
!!! if you have dark website you should check the mixin inside theme, you can switch the colors there !!!
REMINDER: add more comments, to reference the proper mixin
*/
/* URLS */
/* MAIN FONTS DECLARATION */
/* SOCIAL COLORS */
/* this will be removed */
:root {
  --rootFontSize: 62.5%;
  /* #region fonts */
  --primary-font: "Gelion", sans-serif;
  --secondary-font: "Cormorant Garamond", serif;
  /* #endregion */
  /* #region branding-primaries */
  --primary-color: #1c2b3c;
  --secondary-color: #7fc9c7;
  --tertiary-color: #c55f3c;
  --fourth-color: #e4e7e9;
  --neutral-color: #fff;
  /* #endregion */
  /* #region status-messages */
  --status-error: #cb1d23;
  --status-success: #1dad22;
  --status-warning: #eab308;
  /* #endregion */
  /* #region base colors */
  --general-bg-color: $neutralColor;
  --general-text-color: var(--primary-color);
  --main-layout-color: var(--general-bg-color);
  --loader-in-transparent-bg: var(--primary-color);
  --loader-in-bg: var(--neutral-color);
  /* #endregion */
  /* #region in-widget */
  --widget-background: var(--primary-color);
  --widget-background2: var(--fourth-color);
  --widget-background-even: rgba(28, 43, 60, 0.97);
  --widget-text-color: var(--neutral-color);
  --content-templates-padding: 9rem;
  /* #endregion */
  /* #region structural changes */
  /*
    on designer requests ( this is applied on all widgets, if something custom go to that particular css or use the widget unique or create a unique class )
    Info: 
      p- -> padding
      m- -> margin
      lr- -> left-right
  */
  --carousel-next-prev-border-radius: 5rem;
  --carousel-next-prev-width: 5rem;
  --carousel-next-prev-height: var(--carousel-next-prev-width);
  --video-controls-width: 5.8rem;
  --video-controls-height: var(--video-controls-width);
  --video-controls-border-radius: 5.8rem;
  --secondLvlCss-content-margin: clamp(3rem, 0.7936507937vw + 2.7301587302rem, 4rem);
  --secondLvlCss-heading-margin: var(--secondLvlCss-content-margin);
  --general-mobile-lr-gap: 3rem;
  --widget-with-bg--p-top: clamp(5rem, 4.7619047619vw + 3.380952381rem, 11rem);
  --widget-with-bg--p-bottom: clamp(5rem, 4.7619047619vw + 3.380952381rem, 11rem);
  --widget-with-bg--p-top-small: clamp(4rem, 3.9682539683vw + 2.6507936508rem, 9rem);
  --widget-with-bg--p-bottom-small: clamp(4rem, 1.5873015873vw + 3.4603174603rem, 6rem);
  --widget-title--m-bottom: clamp(3rem, 1.5873015873vw + 2.4603174603rem, 5rem);
  --widget-bottom-navigation--m-top: var(--widget-title--m-bottom);
  --widget-general-gap: clamp(2rem, 5.5555555556vw + 0.1111111111rem, 9rem);
  /* #endregion */
  /* #region carousel & gridswith cards */
  --carousel-widget-item-gap: clamp(2rem, 0.7936507937vw + 1.7301587302rem, 3rem);
  --carousel-widget-item-general-width: clamp(26rem, 17.0634920635vw + 20.1984126984rem, 47.5rem);
  --carousel-widget-item-story-width: var(--carousel-widget-item-general-width);
  --carousel-widget-item-event-width: var(--carousel-widget-item-general-width);
  --carousel-widget-item-profile-width: clamp(26rem, 7.9365079365vw + 23.3015873016rem, 36rem);
  --carousel-widget-item-promos-width: clamp(23.7rem, 11.1904761905vw + 19.8952380952rem, 37.8rem);
  --carousel-widget-item-portals-width: clamp(20rem, 3.1746031746vw + 18.9206349206rem, 24rem);
  --carousel-widget-item-stats-width: clamp(30rem, 7.2028811525vw + 24.4753901561rem, 36rem);
  --carousel-widget-item-landscape-video-width: clamp(31.5rem, 21.3492063492vw + 24.2412698413rem, 58.4rem);
  --carousel-widget-item-portrait-video-width: clamp(31.5rem, 5.1587301587vw + 29.746031746rem, 38rem);
  --grid-widget-general-gap: clamp(1.5rem, 1.1904761905vw + 1.0952380952rem, 3rem);
  --grid-widget-item-general-width: clamp(25rem, 3.9682539683vw + 23.6507936508rem, 30rem);
  --grid-widget-item-stories-width: var(--grid-widget-item-general-width);
  --grid-widget-item-events-width: var(--grid-widget-item-general-width);
  --grid-widget-item-profiles-width: var(--grid-widget-item-general-width);
  --grid-widget-item-promos-width: clamp(20.7rem, 5.6349206349vw + 18.7841269841rem, 27.8rem);
  --grid-widget-item-portals-width: clamp(12rem, 6.3492063492vw + 9.8412698413rem, 20rem);
  --grid-widget-item-stats-width: clamp(32.3rem, 2.9365079365vw + 31.3015873016rem, 36rem);
  --grid-widget-item-landscape-video-width: clamp(31rem, 18vw + 11.2rem, 40rem);
  --grid-widget-item-portrait-video-width: clamp(21rem, 18vw + 1.2rem, 30rem);
  /* #endregion */
  /* #region grid-boundaries */
  --grid-module-content-column: 4/10;
  --grid-module-content-big-column: 3/6;
  /* #endregion */
}
@media (min-width: 1920px) {
  :root {
    --rootFontSize: max(62.5%, -webkit-calc(0.3vw - 0.625em) + 0.625rem);
    --rootFontSize: max(62.5%, -moz-calc(0.3vw - 0.625em) + 0.625rem);
    --rootFontSize: max(62.5%, calc(0.3vw - 0.625em) + 0.625rem);
  }
}
@media (max-width: 767px) {
  :root {
    --grid-module-content-big-column: 1/8;
  }
}

/* #region global */
/* #endregion */
/* #region hero */
/* #endregion */
/* #region content */
/* #endregion */
/* #region buttons */
/* #endregion */
/* NOTES */
/*
- the v's that you'll see in mixin are referring to the variant. It may or it may not show depending on what set has been chosen
- on promos, stats, portals, the v is set in _env file. Please set that first before doing anything in here
- on api/media cards, the v is set in config.js
- on the rest of the carousel / widget, the v is set in cshtml. Check for Set or Variant keyword
- on content templates, it's hardcore mode ( god be with you ) . Some can be chosen from _env but in some cases you'll have to dig into _content-templates.scss file until backend has time to integrate this in the cms instead of ckeditor.
*/
/* #region events */
/* #endregion */
/* #region notices */
/* #endregion */
/* #region profiles */
/* #endregion */
/* #region cards */
/* #endregion */
/* #region promos */
/* #endregion */
/* #region blockquote */
/* #endregion */
/* #region portals */
/* #endregion */
/* #region stats */
/* #endregion */
/* #region stories */
/* #endregion */
/* #region faqs */
/* #endregion */
/* #region contentTemplates */
/* #endregion */
/* #region videos */
/* #endregion */
/* #region tickertape */
/* #endregion */
/* #region glossary */
/* #endregion */
/* #region admission */
/* #endregion */
@font-face {
  font-family: "admission-icons";
  src: url("/Fonts/icons/admission/admission-icons.ttf?220ktz") format("truetype"), url("/Fonts/icons/admission/admission-icons.woff?220ktz") format("woff"), url("/Fonts/icons/admission/admission-icons.svg?220ktz#global-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.adm-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "admission-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.adm-icons.adm-warning-i:before {
  content: "\e901";
}
.adm-icons.adm-checkmark-i:before {
  content: "\e902";
}
.adm-icons.adm-close-i:before {
  content: "\e903";
}
.adm-icons.adm-share-i:before {
  content: "\e904";
}
.adm-icons.adm-arrow-i:before {
  content: "\e906";
}

/* end global icons */
.admission-section .selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.admission-section .selectric-wrapper .selectric-scroll ul .disabled {
  display: none;
}
.admission-section .selectric-responsive {
  width: 100%;
}
.admission-section .selectric-items ul li:before {
  display: none;
}
.admission-section .selectric {
  background: #f7f9fa;
  border: 0.2rem solid rgba(165, 197, 237, 0.2);
  position: relative;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.admission-section .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 3.8rem 0 1rem;
  font-size: 2rem;
  line-height: 5.4rem;
  color: #243f86;
  font-weight: 700;
  height: 5.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
html.no-touch .admission-section .selectric:hover {
  background: #243f86;
}
html.no-touch .admission-section .selectric:hover .label, html.no-touch .admission-section .selectric:hover + button:before {
  color: #fff;
}
.admission-section .selectric .button {
  line-height: 1;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.8rem;
  height: 100%;
  text-align: center;
  font: 0/0 a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.admission-section .selectric .button:before {
  content: "\e907";
  font-size: 1.2rem;
  color: #ffb600;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.admission-section .selectric-open {
  z-index: 9999;
}
.admission-section .selectric-open .selectric-items {
  display: block;
  opacity: 1;
  visibility: visible;
}
.admission-section .selectric-disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.admission-section .selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.admission-section .selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.admission-section .selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.admission-section .selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.admission-section .selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.admission-section .selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
.admission-section .selectric-items {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: #2f3f55;
}
.admission-section .selectric-items:before {
  display: none;
}
.admission-section .selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.admission-section .selectric-items ul,
.admission-section .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
  min-height: 2rem;
}
.admission-section .selectric-items li {
  display: block;
  padding: 1rem;
  color: #fff;
  background: #2f3f55;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.admission-section .selectric-items li.selected {
  background: #ffb600;
  color: #2f3f55;
}
.admission-section .selectric-items li.highlighted {
  background: #ffb600;
  color: #2f3f55;
}
html.no-touch .admission-section .selectric-items li:not(.highlighted):hover {
  background: #2f3f55;
  color: #ffb600;
}
.admission-section .selectric-items .disabled {
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #fff !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.admission-section .selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 1rem;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.admission-section .selectric-items .selectric-group.disabled li {
  opacity: 1;
}
.admission-section .selectric-items .selectric-group li {
  padding-left: 2.5rem;
}
.admission-section .selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.admission-wrapper .adm-grades-controller {
  width: 100%;
  position: relative;
  height: 54px;
  z-index: 2;
}
.admission-wrapper .adm-grades-controller-desktop {
  min-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}
.admission-wrapper .adm-grades-controller-mobile {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.admission-wrapper .adm-grades-controller-mobile .selectric-items {
  width: 100% !important;
}
.admission-wrapper.mobile-top-bar .adm-grades-controller-mobile {
  opacity: 1;
  visibility: visible;
}
.admission-wrapper.mobile-top-bar .adm-grades-controller-desktop {
  opacity: 0;
  visibility: hidden;
}
.admission-wrapper .adm-grades-button {
  width: 100%;
  height: 54px;
  background: #2f3f55;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  color: #fff;
  padding: 5px 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 700;
}
.admission-wrapper .adm-grades-button.active {
  background: #ffcc00;
  color: #2f3f55;
  cursor: auto;
}
html.no-touch .admission-wrapper .adm-grades-button:not(.active):hover {
  background: #2f3f55;
  color: #ffcc00;
}
.admission-wrapper .adm-grades-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 2px solid #eff2f7;
}
.admission-wrapper .adm-grades-item:last-child {
  border: none;
}

.admission-wrapper .step-container {
  width: 100%;
  position: relative;
  margin: 3.5rem 0;
}
.admission-wrapper .step-container .step-head {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2f3f55;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.admission-wrapper .step-container .step-wrapper {
  padding-left: 6rem;
  position: relative;
  padding-bottom: 3.5rem;
}
.admission-wrapper .step-container .step-wrapper .secondLvlCss *:last-child {
  margin: 0;
}
.admission-wrapper .step-container .step-wrapper:last-child {
  padding-bottom: 0;
}
.admission-wrapper .step-container .step-wrapper:last-child .step-number:before {
  display: none;
}
.admission-wrapper .step-container .step-wrapper:last-child .step-description {
  border: none;
  padding-bottom: 0;
}
.admission-wrapper .step-container .step-description {
  position: relative;
  padding-bottom: 3.5rem;
  border-bottom: 0.2rem solid #788fbf;
}
.admission-wrapper .step-container .step-number {
  width: 3.6rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.admission-wrapper .step-container .step-number:before {
  content: "";
  width: 0.2rem;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -0.1rem;
}
.admission-wrapper .step-container .number {
  width: 3.6rem;
  height: 3.6rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
.admission-wrapper .step-container .number span {
  display: block;
  font-size: 2rem;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .admission-wrapper .step-container .step-wrapper {
    padding-left: 5rem;
  }
}

.admission-wrapper .adm-input-container {
  width: 100%;
  position: relative;
}
.admission-wrapper .adm-input-container.has-error .input input {
  border-color: #cb1d23;
  color: #cb1d23;
}
.admission-wrapper .adm-input-container.has-error .input .send-email {
  background: #cb1d23 !important;
  color: #fff !important;
}
.admission-wrapper .adm-input-container.has-success .input input {
  border-color: #1dad22;
  color: #1dad22;
}
.admission-wrapper .adm-input-container.has-success .input .send-email {
  background: #1dad22 !important;
  color: #fff !important;
}
.admission-wrapper .input {
  width: 100%;
  position: relative;
  height: 4.2rem;
  overflow: hidden;
}
.admission-wrapper .input input {
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  height: 100%;
  padding: 0 2rem;
  border: 0.2rem solid #2f3f55;
  border-right: none;
  font-size: 1.6rem;
  line-height: 4.2rem;
  z-index: 1;
  position: absolute;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.admission-wrapper .input .send-email {
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  right: 0;
  top: 0;
  background: #ffcc00;
  color: #2f3f55;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.admission-wrapper .input .send-email i {
  line-height: 2.3rem;
}
html.no-touch .admission-wrapper .input .send-email:hover {
  background: #f2c200;
  color: #2f3f55;
}

.admission-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  overflow: hidden;
}
.admission-wrapper button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.admission-wrapper .adm-panel {
  width: 100%;
  max-width: 67.4rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease;
  opacity: 1;
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.admission-wrapper:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.admission-wrapper.opened:before {
  opacity: 1;
}
.admission-wrapper.opened .adm-panel {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.admission-wrapper .adm-panel-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding-top: 5rem;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.admission-wrapper .adm-heading {
  background: #f7f9fa;
  padding: 3rem;
}
.admission-wrapper .adm-heading .adm-title {
  font-size: clamp(3rem, 0.3968253968vw + 2.8650793651rem, 3.5rem);
  line-height: 1.5;
  font-weight: 500;
  color: #243f86;
}
.admission-wrapper .adm-heading.adm-heading-no-results {
  background: transparent;
}
.admission-wrapper .joining-date {
  padding-top: 3rem;
}
.admission-wrapper .joining-date .date {
  display: block;
}
.admission-wrapper .adm-grades {
  display: block;
  padding-bottom: 3rem;
}
.admission-wrapper .grades-panel {
  display: none;
}
.admission-wrapper .adm-grades-panel-container {
  position: relative;
  padding: 0 3rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .admission-wrapper .adm-grades-panel-container {
    padding: 0 2rem;
  }
}
.admission-wrapper .adm-panel-title {
  width: 100%;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5rem;
  position: absolute;
  z-index: 10;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.admission-wrapper .adm-panel-title .adm-main-title {
  position: relative;
  padding: 0 2rem;
}
.admission-wrapper .adm-button {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 0;
  cursor: pointer;
  border: none;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.admission-wrapper .adm-button i {
  position: absolute;
  line-height: 5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  text-align: center;
  display: block;
}
.admission-wrapper .adm-close {
  left: 0;
  z-index: 2;
  background: #fff;
}
.admission-wrapper .adm-close i {
  font-size: 1.5rem;
  color: #243f86;
}
html.no-touch .admission-wrapper .adm-close:hover i {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.admission-wrapper .share-button {
  right: 0;
  background: #788fbf;
}
.admission-wrapper .share-button i {
  font-size: 1.8rem;
  color: #fff;
}
html.no-touch .admission-wrapper .share-button:hover {
  background: #6b7faa;
}
.admission-wrapper .step-container .number {
  background: var(--tertiary-color);
  color: #fff;
  -moz-border-radius: 3.6rem;
       border-radius: 3.6rem;
  font-weight: 700;
}
.admission-wrapper .step-container .step-number:before {
  background: rgba(28, 43, 60, 0.2);
}
.admission-wrapper .selectric .button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "global-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.admission-wrapper .selectric .button:before {
  content: "\e900";
  font-size: 1rem;
  color: var(--primary-color);
}
.admission-wrapper .adm-heading {
  color: var(--primary-color);
}
.admission-wrapper .adm-heading .adm-title {
  color: inherit;
}
.admission-wrapper .adm-heading .adm-description {
  font-size: clamp(2.2rem, 0.2380952381vw + 2.119047619rem, 2.5rem);
  font-weight: 400;
  line-height: 1.3;
  color: inherit;
}
.admission-wrapper .joining-date {
  font-family: var(--secondary-font);
  color: var(--primary-color);
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.admission-wrapper .adm-panel-title {
  background: var(--primary-color);
}
.admission-wrapper .adm-panel-title .adm-main-title {
  font-family: var(--secondary-font);
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
.admission-calculator {
  width: 100%;
  position: relative;
  margin-bottom: var(--cp-row-spacing);
}
.admission-calculator .adm-calculator-heading {
  text-align: center;
}
.admission-calculator .adm-calculator-heading .adm-title {
  margin-bottom: 1.5rem;
  color: inherit;
}
.admission-calculator .adm-calculator-heading .adm-paragraph p.error-message {
  color: #cb1d23;
}
.admission-calculator.has-error .adm-paragraph .description {
  display: none;
}
.admission-calculator.has-error .adm-paragraph .error-message {
  display: block;
}
.admission-calculator .admission-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.admission-calculator .admission-form .dob-input {
  width: 100%;
  display: block;
  height: 4.5rem;
  position: relative;
}
.admission-calculator .admission-form input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  line-height: 4.5rem;
  padding-left: 1rem;
  color: #fff;
}
.admission-calculator .admission-form input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.admission-calculator .admission-form input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.admission-calculator .admission-form input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.admission-calculator .admission-form input::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.admission-calculator .admission-form input::placeholder {
  color: #fff;
  opacity: 1;
}
.admission-calculator .adm-calculator-inner {
  width: 100%;
  padding: 2rem 3rem;
}

.module-widget--admissions {
  position: relative;
}
.module-widget--admissions .admission-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.module-widget--admissions .admission-bg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-widget--admissions .admission-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(28, 43, 60, 0.85);
  z-index: 2;
}
.module-widget--admissions .admission-calculator {
  position: relative;
  z-index: 2;
}
.module-widget--admissions .admission-calculator .adm-submit {
  max-width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 5rem;
  padding: 1rem 2.5rem 1.2rem;
  font-size: 2.1rem;
  font-weight: 400;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--primary-color);
  color: #fff;
  -moz-border-radius: 3rem;
       border-radius: 3rem;
  -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, border 0.3s ease;
  border: none;
  cursor: pointer;
  background: var(--secondary-color);
  color: var(--primary-color);
}
html.no-touch .module-widget--admissions .admission-calculator .adm-submit:hover {
  background: var(--tertiary-color);
  color: #fff;
  border-color: var(--tertiary-color);
}
.module-widget--admissions .admission-calculator .admission-form {
  max-width: 50rem;
  margin: 0 auto;
  gap: 1.4rem;
}
.module-widget--admissions .admission-calculator .admission-form .dob-input {
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
}
.module-widget--admissions .admission-calculator .admission-form .adm-label {
  color: var(--primary-color);
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0.7rem;
  display: block;
}
.module-widget--admissions .admission-calculator .admission-form .input-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-widget--admissions .admission-calculator .admission-form .input-item.has-error .adm-label {
  color: #cb1d23;
}
.module-widget--admissions .admission-calculator .admission-form .input-item.has-error .dob-input {
  border-color: #cb1d23;
}
.module-widget--admissions .admission-calculator.v1 .admission-form .adm-label {
  color: #fff;
}
.module-widget--admissions .admission-calculator.v1 .adm-calculator-heading h2,
.module-widget--admissions .admission-calculator.v1 .adm-calculator-heading h3,
.module-widget--admissions .admission-calculator.v1 .adm-calculator-heading p {
  color: #fff;
}