@charset "UTF-8";
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
@import url("../css/sgds-icons-v2.css");
@import url("../css/animate.min.css");
@import url("../css/all.min.css");
@import url("../css/bootstrap.css");
@import "../css/google-css2.css?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "../css/sgds.css";
/* @import url("https://cdn.jsdelivr.net/npm/@govtechsg/sgds/css/sgds.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/*
@import url("../css/sgds-icons-v2.css");
@import url("../css/animate.min.css");
@import url("../css/bootstrap.css");
@import url("https://cdn.jsdelivr.net/npm/@govtechsg/sgds/css/sgds.css");
@import url("../css/all.min.css");*/
/* ====================================
	GENERAL
==================================== */
@import url("../css/sub_homepage_login.css");
@import "sub_homepage_login.css";
@import "careers.css";
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-VariableFont.ttf);
}

.modal-open-no-scroll, html.modal-open-no-scroll {
  overflow: hidden !important;
  margin-right: 5px;
}

/* ====================================
SEARCH RESULTS
==================================== */
.search-page {
  min-height: 400px !important;
}
.search-page .overlay-page-header {
  position: relative;
}
.search-page .trial,
.search-page .page-header {
  z-index: initial;
}

.landing-section {
  padding-bottom: 120px !important;
}

.breadcrumb-back-link .fa-chevron-left {
  padding-right: 4px;
}

.filter-small {
  display: none !important;
}

.page-header img {
  mix-blend-mode: lighten;
}

.search-header {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 62px;
  text-align: center;
}

.search-box {
  margin-top: 5px;
  width: 100vw;
  position: relative;
}

.search-form {
  position: relative;
}

.btn-outline-secondary {
  /*padding: 0 !important;*/
  text-align: center !important;
  min-width: 72px !important;
}

.search-form i {
  position: relative;
  font-size: 26px;
  font-weight: 400;
  color: #0072BC;
}

.search-form .form-control {
  height: 72px;
  border-radius: 40px;
  border-width: 0;
  background-color: white;
  padding-left: 2rem;
  border: none !important;
  box-shadow: none;
}

.search-form .input-group .btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: none;
}

.search-box .form-input {
  font-family: "Inter", sans-serif;
  text-indent: 32px;
  color: #4D4F55;
  font-size: 16px;
}

.form-input:focus {
  box-shadow: none;
  border: none;
}

.filter-by {
  width: 100%;
  margin-bottom: 16px;
}
.filter-by i {
  color: #21409A;
  width: auto;
  padding: 0;
  display: inline-block;
  padding-right: 1rem;
}
.filter-by h3 {
  display: inline-block;
  position: absolute;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #21409A;
  margin: 0;
}
.filter-by span {
  display: block;
  height: 24px;
  width: 100%;
  border-bottom: 1px solid #DDDDDE;
}

.form-check {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.form-check .form-check-input {
  margin-left: 0;
  margin-top: 4px;
  margin-right: 16px;
  width: 1.5em;
  height: 1.5em;
}

.form-check-label {
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.form-check:hover {
  background-color: #F5F5F7;
  cursor: pointer;
}
.form-check:hover .form-check-label {
  font-weight: 700;
}

.search-results {
  width: 100%;
}
.search-results p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
}

.card.search-card {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #ffffff;
  border: none;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137) !important;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  transition: 0.3s;
}

.card.search-card .card-body {
  padding: 40px 40px;
  position: relative;
}
.card.search-card .card-body p {
  margin: 0;
}

.result-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #0072BC;
  margin: 0;
  padding-bottom: 0.5rem;
}

.card-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.card-link p {
  color: #A4A7B3;
}

.search-nav-bar {
  width: 100%;
  min-height: 24px;
  padding-top: 0px;
  margin: 0;
  margin-bottom: 10px;
}
.search-nav-bar p {
  margin: 0;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  padding-right: 8px;
}
.search-nav-bar .form-select {
  position: absolute;
  display: inline-block;
  width: 63px;
  height: 32px;
  background-color: transparent;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 4px 0px 4px 16px;
  background-position: right 8px center;
  background-image: url(../images/caret-down.svg);
  background-size: 12px;
}

button {
  display: flex;
  background-color: transparent;
  border: 1px solid #9A9DAA;
  border-radius: 4px;
  color: #4D4F55;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 4px 12px;
  text-align: center;
  -webkit-text-decoration: bold;
          text-decoration: bold;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
button i {
  padding-left: 8px;
}

.dropdownmenu .form-select option {
  display: block;
  color: #4D4F55;
  padding-left: 12px;
  text-decoration: none;
}

.page-navbar {
  padding: 0;
}
.page-navbar a {
  padding: 4px 10px;
  text-decoration: none;
}
.page-navbar a:hover {
  background-color: #ddd;
  color: black;
}
.page-navbar .navbuttonround {
  color: #2E2F33;
  background: transparent;
  border: 1px solid #9A9DAA;
  border-radius: 4px;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.page-navbar .pagination-group {
  float: right !important;
  display: flex;
  align-items: center;
}
.page-navbar .form-control {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  color: #2E2F33;
  background: transparent;
  border: 1px solid #9A9DAA;
  border-radius: 4px;
  margin-left: 8px;
  margin-right: 8px;
  width: 64px;
  height: 32px;
}

.modal-content {
  border-radius: 12px;
  border: none;
}
.modal-content .modal-header {
  padding: 16px 24px;
}
.modal-content .modal-header h1 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #21409A;
}
.modal-content .modal-header .btn-close {
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/13px auto no-repeat;
}
.modal-content .modal-body {
  padding: 24px 24px 24px 24px;
}
.modal-content .modal-footer {
  border-top: 1px solid #98a2b3;
  padding: 16px 24px;
}
.modal-content .modal-footer .btn-primary {
  padding: 8px 24px;
  font-size: 16px;
}
.modal-content .modal-footer .clear-all {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1E77BA;
}

@media (max-width: 1201px) {
  .search-page {
    min-height: 350px;
  }
  .filter-large {
    display: none;
  }
  .filter-small {
    display: block !important;
    margin-bottom: 1rem;
    z-index: 1003;
    margin-top: 2rem;
  }
  .btn:focus {
    box-shadow: none;
  }
  .filter-btn {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CDCED5;
    border-radius: 4px;
    line-height: 24px;
    padding: 8px;
  }
  .filter-btn p {
    display: inline-block;
    color: #2E2F33;
    font-weight: 700;
    font-size: 16px;
    -webkit-text-decoration: bold;
            text-decoration: bold;
    padding-left: 8px;
    margin: 0;
  }
}
.search-landing {
  padding-top: 1rem;
}

@media (max-width: 1201px) {
  .search-page {
    min-height: 350px !important;
  }
  .search-landing {
    padding-top: 16px;
  }
}
@media (max-width: 768px) {
  .search-page {
    min-height: 300px !important;
  }
  .search-header {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
  }
  .search-results .resultsnumber h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (max-width: 576px) {
  .search-page {
    min-height: 280px !important;
  }
  .search-page .overlay-page-header {
    position: relative;
  }
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 328px;
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .search-results p {
    word-break: break-word;
  }
  .search-nav-bar {
    position: relative;
    display: inline-block;
  }
  .dropdownmenu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: normal;
    margin-bottom: 24px;
  }
  .dropdownmenu p {
    margin-right: 68px;
  }
}
.search-card a.stretched-link {
  text-decoration: none;
  color: #0072BC;
}

.search-card:hover {
  background: #EEF6FA;
  transition: 0.3s;
}

@media (max-width: 768px) {
  .resultsnumber {
    text-align: center;
    margin-bottom: 2rem;
  }
}
@media (min-width: 991px) {
  .page-header-wrapper.search-bar-header {
    height: 300px;
  }
}
.search-bar-header .w-100 {
  position: relative;
}

.search-bar-header .header-content .template-header {
  font-family: "Inter", sans-serif !important;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 0;
  position: relative;
}

.search-bar-header .page-content.page-content--content-page {
  height: 100%;
  width: 100vw;
  left: 0rem;
}

@media (max-width: 768px) {
  .search-form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.page-header-wrapper.search-bar-header {
  height: 150px;
}

@media (max-width: 767px) {
  .page-header-wrapper.search-bar-header {
    height: 150px;
    min-height: 350px;
  }
}
.trial.grey-lp, .trial.white-lp {
  width: 100vw;
}

.search-bar-header .search-box {
  top: -1rem;
}

.search-bar-header .header-content .template-header {
  top: -2rem;
}

@media (min-width: 768px) {
  .page-header-wrapper.search-bar-header {
    height: 240px;
  }
  .search-bar-header .search-box {
    top: -3rem;
  }
  .search-bar-header .header-content .template-header {
    top: -4rem;
  }
  .search-bar-header .trial.lp {
    bottom: 0.5rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: 0.5rem;
  }
}
@media (min-width: 800px) {
  .search-bar-header .trial.lp {
    bottom: 0.875rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: 0.875rem;
  }
}
@media (min-width: 900px) {
  .page-header-wrapper.search-bar-header {
    height: 340px;
  }
  .search-bar-header .trial.lp {
    bottom: 1.5rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: 1.5rem;
  }
}
@media (min-width: 1000px) {
  .search-bar-header .search-box {
    top: -4rem;
  }
  .search-bar-header .header-content .template-header {
    top: -6rem;
  }
}
@media (min-width: 1400px) {
  .search-bar-header .search-box {
    top: -5rem;
  }
  .search-bar-header .header-content .template-header {
    top: -6rem;
  }
  .search-bar-header .trial.lp {
    bottom: -1rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: -1rem;
  }
}
@media (min-width: 1700px) {
  .search-bar-header .trial.lp {
    bottom: -1.5rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: -1.5rem;
  }
}
@media (min-width: 2000px) {
  .search-bar-header .trial.lp {
    bottom: -3rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: -3rem;
  }
}
@media (min-width: 2200px) {
  .search-bar-header .trial.lp {
    bottom: -1.5rem;
  }
  .search-bar-header .trial.grey-lp {
    bottom: -1.5rem;
  }
  .page-header-wrapper.search-bar-header {
    height: 450px;
  }
  .search-bar-header .header-content .template-header {
    top: -6rem;
  }
}
.search-bar-header .page-content.page-content--content-page {
  margin-top: 1rem;
}

/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/*@import url("../css/sgds-icons-v2.css");
@import url("../css/animate.min.css");
@import url("../css/bootstrap.css");
@import url("https://cdn.jsdelivr.net/npm/@govtechsg/sgds/css/sgds.css");*/
/*@import url("../css/all.min.css");*/
/* ====================================
	GENERAL
==================================== */
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-VariableFont.ttf);
}
.fa-search:before {
  font-family: "Font Awesome 5 Pro 300";
  content: "\f002";
}

.fal.fa-search {
  font-family: "Font Awesome 5 Pro 300";
}

/* ====================================
HEADER
==================================== */
html {
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  /*scrollbar-width: none;*/
}

html.no-scroll,
html.no-scroll-1 {
  overflow-y: hidden;
}

.site-text-shadow {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.site-box-shadow {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 1201px) {
  .no-scroll,
  .no-scroll-1 {
    overflow: hidden;
  }
}
.header-actions-holder .row .col-12.d-flex.justify-content-end.align-items-center {
  margin-top: 0;
}

header {
  position: relative;
  width: 100%;
  top: 0;
}

.sgds-masthead {
  background-color: #f0f0f0;
  padding: 0.25rem 0;
  position: relative;
  z-index: 10;
}

.sgds-masthead .sgds-icon {
  font-size: 1.5rem;
}

.sgds-masthead .is-text {
  position: relative;
  font-size: 0.875rem;
  top: -2px;
}

@media (max-width: 568px) {
  .sgds-masthead .is-text {
    font-size: 0.6875rem;
  }
}
.sgds-masthead a {
  color: #666;
  text-decoration: none;
}

.sgds-masthead a:hover {
  text-decoration: none;
  color: #333;
}

.main-header {
  background-color: #FFF;
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.1);*/
  position: relative;
  z-index: 5;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137);
}

.navbar-nav {
  width: 100%;
  height: 100px;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-link {
  font-family: "Inter", sans-serif;
  font-weight: medium;
  font-size: 1rem;
  line-height: 24px;
  color: #2E2F33;
}

.nav-item {
  height: 100%;
  line-height: 80px;
}

.nav-item::after {
  height: 5px;
  width: 100%;
  background: transparent;
  display: block;
  content: "";
  position: relative;
  top: -4px;
}

.nav-item:hover::after {
  height: 4px;
  width: 100%;
  background: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  display: block;
  content: "";
  transition: 0.3s;
}

.btn.btn-link.btn-logout {
  font-size: 0.938rem;
  border: none;
  box-shadow: none;
}

.userProfile-holder {
  font-size: 0.938rem;
}

.registration-status-box {
  padding: 5rem;
}

.website-logo,
.website-navigation {
  display: table-cell;
  vertical-align: middle;
}

.website-logo {
  height: 50px;
}

.website-logo > a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.website-logo img {
  display: inline-block;
  height: 44px;
}

.website-navigation {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  width: 100%;
}

.website-navigation ul,
.website-navigation li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    height: 100%;
    font-size: 0.875rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.website-navigation li a {
  color: #333;
  position: relative;
  text-decoration: none;
}

.website-navigation li a:hover {
  text-decoration: none;
  color: #0072BC;
}

.website-navigation li.active a {
  font-weight: 600;
  color: #0072BC;
}

/*.website-navigation li.active a::before {
content: "";
position: absolute;
bottom: -2.25rem;
left: 0;
right: 0;
height: 4px;
width: auto;
background-color: #333;
}*/
.right-header {
  text-align: right;
}

.header-actions-holder {
  margin-right: -15px;
}

.header-actions-holder ul,
.header-actions-holder li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.header-actions-holder li {
  display: block;
  float: right;
  margin-left: 1px;
  /*border-left: 1px solid rgba(0,0,0,.1);*/
}

.header-actions-holder li a {
  position: relative;
  display: block;
  height: 60px;
  width: 60px;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  text-align: center;
  color: #0072BC;
  text-decoration: none;
}

.header-actions-holder li a:hover {
  text-decoration: none;
}

.header-actions-holder li a:focus {
  text-decoration: none;
}

@media (min-width: 1201px) {
  .hamburger-menu {
    display: none;
  }
}
@media (max-width: 768px) {
  .website-logo img {
    display: inline-block;
    height: 30px !important;
  }
}
.hamburger-menu > span,
.hamburger-menu > span::before,
.hamburger-menu > span::after {
  display: block;
  position: absolute;
  width: 24px;
  height: 3px;
  background-color: #0072BC;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -12px;
}

.hamburger-menu .icon-bar::before,
.hamburger-menu .icon-bar::after {
  content: "";
  margin-top: 0;
}

.hamburger-menu .icon-bar::before {
  top: -7px;
}

.hamburger-menu .icon-bar::after {
  top: 7px;
}

.hamburger-menu .icon-bar,
.hamburger-menu .icon-bar:before,
.hamburger-menu .icon-bar:after {
  transition: all 0.5s ease-in-out;
}

.header-actions-holder > div {
  display: none;
}

.header-actions-holder .btn {
  position: relative;
}

.header-actions-holder .btn > .sgds-icon {
  font-size: 1.5rem;
  display: inline-block;
  top: 2px;
  position: relative;
}

.btn-logout > .sgds-icon {
  transform: rotate(90deg);
}

.header-actions-holder .btn-link.btn-notification {
  color: #333;
}

.header-actions-holder .btn-link.btn-notification:hover {
  color: #000;
}

.btn-notification::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #E20000;
  display: block;
  right: 15px;
  top: 0.75rem;
  z-index: 2;
}

.btn-notification[aria-expanded=true]::before {
  display: none;
}

@media (min-width: 1201px) {
  header.sticky .main-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .header-actions-holder {
    margin-right: 0;
  }
  .header-actions-holder > ul {
    display: none;
  }
  .header-actions-holder li a {
    width: 80px;
    height: 89px;
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
    text-decoration: none;
  }
  .website-logo {
    height: 65px;
  }
  .website-logo img {
    height: 40px;
  }
  .header-actions-holder > div {
    display: table-cell;
    vertical-align: middle;
    height: 65px;
    text-align: right;
    width: 1%;
    font-weight: 500;
  }
}
@media (max-width: 1200px) {
  .main-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .website-navigation {
    display: none;
  }
  header.sticky {
    top: -100px;
  }
  .header-actions-holder {
    float: right;
  }
  .header-actions-holder div,
  .header-actions-holder ul {
    display: table-cell;
    vertical-align: middle;
  }
  .header-actions-holder .btn-logout {
    display: none;
  }
}
header.navbar-hidden .megamenu-item {
  display: none;
}

.general-mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: auto;
  background-color: #F6F6F8;
  z-index: 4;
  display: none;
  max-height: 100%;
  overflow: hidden;
}

.userProfile-holder {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 0.25rem;
}

.userProfile-Icon,
.userProfile-Info {
  display: table-cell;
  vertical-align: middle;
}

.userProfile-Icon div {
  width: 3rem;
  height: 3rem;
  line-height: calc(3rem - 4px);
  text-align: center;
  display: block;
  border: 3px solid #0072BC;
  border-radius: 50%;
  margin-right: 1rem;
}

.userProfile-Icon .sgds-icon {
  font-size: 1.5rem;
  color: #0072BC;
}

.userProfile-Info {
  line-height: 1.25;
}

.userProfile-Info p {
  margin: 0;
}

.userProfile-Info p > span {
  font-size: 0.875rem;
}

.mobile-menu-holder {
  font-family: "Lato", sans-serif;
  height: 100% !important;
  background-color: #f7f9fa;
  font-weight: 500;
}

.mobile-menu-holder nav {
  height: 100%;
  background: #ffffff;
  background-image: url(../images/new-mmenu-mobile-bg.png);
  background-size: cover;
}

.mobile-menu-holder ul {
  padding: 0;
  margin: 0;
  /*overflow-y: scroll;*/
}

.mobile-menu-holder li {
  list-style: none;
  color: #ffffff;
  margin-top: 0.15rem;
}

.mobile-menu-holder li ul li.back {
  list-style: none;
  color: #ffffff;
  font-size: 0.875rem;
  background: #0072BC;
  font-weight: 700;
}

.mobile-menu-holder li a {
  padding: 16px 24px;
  display: block;
  color: #2E2F33;
  text-decoration: none;
  font-family: "Inter", sans-serif;
}

.mobile-menu-holder li a:hover {
  text-decoration: none;
  color: #0072BC;
}

.mobile-menu-holder li.active a {
  border-right: 5px solid linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  font-weight: 600;
  color: #0072BC;
}

.mobile-menu-holder li:hover a {
  border-right: 5px solid linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  font-weight: 600;
}

.mobile-menu-holder nav + a.btn {
  text-align: left;
  padding: 0.75rem 1rem;
  border-radius: 0;
  background-color: #FFF;
  border-color: #FFF;
  font-weight: 500;
  color: #0072BC;
  margin-top: 0.25rem;
}

.mobile-menu-holder nav + a.btn:hover {
  text-decoration: none;
  font-weight: 600;
}

.mobile-menu-holder nav + a.btn.btn-light.focus,
.mobile-menu-holder nav + a.btn.btn-light:focus,
.mobile-menu-holder nav + a.btn.btn-light:not(:disabled):not(.disabled).active,
.mobile-menu-holder nav + a.btn.btn-light:not(:disabled):not(.disabled):active,
.mobile-menu-holder nav + a.btn .show > .btn-light.dropdown-toggle {
  box-shadow: none;
  background-color: #FFF;
  border-color: #FFF;
}

.mobile-menu-holder nav + a.btn > .sgds-icon {
  font-size: 1.5rem;
  transform: rotate(90deg);
  display: inline-block;
  position: relative;
  top: 2px;
}

/*--------------------------------------------------*/
body {
  font-family: "Inter", sans-serif;
  min-height: 100vh;
  position: relative;
}

.link-color,
a {
  color: var(--sgds-masthead-link-color);
}

a[target=_blank]::after {
  position: relative;
  top: 1px;
}

.material-icon-link {
  display: flex !important;
  align-items: center;
}

.material-icon-link *[class^=material] {
  width: 1.5rem;
  font-size: 1.5rem;
  text-align: center;
  margin-right: 0.5rem;
  color: #6c757d;
}

@media screen and (max-width: 1023px) {
  div[class*=container] {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 568px) {
  div[class*=container] {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* ====================================
    MASTHEAD
==================================== */
:root {
  --sgds-masthead-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --sgds-masthead-background-color: hsl(0, 0%, 94%);
  --sgds-masthead-text-color: hsl(0, 0%, 28%);
  --sgds-masthead-link-color: hsl(220, 100%, 47%);
  --sgds-masthead-link-hover-color: hsl(220, 100%, 37%);
  --sgds-masthead-tablet-padding-x: 1.25rem;
  --sgds-masthead-tablet-font-size: 0.75rem;
  --sgds-masthead-crest-color: rgb(239, 51, 32);
}

.sgds-masthead {
  padding: 0px;
  font-family: var(--sgds-masthead-font-family);
  color: var(--sgds-masthead-text-color);
  font-size: 0.875rem;
}

.masthead-layout {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.sgds-masthead-banner {
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: var(--sgds-masthead-background-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 1200px) {
  .sgds-masthead-banner {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sgds-masthead {
    left: -2rem;
    width: 105vw;
    padding-left: 2rem;
  }
}
.sg-crest {
  width: 20px;
  height: 28px;
}

.sg-crest path {
  fill: var(--sgds-masthead-crest-color);
}

/*.masthead-layout .is-text {
    word-spacing: 1px;
    letter-spacing: .0075em;
}*/
.sgds-masthead-identify-icon {
  width: 12px;
  height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.3s ease-in-out 0s;
  transform: rotate(180deg);
}

.sgds-masthead-button[aria-expanded=true] .sgds-masthead-identify-icon {
  transform: rotate(0deg);
}

.sgds-masthead-button {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.sgds-masthead-button-text {
  text-decoration: underline;
}

.sgds-masthead-content {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

.sgds-masthead-content .column-wrapper {
  display: flex;
  gap: 1rem;
  font-size: 1rem;
}

.sgds-masthead-content .banner-icon,
.sgds-masthead-content .banner-icon-inline {
  width: 18px;
  margin-top: -2px;
}

.sgds-masthead-content .banner-icon path,
.sgds-masthead-content .banner-icon-inline path {
  fill: var(--sgds-masthead-text-color);
}

.sgds-masthead-content .column-wrapper .content article {
  line-height: 1.5rem;
}

.sgds-masthead-content .column-wrapper .content .title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

a.trusted-websites-link {
  text-decoration: none;
}

a.trusted-websites-link:hover {
  color: var(--sgds-masthead-link-hover-color);
}

a.trusted-websites-link[target=_blank]:after {
  display: none;
}

a.trusted-websites-link:hover .trusted-websites-icon {
  fill: var(--sgds-masthead-link-hover-color);
}

.sgds-masthead-content .trusted-websites-link {
  display: inline-flex;
  align-items: center;
}

.sgds-masthead-content .trusted-websites-icon {
  fill: var(--sgds-masthead-link-color);
  margin-left: 2px;
}

@media screen and (max-width: 1023px) {
  .sgds-masthead {
    font-size: var(--sgds-masthead-tablet-font-size);
  }
  .sgds-masthead-content .column-wrapper {
    font-size: var(--sgds-masthead-tablet-font-size);
    gap: 0.5rem;
  }
  .sgds-masthead-content {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .sgds-masthead-content .row {
    gap: 2rem;
  }
  .sgds-masthead-content .column-wrapper .content .title {
    margin-bottom: 0.25rem;
  }
  .sgds-masthead-content .column-wrapper .content article {
    line-height: 1.2rem;
  }
  .sgds-masthead-content .banner-icon {
    width: 12px;
  }
  .sgds-masthead-content .banner-icon-inline {
    width: 0.6rem;
    height: 10px;
  }
}
/* ====================================
    HEADER - GENERAL
==================================== */
/*header {
    background-color: #FFF;
}*/
@media (min-width: 992px) {
  .navbar-hidden .navbar-dropdown,
  .navbar-hidden .mobile-search-holder,
  .navbar-hidden .right-header-dropdown {
    margin-top: 0 !important;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 991.98px) {
  html.overflow-hidden .navbar-hidden {
    top: 0 !important;
  }
}
/* ====================================
    HEADER - COMPANY LOGO
==================================== */
.navbar-brand {
  padding-right: 1rem;
  margin-left: 1.7rem;
  position: relative;
}

/* ====================================
    HEADER - MENU
==================================== */
.navbar-menu {
  display: flex;
  transition: 0.3s;
}

.navbar-item-top-level-link {
  display: flex;
  align-items: center;
  position: relative;
}

.navbar-item-top-level-link > .navbar-link {
  height: 5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: #333;
}

.navbar-item-top-level-link .navbar-link h6 {
  margin: 0;
  position: relative;
  z-index: 2;
  font-weight: 400;
  display: flex;
  gap: 0.5rem;
}

.navbar-item-top-level-link .navbar-link h6 .sgds-icon-chevron-down,
.navbar-item-top-level-link .navbar-link h6 .bi {
  color: #666;
  display: inline-block;
  position: relative;
}

.navbar-item-top-level-link > .navbar-link > * {
  transform: translateY(0);
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.navbar-item:hover .navbar-item-top-level-link > .navbar-link {
  text-decoration: none;
}

.navbar-item:hover .navbar-item-top-level-link > .navbar-link > * {
  transform: translateY(-0.125rem);
}

.navbar-item.active .navbar-item-top-level-link > .navbar-link .sgds-icon.sgds-icon-chevron-down,
.navbar-item.active .navbar-item-top-level-link > .navbar-link .bi.bi-chevron-down {
  display: inline-block;
  transform: rotate(-180deg);
  transition: 0.3s;
}

.navbar-item .navbar-link::before,
.navbar-item .navbar-link::after {
  content: "";
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.navbar-item .navbar-link::before {
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  transition: 0.3s;
  background-color: #333;
  z-index: 1;
  height: 0;
}

.navbar-item.active .navbar-item-top-level-link .navbar-link h6 {
  font-weight: 600;
}

.navbar-item.active .navbar-link::before {
  opacity: 1;
  visibility: visible;
  height: 0.125rem;
  color: #000;
}

.navbar-item .navbar-link::after {
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  width: auto;
  background-color: rgba(0, 0, 0, 0.02);
  transition: 0.45s;
  z-index: 0;
}

.navbar-item:hover .navbar-link::after {
  height: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
}

.navbar-dropdown .navbar-item.sub-link {
  color: #333;
}

.navbar-dropdown .navbar-item.sub-link:hover {
  text-decoration: none;
  color: #000;
}

@media (min-width: 992px) {
  .navbar-menu {
    padding-top: 0 !important;
    display: flex !important;
    justify-content: flex-end;
    gap: 0.75rem;
  }
  .mobile-collapse-toggle {
    display: none;
  }
  .navbar-dropdown {
    position: absolute;
    background-color: #FFF;
    width: 17.5rem;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(var(--sgds-body-color-rgb), 0.2);
    transition: none;
    padding: 0.5rem 0;
    transition: 0.3s;
    display: none;
  }
  .navbar-menu .navbar-item:hover .navbar-dropdown {
    display: block;
  }
  .navbar-dropdown .navbar-item.sub-link {
    display: block;
    padding: 0.75rem 1.25rem;
  }
  .navbar-dropdown .dropdown-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .navbar-dropdown .navbar-item.sub-link {
    text-decoration: none;
    position: relative;
    transition: 0.3s;
    margin-bottom: 1px;
  }
  .navbar-dropdown .navbar-item.sub-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: auto;
    background-color: rgba(0, 0, 0, 0.02);
    transition: none;
  }
  .navbar-dropdown .navbar-item.sub-link:hover::before {
    width: 100%;
  }
  .navbar-item.align-self-center > .bi {
    font-size: 1.125rem;
  }
}
@media (min-width: 1201px) {
  .navbar-menu {
    gap: 1rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-item-top-level-link > .navbar-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
/* ====================================
    HEADER - OFFCANVAS MENU
==================================== */
@media (min-width: 992px) {
  .use-offcanvas.header-holder {
    box-sizing: border-box;
  }
  .navbar-menu.offcanvas {
    transform: translateX(0);
    position: relative;
    visibility: visible;
    flex-direction: row;
    opacity: 1;
    width: auto;
    border: none;
  }
  .use-offcanvas .header-logo-holder,
  .use-offcanvas .header-actions-holder {
    z-index: 2;
    height: 80px;
    display: flex;
    align-items: center;
    background-color: #FFF;
  }
  .header-nav-holder {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
  }
  .header-nav-holder .offcanvas {
    background: none;
  }
}
@media (min-width: 1201px) {
  .header-actions-holder {
    padding-left: 8px;
  }
}
/*
background-clip: padding-box;
background-color: #fff;
bottom: 0;
display: flex;
flex-direction: column;
max-width: 100%;
outline: 0;
position: fixed;
transition: transform .3s ease-in-out;
visibility: hidden;
z-index: 1045;
*/
/* ====================================
    HEADER - HAMBURGER MENU MOBILE
==================================== */
.header-holder {
  box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.04);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(var(--sgds-body-color-rgb), 0.2);
}

@media (min-width: 992px) {
  .header-nav-holder {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 991.98px) {
  .navbar-brand {
    z-index: 1;
  }
  .header-nav-holder {
    position: absolute;
  }
  .navbar-menu:not(.offcanvas) {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    max-height: 100%;
    overflow: auto;
    padding-bottom: 1rem;
    padding-top: 0;
  }
  .navbar-menu > .navbar-item {
    border-bottom: 1px solid #dee2e6;
  }
  .navbar-item-top-level-link > .navbar-link {
    height: auto;
    padding: 1.125rem 1rem;
    padding-left: 1.125rem;
    width: 100%;
    background-color: #FFF;
  }
  .navbar-item .navbar-link::before,
  .navbar-item .navbar-link::after {
    top: 0;
    right: auto;
  }
  .navbar-item.active .navbar-link::before {
    width: 0.25rem;
    height: auto;
  }
  .navbar-item .navbar-link::after {
    height: 100%;
    width: 0;
  }
  .navbar-item .navbar-link:hover::after {
    width: 100%;
  }
  .navbar-item:hover .navbar-item-top-level-link > .navbar-link > * {
    transform: translateX(0.25rem);
  }
  .navbar-item-top-level-link .navbar-link h6 .sgds-icon-chevron-down {
    display: none !important;
  }
  .navbar-dropdown {
    padding: 0.5rem 0;
    background-color: #f8f9fa;
    box-shadow: inset 0 0.75rem 1rem 0 rgba(0, 0, 0, 0.05);
  }
  .navbar-dropdown .navbar-item.sub-link {
    display: block;
    padding: 0.75rem 1.25rem;
    padding-left: 1.5rem;
    margin-bottom: 0.125rem;
    text-decoration: none;
  }
  .navbar-dropdown .navbar-item.sub-link > * {
    display: inline-block;
    transition: 0.3s;
  }
  .navbar-dropdown .navbar-item.sub-link:hover > * {
    transform: translateX(0.25rem);
  }
  .mobile-collapse-toggle {
    height: 3rem;
    width: 3.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    box-shadow: none;
    position: relative;
  }
  .mobile-collapse-toggle::before {
    content: "";
    position: absolute;
    left: 0;
    background-color: #dee2e6;
    width: 1px;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .mobile-collapse-toggle:hover {
    text-decoration: none;
  }
  .mobile-collapse-toggle .sgds-icon {
    font-size: 1.25rem;
    color: #6c757d;
    display: inline-block;
    transition: 0.3s;
  }
  .mobile-collapse-toggle:hover .sgds-icon {
    transform: translateY(-0.125rem);
  }
  .mobile-collapse-toggle[aria-expanded=true] .sgds-icon {
    transform: rotate(-180deg);
  }
  .navbar-item-top-level-link > .navbar-link i[class^=material] {
    font-size: 1.5rem;
    float: left;
    color: #6c757d;
    margin-right: 0.25rem;
    text-align: center;
  }
  .navbar-item-top-level-link > .navbar-link i[class^=material] + span {
    line-height: 1.5rem;
  }
}
/* ====================================
    HEADER - MENU
    DROPDOWN MEGAMENU
==================================== */
.navbar-dropdown.mega-menu .card {
  border-radius: 0;
  background: transparent;
}

.mega-menu-navigation h6 {
  font-weight: 600;
}

@media (min-width: 992px) {
  .navbar-dropdown.mega-menu {
    width: 100%;
    left: 0;
    padding: 1rem 0;
    border-radius: 0;
    box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.075);
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link {
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link + .navbar-item.sub-link {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link::before {
    display: none;
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link span {
    display: inline-block;
    transition: 0.3s;
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link:hover span {
    transform: translateY(-0.125rem);
  }
  .mega-menu-spotlight {
    padding-right: 2rem;
    margin-right: 1rem;
    max-width: 24rem;
    position: relative;
  }
  .mega-menu-spotlight::before {
    content: "";
    position: absolute;
    top: -1rem;
    bottom: -1rem;
    left: auto;
    right: 0;
    width: 50vw;
    background: linear-gradient(30deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.025) 100%);
  }
  .mega-menu-spotlight .card.border-0 > .card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .mega-menu-navigation .card-body {
    padding: 0;
  }
  .navbar-dropdown.mega-menu .navbar-item.sub-link,
  .mega-menu-navigation h6 {
    padding: 0.75rem 1.25rem;
    padding-left: 1.5rem;
    margin-bottom: 0.125rem;
  }
}
.nav-item.mega-menu-link a .fa-regular.fa-angle-down {
  transition: 0.3s;
}

.rotate {
  transform: rotate(180deg);
}

.nav-item.mega-menu-link a[aria-expanded=false] .fa-regular.fa-angle-down {
  transform: rotate(0deg);
}

.nav-item.mega-menu-link.active a[aria-expanded=true] .fa-regular.fa-angle-down {
  transform: rotate(180deg);
}

.mega-title-section {
  font-family: "Inter", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  line-height: 32px;
  /*background: url(../images/Mega-Menu-backgroud.png) no-repeat !important;*/
  background-size: cover !important;
  border-radius: 0px !important;
}

.mega-content-item h5 {
  padding-bottom: 0.5rem;
  color: #0072BC !important;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.mega-content-item h5 a {
  color: #0072BC !important;
}

.mega-title-section h4 {
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 32px;
  margin-top: 15px;
}

.mega-title-section p {
  color: #2E2F33 !important;
}

.nav-link.mega-menu-a {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 24px;
}

.nav-link.mega-menu-a .fa-regular.fa-angle-down {
  margin-left: 12px;
  color: #0072BC !important;
  font-size: 1.5rem;
}

.nav-link.mega-menu-a.active {
  margin-left: 0.5rem;
}

.mega-content-item .list-group .list-group-item {
  border: none;
  padding-left: 0;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  color: #2E2F33;
}

.megamenu-item {
  text-align: left;
  position: fixed;
  width: 100vw;
  right: 0;
  top: 130px;
}

.navbar-nav {
  width: 100%;
}

.megamenu-item {
  width: 100%;
}

.navbar.navbar-expand-lg {
  position: static;
}

.website-navigation li.active .megamenu-item .megamenu .mega-content a {
  color: black !important;
  font-weight: 400;
}

.website-navigation li.active .megamenu-item .megamenu .mega-content a:hover {
  color: #0072BC !important;
  font-weight: 600;
}

.website-navigation li.active a .sgds-icon {
  transform: rotate(180deg);
}

.website-navigation li.active::after {
  height: 4px;
  width: 100%;
  background: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  display: block;
  content: "";
  transition: 0.3s;
}

.megamenu-item.accordion-collapse.collapsing {
  transition: none;
  display: none;
}

.md.d-flex {
  background-color: #ffffff;
}

.megamenu {
  background-color: rgba(46, 47, 51, 0.7) !important;
  height: 100vh;
}

.collapse-search .megamenu {
  background-color: rgba(46, 47, 51, 0.7) !important;
  height: 100vh;
}

.mega-content {
  width: 70%;
  background-color: #f8fafb;
  line-height: 32px;
  /*background: url(../images/Wave.png) no-repeat !important;*/
  background-position: bottom 0px right 0px !important;
  background-size: 100%;
  width: 100%;
  box-shadow: -1px 10px 34px -2px rgba(165, 165, 165, 0.29) inset;
  -webkit-box-shadow: -1px 10px 34px -2px rgba(165, 165, 165, 0.29) inset;
  -moz-box-shadow: -1px 10px 34px -2px rgba(165, 165, 165, 0.29) inset;
}

.mega-mobile-img-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.mega-content-item h5 .fa-regular {
  margin-left: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
}

.toggle-child2 {
  display: block;
}

.toggle-child {
  display: none;
}

.nav-item.mega-menu-link a.mega-menu-a .fa-solid.fa-magnifying-glass.toggle-child2 {
  display: none !important;
}

.nav-item.mega-menu-link a.mega-menu-a .fa-solid.fa-x.toggle-child.toggle {
  display: block !important;
}

.nav-item.mega-menu-link a.mega-menu-a.collapsed .fa-solid.fa-magnifying-glass.toggle-child2 {
  display: block !important;
}

.nav-item.mega-menu-link a.mega-menu-a.collapsed .fa-solid.fa-x.toggle-child.toggle {
  display: none !important;
}

.mega-title-section .bg-image-megamenu,
.mega-content .bg-image-megamenu {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  bottom: -1px;
}

.mega-content {
  position: relative;
}

.mega-content .bg-image-megamenu {
  position: absolute;
}

.mega-menu-heading-section {
  position: absolute;
  padding-left: 4rem;
}

.mmenu-header {
  width: 100%;
  background-color: rgb(255, 255, 255);
  height: 80px;
  position: relative;
  z-index: 5;
}

.mmenu-header-inner {
  width: 100%;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  height: 100%;
  display: flex;
  align-items: center;
}

.mmenu-header-inner img {
  height: 45px;
  width: 45px;
}

.mmenu-header-inner .inner-group {
  height: auto !important;
  line-height: 32px;
  margin-left: 0;
}

.mmenu-header-inner .inner-group h5 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 32px;
  margin-bottom: 0;
}

.mmenu-header-inner .container-fluid, .container-fluid.mm-padding {
  width: 1366px;
}

.md .mm-padding {
  padding: 0 2.4rem !important;
}

.mm-padding .col {
  padding-right: 4rem;
}

.mmenu-header-inner .inner-group .card-link {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
}

.m-content-header {
  display: flex;
  width: 100%;
  align-items: baseline;
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 83px;
}

.m-content-header i {
  margin-left: 1rem;
  color: #0072BC !important;
  font-size: 1.125rem;
  font-weight: 700s;
}

.hamburger-wrapper {
  padding-right: 0 !important;
}

/* ====================================
    HEADER - RIGHT ACTIONS
==================================== */
.header-actions-holder {
  position: relative;
}

.header-actions-holder .right-action-single-btn {
  display: inline-flex;
  position: relative;
}

.header-actions-holder button {
  font-size: 1.5rem;
  text-decoration: none;
  color: #6c757d;
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-actions-holder button::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.05);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: 0.3s;
  opacity: 0;
}

.header-actions-holder button:hover::before {
  opacity: 1;
  width: 3rem;
  height: 3rem;
}

.header-actions-holder button + button {
  margin-left: 0.5rem;
}

.header-actions-holder button > small {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: 600;
  color: #FFF;
  line-height: 1;
}

.right-header-dropdown {
  position: absolute;
  right: 0;
  background-color: #FFF;
  width: 17.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  border-top: 1px solid rgba(var(--sgds-body-color-rgb), 0.2);
  top: 65px;
}

.header-dropdown-profile {
  padding: 1.25rem;
  border-radius: 0;
  background-color: #f8f9fa;
}

/*.header-dropdown-profile span {
    display: block;
}*/
.header-dropdown-profile > div > p {
  margin-bottom: 0;
  line-height: 1.5;
}

.right-header-dropdown .header-dropdown-profile {
  margin-top: -0.5rem;
}

.right-header-dropdown > div:last-child:is(.header-dropdown-profile) {
  border-radius: 0 0 0.5rem 0.5rem;
  margin-bottom: -0.5rem;
}

.header-dropdown-profile + .dropdown-divider {
  margin-top: 0;
}

.right-header-dropdown > div > a.dropdown-item {
  display: flex;
  display: -ms-flexbox;
  padding: 0.75rem 1.25rem;
  align-items: center;
  color: #333;
}

.right-header-dropdown > div > a.dropdown-item:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0.02);
}

.right-header-dropdown .dropdown-item.active,
.right-header-dropdown .dropdown-item:active {
  background-color: rgba(0, 0, 0, 0.02);
  color: inherit;
}

.hamburger-menu {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 4rem;
  height: 4rem;
  background-color: #ffffff;
}

.hamburger-menu > span,
.hamburger-menu > span::before,
.hamburger-menu > span::after {
  display: block;
  position: absolute;
  border-radius: 0.5rem;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 3px;
  margin-top: -0.0625rem;
  margin-left: -0.75rem;
  background-color: #0072BC;
}

.hamburger-menu > span {
  position: relative;
}

.hamburger-menu .icon-bar::before,
.hamburger-menu .icon-bar::after {
  content: "";
  margin-top: 0;
}

.hamburger-menu .icon-bar::before {
  top: -0.4375rem;
}

.hamburger-menu .icon-bar::after {
  top: 0.4375rem;
}

.hamburger-menu .icon-bar,
.hamburger-menu .icon-bar:before,
.hamburger-menu .icon-bar:after {
  transition: 0.5s;
}

@media (max-width: 1200px) {
  .header-actions-holder {
    margin-right: -0.75rem;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 10px;
    right: 1rem;
  }
  .header-dropdown-profile {
    padding: 1rem 1.125rem;
  }
}
/* ====================================
    HEADER - SEARCH FUNCTION
==================================== */
.mobile-search-holder {
  position: relative;
  background: #FFF;
}

.mobile-search-holder .input-group > *,
.mobile-search-holder .input-group > * > * {
  height: 2.5rem;
  border: 0;
  margin: 0;
}

.mobile-search-holder .input-group > .input-group-prepend {
  background-color: #FFF;
  position: relative;
}

.mobile-search-holder .input-group > .input-group-prepend > * {
  background: none;
}

.mobile-search-holder .input-group > .input-group-prepend .sgds-icon {
  color: #adb5bd;
  font-size: 1.75rem;
}

.mobile-search-holder .form-control:focus {
  box-shadow: none;
  outline: none;
}

.mobile-search-holder .input-group > .input-group-append {
  position: relative;
}

.mobile-search-holder .input-group > .input-group-append > .btn {
  border-radius: 0.25rem;
  transform: translateY(0);
  transition: 0.3s;
  position: relative;
  z-index: 3;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.mobile-search-holder .input-group > .input-group-append > .btn:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
}

.clear-search {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  text-align: center;
  top: 50%;
  left: -2.5rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.5rem;
  color: #6c757d;
  transition: 0.3s;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  text-decoration: none;
}

.clear-search:hover {
  text-decoration: none;
  color: inherit;
}

.clear-search > .sgds-icon {
  position: relative;
  z-index: 2;
  display: inline-block;
  transition: 0.3s;
}

.clear-search:hover > .sgds-icon {
  transform: rotate(-180deg);
}

.clear-search::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, white 50%);
  top: 0;
  bottom: 0;
  left: -2rem;
  right: 0;
  width: auto;
  height: auto;
  z-index: 0;
}

@media (min-width: 768px) {
  .mobile-search-holder > div {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
@media (min-width: 992px) {
  .mobile-search-holder {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.075);
    transition: 0.3s;
  }
  .mobile-search-holder .input-group > .input-group-append > .btn {
    padding-left: 1.25rem;
    padding-right: 1rem;
  }
  .mobile-search-holder .input-group > .input-group-append > .btn > span {
    margin-right: 0.25rem;
  }
  .mobile-search-holder .input-group > .input-group-prepend .sgds-icon {
    font-size: 2rem;
  }
  .mobile-search-holder .form-control {
    font-size: 1.125rem;
  }
}
@media (max-width: 991.98px) {
  .mobile-search-holder {
    transition: none;
    display: block !important;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
  }
  .mobile-search-holder .input-group > .input-group-prepend > .input-group-text {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media (max-width: 767.98px) {
  .mobile-search-holder > div {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mobile-search-holder .input-group > .input-group-prepend > .input-group-text {
    padding: 0;
  }
  .mobile-search-holder .input-group > .input-group-append > .btn {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    width: 2.75rem;
    justify-content: center;
  }
  .mobile-search-holder .input-group > .input-group-append > .btn > span {
    display: none;
  }
}
.search-input {
  display: inline-flex;
  border-radius: 4px;
  padding: 8px;
  align-items: center;
  border-radius: 2rem;
  height: 56px;
}

.search-input .btn-primary {
  height: 40px;
  padding: auto;
  padding: 8px 24px;
  font-size: 1rem;
  color: #ffffff;
}

.search-input.si-2 form {
  padding-bottom: 0;
}

@media (max-width: 576px) {
  .search-input .btn-primary {
    height: auto;
    padding: 4px 24px;
    font-size: 0.875rem;
  }
  .search-input {
    height: 48px;
  }
  .search-input.si-2 {
    top: 16px !important;
  }
  .search-container.sc-2 {
    height: 80px !important;
  }
}
.search-input .btn-primary:focus {
  height: 40px;
  padding: auto;
  padding: 8px 24px;
  font-size: 1rem;
  color: #ffffff;
}

.search-input > input,
.search-input > .cancel-btn,
.second-input > .second-cancel-btn {
  border: 0;
}

.search-input .cancel-btn {
  font-size: 1.25rem;
}

.search-input > input {
  width: 100%;
  margin-left: 16px;
}

.search-input > input:focus {
  outline: none;
}

.search-input > input:active {
  outline: none;
}

.search-input > .cancel-btn,
.search-input > .second-cancel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  margin: 0 8px 0 8px;
  border-radius: 50%;
  line-height: 0;
  pointer-events: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  background-color: #E9E9E9;
  color: #0072BC;
  text-decoration: none;
}

.search-input > input.has-value + .cancel-btn,
.search-input > input.inputs.has-value + .second-cancel-btn {
  pointer-events: all;
  opacity: 1;
}

.search-input {
  background-color: #ffffff;
  width: 100%;
}

.search-container {
  /*background: url(../images/search-bg.png) no-repeat;
  background-size: cover;*/
  background-color: #ffffff !important;
  border-radius: 0px !important;
  border: none;
  padding: 0;
  height: 208px;
}

.image-overlay-container {
  position: absolute;
  width: 100%;
}

.search-container #exampleContainer {
  width: 65%;
  margin: auto;
  padding-top: 24px;
}

.popular-search {
  width: 65%;
  margin: auto;
  padding-bottom: 24px;
}

.search-link {
  width: 80px !important;
  color: #0072BC;
}

.popular-search a {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  color: #21409A;
  text-decoration: none;
  margin-right: 24px;
}

.popular-search .subheader {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  margin-bottom: 8px;
  margin-top: 12px;
  text-align: left;
}

.nav-item .popular-search {
  line-height: 24px;
}

.sub-header2 {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  color: #4D4F55;
}

.popular-search a:hover {
  color: #1F99E9;
}

.popular-search a:focus {
  color: #1F99E9;
}

.popular-search a::after {
  display: none;
}

.mobile-menu-holder li .popular-search {
  width: 100%;
}

.mobile-menu-holder li .popular-search a {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  color: #21409A;
  text-decoration: none;
  margin-right: 24px;
  display: inline-block;
  padding: 0;
}

.mobile-menu-holder li:hover .popular-search a {
  border-right: none;
}

.mobile-menu-holder li .popular-search a:hover {
  border-right: none;
  color: #1F99E9;
}

.mobile-menu-holder li .popular-search a:focus {
  border-right: none;
  color: #1F99E9;
}

.website-navigation li .popular-search a {
  color: #21409A;
}

.search-container.sc-2 {
  padding: 0;
  height: 108px;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  position: relative;
}

#exampleContainer2 {
  width: 100%;
  padding: 0 1.5rem;
}

.mobile-search-bg {
  height: 108px;
}

.search-container.sc-2 .popular-search {
  position: absolute;
  bottom: 0;
  left: 1rem;
}

.search-input.si-2 {
  top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  position: initial;
}

/* ====================================
    HEADER - SEARCH FUNCTION
==================================== */
/* ====================================
    FOOTER
==================================== */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

footer a:hover {
  text-decoration: underline !important;
}

.sgds.footer {
  background-color: #0E1D48;
}

.sgds.footer .footer-items .links {
  margin-bottom: 1rem;
  border: none;
}

/*.footer-list-styling ul li+li, 
.sgds.footer .footer-contact-links ul li+li, 
.sgds.footer .footer-items ul li+li, 
.sgds.footer .footer-mandatory-links ul li+li {
    margin-top: .75rem;
}*/
.footer-copyrights {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
}

footer::before {
  content: "";
  display: block;
  height: 10px;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
}

@media (min-width: 992px) {
  .sgds.footer .footer-top + .footer-bottom {
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .sgds.footer .footer-items .links {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 991.98px) {
  .offcanvas {
    height: 100vh;
  }
  .offcanvas,
  .offcanvas-backdrop {
    top: -30px !important;
  }
}
.contact-links {
  justify-content: start;
}

.footer-top,
.footer-bottom {
  background-color: #0E1D48 !important;
  padding: 3rem 2.5rem 1.5rem !important;
  border: none !important;
}

.footer-contact-links {
  margin-top: 0 !important;
}

.social-icons {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.social-icons li {
  display: inline-block;
  margin-bottom: 4px;
}

.social-icons a {
  color: #ffffff;
  opacity: 60%;
  font-size: 1.875rem;
  display: inline-block;
  text-align: right;
  margin-right: 8px;
  background: none;
}

.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
  color: #fff;
  opacity: 100%;
}

hr.solid {
  color: white !important;
  opacity: 20% !important;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .sgds.footer .footer-copyrights {
    text-align: left;
    flex-direction: row;
    margin-top: 48px !important;
  }
  .copyright-div {
    margin-top: 48px !important;
  }
}
@media (max-width: 568px) {
  footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  footer a:hover {
    text-decoration: underline !important;
  }
  .sgds.footer .footer-items .links {
    margin-bottom: 1rem;
  }
  .contact-links {
    justify-content: start;
  }
  .footer-top,
  .footer-bottom {
    background-color: #0E1D48 !important;
    padding: 2rem 1.25rem 1.5rem !important;
    border: none !important;
  }
  .footer-contact-links {
    margin-top: 0 !important;
  }
  .social-icons {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .social-icons li {
    display: inline-block;
    margin-bottom: 4px;
  }
  .social-icons ul {
    padding: 0 !important;
  }
  .social-icons a {
    color: #ffffff;
    opacity: 60%;
    font-size: 1.875rem;
    display: inline-block;
    width: 44px;
    margin-right: 8px;
    background: none;
    text-align: left;
  }
  .social-icons a:active,
  .social-icons a:focus,
  .social-icons a:hover {
    color: #fff;
    opacity: 100%;
  }
  .footer-top1 {
    display: inline;
  }
  hr.solid {
    color: white !important;
    opacity: 20% !important;
    margin: 0;
  }
}
.footer-top-content {
  margin-top: 36px;
}

.sgds.footer .footer-header {
  margin-bottom: 0;
}

.footer-main-links ul,
.footer-terms ul {
  padding-left: 0;
}

.footer-main-links ul li,
.footer-terms ul li {
  list-style: none;
  display: inline;
  margin-right: 48px;
}

.footer-main-links ul li a,
.footer-terms ul li a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
}

.social-icons a {
  width: auto;
}

.footer-main-item,
.footer-bottom-main {
  display: flex;
  justify-content: space-between;
}

.footer-divider {
  background-color: #0E1D48;
  padding: 0px 2.5rem 0px !important;
  border: 1px #0E1D48 solid !important;
}

@media (max-width: 991px) {
  .footer-bottom-main {
    display: block;
    justify-content: start;
  }
  .copyright-div {
    margin-top: 48px;
  }
}
@media (max-width: 1200px) {
  .footer-main-item {
    display: block;
    justify-content: start;
  }
}
@media (max-width: 568px) {
  .footer-main-links ul li,
  .footer-bottom-main ul li {
    display: block;
    margin-top: 24px;
  }
  .footer-main-links ul li:first-child,
  .footer-bottom-main ul li:first-child {
    margin-top: 0px;
  }
  .social-icons {
    margin-top: 32px;
  }
  .footer-bottom {
    padding: 1.5rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0px #0E1D48 solid !important;
    position: relative;
    top: -2px;
  }
  .sgds.footer .footer-top {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 1px #0E1D48 solid !important;
    position: relative;
    top: 2px;
  }
  .footer-divider {
    background-color: #0E1D48;
    padding: 1rem 1.25rem 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-color: 0px #0E1D48 solid !important;
  }
}
/* ====================================
    HEADER - MENU 
    (CUSTOMISED HERE)
==================================== */
.navbar-item-top-level-link > .navbar-link,
.navbar-dropdown .navbar-item.sub-link,
.right-header-dropdown > div > a.dropdown-item,
.header-actions-holder button {
  color: var(--sgds-gray-600);
}

.navbar-item.active .navbar-item-top-level-link > .navbar-link,
.navbar-item:hover .navbar-item-top-level-link > .navbar-link,
.navbar-dropdown .navbar-item.sub-link:hover,
.header-actions-holder button:hover,
.header-actions-holder button[aria-expanded=true],
.right-header-dropdown > div > a.dropdown-item:hover {
  color: var(--sgds-purple);
}

.navbar-item .navbar-link::before {
  background-color: var(--sgds-purple);
}

.navbar-item .navbar-link::after,
.navbar-dropdown .navbar-item.sub-link::before,
.header-actions-holder button::before,
.right-header-dropdown > div > a.dropdown-item:hover,
.right-header-dropdown > div > a.dropdown-item:focus {
  background-color: rgba(87, 37, 220, 0.05);
}

.navbar-item:hover .navbar-link::after {
  background-color: transparent;
}

.navbar-item-top-level-link .navbar-link h6 .sgds-icon,
.navbar-item-top-level-link .navbar-link h6 i.bi {
  color: var(--sgds-gray-500);
}

.right-action-single-btn .btn:active,
.right-action-single-btn .btn:focus {
  color: var(--sgds-purple);
}

.right-action-single-btn .btn:focus {
  box-shadow: 0 0 0 0.125rem rgba(114, 70, 225, 0.5);
}










.last-section-image img {
  width: 100%;
  height: auto;
}

/*social-media*/
@media (min-width: 991px) {
  .social-media {
    opacity: 0;
    animation-delay: 2s;
  }
  .social-media.appear {
    animation: fadeIn linear 0.5s forwards;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.twos.appear {
    animation-delay: 0.2s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.threes.appear {
    animation-delay: 0.4s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fours.appear {
    animation-delay: 0.6s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fives.appear {
    animation-delay: 0.8s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.sixs.appear {
    animation-delay: 1s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
/* 4th row card*/
.fade-in {
  opacity: 0;
  transition: opacity 600ms ease-in;
  animation-delay: 2s;
}

.fade-in.appear {
  opacity: 1;
}

.from-bottom {
  transform: translateY(50%);
  transition: transform 600ms ease-in;
}

.fade-in.from-bottom.appear {
  transform: translateY(0%);
  transition: transform 600ms ease-in;
}

.fader-in {
  opacity: 0;
  transition: opacity 600ms ease-in;
  animation-delay: 2s;
}

.fader-in.appear {
  opacity: 1;
}

.fader-in.from-bottom.appear {
  transform: translateY(0%);
  transition: transform 600ms ease-in;
}

h3,
.h3 {
  font-family: "Inter", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0px;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  h3,
  .h3 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 578px) {
  h3,
  .h3 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0px;
  }
  .card-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0px;
  }
}
body,
html {
  overflow-x: hidden;
  /*-ms-scroll-snap-type: y proximity;
  scroll-snap-type: y proximity;*/
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/*.row section {
  scroll-snap-align: top;
}*/
.one {
  position: relative;
  overflow: hidden;
}

.two {
  background: linear-gradient(180deg, #0098BF 9.14%, #034C72 58.09%);
  mix-blend-mode: normal;
  height: 100% !important;
}

.three {
  height: 100vh;
}

.four {
  background-color: #ECF0F2;
}

@media only screen and (min-width: 991px) {
  .four {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}
.five {
  background-color: #ffffff;
  overflow: hidden;
}

.ParallaxImage {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 50px;
}

.ParallaxImage h1 {
  font-weight: 700;
  font-size: 4.75rem;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}

.ParallaxContent {
  background: none repeat scroll 0 0 #1F99E9;
  padding: 42px 0;
  color: #FFF;
}

.ParallaxContent h2 {
  color: #FFF;
}

.ParallaxVideo {
  padding-bottom: 50px;
  padding-top: 50px;
  display: flex;
  align-items: center;
  height: 100vh;
}

.ParallaxVideo video {
  min-width: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -999;
}

.ParallaxVideo h1 {
  color: #fff;
  font-size: 4.75rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 60px;
  max-height: 60px;
}

.content {
  position: relative;
  height: auto;
  text-align: left;
}

.btn-primary {
  font-family: "Inter", sans-serif !important;
  padding: 12px 24px;
  transition: 0.3s ease-in-out;
  background: #2F75B8;
  border-radius: 40px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  border-color: #2F75B8;
  border: 3px;
}

.button-group-form .btn-primary {
  text-align: center;
}

.btn-primary:focus {
  font-family: "Inter", sans-serif !important;
  padding: 12px 24px;
  transition: 0.3s ease-in-out;
  background: #2F75B8;
  border-radius: 40px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  border-color: #2F75B8;
  border: 3px;
  box-shadow: none;
}

/* Animation */
.wave-wrapper {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax2 > use {
  -webkit-animation: none;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    min-height: 20px;
    max-height: 30px;
  }
  h1 {
    font-size: 1.5rem;
  }
}
.card-footer {
  background-color: #ffffff;
  border-top: none;
  padding-bottom: 2rem;
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.card-footer {
  background-color: #ffffff;
  border-top: none;
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

/* ====================================
  CAROUSEL
==================================== */
/*carousel caption page load*/
.carousel-item.active .carousel-caption.first {
  animation: fadeIn3 cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards 0.3s;
  animation-iteration-count: 1;
}
@keyframes fadeIn3 {
  0% {
    opacity: 0%;
    transform: translateX(-10%);
  }
  100% {
    opacity: 100%;
    transform: translateX(0%);
  }
}
/*carousel indicator animation*/
.carousel-indicators [data-bs-target] {
  position: relative;
  width: 60px;
  height: 5px;
  border: none;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.4117647059);
}

.carousel-indicators [data-bs-target] span {
  content: ’’;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0BBED8;
  border-radius: inherit;
  animation: fadeIn2;
}
@keyframes CarouselButton {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.8;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* carousel*/
.carousel-caption {
  font-family: "Inter", sans-serif;
  text-align: left;
  z-index: 1002;
  position: absolute;
  bottom: 40%;
  max-width: 60%;
}

@media (min-width: 992px) {
  .carousel-caption {
    top: 10%;
  }
}
@media (min-width: 601px) {
  .carousel-next-prev-group {
    max-height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    top: 13rem;
  }
}
@media (min-width: 700px) {
  .carousel-next-prev-group {
    max-height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    top: 15rem;
  }
}
@media (max-width: 600px) {
  .carousel-next-prev-group {
    display: none;
  }
}
@media (min-width: 992px) {
  .carousel-caption {
    height: 30%;
    display: flex;
    align-items: center;
  }
  .carousel-next-prev-group {
    max-height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    top: 13rem;
  }
}
.carousel-caption h5 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 62px;
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.carousel-caption p {
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 36px;
  color: #FFFFFF;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .carousel {
    /*max-height: 60vh;*/
    max-height: 400px;
  }
  .one .carousel-inner {
    height: 400px;
  }
}
.carousel-inner {
  overflow-x: hidden;
  background: #012B44;
}

.carousel-indicators {
  padding-bottom: 3rem;
}

/*
.carousel-inner::after {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;

}*/
.overlay-image {
  background: linear-gradient(74.13deg, rgba(43, 42, 42, 0.4) 27.28%, rgba(0, 0, 0, 0) 90%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  z-index: 100;
}

.overlay-image img {
  width: 100%;
}

.carousel-caption {
  z-index: 1001;
}

.carousel-control-prev,
.carousel-control-next {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  opacity: 0;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.55);
  color: #fff;
  transition: 0.1s ease-in-out;
  animation: CarouselButton linear 0.5s forwards;
  animation-delay: 0.5s;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.55);
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.carousel-control-prev:hover .fa-chevron-left,
.carousel-control-next:hover .fa-chevron-right {
  color: #000000;
}

.fa-chevron-left,
.fa-chevron-right {
  transition: 0.1s ease-in-out;
}

.carousel-control-prev {
  margin-left: 24px;
}

.carousel-control-next {
  margin-right: 24px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 1rem;
  color: #ffffff;
}

.carousel-control-prev:hover > .carousel-control-prev-icon {
  color: #000000 !important;
}

.carousel-control-prev .fas,
.carousel-control-next .fas {
  padding: 0;
}

.carousel-item {
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 991px) {
  .carousel-item img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: relative;
    height: 80vh;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-caption {
    /*max-height: 400px;*/
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .carousel-control-prev,
  .carousel-control-next {
    height: 1.5rem;
    width: 1.5rem;
  }
  .carousel-caption h5 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
  }
  .carousel-caption p {
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 1.5rem;
  }
  .btn-primary {
    font-size: 1rem;
    line-height: 24px;
  }
  .carousel-caption .btn-primary {
    padding: 8px 24px;
  }
}
@media only screen and (max-width: 400px) {
  .carousel-caption h5 {
    font-size: 1.5rem;
    line-height: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .overlay-image {
    background: linear-gradient(74.13deg, rgba(43, 42, 42, 0.4) 27.28%, rgba(0, 0, 0, 0) 80%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
  }
  .overlay-image img {
    width: 120% !important;
    height: 90vh;
  }
}
@media only screen and (max-width: 568px) {
  .carousel-caption {
    text-align: center;
    max-width: 100%;
  }
  .overlay-image img {
    width: 150% !important;
    height: 80vh;
  }
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
  .carousel-indicators {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .carousel-control-prev,
  .carousel-control-next {
    top: 40%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-control-prev,
  .carousel-control-next {
    top: 40%;
  }
}
@media (max-width: 767px) {
  .carousel-control-prev,
  .carousel-control-next {
    top: 40%;
  }
  .carousel-item img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: relative;
  }
}
@media (max-width: 991px) {
  .carousel-item .image-wrap {
    width: 100%;
    content: "";
    position: relative;
  }
  /*
  .carousel-item .image-wrap .inner-wave::after {
    width: 100%;
    height: 180px;
    content: "";
    position: absolute;
    bottom: -4px;
    background: linear-gradient(360deg, #012B44 25.03%, rgba(1, 43, 68, 0) 57.39%);
  } */
  .carousel-item .image-wrap .inner-wave img {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .carousel-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: -webkit-fit-content !important;
  }
}
/* ====================================
    GET INVOLVED
==================================== */
/*


.get-involved {
  opacity: 0;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.get-involved.appear {
  -webkit-animation: fadeIn linear 0.5s forwards;
  animation: fadeIn linear 0.5s forwards;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.get-involved.twos.appear {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.get-involved.threes.appear {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.get-involved.fours.appear {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}*/
.get-involved-container {
  height: 639px;
}

.lightblue {
  background-color: #CDE9FB;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .get-involved-group {
    max-height: 570px;
  }
  .card-text.icon {
    position: absolute;
    bottom: 0px;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .get-involved-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .gv1 {
    grid-area: 1/1/4/2;
  }
  .gv2 {
    grid-area: 1/2/4/3;
  }
  .gv3 {
    grid-area: 1/3/3/4;
  }
  .gv4 {
    grid-area: 3/3/4/4;
  }
}
.get-involved-group {
  overflow: hidden;
}

@media (max-width: 991px) {
  /*

  .get-involved-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2fr 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  }

  .gv1 { grid-area: 1 / 1 / 2 / 2; }
  .gv2 { grid-area: 1 / 2 / 2 / 3; }
  .gv3 { grid-area: 2 / 1 / 3 / 1; }
  .gv4 { grid-area: 2 / 2 / 3 / 3; }
  */
  .get-involved.threes.gv3 .card-footer img {
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .get-involved.fours.gv4 .card-footer img {
    width: 30%;
  }
  .gv3,
  .gv4 {
    height: 180px;
  }
  .get-involved-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .gv1 {
    grid-area: 1/1/3/2;
  }
  .gv2 {
    grid-area: 1/2/3/3;
  }
  .gv3 {
    grid-area: 3/1/4/2;
  }
  .gv4 {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 568px) {
  /*
    .get-involved-group {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(2, 5fr) repeat(2, 1fr);
      grid-column-gap: 24px;
      height: 1800px;
    }
    .gv1 {
      grid-area: 1/1/2/2;
    }
    .gv2 {
      grid-area: 2/1/3/2;
    }
    .gv3 {
      grid-area: 3/1/4/2;
    }
    .gv4 {
      grid-area: 4/1/5/2;
    }
  */
  .get-involved-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, 1fr) repeat(2, 0.8fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    height: 1640px;
  }
  .gv1 {
    grid-area: 1/1/5/2;
  }
  .gv2 {
    grid-area: 5/1/9/2;
  }
  .gv3 {
    grid-area: 9/1/10/2;
  }
  .gv4 {
    grid-area: 10/1/11/2;
  }
}
@media (min-width: 1201px) {
  .get-involved-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 991px;
    height: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  .card-text.icon {
    position: relative;
    bottom: 0px;
  }
  .gv1 {
    grid-area: 1/1/4/2;
  }
  .gv2 {
    grid-area: 1/2/4/3;
  }
  .gv3 {
    grid-area: 1/3/3/4;
  }
  .gv4 {
    grid-area: 3/3/4/4;
  }
}
@media (min-width: 1600px) {
  .card-text.icon {
    position: absolute;
    bottom: 0px;
  }
  .get-involved-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 991px;
    height: 560px;
  }
  .gv1 {
    grid-area: 1/1/4/2;
  }
  .gv2 {
    grid-area: 1/2/4/3;
  }
  .gv3 {
    grid-area: 1/3/3/4;
  }
  .gv4 {
    grid-area: 3/3/4/4;
  }
}
.card-body.lightblue {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.card.get-involved {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #ffffff;
  border: none;
  /* border: 1px solid #98a2b3; */
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137) !important;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.card.get-involved img {
  transition: 0.3s ease-in-out;
}

.card.get-involved .card-img-holder {
  height: 180px;
  width: 100%;
  overflow: hidden;
}

.card.get-involved .card-img-holder img {
  width: auto;
  -o-object-fit: fill;
     object-fit: fill;
}

.card.get-involved:hover {
  background: #EEF6FA;
}

.card.get-involved .card-footer {
  background: transparent;
}

.card.get-involved:hover .card-footer {
  background: transparent;
}

.card.get-involved .card-footer.lightblue {
  background: #CDE9FB;
}

.card.get-involved:hover .card-footer.lightblue {
  background: #CDE9FB;
}

.card.get-involved:hover img {
  transform: scale(1.1);
}

.card.get-involved:hover h5.card-title {
  color: #0072BC;
}

.card.get-involved .card-body {
  padding: 16px 24px;
  position: relative;
}

.badge.text-bg-primary {
  background-color: #FEDA3F !important;
  padding: 4px 14px !important;
  color: #21409A !important;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 21px;
  margin-bottom: 1rem;
}

h5.card-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: #000000;
  line-height: 32px;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  h5.card-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px;
  }
}
.card.get-involved .card-body .card-text {
  color: #4D4F55 !important;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card.get-involved .card-body .card-text.card-landing-text {
  color: #4D4F55 !important;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card.get-involved .card-body .card-text.icon {
  color: #4D4F55 !important;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 0;
}

.card-link {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 21px;
  color: #0072BC;
  text-decoration: none;
}

.card-link .fa-regular.fa-chevron-right {
  width: 8px;
  height: 24px;
  margin-left: 10px;
}

.card.get-involved .card-body a[target=_blank]:after {
  display: none;
}

.fa-map-marker-alt,
.fa-calendar {
  margin-right: 8px;
}

/*
@media (max-width: 1600px) {

    .gv3,.gv4 {
        height: 400px;
    }
    .gv4 {
        height: 216px;
    }
}*/
.get-involved.fours.gv4 .card-footer img {
  max-width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (min-width: 991px) {
  .get-involved.threes.gv3 .card-footer img {
    max-width: 70%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .get-involved.fours.gv4 .card-footer img {
    max-width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 568px) {
  /*
    .gv3,
    .gv4 {
      height: 130px !important;
    }
  */
  .get-involved.threes.gv3 .card-footer img {
    width: 50% !important;
  }
  .get-involved.fours.gv4 .card-footer img {
    width: 35% !important;
  }
}
@media (max-width: 768px) {
  .gv3,
  .gv4 {
    height: 180px;
  }
  .get-involved.threes.gv3 .card-footer img {
    width: 60%;
  }
  .get-involved.fours.gv4 .card-footer img {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .get-involved.fours.gv4 .card-footer.lightblue img,
  .get-involved.threes.gv3 .card-footer.lightblue img {
    bottom: 0;
    position: absolute;
  }
}
@media (max-width: 568px) {
  .get-involved.fours.gv4 .card-footer.lightblue img,
  .get-involved.threes.gv3 .card-footer.lightblue img {
    bottom: 0;
    position: absolute;
  }
}
.section-button-container {
  margin-top: 60px;
  margin-bottom: 68px;
}

.btn.btn-outline-secondary {
  font-family: "Inter", sans-serif !important;
  padding: 12px 24px;
  border: 3px solid #ffffff;
  color: #ffffff;
  border-radius: 40px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  transition: 0.3s ease-in-out;
}

.btn-outline-secondary.secondary {
  padding: 8px 24px !important;
  margin-right: 5px;
}

.card-body-bottom {
  margin-top: 20px;
}

.btn.btn-outline-secondary:hover {
  background-color: #ffffff;
  color: #21409A;
}

.btn.btn-outline-secondary:focus {
  background-color: #ffffff;
  color: #21409A;
}

.btn.btn-primary:hover {
  background-color: #1F99E9;
  color: #ffffff !important;
  border-color: #1F99E9;
  border: 3px;
}

.gv1:hover,
.gv2:hover,
.gv3:hover,
.gv4:hover,
.gv5:hover {
  cursor: pointer;
}

.gv5 .card-link {
  color: #0072BC !important;
}

.inner-group .gv5 .card-link {
  color: #ffffff !important;
}

.card-link {
  display: inline-block;
  position: relative;
  color: #0072bc;
}

.card-link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0072bc;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.gv1:hover .card-link::after,
.gv2:hover .card-link::after,
.gv3:hover .card-link::after,
.gv4:hover .card-link::after,
.gv5:hover .card-link::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.gv1 .card-text,
.gv2 .card-text,
.gv3 .card-text,
.gv4 .card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
}

.gv1 .card-body,
.gv2 .card-body,
.gv3 .card-body,
.gv4 .card-body {
  position: relative;
}

.gv1 .card-link,
.gv2 .card-link {
  position: absolute;
  bottom: 1.5rem;
}

.gv1 .card,
.gv2 .card {
  height: 100%;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  transition: 0.3s;
}

.gv1 .card:hover,
.gv2 .card:hover {
  background-color: #EEF6FA;
}

.gv1 .card-footer,
.gv2 .card-footer {
  background-color: transparent;
}

.gv1 .card .stretched-link,
.gv2 .card .stretched-link {
  color: #000000;
}

@media (max-width: 568px) {
  .gv1 .card,
  .gv2 .card {
    width: 100%;
    height: 680px;
  }
  .gv1,
  .gv2 {
    display: flex;
    justify-content: center;
    height: 100%;
  }
  .one-event {
    height: 1100px !important;
  }
}
@media (max-width: 450px) {
  .gv1 .card,
  .gv2 .card {
    width: 100%;
    height: 600px;
  }
  .gv3 .card,
  .gv4 .card {
    width: 100%;
  }
  .one-event {
    height: 1050px !important;
  }
}
@media (max-width: 380px) {
  .gv1 .card,
  .gv2 .card {
    width: 100%;
    height: 650px;
  }
  .gv3 .card,
  .gv4 .card {
    width: 100%;
  }
  .one-event {
    height: 1070px !important;
  }
}
.gv1.gv-noevent .card-link {
  position: initial;
}

.container-fluid.one-event {
  max-width: 768px;
}

.get-involved-group.one-event {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr repeat(2, 0.5fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.get-involved-group.one-event .gv1 {
  grid-area: 1/1/2/2;
}

.get-involved-group.one-event .gv3 {
  grid-area: 2/1/3/2;
}

.get-involved-group.one-event .gv4 {
  grid-area: 3/1/4/2;
}

@media (min-width: 768px) {
  .get-involved-group.one-event {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .get-involved-group.one-event .gv1 {
    grid-area: 1/1/4/2;
  }
  .get-involved-group.one-event .gv3 {
    grid-area: 1/2/3/3;
  }
  .get-involved-group.one-event .gv4 {
    grid-area: 3/2/4/3;
  }
  .get-involved-group.one-event .gv3,
  .get-involved-group.one-event .gv4 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .get-involved-group,
  .get-involved-group.one-event {
    display: flex !important;
    flex-direction: column;
    height: auto;
    gap: 1.5rem;
  }
  .get-involved-group.one-event {
    height: 1170px;
  }
  .gv1,
  .gv2 {
    height: auto !important;
  }
}
.video-caption {
  font-family: "Inter", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 50px;
  position: relative;
  margin-bottom: 56px;
}

.video-caption-button {
  margin-left: 50px;
  position: relative;
}

@media (max-width: 768px) {
  .video-caption {
    font-size: 3rem;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: 0em;
    margin-left: 16px;
    margin-bottom: 32px;
  }
  .ParallaxVideo {
    align-items: flex-end;
  }
  .video-caption-button {
    margin-left: 16px;
    position: relative;
  }
}
@media (max-width: 568px) {
  .video-caption {
    font-size: 2rem;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0px;
    margin-bottom: 24px;
  }
}
.video-overlay {
  background: rgba(9, 38, 55, 0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  content: "";
  bottom: 0;
  top: 0;
}

.fade-in .card {
  cursor: pointer;
  transition: 0.2s;
  /*box-shadow: rgba(165, 165, 41, 0.16) 0px 4px 16px 0px;*/
  box-shadow: 0px 2px 8px 0px rgba(0, 39, 62, 0.8);
  border: none;
  border-radius: 12px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*height: 26vh;*/
  height: 282px;
  width: 282px;
}

.fade-in .card:hover {
  cursor: pointer;
  background-color: #CDE9FB;
  box-shadow: none;
}

@media (max-width: 768px) {
  .fade-in .card {
    height: auto;
  }
}
@media (max-width: 568px) {
  .fade-in .card {
    max-height: 112px;
    width: 100%;
  }
  .fade-in .card:hover {
    width: 100%;
    cursor: pointer;
    background-color: #CDE9FB;
    box-shadow: none;
  }
}
.img-group {
  margin-left: auto;
  margin-right: auto;
  align-items: baseline;
}

.fade-in .card .card-body {
  text-align: center;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  position: relative;
}

.fade-in .card .card-body .card-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (min-width: 768px) {
  .fade-in .card .card-body .card-title {
    height: 65px;
  }
}
.fade-in .card .card-body .card-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #4D4F55;
  max-width: 230px;
}

.fade-in .card .card-body .card-text.variant-3 p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #4D4F55;
  max-width: 230px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.img-group {
  position: relative;
  width: 60px;
  /* can be omitted for a regular non-lazy image */
  max-width: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.fade-in .card .card-body .img-group img.image-hover {
  opacity: 0;
  position: absolute;
  left: 0;
  transition: opacity 0.2s;
}

.fade-in .card:hover .card-body .img-group img.image-hover {
  opacity: 1;
}

.fade-in .card:hover .card-body .img-group img.image-main {
  opacity: 0;
}

.commonly-used-services {
  max-width: 991px;
}

.commonly-used-services .card a.stretched-link {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 991px) {
  .fade-in .card .card-body .card-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 27px;
    letter-spacing: 0px;
    margin-bottom: 8px;
    margin-top: 0;
  }
  .fade-in .card:hover .card-body .card-title {
    color: #ffffff;
  }
  .img-group img {
    width: 50px;
  }
  .fade-in .card .card-body {
    width: 100%;
    justify-content: center;
    display: flex;
    position: relative;
    height: 250px;
    top: 0;
    margin-top: 0;
    /*align-items: center;*/
  }
}
@media (max-width: 575px) {
  .fade-in .card .card-body .card-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0px;
    margin-top: auto;
  }
  .img-group {
    justify-content: start;
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }
  .fade-in-text-group {
    display: flex;
    text-align: left !important;
    position: relative;
    top: 0;
  }
}
@media (max-width: 576px) {
  .fade-in .card .card-body .inner-wrapping {
    display: flex;
    /*align-items: center;*/
  }
}
.fade-in-text-group.variant-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.blue-header, .blue-header h3 {
  color: #21409A;
  margin-bottom: 8px;
  margin-top: 67px;
}

.landing-section .blue-header {
  color: #21409A;
  margin-bottom: 8px;
  margin-top: 20px;
}

.landing-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.landing-title {
  max-width: 328px;
}

@media (max-width: 576px) {
  .fade-in .card .card-body {
    width: 100% !important;
    justify-content: start;
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    margin-top: 0px;
    min-height: 112px;
    max-height: 112px;
  }
}
@media (max-width: 1200px) {
  .landing-title {
    max-width: 640px;
  }
}
@media (min-width: 1201px) {
  .landing-title {
    max-width: 648px;
  }
}
@media (max-width: 1200px) {
  .landing-section .blue-header {
    color: #21409A;
    margin-bottom: 8px;
    margin-top: 50px;
    font-size: 1.625rem;
    line-height: 59px;
  }
}
@media (max-width: 768px) {
  .landing-section .blue-header {
    color: #21409A;
    margin-bottom: 8px;
    margin-top: 50px;
    font-size: 1.375rem;
    line-height: 33px;
  }
}
.subheader {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 40px;
}

.btn.btn-outline-primary {
  font-family: "Inter", sans-serif !important;
  padding: 12px 24px;
  border: 3px solid #0072BC;
  color: #0072BC;
  border-radius: 40px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  transition: 0.3s ease-in-out;
}

.btn.btn-outline-primary:hover {
  background-color: #0072BC;
  color: #ffffff;
}

.btn.btn-outline-primary:focus {
  background-color: #0072BC;
  color: #ffffff;
}

.social-media-container::-webkit-scrollbar {
  display: none;
}

.social-media-container {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.social-media-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card.social-media {
  border-radius: 12px;
  border: none;
  margin: 24px 12px;
  cursor: pointer;
}

.card.social-media .card-body {
  padding: 0 !important;
  position: relative;
  /* width: 272px; */
  overflow: hidden;
  border-radius: 12px;
  width: 240px;
  position: relative;
  height: 250px;
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .card.social-media .card-body {
    max-width: 220px;
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .card.social-media .card-body {
    max-width: 210px;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .card.social-media .card-body {
    max-width: 200px;
  }
}
@media (min-width: 991px) and (max-width: 1099px) {
  .card.social-media .card-body {
    max-width: 170px;
  }
}
.two-column-text {
  z-index: 1130;
  position: relative;
}

.overlay-bg {
  position: absolute;
  bottom: 0;
  content: "";
  height: 30%;
  width: 100%;
  background: linear-gradient(2.53deg, #000000 2.12%, rgba(0, 0, 0, 0) 97.89%);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  z-index: 1;
}

.card.social-media .card-body img {
  width: 100%;
  height: 100%;
  /*height: auto;*/
}

@media only screen and (max-width: 568px) {
  .wrapper-sm {
    display: contents;
  }
  .social-media-item {
    width: 100%;
    display: contents !important;
    margin-right: 2rem;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 990px) {
  .social-media-item {
    width: 100%;
    display: contents;
  }
  .card.social-media {
    border-radius: 12px;
    border: none;
    margin: 24px 12px;
    cursor: pointer;
    width: 255px;
    height: 265px;
  }
  .card.social-media .card-body img {
    width: 255px;
    height: 265px;
  }
  .card.social-media .card-body .instagram-reels {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 24px;
    width: 24px;
    z-index: 4;
  }
  .wrapper-sm {
    display: flex;
  }
  .social-media-container::-webkit-scrollbar {
    display: none;
  }
  .social-media-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    justify-content: initial;
    align-items: initial;
  }
  .social-media.twos.appear {
    animation-delay: 0.2s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.threes.appear {
    animation-delay: 0.4s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fours.appear {
    animation-delay: 0.6s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fives.appear {
    animation-delay: 0.8s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
/*@media only screen and (max-width: 768px) {
  .card.social-media {

    width: 155px;
    height: 155px;
  }
}*/
.general-mobile-menu {
  padding-top: 95px;
}

.masthead-container {
  background-color: #f0f0f0;
  max-width: 1366px;
}

.sgds-masthead {
  background-color: none;
}

.toggle {
  display: none;
}

.toggle2 {
  display: none;
}

.toggle-child,
.toggle-child2,
.light-blue-color {
  color: #0072BC !important;
}

.nav-item:hover::after {
  background-color: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%) !important;
}

.website-navigation li a:hover {
  color: #0072BC !important;
  font-weight: medium;
}

.website-navigation li.active a {
  font-weight: medium;
  color: #0072BC !important;
}

.nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu {
  position: relative;
}

.sub-menu-slide {
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  left: 100%;
  transition: all 0.3s;
  top: 0%;
}

.sub-menu-slide.open {
  left: 0;
  background: #f7f9fa;
  background-image: url(../images/new-mmenu-mobile-bg.png);
  background-size: cover;
}

.mobile-menu-slide,
.sub-menu-slide {
  height: 100vh;
  background: #f7f9fa;
  background-image: url(../images/new-mmenu-mobile-bg.png);
  background-size: cover;
}

.general-mobile-menu {
  background: #f7f9fa;
  background-image: url(../images/new-mmenu-mobile-bg.png);
  background-size: cover;
}

.mobile-menu-holder li {
  margin-top: 0;
}

ul.sub-menu-slide:hover a {
  border-right: none;
  color: #333;
  font-weight: 400;
}

ul.sub-menu-slide li:hover a {
  border-right: 5px solid linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  font-weight: 600;
}

@media (max-width: 576px) {
  .mobile-menu-holder li.menu-information h5 {
    font-size: 1.125rem;
  }
}
ul.sub-menu.open li.back {
  background-color: #f7f9fa !important;
}

.back {
  font-family: "Inter", sans-serif;
  cursor: pointer;
}

.mobile-menu-holder li.menu-information {
  border-radius: 0px !important;
  padding: 24px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  border-bottom: 1px solid #A4A7B3;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  color: #ffffff;
  margin-bottom: 0px;
}

@media (max-width: 576px) {
  .mobile-menu-holder li.menu-information {
    padding: 24px 16px;
  }
}
.mobile-menu-holder li.menu-item.bp {
  padding: 2rem 1rem;
}

.mobile-menu-holder li.menu-item.bp .break-point {
  border-top: 1px #A4A7B3 solid;
}

.mobile-arrow {
  float: right;
  font-size: 1rem;
  padding-top: 5px;
  color: #0072BC;
}

.mobile-menu-holder li.menu-information h5 {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 4px;
}

.menu-information .card-link {
  color: #ffffff !important;
}

ul.sub-menu-slide:hover li ul li a {
  border-right: none;
  color: #2E2F33;
  font-weight: 500;
}

ul.sub-menu-slide li ul li:hover a {
  border-right: 5px solid linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  font-weight: 600;
}

@media (max-width: 1200px) {
  .card-footer.lightblue {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 991px) {
  .card-link::after {
    display: none !important;
  }
}
@media (min-width: 569px) and (max-width: 767px) {
  .card-body.lightblue {
    min-height: 150px;
  }
  .card-footer.lightblue {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
}
.nav-link:hover {
  cursor: pointer;
}

.nav-link.mega-menu-a[aria-expanded=false] .fa-regular.fa-angle-down {
  transform: rotate(0deg);
}

.nav-link.mega-menu-a[aria-expanded=true] .fa-regular.fa-angle-down {
  transform: rotate(180deg);
}

.mobile-menu-wrapper {
  height: 100vh;
  background-color: #f8fafb;
  display: none;
}

.card-footer a[target=_blank]::after {
  display: none !important;
}


@media (min-width: 1201px) {
  .general-mobile-menu,
  .mobile-menu-wrapper {
    display: none !important;
  }
}
.landing-page-subheader {
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  text-align: center;
}

.landing-page-subheader-larger {
  margin-top: 48px;
}

.landing-page-subheader-smaller, .landing-page-subheader-smaller p {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  margin-bottom: 24px;
}

.social-media-bg {
  margin-top: -100px;
}

.social-media-section .container-fluid {
  max-width: 1366px;
}

@media (min-width: 991px) {
  .landing-page-subheader {
    margin-bottom: 100px;
    font-family: "Inter", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #4D4F55;
  }
}
@media (min-width: 991px) and (min-width: 991px) {
  .social-media .stay-connected-subheader {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 991px) {
  .social-media-item {
    width: 20%;
  }
  .card.social-media .card-body img.instagram-reels,
  .card.social-media .card-body img.instagram {
    height: auto;
  }
  /*
  .card.social-media .card-body img {
    max-height: 282px;
  }*/
  .social-media-container .social-media-item:first-child .card-body img.image-main,
  .social-media-container .social-media-item:last-child .card-body img.image-main {
    max-height: 350px !important;
    width: 272px !important;
  }
  .social-media-container {
    overflow-x: hidden;
    max-width: 1366px;
    margin: auto;
  }
}
.card.social-media .card-body .instagram-reels {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 24px;
  width: 24px;
  z-index: 4;
}

.card.social-media .card-body .instagram {
  position: absolute;
  bottom: 15px;
  left: 15px;
  height: 24px;
  width: 24px;
  z-index: 4;
}

.card-body.lightblue {
  padding-top: 2rem !important;
}

.social-media-item:first-of-type .card-body,
.social-media-item:last-of-type .card-body {
  height: 300px;
}

/* ====================================
			HEADER - MENU 
			(CUSTOMISED HERE)
		==================================== */
.four {
  background: linear-gradient(180deg, #0098BF 9.14%, #034C72 58.09%);
}

.two {
  background: #F5F5F7;
}

.blue-header.get-inv {
  margin-bottom: 40px;
  margin-top: 64px;
}

.landing-page-subheader.text-white {
  margin-bottom: 32px;
}

.card-text.icon .fa-light {
  font-size: 1.125rem;
  margin-right: 10px;
  position: relative;
  bottom: 2px;
  width: 18px;
}

/*section colors*/
.section-white-bg, .section-lightblue-bg, .section-grey-bg, .section-blue-bg, .section-image-bg, .section-bg {
  position: relative;
  z-index: 1004;
}

.section-white-bg {
  background-color: #ffffff;
}

.section-grey-bg {
  background-color: #F5F5F7;
}

.section-lightblue-bg {
  background-color: #C5E2F9;
}

.section-blue-bg {
  background-color: #004066;
}

.section-image-bg {
  background-image: url(../images/owl-bg.png);
  background-size: cover;
  background-position: center;
}

/*template */
.template-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1003;
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (max-width: 568px) {
  .template-section {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.template-section .template-content {
  margin-top: 0;
}

@media (max-width: 991px) {
  h1.display-4 {
    font-family: "Inter", sans-serif !important;
    font-size: 2rem !important;
    font-weight: 600;
    line-height: 40px !important;
    letter-spacing: 0em;
    text-align: left;
  }
  .template-section .template-content {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .template-section .template-header {
    margin-bottom: 32px;
  }
}
/*template 1*/
.template-four-section.variant-2 {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}

.template-one-section,
.template-two-section,
.template-three-section,
.template-four-section,
.accordion-section {
  padding: 80px 0px;
}

.template-img-wrapper {
  border-radius: 1rem;
  overflow: hidden;
}

.template-img-wrapper img {
  width: 100%;
  height: auto;
}

.section-blue-bg .template-header,
.section-blue-bg .template-content p,
.section-blue-bg .template-content h5 {
  color: #ffffff;
}

.template-header {
  font-family: "Inter", sans-serif !important;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 45px;
  color: #21409A;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page-content--content-page.v5 .template-header {
  -webkit-line-clamp: initial;
}

.template-one-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.template-content ul {
  color: #4D4F55;
  margin-top: 32px;
  padding-left: 0rem;
  list-style: none;
}

.section-blue-bg .template-content ul {
  color: #ffffff;
  margin-top: 32px;
  padding-left: 0rem;
  list-style: none;
}

.template-content ul li {
  display: flex;
  margin-bottom: 24px;
}

.template-content ul li img {
  width: 17px;
  height: 23px;
  margin-right: 1rem;
  position: relative;
  top: 4px;
}

.template-content p {
  font-family: "Inter", sans-serif !important;
  color: #4D4F55;
  line-height: 24px;
  margin-bottom: 0;
}

.template-content h5 {
  font-family: "Inter", sans-serif !important;
  color: #2E2F33;
  font-size: 1.25rem;
  line-height: 32px;
  font-weight: 700;
}

.template-content a {
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 767px) {
  .template-content h5 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px;
  }
}
@media (max-width: 1200px) {
  .accordion-section,
  .FAQ-a-links,
  .related-topic {
    padding: 64px 0px !important;
  }
}
@media (max-width: 991px) {
  .template-one-section,
  .template-two-section,
  .template-three-section,
  .template-four-section {
    padding: 64px 0px;
  }
  .template-two-section {
    padding: 104px 0;
  }
  .template-content {
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    margin-bottom: 0px;
  }
  .template-header {
    font-family: "Inter", sans-serif !important;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 39px;
    color: #21409A;
    margin-top: 0;
    margin-bottom: 0;
  }
  .template-one-section {
    padding: 64px 0px;
  }
  .template-content p:last-of-type {
    margin-bottom: 0;
  }
}
.template-one-section h3 {
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .template-header {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 33px;
  }
}
/*template 2*/
.template-two-section .template-content, .full-width-section .template-content {
  text-align: center;
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: grid;
  gap: 1rem;
  margin-bottom: 24px;
}

.template-two-section .template-img-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .template-two-section .template-content, .full-width-section .template-content {
    text-align: center;
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*template 3*/
.template-three-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .template-three-section .template-content {
    text-align: left;
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 0;*/
    margin-bottom: 40px;
  }
}
/*template 4*/
@media (max-width: 991px) {
  .template-four-section .template-content {
    text-align: left;
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
h1.display-4 {
  font-family: "Inter", sans-serif !important;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 50px;
  color: #21409A;
}

.template-four-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/*page header*/
.page-header .header-content {
  /*position: absolute;*/
  z-index: 999;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
}

.page-header img {
  position: relative;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.overlay-page-header {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  top: 0;
}

.wave-template-bg {
  position: absolute;
  top: auto;
  bottom: 0rem;
  width: 102vw;
  height: auto;
  z-index: 1000;
}

@media (min-width: 991px) {
  .wave-template-bg {
    position: absolute;
    top: auto;
    bottom: -11rem;
    width: 102vw;
    height: 50%;
    z-index: 1000;
  }
}
.page-header {
  background: linear-gradient(92.42deg, #023B5C 2.14%, #03517E 61.68%);
  position: relative;
  bottom: 0;
  z-index: 1000;
  height: 100% !important;
  min-height: 250px;
}

.bg-image-header {
  height: 100%;
}

@media (max-width: 991px) {
  .page-header img {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  img.wave-template-bg {
    position: absolute;
    top: auto;
    bottom: -5rem !important;
    width: 145vw;
    height: 50%;
    z-index: 3000;
  }
  .bg-image-header {
    height: 100%;
  }
}
@media (max-width: 768px) {
  img.wave-template-bg {
    position: absolute;
    top: auto;
    bottom: -2rem !important;
    width: 124vw;
    height: 35%;
    z-index: 3000;
  }
}
.header-content .template-header {
  font-family: "Inter", sans-serif !important;
  font-size: 3rem;
  font-weight: 600;
  line-height: 60px;
}

.email-link {
  color: #21409A;
  text-decoration: none;
  font-weight: 600;
}

.header-content p.display-5, .hero-text {
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 36px;
  max-width: 100%;
  padding-right: 1rem;
}

.hero-text {
  color: #ffffff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .header-content p.display-5, .hero-text {
    font-family: "Inter", sans-serif !important;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 36px;
    max-width: 80%;
  }
}
@media (max-width: 1200px) {
  .header-content .template-header {
    font-family: "Inter", sans-serif !important;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 0;
  }
  .header-content p.display-5, .hero-text {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .header-content .template-header {
    font-family: "Inter", sans-serif !important;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .header-content .template-header {
    font-family: "Inter", sans-serif !important;
    font-size: 2rem;
    font-weight: 600;
    line-height: 40px;
  }
  .header-content p.display-5, .hero-text {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
  }
}
.breadcrumb-wrapper {
  position: relative;
  height: 60px;
}

.breadcrumb-wrapper img {
  width: 100%;
}

.breadcrumb-inner,
.breadcrumb-action-item {
  position: absolute;
  height: 60px;
  top: 0;
  align-items: center;
}

.breadcrumb-item {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
}

.breadcrumb-item + .breadcrumb-item:before {
  display: none;
}

.breadcrumb-inner .fa-regular {
  font-size: 0.5rem;
  color: #A4A7B3;
  margin: 0 10px;
  font-weight: 900;
}

.FAQ-a-links {
  position: relative;
  background-image: url(../images/FAQ-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0;
}

.FAQ-a-links .nav-link {
  padding: 24px;
  border-radius: 12px;
  background: #FFFFFF;
  margin-bottom: 1rem;
}

.FAQ-tabs-info {
  display: flex;
  align-items: center;
  width: 100%;
}

.FAQ-tabs-info .fa-regular {
  margin-left: auto;
}

.FAQ-a-links .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #21409A;
  color: #ffffff;
}

.FAQ-a-links .nav-link:hover,
.nav-pills .show > .nav-link {
  background-color: #21409A;
  color: #ffffff;
}

.FAQ-a-links .nav-link.active .fa-regular,
.FAQ-a-links .nav-link:hover .fa-regular {
  display: none;
}

.FAQ-a-links .tab-content {
  background: #FFFFFF;
  border-radius: 12px;
  height: 100%;
  padding: 32px 24px;
}

.FAQ-a-links h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
}

.FAQ-a-links p,
.accordion-section p {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

.FAQ-a-links .template-content,
.accordion-section .template-content {
  font-family: "Inter", sans-serif !important;
  text-align: center;
  margin-bottom: 40px;
}

.FAQ-a-links .template-content h3,
.accordion-section .template-content h3 {
  font-family: "Inter", sans-serif !important;
  text-align: center;
  color: #2E2F33;
}

.FAQ-a-links .accordion-item,
.FAQ-a-links .accordion-button {
  background: #F5F5F7;
}

.FAQ-a-links .accordion-button::after {
  display: none;
}

.FAQ-a-links .accordion-button:focus {
  box-shadow: none;
}

.FAQ-a-links .accordion-item {
  margin-bottom: 1rem;
  border-radius: 12px;
  border-bottom: 1px solid transparent;
}

.FAQ-a-links .accordion-flush .accordion-item .accordion-button {
  border-radius: 12px;
  border-bottom: 1px solid transparent !important;
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
  color: #2E2F33;
  text-decoration: none;
}

.FAQ-a-links .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #0072BC !important;
}

.FAQ-a-links .accordion-button .fa-regular {
  box-shadow: none;
  color: #0072BC !important;
  margin-left: auto;
  transition: 0.3s;
}

.FAQ-a-links .accordion-button:not(.collapsed) .fa-regular {
  transform: rotate(180deg);
}

.FAQ-a-links h6 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
  color: #2E2F33;
}

.FAQ-a-links .accordion-body {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
}

.FAQ-a-links .accordion-header {
  border-radius: 12px;
}

.faq-select {
  width: 100%;
  height: 68px !important;
  border: 1px solid rgb(205, 206, 213);
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 20px 16px;
}

.faq-select:hover,
.our-initiatives-select:hover {
  box-shadow: none;
}

@media (max-width: 991px) {
  .FAQ-a-links .template-content {
    margin-top: 0;
  }
}
.section-grey-bg .template-header {
  color: #21409A !important;
}

.section-white-bg .template-header, .section-lightblue-bg .template-header {
  color: #21409A !important;
}

.main-header-container,
.breadcrumb-container,
.page-title-container,
.f-container {
  max-width: 1366px;
}

.page-title-container {
  height: 100%;
  display: flex;
  align-items: center;
}

body,
html {
  overflow: initial;
  overflow-x: clip;
}

.navbar {
  position: sticky;
  top: 0;
}

.scrollspy-nav {
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.16);
  height: 72px;
  background-color: #DCF1FF;
  z-index: 1031;
  display: flex;
  align-items: center;
  overflow-x: auto;
}

.scrollspy-nav .nav-pills {
  height: 100%;
}

.scrollspy-nav .nav-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.scrollspy-nav .nav-item::after {
  display: none;
}

.scrollspy-nav .nav-item .nav-link {
  border-bottom: 5px solid transparent;
  border-radius: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}

.scrollspy-nav .nav-pills .nav-link.active,
.scrollspy-nav .nav-pills .show > .nav-link::after {
  background-color: #ffffff;
  color: #2E2F33;
  text-align: center;
  border-bottom: 4px solid transparent;
  -o-border-image: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
     border-image: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  border-image-slice: 1;
  width: 100%;
}

.scrollspy-nav {
  opacity: 0;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.scrollspy-nav::-webkit-scrollbar {
  display: none;
}

.end-of-scrollspy,
.start-of-scrollspy {
  content: "";
  display: block;
  height: 2px;
}

.scrollspy-nav .nav-pills {
  justify-content: center;
}

@media (max-width: 1200px) {
  .scrollspy-nav::-webkit-scrollbar {
    display: none;
  }
  .scrollspy-nav {
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
  }
  .scrollspy-nav .nav-pills {
    min-width: 1200px;
    position: absolute;
    display: flex;
    left: 1rem;
    justify-content: start;
  }
}
.scrollspy-nav .dropdown-toggle {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.scrollspy-nav .dropdown-menu {
  width: 100vw;
  position: relative;
  top: -4px;
}

@media (max-width: 991px) {
  .scrollspy-nav {
    overflow: visible;
    height: 65px !important;
    background-color: #DCF1FF;
  }
  .scrollspy-nav .nav-item .nav-link {
    border-bottom: 4px solid transparent;
    border-radius: 0;
    height: 100%;
    width: 100%;
    display: block;
  }
  .scrollspy-nav .dropdown-menu .nav-link.active {
    border-bottom: 5px solid transparent !important;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px;
    color: #0072BC;
  }
}
.accordion-section .left-menu {
  /*width: 30%;*/
  border-radius: 20px 0px 0px 20px;
  background-image: url(../images/left-menu-bg.png);
  padding: 40px 20px;
  padding-right: 0;
  padding-top: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0 !important;
}

.accordion-section .content {
  width: 100%;
  border-radius: 0px 20px 20px 0px;
  padding: 40px 32px;
  background-color: #ffffff;
}

.accordion-section .left-menu .nav-link .FAQ-tabs-info {
  padding-left: 1.5rem;
}

.accordion-section .nav-pills .nav-link,
.nav-pills .show > .nav-link {
  background-color: transparent;
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  padding: 18px 24px;
  border-radius: 10px 0px 0px 10px;
  padding-top: 0;
}

.accordion-section .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  color: #21409A;
  padding: 18px 24px;
  padding-right: 0;
  padding-top: 0;
}

.accordion-section .left-menu .FAQ-tabs-info {
  border-bottom: 1px solid rgba(0, 114, 188, 0.4);
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.accordion-section .left-menu .nav-link.active .FAQ-tabs-info {
  border-bottom: 1px solid transparent;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-radius: 10px 0px 0px 10px;
  background-color: #ffffff;
}

.accordion-section .nav-pills .nav-link .fa-regular {
  color: #0072BC;
  display: block;
}

.accordion-section .nav-pills .nav-link.active .fa-regular {
  display: none;
}

.accordion-section h5 {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  width: 14.5rem;
}

.accordion-section .nav.flex-column.nav-pills {
  margin-right: 0 !important;
}

.accordion-section .tab-content h3 {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  color: #2E2F33;
  margin-top: 0;
}

.accordion-section .tab-content h4 {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  color: #2E2F33;
}

.form-select {
  font-size: 1.125rem !important;
  line-height: 27px !important;
}

.accordion-section .tab-content p, .tabs-text {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
}

.accordion-section .tab-content p:last-of-type, .tabs-text {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
  color: #4D4F55;
}

.accordion-section .tab-content a.light-blue-color {
  text-decoration: none;
  font-weight: 700;
}

.light-blue-color {
  color: #0072BC !important;
  text-decoration: none;
}

.accordion-section .tab-content ul {
  list-style: none;
  margin-top: 16px;
}

.accordion-section .tab-content ul li {
  display: flex;
  line-height: 24px;
}

.accordion-section .tab-content .tab-content-image-wrapper {
  border-radius: 12px;
  color: #4D4F55;
  overflow: hidden;
  max-width: 325px;
  max-height: 245px;
}

.accordion-section .tab-content .tab-content-image-wrapper img {
  width: 100%;
  height: 100%;
}

.accordion-section .mobile-content {
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  padding: 40px 32px;
  background-color: #ffffff;
}

.top-menu {
  background: url(../images/top-menu-bg.png);
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}

.top-menu .nav-pills {
  min-width: 991px;
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 1200px) {
  .accordion-section .template-content {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1200px) {
  .accordion-section .template-content {
    margin-top: 0;
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
  }
  .top-menu {
    padding: 16px;
  }
  .top-menu .nav-item {
    width: -moz-min-content !important;
    width: min-content !important;
    padding-top: 5px;
  }
  .top-menu .nav-link {
    font-family: "Inter", sans-serif;
    font-size: 1.125rem !important;
    font-weight: 700;
    line-height: 24px;
    padding: 16px 24px !important;
    border-radius: 12px !important;
    width: auto;
  }
  .top-menu .nav-link.active {
    font-family: "Inter", sans-serif;
    font-size: 1.125rem !important;
    font-weight: 700;
    line-height: 24px;
    padding: 16px 24px;
    background-color: #ffffff;
  }
  .top-menu .nav-link:hover {
    background-color: #ffffff;
  }
  .top-menu .nav-item:hover::after {
    display: none;
  }
  .footer a[target=_blank]::after {
    display: none;
  }
  .our-initiatives-select {
    width: 100%;
    height: 68px !important;
    border-radius: 12px;
    border: none;
    padding: 20px 16px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 24px !important;
    color: #21409A;
    padding: 16px 0px 16px 24px;
  }
}
.sidebar-action {
  position: fixed;
  right: 0;
  background: #ECF0F2;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  top: 12rem;
  z-index: 2000;
  width: 40px;
  padding: 0 14px;
  box-shadow: 0px 1px 4px 0px rgba(0, 39, 62, 0.4);
  opacity: 1;
  transition: 0.3s;
}

.sidebar-action:hover {
  opacity: 1;
  cursor: pointer;
}

.back-to-top,
.print,
.share {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0.5px solid #9A9DAA;
  height: 48px;
}

.share {
  border-bottom: none;
}

.sidebar-action a {
  color: #2E2F33;
}

.sidebar-action a:hover {
  color: #0072BC;
}

.sidebar-action a:focus {
  color: #21409A;
}

.circle-container {
  display: flex;
  position: fixed;
  right: 50px;
  top: 18.5rem;
  z-index: 1200 !important;
}

.circle-container .circle {
  border-radius: 50%;
  background: #ECF0F2;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 39, 62, 0.4);
  z-index: 2001;
}

.circle a {
  color: #2E2F33;
}

.FAQ-a-links .container-fluid {
  max-width: 1200px;
}

.accordion-section .container-fluid {
  max-width: 1200px;
}

.fade-button.hover {
  color: #0072BC;
}

.fade-button.active {
  color: #0072BC;
}

.fade-button1.hover {
  color: #0072BC;
}

.fade-button1.active {
  color: #0072BC;
}

.circle-mobile.active a,
.circle.active a {
  color: #2E2F33;
}

.circle-mobile.active:first-child:hover a {
  color: #0072BC;
  cursor: pointer;
}

.circle-mobile.active:nth-child(2):hover a {
  color: #1F99E9;
  cursor: pointer;
}

.circle-mobile.active:nth-child(3):hover a {
  color: #0072BC;
  cursor: pointer;
}

.circle-mobile.active:nth-child(4):hover a {
  color: #25D366;
  cursor: pointer;
}

.circle-mobile.active:last-child:hover a {
  color: #0072BC;
  cursor: pointer;
}

.circle.active:first-child:hover a {
  color: #0072BC;
  cursor: pointer;
}

.circle.active:nth-child(2):hover a {
  color: #1F99E9;
  cursor: pointer;
}

.circle.active:nth-child(3):hover a {
  color: #0072BC;
  cursor: pointer;
}

.circle.active:nth-child(4):hover a {
  color: #25D366;
  cursor: pointer;
}

.circle.active:last-child:hover a {
  color: #0072BC;
  cursor: pointer;
}
@keyframes fadeIn7 {
  0% {
    opacity: 0.8;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.circle.active {
  opacity: 0;
  animation-delay: 2s;
}

.circle.active {
  animation: fadeIn7 linear 0.2s forwards;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle.active#slide {
  animation: fadeIn7 linear 0.3s forwards;
  animation-delay: 0s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle.active#slide2 {
  animation: fadeIn7 linear 0.2s forwards;
  animation-delay: 0.3s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle.active#slide3 {
  animation: fadeIn7 linear 0.2s forwards;
  animation-delay: 0.4s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle.active#slide4 {
  animation: fadeIn7 linear 0.2s forwards;
  animation-delay: 0.6s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle.active#slide5 {
  animation: fadeIn7 linear 0.2s forwards;
  animation-delay: 0.8s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes fadeIn8 {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
.circle {
  animation: fadeIn8 linear 0.2s forwards;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle#slide {
  animation: fadeIn8 linear 0.3s forwards;
  animation-delay: 0s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle#slide2 {
  animation: fadeIn8 linear 0.2s forwards;
  animation-delay: 0.3s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle#slide3 {
  animation: fadeIn8 linear 0.2s forwards;
  animation-delay: 0.4s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle#slide4 {
  animation: fadeIn8 linear 0.2s forwards;
  animation-delay: 0.6s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle#slide5 {
  animation: fadeIn8 linear 0.2s forwards;
  animation-delay: 0.8s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-container.circle-container-mobile {
  position: absolute;
  right: 0px;
  top: 10rem;
  z-index: 1;
  display: block;
  padding-right: 10px;
}

.circle-container.circle-container-mobile .circle-mobile {
  border-radius: 50%;
  background: #ECF0F2;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 39, 62, 0.4);
}
@keyframes fadeIn9 {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.circle-mobile.active {
  animation: fadeIn8 linear 0.2s forwards;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(-100%);
  opacity: 0;
  margin-top: 8px;
}

.circle-mobile.active#slide10 {
  animation: fadeIn9 linear 0.2s forwards;
  animation-delay: 0.8s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile.active#slide9 {
  animation: fadeIn9 linear 0.2s forwards;
  animation-delay: 0.6s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile.active#slide8 {
  animation: fadeIn9 linear 0.2s forwards;
  animation-delay: 0.4s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile.active#slide7 {
  animation: fadeIn9 linear 0.2s forwards;
  animation-delay: 0.2s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile.active#slide6 {
  animation: fadeIn9 linear 0.3s forwards;
  animation-delay: 0s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes fadeIn10 {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
.circle-mobile {
  animation: fadeIn10 linear 0.2s forwards;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(0%);
  opacity: 1;
  margin-top: 8px;
}

.circle-mobile#slide10 {
  animation: fadeIn10 linear 0.2s forwards;
  animation-delay: 0.8s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile#slide9 {
  animation: fadeIn10 linear 0.2s forwards;
  animation-delay: 0.6s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile#slide8 {
  animation: fadeIn10 linear 0.2s forwards;
  animation-delay: 0.4s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile#slide7 {
  animation: fadeIn10 linear 0.2s forwards;
  animation-delay: 0.3s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.circle-mobile#slide6 {
  animation: fadeIn10 linear 0.3s forwards;
  animation-delay: 0s;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.mobile-breadcrumb {
  position: absolute;
  height: 60px;
  top: 0;
  padding: 1rem 0;
  z-index: 222 !important;
  width: 103%;
  left: 0;
}

.card.horizontal {
  border-radius: 1rem;
  overflow: hidden;
  border: none;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.16) !important;
  transition: 0.3s ease-in-out;
}

.card.horizontal img {
  transition: 0.3s ease-in-out;
  width: 400px;
}

.card.horizontal:hover {
  background-color: #EEF6FA;
}

.breadcrumb-action-items {
  font-size: 1rem;
  color: #2E2F33;
}

.breadcrumb-action-items:hover {
  font-size: 1rem;
  color: blue;
  cursor: pointer;
}

.breadcrumb-action-items:active {
  font-size: 1rem;
  color: blue;
  cursor: pointer;
}

.breadcrumb-wrapper {
  z-index: 1002;
  background: #ffffff;
}

.breadcrumb-inner {
  width: 100%;
  display: flex !important;
}

.section-blue-bg .accordion-section .template-header {
  color: #ffffff;
}

.related-topic {
  background-color: #F5F5F7;
  overflow: hidden;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

.related-topic h3 {
  font-family: "Inter", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 39px;
  margin-bottom: 18px;
  color: #2E2F33;
  margin-top: 0;
  padding-top: 0;
}

.related-topic .social-media-item .get-involved {
  width: 384px !important;
  margin-right: 1rem;
}

.related-topic .social-media-container {
  min-width: 1200px;
  overflow-x: auto !important;
}

.related-topic .card-img-top {
  height: 12rem;
  overflow: hidden;
}

.related-topic .card-img-top img {
  height: 100%;
  width: 100%;
}

.card-wrapper-topic {
  display: flex;
  /* width: 100%; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.card-wrapper-topic .card-inner-wrapper {
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
}

.card-wrapper-topic .card-inner-wrapper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.five.related-topic .container-fluid {
  max-width: 1200px;
}

@media (max-width: 767px) {
  .related-topic h3 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 33px;
  }
}
@media (max-width: 1200px) {
  .five.related-topic .card.get-involved {
    width: 370px;
    height: 550px;
  }
}
@media (min-width: 1201px) {
  .five.related-topic .card.get-involved {
    min-width: 370px;
    height: 550px;
  }
}
.five.related-topic .card-wrapper-topic .card.get-involved .img-wrapper {
  height: -moz-fit-content;
  height: fit-content;
}

@font-face {
  font-family: "fontawesome-5-juicer";
  src: url("https://static.juicer.io/fonts/fontawesome-5-juicer.eot?80004225");
  src: url("https://static.juicer.io/fonts/fontawesome-5-juicer.eot?80004225#iefix") format("embedded-opentype"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.woff2?80004225") format("woff2"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.woff?80004225") format("woff"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.ttf?80004225") format("truetype"), url("https://static.juicer.io/fonts/fontawesome-5-juicer.svg?80004225#fontawesome-5-juicer") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=juicer-fa-]:before,
[class*=" juicer-fa-"]:before {
  font-family: "fontawesome-5-juicer";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a.j-image[target=_blank]::after {
  display: none;
}

.juicer-feed .j-instagram::before {
  content: "\f16d" !important;
  font-family: "fontawesome-5-juicer";
}

.feed-item {
  height: auto;
  max-width: 245px;
  overflow: hidden;
  padding: 0;
  margin: 24px !important;
  border-radius: 12px;
  margin-left: 0px !important;
}

.feed-item:first-child,
.feed-item:last-child {
  max-height: 355px;
}

.juicer-feed .j-stacker {
  height: 100%;
}

.juicer-feed .j-stacker > * {
  display: flex !important;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.juicer-feed .j-instagram {
  position: relative;
}

.juicer-feed .j-instagram::before {
  color: #ffffff;
  height: 24px;
  width: 24px;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 2000;
}

.j-image img {
  box-shadow: none;
  outline: none;
  border: none !important;
}

.stay-connected {
  padding-right: 1rem !important;
}

.j-stack-flex-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
}

.social-media img {
  /* height: auto; */
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* left: 0; */
}

@media (min-width: 991px) {
  .social-media {
    opacity: 0;
    animation-delay: 2s;
  }
  .social-media.appear {
    animation: fadeIn linear 0.5s forwards;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.twos.appear {
    animation-delay: 0.2s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.threes.appear {
    animation-delay: 0.4s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fours.appear {
    animation-delay: 0.6s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.fives.appear {
    animation-delay: 0.8s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .social-media.sixs.appear {
    animation-delay: 1s;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
@media (max-width: 990px) {
  .feed-item {
    width: 240px;
  }
  .juicer-feed .j-stacker {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    height: auto !important;
  }
  .juicer-feed .j-stacker > * {
    height: auto !important;
    overflow-x: scroll;
  }
  .juicer-feed .j-stacker::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }
}
@media only screen and (max-width: 1200px) {
  .juicer-feed.image-grid li.feed-item,
  .juicer-feed.slider li.feed-item,
  .juicer-feed.hip li.feed-item {
    min-width: 240px;
  }
}
.new-section {
  background-color: #ffffff;
}

.breadcrumb-back-link {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #0072BC;
  text-decoration: none;
}

.filter-text {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  margin-bottom: 1rem;
  display: block;
}

.overview-text {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
}

.card-wrapper-topic .card.get-involved {
  border-radius: 1rem;
  overflow: hidden;
}

.card-wrapper-topic .card.get-involved .img-wrapper {
  height: 300px;
  overflow: hidden;
}

.card-wrapper-topic .card.get-involved img {
  width: 100%;
  height: 100%;
}

/*
.section-blue-bg .light-bg-bullet {
  display: none;
}

.section-blue-bg .fark-bg-bullet {
  display: block;
}


.section-white-bg .light-bg-bullet,
.section-grey-bg .light-bg-bullet {
  display: block;
}

.section-white-bg .dark-bg-bullet,
.section-grey-bg .dark-bg-bullet {
  display: none;
}*/
html {
  scroll-padding-top: 90px;
  /* height of sticky header */
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 64px;
    /* height of sticky header */
  }
}
@media (min-width: 1200px) {
  .card-wrapper-topic .card.get-involved {
    border-radius: 1rem;
    overflow: hidden;
    width: 368px;
  }
}
.FAQ-tabs-info {
  text-align: left;
}

a[target=_blank]::after {
  display: none !important;
}

.mega-title-section .bg-image-megamenu,
.mega-content .bg-image-megamenu {
  height: 100%;
}

.shadow.megamenu.bg-white::-webkit-scrollbar {
  display: none;
}

.shadow.megamenu.bg-white {
  height: 100vh;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.mega-title-section .bg-image-megamenu,
.mega-content .bg-image-megamenu {
  height: 100%;
}

.mega-content .bg-image-megamenu {
  top: 1px;
  height: 100vh;
}

.footer-terms a[target=_blank]::after,
.footer-top a[target=_blank]::after {
  display: none;
}

.wave-svg {
  position: absolute;
  bottom: 0;
}

.st0 {
  fill: #ffffff !important;
  filter: url(#Adobe_OpacityMaskFilter);
}

.st1 {
  -webkit-mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
          mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
}

.st2 {
  fill: #ffffff;
}

.st3 {
  opacity: 0.8;
  fill: #ffffff;
  enable-background: new;
}

.lp .st0 {
  fill: #FFFFFF !important;
  filter: url(#Adobe_OpacityMaskFilter);
}

.lp .st1 {
  -webkit-mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
          mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
}

.lp .st2 {
  fill: #FFFFFF;
}

.lp .st3 {
  opacity: 0.8;
  fill: #FFFFFF;
  enable-background: new;
}

.grey-lp .st0 {
  fill: #F5F5F7 !important;
  filter: url(#Adobe_OpacityMaskFilter);
}

.grey-lp .st1 {
  -webkit-mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
          mask: url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);
}

.grey-lp .st2 {
  fill: #F5F5F7;
}

.grey-lp .st3 {
  opacity: 0.8;
  fill: #F5F5F7;
  enable-background: new;
}

.lightblue-lp .st2 {
  fill: #C5E2F9;
}

.lightblue-lp .st3 {
  opacity: 0.8;
  fill: #C5E2F9;
  enable-background: new;
}

/*.st0{fill:#D9D9D9;filter:url(#Adobe_OpacityMaskFilter);}
			.st1{mask:url(#mask0_1048_32598_00000129167402491509046470000008119840995048394685_);}
			.st2{fill:#F5F5F7;}
			.st3{opacity:0.8;fill:#F5F5F7;enable-background:new    ;}*/
.page-header-wrapper {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}

.trial {
  position: absolute;
  bottom: -1px;
  z-index: 1002;
  width: 130%;
}

.trial.lp {
  bottom: -27px;
}

@media (max-width: 500px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -40px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -70px;
  }
}
@media (min-width: 568px) and (max-width: 599px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -60px;
  }
}
@media (max-width: 567px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -50px;
  }
}
@media (max-width: 460px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -30px;
  }
}
@media (min-width: 768px) {
  .page-content--content-page {
    position: absolute;
    bottom: 90%;
  }
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -40px;
  }
}
@media (min-width: 900px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -40px;
  }
}
@media (min-width: 1000px) {
  .trial.grey-lp,
  .trial.white-lp {
    bottom: -20px;
  }
}
@media (max-width: 767px) {
  .page-header-wrapper {
    /*min-height: 500px;*/
    background: #023B5C;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 568px) {
  .page-header-wrapper {
    min-height: 350px;
    background: #023B5C;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 458px) {
  .page-header-wrapper {
    min-height: 350px;
    background: #023B5C;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .trial {
    width: 120%;
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .trial {
    width: 100%;
    height: auto;
  }
}
.landing-section {
  padding-bottom: 72px;
  position: relative;
  z-index: 1002;
  /* margin-top: 4rem;*/
}

@media (max-width: 767px) {
  .landing-section {
     /* margin-top: 4rem; */
     margin-top: 0;
  }
}
@media (max-width: 600px) {
  .landing-section {
     /* margin-top: 4rem; */
     margin-top: 0;
  }
}
@media (max-width: 568px) {
  .landing-section {
     /* margin-top: 4rem; */
     margin-top: 0;
  }
}
@media (max-width: 461px) {
  .landing-section {
     /* margin-top: 4rem; */
     margin-top: 0;
  }
}
@media (min-width: 768px) {
  .landing-section {
    margin-top: 0;
  }
}
.landing-section .container-fluid {
  max-width: 1200px;
}

.landing-section .card {
  margin-bottom: 24px;
}

.card-inner-wrapper-variant .card-footer {
  display: flex;
  align-items: baseline;
}

.card.get-involved.card-inner-wrapper-variant .card-body {
  padding: 40px;
  padding-bottom: 0px;
  min-height: 232px;
}

.card-inner-wrapper-variant .card-footer button {
  margin-right: 24px;
}

.card-text > div {
  display: flex;
  align-items: center;
}

.card-inner-wrapper-variant .card-body .card-text.icon {
  position: relative;
}

.card-inner-wrapper-variant .card-body .card-text {
  color: #4D4F55 !important;
  font-weight: 300;
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (min-width: 992px) {
  .card-inner-wrapper-variant {
    min-height: 332px;
  }
  .card-inner {
    min-height: 332px;
    display: flex;
  }
  .card-inner-wrapper-variant .img-wrapper {
    border-bottom-left-radius: 1rem;
    border-top-right-radius: 0 !important;
    overflow: hidden;
    width: 100%;
  }
  .card-inner-wrapper-variant .card-img-top {
    border-bottom-left-radius: calc(0.3125rem - 1px);
    border-top-right-radius: 0;
    width: 100%;
    height: 100%;
  }
  .card-wrapper-topic .card.get-involved.card-inner-wrapper-variant .img-wrapper {
    min-height: 332px;
  }
}
.landing-section .fade-in .card {
  max-height: 100%;
}

@media (min-width: 568px) {
  .landing-section .fade-in .card {
    max-height: 100%;
    margin-bottom: 0;
  }
}
.landing-section .col.fade-in.from-bottom.appear {
  margin-bottom: 24px;
}

.badge.text-bg-secondary {
  color: #0072BC !important;
  font-size: 0.875rem;
  line-height: 21px;
  font-family: "Inter", sans-serif;
  padding: 4px 14px;
  border-radius: 4px;
  display: flex;
  background: #E5F1F8 !important;
  width: -moz-max-content;
  width: max-content;
  margin: 5px;
}

@media (min-width: 768px) {
  .badge.text-bg-secondary {
    color: #0072BC !important;
    font-size: 0.875rem;
    line-height: 21px;
    font-family: "Inter", sans-serif;
    padding: 4px 14px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E5F1F8 !important;
    width: -moz-max-content;
    width: max-content;
  }
}
.second-variation .fade-in .card .card-body {
  top: 0rem;
}

.text-header-black {
  color: #2E2F33;
  margin-bottom: 8px;
}

.btn-pagination {
  border: 1px solid #919daa;
  background-color: transparent;
  color: #2E2F33;
  padding: 0 0.5rem;
  height: 32px;
}

.table-bottom-action-item {
  display: flex;
}

.table-bottom-item {
  display: flex;
  align-items: center;
}

.table-bottom-item select {
  border: 1px solid #919daa;
  background-color: transparent;
  height: 32px;
  padding: 0px 1.5rem;
  margin-left: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 10px;
}

.table-bottom-item input {
  border: 1px solid #919daa;
  background-color: transparent;
  height: 32px;
  width: 64px;
  margin: 0 8px;
}

.SPS-icon {
  margin-top: 8px;
}

.no-wrap {
  white-space: nowrap;
}

.table {
  border-radius: 1rem;
  overflow: hidden;
}

.table-striped thead tr th .fa-solid.fa-sort {
  margin-left: 8px;
}

.table-striped thead tr th {
  vertical-align: middle;
  background: #EAEAEA;
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 21px;
  color: #4D4F55;
  padding-top: 21px;
  padding-bottom: 21px;
}

.table-striped tbody tr td ul {
  padding-left: 1rem;
}

.table-striped tbody tr td a,
.table-card-group a {
  color: #21409A;
  text-decoration: none;
  font-weight: 600;
}

.table-striped tbody tr td {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  padding-top: 32px;
  padding-bottom: 32px;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #4D4F55;
}

.fa-phone-flip {
  margin-right: 10px;
}

.table-striped tr {
  background-color: #EAEAEA;
  border-bottom: 2px solid transparent !important;
}

.table-striped tbody,
td,
tfoot,
th,
thead,
tr {
  border: none;
}

th:first-of-type {
  border-top-left-radius: 12px;
}

th:last-of-type {
  border-top-right-radius: 12px;
}

tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 12px;
}

tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 12px;
}

.table > :not(caption) > * > * {
  background-color: #F9F9F9;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --sgds-table-accent-bg: #ffffff;
}

.table-hover > tbody > tr:hover > * {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.075);
  --sgds-table-accent-bg: rgba(0, 0, 0, .075);
}

.lp-user-image-wrapper {
  overflow: hidden;
  min-width: 83px;
  height: 83px;
  border-radius: 50%;
}

.lp-user-image-wrapper img {
  width: 83px;
  height: 83px;
}

@media (min-width: 568px) {
  .lp-user-image-wrapper {
    min-width: 113px;
    height: 113px;
  }
  .lp-user-image-wrapper img {
    width: 113px;
    height: 113px;
  }
}
@media (min-width: 991px) {
  .lp-user-image-wrapper {
    min-width: 64px;
    height: 64px;
  }
  .lp-user-image-wrapper img {
    width: 64px;
    height: 64px;
  }
}
.search-input > input.has-value + .cancel-btn.cancel-3 {
  min-height: 30px;
  min-width: 30px;
}

.announcement-close {
  border: none;
  z-index: 2;
  padding: 8px;
  background-color: transparent;
}
@media (max-width: 576px) {
  .announcement-close {
    padding: 4px;
  }
}

.announcement-close i {
  color: #4D4F55 !important;
  background-color: transparent;
  font-size: 1.188rem;
  line-height: 24px;
}

.alert-wrapper {
  max-width: 773px;
}

@media (max-width: 992px) {
  .alert-wrapper {
    max-width: 100%;
  }
}
.table-filter-search-bar i {
  color: #0072BC;
}

.filter-wrapper {
  margin-bottom: 24px;
}

.btn-white {
  height: 42px;
  border-radius: 4px;
  padding: 8px 16px;
  background-color: #ffffff;
  border: 1px solid #CDCED5;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #2E2F33;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-white .fa-solid {
  font-size: 0.875rem;
  position: relative;
  bottom: 1px;
  margin-right: 8px;
}

.btn.btn-primary.btn-white:hover {
  background-color: #ffffff;
  color: #2E2F33 !important;
}

.btn.btn-primary.btn-white:focus {
  background-color: #ffffff;
  color: #2E2F33 !important;
}

.filter-btn:hover {
  background-color: #ffffff;
  color: #2E2F33 !important;
}

.filter-btn:focus {
  background-color: #ffffff;
  color: #2E2F33 !important;
}

.container-2 {
  max-width: 1366px !important;
}

.alert-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.PUB-primary-alert {
  background: linear-gradient(0deg, #EEF6FA, #EEF6FA), linear-gradient(0deg, #0072BC, #0072BC);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0072BC;
  min-height: 52px;
  border-radius: 8px;
  padding: 16px;
  color: #21409A;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 24px;
}

.PUB-primary-alert i {
  margin-right: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  content: "f05a";
}

.PUB-primary-warning {
  background: #F8F3D6;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #F8F3D6;
  min-height: 52px;
  border-radius: 8px;
  padding: 16px;
  color: #000000;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 24px;
}

.PUB-primary-warning i {
  margin-right: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  content: "f05a";
}

.table-filter-search-bar {
  padding-right: 17px;
}

.search-input.si-3 {
  border-radius: 4px;
  border: 1px solid #CDCED5;
  padding: 0 8px;
  height: 48px;
}

.search-input.si-3 input {
  margin-left: 16px;
}

.form-select {
  height: 48px;
  border: 1px solid #CDCED5;
  font-family: "Inter", sans-serif;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 24px;
  color: #2E2F33;
  padding-right: 1rem;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-size: 20px;
  padding-right: 2rem;
}

.form-component label {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
  color: #4D4F55;
}

.modal-body .form-component {
  margin-bottom: 1rem;
}

.modal-title.filter-modal {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 27px;
  color: #21409A;
}

.modal-header {
  padding: 16px 24px;
}

.modal-header .btn-close {
  background: none;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 24px;
  color: #000000;
}

.modal-header .btn-close:focus {
  box-shadow: none;
}

.modal-footer {
  padding: 16px 24px;
  border-top: 1px solid #A4A7B3;
}

.modal-body {
  padding: 16px 24px;
}

.modal-content {
  border-radius: 12px;
}

.reset {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #0072BC;
}

.reset:hover {
  color: #0072bc;
}

.reset.focus {
  color: #0072bc;
}

.table-card-group {
  margin-top: 24px;
}

.table-card-group .card-body {
  display: flex;
}

.table-card-group .card-title-wrapper {
  display: block;
  margin-bottom: 1rem;
}

.table-card-group .card-title-wrapper img {
  display: block;
}

.table-card-group .card-title-wrapper h5 {
  margin-bottom: 0px;
}

.table-card-group .card-content {
  width: 100%;
  margin-left: 24px;
}

.table-card-group .card-body ul {
  padding-left: 1.5rem;
}

.table-card-group .card-text {
  margin-left: auto;
}

.table-card-group .content-info .card-text {
  float: right;
}

.region-text {
  display: block;
  float: none !important;
}

.table-card-group .content-info {
  margin-bottom: 8px;
}

.table-card-group .card {
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137);
  border-radius: 12px;
  padding: 0px;
  border: none;
}

@media (min-width: 768px) {
  .table-card-group .card {
    padding: 8px 0px;
  }
  .table-card-group .card-title-wrapper {
    display: flex;
    align-items: center;
  }
  .table-card-group .card-title-wrapper a {
    margin-left: auto;
  }
  .table-card-group .card-title-wrapper .SPS-icon {
    margin-top: 0px;
    margin-left: 24px;
  }
  .table-card-group .card-text {
    margin-left: 16px;
  }
  .table-card-group .content-info .card-text {
    float: none;
    margin-left: 16px;
  }
  .region-text {
    display: inline;
  }
}
.table-card-group.variant-2 {
  display: grid !important;
  gap: 24px;
}

.search-button {
  width: 10%;
  background: white;
  height: 54px;
}

.alert-primary .fa-regular {
  color: #6B5526;
}

.alert-primary.secondary-alert .fa-regular {
  color: #085A6C;
}

.alert-primary i, .fa-circle-info {
  color: #0072BC !important;
}

.link-hover:hover .card-link::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.link-hover .card-link {
  line-height: inherit;
}

.container-2 hr, .container-form hr {
  margin: 2rem 0;
}

.continer-form p {
  color: #2E2F33;
}

.blue-text {
  color: #21409A;
}

.container-form {
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  padding: 20px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 40px;
  background: #FFFFFF;
  max-width: 788px;
  border-radius: 12px;
}

@media (max-width: 991px) {
  .container-2, .container-form {
    margin-bottom: 0;
  }
  form {
    padding-bottom: 64px;
  }
}
.radio-wrapper .error-message {
  position: relative;
  top: -1rem;
}

.form-check:hover .form-check-label {
  font-weight: 400 !important;
}

.form-check {
  margin-bottom: 0;
}

.form-check:hover {
  font-weight: 400 !important;
  background-color: transparent;
}

.radio-wrapper .form-check:first-child {
  padding-left: 0 !important;
}

@media (max-width: 500px) {
  .radio-wrapper {
    display: flex;
    flex-direction: column;
  }
  .radio-wrapper .form-check {
    padding-left: 0;
  }
}
.form-check {
  display: inline-flex;
  height: auto;
  vertical-align: middle;
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.form-check .form-check-input {
  margin-left: 0;
  margin-top: 4px;
  margin-right: 16px;
  min-width: 1.5em;
  min-height: 1.5em;
  max-width: 1.5em;
  max-height: 1.5em;
}

.form-check-label {
  top: 4px;
  position: relative;
}

.form-control {
  border: 1px solid #CDCED5;
}

/*
.form-select {
  height: 60px;
  border: 1px solid #CDCED5;
}*/
.error-message {
  color: #9A170D;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
}

.file-uploaded-wrapper a {
  margin-left: 25px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  position: relative;
  top: -0.5rem;
}

.error-message i {
  color: #9A170D;
  margin-right: 10px !important;
}

@media (max-width: 991px) {
  .file-uploaded-wrapper {
    margin-top: 32px;
  }
}
.file-wrapper + .error-message {
  margin-bottom: 1rem;
}

.file-uploaded-name {
  border: 1px solid #CDCED5;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #0072BC;
  padding: 11px 20px;
  margin-top: 0;
  display: flex;
  align-items: center;
  width: 89%;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.file-uploaded-name.has-error {
  margin-bottom: 0px;
}

.input-group .dropdown-toggle {
  border: 1px solid #CDCED5;
}

.input-group .form-control {
  border: 1px solid #CDCED5;
}

.has-error {
  border: 1px solid #A23A3F;
  border-radius: 4px;
}

.has-error .dropdown-toggle {
  border: none;
  border-right: 1px solid #A23A3F;
}

.input-group .dropdown-toggle:disabled {
  background-color: #e4e7ec;
}

.has-error .form-control {
  border: none;
}

.file-uploaded-name span {
  margin-left: 10px;
  padding-right: 10px;
  width: 100%;
  overflow-wrap: break-word;
}

p.background {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
}

p.background:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

p.background span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #ffffff;
  padding: 0 15px;
}

.file-drop-area:hover .fake-btn {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #FFFFFF !important;
  background-color: #0072BC !important;
  padding: 8px 16px;
  border-radius: 16px;
  border: 2px solid #0072BC;
}

.file-drop-area {
  position: relative;
  border-radius: 12px;
  min-height: 216px;
  /*margin-top: 32px;*/
  padding: 20px;
  text-align: center;
  border: 4px dashed #0072BC;
}

.file-drop-area img {
  margin-top: 10px;
}

.file-drop-area.is-active {
  background-color: lightblue;
}

.file-drop-area.is-active p.background span {
  background-color: lightblue;
}

.file-drop-area.is-active p.background::before {
  border-top: 2px solid #ffffff;
}

.fake-btn {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #0072BC;
  padding: 8px 16px;
  border-radius: 616px;
  border: 2px solid #0072BC;
}

.fake-btn:hover {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #FFFFFF !important;
  background-color: #0072BC !important;
  padding: 8px 16px;
  border-radius: 12px;
  border: 2px solid #0072BC;
}

.file-msg {
  display: none;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.file-input:focus {
  outline: none;
}

.form-information-wrapper {
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
}

.form-information-text {
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  color: #A4A7B3;
  margin-bottom: 8px;
}

.progress-circle {
  font-size: 1.25rem;
  margin: 20px;
  margin-left: 0;
  margin-bottom: 30px;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  min-width: 5em;
  min-height: 5em;
  max-width: 5em;
  max-height: 5em;
  background-color: #CDCED5;
  border-radius: 50%;
  line-height: 5em;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: #F5F5F7;
  content: " ";
}

/* Text inside the control */
.progress-circle .span-container {
  position: absolute;
  width: 5em;
  text-align: center;
  display: block;
  color: #21409A;
  z-index: 2;
  font-family: "Inter", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 4.5em;
  left: -5px;
  color: #2E2F33;
}

.progress-circle .span-container .text-blue {
  color: #21409A;
}

.left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em);
  /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #21409A;
  /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/
  /* for debug */
  box-sizing: border-box;
}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #21409A;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
  display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.stepper-wrapper {
  font-family: Arial;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
  top: -4.5rem;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
  height: 4px;
  background-color: #ccc;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
  height: 4px;
  background-color: #ccc;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.completed .step-counter {
  background-color: #1F99E9;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #1F99E9;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
  height: 4px;
  background-color: #1F99E9;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.step-name {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #9A9DAA;
  text-align: center;
}

.stepper-item.completed .step-name,
.stepper-item.active .step-name {
  color: #2E2F33;
  text-align: center;
}

.stepper-item .step-counter {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
  background: #9A9DAA;
  border-color: 2px solid #9A9DAA;
}

.stepper-item.completed .step-counter {
  color: #ffffff;
  border: 2px solid #1F99E9;
}

.stepper-item.active .step-counter {
  background-color: #ffffff;
  border: 2px solid #1F99E9;
  color: #1F99E9;
}

.form-label {
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 8px;
}

.form-label a .fa-regular {
  color: #21409A;
  font-size: 1rem;
  margin-left: 2px;
}

.blue {
  color: #009B90;
  text-decoration: none;
  cursor: default;
}

.blue:hover {
  color: #009B90;
}

.form-progress-mobile {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 27px;
  color: #21409A;
}

.page-header-content-holder.forms {
  padding: 4rem 0;
}

.page-header-content-holder.forms h1 {
  font-family: "Inter", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  margin-bottom: 8px;
}

.page-header-content-holder.forms p {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}

.page-header-content-holder.forms .page-header-info {
  max-width: 799px;
  margin-left: auto;
  margin-right: auto;
}

.notification-circle {
  display: inline-block;
  content: "";
  background-color: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.mapper-wrapper {
  min-width: 100%;
}

.nav-cat-link {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 32px;
}

.nav-hyperlink {
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
}

.lg-inline-btn {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 24px;
  padding: 0;
}

.md-inline-btn {
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  padding: 0;
}

.sm-inline-btn {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 21px;
}

.lg-inline-btn,
.md-inline-btn,
.sm-inline-btn {
  color: #0072BC;
  border: none;
  background: none;
}

.lg-btn,
.lg-btn2,
.responsive-btn,
.responsive-btn2 {
  color: #0072BC;
  border: 3px solid #0072BC;
  border-radius: 40px;
  padding: 12px 24px;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 24px;
}

.lg-btn2,
.responsive-btn2 {
  color: #FFFFFF;
  background-color: #0072BC;
  margin-left: 12px;
}

.md-btn,
.md-btn2 {
  border-radius: 40px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  padding: 8px 24px;
  border: 3px solid #0072BC !important;
}

.md-btn:hover {
  color: #ffffff;
  background-color: #0072BC;
}

.md-btn:disabled {
  background-color: #9CADB9;
  border-color: #9CADB9 !important;
  color: #ffffff;
  cursor: not-allowed;
}

.md-btn {
  color: #0072BC;
  background: none;
  border: 1.5px solid #CDCED5;
}

.md-btn2 {
  color: #FFFFFF;
  background-color: #0072BC;
  border: #0072BC;
  margin-left: 12px;
}

td {
  vertical-align: middle;
}

@media (max-width: 1200px) {
  .responsive-btn,
  .responsive-btn2 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    padding: 8px 24px;
  }
}
@media (max-width: 768px) {
  .responsive-btn,
  .responsive-btn2 {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 21px;
    padding: 8px 24px;
  }
}
@media (min-width: 768px) {
  .button-group-form {
    max-width: 788px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
  }
}
.button-group-form.sidebar-desktop {
  display: block;
}

.button-group-form.sidebar-mobile {
  display: none;
}

@media (max-width: 767px) {
  .button-group-form {
    /* margin-left: -1.5rem;
     margin-right: -1.5rem;*/
    background-color: #ffffff;
    padding: 1rem;
    box-shadow: 0px -6px 24px 0px rgba(165, 165, 165, 0.2392156863);
    position: fixed;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding-bottom: 1rem;
    left: 0;
  }
  .button-group-form.sidebar-desktop {
    display: none;
  }
  .button-group-form.sidebar-mobile {
    display: block;
  }
  /*@media (max-width: 568px) {
    .button-group-form {
      margin-left: -1rem;
      margin-right: -1rem;
    }

  }*/
  .button-group-form .inner-group {
    display: flex;
    margin-bottom: 10px;
  }
  .button-group-form .btn {
    width: 100%;
  }
}
@media (min-width: 568px) {
  .page-header-content-holder.forms h1 {
    font-family: "Inter", sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 39px;
    text-align: center;
    margin-bottom: 8px;
  }
}
@media (min-width: 991px) {
  .page-header-content-holder.forms h1 {
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    margin-bottom: 8px;
  }
}
.FAQ-a-links.form-summary .accordion-flush .accordion-item {
  box-shadow: 0px 6px 24px rgba(165, 165, 165, 0.24);
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
}

.page-content-header-holder.forms {
  max-height: 230px;
  overflow: hidden;
}

.form-summary {
  background-image: none;
  padding: 0 !important;
}

.form-summary .accordion-header {
  display: flex;
  align-items: center;
}

.form-summary .tab-content {
  background: transparent;
  padding: 0;
}

.form-summary .accordion-button .fa-regular {
  margin: 8px 16px 8px 0px;
}

.edit-btn {
  background-color: #FFFFFF;
  border-radius: 50%;
  border: none;
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
  box-shadow: 0px 6px 24px rgba(165, 165, 165, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 24px;
  text-decoration: none;
}

.edit-btn i {
  margin: auto;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
}

.summary-body {
  background-color: #FFFFFF;
  padding: 24px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

h6.summary-section-header {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #21409A;
  margin-bottom: 0px;
}

.summary-section-header-light {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  color: #21409A;
  margin-bottom: 0px;
}

h5.summary-section-header.v2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 21px;
  color: #21409A;
  margin-bottom: 0px;
}

.summary-details {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.summary-details > p {
  margin: 0;
}

p.summary-input-subject {
  font-weight: 700;
  color: #000000;
}

p.summary-input {
  font-weight: 400;
  color: #4D4F55;
}

p.summary-input-subject,
p.summary-input {
  line-height: 24px;
  margin-top: 16px;
  overflow-wrap: break-word;
}

@media (max-width: 568px) {
  p.summary-input {
    margin-top: 8px;
  }
  .summary-details {
    padding-top: 4px;
  }
}
hr.summary-divider {
  color: #CDCED5;
  margin: 8px 0px;
}

.FAQ-a-links .accordion-button:not(.collapsed) .edit-btn .fa-regular {
  transform: rotate(0deg);
}

.pub-cards-holder .card:hover {
  cursor: pointer;
}

.pub-cards-holder .card:hover .card-footer a span::before {
  width: 100%;
}

.one {
  min-height: auto;
}

.careers-title h5 {
  font-size: 3rem !important;
  font-weight: 400 !important;
  line-height: 62px !important;
}

.explore-careers-btn > button {
  margin-top: 64px;
  margin-bottom: 78px;
}

.four.explore-careers {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.careers-page-header {
  font-size: 1.5rem;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.careers-page-subheader {
  text-align: center;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 56px;
}

.card-link > span {
  font-size: 1rem;
}

.cards-section {
  padding: 80px 0px 80px 0px;
  margin-top: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .cards-section {
    padding: 64px 0px 64px 0px;
    margin-top: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.careers-section-header {
  color: #21409A;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 45px;
  padding: 0 !important;
  margin-top: 0;
  margin-bottom: 64px;
}

.our-stories-header {
  color: #21409A;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 45px;
  margin: 80px 0px 24px 0px;
}

.our-stories-img {
  margin: 80px 6px 80px 0px;
}

.our-stories-content > p:nth-child(3) {
  margin-bottom: 48px !important;
}

.our-stories-link span {
  font-size: 1.25rem !important;
}

.section-blue-bg {
  overflow-y: auto;
}

.careers-overview-header {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 60px;
  margin: 80px 0px 80px 0px;
}

.careers-overview-caption {
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
}

.careers-overview-card {
  margin-top: 70px;
}

.card-inner-wrapper-variant .img-wrapper {
  border-top-left-radius: 1rem;
}

.careers-overview-card-title {
  color: #21409A;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 36px;
}

.careers-overview-card-text {
  color: #4D4F55;
  font-weight: 400 !important;
}

.careers-overview-cards {
  margin-bottom: 70px;
}

.career-overview-img2 > img {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

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

.droplet-list > li > img {
  margin-right: 12px;
}

.droplet-list > li {
  font-weight: 600;
  margin-bottom: 16px;
}

.apply-btn {
  font-size: 1.125rem !important;
  margin-top: 16px;
  padding: 12px 24px !important;
}

.our-stories-link:hover a:hover span::before {
  width: 100%;
}

.our-stories-link:hover a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: 0.3s;
  background-color: #0087CA;
}

.header-text-section {
  margin-top: 64px;
  margin-bottom: 64px;
}

.pub-cards-holder .card-wrapper-topic .card {
  margin-bottom: 1rem !important;
}

.career-section .card {
  border-radius: 1rem;
  overflow: hidden;
}

.career-section {
  margin-bottom: 70px;
}

.career-section:last-child {
  margin-bottom: 84px;
}

@media (max-width: 767px) {
  .img-square-wrapper img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .career-section .card .card-body {
    align-items: center;
    display: flex;
  }
  .header-text-section {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 801px) {
  .card-horizontal {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
  }
}
.overlay-image-dark {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.176) 72.42%);
  width: 100%;
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.declaration-section {
  max-width: 788px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 68px;
}

.page-bottom-banner-info .content-wrapper {
  position: relative;
  z-index: 2;
}

.page-bottom-banner-info h3 {
  margin-bottom: 1rem;
}

.page-bottom-banner-info p {
  margin-bottom: 2rem;
}

@media (min-width: 991px) {
  .page-bottom-banner-info p {
    margin-bottom: 3rem;
  }
}
.form-review-header {
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .form-review-header {
    display: flex;
  }
  .form-review-header .right-side {
    margin-left: auto;
  }
  .form-review-header h5 {
    margin-bottom: 0;
  }
}
.form-review-header h5 {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  color: #2E2F33;
  margin-bottom: 4px;
}

.form-review-header span {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
}

.right-side .badge {
  background: #E5F1F8 !important;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #0072BC;
}

@media (max-width: 990px) {
  .scrollspy-nav {
    justify-content: center;
  }
}
.scrollspy-nav-inner-wrapper .dropdown-toggle {
  min-width: 200px;
  justify-content: center;
  display: flex;
  background-color: transparent;
  color: #000000;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 27px;
  border: 2px solid #0f71bb;
  height: 65px;
  align-items: center;
  border: none;
}

.scrollspy-button .fa-solid.fa-chevron-down {
  color: #0072BC;
  font-size: 0.75rem;
  margin-left: 1rem;
  transition: 0.3s;
  padding-left: 0;
}

.scrollspy-nav-inner-wrapper .dropdown .dropdown-toggle:focus {
  box-shadow: none;
}

.scrollspy-nav-inner-wrapper .dropdown .dropdown-toggle:active {
  box-shadow: none;
}

.scrollspy-nav-inner-wrapper .dropdown .dropdown-toggle[aria-expanded=true] .scrollspy-button .fa-solid {
  transform: rotate(180deg);
}

.scrollspy-nav-inner-wrapper .dropdown .dropdown-toggle[aria-expanded=false] .scrollspy-button .fa-solid {
  transform: rotate(0deg);
}

.scrollspy-nav-inner-wrapper .dropdown-toggle::after {
  display: none;
}

@media (min-width: 991px) {
  .scrollspy-nav-inner-wrapper,
  .scrollspy-nav-inner-wrapper .dropdown {
    height: 100%;
  }
  .scrollspy-nav .dropdown-toggle,
  .scrollspy-nav .dropdown-toggle.show {
    display: none;
    position: relative;
    margin-top: 1rem !important;
  }
  .scrollspy-nav-inner-wrapper .dropdown-menu,
  .scrollspy-nav-inner-wrapper .dropdown-menu.show {
    display: flex;
    border: none;
    justify-content: center;
    height: 76px;
    padding: 0;
    position: absolute;
    margin-top: 0;
  }
  .scrollspy-nav .dropdown-menu .nav-link {
    border-bottom: 5px solid #DCF1FF;
  }
  .scrollspy-nav-inner-wrapper .dropdown-menu {
    background-color: #DCF1FF;
  }
  .scrollspy-nav .dropdown-menu .nav-link.active {
    font-weight: 700;
    border-bottom: 5px solid transparent;
    -o-border-image: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
    border-image: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
    border-image-slice: 1;
    width: 100%;
  }
}
.card-info {
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.mobile-card-body {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.mobile-card-content {
  padding-bottom: 0.5rem;
}

.mobile-card-info .card-text {
  color: #4D4F55 !important;
}
.mobile-card-info li {
  color: #4D4F55 !important;
}

.show-more-button {
  color: #0072BC;
  border: none;
  font-weight: 400;
  padding: 0;
}

.template-img-wrapper.variant-2 {
  padding: 32px 22px;
  background-color: #ffffff;
  position: relative;
}

.template-img-wrapper.variant-2 .child {
  position: absolute;
}

.map-legend img {
  margin-right: 8px;
}

.template-img-wrapper.onemaps iframe {
  min-width: 100%;
  height: 450px;
}

.no-lighten {
  mix-blend-mode: normal !important;
}

.template-img-wrapper.variant-2 {
  padding: 32px 22px;
  background-color: #ffffff;
  position: relative;
}

.template-img-wrapper.variant-2 .child {
  position: absolute;
}

.map-text {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 24px;
  text-align: center;
  color: #F5F5F7;
}

.location-card {
  background-color: white;
  box-shadow: 0px 2px 8px rgba(165, 165, 165, 0.08);
  border-radius: 4px;
  padding: 16px 12px;
}

.location-list .list-group-item {
  border: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 21px;
  color: #0072BC;
  padding: 12px 0;
}

.location-list .list-group-item-action {
  color: #0072BC;
}

.location-list .list-group-item-action:hover {
  background-color: transparent;
  text-decoration: underline;
  transition: 0.3s;
}

.location-badge {
  display: inline-flex;
  background-color: #009B90;
  margin-right: 0.5rem;
  height: 18px;
  min-width: 18px;
  border-radius: 50rem;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 15px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}

.multiselect {
  width: 100%;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#mySelectOptions::-webkit-scrollbar {
  display: none;
}

#mySelectOptions {
  display: none;
  border: 0.5px #7c7c7c solid;
  background-color: #ffffff;
  max-height: 150px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

#mySelectOptions label {
  display: block;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: 1.2em;
  background-color: rgba(255, 255, 255, 0);
  padding: 0 2.25rem 0 0.75rem;
  /* padding: .375rem 2.25rem .375rem .75rem; */
}

#mySelectOptions label:hover {
  background-color: #1F99E9;
}

@media (min-width: 991px) {
  .location-card > h5 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .d-flex.d-col-tablet {
    flex-direction: column;
  }
}
.multi-options {
  position: absolute;
  z-index: 20;
  width: 50%;
}

.declaration-section h5 {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
  color: #0072BC;
}

.declaration-section ul {
  padding-left: 1rem;
  color: #2E2F33;
  font-weight: 400;
  line-height: 24px;
  font-size: 1rem;
}

.declaration-section li {
  margin-bottom: 1.2em;
  line-height: 2em;
}

.declaration-section li:last-child {
  margin-bottom: 32px;
}

.declaration-section .form-check {
  padding-left: 0;
}

.alert-container {
  width: 100%;
  position: absolute;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.alert.alert-primary.main-alert {
  background: #F8F3D6;
  border-radius: 0;
  border: none;
  text-align: left;
  padding: 12px 24px;
  line-height: 24px;
  margin-bottom: 0;
}

.alert.alert-primary.secondary-alert {
  background: #EEF6FA;
  border-radius: 0;
  border: none;
  text-align: left;
  padding: 12px 24px;
  line-height: 24px;
  margin-bottom: 0;
}

.alert-small-text {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  color: #2E2F33;
  margin: 2px 0 0 0;
}

.link-hover {
  align-items: center;
}

@media (max-width: 622px) {
  .secondary-alert-holder {
    flex-direction: column;
  }
  .link-hover {
    align-items: flex-start;
  }
  .link-hover .fa-regular {
    padding-top: 0.5rem;
  }
}
.secondary-alert-text {
  font-weight: 700;
  font-size: 1rem;
  color: #2E2F33;
  margin-bottom: 0;
}
@media (max-width: 622px) {
  .secondary-alert-text {
    margin-bottom: 4px;
  }
}

.img-group img {
  width: 50px;
  height: 50px;
}

.fade-in-text-group.variant-3 .inner-wrapping .img-group img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 40px;
  max-height: 40px;
}

@media (max-width: 576px) {
  .fade-in-text-group .img-group {
    display: flex;
    align-items: center;
    height: auto;
    width: auto;
  }
  .fade-in .card {
    width: 100%;
  }
}
/*   @media (min-width: 568px) {
          .fade-in .card{
            min-height: 26vh;
          }
        }

      @media (min-width: 991px) {
        .fade-in .card{
          height: 30vh;
        }


      }*/
.toast {
  position: absolute;
  z-index: 2200;
  right: 1rem;
  top: 10rem;
}

.toast.success-toast {
  float: left;
  position: fixed;
  background-color: #2E2F33;
  border-radius: 0.75rem;
  width: auto;
  box-shadow: 0px 4px 16px #00273E;
}

.toast.success-toast .loading-box {
  background-color: #4D4F55;
  background-image: linear-gradient(to right, #3F95D2 40%, #4D4F55 60%);
  background-size: 300% 100%;
  /*transition: background-position 5s;
        background-position: 100%;*/
  height: 7px;
  width: 100%;
  content: "";
  display: block;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  position: relative;
  bottom: -1px;
  animation-name: loader-box;
  animation-duration: 8s;
}

@keyframes loader-box {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
.toast.success-toast:hover .loading-box {
  background-position: 0%;
}

.toast-body.success-toast-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1.25rem;
}

p.toast-text {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 21px;
  margin: 0 0 0 0.75rem;
}

.toast-mark {
  width: 14px;
}

.btn-close.toast-close {
  background: none;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0.5rem 1rem 0 0;
  padding: 0;
  color: white;
}

/*
      .megamenu-item.accordion-collapseo.megamenu.bg-white {
        overflow-y: scroll;
        height: calc(100vh - 2rem);
      }
      */
/* ====================================
   PROFILE PAGE 
==================================== */
.page-header-wrappers.variant-2 {
  height: 170px;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.page-header-wrappers.variant-2 h3 {
  margin: 0;
}

.page-header-content-holder.forms.variant-2 {
  height: 170px;
  padding: 1rem 0 !important;
}

.page-header-holder.variant-2 {
  height: 170px;
  padding-bottom: 0;
}

.page-header-bg-img {
  height: 170px;
}

@media (max-width: 1199px) {
  .page-header-content-holder.forms.variant-2 {
    height: 130px;
  }
  .page-header-wrappers.variant-2.edit-mode {
    justify-content: center;
  }
  .page-header-bg-img {
    height: 130px;
  }
  .page-header-wrappers.variant-2 h3 {
    margin-left: 270px;
    font-size: 1.625rem;
    line-height: 39px;
  }
}
@media (max-width: 991px) {
  .page-header-content-holder.forms.variant-2 {
    height: 187px;
  }
  .page-header-holder.variant-2 {
    height: 187px;
  }
  .page-header-wrappers.variant-2.edit-mode {
    align-items: flex-start;
  }
  .page-header-wrappers.variant-2 {
    align-items: flex-start;
    justify-content: center;
  }
  .page-header-bg-img {
    height: 187px;
  }
  .page-header-bg-img > img {
    width: 100%;
    height: initial;
  }
  .page-header-wrappers.variant-2 h3 {
    margin-left: 0;
    margin-top: 32px;
    font-size: 1.375rem;
    line-height: 33px;
  }
}
.image-container {
  border-radius: 50%;
  min-height: 228px;
  min-width: 228px;
  max-height: 228px;
  max-width: 228px;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
}

.image-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  right: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
}

.container-form.variant-2 {
  max-width: 100%;
}

.container-form .container {
  max-width: 100%;
}

.button-group-form.variant-2 {
  max-width: 100%;
}

.profile-card-group {
  margin: 60px 0;
}

.profile-card-group .card {
  margin-bottom: 24px;
}

.floating-container .md-btn {
  padding: 12px 24px;
  font-size: 1.125rem;
  line-height: 24px;
}

.floating-container {
  position: relative;
  top: -5rem;
  text-align: center;
  display: flex;
  align-items: center;
}

@media (min-width: 991px) {
  .floating-container {
    position: relative;
    top: -9rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  .form-container.variant-3 {
    top: -5rem;
    position: relative;
    margin-bottom: -8rem;
    padding: 0;
  }
}
.blue-card-header {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
  color: #0072BC;
  padding: 24px;
  background-color: #F5F5F7;
  border: none;
}

.profile-page-card {
  border: none;
  box-shadow: 0px 6px 24px rgba(165, 165, 165, 0.24);
  border-radius: 12px;
}

.profile-page-card .list-group-item {
  border: none;
  padding: 8px 24px;
}

.profile-page-card .list-group {
  padding: 16px 0;
}

.info-input-subject {
  font-weight: 700;
  color: #2E2F33;
  font-size: 1rem;
  line-height: 24px;
}

.info-input {
  font-weight: 400;
  color: #4D4F55;
}

.editing-card .form-control:disabled,
.form-control[readonly] {
  background-color: #F5F5F7;
  color: #4D4F55;
}

.editing-card .form-control::-moz-placeholder {
  color: #4D4F55;
  opacity: 1;
}

.editing-card .form-control::placeholder {
  color: #4D4F55;
  opacity: 1;
}

.update-btn {
  padding: 12px 24px;
  font-size: 1.125rem;
  line-height: 24px;
}

.floating-container .md-btn {
  padding: 9px 24px;
}

.shadow.megamenu.bg-white .md {
  height: 100%;
}

.shadow.megamenu.bg-white .mega-content::-webkit-scrollbar {
  display: none;
}

.shadow.megamenu.bg-white .mega-content {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  height: calc(100vh - 180px);
}

@media (max-width: 991px) {
  .image-container {
    min-height: 200px;
    min-width: 200px;
    max-height: 200px;
    max-width: 200px;
  }
  .floating-container {
    flex-direction: column;
  }
  .floating-container.edit-mode .btn {
    margin-top: 24px;
    margin-bottom: 40px;
    min-width: 218px;
    text-align: center;
    position: relative;
    left: initial;
  }
  .floating-container .btn {
    margin-top: 18px;
    min-width: 218px;
    text-align: center;
    margin-left: 0 !important;
  }
  .blue-card-header {
    padding: 24px 16px;
  }
  .profile-page-card .list-group-item {
    padding: 8px 16px 8px 16px;
  }
  .profile-page-card.editing-card .list-group-item {
    padding: 0px 16px 8px 16px;
  }
  .profile-page-card .list-group {
    padding: 24px 0;
  }
}
.save-change-button {
  padding-bottom: 104px;
  padding-top: 40px;
}

@media (min-width: 991px) {
  .save-change-button {
    padding-bottom: 104px;
    padding-top: 0;
  }
}
.map-legend img {
  margin-bottom: 1rem;
}

.map-legend .row {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .onem-text {
    margin-bottom: 24px !important;
  }
  .map-legend img {
    margin-bottom: 0;
  }
  .map-legend .row {
    margin-bottom: 20px;
  }
}
.image-wrapper-edit {
  position: relative;
}

.edit-profile-btn {
  min-width: 48px !important;
  min-height: 48px !important;
  background-color: #ffffff;
  border: none;
  box-shadow: 0px 6px 24px 0px rgba(165, 165, 165, 0.2392156863);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #0072BC;
  font-size: 1.375rem;
  transition: 0.3s;
  position: absolute;
  top: 60%;
  right: -1%;
}

.edit-profile-btn:hover {
  background-color: #EEF6FA;
  border: none;
}

.edit-profile-btn:active,
.edit-profile-btn:focus {
  box-shadow: none;
}

@media (max-width: 991px) {
  .edit-profile-btn {
    top: 55%;
  }
}
.modal-dialog.edit-profile-pic {
  max-width: 668px;
}

.modal-dialog.edit-profile-pic .modal-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.modal-dialog.edit-profile-pic .modal-body {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.modal-dialog.edit-profile-pic .modal-header h1 {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem !important;
  font-weight: 700;
  line-height: 36px;
  color: #21409A;
}

.modal-dialog.edit-profile-pic .edit-profile-list {
  padding-left: 0;
  margin-bottom: 0;
}

.modal-dialog.edit-profile-pic .edit-profile-list li {
  list-style: none;
}

.modal-dialog.edit-profile-pic .edit-profile-list li .list {
  background: #21409A;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 1rem;
  top: 5px;
  position: relative;
}

.modal-dialog.edit-profile-pic .edit-profile-list li .list:last-of-type {
  margin-bottom: 0;
}

.modal-dialog.edit-profile-pic .edit-profile-list li .list-wrapper {
  display: flex;
  align-items: flex-start;
}

.modal-dialog.edit-profile-pic .modal-body {
  background-color: #EEF6FA;
}

.card.profile-page-card .card-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.card.profile-page-card .list-group.list-group-flush {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.demerit-point-card {
  background: #FFFFFF;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 12px;
}

.demerit-point-card .fa-circle-xmark {
  color: #EF654D;
  font-size: 2.5rem;
  line-height: 48px;
  padding-top: 16px;
}

.demerit-point-card .fa-circle-check {
  color: #74BC1F;
  font-size: 3rem;
  line-height: 48px;
  padding-top: 16px;
}

@media (min-width: 768px) {
  .demerit-point-card .fa-circle-check {
    color: #74BC1F;
    font-size: 2rem;
    line-height: 32px;
    padding-top: 0;
  }
  .demerit-point-card .fa-circle-xmark {
    color: #EF654D;
    font-size: 2rem;
    line-height: 32px;
    padding-top: 0;
  }
}
@media (min-width: 991px) {
  .demerit-point-card .fa-circle-check {
    color: #74BC1F;
    font-size: 2.5rem;
    line-height: 40px;
    padding-top: 0;
  }
  .demerit-point-card .fa-circle-xmark {
    color: #EF654D;
    font-size: 2.5rem;
    line-height: 40px;
    padding-top: 0;
  }
}
.demerit-point-card h1 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 45px;
  color: #2E2F33;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .demerit-point-card h1 {
    font-size: 1.5rem;
    line-height: 36px;
  }
  .hero-banners .page-content.page-content--content-page p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
  }
  .page-header-wrapper.hero-banners {
    align-items: initial;
    background: url(../images/background-hero.png);
    background-repeat: none;
    background-size: 200%;
  }
  .page-header-wrapper.hero-banners.v5 {
    background-image: none;
    background: #023B5C;
  }
  .hero-banner {
    padding: 1.5rem;
  }
  .hero-banners .header-content {
    padding: 1.5rem 0;
    left: 0;
  }
  .hero-banners .container-fluid.page-title-container {
    padding: 0;
  }
  .hero-banner {
    /*width: 100%;*/
    background: none;
  }
  .hero-banner img {
    border-radius: 12px;
    box-shadow: 0px 2px 8px 0px rgba(0, 39, 62, 0.8);
  }
  .hero-banner .overlay-page-header {
    display: none;
  }
  /*
    .page-header-wrapper.hero-banners .page-header .header-content {
      top: initial;

    }*/
}
@media (max-width: 568px) {
  .hero-banners .container-fluid.page-title-container {
    padding: 0;
    /*padding-top: 4rem;*/
  }
  /*.hero-banners .header-content {
    padding: 1.5rem;
    padding-top: 3rem;
  }*/
}
@media (max-width: 450px) {
  .hero-banners .header-content {
    padding: 1.5rem 0;
  }
  .hero-banners.default-image .header-content {
    padding-top: 0;
  }
}
.demerit-point-card h2 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 36px;
  color: #2E2F33;
  margin: 0;
}

@media (max-width: 767px) {
  .demerit-point-card h2 {
    font-size: 1.125rem;
    line-height: 27px;
  }
}
.demerit-point-card p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #4D4F55;
  margin: 0;
}

@media (max-width: 767px) {
  .demerit-point-card p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.demerit-point-card .dem-card-text {
  padding: 12px 0;
}

@media (min-width: 768px) {
  .demerit-point-card .dem-card-text {
    padding: 40px 0;
    text-align: left;
  }
}
.suspended-end {
  background-color: #FFE6E2;
}

.valid-end {
  background-color: #DEF2D6;
}

.demerit-point-end {
  height: 100%;
  padding-top: 8px;
  padding-bottom: 16px;
}

@media (min-width: 768px) {
  .demerit-point-end {
    padding: 0;
  }
}
.demerit-point-end h4 {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 60px;
  margin: 0;
}

@media (max-width: 767px) {
  .demerit-point-end h4 {
    font-size: 2rem;
    line-height: 48px;
  }
}
.suspended-end h4 {
  color: #EF654D;
}

.valid-end h4 {
  color: #2E2F33;
}

.demerit-point-end h3 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 32px;
  color: #2E2F33;
  margin: 0;
}

@media (max-width: 767px) {
  .demerit-point-end h3 {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.demerit-table {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #F5F5F7;
}

.demerit-table th {
  padding: 21px 48px !important;
}

.demerit-table td {
  padding: 24px 48px !important;
}

.demerit-table h6 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  color: #EF654D;
  margin: 0;
}

.show-hide {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
  color: #0072BC;
  text-decoration: none;
}

a.show-hide .if-not-collapsed {
  display: none;
}

a.show-hide .if-collapsed {
  display: block;
}

a[aria-expanded=true] .if-not-collapsed {
  display: block;
}

a[aria-expanded=true] .if-collapsed {
  display: none;
}

.demerit-nav-bar {
  padding: 40px 0;
}

.table-card-group .content-info .card-text {
  float: none !important;
  margin-left: 16px !important;
}

@media (max-width: 768px) {
  .table-card-group .content-info .region-text {
    margin-left: 0px !important;
  }
  .table-card-group .content-info {
    margin-bottom: 24px;
  }
}
.mobile-card-info .card-text.penalty-text {
  color: #EF654D !important;
  font-weight: 700;
}

@media (min-width: 768px) {
  .penalty-point-display {
    justify-content: end;
    display: flex;
  }
}
.accordion-header-demerit {
  text-align: center;
}

.accordion-header-demerit h1 {
  margin-bottom: 1rem !important;
}

@media (min-width: 768px) {
  .accordion-header-demerit {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .accordion-header-demerit h1 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 568px) {
  .dropdownmenu.variant-2 p {
    right: 4rem;
    position: relative;
  }
}
.submission-header {
  border-bottom: 6px solid #1F99E9;
}

.header-content-holder {
  padding: 2rem 0;
}

.ref-text {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}

.greetings-text {
  font-weight: 600;
  font-size: 2rem;
  line-height: 60px;
  margin: 0;
}

.dashboard-header .header-text-center.variant-2 {
  display: block;
}

.dashboard-header .header-text-center.variant-2,
.icon-center {
  margin: 0;
}

.remove-project {
  background: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  justify-content: center;
}

.project-ref {
  display: flex;
}

.project-ref .draft-label {
  color: #085A6C;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 21px;
  margin: 0 0 0.5rem 0.5rem;
  padding: 0.25rem 0.875rem;
  background-color: #EEF6FA;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.p-0 {
  padding: 0;
}

.icon-center {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .greetings-text {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 39px;
  }
  .icon-center {
    justify-content: flex-end;
    flex: 1 1 auto !important;
  }
}
@media (max-width: 568px) {
  .dashboard-header .header-text-center.variant-2 {
    align-content: flex-start;
  }
  .greetings-text {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 40px;
  }
  .project-ref {
    flex-direction: column-reverse;
  }
  .project-ref .draft-label {
    margin-left: 0;
    padding: 0.25rem 0.875rem;
    background-color: #EEF6FA;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .icon-center {
    align-content: flex-end;
  }
}
.navbar-brand.variant-2 {
  color: #4D4F55;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  padding: 0;
  margin: 0;
}

.navbar-nav.variant-2 {
  height: 100%;
  justify-content: flex-end;
  padding: 1rem 0;
}

.nav-link.disabled.variant-2,
.navbar-nav.variant-2 > li {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}

.navbar-expand-lg .navbar-nav .nav-link.variant-2 {
  padding: 0;
}

.nav-item.variant-2::after,
.nav-item.variant-2:hover::after {
  display: none !important;
}

.navbar-nav.variant-2 > li:nth-child(1) {
  display: none;
}

.navbar-nav.variant-2 > li:nth-child(2),
.navbar-nav.variant-2 > li:nth-child(3) {
  margin-right: 1rem;
}

.navbar-nav.variant-2 > li:nth-child(3),
.navbar-nav.variant-2 > li:nth-child(4) {
  border-left: 1px solid #4D4F55;
  padding-left: 1rem;
}

@media (max-width: 991px) {
  .navbar-brand.variant-2 {
    display: none;
  }
  .navbar-toggler.variant-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0072BC;
    font-size: 1rem;
    font-weight: 700;
    line-height: 40px;
    margin: auto;
    width: 100%;
  }
  .navbar-toggler.variant-2 span.navbar-toggler-icon {
    transition: 0.3s;
  }
  .navbar-toggler.variant-2[aria-expanded=true] span.navbar-toggler-icon {
    transform: rotate(180deg);
  }
  .navbar-toggler.variant-2[aria-expanded=false] span.navbar-toggler-icon {
    transform: rotate(0deg);
  }
  .navbar-toggler.variant-2:focus {
    box-shadow: none;
  }
  .navbar-toggler-icon.variant-2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    margin-left: 4px;
  }
  .navbar-nav.variant-2 {
    display: flex;
    align-items: flex-start;
    padding: 18px 0 16px 0;
    height: 160px;
  }
  .navbar-nav.variant-2 > li:nth-child(1),
  .navbar-nav.variant-2 > li:nth-child(2),
  .navbar-nav.variant-2 > li:nth-child(3) {
    display: block;
    margin: 0 0 0.5rem 0;
  }
  .navbar-nav.variant-2 > li:nth-child(3),
  .navbar-nav.variant-2 > li:nth-child(4) {
    border: none;
    padding: 0;
  }
}
.navbar.navbar-expand-lg.variant-2 {
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137);
  background-color: #ffffff;
}

.pushable-content {
  min-height: 80vh;
  background-color: #F5F5F7;
  padding-top: 24px;
}

.pushable-content.v2 {
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .pushable-content {
    padding-top: 40px;
  }
}
@media (min-width: 991px) {
  .pushable-content {
    padding-top: 32px;
  }
}
.remove-project {
  color: #A23A3F;
  font-size: 1rem;
  text-decoration: none;
}

.remove-project-modal .modal-dialog .modal-content {
  background-color: #FFE6E2;
}

.remove-project-modal .modal-content {
  height: 425px;
  width: 450px;
}

.remove-project-modal .modal-header {
  border-bottom: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.remove-project-modal .modal-body {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  text-align: center;
}

.remove-project-modal .modal-header .fa-regular {
  font-size: 5.625rem;
  color: #A23A3F;
  padding-top: 35px;
}

.remove-project-modal .modal-body {
  background-image: url(../images/mobile-wave-pop-up.png);
  background-size: 120% 170%;
  background-repeat: no-repeat;
  background-position-y: -120px;
}

.remove-project-modal .modal-body h5 {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  padding-top: 4rem;
}

.btn.btn-primary.alert {
  background-color: #A23A3F;
  border-radius: 3px #A23A3F solid;
  margin-bottom: 0;
}

.btn.btn-primary.alert:hover {
  background-color: rgba(162, 58, 63, 0.6);
  border-radius: 3px rgba(162, 58, 63, 0.6) solid;
  margin-bottom: 0;
}

.remove-project-modal .btn.btn-outline-primary {
  height: 48px;
  margin-right: 8px;
  line-height: 18px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
  padding: 0;
  padding-top: 30px;
}

.containers-card {
  margin-left: 60px;
  padding-left: 0 !important;
}

.containers-card h3 {
  margin-top: 0;
  padding-top: 8px;
  font-family: "Inter", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 33px;
  color: #21409A;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .containers-card h3 {
    margin-top: 0;
    padding-top: 8px;
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 45px;
    color: #21409A;
  }
}
ul.timeline > li {
  padding: 0;
  padding-bottom: 80px;
  padding-left: 20px;
  position: relative;
}

.containers-card:before {
  content: " ";
  background: #9A9DAA;
  display: inline-block;
  position: absolute;
  left: 18px;
  width: 4px;
  height: 100%;
  z-index: 400;
  top: 12px;
}

li:last-of-type .containers-card:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 0%;
  z-index: 400;
}

ul.timeline > li:last-of-type.active .containers-card:before {
  content: "";
  background: #ffffff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #1F99E9;
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 500;
  top: 10px;
}

ul.timeline > li:last-of-type.completed .containers-card:before {
  content: "";
  background-color: #1F99E9;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #1F99E9;
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 500;
  top: 10px;
}

ul.timeline > li.active:before {
  content: "";
  background: #ffffff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #1F99E9;
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 500;
  top: 10px;
}

ul.timeline > li.completed:before {
  content: "";
  background-color: #1F99E9;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #1F99E9;
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 500;
  top: 10px;
}

ul.timeline > li:before {
  content: "";
  background-color: #9A9DAA;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #9A9DAA;
  left: 0px;
  width: 40px;
  height: 40px;
  z-index: 500;
  top: 10px;
}

ul.timeline > li span {
  position: absolute;
  z-index: 501;
  color: #ffffff;
  left: 16px;
  top: 18px;
  font-family: "Inter" sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
}

ul.timeline > li.active span {
  position: absolute;
  z-index: 501;
  color: #1F99E9;
  left: 16px;
  top: 18px;
  font-family: "Inter" sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
}

ul.timeline > li.completed span {
  position: absolute;
  z-index: 501;
  color: #ffffff;
  left: 14px;
  font-family: "Inter" sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
}

ul.timeline > li.completed .containers-card:before {
  content: " ";
  background: #1F99E9;
  display: inline-block;
  position: absolute;
  left: 18px;
  width: 4px;
  height: 100%;
  z-index: 400;
  top: 12px;
}

.details-card {
  margin-bottom: 0;
}

.v-steps-inner {
  position: absolute;
  left: -1px;
}

ul.timeline > li:first-of-type .v-steps-inner::before {
  content: "Start";
  position: relative;
  top: -30px;
  left: 2px;
  color: #9A9DAA;
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
}

ul.timeline > li:last-of-type .v-steps-inner::after {
  content: "End";
  position: relative;
  bottom: -60px;
  left: 2px;
  color: #9A9DAA;
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
}

ul.timeline > li:last-of-type.active .v-steps-inner::after {
  color: #0072BC;
}

ul.timeline > li:last-of-type.completed .v-steps-inner::after {
  color: #0072BC;
}

ul.timeline > li:first-of-type.active .v-steps-inner::before {
  color: #0072BC;
}

ul.timeline > li:first-of-type.completed .v-steps-inner::before {
  color: #0072BC;
}

@media (max-width: 767px) {
  .containers-card h3 {
    padding-left: 56px;
    padding-top: 12px;
    margin-bottom: 20px;
  }
  .containers-card {
    margin-left: 0;
    padding-right: 0 !important;
  }
  ul.timeline > li {
    padding-left: 0;
    padding-bottom: 20px;
  }
  ul.timeline > li:last-of-type {
    padding-left: 0;
    margin-top: 30px;
  }
  ul.timeline > li .containers-card:before {
    display: none;
  }
  ul.timeline > li.completed .containers-card:before {
    display: none;
  }
  ul.timeline > li.active .containers-card:before {
    display: none;
  }
  ul.timeline > li:first-of-type .v-steps-inner::before {
    color: #0072BC;
  }
  ul.timeline > li:last-of-type .v-steps-inner::after {
    bottom: 30px;
    color: #0072BC;
  }
  .timeline-card .card-body {
    padding: 32px;
  }
}
.timeline-card {
  border-radius: 12px;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137);
  border: none;
}

.timeline-card .card-body {
  padding: 40px;
}

@media (max-width: 991px) {
  .timeline-card .card-header {
    background: #E0F2FD;
    border-bottom: none;
    padding: 16px;
  }
}
.timeline-card .card-body .small-text {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #2E2F33;
  margin-bottom: 8px;
}

.timeline-card .card-body a.btn-primary {
  margin-top: 1.5rem !important;
}

@media (min-width: 991px) {
  .timeline-card .card-body {
    display: flex;
    align-items: center;
  }
  .timeline-card .card-body a.btn-primary {
    margin-left: auto;
  }
}
.timeline-card .card-header {
  background: #E0F2FD;
  border-bottom: none;
  padding: 16px 24px;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #064572;
  display: flex;
  align-items: center;
}

.timeline-card .card-header .fa-light {
  margin-right: 18px;
}

.timeline-card .card-header.success {
  background: #DEF2D6;
  color: #576B4F;
}

.timeline-card .card-header.success .alert-primary i, .timeline-card .card-header.success .fa-circle-info {
  color: #576B4F !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background: #9CADB9;
  color: #ffffff;
}

.stretched-link {
  text-decoration: none !important;
}

.get-involved.threes.appear,
.get-involved.fours.appear {
  border: none !important;
  background-color: none;
}

.get-involved.threes.appear:hover h5,
.get-involved.fours.appear:hover h5 {
  border: none !important;
  color: #000000;
}

.get-involved.threes.appear:hover img,
.get-involved.fours.appear:hover img {
  transform: scale(1);
}

.get-involved.threes.appear:hover .card-footer,
.get-involved.fours.appear:hover .card-footer {
  background-color: #CDE9FB;
}

.get-involved .card-footer a {
  bottom: 1rem;
  position: absolute;
}

.get-involved .card-text.icon {
  position: relative;
}

.trial.index {
  height: auto !important;
}

@media (min-width: 1400px) {
  .landing-section {
    z-index: 1002;
    position: relative;
  }
  .trial {
    bottom: -3rem;
  }
  .trial.index {
    bottom: 0;
  }
}
@media (min-width: 2200px) {
  .trial {
    height: 250px;
  }
}
.page-header img {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.soUL li {
  margin-right: 20px;
}

@media (max-width: 768px) {
  .soUL li {
    margin-right: 0px;
  }
}
.get-involved .img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.card-horizontal {
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (min-width: 568px) {
  .img-square-wrapper {
    min-width: 400px;
    overflow: hidden;
  }
  .img-square-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 100%;
  }
  .fade-in-text-group .badge.text-bg-secondary {
    display: inline-block !important;
    margin-bottom: 10px;
  }
}
.careers-overview-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

h5.card-title .stretched-link {
  color: #000000;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.second-variation .card {
  height: -moz-fit-content;
  height: fit-content;
}

.text-css {
  color: #d63384;
}

.search-form .input-group input {
  height: 54px;
}

@media (max-width: 1200px) {
  .mobile-menu-holder nav::-webkit-scrollbar {
    display: none;
  }
  .mobile-menu-holder nav {
    overflow-x: hidden;
    /* overflow-y: scroll;*/
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
}
.learn-link {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 0 !important;
  margin-top: 4px !important;
}

@media (max-width: 576px) {
  .learn-link {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
  }
}
.scrollspy-example.rounded-2 {
  margin-top: -40px;
  z-index: 1002;
}

.template-img-wrapper img {
  max-width: 720px;
  max-height: auto;
}

.template-img-wrapper.v3 img, .card-group.v6 {
  max-width: 900px;
}

.template-img-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1200px) {
  .template-img-wrapper img {
    max-width: 700px;
    max-height: auto;
  }
  .template-img-wrapper.v3 img, .card-group.v6 {
    max-width: 850px;
  }
}
@media (min-width: 992px) {
  .template-img-wrapper {
    margin: 1.5rem;
    margin-top: 0;
  }
  .template-img-wrapper.left-aligned-img {
    margin-left: 0;
    margin-top: 0;
  }
  .template-img-wrapper.right-aligned-img {
    margin-right: 0;
    margin-top: 0;
  }
}
.menu-information .gv5 a {
  padding-left: 0;
  color: #ffffff;
}

.mobile-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 3.2rem;
  bottom: 8rem;
  box-shadow: 0px 1px 4px 0px rgba(0, 39, 62, 0.4);
  background: #ECF0F2;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-decoration: none;
  font-size: 1.5rem;
  z-index: 3000;
}

.mobile-to-top a {
  color: #2E2F33 !important;
}

.page-content.page-content--content-page {
  /*height: 80%;
  top: 0;*/
  display: flex;
  justify-content: start;
  align-items: center;
  /*left: 1.5rem;*/
} /*
@media (max-width: 767px) {
.default-image .page-content.page-content--content-page {

  position: absolute;
}
}*/
.page-content.page-content--content-page p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 1200px) {
  main-header {
    z-index: 200;
  }
  .mobile-menu-wrapper {
    background: #ffffff;
    background-image: url(../images/new-mmenu-mobile-bg.png);
  }
  .general-mobile-menu {
    z-index: 200;
    position: relative;
    background-color: transparent !important;
    background-image: none !important;
    padding-top: 0;
  }
  .sub-menu-slide.open {
    background: #ffffff;
    background-image: url(../images/new-mmenu-mobile-bg.png);
    height: 100px;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .mobile-menu-holder ul {
    /*min-height: 800px;*/
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .mobile-menu-holder::-webkit-scrollbar {
    display: none;
  }
  .mobile-menu-holder {
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
}
.offcanvas-body {
  background-image: url(../images/new-mmenu-mobile-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-item .card-link {
  font-size: 0.875rem !important;
}

@media (max-width: 1200px) {
  .mobile-menu-holder {
    height: initial;
  }
}
.custom-text-wrapper {
  position: relative;
  top: 1rem;
  left: 0;
  bottom: 0;
  right: 0;
  height: 150px;
}

@media only screen and (max-width: 568px) {
  .custom-text-wrapper {
    text-align: center;
    top: -4rem;
  }
}
@media (max-width: 991.98px) {
  .offcanvas,
  .offcanvas-backdrop {
    top: 0px !important;
  }
}
.mmenu-link {
  font-family: "inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #2E2F33;
  display: block;
  padding: 1rem;
  padding-left: 0;
  text-decoration: none;
}
@media (max-width: 991px) {
  .mmenu-link {
    padding-right: 0;
  }
}

.offcanvas .hr {
  border: 1px solid #A4A7B3;
}

.offcanvas .card-body {
  min-height: 108px;
}

.offcanvas .card-body.variant-2 {
  max-height: 180px;
}

@media (max-width: 768px) {
  .offcanvas .card-body.variant-2 {
    max-height: 200px;
    text-align: center;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
.offcanvas .back-menus {
  background: #0072BC;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.offcanvas .back-menus .mmenu-link {
  color: #ffffff;
  font-family: "inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 24px;
  padding-left: 1.5rem;
}

.offcanvas .back-menus .mmenu-link .fa-regular, .offcanvas.showing .back-menus .mmenu-link i {
  visibility: hidden;
  opacity: none;
  display: none;
}

.offcanvas.show .back-menus .mmenu-link .fa-regular {
  visibility: visible;
  opacity: 1;
  display: initial;
}

.offcanvas .offcanvas-body.secondary .mmenu-link {
  font-weight: 400;
}

.offcanvas .title {
  border: 0;
  border-radius: 0;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  color: #ffffff;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
}

.offcanvas .title h5 {
  margin-bottom: 0;
  font-family: "inter", sans-serif;
  font-size: 1.25rem !important;
  font-weight: 700;
  line-height: 24px;
}

.offcanvas .title a {
  font-family: "inter", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
}

.offcanvas .title a .fas {
  font-family: "inter", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
}

.offcanvas .sec-link {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.offcanvas-header .btn-close {
  color: #0072BC;
}

@media (min-width: 1201px) {
  .offcanvas.show {
    display: none;
  }
  .offcanvas-backdrop.show {
    opacity: 0;
  }
}
.card-link.link-bottom {
  position: absolute;
  bottom: 2rem;
}

.fade-in.from-bottom.appear {
  transform: translateY(0%);
  transition: transform 600ms cubic-bezier(0.55, 0.15, 0.55, 1);
}

.fader-in.from-bottom.appear {
  transform: translateY(0%);
  transition: transform 600ms cubic-bezier(0.55, 0.15, 0.55, 1);
}

.carousel-control-next,
.carousel-control-prev {
  background-color: #D9D9D9;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  color: #000000;
}

.carousel-control-next:active,
.carousel-control-prev:active {
  color: #000000;
}

.carousel-control-next:focus,
.carousel-control-prev:focus {
  color: #000000;
}

.carousel-control-next .fa-solid,
.carousel-control-prev .fa-solid {
  padding: 0;
}

.carousel-gallery .carousel-inner {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

@media (max-width: 991px) {
  .carousel-gallery .carousel-inner {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .carousel-control-next,
  .carousel-control-prev {
    top: 30%;
  }
}
.carousel-gallery .carousel-caption.gallery-text {
  background: rgba(255, 255, 255, 0.7) !important;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 9px 0;
  height: -moz-fit-content;
  height: fit-content;
  top: 90%;
  position: absolute;
  display: block;
  max-width: 100%;
}

.carousel-gallery .carousel-caption h5 {
  font-family: "Inter", sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  margin-bottom: 0;
}

.carousel-gallery .carousel-caption p {
  font-family: "Inter", sans-serif;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  margin-bottom: 0;
}

.carousel-gallery .carousel-caption {
  bottom: 0 !important;
  top: initial !important;
}

.carousel-gallery .carousel-inner {
  background: #292A2D;
}

.next-prev-holder {
  position: absolute;
  top: 40%;
  transform: TranslateY(-50%);
  width: 100%;
  z-index: 1030;
}

@media (min-width: 991px) {
  .carousel-gallery .carousel-control-prev {
    position: absolute;
    right: auto;
    left: 0px;
  }
  .carousel-gallery .carousel-control-next {
    position: absolute;
    left: auto;
    right: 0px;
  }
}
@media (max-width: 568px) {
  .carousel-gallery .carousel-control-prev {
    left: -10px;
  }
  .carousel-gallery .carousel-control-next {
    right: -10px;
  }
}
@media (max-width: 991px) {
  .carousel-gallery .carousel-control-prev {
    left: 1px;
  }
  .carousel-gallery .carousel-control-next {
    right: 1px;
  }
}
@media (max-width: 567px) {
  .next-prev-holder {
    top: 23%;
  }
}
@media (min-width: 568px) {
  .next-prev-holder {
    top: 27%;
  }
}
@media (min-width: 1200px) {
  .next-prev-holder {
    top: 28%;
  }
}
@media (min-width: 1400px) {
  .next-prev-holder {
    top: 30%;
  }
}
@media (min-width: 1600px) {
  .next-prev-holder {
    top: 33%;
  }
}
@media (min-width: 1800px) {
  .next-prev-holder {
    top: 35%;
  }
}
@media (min-width: 2000px) {
  .next-prev-holder {
    top: 38%;
  }
}
@media (min-width: 991px) {
  .carousel-gallery .carousel-item img {
    height: initial;
  }
}
.carousel-gallery .carousel-indicators a.active {
  border: 5px solid rgb(181, 181, 181);
}

.carousel-gallery .carousel-indicators a {
  min-width: 130px;
  min-height: 72px;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.carousel-gallery {
  overflow: hidden;
}

.carousel-gallery .carousel-indicators {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgba(205, 205, 205, 0.2);
  margin-left: 0;
  margin-right: 0;
  min-width: 100px;
  overflow-x: scroll;
  display: flex;
  justify-content: flex-start;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  position: relative;
  top: 1rem;
  align-items: center;
  background: #454648;
}

.carousel-gallery .carousel-indicators::-webkit-scrollbar {
  display: none;
}

.carousel-gallery .carousel-indicators img {
  width: 100%;
  height: 100%;
}

.carousel-gallery .carousel-item-inner {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}

.carousel-gallery .carousel-item img {
  /*position: absolute;*/
  left: 0;
  /* position: absolute; */
  right: 0;
  top: 0;
  bottom: 0;
  /* object-fit: contain; */
  /*height: 100%;*/
}

.gallery-modal {
  text-align: center;
}

.gallery-modal .modal-dialog {
  display: inline-block;
  vertical-align: middle;
  height: 738px;
  min-width: 900px;
  max-width: 900px;
  background-color: #292A2D;
  border-radius: 16px;
}

@media (max-width: 991px) {
  .gallery-modal .modal-dialog {
    min-width: 700px;
    max-width: 700px;
    height: 648px;
  }
}
@media (max-width: 768px) {
  .gallery-modal .modal-dialog {
    min-width: 500px;
    max-width: 500px;
    min-height: 300px !important;
    height: 300px !important;
  }
  .carousel-gallery .carousel-indicators {
    display: none;
  }
}
@media (max-width: 570px) {
  .gallery-modal .modal-dialog {
    min-width: 300px;
    max-width: 500px;
    min-height: 300px !important;
    height: 300px !important;
  }
}
.gallery-modal .modal-content {
  height: 100%;
  background: #292A2D;
}

.carousel-gallery {
  border-radius: 12px;
}

.gallery-modal .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.carousel-gallery.carousel-fade .carousel-item {
  border-radius: 12px !important;
}

.carousel-control-next,
.carousel-control-prev {
  background-color: #D9D9D9;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  color: #000000;
}

.carousel-control-next:active,
.carousel-control-prev:active {
  color: #000000;
}

.carousel-control-next:focus,
.carousel-control-prev:focus {
  color: #000000;
}

.carousel-control-next .fa-solid,
.carousel-control-prev .fa-solid {
  padding: 0;
}

.gallery-modal .modal-header {
  color: #ffffff;
  justify-content: start;
}

.gallery-modal .modal-header .fa-regular,
.gallery-modal .modal-header .fa-solid {
  color: #ffffff;
}

.gallery-modal .modal-header .button {
  border: none;
}

.gallery-modal .modal-header .button:hover .fa-regular,
.gallery-modal .modal-header .button:hover .fa-solid {
  color: rgba(255, 255, 255, 0.8);
}

.gallery-modal .modal-header .button:first-of-type {
  margin-left: auto;
}

.gallery-modal .modal-title {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
}

.carousel-gallery .carousel-inner {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

@media (max-width: 991px) {
  .carousel-gallery .carousel-inner {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .carousel-control-next,
  .carousel-control-prev {
    top: 30%;
  }
}
.carousel-gallery .carousel-caption.gallery-text {
  background: rgba(255, 255, 255, 0.7) !important;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 9px 0;
  height: -moz-fit-content;
  height: fit-content;
  top: 90%;
  position: absolute;
  display: block;
}

.carousel-gallery .carousel-caption h5 {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 4px;
}

.carousel-gallery .carousel-caption p {
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.carousel-gallery .carousel-caption {
  bottom: 0 !important;
  top: initial !important;
}

.carousel-gallery .carousel-inner {
  background: #292A2D;
}

.next-prev-holder {
  position: absolute;
  top: 40%;
  transform: TranslateY(-50%);
  width: 100%;
  z-index: 1030;
}

@media (min-width: 991px) {
  .carousel-gallery .carousel-control-prev {
    position: absolute;
    right: auto;
    left: 0px;
  }
  .carousel-gallery .carousel-control-next {
    position: absolute;
    left: auto;
    right: 0px;
  }
}
@media (max-width: 568px) {
  .carousel-gallery .carousel-control-prev {
    left: -10px;
  }
  .carousel-gallery .carousel-control-next {
    right: -10px;
  }
}
@media (max-width: 991px) {
  .carousel-gallery .carousel-control-prev {
    left: 1px;
  }
  .carousel-gallery .carousel-control-next {
    right: 1px;
  }
}
@media (max-width: 567px) {
  .next-prev-holder {
    top: 23%;
  }
}
@media (min-width: 568px) {
  .next-prev-holder {
    top: 27%;
  }
}
@media (min-width: 1200px) {
  .next-prev-holder {
    top: 28%;
  }
}
@media (min-width: 1400px) {
  .next-prev-holder {
    top: 30%;
  }
}
@media (min-width: 1600px) {
  .next-prev-holder {
    top: 33%;
  }
}
@media (min-width: 1800px) {
  .next-prev-holder {
    top: 35%;
  }
}
@media (min-width: 2000px) {
  .next-prev-holder {
    top: 38%;
  }
}
@media (min-width: 991px) {
  .carousel-gallery .carousel-item img {
    height: initial;
  }
}
.modal-gallery-wrapper {
  height: 100%;
}

.carousel.carousel-gallery {
  max-height: 100%;
  height: 100%;
}

.carousel-gallery .carousel-indicators {
  margin-top: 2px;
  position: initial;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.carousel-gallery .carousel-caption.gallery-text {
  position: initial;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background: transparent !important;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.gv-noevent {
  grid-area: 1/1/4/3 !important;
  background-color: #CDE9FB !important;
}

.no-event-card-title {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 45px;
  color: #2E2F33;
  text-align: center;
}

.gv-noevent .card-img-overlay .card-text {
  color: #4D4F55;
  margin-top: 16px;
  margin-bottom: 0;
  text-align: center;
}

.gv-noevent .card-body-bottom {
  margin-top: 44px !important;
}

.noeventcalendar {
  width: 60%;
  margin-top: 56px;
  margin-left: 22%;
}

.card.get-involved.gv-noevent .card-img {
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.get-involved-group .gv-noevent .stretched-link {
  height: 100%;
}

.card.get-involved.gv-noevent:hover img {
  transform: scale(1) !important;
}

@media (min-width: 1201px) {
  .get-involved-group.no-event-getinv .get-involved.fours.gv4 .card-footer img {
    max-width: 40%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 1200px) {
  .get-involved-group.no-event-getinv .get-involved.fours.gv4 .card-footer img {
    max-width: 30%;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .get-involved-group.no-event-getinv {
    grid-template-rows: 550px 150px;
    height: 760px;
  }
  .gv-noevent {
    grid-area: 1/1/2/4 !important;
  }
  .get-involved-group.no-event-getinv .gv3 {
    grid-area: 2/1/3/2;
    height: 180px;
  }
  .get-involved-group.no-event-getinv .gv4 {
    grid-area: 2/2/3/4;
    height: 180px;
  }
  .noeventcalendar {
    margin-top: 96px;
    margin-left: 21%;
  }
}
@media (max-width: 767px) {
  .noeventcalendar {
    margin-top: 20px;
  }
  .gv-noevent .card-body-bottom {
    margin-top: 10px !important;
  }
  .no-event-card-title {
    font-size: 1.375rem;
    line-height: 33px;
  }
  .gv-noevent .card-img-overlay .card-text {
    font-size: 1rem;
    line-height: 24px;
  }
  .get-involved-group.no-event-getinv {
    grid-template-rows: 512px 180px;
    height: 760px;
  }
  .get-involved-group.no-event-getinv .get-involved.threes.gv3 .card-footer img {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .gv-noevent {
    min-height: 350px;
  }
  .card.get-involved.gv-noevent .card-img {
    position: absolute;
    top: 0;
  }
  .no-event-card-title {
    margin-top: 8px !important;
    font-size: 1.125rem;
  }
  .get-involved-group.no-event-getinv {
    grid-template-rows: 512px 180px 180px;
    height: auto;
  }
  .get-involved-group.no-event-getinv .gv3 {
    grid-area: 2/1/3/4;
    height: 180px;
  }
  .get-involved-group.no-event-getinv .gv4 {
    grid-area: 3/1/4/4;
    height: 180px;
    margin-top: 0 !important;
  }
}
.offcanvas .card-body {
  min-height: 108px;
  max-height: 130px;
}

.offcanvas .card-body.search-container.sc-2 {
  min-height: 108px;
  max-height: 108px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.offcanvas .card-body {
  opacity: 0;
}

.offcanvas.show .card-body {
  opacity: 1;
}

.offcanvas .card-body.title {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.alert-dismissible .btn-close {
  padding: 1.25rem 1rem;
  position: absolute;
  right: 2rem;
  top: 7px;
  z-index: 2;
}

.fourbythree_container .card-text {
  font-weight: 400;
}

.fourbythree_container {
  gap: 1rem;
  display: flex;
  justify-content: start;
  width: 100%;
  flex-wrap: wrap;
}

.fourbythree_container .card {
  border-radius: 12px;
  width: 24rem;
  overflow: hidden;
  border: none;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.16) !important;
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .fourbythree_container {
    width: 576px;
  }
}
@media screen and (max-width: 1023px) {
  .fourbythree_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/*
@media (min-width: 768px) {
  .fourbythree_container {
    width: 768px;
  }
}*/
@media (min-width: 800px) {
  .fourbythree_container {
    width: 560px;
  }
  .fourbythree_container .card {
    margin-bottom: 5px;
  }
}
@media (min-width: 860px) {
  .fourbythree_container {
    width: 850px;
  }
}
@media (min-width: 901px) {
  .fourbythree_container {
    width: 770px;
  }
}
@media (min-width: 950px) {
  .fourbythree_container {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .fourbythree_container {
    width: 900px;
  }
}
@media (min-width: 1000px) {
  .fourbythree_container {
    width: 900px;
  }
}
@media (min-width: 1100px) {
  .fourbythree_container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .fourbythree_container {
    width: 1185px;
  }
}
.fourbythree_container .card:hover {
  cursor: pointer;
  background: #EEF6FA;
}

.fourbythree_container .card:hover .card-link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0072bc;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  transform: scaleX(1);
  transform-origin: bottom left;
}

.fourbythree_container .card .card-text.icon {
  position: relative;
  bottom: auto;
}

.fourbythree_container .card .card-footer {
  cursor: pointer;
  background: transparent;
}

@media (max-width: 1200px) {
  .fourbythree_container .card {
    width: 18rem;
  }
}
@media (max-width: 991px) {
  .fourbythree_container .card {
    width: 15rem;
  }
}
@media (max-width: 800px) {
  .fourbythree_container {
    gap: 1rem;
    display: block;
    justify-content: center;
  }
  .fourbythree_container .card {
    margin-left: auto;
    margin-right: auto;
  }
  .fourbythree_container .card {
    width: 24rem;
  }
}
@media (max-width: 568px) {
  .fourbythree_container .card {
    width: 20rem;
  }
}
@media (max-width: 900px) {
  .fourbythree_container .card {
    width: 17rem;
  }
}
.fourbythree_container .stretched-link .card-body {
  color: #000000;
}

.fourbythree_container .stretched-link .card-link {
  position: absolute;
  bottom: 1.5rem;
}

.card-wrapper-topic .card.get-involved .img-wrapper {
  height: 200px;
}

.card-wrapper-topic .card.get-involved {
  height: calc(100% - 2rem);
  position: relative;
}

@media (min-width: 768px) {
  .card-wrapper-topic .card.get-involved {
    height: calc(100% - 2rem);
    position: relative;
    min-height: 520px;
    max-height: 520px;
  }
}
.card-wrapper-topic .card.get-involved .card-link {
  position: absolute;
  bottom: 2rem;
}

.card .card.get-involved.appear .card-footer {
  position: relative;
  margin-top: 4rem;
}

@media (max-width: 991px) {
  .card .card.get-involved .card-footer {
    position: relative;
    margin-top: 2rem;
  }
}
@media (max-width: 568px) {
  .custom-text-wrapper {
    height: 150px;
  }
}
@media (max-width: 800px) {
  .card.horizontal {
    width: 24rem;
    margin-left: auto;
    margin-right: auto;
  }
  .card-hori-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.professionals-header {
  display: flex;
}

.login-card {
  position: absolute;
  top: 20rem;
  z-index: 1010;
  height: auto;
  width: 90%;
}

.page-header-variant-2 {
  overflow: visible;
}

@media (max-width: 767px) {
  .commonly-used-services.variant-2 {
    padding-top: 15rem;
  }
  /*
  .login-card-wrapper {
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }*/
  .login-card-wrapper {
    display: block;
    position: absolute;
    width: 100%;
    top: 2rem;
  }
  .login-card {
    left: 2rem;
  }
}
@media (max-width: 568px) {
  .commonly-used-services.variant-2 {
    padding-top: 10rem;
  }
}
@media (min-width: 768px) {
  .commonly-used-services.variant-2 {
    padding-top: 0;
  }
  .login-card {
    position: absolute;
    top: 2rem;
    z-index: 1010;
    height: auto;
    max-width: 300px;
    right: 2rem;
  }
  .page-content--content-page {
    width: 90%;
    top: 2rem;
  }
  .page-content--content-page.v5 {
    width: 100%;
    top: 2rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 991px) {
  .commonly-used-services.variant-2 {
    padding-top: 0;
  }
  .login-card {
    position: absolute;
    top: 2rem;
    z-index: 1010;
    height: auto;
    width: 100%;
    max-width: 470px;
    right: 2rem;
  }
  .page-content--content-page {
    width: 90%;
    top: 2rem;
  }
  .page-content--content-page.v5 {
    width: 100%;
    top: 2rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 1200px) {
  .page-content--content-page.v5 {
    margin-bottom: 12rem;
  }
}
.page-content.page-content--content-page.v5 {
  height: -moz-fit-content;
  height: fit-content;
  position: initial;
}

@media (max-width: 568px) {
  .professionals-header {
    display: block;
  }
}
.template-img-wrapper.onemaps {
  border-radius: 0;
  width: 700px;
}

.template-img-wrapper.onemaps iframe {
  width: 100%;
  /* height: 450px; */
  /* position: absolute; */
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

@media (max-width: 1200px) {
  .template-img-wrapper.onemaps {
    border-radius: 0;
    width: 650px;
  }
}
@media (max-width: 1100px) {
  .template-img-wrapper.onemaps {
    border-radius: 0;
    width: 600px;
  }
}
@media (max-width: 576px) {
  .fade-in .card .card-body .card-text.variant-3 p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4D4F55;
    max-width: 100%;
    text-align: left;
  }
  .img-group.group-one {
    margin-right: 1rem;
  }
  .fade-in .card .card-body .card-title {
    text-align: left;
  }
}
@media (max-width: 568px) {
  .fade-in .card {
    width: 100%;
  }
  .fade-in .card {
    height: 200px;
  }
}
.text-grey {
  color: #4D4F55;
}

@media (min-width: 577px) {
  .container-fluid.commonly-used-services {
    width: 510px;
  }
  .fade-in .card {
    width: 220px;
    height: 220px;
  }
  .fade-in .card .inner-wrapping {
    position: relative;
    top: 0;
  }
  .fade-in-text-group.variant-3 {
    align-items: initial;
  }
  .img-group {
    margin-bottom: 10px;
  }
}
@media (min-width: 700px) {
  .container-fluid.commonly-used-services {
    width: 530px;
  }
  .fade-in .card {
    width: 230px;
    height: 230px;
  }
}
@media (min-width: 800px) {
  .container-fluid.commonly-used-services {
    width: 570px;
  }
  .fade-in .card {
    width: 250px;
    height: 250px;
  }
  .img-group {
    margin-bottom: 1rem;
  }
}
@media (min-width: 991px) {
  .container-fluid.commonly-used-services {
    width: 570px;
  }
}
@media (min-width: 1200px) {
  .container-fluid.commonly-used-services {
    width: 840px;
  }
}
.fourbythree_container .card:hover h5.card-title {
  color: #0072BC;
}

fader-in.from-bottom {
  transform: translateY(15%);
  transition: transform 600ms cubic-bezier(0.55, 0.15, 0.55, 1);
}

.nav-cat-link {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 32px;
}

.nav-hyperlink {
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
}

.lg-inline-btn {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
  padding: 0;
}

.md-inline-btn {
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  padding: 0;
}

.sm-inline-btn {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 21px;
}

.lg-inline-btn,
.md-inline-btn,
.sm-inline-btn {
  color: #0072BC;
  border: none;
  background: none;
}

.lg-btn,
.lg-btn2,
.responsive-btn,
.responsive-btn2 {
  color: #0072BC;
  border: 3px solid #0072BC;
  border-radius: 40px;
  padding: 12px 24px;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
}

.lg-btn2,
.responsive-btn2 {
  color: #FFFFFF;
  background-color: #0072BC;
  margin-left: 12px;
}

.md-btn,
.md-btn2 {
  border-radius: 40px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 24px;
  padding: 8px 24px;
}

.md-btn {
  color: #0072BC;
  background: none;
  border: 1.5px solid #CDCED5;
}

.md-btn2 {
  color: #FFFFFF;
  background-color: #0072BC;
  border: #0072BC;
  margin-left: 12px;
}

td {
  vertical-align: middle;
}

@media (max-width: 1200px) {
  .responsive-btn,
  .responsive-btn2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 24px;
  }
}
@media (max-width: 768px) {
  .responsive-btn,
  .responsive-btn2 {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 21px;
    padding: 8px 24px;
  }
}
.gv-noevent .card-body-bottom {
  position: relative;
}

body {
  padding-top: 94px !important;
}

@media (min-width: 1201px) {
  body {
    padding-top: 130px !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: flex !important;
  }
  .col-xl-12 {
    width: 75%;
  }
}
@media (min-width: 1201px) {
  .d-xl-none {
    display: none !important;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.offcanvas-body {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5rem;
  padding-top: 0;
}

.template-img-wrappers.variant-4 {
  max-width: 650px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  overflow: hidden;
}

.template-img-wrappers.variant-4 img {
  width: 100%;
}

.kebab-menu {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #006BAF;
}

.kebab-menu .btn:focus {
  box-shadow: none;
}

.kebab-menu .dropdown-toggle::after {
  display: none !important;
}

.kebab-menu:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  background-color: #E9F4F8;
}

.kebab-menu .dropdown-item {
  color: #0072BC;
}

.kebab-menu .dropdown-item.delete {
  color: #9A170D;
}

.kebab-menu .dropdown-menu {
  padding: 8px;
}

.card-wrapper-topic.variant-5 {
  overflow: scroll;
  align-items: initial;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.card-wrapper-topic.variant-5::-webkit-scrollbar {
  display: none;
}

.BPP-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}

.BPP-dropdown .fa-regular {
  margin-left: 12px;
  color: #0072BC !important;
  font-size: 1.2rem;
  transition: 0.3s;
}

.BPP-dropdown .nav-link.dropdown-toggle::after {
  display: none;
}

.BPP-dropdown:hover .dropdown-menu {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  gap: 8px;
  border-radius: 12px;
  overflow: hidden;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.BPP-dropdown .dropdown-menu {
  display: none;
}

.BPP-dropdown:hover .nav-link.dropdown-toggle .fa-regular {
  transform: rotate(180deg);
}

.BPP-dropdown .dropdown-menu li {
  width: 100%;
}

.BPP-dropdown .dropdown-menu li a {
  line-height: 24px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #0072BC;
  font-weight: 700;
}

@-moz-document url-prefix() {
  @media only screen and (max-width: 568px) {
    .custom-text-wrapper {
      text-align: center;
      top: -2.5rem;
    }
  }
}
@supports (-webkit-touch-callout: none) {
  @media only screen and (max-width: 568px) {
    .custom-text-wrapper {
      text-align: center;
      top: -2.5rem;
    }
  }
}
@media only screen and (max-width: 568px) {
  .custom-text-wrapper_::-webkit-full-page-media, .custom-text-wrapper_:future, :root .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    @media only screen and (max-width: 568px) {
      .custom-text-wrapper {
        text-align: center;
        top: -2.5rem;
      }
    }
  }
}
@media only screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (max-width: 568px) {
  .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    @media only screen and (max-width: 568px) {
      .custom-text-wrapper {
        text-align: center;
        top: -2.5rem;
      }
    }
  }
}
@media only screen and (width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
/* 2688x1242px at 458ppi */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
/* 2436x1125px at 458ppi */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
/* 1792x828px at 326ppi */ /*
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2) { 
  .custom-text-wrapper { 

    text-align: center;
    top: -2.5rem;

  }
}*/
/*@media only screen and (max-width: 991px) and (-webkit-device-pixel-ratio: 2) { 
  .custom-text-wrapper { 

    text-align: center;
    top: -2.5rem;

  }

 }*/
@media only screen and (max-width: 991px) and (-webkit-device-pixel-ratio: 3) {
  .custom-text-wrapper {
    text-align: center;
    top: -2.5rem;
  }
}
/*@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) { 
  .custom-text-wrapper { 

    text-align: center;
    top: -2.5rem;

  }

 }*/
.offcanvas.show {
  visibility: visible;
}

.profile-navbar.BPP {
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  border-radius: 0;
}

.profile-navbar.BPP p {
  margin: 0;
}

.profile-navbar.BPP .right-action-header-profile-img {
  display: flex;
  align-items: center;
}

.btn-close:focus {
  box-shadow: none;
}

.CSModal {
  max-width: 888px;
}

.CSModal .modal-body {
  padding: 0;
  width: 100% !important;
  min-height: 400px !important;
}

.CSModal select {
  height: 40px;
}

.CSModal .form-check {
  padding-left: 0;
}

.CSModal .left-side {
  background: url(../images/modal-side-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 30%;
  min-height: 100%;
}

.CSModal .right-side {
  width: 70%;
  height: 100%;
}

.CSModal .left-side .content-area,
.CSModal .right-side {
  padding: 1.25rem;
  position: relative;
}

.CSModal .right-side .img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CSModal .right-side .img-wrapper img {
  width: 200px;
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.CSModal h5 {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #2E2F33;
  margin-bottom: 0;
}

.CSModal h4 {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
}

.CSModal p {
  font-family: "Inter", sans-serif;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 21px;
  color: #2E2F33;
  margin: 0 !important;
}

.CSModal p.variant-2 {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 21px;
  color: #2E2F33;
  margin: 0 !important;
}

@media screen and (min-width: 769px) {
  .CSModal .modal-body {
    display: flex;
  }
}
.right-side .group-item {
  display: none;
}

.selection-modal-sub-header {
  display: flex !important;
  align-items: center;
  border-bottom: 1px solid #DDDDDE;
  padding-bottom: 1rem;
}

#Ozero {
  padding-bottom: 4rem;
}

.md-btn2.disabled,
.md-btn2:disabled {
  background: #9CADB9;
  border: 3px solid #9CADB9 !important;
}

.CSModal .modal-footer {
  box-shadow: 0px -2px 8px 0px rgba(165, 165, 165, 0.0784313725);
  border: none;
}

.radio-card {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  /*box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.16);*/
  box-shadow: 0px 10px 12px -3px rgba(165, 165, 165, 0.16);
  margin-top: 1rem;
  padding: 16px 24px;
}

.radio-card .img-wrappers {
  min-width: 48px;
  max-width: 48px;
  margin-right: 1rem;
}

.radio-card img {
  width: 100%;
}

.radio-card-container {
  height: 420px;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.radio-card-container::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 568px) {
  .radio-card .img-wrappers {
    display: none;
  }
}
.radio-card .small-text {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  color: #4D4F55;
}

.radio-card .card-title {
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  color: #0072BC;
}

.radio-card .card-description {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #9A9DAA;
}

@media screen and (max-width: 991px) {
  .CSModal {
    max-width: 688px;
  }
}
@media screen and (max-width: 768px) {
  .CSModal {
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .CSModal .modal-body {
    display: initial;
  }
  .CSModal .right-side {
    width: 100%;
  }
  .CSModal .left-side {
    width: 100%;
  }
  .CSModal .left-side .form-label {
    display: block;
  }
  .CSModal .left-side .form-check:first-of-type {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .CSModal .retrieve-modal-content .modal-body {
    padding-top: 0;
  }
  .CSModal .left-side .content-area {
    background-image: url("../images/create-submissions-bg.png");
    background-repeat: none;
    background-size: cover;
    height: 100%;
  }
}
@media screen and (max-width: 430px) {
  .CSModal .modal-footer {
    display: grid;
    gap: 1rem;
    justify-content: left;
  }
}
select,
option.selected {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.res-img-group {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 991px) {
  .responsive-fixed-image {
    width: 100%;
    display: block;
  }
  .res-img-group {
    margin-bottom: 1rem;
  }
}
.page-loader-wrapper {
  position: absolute;
  z-index: 9999;
  height: 100%;
  width: 100%;
  background: #EFF6F9;
  top: 0;
}

.page-loader {
  height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-loader img {
  width: 100%;
}

.page-loader-inner {
  text-align: center;
  display: grid;
  gap: 4rem;
  max-width: 400px;
}

.bar-loader {
  width: 100%;
  height: 8px;
  background-color: #EFF6F9;
  border-radius: 4px;
  overflow: hidden;
}

.bar-loader::after {
  width: 100%;
  background: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  display: block;
  content: "";
  height: 8px;
  animation: left-to-right 4s ease-in-out;
}

@keyframes left-to-right {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .page-loader-inner {
    max-width: 300px;
  }
}
.page-loader-wrapper.visible {
  display: block;
}

.page-loader-wrapper {
  display: none;
}

.hello-world {
  padding: 1rem;
}
.hello-world div {
  padding: 1rem;
}

.grouped-input {
  display: flex;
}

.spanDivide {
  display: flex;
  justify-content: center;
  padding-top: 4rem;
  position: relative;
  height: 100%;
}

.spanDivide2 {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  position: relative;
  height: 100%;
}

.first-input {
  margin-right: 4px;
}

@media (max-width: 767px) {
  .hero-banners.default-image .hero-banner {
    min-height: 300px;
  }
  .hero-banners.default-image .hero-banner img {
    display: none;
  } /*
  .hero-banners.default-image  .page-content--content-page {
    padding-top: 12rem;
}*/
}
@media (max-width: 568px) {
  .hero-banners.default-image .page-content--content-page {
    padding-top: 1rem;
  }
}
.modal-content.heavy .modal-body .content-inner {
  max-height: 400px;
  overflow-y: scroll;
  padding-bottom: 0;
  background-color: #ffffff;
  overflow-y: overlay;
  padding-right: 1rem;
}

.modal-content.heavy .modal-body .content-inner::-webkit-scrollbar {
  width: 10px;
}

.modal-content.heavy .modal-body .content-inner::-webkit-scrollbar-track {
  background-color: lightgrey;
  border-left: 4px solid white;
  border-right: 4px solid white;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: lightgrey;
}

@supports not (-webkit-overflow-scrolling: touch) {
  @media (max-width: 568px) {
    .carousel-caption {
      top: 4rem;
    }
  }
}
.gallery-modal .button {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .page-title-container {
    padding: 0 !important;
  }
}
.search-bar-header .page-title-container {
  position: absolute;
  top: 0;
}

.mm-padding .row .col.py-4 {
  padding-left: 0;
}

.trial.grey-lp, .trial.white-lp {
  width: 100vw;
}

a:focus-visible {
  outline: none;
}

.btn.dropdown-toggle.show {
  border: none;
}

main.swm {
  background-color: #F5F5F7;
}

.table-striped.table-hover tbody tr:hover {
  background: #1F99E9;
}
.table-striped.table-hover tbody tr:hover td {
  color: #ffffff !important;
}
.table-striped.table-hover tbody tr:hover .kebab-menu:hover .delete {
  color: #9A170D;
}

.kebab-menu .dropdown-menu {
  position: absolute;
  right: 2.5rem;
}

.kebab-menu:hover .dropdown-menu {
  display: block !important;
}

@media (max-width: 767px) {
  .left-dpdown {
    width: 30%;
    margin-bottom: 24px;
  }
  .right-input {
    right: 70%;
    margin-bottom: 24px;
  }
}
.projTitle .form-control {
  min-height: 240px;
}

.projTitle .character-limit {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: #9A9DAA;
  font-size: 1rem;
  font-weight: 400;
}

.projTitle .form-label {
  width: 100%;
}

.MEDC {
  cursor: url("../images/water-cursor-2.png"), auto;
}

.file-upload-img-wrapper {
  max-height: 300px;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .file-upload-img-wrapper {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.file-upload-img-wrapper img {
  width: 100%;
}

.form-sub-text h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: #21409A;
  margin: 0;
  margin-bottom: 8px;
}
@media (max-width: 568px) {
  .form-sub-text h3 {
    margin-bottom: 1rem;
  }
}

.file-upload-text h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: #21409A;
  margin: 0;
  margin-bottom: 8px;
}
@media (max-width: 568px) {
  .file-upload-text h3 {
    margin-bottom: 1rem;
  }
}
.file-upload-text h4 {
  font-size: 1rem;
}

.sidebar-inner .sidebar-item {
  display: flex;
}

.sidebar-inner .sidebar-item a {
  margin-left: auto;
  color: #000000;
}

.sidebar-inner {
  width: 400px;
  margin: 24px;
  margin-left: 32px;
  gap: 1rem;
  display: grid;
}

@media (max-width: 1200px) {
  .sidebar-inner {
    width: 300px;
  }
}
.sidebar {
  padding: 0;
}

@media (max-width: 767px) {
  .sidebar {
    position: absolute;
    z-index: 3;
    background-color: #ffffff;
    height: 100%;
  }
}
.submission-card {
  border: 1px solid #EEF6FA;
  border-radius: 12px;
  filter: none;
}

.submission-card .submission-header {
  border-bottom: 0;
  background-color: #EEF6FA;
}

.submission-card .submission-header {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  padding: 16px 24px;
  color: #21409A;
}

.submission-card .submission-body {
  padding: 1rem;
  display: grid;
  gap: 10px;
}

.submission-item {
  display: flex;
  width: 100%;
  align-items: center;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  padding: 8px 16px;
  transition: 0.3s ease-in-out;
  position: relative;
  background: #ffffff;
}

.submission-item:hover {
  background: #EEF6FA;
  border: 1px solid #EEF6FA;
}

.submission-item div {
  display: flex;
  flex-direction: column;
}

.submission-item p {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #0072BC;
  margin-bottom: 0;
  margin-top: 0 !important;
}

.submission-item span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #4D4F55;
}

.submission-item a {
  margin-left: auto;
  color: #0072BC;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.sidebar .sidebar-item .sidebar-item-inner h5 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #2E2F33;
  margin-bottom: 12px;
}

.sidebar .sidebar-item .sidebar-item-inner p {
  color: #4D4F55;
  margin-bottom: 0;
  line-height: 24px;
}

.alert-wrapper.variant-3 {
  display: grid;
  background: #F8F3D6;
  border-radius: 12px;
  padding: 1rem;
}

.alert-wrapper.variant-3 label {
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 21px;
}

.alert-wrapper.variant-3 .PUB-primary-warning {
  padding: 0;
}

.alert-wrapper.variant-3 .PUB-primary-warning {
  align-items: initial;
  font-weight: 400;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.alert-wrapper.variant-3 .PUB-primary-warning i {
  color: #6B5526;
}

.alert-wrapper .file-uploaded-name {
  background: #ffffff;
  width: 100%;
  margin-bottom: 0;
}

.file-uploaded-name {
  position: relative;
}

.file-uploaded-name a {
  color: #0072BC;
}

.sidebar-mobile {
  margin: 0;
  padding: 1.5rem;
}

.sidebar-desktop .inner-group {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1000px) {
  .sidebar-desktop .inner-group {
    display: initial;
  }
  .sidebar-desktop div:nth-child(2) {
    margin-top: 2rem;
  }
}
.Org-text-1 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #21409A;
  margin-bottom: 0px;
}

.CMT {
  margin-bottom: 0;
  height: calc(100% + 4px);
  padding-bottom: 60px;
}

.CMT p {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.CMT label {
  font-family: "Inter", sans-serif;
  color: #4D4F55;
  font-size: 0.875rem;
  font-weight: 400;
}

.CMT h3 {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #2E2F33;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.CMT hr {
  margin-bottom: 32px;
}

.CMT h2 {
  margin-bottom: 24px;
}

.section-grey-bg.org-c {
  position: relative;
  top: -4px;
}

.board-member-card {
  position: relative;
  min-height: 170px;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.1607843137);
  border-radius: 12px;
  border: none;
  overflow: hidden;
}

.border-top-v1 {
  height: 8px;
  width: 100%;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
}

.border-top-v2 {
  height: 8px;
  width: 100%;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
}

.board-member-card img {
  width: auto;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.board-member-card .card-title {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #2E2F33;
}

.board-member-card .card-text {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #4D4F55;
}

@media (min-width: 991px) {
  .board-member-card .card-title {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    color: #2E2F33;
  }
  .board-member-card .card-text {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4D4F55;
  }
}
@media (max-width: 768px) {
  .board-member-card {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
  .CMT {
    padding-top: 6rem;
  }
}
.white-bgs {
  background-color: #ffffff;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 767px) {
  .trans-bgs {
    padding-bottom: 24px;
  }
  .white-bgs {
    padding-bottom: 24px;
  }
  .CMT h3 {
    margin-top: 24px;
  }
}
/*
@media (min-width: 568px) {
  .white-bgs {
      background-color: #ffffff;
      margin-left: -30px;
      margin-right: -30px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: initial;

  }
}*/
@media (min-width: 768px) {
  .white-bgs {
    background-color: transparent;
  }
}
.resubmission-modal a {
  width: 100%;
  display: block;
}
.resubmission-modal .modal-body .submission-body {
  display: grid;
  gap: 1rem;
  max-height: 400px;
  overflow-y: scroll;
}
.resubmission-modal .modal-body .submission-body .submission-item:hover {
  background: #ffffff;
  cursor: pointer;
}
.resubmission-modal .modal-body .org-chart-nav {
  margin-bottom: 1.5rem;
}
.resubmission-modal .modal-body .org-chart-nav ul.org-chart-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-left: 0;
}
.resubmission-modal .modal-body .org-chart-nav li {
  width: 100%;
  text-align: center;
}

.org-chart-nav {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 64px;
}

.org-chart-nav ul.org-chart-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.org-chart-nav ul li {
  list-style: none;
  cursor: pointer;
  position: relative;
}

.org-chart-nav ul li a {
  text-decoration: none;
}

.tab-inner-menu {
  padding: 0 20px;
}

.tab-inner-menu::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 4px;
  bottom: -8px;
  left: 0;
  background: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  transform-origin: bottom right;
  transition: transform 0.25s;
}

.org-chart-tabs li:hover .tab-inner-menu::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.org-chart-nav ul li .tab-inner-menu a {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #2E2F33;
}

.org-chart-nav ul li:hover .tab-inner-menu a {
  color: #0072BC;
}

.org-chart-nav ul li .tab-inner-menu a.active {
  color: #0072BC;
}

.org-chart-nav ul li .tab-inner-menu a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 4px;
  bottom: 0;
  bottom: -8px;
  left: 0;
  background: linear-gradient(270deg, #006DB7 1.96%, #3FA1FF 100%);
  transform-origin: bottom right;
  transition: transform 0.25s;
}

.org-chart-nav ul li .tab-inner-menu a.active::after {
  transform: scaleX(1);
  transform-origin: bottom left;
  color: #0072BC;
}

.cd-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 56px;
  border-radius: 12px;
  border: 0;
  padding: 16px 24px;
  margin-bottom: 64px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #21409A;
  background-image: url(../images/angle-down-blue.png);
  background-position: right 1rem center;
  background-repeat: no-repeat;
}

.cd-select:focus {
  outline: none;
}

.cd-select:active {
  outline: none;
}

#ArticleDesktopTable th {
  white-space: nowrap;
}

.appendedLogo img {
  height: 32px;
}

.lp-mark {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  background: #ffffff;
  border-radius: 50%;
}

.ref-no {
  color: #0072BC !important;
}

.table-striped.table-hover tbody tr:hover .ref-no {
  color: #ffffff !important;
}

.water-droplet-list li {
  background-image: url(../images/dark-blue-droplet.svg);
  background-repeat: no-repeat;
  padding-left: 2rem;
  position: relative;
  background-position: 0px 5px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .page-content.page-content--content-page {
    margin-top: 6rem;
  }
}
.list-group-numbered > .list-group-item::before {
  display: none;
}

.hide {
  display: none;
}

.vishidden {
  visibility: hidden !important;
  opacity: 0;
  height: 0;
  display: none;
}

@media (max-width: 991px) {
  .details_card {
    margin-bottom: 2rem;
    background-image: url("../images/payment-bg.png");
    background-repeat: none;
    background-size: cover;
  }
}
.details_card {
  background-image: url("../images/payment-bg.png");
  background-repeat: none;
  background-size: cover;
}

.section-blue-bg .upcoming-events-nav button {
  color: #ffffff;
  border: 2px solid #ffffff;
  background: transparent;
}

.section-blue-bg .upcoming-events-nav button.active {
  color: #2F75B8;
  border: 2px solid #ffffff;
  background: #ffffff;
}

.section-blue-bg .upcoming-events-nav button:hover {
  color: #2F75B8;
  border: 2px solid #ffffff;
  background: #ffffff;
}

.section-blue-bg .owl-nav button .fa-light {
  color: #ffffff;
}
.section-blue-bg .btn-primary {
  background: #ffffff;
  color: #2F75B8;
}

.section-blue-bg .landing-title h1 {
  color: #ffffff;
}
.section-blue-bg .landing-title h2 {
  color: #ffffff;
}
.section-blue-bg .landing-title h3 {
  color: #ffffff;
}
.section-blue-bg .landing-title h4 {
  color: #ffffff;
}
.section-blue-bg .landing-title h5 {
  color: #ffffff;
}
.section-blue-bg .landing-title h6 {
  color: #ffffff;
}
.section-blue-bg .landing-title p {
  color: #ffffff;
}

/*---------Website_E-Payment_Step_2-----------*/
.container-form.v2 {
  margin-left: initial;
  margin-right: initial;
  width: 100%;
  max-width: initial;
  padding: 20px;
  margin-bottom: 30px;
  margin-top: 0;
}

.container-form .button_holder {
  display: flex;
  align-items: end;
  height: 100%;
}

.container-form.v2 .payer_info_header {
  display: flex;
  justify-content: space-between;
}

.container-form.v2 .payer_info_header h6 {
  line-height: 24px;
  margin: 0px;
}

.container-form.v2 .payer_info_header a {
  display: flex;
  justify-content: end;
  line-height: 24px;
  font-size: 14px;
}

.card.details_card {
  border-radius: 8px;
  overflow: hidden;
  padding-top: 0;
  margin: 0;
  /*background-image: url("site/images/Booking_details_bg.png");*/
}

.top_bar {
  padding-bottom: 8px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #21409A;
}

.details_card .card-text .uppercard h6 {
  line-height: 24px;
  margin: 0px;
}

.details_card .card-text .uppercard p {
  line-height: 24px;
  margin: 0px;
}

.details_card .card-text .uppercard2 p {
  margin: 0px;
}

.details_card .card-text .lowercard h6 {
  line-height: 24px;
}

.details_card button {
  width: 100%;
}

@media (max-width: 991px) {
  .card.details_card {
    margin-bottom: 24px !important;
  }
  .details_card .card-text .lowercard h6 {
    display: none;
  }
  .details_card .card-text .uppercard {
    align-items: initial;
  }
}
@media (max-width: 768px) {
  .button_holder .md-btn2 {
    margin-left: 0;
    margin-top: 24px;
  }
}
.form-text-content {
  color: #2E2F33;
}

.sub-label {
  color: #4D4F55;
}

.details_card .md-btn2 {
  margin-left: 0 !important;
}

@media (max-width: 991px) {
  .container-form .button_holder.v2 {
    display: flex;
    justify-content: end;
  }
  .button_holder.v2 .btn.md-btn2 {
    margin-top: 24px;
  }
}
.payment-details-list {
  padding: 1rem;
}

.card.details_card.v2 h6 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #21409A;
  margin-bottom: 1rem;
}

.card.details_card.v2 h6.amt-text {
  color: #2E2F33;
}

@media (max-width: 991px) {
  .card.details_card.v2 {
    position: fixed;
    z-index: 4;
    width: 100%;
    left: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    border-radius: 0;
    border: 0;
  }
  .form-review-header.v2 {
    display: none;
  }
  .card.details_card.v2 .top_bar {
    display: none;
  }
  .card.details_card.v2 h6 {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #21409A;
  }
  .details_card.v2 .card-body {
    padding: 0;
  }
  .details_card.v2 .card-body .card-text .uppercard {
    padding: 1rem 1rem 0 1rem;
    background: #ffffff;
  }
  .details_card.v2 .card-body .btn-groups {
    padding: 1rem;
    display: flex;
    justify-content: end;
  }
}
/*---------ENd of Website_E-Payment_Step_2-----------*/
/*---------Website_E-Payment_Success-----------*/
.container-form.v2 {
  margin-left: initial;
  margin-right: initial;
  width: 100%;
  max-width: initial;
  padding: 20px;
  margin-bottom: 30px;
}

.image_holder {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.summary-input-subject.header {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #21409A;
}

.summary-input.v2 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #2E2F33;
}

@media (min-width: 768px) {
  .summary-input-subject.header, .summary-input.v2 {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 991px) {
  .text-container {
    text-align: center;
  }
  .text-container h1 {
    margin-top: 2rem;
  }
}
/*---------END OF Website_E-Payment_Success-----------*/
/*---------EVENT BOOKING-----------*/
/*---------Website E Payment Pay All-----------*/
.floating-event-card .float-card.v2 {
  top: 130px;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #E0EBFF;
  border-color: #E0EBFF;
}

.flatpickr-calendar {
  font-family: "Inter", sans-serif;
}

.rangeMode .flatpickr-day {
  margin-top: 0 !important;
}

.flatpickr-day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
  color: black;
  border-color: #CBD4DB;
}

.flatpickr-day:hover {
  border-radius: 4px;
}

.flatpickr-day.endRange:hover {
  border-radius: 4px;
}

.flatpickr-day.endRange {
  border-radius: 4px !important;
}

.flatpickr-day.startRange:hover {
  border-radius: 4px;
}

.flatpickr-day.startRange {
  border-radius: 4px !important;
}

.flatpickr-day.inRange {
  background: #E0EBFF;
  box-shadow: initial;
  border-radius: 4px;
  border: #5490FF 1px solid !important;
}

.numInputWrapper span.arrowUp {
  display: none;
}

.numInputWrapper span.arrowDown {
  display: none;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: initial;
}

.flatpickr-day.selected {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
  background: #E0EBFF;
  border-color: #5490FF;
}

.flatpickr-day.selected.startRange {
  color: black;
  background: #E0EBFF;
  border-color: #5490FF;
  border-radius: 4px;
}

.flatpickr-day.selected.endRange {
  color: black;
  background: #E0EBFF;
  border-color: #5490FF;
  border-radius: 4px;
}

.flatpickr-day .flatpickr-day-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-sizing: border-box;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  color: #005AFF;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  color: #005AFF;
}

.booking-dates {
  display: flex;
}

.booking-dates input.start-dates {
  width: 100%;
  border-top-left-radius: 12px;
  border-color: #2E2F33;
  border: 1px solid;
}

.booking-dates input.end-dates {
  width: 100%;
  border-top-right-radius: 12px;
  border-color: #2E2F33;
  border: 1px solid;
  border-left: 0;
}

.booking-cards .form-select {
  border-radius: 0;
  border-color: #2E2F33;
  border-top: 0;
}

.booking-cards .form-select:last-of-type {
  border-color: #2E2F33;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.second-select-option {
  display: none;
}

.first-select-option select {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.first-select-option.other-option select {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.booking-cards .f-group {
  position: relative;
}

.booking-cards span {
  position: absolute;
  top: 5px;
  z-index: 3;
  left: 1rem;
}

.booking-cards select {
  height: 60px;
  padding-top: 1.5rem;
}

.booking-cards select:focus {
  box-shadow: none;
}

.booking-cards input {
  height: 60px;
  padding: 1rem;
  padding-top: 2rem;
}

.booking-cards input:focus {
  box-shadow: none;
}

.booking-cards h6 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #21409A;
  margin-bottom: 1rem;
}

.booking-cards .amount-total h6 {
  color: #2E2F33;
}

.booking-cards .total-section, .booking-cards .cost-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.booking-cards p {
  color: #4D4F55;
  margin-bottom: 1rem;
}

.mobile-booking {
  width: 100% !important;
  padding: 2rem;
}

.mobile-booking .offcanvas-body {
  width: 100%;
  background-image: none;
  padding-top: 50px;
}

.mobile-booking .booking-dates .f-group {
  width: 100%;
}

.mobile-booking-header {
  border: 0;
  font-family: "inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
}

.mobile-booking-header i {
  font-size: 20px;
  font-weight: 400;
  color: #0072BC;
}

.mobile-booking-button-group {
  padding: 24px;
  display: flex;
}

.sticky-sign-up.v2 {
  background-color: #EEF6FA;
  padding: 0 !important;
}

.sticky-sign-up.v2 .outer-group .total-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.sticky-sign-up.v2 .outer-group .total-section h6 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  color: #21409A;
}

.sticky-sign-up.v2 .outer-group .total-section .amount-total h6 {
  color: #4D4F55;
}

.split-group {
  width: 100%;
  color: #4D4F55;
}

.split-group span {
  font-family: "inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 21px;
  color: #004471;
}

.book-details {
  display: flex;
  align-items: center;
}

.book-details i {
  margin-right: 10px;
}

.outer-group {
  font-size: 14px;
  background-color: #ffffff;
  padding: 24px;
  padding-bottom: 0;
}

/*---------END OF EVENT BOOKING-----------*/
.outstanding_payment_wrap .light-blue-color {
  display: flex;
  justify-content: end;
  line-height: 24px;
}

.outstanding_payment_wrap .light-blue-color i {
  display: flex;
  align-items: center;
}

.card.timeline-card.v3 {
  margin-bottom: 8px;
}

.card.timeline-card.v3 .card-body {
  display: flex;
  align-items: initial;
  padding: 20px;
}

.card.timeline-card.v3 .card-body .card_amount_details .amount {
  font-size: 24px;
  line-height: 24px;
}

.card.timeline-card.v3 .card_details {
  display: flex;
}

.card.timeline-card.v3 .card_header {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 5px;
}

.card.timeline-card.v3 .fine_location .location {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
}

.card.timeline-card.v3 .fine_date .date {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
}

.card.timeline-card.v3 .fine_desc_text {
  color: #0072BC;
  font-size: 18px;
  line-height: 24px;
}

.card.timeline-card.v3 .fine_location {
  padding-left: 25px;
}

.card.timeline-card.v3 .fine_date {
  padding-left: 30px;
}

.card.timeline-card.v3 .card_amount_details {
  padding-left: 45px;
}

@media (max-width: 1199px) {
  .card.timeline-card.v3 .fine_location {
    padding-left: 40px;
  }
  .card.timeline-card.v3 .fine_date {
    padding-left: 50px;
  }
  .card.timeline-card.v3 .card_amount_details {
    padding-left: 65px;
  }
}
@media (max-width: 991px) {
  .card.timeline-card.v3 .card_header {
    display: none;
  }
  .card.timeline-card.v3 .card_details {
    display: block;
    width: 75%;
  }
  .card.timeline-card.v3 .fine_location {
    padding: 0;
  }
  .card.timeline-card.v3 .fine_date {
    padding: 0;
  }
  .card.timeline-card.v3 .fine_location .location {
    text-align: left;
    padding-left: 0;
  }
  .card.timeline-card.v3 .fine_date .date {
    text-align: left;
    padding-left: 0;
  }
  .card.timeline-card.v3 .fine_desc_text {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .card.timeline-card.v3 .card_amount_details {
    padding-left: 0;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .card.timeline-card.v3 .card-body .card_amount_details .amount {
    margin: 0;
  }
  .card.timeline-card.v3 .card_amount_details {
    padding-left: 45px;
  }
  .card.timeline-card.v3 .fine_desc_text {
    color: #0072BC;
    font-size: 16px;
    line-height: 24px;
  }
  .card.timeline-card.v3 .card-body .card_amount_details .amount {
    font-size: 20px;
    line-height: 24px;
  }
}
.details_card.v2 {
  background-image: url("../images/payment-bg.png");
  border-radius: 8px;
  overflow: hidden;
  padding-top: 0;
  margin: 0;
  border: 0px;
  /*background-image: url("site/images/Booking_details_bg.png");*/
}

.top_bar {
  padding-bottom: 8px;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #21409A;
}

.details_card.v2 .card_texts p {
  font-size: 16px;
  line-height: 24px;
}

.details_card.v2 .card_texts h1 {
  font-size: 40px;
  line-height: 24px;
}

.end_icon .fa-solid {
  padding: 20px;
  font-size: 20px;
  color: #4B6F8B;
  background-color: #EEF6FA;
  border-radius: 12px;
}

.btn_grp {
  margin-top: 32px;
}

.btn_grp .btn {
  width: 100%;
  text-align: center;
}

.card_top {
  display: flex;
}

.upper_left {
  width: 100%;
}

@media (max-width: 991px) {
  .details_card .v2 {
    position: fixed;
    z-index: 4;
    width: 100%;
    bottom: 0;
  }
  .upper_right {
    display: none;
  }
  .top_bar {
    display: none;
  }
  .upper_left {
    display: flex;
  }
  .btn_grp {
    margin: 0;
  }
  .btn_grp .btn {
    text-align: center;
    width: initial;
  }
  .card_bottom {
    display: flex;
    justify-content: flex-end;
  }
}
.card-title.form-review-header.v3 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
}

.card-title.form-review-header.v3 .end_icon {
  margin-left: auto;
}

.special-label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #2E2F33;
}

@media (max-width: 991px) {
  .card-title.form-review-header.v3 {
    display: none;
  }
  .card.details_card.v2 .card-text.v2 {
    display: flex;
    background: url("../images/payment-bg.png");
    background-repeat: none;
    background-size: cover;
    justify-content: space-between;
  }
  .details_card.v2 .card-body .card-text.v2 .uppercard {
    background: none;
    min-height: 78px;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .card.details_card.v2 .card-text.v2 .uppercard {
    min-height: 50px;
  }
}
@media (max-width: 991px) {
  .special-label {
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    color: #2E2F33;
    margin-right: 1rem;
  }
}
@media (max-width: 768px) {
  .card.details_card.v2 .card-text.v2 {
    display: block;
  }
}
.special-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.special-group h1 {
  margin: 0;
}

@media (min-width: 992px) {
  .total_amount_to_pay {
    margin-bottom: 1rem;
  }
}
.payment_history {
  margin-top: 50px;
}

.payment_history .card.timeline-card.v3 {
  padding: 20px;
  margin-top: 20px;
}

.payment_history .reason_header p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.payment_history .fee_reason h2 {
  font-size: 18px;
  line-height: 24px;
  color: #0072BC;
  margin: 0;
}

.payment_history .fee_reason p {
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.payment_history .fee_deducted {
  font-size: 16px;
  line-height: 24px;
}

.payment_history .fee_deducted p {
  display: flex;
  justify-content: end;
}

/*---------End of Website E Payment Pay All-----------*/
ol li.breadcrumb-item::before {
  display: none !important;
}

.tablet-stepper {
  position: relative;
}

.tablet-form-stepper {
  border-radius: 0;
  height: 9px;
}

.tablet-form-stepper .gradient-bar {
  background: linear-gradient(90deg, #0072BC 0.91%, #42B5FF 48.5%);
}

.progress-row {
  position: absolute;
  z-index: 4;
  display: flex;
  width: 100%;
  top: 0;
}

.progress-col {
  flex: 1 0 0;
  max-width: 100%;
  border-right: 3px white solid;
  height: 10px;
  display: block;
  content: "";
}

.progress-col:last-of-type {
  border-right: 0;
}

.tablet-stepper-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  box-shadow: 0px 1px 4px 0px rgba(0, 39, 62, 0.4);
}
.tablet-stepper-information h5 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 0;
}
.tablet-stepper-information span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: rgb(164, 167, 179);
}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}

.section-grey-bg .image-text, .section-bg .image-text, .section-light-blue-bg .image-text, .section-white-bg .image-text, .section-image-bg .image-text, .section-lightblue-bg .image-text {
  background-color: #DDDDDE;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  padding: 1rem 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  color: #2E2F33;
}

.section-blue-bg .image-text {
  background-color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  padding: 1rem 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  color: #2E2F33;
}

.res-img-group {
  width: -moz-fit-content;
  width: fit-content;
}

.res-img-group img {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.card.timeline-card.v4 {
  margin-bottom: 8px;
}

.card.timeline-card.v4 .card-body {
  display: initial;
  align-items: initial;
  padding: 20px;
}

.card.timeline-card.v4 .card_top .row {
  align-items: center;
}

.card.timeline-card.v4 .selection_buttons {
  display: flex;
}

.card.timeline-card.v4 .summary-section-header {
  font-size: 16px;
  line-height: 24px;
}

.card.timeline-card.v4 .selection_buttons {
  display: flex;
  justify-content: end;
  font-size: 14px;
}

.card.timeline-card.v4 .selection_buttons .select_all {
  padding-right: 15px;
  border-right: 1px solid #DDDDDE;
}

.card.timeline-card.v4 .selection_buttons .deselect_all {
  margin-left: 15px;
}

.card.timeline-card.v4 .selection_buttons button {
  text-decoration: none;
  border: 0;
  color: #0072BC;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table {
  width: 100%;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .payment_detail_table_checkbox {
  width: 5%;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .payment_fee {
  font-size: 20px;
  line-height: 24px;
  text-align: right;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .outstanding_payment_details h6 {
  color: #0072BC;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .outstanding_payment_details p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .outstanding_payment_details .outstanding_payment_details_date {
  color: #A4A7B3;
}

@media (max-width: 760px) {
  .card.timeline-card.v4 .selection_buttons {
    display: flex;
    justify-content: initial;
    margin-bottom: 16px;
    margin-top: 24px;
    font-size: 12px;
  }
  .card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .payment_fee {
    font-size: 17px;
    line-height: 24px;
    text-align: right;
  }
  .card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .outstanding_payment_details h6 {
    color: #0072BC;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .card.timeline-card.v4 .checkboxes_for_payment .payment_detail_table .outstanding_payment_details p {
    font-size: 13px;
    line-height: 24px;
    margin: 0;
  }
}
.card.timeline-card.v4 .card_top {
  display: initial;
}

.card.timeline-card.v4 .card_contents {
  margin-top: 1rem;
}

.enlarge-parent {
  position: relative;
  height: 100%;
}

.enlarge-child {
  float: right;
  position: sticky;
  top: 25rem;
  right: 0;
  border-radius: 12px;
  bottom: 5rem;
  background: #ffffff;
  opacity: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 16px 24px;
}

.enlarge-child a {
  text-decoration: none;
  color: #000000;
}

.enlarge-child i {
  margin-right: 10px;
}

.enlarge-child:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.8);
  transition: 0.3s ease-in-out;
}

.enlarge-child:hover i {
  transform: scale(1.5);
  transition: 0.3s ease-in-out;
}

.e-image a {
  position: absolute;
  z-index: 9999;
  left: 2rem;
}

.e-image {
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.e-image::-webkit-scrollbar {
  display: none;
}

.e-image .modal-dialog {
  width: 1600px;
  max-width: initial;
}

.e-image .btn-close {
  border-radius: 50%;
  background: #ffffff;
  color: #000000;
  top: 1rem;
  opacity: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.e-image .btn-close:hover {
  cursor: pointer;
}

.long-card.v2 .bottom-sect {
  background-color: #E0F2FD;
  margin: 0 -24px;
  padding: 1rem 1.5rem;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  color: #064572;
}

.long-card.v2 .bottom-sect h6 {
  margin-bottom: 0;
  font-size: 14px;
}

.long-card.v2 .bottom-sect h6 i {
  margin-right: 10px;
}

.long-card.v2 {
  padding-bottom: 0 !important;
}

@media (min-width: 768px) {
  .long-card.v2 .datemodified {
    padding-bottom: 12px;
  }
}
.long-card.v2 .next-step-badge {
  padding-bottom: 1rem;
}

.new_location_btn {
  text-align: center;
}

.new_location_btn .btn {
  color: #0072BC;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .new_location_btn {
    margin-top: 2rem;
  }
}
.CSModal3 .modal-content {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
}

.CSModal3 .modal-body, .CSModal3 .modal-body .content-inner {
  background-color: #EEF6FA;
}

.summary-section-header .v2 {
  height: 100%;
  display: flex;
  align-items: center;
}

.delete_location_button {
  display: flex;
  justify-content: end;
}

.delete_location_button a {
  text-decoration: none;
}

.delete_location_button i {
  color: #A23A3F;
}

.radio_but {
  display: none;
}

.chart .section {
  color: #0072BC;
  font-size: 16px;
  line-height: 24px;
}

.chart .section a {
  color: #0072BC;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
}

.chart .section hr {
  color: initial;
  margin-top: 10px;
  margin-bottom: 10px;
}

.chart .section .header_text {
  margin-bottom: 20px;
}

.chart .section .parent_header_text {
  padding-left: 1rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

.chart .section .child_header_text {
  padding-left: 2rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

.chart .section .inner_content_text {
  padding-left: 3rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

/*tablet*/
@media (max-width: 1199px) {
  .chart {
    margin-top: 50px;
  }
  .chart .section {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
/*mobile*/
@media (max-width: 760px) {
  .chart {
    margin-top: 50px;
  }
  .chart .section {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.card.timeline-card.v5 {
  margin-bottom: 1rem;
}

.card.timeline-card.v5 .card-body {
  display: flex;
  align-items: initial;
  flex-direction: column;
  padding: 20px;
}

.card.timeline-card.v5 .card_details {
  display: flex;
}

.card.timeline-card.v5 .fine_desc_text {
  color: #0072BC;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}

.card.timeline-card.v5 .location {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.card.timeline-card.v5 .fine_date {
  padding-left: 100px;
}

.card.timeline-card.v5 .card_header {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 5px;
}

.card.timeline-card.v5 .date_text {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.card.timeline-card.v5 .fine_amount {
  padding-left: 100px;
}

.card.timeline-card.v5 .amount {
  font-size: 24px;
  line-height: 24px;
}

.card.timeline-card.v5 .payment_button {
  padding-left: 40px;
}

.payment_button .md-btn {
  width: 110px;
}

.card.timeline-card.v5 .card_header_top {
  margin-bottom: 10px;
}

.card.timeline-card.v5 .card_details_left {
  display: flex;
}

.card.timeline-card.v5 .bottom_bar {
  display: none;
}

@media (max-width: 1199px) {
  .card.timeline-card.v5 .fine_date {
    padding-left: 40px;
  }
  .card.timeline-card.v5 .fine_amount {
    padding-left: 40px;
  }
  .card.timeline-card.v5 .payment_button {
    padding-left: 40px;
  }
  .card.timeline-card.v5 .amount {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .card.timeline-card.v5 .card_header {
    display: none;
  }
  .card.timeline-card.v5 .payment_button {
    display: none;
  }
  .card.timeline-card.v5 .fine_date {
    padding-left: 0;
  }
  .card.timeline-card.v5 .card_details_left {
    display: block;
    width: 75%;
  }
  .card.timeline-card.v5 .bottom_bar {
    background-color: #0072BC;
    display: inline-block;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .card.timeline-card.v5 .payment_button_mobile {
    text-decoration: none;
    color: #ffffff;
  }
  .card.timeline-card.v5 .card_details_right {
    display: flex;
    align-items: center;
  }
}
.table-striped .form-check {
  align-items: center;
}

.template-inner-wrapping .template-content h4 {
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 36px;
  color: #ffffff;
  margin: 3rem 0;
}

.template-inner-wrapping .template-content h6 {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px;
  color: #ffffff;
  margin-top: 2rem;
}

.template-content ul.table-list {
  margin: 0 !important;
  padding: 0 !important;
  color: #4D4F55 !important;
  list-style: initial;
}
.template-content ul.table-list li {
  display: list-item;
  margin: 0;
  margin-left: 1rem;
}

.table-card-group.v2 {
  gap: 1.5rem;
}

@media (max-width: 991px) {
  .table-card-group.v2 {
    display: grid !important;
  }
  .table-card-group.v2 .mobile-card-info span {
    margin-left: 0 !important;
  }
  .template-inner-wrapping .template-content h4 {
    font-family: "Inter", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 32px;
    color: #ffffff;
  }
  .template-inner-wrapping .template-content h6 {
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    margin-top: 2rem;
  }
  .mobile-card-info h4 {
    color: #1d291d !important;
  }
}
.section-blue-bg .template-content .fourbythree_container p {
  color: #4D4F55;
  font-weight: 400;
}
.section-blue-bg .template-content .fourbythree_container h5 {
  color: #4D4F55;
}

.form-select.org-selector {
  color: #21409A;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  height: 60px;
  font-size: 20px !important;
  background-image: url("../images/cheveron-down.png") no-repeat right center !important;
}

@media (max-width: 991px) {
  .mobile-card-info.v2 {
    padding: 0;
    margin: 8px 0;
  }
  .mobile-card-info.v2 h4 {
    margin: 32px;
    margin-top: 0;
  }
  .mobile-card-info.v2 .content-info {
    margin-bottom: 1rem;
  }
  .mobile-card-info.v2 .content-info:last-of-type {
    margin-bottom: 0rem;
  }
}
@media (max-width: 768px) {
  .mobile-card-info.v2 {
    padding: 0;
  }
  .mobile-card-info.v2 h4 {
    margin: 1rem 0;
    margin-top: 0;
  }
  .mobile-card-info.v2 .content-info {
    margin-bottom: 1rem;
  }
  .mobile-card-info.v2 .content-info:last-of-type {
    margin-bottom: 0rem;
  }
}
.section-img-bg {
  background-image: url(../images/owl-bg.png);
  background-size: cover;
  background-position: center;
}

.modal-open-no-scroll, html.modal-open-no-scroll {
  overflow: hidden !important;
}

.section-blue-bg .card-group.v6 .btn {
  background-color: #2F75B8;
  color: #ffffff;
}

.section-blue-bg .card-group.v6 .template-header {
  color: #21409A;
}

.card-group.v6 {
  display: flex;
  gap: 1rem;
  margin: 0 auto;
}

.card-group.v6 .card {
  border-radius: 12px;
  box-shadow: 0px 4px 16px 0px rgba(165, 165, 165, 0.16);
  border: none;
  text-align: center;
}

.card-group.v6 .card-text {
  color: #4D4F55;
  line-height: 24px;
}

@media (max-width: 991px) {
  .card-group.v6 {
    display: grid;
    gap: 1rem;
    margin-top: 24px;
  }
}
.card-group.v6 .card-text {
  color: #4D4F55;
}

.card-group.v6 .card-body {
  padding: 40px;
}

@media (max-width: 991px) {
  .card-group.v6 {
    display: grid;
    gap: 24px;
  }
}
.overlap-card .btn {
  background-color: #2F75B8;
  color: #ffffff;
}

.swm .section-image-bg {
  padding: 0;
}

.template-img-wrapper.v3 {
  margin-bottom: 2rem;
}
.template-img-wrapper.v3 img {
  -o-object-fit: none;
     object-fit: none;
}

.card-wrapper-topic.v7 {
  margin-bottom: 30px;
}

.template-map-group {
  display: flex;
  align-items: end;
  gap: 1.5rem;
  justify-content: center;
}
.template-map-group .template-img-wrappers.variant-4 {
  margin: 0;
}
.template-map-group .enlarge-child {
  top: initial;
  text-align: center;
}
.template-map-group .enlarge-child .enlarge-div {
  text-decoration: none;
}

@media (max-width: 991px) {
  .template-map-group {
    display: grid;
    gap: 1rem;
    align-items: start;
    justify-content: center;
  }
}
.BPP-accordion {
  margin-bottom: 56px;
  font-size: 18px;
}
.BPP-accordion h3,
.BPP-accordion .accordion-button.collapsed,
.BPP-accordion .accordion-button:not(.collapsed) {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #21409A;
  margin: 0;
}
@media (max-width: 768px) {
  .BPP-accordion h3,
  .BPP-accordion .accordion-button.collapsed,
  .BPP-accordion .accordion-button:not(.collapsed) {
    font-size: 18px;
    line-height: 27px;
  }
}
.BPP-accordion .accordion-button:not(.collapsed) {
  background-color: #F5F5F7;
  box-shadow: none;
  color: #21409A !important;
  border-radius: 0px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.BPP-accordion .accordion-button:after,
.BPP-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.BPP-accordion .accordion-button {
  background: #F5F5F7;
  border-radius: 12px;
  padding: 28px 24px;
}
.BPP-accordion .accordion-body {
  background-color: #F5F5F7;
  padding: 16px 24px 32px 24px;
  /* font-family: "Inter"; */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: grid;
  gap: 1rem;
}
.BPP-accordion .accordion-item {
  border: none;
  margin-bottom: 8px;
}
.BPP-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 12px;
}
.BPP-accordion .accordion-item:first-of-type .accordion-button.collapsed {
  border-radius: 12px;
}
.BPP-accordion ul.timeline > li {
  padding-bottom: 16px;
  padding-left: 0;
}
.BPP-accordion ul.timeline > li.completed::before {
  display: none;
}
.BPP-accordion ul.timeline > li:before {
  display: none;
}
.BPP-accordion ul.timeline > li span {
  position: relative;
  left: initial;
  top: initial;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #9A9DAA;
  border-radius: 50%;
  border: 2px #9A9DAA solid;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .BPP-accordion ul.timeline > li span {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
  }
}
.BPP-accordion ul.timeline > li.active::before {
  display: none;
}
.BPP-accordion ul.timeline > li.completed span {
  position: relative;
  background-color: #1F99E9;
  border: 2px #1F99E9 solid;
  min-width: 40px;
  min-height: 40px;
}
@media (max-width: 768px) {
  .BPP-accordion ul.timeline > li.completed span {
    min-width: 32px;
    min-height: 32px;
  }
}
.BPP-accordion ul.timeline > li.active span {
  position: relative;
  background-color: #ffffff;
  border: 2px #1F99E9 solid;
  min-width: 40px;
  min-height: 40px;
}
@media (max-width: 768px) {
  .BPP-accordion ul.timeline > li.active span {
    min-width: 32px;
    min-height: 32px;
  }
}
.BPP-accordion button i {
  padding-left: 0;
}

.swwd-button {
  text-align: center;
}

.new_location_form_btn {
  text-align: start;
  margin-top: 24px;
}

.new_location_form_btn .btn {
  color: #0072BC;
  font-size: 18px;
  line-height: 24px;
  text-align: start;
  margin-bottom: 40px;
}

.input_delete_location_button a {
  color: #A23A3F;
}

.formB_delete_button {
  margin-top: 24px;
}

.formB_delete_button a {
  color: #A23A3F;
}

.formB_accordion {
  /* margin-left: auto; */
  display: flex;
  gap: 1rem;
  align-items: center;
}

.accordion_vertical_line {
  margin-top: 24px;
  border-left: 1px solid #000; /* Adjust the color and width as needed */
  height: 45px; /* Adjust the height of the line as needed */
}

.formB_accordion_add_button {
  text-align: center;
  margin-top: 16px;
}

.formB_accordion_add_button .btn {
  color: #0072BC;
  font-size: 18px;
  text-align: center;
}

.space_column {
  gap: 1rem;
}

@media (min-width: 768px) {
  .list_spacing {
    width: 33.33%;
  }
}
/* Media query for iPad portrait mode (768px width) */
@media (min-width: 768px) and (max-width: 1024px) {
  .list_spacing {
    width: 100%;
  }
}
/* Media query for iPad landscape mode (1024px width) */
@media (min-width: 1025px) and (max-width: 1366px) {
  .list_spacing {
    width: 100%;
  }
}
.pows-summary-divider {
  color: #CDCED5;
  margin-bottom: 8px !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0px;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
  height: 34px;
  cursor: pointer;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.POWS_display {
  display: none;
}

/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ====================================
	GENERAL
==================================== */
.container-fluid {
  max-width: 1366px;
}

.img-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

/* ====================================
	PAGE HEADER TEXT INFO
==================================== */
.page-header-holder {
  padding-bottom: 5rem;
  position: relative;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #03517E 61.68%);
}

.page-header-bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  display: block;
  z-index: 0;
}
.page-header-bg-img > img {
  height: 100%;
  width: 100%;
  transition: 0.3s;
  z-index: 0;
}

.page-header-waves-holder {
  position: absolute;
  bottom: -1px;
  width: 100%;
  z-index: 2;
}
.page-header-waves-holder > svg {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.page-header-content-holder {
  position: relative;
  padding: 5rem 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}

.page-header-info > h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 8px;
}
.page-header-info p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .page-header-holder {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .page-header-holder {
    padding-bottom: 10rem;
  }
  .page-header-info {
    width: 75%;
  }
  .page-header-info > h1 {
    font-size: 48px;
    line-height: 62px;
    font-weight: 600;
    margin-bottom: 16px;
  }
  .page-header-info p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
  }
}
@media (min-width: 1400px) {
  .page-header-holder {
    padding-bottom: 12.5rem;
  }
}
@media (max-width: 1199.98px) {
  .page-header-content-holder {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 576px) {
  .overlay-page-header.events-overlay {
    /* background: rgba(0, 0, 0, 0.6); */
    display: none;
  }
}
/* ====================================
	PAGE HEADER EVENT INFO
==================================== */
.page-header-card-holder {
  position: relative;
  z-index: 1010;
  padding-bottom: 3rem;
}

@media (max-width: 768px) {
  .page-header-card-holder {
    padding-bottom: 0rem;
  }
}
.page-header-holder + .page-header-card-holder {
  margin-top: -5.75rem;
}

.page-header-card-holder .card {
  display: flex;
  flex-direction: column;
  border: 12px;
  border-radius: 12px;
  background: none;
  box-shadow: 0 4px 16px rgba(165, 165, 165, 0.16);
}
.page-header-card-holder .card .card-img,
.page-header-card-holder .card .card-info {
  background-color: #FFF;
  overflow: hidden;
  position: relative;
  border-radius: 0;
  transition: 0.3s;
}
.page-header-card-holder .card .card-img {
  height: 200px;
  border-radius: 12px 12px 0 0;
}
.page-header-card-holder .card .card-img > img {
  height: 100%;
  width: 100%;
  transition: 0.3s;
  z-index: 0;
}
.page-header-card-holder .card .card-info {
  border-radius: 0 0 12px 12px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 16px 24px;
}
.page-header-card-holder .card .card-info > * {
  padding: 0;
}
.page-header-card-holder .card .list-group .list-group-item {
  border: 0;
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 0;
  color: rgb(77, 79, 85);
  margin-bottom: 4px;
}
.page-header-card-holder .card .card-footer {
  padding: 16px 0;
  border-radius: 0 !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .page-header-holder + .page-header-card-holder {
    margin-top: -8.5rem;
  }
  .page-header-card-holder .card {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .page-header-card-holder .card .card-img {
    height: 240px;
  }
}
@media (min-width: 1200px) {
  .page-header-holder + .page-header-card-holder {
    margin-top: -12.75rem;
  }
  .page-header-card-holder .card {
    flex-direction: row;
    box-shadow: none;
  }
  .page-header-card-holder .card .card-img,
  .page-header-card-holder .card .card-info {
    background-color: #FFF;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 16px rgba(165, 165, 165, 0.16);
  }
  .page-header-card-holder .card .card-img {
    width: 65%;
    height: auto;
  }
  .page-header-card-holder .card .card-info {
    position: relative;
    width: 40%;
    margin: 1.5rem 0;
    margin-left: -3.25rem;
    padding: 2.125rem;
  }
  .page-header-card-holder .card .card-info .card-body h5 {
    line-height: 1.3;
    font-size: 24px;
    color: rgb(46, 47, 51);
  }
  .page-header-card-holder .card .card-info .card-body p {
    line-height: 1.5;
    font-size: 16px;
    color: rgb(77, 79, 85);
  }
  .page-header-card-holder .card .card-info .card-footer {
    padding: 0;
  }
  .page-header-card-holder .card .card-info .card-footer .btn {
    font-size: 16px;
    padding: 8px 24px;
    margin-top: 4px;
  }
}
@media (min-width: 1400px) {
  .page-header-holder + .page-header-card-holder {
    margin-top: -15.75rem;
  }
}
/*
.page-title-container {
	display: block;
}*/
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ====================================
	GENERAL
==================================== */
.page-section {
  padding: 4rem 0;
}
.page-section .section-header {
  margin-bottom: 1rem;
}
.page-section .section-header * {
  color: rgb(46, 47, 51);
}
.page-section .section-header h3 {
  font-size: 30px;
  line-height: 45px;
  margin: 0;
  margin-bottom: 1rem;
}
.page-section .section-button-container {
  margin-bottom: 0;
}
.page-section .section-button-container button {
  font-size: 16px;
  padding: 8px 24px;
}

.overlay-page-header.events-overlay {
  background: linear-gradient(92.42deg, #023B5C 2.14%, #03517E 61.68%);
}
@media (max-width: 1199px) {
  .overlay-page-header.events-overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 73.75%);
  }
}
@media (max-width: 576px) {
  .overlay-page-header.events-overlay {
    background: rgba(0, 0, 0, 0.6);
  }
}

/* ====================================
	EVENT CARDS
==================================== */
.pub-cards-holder .card {
  border-radius: 12px;
  border-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
  border: 0;
  box-shadow: 0 4px 16px rgba(165, 165, 165, 0.16);
}
.pub-cards-holder .card .card-img {
  border-radius: 0;
}
.pub-cards-holder .card .card-body {
  padding: 1rem 1.5rem;
}
.pub-cards-holder .card .card-body h5 {
  line-height: 1.3;
  font-size: 24px;
  line-height: 36px;
  color: rgb(46, 47, 51);
}
.pub-cards-holder .card .card-body p {
  line-height: 1.5;
  color: rgb(77, 79, 85);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pub-cards-holder .card .card-body .badge.text-bg-primary {
  padding: 4px 14px !important;
  line-height: 1.2;
  height: 30px;
  display: inline-flex;
  align-items: center;
}
.pub-cards-holder .card .list-group {
  padding-bottom: 4px;
}
.pub-cards-holder .card .list-group .list-group-item {
  padding: 0 1.5rem;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 0;
  color: rgb(77, 79, 85);
  margin-bottom: 4px;
}
.pub-cards-holder .card .card-footer {
  border-radius: 0 !important;
}
.pub-cards-holder .card .card-footer a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.pub-cards-holder .card .card-footer a span {
  position: relative;
  padding-bottom: 2px;
}
.pub-cards-holder .card .card-footer a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: 0.3s;
  background-color: #0087CA;
}
.pub-cards-holder .card .card-footer a:hover span::before {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .pub-cards-holder .card .card-body h5 {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (max-width: 991.98px) {
  .pub-cards-holder .card .card-body h5 {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 768px) {
  .pub-cards-holder .card .card-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
/* ====================================
	EVENT BOTTOM BANNER
==================================== */
.page-bottom-banner-holder {
  position: relative;
}
.page-bottom-banner-holder .container-fluid > div {
  gap: 2.5rem;
}
.page-bottom-banner-holder .page-bottom-banner-img {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.page-bottom-banner-holder .page-bottom-banner-img > img {
  height: 100%;
  width: 100%;
  transition: 0.3s;
  z-index: 0;
}
.page-bottom-banner-holder .page-bottom-banner-info {
  position: relative;
  z-index: 2;
  padding: 2.5rem 0;
  color: #FFF;
}
.page-bottom-banner-holder .page-bottom-banner-info h3 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 33px;
}
.page-bottom-banner-holder .page-bottom-banner-info p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.page-bottom-banner-holder .page-bottom-banner-info button {
  font-size: 16px;
  padding: 8px 24px;
  white-space: nowrap;
}

@media (min-width: 991px) {
  .page-bottom-banner-holder .container-fluid > div {
    gap: 5rem;
  }
  .page-bottom-banner-holder .page-bottom-banner-info h3 {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 568px) {
  .page-bottom-banner-holder .container-fluid > div {
    gap: 2.5rem;
  }
  .page-bottom-banner-holder .page-bottom-banner-info h3 {
    font-size: 26px;
    line-height: 39px;
  }
}
@media (max-width: 568px) {
  .page-bottom-banner-holder .container-fluid > div {
    flex-direction: column;
  }
}
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-VariableFont.ttf);
}
/* ====================================
EVENT LISTING DETAILS GENERAL
==================================== */
.event-listing-details {
  min-height: 432px;
}
.event-listing-details .page-header {
  background: none;
}
.event-listing-details .page-header img {
  mix-blend-mode: normal;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-listing-details .trial {
  z-index: initial;
}
.event-listing-details .st2,
.event-listing-details .st3 {
  fill: white;
}
.event-listing-details .page-header {
  z-index: initial;
}
.event-listing-details .page-header .header-content {
  margin-top: 96px;
  height: initial;
}
.event-listing-details h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 1rem;
}
.event-listing-details p {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 1199px) {
  .event-listing-details p {
    font-size: 16px;
    line-height: 24px;
  }
}
.event-listing-details .mobile-event-text .list-group-item {
  background-color: transparent;
  border: none;
  padding: 0 0 8px 0;
}
@media (max-width: 1199px) {
  .event-listing-details .desktop-header {
    display: none;
  }
}
@media (max-width: 1199px) {
  .event-listing-details .tablet-header {
    display: block;
  }
}
@media (max-width: 578px) {
  .event-listing-details .tablet-header {
    display: none;
  }
}

/* ====================================
FLOATING CARD
==================================== */
.floating-event-card .card {
  border: none;
}
.floating-event-card .card-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.floating-event-card .float-card {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  top: 230px;
  position: sticky;
}
.floating-event-card .float-card .card-body {
  padding: 32px 40px 32px 40px;
}
.floating-event-card .float-card .card-body span {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #4D4F55;
}
.floating-event-card .float-card .card-body .list-group-item {
  border: none;
  padding: 0 0 8px 0;
}
.floating-event-card .float-card .card-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #2E2F33;
}
.floating-event-card .float-card .card-footer {
  padding: 1.5rem 0 0 0;
}
.floating-event-card .float-card .card-footer p {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #4D4F55;
  text-align: center;
  margin: 0;
}
.floating-event-card .mt-1 {
  margin-top: 8px !important;
}

/* ====================================
BODY
==================================== */
.event-detail-landing {
  z-index: 1003;
  position: inherit;
  margin-top: -334px;
  padding-bottom: 80px !important;
}

@media (max-width: 1199px) {
  .event-detail-landing {
    padding-bottom: 0 !important;
  }
}
.event-description {
  margin-top: 334px;
}
.event-description h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  color: #21409A;
  margin-bottom: 1.5rem;
}
.event-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  margin-bottom: 56px;
}

@media (max-width: 1200px) {
  .event-description h2 {
    font-size: 26px;
    line-height: 39px;
  }
}
@media (max-width: 767px) {
  .event-description h2 {
    font-size: 22px;
    line-height: 33px;
  }
}
/* ====================================
FAQ
==================================== */
.faq-accordion {
  margin-bottom: 56px;
  font-size: 18px;
}
.faq-accordion h3,
.faq-accordion .accordion-button.collapsed,
.faq-accordion .accordion-button:not(.collapsed) {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2E2F33;
  margin: 0;
}
.faq-accordion .accordion-button:not(.collapsed) {
  background-color: #F5F5F7;
  box-shadow: none;
  color: #0072BC !important;
  border-radius: 0px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.faq-accordion .accordion-button:after,
.faq-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.faq-accordion .accordion-button {
  background: #F5F5F7;
  border-radius: 12px;
  padding: 28px 24px;
}
.faq-accordion .accordion-body {
  background-color: #F5F5F7;
  padding: 16px 72px 32px 24px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.faq-accordion .accordion-item {
  border: none;
  margin-bottom: 8px;
}
.faq-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 12px;
}
.faq-accordion .accordion-item:first-of-type .accordion-button.collapsed {
  border-radius: 12px;
}

/* ====================================
SPEAKER DEETS
==================================== */
.speaker-details h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #2E2F33;
  margin: 0;
}
.speaker-details .speakerimg {
  border-radius: 12px;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  -o-object-fit: cover;
     object-fit: cover;
}
.speaker-details h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #0072BC;
  margin: 0;
}
.speaker-details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  margin-top: 8px;
  margin-bottom: 8px;
}
.speaker-details a.linkedinlink {
  margin: 9px;
  top: 2px;
}
.speaker-details .linkedinlink {
  color: #0072BC;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
}
@media (max-width: 991px) {
  .speaker-details p {
    margin-bottom: 3px;
  }
}
@media (max-width: 578px) {
  .speaker-details .linkedin {
    margin-top: 16px;
  }
  .speaker-details .speakerimg {
    margin-bottom: 24px;
  }
}
@media (max-width: 578px) {
  .speaker-details .speaker-component {
    flex-direction: column;
  }
  .speaker-details .speaker-component .speakerimg {
    width: 156px;
  }
}

/* ====================================
CARDS
==================================== */
@media (min-width: 1440px) {
  .upcoming-events .five,
  .upcoming-events .six {
    margin: 0px 120px;
  }
}
.upcoming-events h3 {
  color: #2E2F33;
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  margin: 64px 0px 48px;
}
@media (max-width: 1200px) {
  .upcoming-events h3 {
    font-size: 26px;
    line-height: 39px;
  }
}
@media (max-width: 568px) {
  .upcoming-events h3 {
    font-size: 22px;
    line-height: 33px;
  }
}
.upcoming-events .card {
  border: none;
}
.upcoming-events .card-header {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 0;
  border: none;
  background: none;
}
.upcoming-events .card-title {
  color: #0072BC;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  width: 90%;
}
.upcoming-events .upcoming-events-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.upcoming-events .all-events-link .card-link,
.upcoming-events .all-events-link-mobile {
  color: #0072BC;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}
.upcoming-events .gv6 {
  grid-area: 1/3/4/4;
}
.upcoming-events .card-img-3 {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.upcoming-events .all-events-link-mobile {
  display: none;
}
@media (max-width: 1200px) {
  .upcoming-events .five,
  .upcoming-events .six {
    padding: 0;
  }
  .upcoming-events .card-inner-wrapper {
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .upcoming-events .upcoming-events h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 39px;
  }
  .upcoming-events .get-involved-group > div:nth-child(3),
  .upcoming-events .all-events-link-mobile {
    display: none;
  }
  .upcoming-events .get-involved-group {
    grid-template-rows: none;
  }
}
@media (max-width: 568px) {
  .upcoming-events .upcoming-events h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
  }
  .upcoming-events .gv6,
  .upcoming-events .all-events-link {
    display: none;
  }
  .upcoming-events .all-events-link-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 68px 0px;
  }
}

/* ====================================
STICKY SIGN UP
==================================== */
.sticky-bot {
  box-shadow: 0px -6px 24px rgba(165, 165, 165, 0.24);
  position: sticky;
}
.sticky-bot .sticky-sign-up {
  padding: 24px 32px;
  margin-top: 80px;
}
.sticky-bot .sticky-sign-up .list-group-item {
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
}
.sticky-bot .sticky-sign-up p {
  text-align: center;
  margin: 0;
}
@media (max-width: 568px) {
  .sticky-bot .sticky-sign-up .btn-primary {
    font-size: 18px;
    line-height: 24px;
  }
}
.sticky-bot .sticky-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.page-content.page-content--content-page.events-header {
  width: 60vw !important;
}

.section-content .fourbythree_container .card {
  margin-bottom: 24px;
}

/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ====================================
	GENERAL
==================================== */
.upcoming-events .nav {
  margin-bottom: 1.5rem;
}
.upcoming-events .select2 {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 7px;
  outline: none;
}

.upcoming-events-nav .nav-link.active {
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.upcoming-events-nav .nav-link {
  border: 1px solid #CDCED5;
  border-radius: 100px;
  padding: 8px 32px;
  margin-right: 16px;
  color: #0072BC;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  border: 2px solid #0072BC;
}

.upcoming-events-nav .nav-link:hover {
  color: #ffffff;
  background-color: #0072BC;
}

.filter {
  display: flex;
}

.filter-by {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4D4F55;
  white-space: nowrap;
  margin: 9px 16px 9px 0px;
  width: auto;
}

.form-select2 {
  font-size: 16px;
  line-height: 24px;
  background-image: none;
  min-width: 180px;
}

.filter-select {
  width: 100%;
  height: 40px;
  border: 1px solid #CDCED5;
  border-radius: 4px;
  padding: 8px 16px;
}

@media (max-width: 991px) {
  .filter {
    display: none;
  }
  .filter-tablet {
    display: flex;
  }
}
@media (max-width: 768px) {
  .upcoming-events .scrolling {
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .upcoming-events .scrolling::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 360px) {
  .upcoming-events-header {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 576px) {
  .page-section .section-header h3 {
    font-size: 22px;
    margin-bottom: 1.5rem;
  }
}
.scrolling {
  display: flex;
  align-items: center;
  overflow-x: scroll;
}
@media (min-width: 768px) {
  .scrolling {
    overflow: visible;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
  }
}

.upcoming-events-nav .nav-pill-item {
  display: flex;
}

.upcoming-events-nav .nav-link {
  flex: none;
}
@media (min-width: 768px) {
  .upcoming-events-nav .nav-link {
    flex-grow: 1;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ====================================
	HEADER - GENERAL
==================================== */
.header-holder {
  background-color: white;
  position: relative;
  z-index: 10;
}

/*
.navbar-brand img {
	transition: .3s;
	display: block;
	height: 37px;
}*/
.dashboard-navigation {
  font-family: "Inter";
  font-weight: 400;
}
.dashboard-navigation .nav-link {
  color: #2E2F33;
}

@media (min-width: 1200px) {
  .navbar-brand {
    padding-right: 0.75rem;
    margin-right: 1.75rem;
  }
}
@media (max-width: 1199.98px) {
  .navbar-brand img {
    height: 32px;
  }
}
@media (max-width: 767.98px) {
  .navbar-brand {
    padding-right: 0;
    margin-right: 0;
  }
  .navbar-brand img {
    height: 32px;
  }
}
@media (max-width: 568px) {
  .navbar-brand img {
    height: 28px;
  }
}
/* ====================================
	HEADER - RIGHT ACTIONS
==================================== */
.header-actions-holder {
  position: relative;
}
@media (max-width: 1200px) {
  .header-actions-holder {
    top: 0;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
  }
}
.header-actions-holder .dropdown-menu.profile-dropdown.show {
  transform: translate3d(0px, 64px, 0px) !important;
}
.header-actions-holder .profile-dropdown {
  min-width: 240px;
  padding: 8px 0;
  border: 1px solid #CDCED5;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 8px;
}
.header-actions-holder .profile-dropdown li {
  float: initial;
  margin: 0;
  padding: 4px 0;
}
.header-actions-holder .profile-dropdown a {
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  margin: 0;
  text-align: start;
}
.header-actions-holder .profile-dropdown a:hover {
  background-color: #F5F5F7;
}
.header-actions-holder .profile-dropdown i {
  font-size: 16px;
  padding-right: 11px;
}
.header-actions-holder .profile-dropdown .dropdown-divider {
  padding: 0;
}
.header-actions-holder .profile-dropdown .dropdown-item {
  padding: 8px 16px;
}
.header-actions-holder .button::before {
  background-color: transparent;
}
.header-actions-holder .right-action-single-btn .btn {
  border-radius: 5rem;
  transition: 0.3s;
  color: #2E2F33;
}
.header-actions-holder .right-action-single-btn .btn:focus {
  box-shadow: none;
  color: #2E2F33;
}
.header-actions-holder .right-action-single-btn .btn:hover {
  color: #0072BC;
  background-color: #EEF6FA;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .header-actions-holder .right-action-single-btn .btn:hover {
    background-color: transparent;
    color: #2E2F33;
    height: 50px;
  }
}
@media (max-width: 960px) {
  .header-actions-holder .right-action-single-btn .btn:hover {
    height: 44px;
  }
}
.header-actions-holder button::before {
  color: #2E2F33;
}
.header-actions-holder button[aria-expanded=true] {
  color: #21409A !important;
  background-color: #EEF6FA !important;
  border-radius: 5rem;
  transition: 0.3s;
  /*.fa-regular {
  	display: none;
  }
  .fa-solid {
  	display: block !important;
  	color: black !important;
  } */
}
.header-actions-holder .profile-info {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: auto;
}
.header-actions-holder .profile-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #21409A;
}
.header-actions-holder .profile-no {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
}
@media (max-width: 1200px) {
  .header-actions-holder .dropdown-menu {
    display: none;
  }
}

.dropdown-notif {
  width: 484px;
  border-radius: 12px;
  border: #F5F5F7 1px solid;
  box-shadow: 0px 6px 24px rgba(165, 165, 165, 0.24);
}
.dropdown-notif .triangle-caret {
  position: absolute;
  top: -20px;
  right: 112.5px;
}
.dropdown-notif .notif-bar {
  padding: 16px 24px;
  border-bottom: #F5F5F7 solid 1px;
}
.dropdown-notif .notif-link {
  padding: 16px 21.5px 16px 21.5px;
  position: initial;
}
.dropdown-notif h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2E2F33;
}
.dropdown-notif span {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #0072BC;
}
.dropdown-notif .announcement-box {
  background-color: white;
}
.dropdown-notif .announcement-box .new-alert {
  color: #FF0000;
}
.dropdown-notif .announcement-box i {
  font-size: 8px;
  color: transparent;
}
.dropdown-notif .announcement-box .new-submission {
  display: flex;
}
.dropdown-notif .announcement-box .new-submission h6 {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #2E2F33;
}
.dropdown-notif .announcement-box .new-submission h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dropdown-notif .announcement-box .new-submission p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #9A9DAA;
}
.dropdown-notif .announcement-box .list-group-item {
  border: none;
  border-bottom: #F5F5F7 1px solid;
  padding: 12px 16px;
}
.dropdown-notif .announcement-box .list-group-item:first-child {
  border-radius: 0;
}
.dropdown-notif .announcement-box .list-group-item:last-child {
  border-radius: 0;
}

.header-actions-holder > div > .d-flex {
  gap: 1rem;
}

.header-actions-holder > div > .d-flex a.sgds.btn {
  padding: 0.125rem 1.25rem;
}

.header-actions-holder .right-action-single-btn {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-content: center;
}

.header-actions-holder .right-action-single-btn .badge {
  position: absolute;
  top: 0.75rem;
  right: 0.55rem;
  font-size: 10px;
  padding: 0.125rem 0.25rem;
  z-index: 1;
  background-color: #FF4D4F;
  border: white 1px solid;
}

.header-actions-holder button {
  font-size: 1.5rem;
  text-decoration: none;
  color: black;
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0;
  border: 0;
}

.header-actions-holder button::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.05);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: 0.3s;
  opacity: 0;
}

.header-actions-holder button:hover::before,
.header-actions-holder button[aria-expanded=true]::before {
  opacity: 1;
  width: 3rem;
  height: 3rem;
}

.header-actions-holder button + button {
  margin-left: 0.5rem;
}

.header-actions-holder button > small {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: 600;
  color: #FFF;
  line-height: 1;
}

.header-actions-holder button > i[class^=fa] {
  font-size: 21px;
  position: relative;
}

.right-header-dropdown {
  position: absolute;
  right: 0;
  background-color: #FFF;
  width: 17.5rem;
  box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  border-top: 1px solid rgba(var(--sgds-body-color-rgb), 0.2);
  top: 65px;
}

.header-dropdown-profile {
  padding: 1.25rem;
  border-radius: 0;
  background-color: gray;
}

.header-dropdown-profile > div > p {
  margin-bottom: 0;
  line-height: 1.5;
}

.right-header-dropdown .header-dropdown-profile {
  margin-top: -0.5rem;
}

.right-header-dropdown > div:last-child:is(.header-dropdown-profile) {
  border-radius: 0 0 0.5rem 0.5rem;
  margin-bottom: -0.5rem;
}

.header-dropdown-profile + .dropdown-divider {
  margin-top: 0;
}

.right-header-dropdown > div > a.dropdown-item {
  display: flex;
  display: -ms-flexbox;
  padding: 0.75rem 1.25rem;
  align-items: center;
  color: #333;
}

.right-header-dropdown > div > a.dropdown-item:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0.02);
}

.right-header-dropdown .dropdown-item.active,
.right-header-dropdown .dropdown-item:active {
  background-color: rgba(0, 0, 0, 0.02);
  color: inherit;
}

.hamburger-menu {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 4rem;
  height: 4rem;
  margin-right: -15px;
  transition: 0.3s;
  margin-left: 0.25rem;
}

.hamburger-menu > span,
.hamburger-menu > span::before,
.hamburger-menu > span::after {
  display: block;
  position: absolute;
  border-radius: 0.5rem;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 0.125rem;
  margin-top: -0.0625rem;
  margin-left: -0.75rem;
  background-color: #0072BC;
}

.hamburger-menu > span {
  position: relative;
}

.hamburger-menu .icon-bar::before,
.hamburger-menu .icon-bar::after {
  content: "";
  margin-top: 0;
}

.hamburger-menu .icon-bar::before {
  top: -0.4375rem;
}

.hamburger-menu .icon-bar::after {
  top: 0.4375rem;
}

.hamburger-menu .icon-bar,
.hamburger-menu .icon-bar:before,
.hamburger-menu .icon-bar:after {
  transition: 0.5s;
}

.right-action-header-profile-btn {
  color: var(--sgds-masthead-link-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  border-left: 1px solid #EAEAEA;
  padding: 0 0 0 26px;
  min-width: 240px;
}

.right-action-header-profile {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.right-action-header-profile .right-action-header-profile-img {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.right-action-header-profile-info {
  display: flex;
  align-items: center;
  line-height: 1.25;
  gap: 0.25rem;
  font-size: 1rem;
}

.right-action-header-profile-info span {
  display: inline-block;
}

.right-action-header-profile-info i {
  padding: 0.25rem;
  font-size: 1.125rem;
}

.right-action-header-profile-btn:hover .right-action-header-profile-info {
  color: white;
}

.right-action-header-profile .right-action-header-profile-img .material-symbols-outlined,
.right-action-header-profile .right-action-header-profile-img .material-icons-outlined {
  font-size: 2.5rem;
}

.right-action-header-profile .right-action-header-profile-img i {
  width: 2.25rem;
  text-align: center;
  font-size: 1.75rem;
  position: relative;
  top: 1px;
}

.right-action-header-profile .right-action-header-profile-img *[class^=material] {
  position: relative;
  top: 1px;
  font-size: 2.5rem;
}

.right-action-header-profile .profile-credit {
  font-size: 0.875rem;
}

@media (min-width: 992px) {
  .header-actions-holder > div > .d-flex a.sgds.btn {
    margin-left: 1rem;
  }
}
@media (max-width: 1199.98px) {
  .header-actions-holder > div > .d-flex {
    gap: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .header-actions-holder {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
  }
  .header-dropdown-profile {
    padding: 1rem 1.125rem;
  }
  .header-actions-holder > div > .d-flex {
    gap: 0.5rem;
    justify-content: flex-end;
  }
  .header-actions-holder button {
    width: 44px;
  }
  .header-actions-holder > div > .d-flex a.sgds.btn {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 0.25rem;
  }
  .header-actions-holder > div > .d-flex a.sgds.btn,
  .navbar-brand + div > button {
    font-size: 14px;
  }
  .right-action-header-profile-btn {
    display: flex;
    justify-content: center;
    width: 64px;
    height: 64px;
    transition: 0.3s;
  }
  .header-actions-holder .right-action-header-profile .right-action-header-profile-img *[class^=material] {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  .header-actions-holder > div > .d-flex {
    gap: 0.25rem;
  }
  .right-action-header-profile {
    display: none;
  }
  .right-action-header-profile-btn,
  .hamburger-menu {
    width: 3.75rem;
    margin-left: 0.125rem;
  }
}
/* ====================================
	GENERAL
==================================== */
.dashboard-header {
  background: linear-gradient(92.42deg, #023B5C 2.14%, #03517E 61.68%);
}
.dashboard-header .page-header-content-holder {
  padding: 1.5rem 0 !important;
}
@media (max-width: 568px) {
  .dashboard-header .page-header-content-holder {
    padding: 1rem 0 !important;
    padding-bottom: 10px !important;
  }
}
.dashboard-header .header-text-center {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  margin-right: 24px;
}
@media (max-width: 1200px) {
  .dashboard-header .header-text-center {
    justify-content: flex-end;
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  .dashboard-header .header-text-center {
    justify-content: flex-start;
    flex: 1 1 auto !important;
  }
}
@media (max-width: 568px) {
  .dashboard-header .header-text-center {
    display: flex;
    flex-direction: column;
  }
  .dashboard-header .header-text-center .mobile-demerit {
    margin-top: 12px;
    margin-left: 40px;
  }
}
.dashboard-header .hello-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}
@media (max-width: 1200px) {
  .dashboard-header .hello-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
  }
}
.dashboard-header .lp-mark {
  width: 24px;
  margin-right: 16px;
}
.dashboard-header .lp-text {
  display: inline-block;
}
.dashboard-header .lp-text1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
@media (max-width: 1200px) {
  .dashboard-header .lp-text1 {
    font-size: 14px;
    line-height: 21px;
  }
}
.dashboard-header .lp-text2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  margin: 0;
}
@media (max-width: 960px) {
  .dashboard-header .lp-text2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
.dashboard-header .demeritpointlink {
  text-decoration: none;
}
.dashboard-header .demerit-points {
  border-left: 1px solid white;
  padding-left: 24px;
}

.dashboard-header-text {
  align-items: center;
}
.dashboard-header-text .demeritpointlink .card-link::after {
  background-color: white;
}
@media (max-width: 768px) {
  .dashboard-header-text .demeritpointlink .card-link {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
}
.dashboard-header-text .emptyspan {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("empty.gif");
}
@media (max-width: 768px) {
  .dashboard-header-text {
    justify-content: space-between;
  }
}
@media (max-width: 568px) {
  .dashboard-header-text {
    flex-direction: column;
    align-items: start;
  }
}

.dashboard-section {
  /*background: url(../images/dashboard-bg.png);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-color: none;
  display: block;
}
@media (max-width: 767px) {
  .dashboard-section {
    min-height: 262px;
  }
}
@media (min-width: 768px) {
  .dashboard-section {
    height: 262px;
  }
}
.dashboard-section .page-header {
  background: none;
}
.dashboard-section a {
  text-decoration: none;
  color: black;
}
.dashboard-section .btn:active {
  background-color: #0072BC;
  color: #ffffff;
}
.dashboard-section .btn:focus {
  box-shadow: none;
}

.dashboard-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #2E2F33;
}

@media (max-width: 768px) {
  .dashboard-section .dashboard-text {
    font-size: 16px;
    line-height: 24px;
  }
  .dashboard-section .card-link {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
  }
}

.submissions {
  margin-top: 32px;
  flex-direction: row;
  display: flex;
}
@media (max-width: 568px) {
  .submissions {
    flex-direction: column;
    gap: 1rem;
  }
}
.submissions .btn {
  text-align: center;
}
@media (max-width: 768px) {
  .submissions .btn-outline-primary {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 21px;
    padding: 5.5px 16px !important;
    border: none;
    box-shadow: inset 0px 0px 0px 3px #0072BC;
  }
}
@media (max-width: 568px) {
  .submissions .btn-outline-primary {
    width: 192px;
  }
}
.submissions .btn-primary {
  background-color: #0072BC;
}
@media (max-width: 768px) {
  .submissions .btn-primary {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 21px;
    padding: 5.5px 16px !important;
  }
}
@media (max-width: 568px) {
  .submissions .btn-primary {
    width: 200px;
  }
}
.submissions .btn-primary:hover {
  background-color: #004471;
}
.submissions .btn-primary:hover .fa-chevron-down {
  display: none;
}
.submissions .btn-primary:hover .fa-chevron-up {
  display: inline-flex !important;
}
.submissions .inset {
  padding: 9px 21px;
}
.submissions .dropdown-menu {
  border-radius: 12px;
  top: 56px;
  right: 0px;
}
.submissions .dropdown-item {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  padding: 12px 16px;
}
.submissions .dropdown-item:hover {
  background-color: #F5F5F7;
}
.submissions .disabled {
  background-color: #9CADB9;
  color: white;
}
.submissions .mobile-dropdown-button .form-select {
  border: none;
  background-color: #0072BC;
  color: white;
  border-radius: 40px;
  font-size: 18px !important;
  padding: 12px 54px 12px 24px !important;
  width: 258px !important;
  font-weight: 700;
  line-height: 24px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-position: right 20px center;
}
@media (max-width: 768px) {
  .submissions .mobile-dropdown-button .form-select {
    font-size: 14px !important;
    line-height: 21px !important;
    padding: 5.5px 36px 5.5px 16px !important;
    width: 192px !important;
    height: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    background-position: right 10px top 8px;
  }
}
@media (max-width: 568px) {
  .submissions .mobile-dropdown-button .form-select {
    margin: 0 !important;
  }
}

.card-row {
  margin-top: 10px;
}

.submission-card {
  background-color: white;
  border-radius: 12px;
  filter: drop-shadow(0px 4px 16px rgba(165, 165, 165, 0.16));
}
.submission-card .card-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2E2F33;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.submission-card .card-number {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #2E2F33;
}
.submission-card .submission-card-icon {
  height: 40px;
  width: 40px;
  border-radius: 8px;
}
.submission-card i {
  font-weight: 300;
  font-size: 18px;
  line-height: 16px;
}
.submission-card .yellow-icon {
  background-color: #F8F3D6;
  color: #6B5526;
}
.submission-card .green-icon {
  background-color: #DEF2D6;
  color: #576B4F;
}
.submission-card .red-icon {
  background-color: #FFE6E2;
  color: #A23A3F;
}
.submission-card .blue-icon {
  background-color: #EEF6FA;
  color: #4B6F8B;
}
.submission-card .card-content {
  justify-content: space-between;
  padding: 16px 16px 24px 16px;
}
@media (max-width: 1200px) {
  .submission-card .card-content {
    justify-content: center;
    padding-bottom: 16px;
  }
  .submission-card .card-content .card-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    align-items: center;
  }
  .submission-card .card-content .card-number {
    text-align: center;
    margin-bottom: 0;
  }
}

.blue-card {
  background: #21409A;
  height: 10px;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.yellow-card {
  background: #FFCF02;
  height: 10px;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.green-card {
  background: #74BC1F;
  height: 10px;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.red-card {
  background: #E6492D;
  height: 10px;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.blue-card-outline:hover {
  outline: 2px solid #21409A;
}

.yellow-card-outline:hover {
  outline: 2px solid #FFCF02;
}

.green-card-outline:hover {
  outline: 2px solid #74BC1F;
}

.red-card-outline:hover {
  outline: 2px solid #E6492D;
}

.dashboard-content {
  padding: 44px 0;
}
@media (max-width: 1200px) {
  .dashboard-content {
    padding: 52px 0;
  }
}
@media (max-width: 568px) {
  .dashboard-content {
    padding: 24px 0;
  }
}
.dashboard-content a {
  text-decoration: none;
}
.dashboard-content .long-card {
  padding: 16px 24px;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 12px;
  background-color: white;
}
.dashboard-content .long-card:hover {
  outline: 2px solid #0072BC;
  background-color: #EEF6FA;
}
.dashboard-content .long-card-layout {
  flex-direction: row;
}
@media (max-width: 768px) {
  .dashboard-content .long-card-layout {
    flex-direction: column;
  }
}
.dashboard-content h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2E2F33;
}
@media (max-width: 568px) {
  .dashboard-content h1 {
    font-size: 14px;
    line-height: 21px;
  }
}
.dashboard-content h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2E2F33;
}
@media (max-width: 568px) {
  .dashboard-content h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.dashboard-content h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #2E2F33;
  margin: 0;
}
@media (max-width: 768px) {
  .dashboard-content h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.dashboard-content span {
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}

.projectref {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #4D4F55;
  padding-bottom: 4px;
}

.submissiontitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  margin-bottom: 8px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.datemodified {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #9A9DAA;
}

.next-step-badge {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .next-step-badge {
    align-items: flex-start;
  }
}
.next-step-badge .normal-next-step {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #064572;
  display: inline-flex;
  align-items: center;
}
.next-step-badge .normal-next-step i {
  font-size: 16px;
  padding-right: 4px;
}
@media (max-width: 568px) {
  .next-step-badge .normal-next-step {
    margin-top: 12px;
  }
}
.next-step-badge .error-next-step {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #E6492D;
}
@media (max-width: 568px) {
  .next-step-badge .error-next-step {
    margin-top: 12px;
  }
}

.processing-badge {
  background: #F8F3D6;
  padding: 4px 14px;
  color: #6B5526;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.cleared-badge {
  background: #DEF2D6;
  padding: 4px 14px;
  color: #3E6010;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.error-badge {
  white-space: nowrap;
  background: #FFE6E2;
  padding: 4px 14px;
  color: #A23A3F;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.draft-badge {
  background: #EEF6FA;
  padding: 4px 14px;
  color: #4B6F8B;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.circulars {
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
}
.circulars h5 {
  max-width: 330px;
}
@media (max-width: 960px) {
  .circulars a:last-child {
    border: none;
  }
}

.announcement-box {
  padding: 12px 0 12px 0;
  border-radius: 12px;
  background-color: white;
  height: 91%;
  overflow:hidden;
}
.announcement-box .new-submission {
  display: flex;
}
.announcement-box .new-submission i {
  font-size: 8px;
  color: transparent;
}
.announcement-box .new-submission .new-alert {
  color: #FF0000;
}
.announcement-box .list-group-item {
  border: none;
  border-bottom: #F5F5F7 1px solid;
  padding: 16px;
}
.announcement-box .list-group-item:first-child {
  border-radius: 0;
}
.announcement-box .list-group-item:last-child {
  border-radius: 0;
}
.announcement-box h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  margin: 0;
  max-width: initial;
}
@media (max-width: 568px) {
  .announcement-box h5 {
    font-size: 14px;
    line-height: 21px;
  }
}
.announcement-box p {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #2E2F33;
  margin: 0;
}
@media (max-width: 568px) {
  .announcement-box p {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

/* ====================================
	MODAL
==================================== */
@media (max-width: 1024px) {
  .retrieveModal {
    margin: 1.75rem auto;
    min-width: 660px;
  }
}
@media (max-width: 768px) {
  .retrieveModal {
    margin: 1.75rem auto;
    min-width: calc(100% - 3.5rem);
  }
}
.retrieve-modal-content .modal-header {
  padding: 16px 32px;
  border: none;
}
.retrieve-modal-content h1 {
  font-size: 20px !important;
  line-height: 36px !important;
}
.retrieve-modal-content .modal-body {
  /*padding: 64px 0;*/
  background-color: #EEF6FA;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.retrieve-modal-content .modal-body .container {
  padding: 0 64px;
}
@media (max-width: 768px) {
  .retrieve-modal-content .modal-body .container {
    margin: 0;
  }
}
@media (max-width: 568px) {
  .retrieve-modal-content .modal-body .container {
    padding: 0;
  }
}
.retrieve-modal-content .modal-body a {
  color: white;
}
.retrieve-modal-content .modal-body p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}
.retrieve-modal-content .modal-body .d-flex {
  flex-direction: column;
  align-items: center;
}
.retrieve-modal-content .modal-body .custom.tooltip.inner {
  max-width: 250px !important;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 16px;
  color: white;
  text-align: left;
}
.retrieve-modal-content .modal-body .form-control {
  border-radius: 40px;
  border: none;
  padding: 8px;
  margin-bottom: 40px;
}
@media (max-width: 568px) {
  .retrieve-modal-content .modal-body .form-control {
    margin-bottom: 80px;
  }
}
.retrieve-modal-content .modal-body .search {
  position: relative;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border: none;
}
.retrieve-modal-content .modal-body .search input {
  height: 56px;
  text-indent: 24px;
}
@media (max-width: 568px) {
  .retrieve-modal-content .modal-body .search input {
    height: 40px;
    text-indent: 16px;
  }
}
.retrieve-modal-content .modal-body .search button {
  position: absolute;
  top: 6px;
  right: 8px;
  height: auto;
  /* background: #9cadb9; */
  padding: 8px 24px;
}
@media (max-width: 568px) {
  .retrieve-modal-content .modal-body .search button {
    top: 56px;
    right: 0px;
    width: 100%;
    text-align: center;
  }
}

.container-retrieve {
  width: 588px;
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
  border-radius: 12px;
}
@media (max-width: 768px) {
  .container-retrieve {
    width: calc(100% - 2.5rem);
  }
}

/* ====================================
	MOBILE NAVBAR
==================================== */
.lp-view {
  /*padding-top: 90px;*/
}
.lp-view .profile-navbar {
  background: linear-gradient(92.42deg, #023B5C 2.14%, #00649D 61.68%);
}
.lp-view .profile-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.lp-view .profile-no {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1200px) {
  .lp-view .mobile-menu-holder li a {
    padding: 16px 24px;
  }
}
@media (max-width: 568px) {
  .lp-view .mobile-menu-holder li a {
    padding: 16px;
  }
}

.profile-info button:hover::before {
  background-color: transparent;
}

.notif-bell-menu {
  text-decoration: none;
}
.notif-bell-menu .btn.btn-link {
  height: 44px;
}
.notif-bell-menu .badge {
  top: 0.65rem !important;
}

.lp-mobile-notif-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: auto;
  background-color: #F6F6F8;
  z-index: 4;
  display: none;
  max-height: 100%;
  overflow: hidden;
  padding-top: 92px;
}
.lp-mobile-notif-menu .mobile-dropdown-notif {
  background-color: white;
  border: none;
  box-shadow: 0px 6px 24px rgba(165, 165, 165, 0.24);
}
.lp-mobile-notif-menu .mobile-dropdown-notif .notif-bar {
  padding: 16px 24px;
  border-bottom: #F5F5F7 solid 1px;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .notif-link {
  padding: 0 21.5px 16px 21.5px;
}
.lp-mobile-notif-menu .mobile-dropdown-notif h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2E2F33;
  font-family: "Inter";
}
.lp-mobile-notif-menu .mobile-dropdown-notif span {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #0072BC;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box {
  background-color: white;
  height: initial;
  width: 100vw;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .new-alert {
  color: #FF0000;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box i {
  font-size: 8px;
  color: transparent;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .new-submission {
  display: flex;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .new-submission h6 {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #2E2F33;
  font-family: "Inter";
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .new-submission h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #0072BC;
  font-family: "Inter";
  max-width: initial;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .new-submission p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #9A9DAA;
  font-family: "Inter";
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .list-group-item {
  border: none;
  border-bottom: #F5F5F7 1px solid;
  padding: 12px 16px;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .list-group-item:first-child {
  border-radius: 0;
}
.lp-mobile-notif-menu .mobile-dropdown-notif .announcement-box .list-group-item:last-child {
  border-radius: 0;
}

@media (min-width: 1200px) {
  .lp-mobile-notif-menu,
  .mobile-menu-wrapper {
    display: none !important;
  }
}
.notif-bell-menu.menuOpen {
  /*.fa-regular {
  	display: none;
  }
  .fa-solid {
  	display: block !important;
  	color: black;
  } */
}
.notif-bell-menu.menuOpen .btn.btn-link {
  color: #21409A;
  background-color: #EEF6FA;
  border-radius: 5rem;
  height: 50px;
}
@media (max-width: 960px) {
  .notif-bell-menu.menuOpen .btn.btn-link {
    height: 44px;
  }
}

.dashboard-section .page-header .header-content .page-title-container {
  display: block !important;
}

.dashboard-content .gv1 .card-link,
.dashboard-content .gv2 .card-link {
  position: initial !important;
}

.demerit-points .card-link {
  position: initial !important;
  bottom: auto;
}

.new-button-group {
  width: 100%;
}

.new-button-group .btn {
  width: 100%;
}

@media (min-width: 1200px) {
  .new-button-group {
    width: 60%;
    margin-left: auto;
  }
  .new-button-group .btn {
    width: 50%;
  }
  .profile-page .page-header-wrappers.variant-2 {
    align-items: center;
  }
}
tr td .clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.PN-RNRow {
  width: 30%;
}

.CreatedByRow {
  width: 15%;
}

.retrieve-modal-content .modal-body .content-area .fa-circle-info {
  color: #9A9DAA !important;
  line-height: 24px;
}

@media screen and (max-width: 768px) {
  .CSModal .left-side .form-check:nth-of-type(3) {
    margin-right: 1rem;
  }
}
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter/Inter-VariableFont.ttf);
}
/* ====================================
SUBCAREERS HEADER
==================================== */
.subcareers-header {
  height: 466px;
}
.subcareers-header .page-header {
  z-index: initial;
}
.subcareers-header .page-header .header-content {
  height: auto;
  top: 48px;
}
.subcareers-header img {
  mix-blend-mode: normal;
  -o-object-fit: cover;
     object-fit: cover;
}
.subcareers-header .trial {
  z-index: initial;
}
.subcareers-header .st2,
.subcareers-header .st3 {
  fill: white;
}
.subcareers-header h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 32px;
}

/* ====================================
SUBCAREERS LANDING
==================================== */
.subcareers-landing .featured-content {
  margin-bottom: 80px;
}
.subcareers-landing img {
  border-radius: 12px;
}
.subcareers-landing p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  margin: 0;
}
.subcareers-landing h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  color: #21409A;
  margin-bottom: 42px;
}
.subcareers-landing .vertical-card {
  width: 282px;
  height: 542px;
}
.subcareers-landing .square-card {
  width: 286px;
  height: 259px;
}
.subcareers-landing .quote {
  display: inline-flex;
}
.subcareers-landing .quote i {
  font-size: 32px;
  line-height: 45px;
  color: #21409A;
}
.subcareers-landing .quote h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #21409A;
  margin: 0;
}
.subcareers-landing .quote .quote-text {
  margin-top: 6px;
}
.subcareers-landing .hear-more-link {
  margin-top: 68px;
}

.engineers-section .engineer-text {
  padding: 80px 0;
}
.engineers-section .engineer-quote {
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  color: #21409A;
}
.engineers-section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2E2F33;
}

/* ====================================
OVERLAP CARDS 
==================================== */
.engineering-card-row {
  margin-bottom: 80px;
}

.engineer-left-card {
  width: 750px;
  height: 450px;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
}

.img-fit {
  -o-object-fit: cover;
     object-fit: cover;
}

.img-card-bg {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.overlap-card {
  height: 404px;
  background-color: white;
  position: relative;
  width: 45%;
  margin: 1.5rem 0;
  margin-left: -3.25rem;
  overflow: hidden;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 12px;
}

.engineers-section .card-content {
  position: absolute;
  height: auto;
  top: 0;
  padding: 40px;
}
.engineers-section .card-content h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #21409A;
}
.engineers-section .card-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
}
.engineers-section .card-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.engineers-section .card-content ul li img {
  width: 11px;
  height: 13.5px;
  margin-right: 1rem;
  position: relative;
}
.engineers-section .card-content ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4D4F55;
  margin-bottom: 1rem;
}

/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
/* ========================================================================
	CSS BUILT BY: 	NCS
	BOOTSTRAP VER: 	5+
	SGDS VER: 		2.0
======================================================================== */
.section-light-blue-bg {
  background-color: #EEF6FA;
}

.login-component h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  color: #21409A;
}
.login-component p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #4D4F55;
  max-width: 815px;
}
.login-component h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #9A9DAA;
}
.login-component a {
  color: #1F99E9;
  text-decoration: none;
}

.card-circle-via h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #9A9DAA;
}

.two-cards {
  justify-content: center;
}
@media (max-width: 720px) {
  .two-cards {
    margin-top: 0;
    flex-direction: column;
  }
}

.login-cards {
  margin: 20px 20px 0 20px;
}
@media (max-width: 720px) {
  .login-cards {
    margin-left: auto;
    margin-right: auto;
  }
}

.card-circle-via {
  width: 60px;
  height: 60px;
  background-color: #FFFFFF;
  border: 2px solid #F5F5F7;
  border-radius: 60px;
  margin-bottom: -30px;
  z-index: 5;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.card-component {
  width: 306px;
  height: 176px;
  box-shadow: 0px 4px 16px rgba(165, 165, 165, 0.16);
  border-radius: 12px;
  background-color: white;
  padding: 42px 0;
  z-index: initial;
  position: relative;
}

.login-card-text {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #2E2F33;
}

.singpass-button {
  background: #F4323C;
  border-radius: 8px;
  padding: 10px 16px;
  color: #ffffff;
  /* font-family: "Poppins"; */
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.6px;
  border: none;
}

.corpass-button {
  background: #17469E;
  border-radius: 8px;
  padding: 10px 16px;
  color: #ffffff;
  /* font-family: "Poppins"; */
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.6px;
  border: none;
}

.singpass-button2 {
  background: white;
  border-radius: 8px;
  padding: 10px 16px;
  color: black;
  /* font-family: "Poppins"; */
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.6px;
  border: none;
  border: 1.5px solid #CECDD2;
}

.navbar-brand a img {
  height: 40px;
}

.page-header .header-content {
  position: absolute;
}

@media (max-width: 767px) {
  .page-header {
    overflow: hidden;
  }
  .page-header .header-content {
    padding: 0 1rem;
  }
  .page-header-wrapper {
    background: none !important;
  }
  .dashboard-section .bg-image-header {
    height: 262px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .dashboard-section {
    max-height: 420px;
    overflow: hidden;
  }
  .dashboard-section .bg-image-header {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 568px) {
  .dashboard-section {
    min-height: 500px !important;
  }
}
@media (min-width: 1200px) {
  .dashboard-section {
    min-height: 326px;
  }
}
.page-header-wrappers.variant-2 h3 {
  align-items: center !important;
}

@media (min-width: 991px) {
  .page-header-wrappers.variant-2 {
    align-items: center;
  }
}
.BPP-alert-container {
  background-color: #F8F3D6;
}

.BPP-alert {
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  position: relative;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.BPP-alert .fa-circle-exclamation {
  color: #FFC534;
}

.BPP-alert .card-link .learn-link {
  color: #0072BC !important;
  text-decoration: none;
}

.BPP-alert .card-link .learn-link .fa-chevron-right {
  color: #0072BC !important;
  text-decoration: none;
}

.BPP-alert .gv5 {
  display: inline-block;
  height: 1.25rem;
  bottom: 2px;
  position: relative;
}

.text-alerts {
  height: 100%;
  display: flex;
  align-items: center;
}

.BPP-alert .announcement-close {
  position: absolute;
  right: 1rem;
}

.alert-wrapper.variant-2 {
  margin-left: auto;
  margin-right: auto;
}

.profile-navbar {
  margin: 0 -1.5rem;
}/*# sourceMappingURL=screenv3.css.map */