@font-face {
  font-family: "Merriweather";
  src: url("../fonts/Merriweather48pt-Bold.eot");
  src:
    url("../fonts/Merriweather48pt-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Merriweather48pt-Bold.woff2") format("woff2"),
    url("../fonts/Merriweather48pt-Bold.woff") format("woff"),
    url("../fonts/Merriweather48pt-Bold.ttf") format("truetype"),
    url("../fonts/Merriweather48pt-Bold.svg#Merriweather48pt-Bold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Merriweather";
  src: url("../fonts/Merriweather48pt-SemiBold.eot");
  src:
    url("../fonts/Merriweather48pt-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Merriweather48pt-SemiBold.woff2") format("woff2"),
    url("../fonts/Merriweather48pt-SemiBold.woff") format("woff"),
    url("../fonts/Merriweather48pt-SemiBold.ttf") format("truetype"),
    url("../fonts/Merriweather48pt-SemiBold.svg#Merriweather48pt-SemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.eot");
  src:
    url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Medium.woff2") format("woff2"),
    url("../fonts/Roboto-Medium.woff") format("woff"),
    url("../fonts/Roboto-Medium.ttf") format("truetype"),
    url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.eot");
  src:
    url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Regular.woff2") format("woff2"),
    url("../fonts/Roboto-Regular.woff") format("woff"),
    url("../fonts/Roboto-Regular.ttf") format("truetype"),
    url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-SemiBold.eot");
  src:
    url("../fonts/Roboto-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-SemiBold.woff2") format("woff2"),
    url("../fonts/Roboto-SemiBold.woff") format("woff"),
    url("../fonts/Roboto-SemiBold.ttf") format("truetype"),
    url("Roboto-SemiBold.svg#Roboto-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraBold.eot');
    src: url('../fonts/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ExtraBold.woff2') format('woff2'),
        url('../fonts/Roboto-ExtraBold.woff') format('woff'),
        url('../fonts/Roboto-ExtraBold.ttf') format('truetype'),
        url('../fonts/Roboto-ExtraBold.svg#Roboto-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.green-arrow-icon {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.green-arrow-icon {
  width: 24px;
  height: 24px;
  background-color: var(--green);
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.0013 4.16699L15.8346 10.0003L10.0013 15.8337" fill="%2390BA39"/><path d="M4.16797 10.0003H15.8346M10.0013 15.8337L15.8346 10.0003L10.0013 4.16699" stroke="%2390BA39" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

:root {
  --dark-blue: #0e3f65;
  --sky-blue: #0d71b9;
  --black: #111111;
  --white: #ffffff;
}

main ::selection {
  background-color: var(--sky-blue);
  color: var(--white);
}
html:has(body.modal-open) {
    overflow: hidden;
}
.main {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: var(--black);
  font-family: "Merriweather";
}
main p {
  font-size: 20px;
  font-weight: normal;
  font-family: "Roboto";
  color: var(--black);
  line-height: 28px;
}
p:last-child {
  margin-bottom: 0;
}
main img {
  width: auto;
  height: auto;
  max-width: 100%;
}

main iframe {
  max-width: 100%;
}

main strong {
  font-weight: 600;
}
.sky-blue {
  color: var(--sky-blue) !important;
}
.blue-text{
  color: var(--dark-blue) !important;
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.text-xxl,
.text-xl,
.text-lg,
.text-md,
.text-sm,
.text-xs {
  font-family: "Merriweather", serif;
  color: var(--navy);
  font-weight: bold;
}

h1 {
  font-size: 70px;
  line-height: 1.1;
}

.text-xxl {
  font-size: 70px !important;
  line-height: 1.1;
}

h2 {
  font-size: 60px;
  line-height: 1;
}

.text-xl {
  font-size: 60px !important;
  line-height: 1;
}

h3 {
  font-size: 48px;
  line-height: 1.2;
}

.text-lg {
  font-size: 48px !important;
  line-height: 1.2;
}

h4 {
  font-size: 39px;
  line-height: 1.3;
}

.text-md {
  font-size: 39px !important;
  line-height: 1.3;
}

h5 {
  font-size: 34px;
  line-height: 1.3;
}

.text-sm {
  font-size: 34px !important;
  line-height: 1.3;
}

h6 {
  font-size: 31px;
  line-height: 1.3;
}

.text-xs {
  font-size: 31px !important;
  line-height: 1.3;
}

a,
button {
  transition: all 0.3s ease;
}

a {
  text-underline-offset: 3px;
}

a:hover {
  color: var(--green);
}

a:not(main a) {
  text-decoration: none;
}

a[href^="tel:"] {
  display: inline-block;
}

a:focus-visible,
button:focus-visible,
.nav-link:focus-visible,
.skip-to-content:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.page-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.nav-link:focus-visible,
.page-link:focus {
  box-shadow: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.skip-to-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  transform: translateY(-100%);
  transition: transform 0.2s ease-in-out;
}

.skip-to-content:focus-visible {
  transform: translateY(0);
  left: 15px;
  top: 15px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100%;
}

main {
  flex-grow: 1;
}

main ul:last-child,
main ol:last-child {
  margin-bottom: 0;
}

main ul li:not(:last-child) {
  margin-bottom: 5px;
}

main ul ul,
main ol ol {
  margin-top: 10px;
}

.v-btn,
button {
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
      font-weight: 600;
  font-family: "Roboto";
  background-color: var(--dark-blue);
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  border: 0;
}

.v-btn:hover,
button:hover,
button:focus,
button:focus-visible,
.v-btn:focus,
.v-btn:focus-visible
{
  color: var(--white);
  background-color: var(--sky-blue);
}

/* =========================================
   WCAG 2.2 AA - Keyboard Focus Styles
   ========================================= */

.v-btn:focus-visible,
button:focus-visible {
    outline: 3px solid #005FCC;
    outline-offset: 3px;
}

/* Fallback for browsers without :focus-visible */
.v-btn:focus,
button:focus {
    outline: 3px solid #005FCC;
    outline-offset: 3px;
}

/* Avoid focus ring on mouse click where supported */
.v-btn:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none;
}

.btn-more.v-btn {
  font-size: 22px;
  background: #001b3e;
  padding: 25px 30px;
  border-radius: 16px;
  border: 2px solid #0c6fb7;
  position: relative;
  display: flex;
  align-items: center;
}
.btn-more.v-btn:hover {
  background: var(--sky-blue);
}

.icon-arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30.0063" height="30.0063" rx="15.0032" fill="white"/><path d="M17.8065 12.852H5V16.4978H17.8065L12.8521 21.5456L15.6565 24.0695L24.9108 14.7218L15.6565 5L12.8521 7.43035L17.8065 12.852Z" fill="%235C9CDC"/></svg>');
  transition:
    left 0.4s ease,
    transform 0.4s ease;
  margin-left: 22px;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-pdf {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_45)"><path d="M18.7113 5.65718C18.7113 6.13691 19.1016 6.52722 19.5813 6.52722H22.8449C23.5857 6.52722 24.2791 6.73405 24.8706 7.09292C24.6376 6.54073 24.2981 6.03322 23.8616 5.5967L19.6418 1.37693C19.2055 0.94052 18.6981 0.601148 18.1461 0.368164C18.5046 0.959359 18.7113 1.65237 18.7113 2.39281L18.7113 5.65718Z" fill="white"/><path d="M17.1878 3.42697V2.39266C17.1878 1.06905 16.1166 0 14.7952 0H5.71122C4.37679 0 3.31775 1.08291 3.31775 2.39347V3.26351H16.3177C16.625 3.26356 16.9182 3.32186 17.1878 3.42697Z" fill="white"/><path d="M22.8448 8.05066H19.5813C19.2744 8.05066 18.9811 7.99196 18.7113 7.88623V13.0002C18.7113 13.8985 18.2176 14.6792 17.4874 15.0887V16.7258H19.1734C19.4815 16.7258 19.7592 16.9113 19.8771 17.196C19.995 17.4806 19.9298 17.8083 19.712 18.0261L14.8167 22.9214C14.533 23.2165 14.023 23.2165 13.7394 22.9214L8.84412 18.0261C8.62627 17.8083 8.56112 17.4807 8.67898 17.196C8.79689 16.9114 9.07467 16.7258 9.38271 16.7258H11.0686V15.3937H3.31775V23.6067C3.31775 24.9411 4.40066 26.0002 5.71122 26.0002H22.8448C24.1823 26.0002 25.2383 24.9139 25.2383 23.6067V10.4442C25.2383 9.12438 24.1646 8.05066 22.8448 8.05066Z" fill="white"/><path d="M3.61731 7.65283V9.78041C4.85114 9.56774 4.84571 7.86525 3.61731 7.65283Z" fill="white"/><path d="M8.51257 7.67969V10.9769C10.278 10.574 10.2768 8.08193 8.51257 7.67969Z" fill="white"/><path d="M17.1878 13.0002V5.6572C17.1878 5.17746 16.7975 4.78711 16.3177 4.78711H1.6318C1.15202 4.78716 0.761719 5.17746 0.761719 5.6572V13.0002C0.761719 13.4799 1.15202 13.8702 1.63175 13.8702H16.3177C16.7975 13.8702 17.1878 13.4799 17.1878 13.0002ZM3.6173 11.3101V11.7764C3.57982 12.786 2.13098 12.7852 2.09386 11.7764V6.88107C2.09386 6.4604 2.43491 6.11936 2.85558 6.11936H3.46831C6.82373 6.22544 6.93814 11.0235 3.6173 11.3101ZM8.15887 12.5381H7.75095C7.33027 12.5381 6.98923 12.197 6.98923 11.7763V6.88102C6.98923 6.46035 7.33027 6.1193 7.75095 6.1193H8.15887C12.4118 6.28114 12.4086 12.3777 8.15887 12.5381ZM15.0939 7.64274H13.8159V8.97489H14.278C15.2875 9.01236 15.2868 10.4612 14.278 10.4983H13.8159V11.7763C13.7784 12.7859 12.3295 12.7852 12.2924 11.7763V6.88102C12.2924 6.46035 12.6335 6.1193 13.0541 6.1193H15.0939C16.1034 6.15678 16.1027 7.60562 15.0939 7.64274Z" fill="white"/><path d="M12.5921 15.3936V17.4874C12.5921 17.908 12.2511 18.2491 11.8304 18.2491H11.2217L14.2781 21.3055L17.3344 18.2491H16.7257C16.305 18.2491 15.964 17.908 15.964 17.4874V15.3936H12.5921Z" fill="white"/></g><defs><clipPath id="clip0_1_45"><rect width="26" height="26" fill="white"/></clipPath></defs></svg>');
  transition:
    left 0.4s ease,
    transform 0.4s ease;
  margin-left: 22px;
    background-repeat: no-repeat;
  background-size: contain;
}
.btn-pdf{
        display: flex;
    align-items: center;
}
.btn-white{
  background-color: var(--white);
  color: var(--dark-blue);
}

.back-top {
  position: fixed;
  padding: 10px;
  bottom: 50px;
  right: 20px;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green);
}

.back-top span {
  background-color: var(--navy);
  transform: rotate(-90deg);
}

.back-top:hover span {
  background-color: var(--white);
}

.back-top.show {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}

/* Animation Start */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.animated.faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.backToTop .scrolltotop{
	    display: inline-block;
    width: 35px;
    height: 35px;
}
@media (prefers-reduced-motion: reduce), (print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wow {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }
}

.wow {
  visibility: visible !important;
}

/* Animation End */

@media (min-width: 1400px) {
  .container {
    max-width: 1296px;
  }
}

/* @media (min-width: 1500px) {
  p,
  main ul,
  main ol {
    margin-bottom: 30px;
  }
} */

@media (max-width: 1799.98px) {
  h1 {
    font-size: 64px;
  }

  .text-xxl {
    font-size: 64px !important;
  }

  h2 {
    font-size: 48px;
  }

  .text-xl {
    font-size: 48px !important;
  }

  h3 {
    font-size: 34px;
  }

  .text-lg {
    font-size: 34px !important;
  }

  h4 {
    font-size: 32px;
  }

  .text-md {
    font-size: 32px !important;
  }

  h5 {
    font-size: 28px;
  }

  .text-sm {
    font-size: 28px !important;
  }

  h6 {
    font-size: 24px;
  }

  .text-xs {
    font-size: 24px !important;
  }
}

@media (max-width: 1499.98px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 46px;
  }

  .text-xxl {
    font-size: 46px !important;
  }

  h2 {
    font-size: 40px;
  }

  .text-xl {
    font-size: 40px !important;
  }

  h3 {
    font-size: 30px;
  }

  .text-lg {
    font-size: 30px !important;
  }

  h4 {
    font-size: 28px;
  }

  .text-md {
    font-size: 28px !important;
  }

  h5 {
    font-size: 26px;
  }

  .text-sm {
    font-size: 26px !important;
  }

  h6 {
    font-size: 22px;
  }

  .text-xs {
    font-size: 22px !important;
  }
}

@media (max-width: 1499.98px) {
  p {
    font-size: 18px;
  }
  h1 {
    font-size: 42px;
  }

  .text-xxl {
    font-size: 42px !important;
  }

  h2 {
    font-size: 36px;
  }

  .text-xl {
    font-size: 36px !important;
  }

  h3 {
    font-size: 30px;
  }

  .text-lg {
    font-size: 30px !important;
  }

  h4 {
    font-size: 28px;
  }

  .text-md {
    font-size: 28px !important;
  }

  h5 {
    font-size: 26px;
  }

  .text-sm {
    font-size: 26px !important;
  }

  h6 {
    font-size: 22px;
  }

  .text-xs {
    font-size: 22px !important;
  }
}

@media (max-width: 1199.98px) {
  body,
  .eda-btn,
  button {
    font-size: 16px;
  }

  h1 {
    font-size: 36px;
  }

  .text-xxl {
    font-size: 36px !important;
  }

  h2 {
    font-size: 28px;
  }

  .text-xl {
    font-size: 28px !important;
  }

  h3 {
    font-size: 24px;
  }

  .text-lg {
    font-size: 24px !important;
  }

  h4 {
    font-size: 22px;
  }

  .text-md {
    font-size: 22px !important;
  }

  h5 {
    font-size: 20px;
  }

  .text-sm {
    font-size: 20px !important;
  }

  h6 {
    font-size: 18px;
  }

  .text-xs {
    font-size: 18px !important;
  }
}