/* MIXINS */
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
@keyframes bounceUp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceRight {
  0% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.5, 0.36, 0.9, 0.83);
  }
  70% {
    transform: translateX(30px);
    animation-timing-function: cubic-bezier(0.17, 0.4, 0.33, 0.94);
  }
  100% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.5, 0.36, 0.9, 0.83);
  }
}
@keyframes bounceLeft {
  0% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.5, 0.36, 0.9, 0.83);
  }
  70% {
    transform: translateX(-30px);
    animation-timing-function: cubic-bezier(0.17, 0.4, 0.33, 0.94);
  }
  100% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.5, 0.36, 0.9, 0.83);
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0.1;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?0000");
  src: url("font/fontello.eot?0000#iefix") format("embedded-opentype"), url("font/fontello.woff2?0000") format("woff2"), url("font/fontello.woff?0000") format("woff"), url("font/fontello.ttf?0000") format("truetype"), url("font/fontello.svg?0000#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  font-family: "Lexend", sans-serif;
}
@media (max-width: 600px) {
  body {
    font-size: 0.875rem;
  }
}

/* Heading 1 */
h1 {
  font-weight: 600;
  font-size: 2.75rem;
}
@media (max-width: 600px) {
  h1 {
    font-size: 1.125rem;
  }
}

/* Heading 2 */
h2 {
  font-weight: 600;
  font-size: 2.125rem;
}
@media (max-width: 600px) {
  h2 {
    font-size: 1.125rem;
  }
}

/* Heading 3 */
h3 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
@media (min-width: 600px) and (max-width: 900px) {
  h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 600px) {
  h3 {
    font-size: 1.125rem;
  }
}

/* Heading 4 */
h4 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  h4 {
    font-size: 1.125rem;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  h4 {
    font-size: 1.125rem;
  }
}

/* Heading 5*/
h5 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
}
@media (max-width: 600px) {
  h5 {
    font-size: 0.875rem;
  }
}

/* Body Text */
.body-text {
  font-weight: 300;
  font-size: 1rem;
}
@media (max-width: 600px) {
  .body-text {
    font-size: 0.875rem;
  }
}

/* Button Text */
.button-text {
  font-weight: 500;
  font-size: 1rem;
}

/* Small Text */
small {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  small {
    font-size: 0.875rem;
  }
}

/* Bold Text */
.bold-text {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.09375rem;
}

/* Links */
.links {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .links {
    font-size: 0.75rem;
  }
}

/* Paragraph */
p {
  font-weight: 300;
  font-size: 1rem;
}

@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?0000");
  src: url("font/fontello.eot?0000#iefix") format("embedded-opentype"), url("font/fontello.woff2?0000") format("woff2"), url("font/fontello.woff?0000") format("woff"), url("font/fontello.ttf?0000") format("truetype"), url("font/fontello.svg?0000#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  font-family: "Lexend", sans-serif;
}
@media (max-width: 600px) {
  body {
    font-size: 0.875rem;
  }
}

/* Heading 1 */
h1 {
  font-weight: 600;
  font-size: 2.75rem;
}
@media (max-width: 600px) {
  h1 {
    font-size: 1.125rem;
  }
}

/* Heading 2 */
h2 {
  font-weight: 600;
  font-size: 2.125rem;
}
@media (max-width: 600px) {
  h2 {
    font-size: 1.125rem;
  }
}

/* Heading 3 */
h3 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
@media (min-width: 600px) and (max-width: 900px) {
  h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 600px) {
  h3 {
    font-size: 1.125rem;
  }
}

/* Heading 4 */
h4 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  h4 {
    font-size: 1.125rem;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  h4 {
    font-size: 1.125rem;
  }
}

/* Heading 5*/
h5 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
}
@media (max-width: 600px) {
  h5 {
    font-size: 0.875rem;
  }
}

/* Body Text */
.body-text {
  font-weight: 300;
  font-size: 1rem;
}
@media (max-width: 600px) {
  .body-text {
    font-size: 0.875rem;
  }
}

/* Button Text */
.button-text {
  font-weight: 500;
  font-size: 1rem;
}

/* Small Text */
small {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  small {
    font-size: 0.875rem;
  }
}

/* Bold Text */
.bold-text {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.09375rem;
}

/* Links */
.links {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .links {
    font-size: 0.75rem;
  }
}

/* Paragraph */
p {
  font-weight: 300;
  font-size: 1rem;
}

.btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 15px 30px;
  gap: 10px;
  border-radius: 5px;
  font-size: 1rem;
  color: #FCFCFC;
  white-space: nowrap;
  border: none;
}
@media (max-width: 600px) {
  .btn {
    padding: 13px 20px;
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .btn {
    padding: 10px 20px;
    font-size: 0.875rem;
  }
}

.btn-primary {
  background-color: #17388C;
}
.btn-primary:hover {
  background-color: #8EC986;
  color: #17388C;
}

.btn-primary-outline {
  color: #17388C;
  background-color: none;
  border: 1px solid #17388C;
}
.btn-primary-outline:hover {
  color: #CBCACA;
  border-color: #CBCACA;
}

.btn-secondary, .btn-secondary-outline {
  background-color: #F6F8FF;
  color: #17388C;
}

.btn-secondary-outline {
  border: 1px solid #17388C;
}

.btn-contact {
  border-radius: 0 10px 10px 0;
  padding: 25px;
  height: 100%;
  color: #FCFCFC;
}

.btn-outline {
  border: 1px solid #FCFCFC;
}
.btn-outline:hover {
  border: 1px solid #8EC986;
  background-color: #8EC986;
  color: #17388C;
}

.btn-success {
  background-color: #8EC986;
  color: #17388C;
}

.btn-navigation {
  background-color: #FCFCFC;
  color: #17388C;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px 20px;
}
@media (max-width: 600px) {
  .btn-navigation {
    padding: 15px 10px;
    max-height: 20px;
  }
}

.slick-prev,
.slick-next {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  background-color: #FCFCFC;
  border: none;
  border-radius: 10px;
  color: #17388C;
  font-size: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  overflow: visible;
}
@media (min-width: 600px) and (max-width: 900px) {
  .slick-prev,
.slick-next {
    top: -40%;
  }
}
@media (max-width: 600px) {
  .slick-prev,
.slick-next {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    font-size: 25px;
  }
}
.slick-prev span,
.slick-next span {
  margin-bottom: 5px;
}

.slick-prev {
  right: 15%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .slick-prev {
    right: 7%;
  }
}
@media (max-width: 600px) {
  .slick-prev {
    right: 25%;
  }
}

.slick-next {
  right: 10%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .slick-next {
    right: 0%;
  }
}

.slick-disabled {
  background-color: #a0aecf;
}

.btn-float {
  display: none;
}
@media (max-width: 600px) {
  .btn-float {
    display: flex;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    z-index: 9999999;
    border: none;
    appearance: none;
    -webkit-appearance: none;
  }
  .btn-float:hover {
    border: none;
    outline: none;
  }
  .btn-float:focus {
    border: none;
    box-shadow: none;
  }
  .btn-float i {
    transition: transform 0.5s ease-in-out;
  }
  .btn-float i::before {
    color: #FCFCFC;
  }
}

@media (max-width: 600px) {
  .btn-float i.rotated {
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
  }
}

header {
  position: relative;
}
header .header-wrapper {
  height: 40px;
  background-color: #17388C;
  color: #FCFCFC;
}
@media (max-width: 600px) {
  header .header-wrapper {
    display: none;
  }
}
header .header-wrapper .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
header .header-wrapper .container .header-icons {
  display: flex;
  gap: 10px;
}
header .header-wrapper .container .header-icons .icon-menu::before {
  font-size: 24px;
}
header .header-wrapper .container .header-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
header .mobile-menu-container.open {
  transform: translateX(0);
  opacity: 1;
  display: block;
}
header .mobile-menu-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
  background-color: #FFF;
  min-height: 100vh;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 70%;
  padding: 20px 10px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform: translateX(100%);
  opacity: 0;
  display: none;
}
@media (min-width: 600px) and (max-width: 900px) {
  header .mobile-menu-container {
    padding: 20px;
    max-width: 100%;
  }
}
header .mobile-menu-container .mobile-nav-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  max-width: 100%;
}
@media (min-width: 600px) and (max-width: 900px) {
  header .mobile-menu-container .mobile-nav-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
  }
}
header .mobile-menu-container .mobile-nav-wrapper i::before {
  cursor: pointer;
  font-size: 24px;
}
header .mobile-menu-container .mobile-nav-wrapper small {
  color: #1e1e1e;
  font-weight: 400;
}
@media (min-width: 600px) and (max-width: 900px) {
  header .mobile-menu-container .mobile-nav-wrapper small {
    display: none;
  }
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
@media (min-width: 600px) and (max-width: 900px) {
  header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar {
    max-width: 50%;
  }
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar a {
  width: 100%;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  width: 100%;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item:nth-child(2) {
  position: relative;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item:nth-child(2) .text {
  padding-right: 5px;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item:nth-child(2) .text::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  padding-left: 5px;
  transform: translateY(-50%);
  content: "\e913";
  font-family: "icomoon";
  color: #CBCACA;
  font-size: 8px;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu {
  display: none;
  top: 100%;
  left: 0;
  list-style-type: none;
  height: auto;
  width: 100%;
  padding: 5px;
  margin: 0;
  z-index: 1000;
  background-color: #FFF;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 100%;
  padding: 10px;
  gap: 10px;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #D8D8D8;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu li:last-child {
  border-bottom: none;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu li svg {
  width: 20px;
  height: 20px;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu li a {
  flex-grow: 1;
  white-space: nowrap;
  min-width: 150px;
  color: #1e1e1e;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item .submenu li a:hover {
  color: #17388C;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item:hover .submenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .nav-item:hover .submenu span::after {
  display: none;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .active {
  background-color: #17388C;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .active a {
  color: #FCFCFC;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .active a i::before {
  color: #FCFCFC;
}
header .mobile-menu-container .mobile-nav-wrapper .mobile-navbar ul .active:nth-child(2) span::after {
  filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.footer-content {
  position: relative;
  background: #F6F8FF;
}
@media (max-width: 600px) {
  .footer-content .container {
    margin: 0;
    max-width: 100%;
  }
}
.footer-content .top-layer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: -160px;
}
@media (max-width: 600px) {
  .footer-content .top-layer {
    position: static;
    margin-bottom: 0;
  }
}
.footer-content .footer-wrapper {
  width: 100%;
  height: 600px;
  position: relative;
}
.footer-content .footer-wrapper #clippath {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-image: url("../../public/images/clippath.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  min-height: 500px;
  bottom: 80%;
  z-index: -9;
}
@media (min-width: 600px) and (max-width: 900px) {
  .footer-content .footer-wrapper #clippath {
    min-height: 400px;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper #clippath {
    display: none;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper {
    background-color: #17388C;
    background-image: none;
    height: 100%;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container.padding-200 {
    padding-top: 200px;
  }
}
.footer-content .footer-wrapper .footer-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  height: 100%;
  padding-bottom: 40px;
  color: #FCFCFC;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container {
    padding-top: 25px;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row {
    flex-direction: column;
    gap: 25px;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row:nth-child(2) {
  align-items: center;
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  max-width: 50%;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-column {
    max-width: 100%;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-column .widget-list h4 {
  color: #FCFCFC;
}
@media (min-width: 600px) and (max-width: 900px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-column .widget-list h4 {
    font-size: 0.75rem;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-column .widget-list .links {
    font-size: 0.75rem;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-column small {
    line-height: 24px;
    color: #F6F8FF;
    text-align: left;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-column .logo {
  width: 220px;
  height: 80px;
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-icons {
    align-items: flex-start;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-icons i::before {
  font-size: 30px;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-icons i::before {
    font-size: 20px;
  }
}
.footer-content .footer-wrapper .footer-container .footer-row .footer-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-buttons {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-buttons {
    flex-direction: column-reverse;
  }
}
@media (max-width: 600px) {
  .footer-content .footer-wrapper .footer-container .footer-row .footer-buttons .btn {
    width: 100%;
  }
}

.footer-credits {
  background-color: #FCFCFC;
}
.footer-credits .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
@media (max-width: 600px) {
  .footer-credits .container {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 15px;
  }
}
.footer-credits .container .footer-terms {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 15px;
}
@media (max-width: 600px) {
  .footer-credits .container .footer-terms {
    justify-content: space-between;
  }
}
.footer-credits .container .footer-terms .divider {
  color: #D8D8D8;
}

.background-light-blue {
  background-color: #E8EFFF;
}

.navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  height: 70px;
  border-radius: 10px;
  margin-top: 20px;
  padding: 0;
  box-shadow: 0px 8px 34px 3px rgba(30, 30, 30, 0.0509803922);
}
@media (max-width: 600px) {
  .navbar {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .navbar {
    display: none;
  }
}
.navbar ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  gap: 5px;
}
.navbar ul .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.navbar ul .nav-item .nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #1e1e1e;
  padding: 0;
  gap: 8px;
}
.navbar ul .nav-item .nav-link i::before {
  color: #1e1e1e;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .navbar ul .nav-item .nav-link .text {
    font-size: 0.75rem;
  }
}
.navbar ul .nav-item .nav-link .nav-icon {
  margin-right: 8px;
}
.navbar ul .nav-item:first-child {
  margin-left: 50px;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .navbar ul .nav-item:first-child {
    margin-left: 10px;
  }
}
.navbar ul .nav-item:last-child {
  margin-right: 50px;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .navbar ul .nav-item:last-child {
    margin-right: 10px;
  }
}
.navbar ul .nav-item:nth-child(2)::before {
  position: absolute;
  right: -30%;
  bottom: 30%;
  transform: translateY(-50%);
  content: "\e913";
  font-family: "icomoon";
  color: #CBCACA;
  font-size: 8px;
}
.navbar ul .nav-item .submenu {
  display: none;
  position: absolute;
  top: 90%;
  left: -50%;
  background-color: #FCFCFC;
  box-shadow: 0px 8px 34px 3px rgba(30, 30, 30, 0.1490196078);
  list-style-type: none;
  height: auto;
  width: auto;
  border-radius: 10px;
  padding: 5px;
  margin: 0;
  z-index: 1000;
  box-sizing: border-box;
}
.navbar ul .nav-item .submenu li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 100%;
  padding: 10px;
  gap: 10px;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #D8D8D8;
}
.navbar ul .nav-item .submenu li:last-child {
  border-bottom: none;
}
.navbar ul .nav-item .submenu li a {
  flex-grow: 1;
  white-space: nowrap;
  min-width: 150px;
}
.navbar ul .nav-item:hover .submenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.navbar ul .active .nav-link i::before {
  color: #17388C;
  font-weight: 600;
}
.navbar ul .active::after {
  content: "";
  display: block;
  max-width: 67px;
  width: 100%;
  height: 5px;
  background: #8EC986;
  border-radius: 10px 12px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-45%);
}
.navbar ul .active:nth-child(2)::after {
  transform: translateX(calc(-50% + 10px));
}
.navbar ul .active:nth-child(2)::before {
  color: #17388C;
}
.navbar ul .active .text {
  color: #17388C;
  font-weight: 600;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
  color: #FCFCFC;
  height: 600px;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
    height: 800px;
  }
  .grid-container .item2, .grid-container .item3 {
    grid-column: span 2;
    order: 2;
  }
  .grid-container .item2 img, .grid-container .item3 img {
    max-height: 150px;
  }
  .grid-container .item1 {
    order: 0;
  }
  .grid-container .item4, .grid-container .item5 {
    grid-row: span 1;
    order: 1;
  }
}
.grid-container .hover-content {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #17388C;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (min-width: 600px) and (max-width: 900px) {
  .grid-container .hover-content {
    overflow: scroll;
  }
  .grid-container .hover-content::-webkit-scrollbar {
    display: none;
  }
}
.grid-container .hover-content:hover {
  opacity: 1;
}
.grid-container .item {
  position: relative;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-height: 600px;
  transition: transform 0.5s ease, max-height 0.5s ease;
  border-radius: 15px;
}
@media (max-width: 600px) {
  .grid-container .item img {
    width: auto;
    height: auto;
  }
}
.grid-container .item .hover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.5, -0.55, 0.27, 1.55), opacity 0.5s ease;
  transform-origin: center center;
  border-radius: 15px;
}
.grid-container .item .absolute-text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px;
}
.grid-container .item:hover .hover-img {
  transform: scale(1.3);
}
.grid-container .item:nth-child(2) .hover-img:hover, .grid-container .item:nth-child(3) .hover-img:hover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: width 0.5s ease;
}
.grid-container .item:nth-child(1) .hover-img {
  transition: transform 0.8s cubic-bezier(0.5, -0.1, 0.27, 1), opacity 0.5s ease;
}
.grid-container .item1 {
  grid-column: span 2;
}
.grid-container .item2, .grid-container .item3 {
  grid-row: span 2;
}

.carousel-wrapper, .carousel-sidebar-wrapper, .carousel-default-wrapper {
  position: relative;
}
@media (max-width: 600px) {
  .carousel-wrapper, .carousel-sidebar-wrapper, .carousel-default-wrapper {
    max-width: 400px;
  }
}
.carousel-wrapper .announcements-carousel, .carousel-wrapper .announcements-carousel-sidebar, .carousel-wrapper .announcements-carousel-default, .carousel-sidebar-wrapper .announcements-carousel, .carousel-sidebar-wrapper .announcements-carousel-sidebar, .carousel-sidebar-wrapper .announcements-carousel-default, .carousel-default-wrapper .announcements-carousel, .carousel-default-wrapper .announcements-carousel-sidebar, .carousel-default-wrapper .announcements-carousel-default {
  position: relative;
  overflow: hidden;
}
.carousel-wrapper .announcements-carousel .item, .carousel-wrapper .announcements-carousel-sidebar .item, .carousel-wrapper .announcements-carousel-default .item, .carousel-sidebar-wrapper .announcements-carousel .item, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item, .carousel-sidebar-wrapper .announcements-carousel-default .item, .carousel-default-wrapper .announcements-carousel .item, .carousel-default-wrapper .announcements-carousel-sidebar .item, .carousel-default-wrapper .announcements-carousel-default .item {
  position: relative;
  margin-right: 20px;
  transition: transform 0.5s ease-in-out;
}
.carousel-wrapper .announcements-carousel .item img, .carousel-wrapper .announcements-carousel-sidebar .item img, .carousel-wrapper .announcements-carousel-default .item img, .carousel-sidebar-wrapper .announcements-carousel .item img, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item img, .carousel-sidebar-wrapper .announcements-carousel-default .item img, .carousel-default-wrapper .announcements-carousel .item img, .carousel-default-wrapper .announcements-carousel-sidebar .item img, .carousel-default-wrapper .announcements-carousel-default .item img {
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .carousel-wrapper .announcements-carousel .item img, .carousel-wrapper .announcements-carousel-sidebar .item img, .carousel-wrapper .announcements-carousel-default .item img, .carousel-sidebar-wrapper .announcements-carousel .item img, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item img, .carousel-sidebar-wrapper .announcements-carousel-default .item img, .carousel-default-wrapper .announcements-carousel .item img, .carousel-default-wrapper .announcements-carousel-sidebar .item img, .carousel-default-wrapper .announcements-carousel-default .item img {
    height: 150px;
  }
}
.carousel-wrapper .announcements-carousel .item img.image-blur, .carousel-wrapper .announcements-carousel-sidebar .item img.image-blur, .carousel-wrapper .announcements-carousel-default .item img.image-blur, .carousel-sidebar-wrapper .announcements-carousel .item img.image-blur, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item img.image-blur, .carousel-sidebar-wrapper .announcements-carousel-default .item img.image-blur, .carousel-default-wrapper .announcements-carousel .item img.image-blur, .carousel-default-wrapper .announcements-carousel-sidebar .item img.image-blur, .carousel-default-wrapper .announcements-carousel-default .item img.image-blur {
  filter: blur(1px);
}
.carousel-wrapper .announcements-carousel .item .top-layer, .carousel-wrapper .announcements-carousel-sidebar .item .top-layer, .carousel-wrapper .announcements-carousel-default .item .top-layer, .carousel-sidebar-wrapper .announcements-carousel .item .top-layer, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item .top-layer, .carousel-sidebar-wrapper .announcements-carousel-default .item .top-layer, .carousel-default-wrapper .announcements-carousel .item .top-layer, .carousel-default-wrapper .announcements-carousel-sidebar .item .top-layer, .carousel-default-wrapper .announcements-carousel-default .item .top-layer {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.carousel-wrapper .announcements-carousel .item .top-layer h4, .carousel-wrapper .announcements-carousel-sidebar .item .top-layer h4, .carousel-wrapper .announcements-carousel-default .item .top-layer h4, .carousel-sidebar-wrapper .announcements-carousel .item .top-layer h4, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item .top-layer h4, .carousel-sidebar-wrapper .announcements-carousel-default .item .top-layer h4, .carousel-default-wrapper .announcements-carousel .item .top-layer h4, .carousel-default-wrapper .announcements-carousel-sidebar .item .top-layer h4, .carousel-default-wrapper .announcements-carousel-default .item .top-layer h4 {
  position: static;
  text-align: center;
}
.carousel-wrapper .announcements-carousel .item .top-layer a, .carousel-wrapper .announcements-carousel-sidebar .item .top-layer a, .carousel-wrapper .announcements-carousel-default .item .top-layer a, .carousel-sidebar-wrapper .announcements-carousel .item .top-layer a, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item .top-layer a, .carousel-sidebar-wrapper .announcements-carousel-default .item .top-layer a, .carousel-default-wrapper .announcements-carousel .item .top-layer a, .carousel-default-wrapper .announcements-carousel-sidebar .item .top-layer a, .carousel-default-wrapper .announcements-carousel-default .item .top-layer a {
  transform: rotate(180deg);
}
.carousel-wrapper .announcements-carousel .item .top-layer a i, .carousel-wrapper .announcements-carousel-sidebar .item .top-layer a i, .carousel-wrapper .announcements-carousel-default .item .top-layer a i, .carousel-sidebar-wrapper .announcements-carousel .item .top-layer a i, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item .top-layer a i, .carousel-sidebar-wrapper .announcements-carousel-default .item .top-layer a i, .carousel-default-wrapper .announcements-carousel .item .top-layer a i, .carousel-default-wrapper .announcements-carousel-sidebar .item .top-layer a i, .carousel-default-wrapper .announcements-carousel-default .item .top-layer a i {
  font-size: 30px;
}
.carousel-wrapper .announcements-carousel .item h4, .carousel-wrapper .announcements-carousel-sidebar .item h4, .carousel-wrapper .announcements-carousel-default .item h4, .carousel-sidebar-wrapper .announcements-carousel .item h4, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item h4, .carousel-sidebar-wrapper .announcements-carousel-default .item h4, .carousel-default-wrapper .announcements-carousel .item h4, .carousel-default-wrapper .announcements-carousel-sidebar .item h4, .carousel-default-wrapper .announcements-carousel-default .item h4 {
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: white;
  padding: 5px;
  z-index: 9;
}
.carousel-wrapper .announcements-carousel-sidebar, .carousel-sidebar-wrapper .announcements-carousel-sidebar, .carousel-default-wrapper .announcements-carousel-sidebar {
  max-width: 100%;
}
.carousel-wrapper .announcements-carousel-sidebar .item, .carousel-sidebar-wrapper .announcements-carousel-sidebar .item, .carousel-default-wrapper .announcements-carousel-sidebar .item {
  margin-right: 0;
}

.carousel-sidebar-wrapper {
  max-width: 100%;
}
.carousel-sidebar-wrapper .navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  z-index: 100;
  top: 30%;
  width: 100%;
}
.carousel-sidebar-wrapper .navigation .slick-prev, .carousel-sidebar-wrapper .navigation .slick-next {
  background: transparent;
  color: #FCFCFC;
}
.carousel-sidebar-wrapper .navigation .slick-disabled {
  color: #a0aecf;
}
.carousel-sidebar-wrapper .announcements-carousel-sidebar .item {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.carousel-sidebar-wrapper .announcements-carousel-sidebar .item.slick-current {
  opacity: 1;
}
.carousel-sidebar-wrapper .announcements-carousel-sidebar .item h4 {
  bottom: 10px;
}

.carousel-default-wrapper.container {
  padding: 0;
}
@media (max-width: 600px) {
  .carousel-default-wrapper.container .announcements-carousel-default .item {
    margin-right: 0;
  }
}
.carousel-default-wrapper.container .announcements-carousel-default .item img {
  height: 150px;
  width: 100%;
}
@media (max-width: 600px) {
  .carousel-default-wrapper.container .announcements-carousel-default .item img {
    height: 210px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .carousel-default-wrapper.container .announcements-carousel-default .item img {
    height: 210px;
  }
}

.announcements-wrapper {
  color: #FCFCFC;
  margin-top: 20px;
  padding-bottom: 110px;
  position: relative;
}
@media (max-width: 600px) {
  .announcements-wrapper {
    background-color: #17388C;
    padding-bottom: 25px;
  }
}
.announcements-wrapper .announcements-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10rem 0 60px 0;
  z-index: 9;
  position: relative;
}
@media (min-width: 3000px) {
  .announcements-wrapper .announcements-row {
    padding: 20rem 0 60px 0;
  }
}
@media (max-width: 600px) {
  .announcements-wrapper .announcements-row {
    margin: 0;
    padding: 0 0 0 15px;
    gap: 40px;
  }
}
@media (max-width: 600px) {
  .announcements-wrapper .announcements-row h1 {
    max-width: 50%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .announcements-wrapper .announcements-row h1 {
    font-size: 34px;
  }
}
.announcements-wrapper .announcements-row .navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.announcements-wrapper .bounce-effect-right {
  animation: bounceRight 0.5s alternate;
}
.announcements-wrapper .bounce-effect-left {
  animation: bounceLeft 0.5s alternate;
}

.events-wrapper {
  background-color: #E8EFFF;
  width: 100%;
}
.events-wrapper .container {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 600px) {
  .events-wrapper .container {
    text-align: left;
    padding: 0 20px;
  }
}
.events-wrapper .container .h1 {
  display: block;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .events-wrapper .container .h1 {
    text-align: left;
    padding-bottom: 10px;
  }
}
.events-wrapper .container p {
  color: #1e1e1e;
}
@media (max-width: 600px) {
  .events-wrapper .container p {
    padding-bottom: 20px;
  }
}
.events-wrapper .events-grid-container {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  max-height: 300px;
}
@media (max-width: 600px) {
  .events-wrapper .events-grid-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
  }
}
@media (max-width: 600px) {
  .events-wrapper .events-grid-container .slick-track {
    height: 100%;
  }
}
.events-wrapper .events-grid-container .item {
  position: relative;
  text-align: center;
  width: 100%;
  flex: 1;
  overflow: hidden;
  transition: 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  line-height: 0;
}
@media (max-width: 600px) {
  .events-wrapper .events-grid-container .item {
    flex: 0 0 50%;
    transition: 0;
  }
}
.events-wrapper .events-grid-container .item:hover {
  flex: 1 1 20%;
}
@media (max-width: 600px) {
  .events-wrapper .events-grid-container .item:hover {
    flex: 0 0 50%;
  }
}
.events-wrapper .events-grid-container .item > img {
  width: 150%;
  height: calc(100% - 10vh);
  object-fit: cover;
  transition: 0.5s;
}
.events-wrapper .events-grid-container .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 600px) {
  .events-wrapper .events-grid-container .item img {
    max-height: 150px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .events-wrapper .events-grid-container .item img {
    max-height: 200px;
  }
}
.events-wrapper .events-grid-container .item .image-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  position: absolute;
  bottom: 10px;
  color: white;
  padding: 0 10px;
}
.events-wrapper .events-grid-container .item .image-text .hover-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.events-wrapper .events-grid-container .item .image-text .hover-content .hover-text {
  text-align: left;
}
.events-wrapper .events-grid-container .item .image-text .hover-content .btn-success {
  padding: 10px 20px;
}
.events-wrapper .events-grid-container .item .image-text .display-none {
  display: none;
}

.information-wrapper {
  width: 100%;
}
.information-wrapper .container {
  text-align: center;
  padding-top: 20px 0;
}
@media (max-width: 600px) {
  .information-wrapper .container {
    text-align: left;
    padding: 0 20px;
  }
}
.information-wrapper .container .h1 {
  display: block;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .information-wrapper .container .h1 {
    text-align: left;
    padding-bottom: 10px;
  }
}
.information-wrapper .container p {
  color: #1e1e1e;
  padding-bottom: 40px;
}
@media (max-width: 600px) {
  .information-wrapper .container p {
    padding-bottom: 20px;
  }
}
.information-wrapper .container .info-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  transition: grid-template-columns 0.5s ease-in-out;
  gap: 30px;
  width: 100%;
  height: 600px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .information-wrapper .container .info-grid-container {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .information-wrapper .container .info-grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
}
.information-wrapper .container .info-grid-container .item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 1;
  transition: width 0.8s cubic-bezier(0.5, -0.55, 0.27, 1.55), opacity 0.5s ease;
  border-radius: inherit;
  overflow: hidden;
}
.information-wrapper .container .info-grid-container .item {
  position: relative;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.information-wrapper .container .info-grid-container .item:nth-child(1) img:hover {
  opacity: 1;
  transform: scale(1.3);
  transition: width 0.5s cubic-bezier(0.5, -0.55, 0.27, 1.55), opacity 0.5s ease;
  transform-origin: left;
}
@media (max-width: 600px) {
  .information-wrapper .container .info-grid-container .item:nth-child(1) img:hover {
    transform: scale(1.3);
  }
}
.information-wrapper .container .info-grid-container .item:nth-child(1):hover {
  animation: zoomScale 0.3s forwards;
}
@keyframes zoomScale {
  0% {
    width: 100%;
  }
  50% {
    width: 105%;
  }
  100% {
    width: 100%;
  }
}
.information-wrapper .container .info-grid-container .item:nth-child(1):hover .item-overlay {
  opacity: 0;
  height: 100%;
}
.information-wrapper .container .info-grid-container .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.5s ease-in-out;
}
.information-wrapper .container .info-grid-container .item img:hover {
  transform: scale(1.3);
  transition: transform 0.8s cubic-bezier(0.5, -0.55, 0.27, 1.55), opacity 0.5s ease;
  transform-origin: center center;
}
.information-wrapper .container .info-grid-container .item .description {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #FCFCFC;
  padding: 5px;
}
.information-wrapper .container .info-grid-container .item .contract-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 300px;
  width: 100%;
  background-color: #E8EFFF;
  position: absolute;
  padding: 10px;
  bottom: 0;
  display: none;
  text-align: left;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
.information-wrapper .container .info-grid-container .item .contract-info .contract-info-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.information-wrapper .container .info-grid-container .item .contract-info .contract-info-actions .h4 {
  padding-top: 20px;
  padding-bottom: 10px;
}
.information-wrapper .container .info-grid-container .item .contract-info .contract-info-actions .btn::before {
  font-family: "icomoon";
  content: "\e918";
  font-size: 20px;
}
.information-wrapper .container .info-grid-container .item .contract-info .contract-info-actions .btn-secondary-outline::before {
  content: "\e91f";
  font-size: 1rem;
}

.hw-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  animation: fadeInFromNone 0.5s ease-in-out;
  gap: 15px;
  padding: 20px;
  height: 100%;
}
.hw-info .hw-info-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.hw-info .hw-info-heading i::before {
  font-size: 15px;
  cursor: pointer;
}
.hw-info small {
  text-align: justify;
  font-size: 0.875rem;
}
@media (min-width: 600px) and (max-width: 900px) {
  .hw-info small {
    font-size: 0.65rem;
  }
}
.hw-info .hw-funds-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  width: 100%;
  padding-top: 10px;
}
.hw-info .hw-funds-grid .hw-funds-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #E8EFFF;
  color: #17388C;
  border-radius: 10px;
  padding: 20px;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .hw-info .hw-funds-grid .hw-funds-grid-item {
    padding: 15px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .hw-info .hw-funds-grid .hw-funds-grid-item {
    padding: 10px;
  }
}
.hw-info .hw-funds-grid .hw-funds-grid-item:hover {
  cursor: pointer;
  background-color: #8EC986;
}
.hw-info .hw-funds-grid .hw-funds-grid-item i::before {
  padding-top: 20px;
  font-size: 60px;
  font-weight: 400;
  cursor: pointer;
}
@media (min-width: 600px) and (max-width: 900px) {
  .hw-info .hw-funds-grid .hw-funds-grid-item i::before {
    font-size: 30px;
  }
}
@media (min-width: 900px) and (max-width: 1200px) {
  .hw-info .hw-funds-grid .hw-funds-grid-item h4 {
    font-size: 1rem;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .hw-info .hw-funds-grid .hw-funds-grid-item h4 {
    font-size: 0.875rem;
  }
}

.hw-info-plan-a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  padding: 20px;
  height: 100%;
  display: none;
  background-color: #E8EFFF;
  color: #17388C;
  display: none;
}
.hw-info-plan-a .h3 {
  font-weight: 600;
  color: #000;
}
.hw-info-plan-a .widget-list {
  animation: fadeInFromNone 0.5s ease-in-out;
}
.hw-info-plan-a.visible {
  display: flex;
}
.hw-info-plan-a .hw-info-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #000;
}
.hw-info-plan-a .hw-info-heading i::before {
  color: #1e1e1e;
  cursor: pointer;
}

.text-card {
  width: 100%;
  border-radius: 10px;
  padding: 20px 60px;
  text-align: center;
  background-color: #F6F8FF;
}
@media (max-width: 600px) {
  .text-card {
    padding: 10px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .text-card {
    padding: 10px 20px;
  }
}

.card-blue {
  background-color: #E8EFFF;
  color: #17388C;
}

.dropdown-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
@media (max-width: 600px) {
  .dropdown-cards {
    gap: 15px;
  }
}

.widget, .widget-dropdown {
  z-index: 1;
  background-color: #FCFCFC;
  width: 100%;
  box-shadow: 0px 8px 34px 3px rgba(30, 30, 30, 0.0509803922);
  border-radius: 6px;
}
.widget .widget-header, .widget-dropdown .widget-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background-color: #17388C;
  color: #FCFCFC;
  padding: 20px 15px;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transition: transform 0.5s ease, color 0.5s ease;
  position: relative;
  cursor: pointer;
}
.widget .widget-header h4, .widget-dropdown .widget-header h4 {
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 600px) and (max-width: 900px) {
  .widget .widget-header h4, .widget-dropdown .widget-header h4 {
    font-size: 16px;
  }
}
.widget .widget-header i::before, .widget-dropdown .widget-header i::before {
  font-size: 30px;
  color: #FCFCFC;
}
.widget .widget-header:after, .widget-dropdown .widget-header:after {
  content: "\e913";
  font-family: "icomoon";
  color: #FCFCFC;
  font-size: 8px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.widget .widget-header.widget-closed, .widget-dropdown .widget-header.widget-closed {
  border-radius: 6px;
  background-color: transparent;
  color: #17388C;
  border: 1px solid #CBCACA;
}
.widget .widget-header.widget-closed i::before, .widget-dropdown .widget-header.widget-closed i::before {
  color: #17388C;
}
.widget .widget-header.widget-closed:after, .widget-dropdown .widget-header.widget-closed:after {
  content: "\e913";
  font-size: 8px;
  color: #17388C;
  transform: translateY(-50%) scaleY(-1);
  transition: opacity 0.25s ease, transform 0.5s ease;
}
.widget .widget-content.content-hidden, .widget-dropdown .widget-content.content-hidden {
  display: none;
}
.widget .widget-content, .widget-dropdown .widget-content {
  display: none;
}
@media (max-width: 600px) {
  .widget .widget-content, .widget-dropdown .widget-content {
    width: 100%;
  }
}
.widget .widget-content .widget-content-list, .widget-dropdown .widget-content .widget-content-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 70px;
  padding: 20px 0;
  padding-right: 45px;
}
@media (max-width: 600px) {
  .widget .widget-content .widget-content-list, .widget-dropdown .widget-content .widget-content-list {
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .widget .widget-content .widget-content-list, .widget-dropdown .widget-content .widget-content-list {
    gap: 45px;
    padding: 0;
  }
}
.widget .widget-content .widget-content-list .divider, .widget-dropdown .widget-content .widget-content-list .divider {
  width: 1px;
  height: 150px;
  background-color: rgba(0, 0, 0, 0.1490196078);
}
@media (max-width: 600px) {
  .widget .widget-content .widget-content-list .divider, .widget-dropdown .widget-content .widget-content-list .divider {
    height: 1px;
    width: 100%;
  }
}
.widget .widget-content .widget-content-list .divider:last-child, .widget-dropdown .widget-content .widget-content-list .divider:last-child {
  width: 0px;
}
.widget .widget-content .widget-content-list .divider.large, .widget-dropdown .widget-content .widget-content-list .divider.large {
  transition: width 0.5s ease-in-out;
  width: 3px;
}
.widget .widget-content .widget-content-list .widget-list, .widget-dropdown .widget-content .widget-content-list .widget-list {
  transition: margin-right 0.5s ease-in-out;
  flex: 1;
}
.widget .widget-content .widget-content-list .widget-list:last-child, .widget-dropdown .widget-content .widget-content-list .widget-list:last-child {
  padding-right: 0px;
}
.widget .widget-content .widget-content-list .widget-list h4, .widget-dropdown .widget-content .widget-content-list .widget-list h4 {
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .widget .widget-content .widget-content-list .widget-list h4, .widget-dropdown .widget-content .widget-content-list .widget-list h4 {
    font-size: 0.875rem;
  }
}
.widget .widget-content .widget-content-list .widget-list .documents-list, .widget-dropdown .widget-content .widget-content-list .widget-list .documents-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-top: 15px;
  height: 100%;
}
@media (max-width: 600px) {
  .widget .widget-content .widget-content-list .widget-list .documents-list, .widget-dropdown .widget-content .widget-content-list .widget-list .documents-list {
    padding-top: 0;
  }
}
.widget .widget-content .widget-content-list .widget-list .documents-list li, .widget-dropdown .widget-content .widget-content-list .widget-list .documents-list li {
  text-decoration: none;
  border-bottom: none;
}
.widget .widget-content .widget-content-list .expanded, .widget-dropdown .widget-content .widget-content-list .expanded {
  margin-right: 20px;
  transition: margin-right 0.3s ease-in-out;
}
.widget .widget-content .widget-content-list .expanded:last-child, .widget-dropdown .widget-content .widget-content-list .expanded:last-child {
  margin-right: 0;
}
.widget ul, .widget-dropdown ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.widget ul li, .widget-dropdown ul li {
  width: 100%;
  border-bottom: 1px solid #CBCACA;
  list-style: none;
}
.widget ul li:last-child, .widget-dropdown ul li:last-child {
  border: none;
}
.widget ul li a, .widget-dropdown ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px 0;
}
.widget ul li a span, .widget-dropdown ul li a span {
  opacity: 80%;
  font-weight: 300;
}
.widget ul li i::before, .widget-dropdown ul li i::before {
  font-size: 20px;
}
.widget ul .info-item.announcements .info-item-header .item-text, .widget-dropdown ul .info-item.announcements .info-item-header .item-text {
  font-weight: 300;
}
.widget ul .info-item.announcements .info-item-header .expand-icon, .widget-dropdown ul .info-item.announcements .info-item-header .expand-icon {
  font-size: 0.875rem;
  font-weight: 500;
}
.widget ul .info-item, .widget-dropdown ul .info-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  padding: 15px 5px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .widget ul .info-item, .widget-dropdown ul .info-item {
    padding: 15px 0;
  }
}
.widget ul .info-item .info-item-header, .widget-dropdown ul .info-item .info-item-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 10px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .widget ul .info-item .info-item-header, .widget-dropdown ul .info-item .info-item-header {
    padding-right: 0px;
  }
}
.widget ul .info-item .info-item-header .header-text, .widget-dropdown ul .info-item .info-item-header .header-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.widget ul .info-item .info-item-header .header-text .date, .widget-dropdown ul .info-item .info-item-header .header-text .date {
  color: #17388C;
  font-size: 0.625rem;
  background-color: #F6F8FF;
  padding: 6px;
  font-weight: 600;
}
.widget ul .info-item .info-item-header span:first-child, .widget-dropdown ul .info-item .info-item-header span:first-child {
  text-decoration: none;
}
.widget ul .info-item .nested-list, .widget-dropdown ul .info-item .nested-list {
  border-radius: 10px;
  background-color: #F6F8FF;
  width: 100%;
  padding: 0;
}
.widget ul .info-item .nested-list .info-item .info-item-header .item-text, .widget-dropdown ul .info-item .nested-list .info-item .info-item-header .item-text {
  font-weight: 400;
}
@media (max-width: 600px) {
  .widget ul .info-item .nested-list .info-item .info-item-header .item-text, .widget-dropdown ul .info-item .nested-list .info-item .info-item-header .item-text {
    font-size: 0.875rem;
  }
}
.widget ul .info-item .nested-list .info-item .widget-content, .widget-dropdown ul .info-item .nested-list .info-item .widget-content {
  font-weight: 500;
}
.widget ul .info-item .expand-icon, .widget-dropdown ul .info-item .expand-icon {
  font-size: 20px;
  color: #17388C;
}
.widget ul .info-item .expand-icon i::before, .widget-dropdown ul .info-item .expand-icon i::before {
  display: flex;
}
.widget ul .info-item .expand-icon .read-more, .widget-dropdown ul .info-item .expand-icon .read-more {
  display: flex;
  white-space: nowrap;
}
.widget ul .info-item .expand-icon .icon-plus::before, .widget-dropdown ul .info-item .expand-icon .icon-plus::before {
  transition: opacity 0.5s ease;
  font-size: 10px;
}
.widget ul .info-item .expand-icon .icon-minus::before, .widget-dropdown ul .info-item .expand-icon .icon-minus::before {
  opacity: 1;
  font-size: 2px;
}
.widget ul .info-item .expand-icon .visible, .widget-dropdown ul .info-item .expand-icon .visible {
  animation: fadeInFromNone 0.5s ease-in-out;
}
.widget ul .info-item span:first-child, .widget-dropdown ul .info-item span:first-child {
  text-decoration: underline;
}

.widget-talent .info-item .info-item-header .item-text, .widget-annuity .info-item .info-item-header .item-text, .widget-money-eggs .info-item .info-item-header .item-text, .widget-vacation .info-item .info-item-header .item-text, .widget-note .info-item .info-item-header .item-text {
  font-weight: 600;
}

.widget-annuity .widget-header, .widget-money-eggs .widget-header, .widget-vacation .widget-header, .widget-note .widget-header {
  color: #17388C;
  background-color: #D3E5ED;
}
.widget-annuity .widget-header i::before, .widget-money-eggs .widget-header i::before, .widget-vacation .widget-header i::before, .widget-note .widget-header i::before {
  color: #17388C;
}
.widget-annuity .widget-header:after, .widget-money-eggs .widget-header:after, .widget-vacation .widget-header:after, .widget-note .widget-header:after {
  color: #17388C;
}
.widget-annuity .widget-header .info-item .info-item-header .item-text, .widget-money-eggs .widget-header .info-item .info-item-header .item-text, .widget-vacation .widget-header .info-item .info-item-header .item-text, .widget-note .widget-header .info-item .info-item-header .item-text {
  font-weight: 600;
}

.widget-vacation .widget-header {
  background-color: #8EC986;
}

.widget-money-eggs .widget-header {
  background-color: #FCFCFC;
}

.widget-note .widget-header {
  background-color: #F7F7F7;
}

.radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.radio-group .radio-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
@media (max-width: 600px) {
  .radio-group .radio-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
}
.radio-group .radio-buttons .radio-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.radio-group .radio-buttons .radio-button input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #D8D8D8;
  padding: 5px;
  box-sizing: border-box;
  margin: 0;
  transform: translateY(5%);
  place-content: center;
  display: grid;
}
.radio-group .radio-buttons .radio-button input[type=radio]:checked {
  border-color: #17388C;
}
.radio-group .radio-buttons .radio-button input[type=radio]:checked::before {
  transform: scale(1);
}
.radio-group .radio-buttons .radio-button input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #17388C;
}

.inputs-wrapper {
  position: relative;
}

.textarea {
  width: 100%;
}
.textarea textarea {
  border-radius: 10px;
  border: 1px solid #CBCACA;
  padding: 15px;
  width: 100%;
}

.text-input, .select-input, .filter-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  position: relative;
}
.text-input label, .select-input label, .filter-input label {
  white-space: nowrap;
}
.text-input input, .text-input select, .select-input input, .select-input select, .filter-input input, .filter-input select {
  border: 1px solid #CBCACA;
  padding: 20px;
  border-radius: 5px;
  width: 100%;
}
.text-input input:active, .text-input select:active, .select-input input:active, .select-input select:active, .filter-input input:active, .filter-input select:active {
  border-color: #17388C;
}
.text-input input[type=date], .select-input input[type=date], .filter-input input[type=date] {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
  position: relative;
}
.text-input input[type=date]::-webkit-inner-spin-button, .text-input input[type=date]::-webkit-clear-button, .text-input input[type=date]::-webkit-calendar-picker-indicator, .select-input input[type=date]::-webkit-inner-spin-button, .select-input input[type=date]::-webkit-clear-button, .select-input input[type=date]::-webkit-calendar-picker-indicator, .filter-input input[type=date]::-webkit-inner-spin-button, .filter-input input[type=date]::-webkit-clear-button, .filter-input input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.text-input .custom-date-icon, .select-input .custom-date-icon, .filter-input .custom-date-icon {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 20px;
  position: absolute;
  bottom: 25%;
  right: 2%;
  transform: translateY(10%);
}
.text-input input[type=password], .select-input input[type=password], .filter-input input[type=password] {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 2px;
  font-size: 0.5rem;
}
.text-input input[type=password]::placeholder, .select-input input[type=password]::placeholder, .filter-input input[type=password]::placeholder {
  font-family: "Lexend", sans-serif;
  letter-spacing: 0;
  font-size: 0.875rem;
}
.text-input input[type=password]::selection, .select-input input[type=password]::selection, .filter-input input[type=password]::selection {
  font-size: 30px;
  line-height: 30px;
}
.text-input .show-password, .select-input .show-password, .filter-input .show-password {
  position: absolute;
  bottom: 25%;
  right: 2%;
  width: 20px;
  height: 20px;
  transform: translateY(10%);
  cursor: pointer;
  display: none;
  content: "\e913";
  font-family: "icomoon";
  color: #CBCACA;
}
.text-input .show-password.show, .select-input .show-password.show, .filter-input .show-password.show {
  content: "\e915";
}

.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 3px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .checkbox {
    max-width: 100%;
  }
}
.checkbox .checkbox-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  position: relative;
}
@media (max-width: 600px) {
  .checkbox .checkbox-input {
    gap: 5px;
  }
}
.checkbox .checkbox-input input {
  -webkit-appearance: none;
  border: 2px solid #CBCACA;
  padding: 10px;
  border-radius: 3px;
}
@media (max-width: 600px) {
  .checkbox .checkbox-input input {
    padding: 8px;
  }
}
.checkbox .checkbox-input input:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox .checkbox-input input.primary {
  border-color: #1e1e1e;
}
.checkbox .checkbox-input .loader {
  display: none;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 600px) {
  .checkbox .checkbox-input .loader {
    width: 20px;
    height: 20px;
  }
}
.checkbox .checkbox-input .checkmark {
  display: none;
  width: 25px;
  height: 25px;
  background: url("../../../../public/icons/green-tick.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 2.5px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 600px) {
  .checkbox .checkbox-input .checkmark {
    width: 15px;
    height: 15px;
  }
}
.checkbox .checkbox-input .checkmark-grey {
  width: 18px;
  height: 18px;
  left: 4px;
  filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(0%) hue-rotate(18deg) brightness(92%) contrast(94%);
}
@media (max-width: 600px) {
  .checkbox .checkbox-input .checkmark-grey {
    left: 2.5px;
    width: 15px;
    height: 15px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.recaptcha {
  position: relative;
  border: 1px solid #CBCACA;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.0784313725);
  padding: 7px 7px 7px 15px;
  background-color: #F9F9F9;
}
@media (min-width: 600px) and (max-width: 900px) {
  .recaptcha {
    width: 100%;
  }
}

.my-select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  gap: 10px;
  overflow: hidden;
}
.my-select .select-selected {
  padding: 20px;
  border: 1px solid #CBCACA;
  background-color: #FCFCFC;
  border-radius: 5px;
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
@media (min-width: 600px) and (max-width: 900px) {
  .my-select .select-selected {
    padding: 15px 10px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .my-select .select-selected .text {
    font-size: 0.875rem;
  }
}
.my-select .select-selected:active {
  color: #1e1e1e;
}
.my-select .select-selected::after {
  content: url("../../../../public/icons/arrow-down.svg");
  position: absolute;
  right: 5%;
  top: 30%;
  width: 20px;
  height: 20px;
  transform: translateY(10%);
}
.my-select .arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15%;
  top: 50%;
  z-index: 99999;
  transform: translateY(-50%);
  gap: 3px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .my-select .arrows {
    right: 7.5%;
  }
}
.my-select .arrows i::before {
  color: #1e1e1e;
  font-size: 0.575rem;
}
@media (min-width: 600px) and (max-width: 900px) {
  .my-select .arrows i::before {
    font-size: 0.475rem;
  }
}
.my-select .arrows .icon-select-arrow:last-child {
  transform: rotate(180deg) translateY(10%);
}
.my-select .filter-arrows::after {
  content: "";
}
.my-select .select-items {
  display: none;
  position: absolute;
  border: 1px solid #CBCACA;
  background-color: #FCFCFC;
  border-top: none;
  border-radius: 0 0 5px 5px;
  width: 100%;
  top: 44%;
  max-height: 150px;
  overflow-y: auto;
  z-index: 999;
  padding: 5px;
}
@media (max-width: 600px) {
  .my-select .select-items {
    max-width: 100%;
    top: 28%;
  }
}
.my-select .select-items::-webkit-scrollbar {
  display: none;
}
.my-select .select-items .select-option {
  padding: 10px;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  color: #1e1e1e;
  color: #CBCACA;
  box-sizing: border-box;
  border-radius: 5px;
}
.my-select .select-items .select-option:hover {
  background-color: #F6F8FF;
  color: #17388C;
  font-weight: 500;
}
.my-select .select-items .active {
  background-color: #F6F8FF;
  color: #17388C;
  font-weight: 500;
}

.search-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 15px;
  gap: 10px;
  width: 100%;
  height: 54px;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #F6F8FF;
}
@media (max-width: 600px) {
  .search-container {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .search-container {
    display: none;
  }
}
.search-container .search-input {
  border: none;
  outline: none;
  flex-grow: 1;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  background-color: #F6F8FF;
}
.search-container .search-input::placeholder {
  color: #1e1e1e;
}
.search-container .search-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}
.search-container .search-button i::before {
  font-size: 24px;
}

.search-container.search-resources {
  display: flex;
  padding: 8px;
  height: auto;
}
@media (min-width: 600px) and (max-width: 900px) {
  .search-container.search-resources {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .search-container.search-resources {
    padding: 0;
  }
}

.header-search-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}
@media (max-width: 600px) {
  .header-search-wrapper {
    padding-top: 5px;
  }
}
.header-search-wrapper .logo-wrapper {
  position: relative;
  width: 50%;
  height: 100%;
}
.header-search-wrapper .logo-wrapper .spotlight {
  position: absolute;
  width: 383.07px;
  background: linear-gradient(180deg, rgba(255, 242, 0, 0.6) 1.78%, rgba(250, 228, 82, 0.12) 104%);
  height: 800%;
  top: 260%;
  left: 70%;
  width: 45%;
  transform: translate(-50%, -50%) rotate(305deg);
  pointer-events: none;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  z-index: -1;
  opacity: 40%;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .header-search-wrapper .logo-wrapper .spotlight {
    top: 252%;
    left: 80%;
    width: 80%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .logo-wrapper .spotlight {
    top: 255%;
    left: 110%;
    width: 65%;
  }
}
@media (max-width: 600px) {
  .header-search-wrapper .logo-wrapper .spotlight {
    top: 180%;
    left: 84%;
    width: 70%;
    height: 500%;
  }
}
.header-search-wrapper .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper {
    max-width: 50%;
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper {
    justify-content: flex-end;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper {
    align-items: flex-end;
  }
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper a {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper a {
    display: none;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper a i::before {
  font-size: 24px;
  color: rgb(23, 56, 140);
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper a i::before {
    color: #1e1e1e;
  }
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper a i::before {
    color: #1e1e1e;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper a .text-underline {
  text-decoration: underline;
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  max-width: 60%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions {
    justify-content: flex-end;
  }
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions {
    gap: 15px;
    max-width: 100%;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions .header-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 100%;
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions .header-action .icon-menu::before {
  font-size: 24px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .header-action div.text {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .header-action div.text {
    display: none;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions .divider {
  margin: 0 15px;
  border-left: 2px solid #D8D8D8;
  height: 30px;
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .divider {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .divider {
    display: none;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions .mobile-icon {
  display: none;
  display: none;
}
@media (max-width: 600px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .mobile-icon {
    display: flex;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .header-search-wrapper .wrapper .header-actions-wrapper .header-actions .mobile-icon {
    display: flex;
  }
}
.header-search-wrapper .wrapper .header-actions-wrapper .header-actions .mobile-icon i::before {
  font-size: 24px;
}

.contact-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding: 35px;
  margin-top: 60px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../public/images/contact.jpg");
  background-position: center 50%;
  color: #FCFCFC;
}
@media (max-width: 600px) {
  .contact-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 0px;
    margin-top: 20px;
    padding: 20px;
  }
}
.contact-card small {
  max-width: 500px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 24px;
}
@media (max-width: 600px) {
  .contact-card small {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0;
  }
}

.contact-question-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 35px;
  padding: 35px;
  border-radius: 10px;
  background-color: #FFF;
}
@media (min-width: 600px) and (max-width: 900px) {
  .contact-question-card {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .contact-question-card {
    margin-top: 20px;
    padding: 20px;
    gap: 15px;
  }
}
.contact-question-card form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.contact-question-card form .inputs-wrapper-50 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 600px) {
  .contact-question-card form .inputs-wrapper-50 {
    flex-flow: nowrap column;
    gap: 15px;
  }
}
.contact-question-card form .inputs-wrapper-50 .text-input {
  gap: 0;
  max-width: calc(50% - 15px);
}
@media (min-width: 600px) and (max-width: 900px) {
  .contact-question-card form .inputs-wrapper-50 .text-input {
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .contact-question-card form .inputs-wrapper-50 .text-input {
    max-width: 100%;
  }
}
.contact-question-card form .inputs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  padding-bottom: 20px;
}
@media (max-width: 600px) {
  .contact-question-card form .inputs-wrapper {
    gap: 15px;
    padding-bottom: 0;
  }
}
.contact-question-card form .inputs-wrapper div {
  width: 100%;
}
.contact-question-card form .inputs-wrapper .text-input, .contact-question-card form .inputs-wrapper .textarea {
  display: flex;
  gap: 0;
}
.contact-question-card form .inputs-wrapper .recaptcha {
  max-width: 30%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .contact-question-card form .inputs-wrapper .recaptcha {
    max-width: 50%;
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .contact-question-card form .inputs-wrapper .recaptcha {
    max-width: 100%;
  }
}

.sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 25%;
  gap: 20px;
  min-width: 270px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .sidebar {
    min-width: 230px;
  }
}
.sidebar .sidebar-nav {
  z-index: 1;
  background-color: #FCFCFC;
  width: 100%;
  box-shadow: 0px 8px 34px 3px rgba(30, 30, 30, 0.0509803922);
  border-radius: 6px;
}
.sidebar .sidebar-nav h4 {
  background-color: #17388C;
  color: #FCFCFC;
  width: 100%;
  padding: 20px 15px;
  white-space: nowrap;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.sidebar .sidebar-nav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.sidebar .sidebar-nav ul li {
  width: 100%;
  border-bottom: 1px solid #CBCACA;
  list-style: none;
}
.sidebar .sidebar-nav ul li:last-child {
  border: none;
}
.sidebar .sidebar-nav ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 15px 0;
}
.sidebar .sidebar-nav ul li a span {
  opacity: 80%;
  font-weight: 300;
}
.sidebar .sidebar-nav ul li svg {
  width: 20px;
  height: 20px;
}

.mobile-menu-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  top: 25%;
  right: 15px;
  transform: translateY(-50%);
}
.mobile-menu-wrapper .nav-sidebar {
  display: none;
  position: absolute;
  bottom: 120%;
  min-width: 200px;
  z-index: 9999999;
  transition: transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease;
}
.mobile-menu-wrapper .nav-sidebar.visible {
  opacity: 1;
  display: block;
}
.mobile-menu-wrapper .nav-sidebar .nav-sidebar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.mobile-menu-wrapper .nav-sidebar .nav-sidebar-wrapper .nav-item-sidebar {
  border-radius: 10px;
  background-color: #FCFCFC;
  color: #17388C;
  padding: 5px 10px;
  width: 100%;
  box-shadow: 0px 8px 54px 6px rgba(0, 0, 0, 0);
}
.mobile-menu-wrapper .nav-sidebar .nav-sidebar-wrapper .nav-item-sidebar.visible {
  box-shadow: 0px 8px 54px 6px rgba(0, 0, 0, 0.15);
}
.mobile-menu-wrapper .nav-sidebar .nav-sidebar-wrapper .nav-item-sidebar .links {
  color: #17388C;
  font-weight: 600;
  line-height: 36px;
}

/* Clip-container */
.clip-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

/* Shape base styles */
.shape {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

/* Shape 1 */
.shape-1 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 3%, 98% 0%, 95% 85%, 75% 65%, 60% 100%, 75% 66%, 95% 85%, 98% 0%, 100% 4%, 100% 3%);
}

/* Shape 2 */
.shape-2 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 3%, 98% 0%, 95% 80%, 75% 60%, 58% 100%, 75% 61%, 95% 80%, 98% 0%, 100% 4%, 100% 3%);
}

/* Shape 3 */
.shape-3 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 2.5%, 98% 0%, 95% 75%, 75% 55%, 56% 100%, 75% 56%, 95% 75%, 98% 0%, 100% 3.5%, 100% 2.5%);
}

/* Shape 4 */
.shape-4 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 2.5%, 98% 0%, 95% 70%, 75% 50%, 54% 100%, 75% 51%, 95% 70%, 98% 0%, 100% 3.5%, 100% 2.5%);
}

/* Shape 5 */
.shape-5 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 2%, 98% 0%, 95% 65%, 75% 45%, 52% 100%, 75% 46%, 95% 65%, 98% 0%, 100% 3%, 100% 2%);
}

/* Shape 6 */
.shape-6 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 2%, 98% 0%, 95% 60%, 75% 40%, 50% 100%, 75% 41%, 95% 60%, 98% 0%, 100% 3%, 100% 2%);
}

/* Shape 7 */
.shape-7 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 1.5%, 98% 0%, 95% 55%, 75% 35%, 48% 100%, 75% 36%, 95% 55%, 98% 0%, 100% 2.5%, 100% 1.5%);
}

/* Shape 8 */
.shape-8 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 1.5%, 98% 0%, 95% 50%, 75% 30%, 46% 100%, 75% 31%, 95% 50%, 98% 0%, 100% 2.5%, 100% 1.5%);
}

/* Shape 9 */
.shape-9 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 1%, 98% 0%, 95% 45%, 75% 25%, 44% 100%, 75% 26%, 95% 45%, 98% 0%, 100% 2%, 100% 1%);
}

/* Shape 10 */
.shape-10 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 1%, 98% 0%, 95% 40%, 75% 20%, 42% 100%, 75% 21%, 95% 40%, 98% 0%, 100% 2%, 100% 1%);
}

/* Shape 11 */
.shape-11 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 0.5%, 98% 0%, 95% 35%, 75% 15%, 40% 100%, 75% 16%, 95% 35%, 98% 0%, 100% 1.5%, 100% 0.5%);
}

/* Shape 12 */
.shape-12 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 0.5%, 98% 0%, 95% 30%, 75% 10%, 38% 100%, 75% 11%, 95% 30%, 98% 0%, 100% 1.5%, 100% 0.5%);
}

/* Shape 13 */
.shape-13 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 0%, 98% 0%, 95% 25%, 75% 5%, 36% 100%, 75% 6%, 95% 25%, 98% 0%, 100% 1%, 100% 0%);
}

/* Shape 14 */
.shape-14 {
  background-color: #D3E5ED;
  clip-path: polygon(100% 0%, 98% 0%, 95% 20%, 75% 0%, 34% 100%, 75% 1%, 95% 20%, 98% 0%, 100% 1%, 100% 0%);
}

/* Shape 15 */
.shape-15 {
  clip-path: polygon(0% 0%, 20% 50%, 40% 0%, 60% 50%, 80% 0%, 100% 50%, 100% 100%, 0%);
}

.wave-container {
  position: absolute;
  width: 100%;
  height: 700px;
  overflow: hidden;
  bottom: 0;
  z-index: 0;
  transform: rotate(180deg);
}
@media (max-width: 600px) {
  .wave-container {
    display: none;
  }
}
.wave-container .wave.home:before {
  background: #E8EFFF;
}
.wave-container .wave {
  display: block;
  position: relative;
  bottom: 0;
  top: 70%;
  height: 40px;
  width: 100%;
  background: #17388C;
  transform: scale(1, 3);
}
@media (min-width: 600px) and (max-width: 900px) {
  .wave-container .wave {
    transform: scale(1, 2);
  }
}
.wave-container .wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  background-color: #F6F8FF;
  left: -25%;
  top: 20px;
}
.wave-container .wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 300px;
  background-color: #17388C;
  right: -25%;
  top: -240px;
  clip-path: ellipse(100% 15% at 115% 100%);
}
.wave-container .rectangle {
  display: block;
  position: absolute;
  height: 70%;
  width: 100%;
  top: 0;
  background: #17388C;
}

.wave-announcements .wave.home:before {
  background: #F6F8FF;
}

.register {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #FCFCFC;
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  gap: 15px;
  position: relative;
  margin-bottom: 0px;
  margin-top: 10px;
  z-index: 1;
}
@media (max-width: 600px) {
  .register {
    padding: 10px;
    margin-bottom: -35%;
  }
}
.register h2 {
  width: 100%;
}
@media (max-width: 600px) {
  .register h2 {
    padding-top: 10px;
    font-size: 1.375rem;
  }
}
.register .info-box {
  background: #E8EFFF;
  padding: 20px 30px;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .register .info-box {
    padding: 10px;
  }
}
.register .info-box p {
  text-align: center;
  color: #17388C;
}
@media (min-width: 600px) and (max-width: 900px) {
  .register .info-box p {
    text-align: left;
  }
}
@media (max-width: 600px) {
  .register .info-box p {
    text-align: left;
  }
}
.register form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.register form .inputs-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}
@media (max-width: 600px) {
  .register form .inputs-wrapper {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.register form .inputs-wrapper div {
  flex: 1 1 calc(50% - 20px);
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .register form .inputs-wrapper div {
    flex: 1;
  }
}
.register form .inputs-wrapper .text-input:last-child {
  flex: 0 0 calc(50% - 20px);
  max-width: 50%;
}
@media (max-width: 600px) {
  .register form .inputs-wrapper .text-input:last-child {
    flex: 1;
    max-width: 100%;
  }
}
.register form .inputs-wrapper .recaptcha {
  flex: 0 0 calc(30% - 15px);
  max-width: 50%;
}
@media (max-width: 600px) {
  .register form .inputs-wrapper .recaptcha {
    flex: 1;
    max-width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .register form .inputs-wrapper .recaptcha {
    flex: 0 0 calc(50% - 15px);
  }
}
.register form .btn-primary {
  min-width: 20%;
}

.login {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #FCFCFC;
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  gap: 15px;
  position: relative;
  margin-bottom: 0px;
  margin-top: 10px;
  z-index: 1;
}
@media (max-width: 600px) {
  .login {
    margin-bottom: -35%;
  }
}
.login h2 {
  width: 100%;
}
@media (max-width: 600px) {
  .login h2 {
    padding-top: 10px;
    font-size: 1.375rem;
  }
}
.login form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.login form .radio-group .radio-buttons {
  flex-direction: row;
}
.login form .inputs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}
@media (max-width: 600px) {
  .login form .inputs-wrapper {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.login form .btn-primary {
  min-width: 20%;
}
@media (max-width: 600px) {
  .login .forgot-credentials-text {
    text-align: center;
  }
}
.login .body-text {
  width: 100%;
}
.login .body-text .forgot-credentials {
  font-weight: 600;
}

.two-fa-card, .two-fa-code, .success-login {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #FCFCFC;
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  gap: 15px;
  position: relative;
  margin-bottom: 0px;
  margin-top: 10px;
  z-index: 1;
  display: none;
}
@media (max-width: 600px) {
  .two-fa-card, .two-fa-code, .success-login {
    margin-bottom: -35%;
  }
}
.two-fa-card p, .two-fa-code p, .success-login p {
  color: #1e1e1e;
}
.two-fa-card .two-fa-actions, .two-fa-code .two-fa-actions, .success-login .two-fa-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
}
.two-fa-card .two-fa-actions h6, .two-fa-code .two-fa-actions h6, .success-login .two-fa-actions h6 {
  padding-bottom: 5px;
}
.two-fa-card .two-fa-actions .two-fa-option, .two-fa-code .two-fa-actions .two-fa-option, .success-login .two-fa-actions .two-fa-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #F6F8FF;
  padding: 15px 25px;
  width: 100%;
  gap: 15px;
  border-radius: 10px;
  cursor: pointer;
}
.two-fa-card .two-fa-actions .two-fa-option .option-info, .two-fa-code .two-fa-actions .two-fa-option .option-info, .success-login .two-fa-actions .two-fa-option .option-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.two-fa-card .two-fa-actions .two-fa-option .option-info i::before, .two-fa-code .two-fa-actions .two-fa-option .option-info i::before, .success-login .two-fa-actions .two-fa-option .option-info i::before {
  font-size: 24px;
}
.two-fa-card .two-fa-actions .two-fa-option .option-info .links, .two-fa-code .two-fa-actions .two-fa-option .option-info .links, .success-login .two-fa-actions .two-fa-option .option-info .links {
  opacity: 50%;
  white-space: nowrap;
}
.two-fa-card .two-fa-actions .two-fa-option .icon-arrow-down::before, .two-fa-code .two-fa-actions .two-fa-option .icon-arrow-down::before, .success-login .two-fa-actions .two-fa-option .icon-arrow-down::before {
  display: inline-block;
  transform: rotate(270deg);
  color: #CBCACA;
  font-size: 10px;
}

.two-fa-code, .success-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  display: none;
  gap: 8px;
}
.two-fa-code h2, .success-login h2 {
  text-align: center;
  font-size: 2rem;
  width: 100%;
}
.two-fa-code p, .success-login p {
  opacity: 80%;
}
.two-fa-code span, .success-login span {
  padding-top: 24px;
}
.two-fa-code .code-input-container, .success-login .code-input-container {
  display: flex;
  gap: 10px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.two-fa-code .code-input-container .code-input, .success-login .code-input-container .code-input {
  width: 50px;
  height: 50px;
  border: 1px solid #CBCACA;
  border-radius: 10px;
  text-align: center;
  font-size: 20px;
}
.two-fa-code .code-input-container .code-input:focus, .success-login .code-input-container .code-input:focus {
  border-color: #1e1e1e;
  outline: none;
}
.two-fa-code .code-input-container .filled, .success-login .code-input-container .filled {
  border-color: #1e1e1e;
  outline: none;
}

.success-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  display: none;
}
.success-login h2 {
  padding-top: 16px;
}
.success-login i::before {
  font-size: 60px;
}
.success-login p {
  padding-bottom: 16px;
}

.success-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: #FCFCFC;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 0px;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.0784313725);
  z-index: 1;
  position: relative;
}
@media (max-width: 600px) {
  .success-card {
    padding: 10px;
    margin-bottom: -30%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .success-card {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.success-card p {
  color: #1e1e1e;
}
.success-card .info-box {
  background: #E8EFFF;
  color: #17388C;
  padding: 20px 30px;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .success-card .info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    padding: 10px;
    text-align: center;
  }
}
.success-card .info-box a {
  font-weight: 500;
  text-decoration: underline;
  color: #17388C;
}
.success-card .info-box p {
  text-align: center;
  color: #17388C;
}
@media (min-width: 600px) and (max-width: 900px) {
  .success-card .info-box p {
    text-align: left;
  }
}
@media (max-width: 600px) {
  .success-card .info-box p {
    line-height: 30px;
    text-align: left;
  }
}

.fund-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
@media (max-width: 600px) {
  .fund-section {
    gap: 15px;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .fund-section {
    gap: 20px;
  }
}
.fund-section #breadcrumb .breadcrumb-label {
  color: #17388C;
}
.fund-section p {
  line-height: 28px;
}
.fund-section .full-width {
  max-width: 100%;
}
.fund-section .has-sidebar {
  max-width: 70%;
}
.fund-section .fund-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 600px) {
  .fund-section .fund-container {
    padding-bottom: 25px;
  }
}
.fund-section .fund-container .hw-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}
.fund-section .fund-container .hw-content .image-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 600px) {
  .fund-section .fund-container .hw-content .image-block {
    flex-direction: column;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .fund-section .fund-container .hw-content .image-block {
    flex-direction: column;
  }
}
.fund-section .fund-container .hw-content .image-block img {
  object-fit: cover;
  max-width: 40%;
  border-radius: 10px;
}
@media (max-width: 600px) {
  .fund-section .fund-container .hw-content .image-block img {
    max-width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 900px) {
  .fund-section .fund-container .hw-content .image-block img {
    max-width: 100%;
  }
}
.fund-section .fund-container .hw-content p {
  color: #1e1e1e;
  opacity: 80%;
}
.fund-section .fund-container .planA-content, .fund-section .fund-container .eligibility-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  display: none;
  max-width: 100%;
}
.fund-section .fund-container .planA-content .content-card, .fund-section .fund-container .eligibility-content .content-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.fund-section .fund-container .planA-content .content-card h3, .fund-section .fund-container .eligibility-content .content-card h3 {
  padding-bottom: 10px;
}
.fund-section .fund-container .planA-content .list li:before, .fund-section .fund-container .eligibility-content .list li:before {
  top: 15px;
}
.fund-section .fund-container .planC-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
  display: none;
}
.fund-section .fund-container .retiree-content {
  display: none;
  max-width: 100%;
}

.resources.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 30px;
}
.resources.container h1 {
  text-align: center;
}
.resources.container .widget-search-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.resources.container .widget-search-mobile .icon-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background-color: #FCFCFC;
  height: 100%;
  border: 1px solid #CBCACA;
  border-radius: 5px;
  display: none;
}
@media (max-width: 600px) {
  .resources.container .widget-search-mobile .icon-filter {
    display: flex;
    flex: 0;
  }
}
.resources.container .widget-search-mobile .icon-filter::before {
  font-size: 20px;
}
.resources.container .filters-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 15px;
  position: relative;
  flex: 1;
}
@media (max-width: 600px) {
  .resources.container .filters-wrapper {
    display: none;
  }
}
.resources.container .search-container, .resources.container .search-container .search-input {
  background-color: #FCFCFC;
}

.newsletters {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 30px;
}
.newsletters h1 {
  text-align: center;
}
.newsletters .widget-search-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
.newsletters .widget-search-mobile .icon-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background-color: #FCFCFC;
  height: 100%;
  border: 1px solid #CBCACA;
  border-radius: 5px;
  flex: 1;
  display: none;
}
@media (min-width: 600px) and (max-width: 900px) {
  .newsletters .widget-search-mobile .icon-filter {
    display: flex;
    flex: 0;
  }
}
@media (max-width: 600px) {
  .newsletters .widget-search-mobile .icon-filter {
    display: flex;
    flex: 0;
  }
}
.newsletters .widget-search-mobile .icon-filter::before {
  font-size: 20px;
}
.newsletters .filters-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 15px;
  position: relative;
  flex: 1;
}
@media (min-width: 600px) and (max-width: 900px) {
  .newsletters .filters-wrapper {
    display: none;
  }
}
@media (max-width: 600px) {
  .newsletters .filters-wrapper {
    display: none;
  }
}
.newsletters .search-container {
  flex: 2;
}
@media (min-width: 900px) and (max-width: 1200px) {
  .newsletters .search-container {
    flex: 1;
  }
}
.newsletters .search-container, .newsletters .search-container .search-input {
  background-color: #FCFCFC;
}

.announcements .search-container, .faqs .search-container {
  flex: 4;
}

.contact.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 50px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .contact.container {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .contact.container {
    gap: 10px;
    margin-bottom: -25%;
  }
}
.contact.container h1 {
  text-align: center;
  width: 100%;
}
@media (max-width: 600px) {
  .contact.container h1 {
    text-align: left;
  }
}
.contact.container .contact-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 40px;
}
.contact.container .contact-content iframe {
  border-radius: 10px;
  width: 100%;
}
.contact.container .contact-content .contact-information {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .contact.container .contact-content .contact-information {
    flex-direction: column;
    gap: 25px;
  }
}
@media (max-width: 600px) {
  .contact.container .contact-content .contact-information {
    flex-direction: column;
    gap: 20px;
  }
}
.contact.container .contact-content .contact-information .contact-information-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 25px;
}
.contact.container .contact-content .contact-information .contact-information-item .widget-list .subtitle {
  font-size: 0.875rem;
}
.contact.container .contact-card-container {
  max-width: 100%;
  width: 100%;
  z-index: 999999;
}
@media (min-width: 900px) and (max-width: 3000px) {
  .contact.container .contact-card-container {
    max-width: 80%;
  }
}

.image-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}
@media (min-width: 600px) and (max-width: 900px) {
  .image-grid {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .image-grid {
    gap: 15px;
  }
}
.image-grid .grid-item {
  border-radius: 10px;
  position: relative;
  width: calc(33.3333333333% - 20px);
}
@media (min-width: 600px) and (max-width: 900px) {
  .image-grid .grid-item {
    width: calc(50% - 15px);
  }
}
@media (max-width: 600px) {
  .image-grid .grid-item {
    width: 100%;
  }
}
.image-grid .grid-item img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  padding: 10px;
}

.overlay h4 {
  margin: 0;
  font-size: 16px;
}

/**
*   Common
*/
body {
  background: #F6F8FF;
}
body.body-disable {
  overflow: hidden;
}
body #content {
  flex-grow: 1;
}
body main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 450px;
}
@media (max-width: 600px) {
  body main {
    gap: 15px;
    min-height: auto;
  }
}
body main section {
  padding: 40px 0;
}
@media (max-width: 600px) {
  body main section {
    padding: 25px 0;
  }
}
@media (max-width: 600px) {
  body main .container {
    padding: 15px;
    margin: 0 auto;
  }
}
body .sidebar {
  display: none;
}
@media (min-width: 768px) {
  body .sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
}
body a {
  color: #1e1e1e;
  text-decoration: none;
}
body button:focus, body button:active {
  outline: none;
  border: none;
  -moz-outline-style: none;
}
body .widget-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
body .widget-list h4 {
  color: #1e1e1e;
}
body .widget-list .title-list {
  color: #17388C;
}
body .list.no-list li {
  padding: 0;
}
body .list.no-list li::before {
  content: "";
}
body .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}
body .list li {
  position: relative;
  padding-left: 10px;
  text-align: left;
}
body .list li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "icomoon";
  content: "\e90e";
  color: #8EC986;
  font-size: 8px;
}
body .plan-list li {
  text-decoration: underline;
}
body .plan-list li::before {
  color: #17388C;
}
body .small-list {
  font-size: 16px;
  line-height: 28px;
}
body .documents-list li {
  padding-left: 20px;
  text-decoration: underline;
}
body .documents-list li::before {
  content: "\e907";
  color: #FCFCFC;
  font-family: "icomoon";
  font-size: 14px;
  border-radius: 2px;
  height: 14px;
  width: 14px;
  top: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  background-color: rgb(179, 11, 0);
}
body .documents-list .more-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  display: none;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  max-height: 0;
}
body .documents-list .bounce-up {
  animation: bounceUp 0.5s ease-in-out;
}
body .documents-list .bounce-down {
  animation: bounceDown 0.8s ease-in-out;
}
body .documents-list .display-more {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  background: none;
  border: none;
  color: #1e1e1e;
  cursor: pointer;
  display: flex;
  gap: 8px;
  display: flex;
}
@media (max-width: 600px) {
  body .documents-list .display-more {
    padding: 0;
  }
}
body .documents-list .display-more i {
  transform: rotate(180deg);
}
body .documents-list .display-more i::before {
  transition: transform 0.3s ease;
  font-size: 8px;
}
body .documents-list .display-more .rotated {
  align-self: start;
  transform: rotate(0);
}
body .title-list {
  background-color: #E8EFFF;
  color: #17388C;
  border-radius: 3px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 28px;
}

/*# sourceMappingURL=style.css.map */