@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html, body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  size: 1.375rem !important;
  line-height: 1.625rem;
  font-style: normal;
  color: #000;
  overflow-x: hidden;
  background-color: #fff;
  max-width: 120rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  html, body {
    font-size: 80%;
  }
}
html img, body img {
  max-width: 100%;
  height: auto;
}
html ul, body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
html a, body a {
  text-decoration: none;
  color: #0045BF;
  transition: all 0.5s ease;
}
html a:hover, body a:hover {
  color: #008EA5;
}
html .container, body .container {
  max-width: 1420px;
}
@media (max-width: 1590px) {
  html .container, body .container {
    max-width: 1300px;
  }
}
@media (max-width: 1440px) {
  html .container, body .container {
    max-width: 1200px;
  }
}
html h1, body h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 4rem;
  line-height: 5rem;
}
html h2, body h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 3.5rem;
}
html h3, body h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.375rem;
}
html p, body p {
  font-size: 1.125rem;
}
html .btn, body .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  position: relative;
}
html .btn.btn-blue, body .btn.btn-blue {
  color: #0045BF;
  border: 0.125rem solid #0045BF;
  border-radius: 1.5rem;
  padding: 0.625rem 2rem;
}
html .btn.btn-blue:hover, body .btn.btn-blue:hover {
  background: linear-gradient(90deg, #008EA5 0%, #00A5BF 100%);
  color: #fff;
  border-color: #008EA5;
}
html .btn.btn-blue.btn-solid, body .btn.btn-blue.btn-solid {
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
}
html .btn.btn-blue.btn-solid:hover, body .btn.btn-blue.btn-solid:hover {
  background: linear-gradient(90deg, #008EA5 0%, #00A5BF 100%);
  color: #fff;
  border-color: #008EA5;
}
html .btn.btn-blue-gradient, body .btn.btn-blue-gradient {
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
  border: 0.125rem solid #0045BF;
  border-radius: 1.5rem;
  padding: 0.625rem 2rem;
}
html .btn.btn-blue-gradient.read-more:after, body .btn.btn-blue-gradient.read-more:after {
  background-image: url("../images/read_more_arrow_white.svg");
}
html .btn.btn-white, body .btn.btn-white {
  color: #fff;
  border: 0.125rem solid #fff;
  border-radius: 1.5rem;
  padding: 0.625rem 2rem;
}
html .btn.btn-white:hover, body .btn.btn-white:hover {
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
  border-color: #0045BF;
}
html .btn.btn-white.btn-solid, body .btn.btn-white.btn-solid {
  background-color: #fff;
  color: #0045BF;
}
html .btn.btn-white.btn-solid:hover, body .btn.btn-white.btn-solid:hover {
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
  border-color: #0045BF;
}
html .btn.btn-white.btn-solid.contact:after, body .btn.btn-white.btn-solid.contact:after {
  background-image: url("../images/mynaui_envelope_blue.svg");
}
html .btn.btn-white.btn-solid.contact:hover:after, body .btn.btn-white.btn-solid.contact:hover:after {
  background-image: url("../images/mynaui_envelope.svg");
}
html .btn.btn-white.btn-solid.read-more:after, body .btn.btn-white.btn-solid.read-more:after {
  background-image: url("../images/read_more_arrow.svg");
}
html .btn.btn-white.btn-border, body .btn.btn-white.btn-border {
  color: #0045BF;
  background-color: transparent;
  border: 0.125rem solid #0045BF;
}
html .btn.btn-white.read-more:after, body .btn.btn-white.read-more:after {
  background-image: url("../images/read_more_arrow_white.svg");
}
html .btn.btn-white.read-more:hover:after, body .btn.btn-white.read-more:hover:after {
  background-image: url("../images/read_more_arrow_white.svg");
}
html .btn.read-more, body .btn.read-more {
  padding-right: 2.6875rem;
  transition: all 0.5s ease;
}
html .btn.read-more:after, body .btn.read-more:after {
  content: "";
  position: absolute;
  width: 0.875rem;
  height: 0.875rem;
  right: 1.25rem;
  top: 1.125rem;
  background-image: url("../images/read_more_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
html .btn.read-more:hover, body .btn.read-more:hover {
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
  border-color: #0045BF;
}
html .btn.read-more:hover:after, body .btn.read-more:hover:after {
  background-image: url("../images/read_more_arrow_white.svg");
}
html .btn.read-more.btn-border, body .btn.read-more.btn-border {
  color: #0045BF;
  background-color: transparent;
  border: 0.125rem solid #0045BF;
}
html .btn.read-more.btn-border:hover, body .btn.read-more.btn-border:hover {
  color: #fff;
}
html .btn.read-more.btn-border:after, body .btn.read-more.btn-border:after {
  background-image: url("../images/read_more_arrow.svg");
}
html .btn.contact, body .btn.contact {
  padding-right: 4.0625rem;
  transition: all 0.5s ease;
}
html .btn.contact:after, body .btn.contact:after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: 1.75rem;
  top: 0.625rem;
  background-image: url("../images/mynaui_envelope.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
html .btn.contact:hover, body .btn.contact:hover {
  background: linear-gradient(90deg, #008EA5 0%, #00A5BF 100%);
  border-color: #008EA5;
}
html .blue-text, body .blue-text {
  color: #0045BF;
}
html .blue-small-title, body .blue-small-title {
  color: #0045BF;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
html .owl-theme .owl-dots, body .owl-theme .owl-dots {
  margin-top: 2.25rem;
}
html .owl-theme .owl-dots .owl-dot span, body .owl-theme .owl-dots .owl-dot span {
  width: 0.375rem;
  height: 0.375rem;
  background-color: #0045BF;
  opacity: 0.5;
  margin: 0 0.25rem;
}
html .owl-theme .owl-dots .owl-dot.active span, html .owl-theme .owl-dots .owl-dot:hover span, body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #0045BF;
  opacity: 1;
}
html .owl-theme .owl-nav, body .owl-theme .owl-nav {
  position: absolute;
  width: 100%;
}
html .owl-theme .owl-nav [class*=owl-], body .owl-theme .owl-nav [class*=owl-] {
  background-image: url("../images/round_arrow.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  position: absolute;
}
html .owl-theme .owl-nav [class*=owl-]:hover, body .owl-theme .owl-nav [class*=owl-]:hover {
  background-image: url("../images/round_arrow.svg");
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
html .owl-theme .owl-nav [class*=owl-].owl-next, body .owl-theme .owl-nav [class*=owl-].owl-next {
  transform: rotate(180deg);
  right: 0;
}
html .owl-theme .owl-nav [class*=owl-].owl-prev, body .owl-theme .owl-nav [class*=owl-].owl-prev {
  left: 0;
}
html .section-content, body .section-content {
  font-size: 1.375rem;
  font-weight: 400;
}
html .section-content h2, body .section-content h2 {
  margin-bottom: 1.25rem;
  margin-top: 0;
}
html .section-title, body .section-title {
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  color: #222;
  font-weight: 400;
}
html .section-title h2, body .section-title h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 3.5rem;
  margin-bottom: 1rem;
}
html form, body form {
  width: 100%;
  float: left;
  display: block;
}
html form input.form-control,
html form select.form-control,
html form textarea.form-control,
html form input[type=file], body form input.form-control,
body form select.form-control,
body form textarea.form-control,
body form input[type=file] {
  border-radius: 2.5rem;
  background-color: #fff;
  padding: 1.3125rem 1.625rem;
  border: 0;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.0784313725);
}
html form input[type=file]::file-selector-button, body form input[type=file]::file-selector-button {
  display: none;
}
html form .form-group, body form .form-group {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 0.625rem;
}
html form .form-group .col-sm-3,
html form .form-group .col-sm-9, body form .form-group .col-sm-3,
body form .form-group .col-sm-9 {
  width: 100%;
}
html form .form-group .form-control, body form .form-group .form-control {
  font-family: "Poppins", sans-serif;
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
}
html form .form-group ::-moz-placeholder, body form .form-group ::-moz-placeholder {
  font-family: "Poppins", sans-serif;
  color: #A1A1A1;
  font-size: 1.125rem;
  font-weight: 400;
}
html form .form-group ::placeholder, body form .form-group ::placeholder {
  font-family: "Poppins", sans-serif;
  color: #A1A1A1;
  font-size: 1.125rem;
  font-weight: 400;
}
html form .form-group.half-width, body form .form-group.half-width {
  width: 48%;
  float: left;
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}
@media (max-width: 768px) {
  html form .form-group.half-width, body form .form-group.half-width {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
html form .form-group.half-width.left, body form .form-group.half-width.left {
  margin-left: 0 !important;
}
html form .form-group.half-width.right, body form .form-group.half-width.right {
  margin-right: 0 !important;
}
html form .form-group.half-width:nth-child(2n), body form .form-group.half-width:nth-child(2n) {
  margin-right: 0;
}
html form .form-group textarea, body form .form-group textarea {
  min-height: 7rem;
}
html form .form-group .checkbox input, body form .form-group .checkbox input {
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  border: 1.5px solid #0045BF;
}
html form .form-group .checkbox label, body form .form-group .checkbox label {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}
html form .form-group .checkbox .custom-checkbox, body form .form-group .checkbox .custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
html form .form-group .checkbox .custom-checkbox input[type=checkbox], body form .form-group .checkbox .custom-checkbox input[type=checkbox] {
  display: none; /* skryje nativní checkbox */
}
html form .form-group .checkbox .custom-checkbox .checkmark, body form .form-group .checkbox .custom-checkbox .checkmark {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1.5px solid #0045BF;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  background-color: white;
  position: relative;
}
html form .form-group .checkbox .custom-checkbox input:checked + .checkmark::after, body form .form-group .checkbox .custom-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid #0045BF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
html form .form-group.custom-select select, body form .form-group.custom-select select {
  background-image: url("../images/arrow_down_new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px;
}
html form .form-group.custom-select.active select, body form .form-group.custom-select.active select {
  background-image: url("../images/arrow_up_new.svg");
}
html .homepage #content, body .homepage #content {
  padding-top: 0;
}
html .homepage #content #how-this-works, body .homepage #content #how-this-works {
  margin-bottom: 0;
}
html .text-box, body .text-box {
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  z-index: 2;
  background-color: #fff;
}
html .text-box h3, body .text-box h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.375rem;
  margin-bottom: 1rem;
}
html .text-box p, body .text-box p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  color: #000;
}
html .text-box img, body .text-box img {
  margin-bottom: 1rem;
}
html ul.check-list, body ul.check-list {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
html ul.check-list li, body ul.check-list li {
  position: relative;
  padding-left: 1.75rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
html ul.check-list li::before, body ul.check-list li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../images/charm_tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0.3125rem;
  left: 0;
}
html #main-content, body #main-content {
  position: relative;
}
html #main-content:after, body #main-content:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-180deg);
  top: 0;
  right: -13.5rem;
  width: 100%;
  height: 100%;
  max-width: 53.3125rem;
  max-height: 52.6875rem;
}
html #main-content .content ul, body #main-content .content ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
html #main-content .content ul li, body #main-content .content ul li {
  position: relative;
  padding-left: 1.75rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
html #main-content .content ul li::before, body #main-content .content ul li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../images/charm_tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0.3125rem;
  left: 0;
}
html #main-content .content .text-bg-box, body #main-content .content .text-bg-box {
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  padding: 40px;
  border-radius: 1rem;
}
html #main-content .content .bg-image, body #main-content .content .bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
}
html ul.download-list, body ul.download-list {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
html ul.download-list li, body ul.download-list li {
  position: relative;
  padding-right: 1.75rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
html ul.download-list li::after, body ul.download-list li::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../images/tabler_arrow-up.svg");
  top: 0.3125rem;
  left: 0;
}
html section, body section {
  width: 100%;
  float: left;
  display: block;
}
html .container.xl, body .container.xl {
  max-width: 1590px;
}
@media (max-width: 1590px) {
  html .container.xl, body .container.xl {
    max-width: 1300px;
    margin-top: 2rem;
  }
}
html #header, body #header {
  margin-top: 1.5rem;
  position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  float: left;
  background-color: #fff;
  padding: 0.9375rem 0;
  margin-top: 0;
}
@media (max-width: 768px) {
  html #header, body #header {
    margin-bottom: 5rem;
  }
}
html #header .container, body #header .container {
  max-width: 1590px;
}
@media (max-width: 1590px) {
  html #header .container, body #header .container {
    max-width: 1300px;
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  html #header .container, body #header .container {
    margin-top: 0;
  }
}
html #header .resposive-menu-icon, body #header .resposive-menu-icon {
  display: none;
}
@media (max-width: 1205px) {
  html #header .resposive-menu-icon, body #header .resposive-menu-icon {
    display: block;
    position: absolute;
    right: 2.5rem;
    top: 1.5625rem;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("../images/menu-responsive.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1205px) {
  html #header #main-menu, body #header #main-menu {
    display: none;
  }
  html #header #main-menu.active, body #header #main-menu.active {
    display: block;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    top: 4.375rem;
    right: 0;
  }
}
html #header #main-menu ul, body #header #main-menu ul {
  display: flex;
  gap: 2rem;
  margin-top: 0.625rem;
}
@media (max-width: 1205px) {
  html #header #main-menu ul, body #header #main-menu ul {
    padding: 1.875rem;
    display: block;
    text-align: center;
  }
}
@media (max-width: 1205px) {
  html #header #main-menu ul li, body #header #main-menu ul li {
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
  }
}
html #header #main-menu ul li a, body #header #main-menu ul li a {
  font-weight: 500;
  size: 1.125rem;
  color: #222;
  text-decoration: none;
  transition: all 0.5s ease;
}
html #header #main-menu ul li a:hover, body #header #main-menu ul li a:hover {
  color: #0045BF;
}
@media (max-width: 768px) {
  html #header #main-menu ul li a, body #header #main-menu ul li a {
    font-size: 1.375rem;
  }
}
html #header #main-menu ul li.current a, body #header #main-menu ul li.current a {
  color: #0045BF;
}
html #header #main-menu ul li.contact-button.current a, body #header #main-menu ul li.contact-button.current a {
  background: linear-gradient(90deg, #008EA5 0%, #00A5BF 100%);
}
html #header #main-menu ul li.contact-button a, body #header #main-menu ul li.contact-button a {
  border-radius: 1.5rem;
  padding: 0.7rem 4rem 0.7rem 2rem;
  background: linear-gradient(90deg, #0045BF 0%, #0057F0 100%);
  color: #fff;
  position: relative;
  letter-spacing: 3%;
  transition: all 0.5s ease;
}
html #header #main-menu ul li.contact-button a:after, body #header #main-menu ul li.contact-button a:after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: 1.75rem;
  background-image: url("../images/mynaui_envelope.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  html #header #main-menu ul li.contact-button a:after, body #header #main-menu ul li.contact-button a:after {
    top: 0.9375rem;
  }
}
html #header #main-menu ul li.contact-button a:hover, body #header #main-menu ul li.contact-button a:hover {
  background: linear-gradient(90deg, #008EA5 0%, #00A5BF 100%);
}
html #footer, body #footer {
  background-image: url("../images/footer_bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 34.375rem 0 8.25rem 0;
  position: relative;
  margin-top: -18.75rem;
  margin: 0 auto;
  margin-top: -250px;
  width: 100%;
  float: left;
}
@media (max-width: 768px) {
  html #footer, body #footer {
    background: linear-gradient(90deg, #0045BF 0%, #003799 88.13%);
    padding: 3.125rem 0 3.125rem 0;
    margin-top: 3.125rem;
  }
  html #footer .row > .col-6:first-child, body #footer .row > .col-6:first-child {
    margin-top: 36px;
  }
}
html #footer a, body #footer a {
  color: #fff;
}
html #footer .menu, body #footer .menu {
  margin-top: 4.125rem;
}
@media (max-width: 768px) {
  html #footer .menu, body #footer .menu {
    margin-top: 3.125rem;
  }
}
html #footer .menu h3, body #footer .menu h3 {
  font-family: "Nunito", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
html #footer .menu .footer-menu li, body #footer .menu .footer-menu li {
  margin-bottom: 0.5rem;
}
html #footer .menu .footer-menu li a, body #footer .menu .footer-menu li a {
  color: #fff;
  font-weight: 400;
  font-size: 1.125rem;
  font-family: "Poppins", sans-serif;
}
html #footer .menu .footer-menu li a:hover, body #footer .menu .footer-menu li a:hover {
  text-decoration: underline;
}
html #footer .quick-contact, body #footer .quick-contact {
  margin-top: 4.0625rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  html #footer .quick-contact, body #footer .quick-contact {
    margin-top: 1.875rem;
  }
}
html #footer .quick-contact p, body #footer .quick-contact p {
  margin-top: 0.9375rem;
  position: relative;
  padding-left: 2.1875rem;
}
html #footer .quick-contact p:before, body #footer .quick-contact p:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
html #footer .quick-contact p.email:before, body #footer .quick-contact p.email:before {
  background-image: url("../images/mynaui_envelope.svg");
}
html #footer .quick-contact p.phone:before, body #footer .quick-contact p.phone:before {
  background-image: url("../images/phone.svg");
}
html #footer .quick-contact p.address:before, body #footer .quick-contact p.address:before {
  background-image: url("../images/location.svg");
}
html #snippet--main_content, body #snippet--main_content {
  position: relative;
  z-index: 2;
}
html #content #homepage #hero-banner, body #content #homepage #hero-banner {
  max-width: 1920px;
}
html #content #homepage #hero-banner:after, body #content #homepage #hero-banner:after {
  content: "";
  position: absolute;
  background-image: url("../images/slider_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -15.625rem;
  right: -8.0625rem;
  width: 100%;
  height: 100%;
  max-width: 76.125rem;
  max-height: 35.9375rem;
  transform: rotate(-2deg);
}
html #content #homepage #hero-banner .owl-item, body #content #homepage #hero-banner .owl-item {
  min-height: 71.3125rem;
  mask-image: url("../images/heromask.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-image: url("../images/heromask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
}
html #content #homepage #hero-banner .owl-item .item, body #content #homepage #hero-banner .owl-item .item {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
html #content #homepage #hero-banner .owl-item .hero-banner-content, body #content #homepage #hero-banner .owl-item .hero-banner-content {
  position: absolute;
  top: 15.625rem;
  background-color: #fff;
  padding: 3rem;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  html #content #homepage #hero-banner .owl-item .hero-banner-content, body #content #homepage #hero-banner .owl-item .hero-banner-content {
    left: 2%;
    top: 9.375rem;
    width: 96%;
  }
}
html #content #homepage #hero-banner .owl-item .hero-banner-content h1, body #content #homepage #hero-banner .owl-item .hero-banner-content h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 5.5rem;
  line-height: 6.125rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  html #content #homepage #hero-banner .owl-item .hero-banner-content h1, body #content #homepage #hero-banner .owl-item .hero-banner-content h1 {
    width: 100%;
    font-size: 4.5rem;
    line-height: 5.125rem;
  }
}
html #content #homepage #hero-banner .owl-item .hero-banner-content p, body #content #homepage #hero-banner .owl-item .hero-banner-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
}
@media (max-width: 768px) {
  html #content #homepage #hero-banner .owl-item .hero-banner-content p, body #content #homepage #hero-banner .owl-item .hero-banner-content p {
    font-size: 1.125rem;
  }
}
html #content #homepage #hero-banner .owl-item .hero-banner-content a.btn, body #content #homepage #hero-banner .owl-item .hero-banner-content a.btn {
  margin-right: 1.5rem;
}
@media (max-width: 768px) {
  html #content #homepage #hero-banner .owl-item .hero-banner-content a.btn, body #content #homepage #hero-banner .owl-item .hero-banner-content a.btn {
    width: 100%;
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  html #content #homepage #hero-banner .col-lg-5, body #content #homepage #hero-banner .col-lg-5 {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -70%;
    margin-top: 0;
    text-align: center;
  }
  html #content #homepage #hero-banner .col-lg-5 img, body #content #homepage #hero-banner .col-lg-5 img {
    width: 60%;
    max-width: 200px;
  }
}
html #content #hero-banner, body #content #hero-banner {
  max-width: 1920px;
}
html #content #hero-banner:after, body #content #hero-banner:after {
  content: "";
  position: absolute;
  background-image: url("../images/slider_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -15.625rem;
  right: -8.0625rem;
  width: 100%;
  height: 100%;
  max-width: 76.125rem;
  max-height: 35.9375rem;
  transform: rotate(-2deg);
}
html #content #hero-banner .owl-item, body #content #hero-banner .owl-item {
  min-height: 71.3125rem;
  mask-image: url("../images/heromask.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-image: url("../images/heromask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
}
html #content #hero-banner .owl-item .item, body #content #hero-banner .owl-item .item {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
html #content #hero-banner .owl-item .hero-banner-content, body #content #hero-banner .owl-item .hero-banner-content {
  position: absolute;
  top: 15.625rem;
  background-color: #fff;
  padding: 3rem;
  border-radius: 1.5rem;
  max-width: 51.25rem;
}
@media (max-width: 768px) {
  html #content #hero-banner .owl-item .hero-banner-content, body #content #hero-banner .owl-item .hero-banner-content {
    left: 2%;
    top: 9.375rem;
    width: 96%;
  }
}
html #content #hero-banner .owl-item .hero-banner-content h1, body #content #hero-banner .owl-item .hero-banner-content h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 5.5rem;
  line-height: 6.125rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  html #content #hero-banner .owl-item .hero-banner-content h1, body #content #hero-banner .owl-item .hero-banner-content h1 {
    width: 100%;
    font-size: 4.5rem;
    line-height: 5.125rem;
  }
}
html #content #hero-banner .owl-item .hero-banner-content p, body #content #hero-banner .owl-item .hero-banner-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
}
@media (max-width: 768px) {
  html #content #hero-banner .owl-item .hero-banner-content p, body #content #hero-banner .owl-item .hero-banner-content p {
    font-size: 1.125rem;
  }
}
html #content #hero-banner .owl-item .hero-banner-content a.btn, body #content #hero-banner .owl-item .hero-banner-content a.btn {
  margin-right: 1.5rem;
}
@media (max-width: 768px) {
  html #content #hero-banner .owl-item .hero-banner-content a.btn, body #content #hero-banner .owl-item .hero-banner-content a.btn {
    width: 100%;
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  html #content #hero-banner .col-lg-5, body #content #hero-banner .col-lg-5 {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -70%;
    margin-top: 0;
    text-align: center;
  }
  html #content #hero-banner .col-lg-5 img, body #content #hero-banner .col-lg-5 img {
    width: 60%;
    max-width: 200px;
  }
}
html #content #hp-box-section, body #content #hp-box-section {
  padding-top: 6.25rem;
  position: relative;
}
@media (max-width: 768px) {
  html #content #hp-box-section, body #content #hp-box-section {
    padding-top: 6.25rem;
  }
  html #content #hp-box-section .row > .col-12:last-child .hp-box-content, body #content #hp-box-section .row > .col-12:last-child .hp-box-content {
    margin-bottom: 0rem;
  }
}
html #content #hp-box-section:after, body #content #hp-box-section:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: -13.5rem;
  width: 100%;
  height: 100%;
  max-width: 53.3125rem;
  max-height: 52.6875rem;
}
html #content #hp-box-section .hp-box-title, body #content #hp-box-section .hp-box-title {
  color: #0045BF;
  margin-bottom: 3.375rem;
}
html #content #hp-box-section .hp-box-content, body #content #hp-box-section .hp-box-content {
  padding: 2.5rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  html #content #hp-box-section .hp-box-content, body #content #hp-box-section .hp-box-content {
    margin-bottom: 3.125rem;
  }
}
html #content #hp-box-section .hp-box-content h3, body #content #hp-box-section .hp-box-content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.375rem;
  margin-bottom: 1rem;
}
html #content #hp-box-section .hp-box-content img, body #content #hp-box-section .hp-box-content img {
  /*position: absolute;
  top: rem(-80);
  @media (max-width: 768px) {
     top: -90px;
      width: 40%;
      max-width: 200px;
      right: 35px;
  }*/
}
html #content #hp-box-section .hp-box-content p, body #content #hp-box-section .hp-box-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
}
html #content #calculation, body #content #calculation {
  padding-top: 9.25rem;
}
@media (max-width: 768px) {
  html #content #calculation, body #content #calculation {
    padding-top: 6.25rem;
  }
}
html #content #calculation .calculation-content, body #content #calculation .calculation-content {
  font-size: 1.375rem;
}
html #content #calculation .calculation-content h2, body #content #calculation .calculation-content h2 {
  margin-bottom: 1.25rem;
  margin-top: 0;
}
html #content #our-insurance, body #content #our-insurance {
  margin-top: 5.4375rem;
  font-size: 1.375rem;
}
html #content #our-insurance .our-insurance-box, body #content #our-insurance .our-insurance-box {
  margin-top: 2.4375rem;
}
html #content #our-insurance .our-insurance-box .preview-image, body #content #our-insurance .our-insurance-box .preview-image {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 1rem;
  height: 18.3125rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
html #content #our-insurance .our-insurance-box .preview-text, body #content #our-insurance .our-insurance-box .preview-text {
  margin-top: 1.4375rem;
}
html #content #our-insurance .our-insurance-box .preview-text h3, body #content #our-insurance .our-insurance-box .preview-text h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 0.75rem;
  color: #0045BF;
}
html #content #our-insurance .our-insurance-box .preview-text a, body #content #our-insurance .our-insurance-box .preview-text a {
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #0045BF;
  text-decoration: underline;
}
@media (max-width: 768px) {
  html #content #our-insurance .our-insurance-box .preview-text a, body #content #our-insurance .our-insurance-box .preview-text a {
    width: 100%;
  }
}
html #content #reference, body #content #reference {
  background-image: url("../images/plan_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
@media (max-width: 768px) {
  html #content #reference, body #content #reference {
    margin: 0;
  }
}
html #content #reference > .row, body #content #reference > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #content #reference > .row, body #content #reference > .row {
    width: 100%;
  }
}
html #content #reference .reference-box, body #content #reference .reference-box {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 3rem;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1019607843);
  min-height: 23.4375rem;
  position: relative;
}
html #content #reference .reference-box .reference-item, body #content #reference .reference-box .reference-item {
  font-size: 1.375rem;
}
html #content #reference .reference-box .reference-item .preview-image, body #content #reference .reference-box .reference-item .preview-image {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html #content #reference .reference-box .reference-item .reference-text, body #content #reference .reference-box .reference-item .reference-text {
  margin-bottom: 1.25rem;
}
html #content #reference .reference-box .reference-item .reference-meta-text, body #content #reference .reference-box .reference-item .reference-meta-text {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0.9375rem;
  margin-bottom: 3rem;
}
html #content #reference .reference-box .reference-item .reference-meta-text .reference-title, body #content #reference .reference-box .reference-item .reference-meta-text .reference-title {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin-bottom: 0;
}
html #content #how-this-works, body #content #how-this-works {
  padding-top: 6.75rem;
  padding-bottom: 16.25rem;
  margin-bottom: 6.25rem;
  position: relative;
  /*&:before{
      content: '';
      position: absolute;
      background-image: url('../images/hp_box_bg.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      top: rem(-50);
      left: rem(-242);
      width: 100%;
      height: 100%;
      max-width: rem(853);
      max-height: rem(843);
      transform: rotate(180deg);
  }*/
}
@media (max-width: 768px) {
  html #content #how-this-works, body #content #how-this-works {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
html #content #how-this-works::after, body #content #how-this-works::after {
  content: "";
  position: absolute;
  background-image: url("../images/ship.svg");
  width: 100%;
  height: 12.5rem;
  bottom: 1.875rem;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  html #content #how-this-works::after, body #content #how-this-works::after {
    bottom: -4.0625rem;
  }
}
html #content #how-this-works .how-this-works-box, body #content #how-this-works .how-this-works-box {
  margin-top: 3.125rem;
}
@media (max-width: 768px) {
  html #content #how-this-works .how-this-works-box, body #content #how-this-works .how-this-works-box {
    margin-bottom: 3.125rem;
  }
}
html #content #how-this-works .how-this-works-box .work-box, body #content #how-this-works .how-this-works-box .work-box {
  z-index: 2;
  position: relative;
}
@media (max-width: 768px) {
  html #content #how-this-works .how-this-works-box .work-box, body #content #how-this-works .how-this-works-box .work-box {
    margin-bottom: 2.5rem;
    padding: 1.5rem 0.75rem;
    min-height: 12.5rem;
  }
}
html #content #how-this-works .how-this-works-box .work-box h3, body #content #how-this-works .how-this-works-box .work-box h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  padding-top: 1.25rem;
}
@media (max-width: 768px) {
  html #content #how-this-works .how-this-works-box .work-box h3, body #content #how-this-works .how-this-works-box .work-box h3 {
    width: 100%;
    float: left;
  }
}
html #content #how-this-works .how-this-works-box .work-box img, body #content #how-this-works .how-this-works-box .work-box img {
  margin-right: 0.75rem;
  max-width: 100px;
}
@media (max-width: 768px) {
  html #content #how-this-works .how-this-works-box .work-box img, body #content #how-this-works .how-this-works-box .work-box img {
    width: 100%;
  }
}
html #content #individual-plan, body #content #individual-plan {
  background-image: url("../images/reference_bg_new.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
@media (max-width: 768px) {
  html #content #individual-plan, body #content #individual-plan {
    margin-bottom: 0rem;
  }
}
html #content #individual-plan > .row, body #content #individual-plan > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #content #individual-plan > .row, body #content #individual-plan > .row {
    width: 100%;
  }
}
html #content #individual-plan .plan-box, body #content #individual-plan .plan-box {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 3rem;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1019607843);
  position: relative;
  color: #0045BF;
  font-weight: 400;
  font-size: 1.375rem;
  position: relative;
}
html #content #individual-plan .plan-box h1, html #content #individual-plan .plan-box h2, body #content #individual-plan .plan-box h1, body #content #individual-plan .plan-box h2 {
  margin-bottom: 1.5rem;
}
html #content #individual-plan .plan-box p, body #content #individual-plan .plan-box p {
  color: #000;
}
@media (max-width: 768px) {
  html #content #individual-plan .plan-box a.btn, body #content #individual-plan .plan-box a.btn {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}
html #content #individual-plan .plan-box .button-wrap, body #content #individual-plan .plan-box .button-wrap {
  margin-top: 2rem;
  display: inline-flex;
  gap: 1.5rem;
}
html #content #individual-plan .plan-box .button-wrap a, body #content #individual-plan .plan-box .button-wrap a {
  font-size: 1.125rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  html #content #individual-plan .plan-box .button-wrap a, body #content #individual-plan .plan-box .button-wrap a {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}
html #content #faq, body #content #faq {
  margin-top: 3.125rem;
  position: relative;
}
@media (max-width: 768px) {
  html #content #faq, body #content #faq {
    margin-top: 0rem;
  }
}
html #content #faq:after, body #content #faq:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: -10.4375rem;
  width: 100%;
  height: 100%;
  max-width: 41.875rem;
  max-height: 41.875rem;
}
html #content #faq .faq-image, body #content #faq .faq-image {
  position: relative;
  margin-top: 16.875rem;
}
@media (max-width: 768px) {
  html #content #faq .faq-image, body #content #faq .faq-image {
    position: absolute;
    z-index: -1;
    top: 10px;
    right: -56px;
    margin-top: 0;
    text-align: center;
  }
  html #content #faq .faq-image img, body #content #faq .faq-image img {
    width: 25%;
    max-width: 200px;
  }
}
html #content #faq .faq-box, body #content #faq .faq-box {
  margin-top: 3.375rem;
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
html #content #faq .faq-box .faq-item, body #content #faq .faq-box .faq-item {
  margin-bottom: 1.5rem;
}
html #content #faq .faq-box .faq-item .faq-title, body #content #faq .faq-box .faq-item .faq-title {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  border-bottom: 1px solid #0045BF;
  padding: 1.4375rem 0;
  margin-bottom: 0.75rem;
  position: relative;
  color: #001843;
  cursor: pointer;
}
html #content #faq .faq-box .faq-item .faq-title h3, body #content #faq .faq-box .faq-item .faq-title h3 {
  width: 93%;
}
html #content #faq .faq-box .faq-item .faq-title:after, body #content #faq .faq-box .faq-item .faq-title:after {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  right: 0;
  bottom: 2.0625rem;
  background-image: url("../images/arrow_down_new.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
html #content #faq .faq-box .faq-item .faq-text, body #content #faq .faq-box .faq-item .faq-text {
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease;
  color: #001843;
}
html #content #faq .faq-box .faq-item.active .faq-text, body #content #faq .faq-box .faq-item.active .faq-text {
  max-height: 700px;
}
html #content #faq .faq-box .faq-item.active .faq-title:after, body #content #faq .faq-box .faq-item.active .faq-title:after {
  background-image: url("../images/arrow_up_new.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
html #content #faq .question-box, body #content #faq .question-box {
  width: 80%;
  float: right;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem;
  border: 1.5px solid #0045BF;
  color: #222;
  font-size: 1.375rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  html #content #faq .question-box, body #content #faq .question-box {
    width: 100%;
  }
}
html #content #faq .question-box h2, body #content #faq .question-box h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  margin-bottom: 0.75rem;
  color: #000;
}
html #content #faq .question-box a, body #content #faq .question-box a {
  margin-top: 1.5rem;
}
html #content #newsletter, body #content #newsletter {
  background-image: url("../images/newsletter_bg_new.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
@media (max-width: 768px) {
  html #content #newsletter, body #content #newsletter {
    margin: 0;
  }
}
html #content #newsletter > .row, body #content #newsletter > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #content #newsletter > .row, body #content #newsletter > .row {
    width: 100%;
    padding: 0.9375rem;
  }
}
html #content #newsletter .newsletter-box, body #content #newsletter .newsletter-box {
  color: #fff;
  font-weight: 400;
  font-size: 1.375rem;
  position: relative;
}
html #content #newsletter .newsletter-box h1, html #content #newsletter .newsletter-box h2, body #content #newsletter .newsletter-box h1, body #content #newsletter .newsletter-box h2 {
  margin-bottom: 1.5rem;
}
html #content #newsletter .newsletter-box .button-wrap, body #content #newsletter .newsletter-box .button-wrap {
  margin-top: 2rem;
  display: inline-flex;
  gap: 1.5rem;
}
html #content #newsletter .newsletter-box .button-wrap a, body #content #newsletter .newsletter-box .button-wrap a {
  font-size: 1.125rem;
  font-weight: 500;
}
html #content #newsletter .newsletter-box form label, body #content #newsletter .newsletter-box form label {
  display: none;
}
html #content #newsletter .newsletter-box form .btn, body #content #newsletter .newsletter-box form .btn {
  position: absolute;
  right: 0.875rem;
  top: -4.375rem;
}
html #content #newsletter .newsletter-box form .after_text, body #content #newsletter .newsletter-box form .after_text {
  margin-top: 0.75rem;
  font-size: 1rem;
  padding: 0 1.5625rem;
}
html #content #supports, body #content #supports {
  margin-top: 7.8125rem;
}
@media (max-width: 768px) {
  html #content #supports, body #content #supports {
    margin-top: 3.125rem;
  }
}
html #content #supports .support-boxs, body #content #supports .support-boxs {
  margin-top: 2.0625rem;
}
@media (max-width: 768px) {
  html #content #supports .support-boxs, body #content #supports .support-boxs {
    margin-top: 0rem;
  }
  html #content #supports .support-boxs .row > .col-12:last-child .support-box, body #content #supports .support-boxs .row > .col-12:last-child .support-box {
    margin-bottom: 0rem;
  }
}
html #content #supports .support-boxs .support-box, body #content #supports .support-boxs .support-box {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem;
  background-color: #fff;
  min-height: 17.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 768px) {
  html #content #supports .support-boxs .support-box, body #content #supports .support-boxs .support-box {
    margin-bottom: 1.25rem;
  }
}
html #content #supports .support-boxs .support-box h3, body #content #supports .support-boxs .support-box h3 {
  margin-bottom: 0.5rem;
}
html #content #supports .support-boxs .support-box h3 img, body #content #supports .support-boxs .support-box h3 img {
  margin-right: 0.5rem;
  position: relative;
  top: -0.25rem;
}
html #content #supports .support-boxs .support-box a.btn, body #content #supports .support-boxs .support-box a.btn {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  html #content #supports .support-boxs .support-box a.btn, body #content #supports .support-boxs .support-box a.btn {
    width: 100%;
    margin-top: 0.625rem;
  }
}
html #content #contact, body #content #contact {
  margin-top: 14.9375rem;
  position: relative;
}
@media (max-width: 768px) {
  html #content #contact, body #content #contact {
    margin-top: 3.125rem;
  }
}
html #content #contact .contact-box .contact-image, body #content #contact .contact-box .contact-image {
  position: relative;
  margin-top: -18.75rem;
}
@media (max-width: 768px) {
  html #content #contact .contact-box .contact-image, body #content #contact .contact-box .contact-image {
    margin-top: 0;
    text-align: center;
  }
  html #content #contact .contact-box .contact-image img, body #content #contact .contact-box .contact-image img {
    width: 30%;
  }
}
@media (max-width: 768px) {
  html #content #contact .contact-box .col-lg-5, body #content #contact .contact-box .col-lg-5 {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -50%;
  }
}
html #content #contact .contact-box .contact-form, body #content #contact .contact-box .contact-form {
  margin-top: 4.5rem;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem;
  background-color: #fff;
  position: relative;
  width: 100%;
  float: left;
}
html #content #contact .contact-box .contact-form form .form-group .control-label, body #content #contact .contact-box .contact-form form .form-group .control-label {
  display: none;
}
html #content #contact .contact-box .contact-form form .form-group .form-control, body #content #contact .contact-box .contact-form form .form-group .form-control {
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1.5px solid #0045BF;
  padding: 1rem 0rem;
  margin-bottom: 2rem;
  outline: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
html #content #contact .contact-box .contact-form form .form-group .form-control::-moz-placeholder, body #content #contact .contact-box .contact-form form .form-group .form-control::-moz-placeholder {
  color: #000;
}
html #content #contact .contact-box .contact-form form .form-group .form-control::placeholder, body #content #contact .contact-box .contact-form form .form-group .form-control::placeholder {
  color: #000;
}
html #content #contact .contact-box .contact-form form .form-group .btn, body #content #contact .contact-box .contact-form form .form-group .btn {
  margin-top: 1.5rem;
}
html #about-box-section, body #about-box-section {
  margin-top: 6.25rem;
  position: relative;
}
@media (max-width: 768px) {
  html #about-box-section, body #about-box-section {
    margin-top: 3.125rem;
  }
}
html #about-box-section:after, body #about-box-section:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -11.5rem;
  left: -9.375rem;
  width: 100%;
  height: 100%;
  max-width: 35.125rem;
  max-height: 34.6875rem;
}
html #about-box-section .about-box-content, body #about-box-section .about-box-content {
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  z-index: 2;
  background-color: #fff;
  height: 100%;
}
@media (max-width: 768px) {
  html #about-box-section .about-box-content, body #about-box-section .about-box-content {
    margin-bottom: 3rem;
    height: auto;
  }
}
html #about-box-section .about-box-content h3, body #about-box-section .about-box-content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.375rem;
  margin-bottom: 1rem;
}
html #about-box-section .about-box-content p, body #about-box-section .about-box-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  color: #000;
}
html #about-box-section .about-box-content img, body #about-box-section .about-box-content img {
  margin-bottom: 1rem;
}
html #mission-vision-section, body #mission-vision-section {
  background-image: url("../images/mission_bg_new.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 8.1875rem;
  padding-bottom: 8.1875rem;
  border-radius: 1.5rem;
  position: relative;
  margin-top: 6.25rem;
}
@media (max-width: 768px) {
  html #mission-vision-section, body #mission-vision-section {
    padding-top: 50px;
    padding-bottom: 12.5rem;
  }
}
html #mission-vision-section > .row, body #mission-vision-section > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #mission-vision-section > .row, body #mission-vision-section > .row {
    width: 100%;
  }
}
html #mission-vision-section .text-box, body #mission-vision-section .text-box {
  padding: 3rem;
  border-radius: 1.5rem;
  margin-bottom: 3rem;
}
html #mission-vision-section .text-box p, body #mission-vision-section .text-box p {
  font-size: 1.25rem;
  color: #222;
}
html #about, body #about {
  margin-top: 11.75rem;
  position: relative;
}
@media (max-width: 768px) {
  html #about, body #about {
    margin-top: 3.125rem;
  }
}
html #about:after, body #about:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -21.875rem;
  right: -12.25rem;
  width: 100%;
  height: 100%;
  max-width: 47.625rem;
  max-height: 47.1875rem;
  transform: rotate(180deg);
  z-index: -1;
}
html #about .about-content .btgrid, body #about .about-content .btgrid {
  margin-top: 4.25rem;
}
@media (max-width: 768px) {
  html #about .about-content .btgrid, body #about .about-content .btgrid {
    margin-top: 1.25rem;
  }
}
html #about .about-content .btgrid .col-lg-7 img, body #about .about-content .btgrid .col-lg-7 img {
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  html #about .about-content .btgrid .col-lg-7 img, body #about .about-content .btgrid .col-lg-7 img {
    position: relative;
  }
}
html #about .about-content .btgrid .col-lg-5, body #about .about-content .btgrid .col-lg-5 {
  margin-top: 1.25rem;
}
html #about .about-content .btgrid .col-lg-5 h3, body #about .about-content .btgrid .col-lg-5 h3 {
  margin-bottom: 1.5rem;
}
html #personal-banner, body #personal-banner {
  /*background-image: url('../images/person_bg.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  position: relative;
  background: linear-gradient(90deg, #0045BF 0%, #003799 88.13%);
  padding-top: 8.1875rem;
  padding-bottom: 8.1875rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  html #personal-banner, body #personal-banner {
    margin: 3.125rem 0;
    padding-top: 0;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
html #personal-banner > .row, body #personal-banner > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #personal-banner > .row, body #personal-banner > .row {
    width: 100%;
  }
}
html #personal-banner .section-title, body #personal-banner .section-title {
  color: #fff;
}
@media screen and (max-width: 768px) {
  html #personal-banner .section-title, body #personal-banner .section-title {
    position: relative;
    top: 40px;
  }
}
html #personal-banner .banner-image img, body #personal-banner .banner-image img {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 21.875rem;
}
@media screen and (max-width: 768px) {
  html #personal-banner .banner-image img, body #personal-banner .banner-image img {
    max-width: 9.375rem;
    top: unset;
    bottom: 0;
  }
}
html #personal-banner .banner-text, body #personal-banner .banner-text {
  color: #fff;
  position: absolute;
  bottom: 5.75rem;
  font-size: 1.25rem;
  line-height: 2.5rem;
  width: 100%;
}
html #personal-banner .banner-text .banner-image img, body #personal-banner .banner-text .banner-image img {
  position: absolute;
  right: 0;
  top: -27.8125rem;
}
@media screen and (max-width: 1440px) {
  html #personal-banner .banner-text .banner-image img, body #personal-banner .banner-text .banner-image img {
    right: 0;
    width: 50%;
    max-width: 200px;
    bottom: -215px;
    top: unset;
  }
}
@media screen and (min-width: 1920px) {
  html #personal-banner .banner-text .banner-image img, body #personal-banner .banner-text .banner-image img {
    right: 16.25rem;
  }
}
html #about-maps, body #about-maps {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 11.25rem;
}
html #about-maps:after, body #about-maps:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: -8.375rem;
  left: -8.5rem;
  width: 100%;
  height: 100%;
  max-width: 40.625rem;
  max-height: 40.625rem;
  transform: rotate(14deg);
}
html #about-maps .lexia-map, body #about-maps .lexia-map {
  min-height: 24.3125rem;
}
html #maps, body #maps {
  margin: 6.25rem 0;
}
@media (max-width: 768px) {
  html #why-us, body #why-us {
    margin: 3.125rem 0;
  }
}
html #why-us .why-us-image, body #why-us .why-us-image {
  margin-top: 6.25rem;
}
@media (max-width: 768px) {
  html #why-us .why-us-image, body #why-us .why-us-image {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
    text-align: center;
  }
  html #why-us .why-us-image img, body #why-us .why-us-image img {
    width: 80%;
  }
}
html #why-us .why-us-content .col-12, body #why-us .why-us-content .col-12 {
  margin-bottom: 3rem;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  html #why-us .why-us-content .col-12, body #why-us .why-us-content .col-12 {
    margin-bottom: 1.25rem;
  }
}
html #why-us .why-us-content .col-12 h3, body #why-us .why-us-content .col-12 h3 {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  html #why-us .why-us-content .row, body #why-us .why-us-content .row {
    position: relative;
  }
  html #why-us .why-us-content .col-lg-9 .content, body #why-us .why-us-content .col-lg-9 .content {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
    border-radius: 1rem;
    padding: 2.5rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  html #why-us .why-us-content .col-lg-2, body #why-us .why-us-content .col-lg-2 {
    position: absolute;
    z-index: 3;
    top: 0;
    right: -80%;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  html #why-us .why-us-content .col-lg-2, body #why-us .why-us-content .col-lg-2 {
    right: -75%;
  }
}
@media (max-width: 768px) {
  html #why-us .why-us-content .col-lg-2 img, body #why-us .why-us-content .col-lg-2 img {
    width: 100%;
    max-width: 70px;
    z-index: 999;
    background-color: #fff;
    padding: 0.625rem;
    border-radius: 1rem;
  }
}
html .individual-plan-about, body .individual-plan-about {
  margin-top: -9.375rem;
}
html #product-list, body #product-list {
  margin-top: 7rem;
  position: relative;
}
html #product-list:after, body #product-list:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 9.375rem;
  left: -3.75rem;
  width: 100%;
  height: 100%;
  max-width: 40.625rem;
  max-height: 40.625rem;
  transform: rotate(14deg);
}
html #product-list .product-list-items, body #product-list .product-list-items {
  margin-top: 3.5rem;
  position: relative;
  z-index: 2;
}
html #product-list .product-list-items .col-lg-4, body #product-list .product-list-items .col-lg-4 {
  margin-bottom: 1.5rem;
}
html #product-list .product-list-items .product-item, body #product-list .product-list-items .product-item {
  border-radius: 1rem;
  padding: 2.5rem;
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  border: 2px solid #fff;
  transition: all 0.3s ease;
  position: relative;
}
html #product-list .product-list-items .product-item:hover, body #product-list .product-list-items .product-item:hover {
  border: 2px solid #0045BF;
}
html #product-list .product-list-items .product-item:hover h3, body #product-list .product-list-items .product-item:hover h3 {
  color: #0045BF;
}
html #product-list .product-list-items .product-item a, body #product-list .product-list-items .product-item a {
  color: #222;
}
html #product-list .product-list-items .product-item h3, body #product-list .product-list-items .product-item h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
html #product-list .product-list-items .product-item hr, body #product-list .product-list-items .product-item hr {
  border: 0;
  height: 2px;
  background-color: #0045BF;
  width: 80%;
  margin: 0 auto;
}
html #product-list .product-list-items .product-item ul, body #product-list .product-list-items .product-item ul {
  margin-top: 1.5rem;
  padding-bottom: 5.5rem;
}
html #product-list .product-list-items .product-item ul li, body #product-list .product-list-items .product-item ul li {
  position: relative;
  padding-left: 1.75rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
html #product-list .product-list-items .product-item ul li::before, body #product-list .product-list-items .product-item ul li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../images/charm_tick.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.3125rem;
  left: 0;
}
html #product-list .product-list-items .product-item .btn, body #product-list .product-list-items .product-item .btn {
  position: absolute;
  bottom: 2.5rem;
  left: 5%;
  width: 90%;
}
@media (max-width: 768px) {
  html #product-list .product-list-items .product-item .btn, body #product-list .product-list-items .product-item .btn {
    left: 3.75rem;
  }
}
html #scope, body #scope {
  position: relative;
  margin-top: 0rem;
  margin-bottom: 13rem;
}
@media (max-width: 768px) {
  html #scope, body #scope {
    margin-top: 0rem;
    margin-bottom: 6.25rem;
  }
}
html #scope:after, body #scope:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 1.875rem;
  left: -3.75rem;
  width: 100%;
  height: 100%;
  max-width: 43.75rem;
  max-height: 43.1875rem;
  transform: rotate(0deg);
}
html #scope .scope-text-main, body #scope .scope-text-main {
  margin-top: 10rem;
  margin-bottom: 6.625rem;
}
html #scope .scope-limit-box, body #scope .scope-limit-box {
  margin-bottom: 8.75rem;
  position: relative;
  z-index: 2;
}
html #scope .scope-limit-box .title-text, body #scope .scope-limit-box .title-text {
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  html #scope .scope-limit-box .limit-content, body #scope .scope-limit-box .limit-content {
    margin-top: 3.125rem;
  }
  html #scope .scope-limit-box .limit-image, body #scope .scope-limit-box .limit-image {
    position: absolute;
    z-index: 3;
    top: 180px;
    right: 0%;
    width: 32%;
    max-width: 180px;
  }
}
html #scope .scope-limit-box .limit-tex,
html #scope .scope-limit-box .scope-text, body #scope .scope-limit-box .limit-tex,
body #scope .scope-limit-box .scope-text {
  margin-top: 6.625rem;
  margin-bottom: 3.5rem;
}
html #scope .scope-limit-box .limit-tex h3,
html #scope .scope-limit-box .scope-text h3, body #scope .scope-limit-box .limit-tex h3,
body #scope .scope-limit-box .scope-text h3 {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  html #scope .scope-limit-box .text-box, body #scope .scope-limit-box .text-box {
    padding-top: 9.375rem;
  }
}
html #scope .scope-limit-box .text-box h4, body #scope .scope-limit-box .text-box h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
html #scope .all-risk, body #scope .all-risk {
  margin-top: 1rem;
  position: relative;
}
html #scope .all-risk .section-title, body #scope .all-risk .section-title {
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  html #scope .all-risk .limit-image, body #scope .all-risk .limit-image {
    position: absolute;
    z-index: 3;
    top: 160px;
    right: 0%;
    width: 32%;
    max-width: 180px;
  }
}
html #scope .all-risk .allrisk-box-text h4, body #scope .all-risk .allrisk-box-text h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
html #scope .all-risk .allrisk-box-text .col-lg-6, body #scope .all-risk .allrisk-box-text .col-lg-6 {
  margin-top: 3.5rem;
}
html #scope .all-risk .allrisk-box-text .col-lg-6 .content, body #scope .all-risk .allrisk-box-text .col-lg-6 .content {
  border-radius: 2.5rem;
  padding: 2.5rem;
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  z-index: 2;
}
html #scope .all-risk .allrisk-box-text .col-lg-6 .content .check-list, body #scope .all-risk .allrisk-box-text .col-lg-6 .content .check-list {
  margin-bottom: 0;
}
html #download-files, body #download-files {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  html #download-files, body #download-files {
    margin-top: 0;
  }
}
html #download-files .download-list, body #download-files .download-list {
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 1.5rem;
}
html #download-files .download-list li, body #download-files .download-list li {
  margin-bottom: 0.5rem;
  position: relative;
}
html #download-files .download-list li:after, body #download-files .download-list li:after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../images/tabler_arrow-up.svg");
  top: 0;
  right: 0;
}
html #why-lexia, body #why-lexia {
  margin-top: 9.0625rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  html #why-lexia, body #why-lexia {
    margin-top: 3.125rem;
  }
}
html #why-lexia:after, body #why-lexia:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -19.375rem;
  right: -43.75rem;
  width: 100%;
  height: 100%;
  min-width: 48.25rem;
  min-height: 44.5625rem;
  transform: rotate(0deg);
}
html #why-lexia h2, body #why-lexia h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 6.625rem;
}
@media screen and (max-width: 768px) {
  html #why-lexia h2, body #why-lexia h2 {
    margin-bottom: 3.125rem;
  }
}
html #why-lexia .why-lexia-content .content, body #why-lexia .why-lexia-content .content {
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  background-color: #fff;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  z-index: 2;
  margin-bottom: 1.5rem;
}
html #why-lexia .why-lexia-content .content h3, body #why-lexia .why-lexia-content .content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
}
html #why-lexia .why-lexia-content .content img, body #why-lexia .why-lexia-content .content img {
  margin-bottom: 1rem;
}
html #education-support, body #education-support {
  margin-top: 12.6875rem;
}
@media screen and (max-width: 768px) {
  html #education-support, body #education-support {
    margin-top: 3.125rem;
  }
}
html #education-support h2, body #education-support h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 0;
}
html #education-support .education-support-image img, body #education-support .education-support-image img {
  margin-top: 4.6875rem;
  max-width: 41.25rem;
}
@media screen and (max-width: 768px) {
  html #education-support .education-support-image img, body #education-support .education-support-image img {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  html #education-support .education-support-text .row, body #education-support .education-support-text .row {
    position: relative;
  }
  html #education-support .education-support-text .col-lg-8 .content, body #education-support .education-support-text .col-lg-8 .content {
    border-radius: 1rem;
    padding: 2.5rem 2rem;
    background-color: #fff;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
    position: relative;
    z-index: 2;
    margin-bottom: 1.5rem;
    padding-top: 3.125rem;
  }
  html #education-support .education-support-text .col-lg-2, body #education-support .education-support-text .col-lg-2 {
    position: absolute;
    z-index: 3;
    right: -80%;
    top: 5px;
  }
  html #education-support .education-support-text .col-lg-2 img, body #education-support .education-support-text .col-lg-2 img {
    width: 100%;
    max-width: 50px;
  }
}
html #education-support .education-support-text .content, body #education-support .education-support-text .content {
  margin-bottom: 3rem;
}
html #education-support .education-support-text .content h3, body #education-support .education-support-text .content h3 {
  margin-bottom: 1rem;
}
html #easy-work, body #easy-work {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  html #easy-work, body #easy-work {
    margin-top: 3.125rem;
  }
}
html #easy-work:after, body #easy-work:after {
  content: "";
  position: absolute;
  background-image: url("../images/hp_box_bg_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -12.5rem;
  left: -43.75rem;
  width: 100%;
  height: 100%;
  min-width: 48.25rem;
  min-height: 44.5625rem;
  transform: rotate(180deg);
}
html #easy-work h2, body #easy-work h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 4.0625rem;
}
html #easy-work .easy-work-content .content, body #easy-work .easy-work-content .content {
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  html #easy-work .easy-work-content .content, body #easy-work .easy-work-content .content {
    margin-bottom: 2.5rem;
  }
}
html #easy-work .easy-work-content .content img, body #easy-work .easy-work-content .content img {
  margin-bottom: 2rem;
}
html #partner-banner, body #partner-banner {
  background-image: url("../images/partner_lexia_banner_new.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  html #partner-banner, body #partner-banner {
    margin: 3.125rem 0;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
html #partner-banner > .row, body #partner-banner > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #partner-banner > .row, body #partner-banner > .row {
    width: 100%;
  }
}
html #partner-banner .partner-banner-content, body #partner-banner .partner-banner-content {
  color: #fff;
  font-weight: 400;
  font-size: 1.375rem;
  position: relative;
}
html #partner-banner .partner-banner-content h1, html #partner-banner .partner-banner-content h2, body #partner-banner .partner-banner-content h1, body #partner-banner .partner-banner-content h2 {
  margin-bottom: 1.5rem;
}
html #partner-banner .partner-banner-content .button-wrap, body #partner-banner .partner-banner-content .button-wrap {
  margin-top: 2rem;
  display: inline-flex;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  html #partner-banner .partner-banner-content .button-wrap, body #partner-banner .partner-banner-content .button-wrap {
    display: block;
  }
}
html #partner-banner .partner-banner-content .button-wrap a, body #partner-banner .partner-banner-content .button-wrap a {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  html #partner-banner .partner-banner-content .button-wrap a, body #partner-banner .partner-banner-content .button-wrap a {
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
  }
}
html #text-page .page-title, body #text-page .page-title {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 5.5rem;
  line-height: 6.125rem;
  margin-bottom: 3rem;
  margin-top: 9.375rem;
}
html #text-page .page-content, body #text-page .page-content {
  margin-bottom: 6.25rem;
}
html #text-page .page-content h2, body #text-page .page-content h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 100%;
  margin-bottom: 3.5rem;
  margin-top: 1.25rem;
}
html #text-page .page-content h3, body #text-page .page-content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 100%;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
html #text-page .page-content h4, body #text-page .page-content h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 100%;
  margin-bottom: 1rem;
}
html #text-page .page-content ul, body #text-page .page-content ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
html #text-page .page-content ul li, body #text-page .page-content ul li {
  position: relative;
  padding-left: 1.75rem;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
html #text-page .page-content ul li::before, body #text-page .page-content ul li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../images/charm_tick.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.3125rem;
  left: 0;
}
html #contacts, body #contacts {
  margin-top: 6.25rem;
}
@media screen and (max-width: 768px) {
  html #contacts, body #contacts {
    margin-top: 3.125rem;
  }
}
html #contacts .contact-text, body #contacts .contact-text {
  margin-bottom: 4.875rem;
  font-size: 1.375rem;
}
html #contacts .contact-text h2, body #contacts .contact-text h2 {
  margin-bottom: 1.25rem;
  font-family: "Nunito", sans-serif;
}
@media screen and (max-width: 768px) {
  html #contacts .contact-box .col-lg-4, body #contacts .contact-box .col-lg-4 {
    margin-bottom: 1.5rem;
  }
}
html #contacts .contact-box .content, body #contacts .contact-box .content {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  border: 0;
}
html #contacts .contact-box .content h3, body #contacts .contact-box .content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
html #contacts .contact-box .content h3 img, body #contacts .contact-box .content h3 img {
  margin-right: 0.5rem;
  position: relative;
  top: -0.25rem;
}
html #contacts .contact-box .content a, body #contacts .contact-box .content a {
  position: absolute;
  bottom: 1.875rem;
}
html #contacts .contact-box .content p:last-child, body #contacts .contact-box .content p:last-child {
  margin-top: 1.25rem;
}
html #client-section, body #client-section {
  width: 100%;
  float: left;
  margin-top: 15.625rem;
  margin-bottom: 12rem;
  position: relative;
  /*background-image: url('../images/blue_wave_bg.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top:0;
  padding-bottom: rem(80);*/
  position: relative;
  background: linear-gradient(90deg, #0045BF 0%, #003799 88.13%);
  padding-top: 8.1875rem;
  padding-bottom: 8.1875rem;
  border-radius: 1.5rem;
  margin: 6.25rem 0;
}
html #client-section > .row, body #client-section > .row {
  width: 95%;
  margin: 0 auto;
  max-width: 1420px;
}
@media (max-width: 768px) {
  html #client-section > .row, body #client-section > .row {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  html #client-section, body #client-section {
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
  }
}
html #client-section .section-text, body #client-section .section-text {
  margin-bottom: 3rem;
  color: #222;
  font-size: 1.375rem;
  font-weight: 400;
  color: #fff;
}
html #client-section .section-text h2, body #client-section .section-text h2 {
  margin-bottom: 1.25rem;
}
html #client-section .section-box .content, body #client-section .section-box .content {
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin-bottom: 3.5rem;
}
html #client-section .section-box .content img, body #client-section .section-box .content img {
  margin-bottom: 2rem;
}
html #client-section .section-box .content h3, body #client-section .section-box .content h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.375rem;
}
html .map-container, body .map-container {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  html .map-container, body .map-container {
    margin-bottom: 3.125rem;
  }
}
html .map-container iframe, body .map-container iframe {
  width: 100%;
  height: 31.25rem;
  border: 0;
  border-radius: 1rem;
  height: 100vh;
  max-height: 37.875rem;
}
html #for_whom, body #for_whom {
  position: relative;
  z-index: 99;
}
html .layout-contacts #map-form .building-box, body .layout-contacts #map-form .building-box {
  min-height: 25rem;
  position: relative;
  overflow: hidden;
}
html .layout-contacts #map-form .building-box .buildings, body .layout-contacts #map-form .building-box .buildings {
  position: absolute;
  width: 100%;
  height: 100%;
}
html .layout-contacts #contact-info > .container > .content, body .layout-contacts #contact-info > .container > .content {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  background-color: #fff;
}
html .layout-partners #contact-bottom-form .contact-form, body .layout-partners #contact-bottom-form .contact-form {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  background-color: #fff;
  width: 100%;
  float: left;
}
html .layout-vzdelavani #about, body .layout-vzdelavani #about {
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  html .layout-vzdelavani #about, body .layout-vzdelavani #about {
    margin-top: 0rem;
  }
  html .layout-vzdelavani #about img, body .layout-vzdelavani #about img {
    text-align: center;
  }
  html .layout-vzdelavani #about img.main-image, body .layout-vzdelavani #about img.main-image {
    width: 80%;
    margin: 0 auto;
  }
  html .layout-vzdelavani #about p,
  html .layout-vzdelavani #about h3,
  html .layout-vzdelavani #about h2, body .layout-vzdelavani #about p,
  body .layout-vzdelavani #about h3,
  body .layout-vzdelavani #about h2 {
    text-align: center;
  }
  html .layout-vzdelavani #about .col-12, body .layout-vzdelavani #about .col-12 {
    margin-bottom: 1.25rem;
  }
  html .layout-vzdelavani #about .about-content > .btgrid > .row-2 > .col-lg-6:last-child, body .layout-vzdelavani #about .about-content > .btgrid > .row-2 > .col-lg-6:last-child {
    order: 1;
  }
  html .layout-vzdelavani #about .about-content > .btgrid > .row-2 > .col-lg-6:first-child, body .layout-vzdelavani #about .about-content > .btgrid > .row-2 > .col-lg-6:first-child {
    order: 2;
  }
}
html .layout-notitle .page-content, body .layout-notitle .page-content {
  margin-bottom: 3rem;
  margin-top: 9.375rem;
}

.circle-menu {
  position: relative;
  width: 500px;
  height: 500px;
  margin: 0 auto;
  top: -13%;
}
@media screen and (max-width: 768px) {
  .circle-menu {
    width: 100%;
    height: auto;
    top: 0;
  }
}
.circle-menu .segment {
  --angle: calc(var(--i) * 60deg);
  position: absolute;
  width: 400px;
  height: 400px;
  transform-origin: center center;
}
@media screen and (max-width: 768px) {
  .circle-menu .segment {
    width: 100%;
    height: auto;
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
}
.circle-menu .segment.segment-1 {
  top: 0px;
  left: -66px;
}
.circle-menu .segment.segment-1 a::after {
  transform: rotate(0deg);
}
.circle-menu .segment.segment-1 a span {
  position: relative;
  top: 4px;
}
.circle-menu .segment.segment-2 {
  top: -9px;
  right: -55px;
}
.circle-menu .segment.segment-2 a::after {
  transform: rotate(70deg);
}
.circle-menu .segment.segment-2 a span {
  position: relative;
  top: 10px;
}
.circle-menu .segment.segment-3 {
  top: 196px;
  right: -130px;
}
.circle-menu .segment.segment-3 a::after {
  transform: rotate(144deg);
}
.circle-menu .segment.segment-3 a span {
  position: relative;
  top: 5px;
  left: -4px;
}
.circle-menu .segment.segment-4 {
  bottom: -231px;
  right: 41px;
}
.circle-menu .segment.segment-4 a::after {
  transform: rotate(215deg);
}
.circle-menu .segment.segment-4 a span {
  position: relative;
  top: -3px;
  left: -7px;
}
.circle-menu .segment.segment-5 {
  left: -125px;
  top: 209px;
}
.circle-menu .segment.segment-5 a::after {
  transform: rotate(-73deg);
}
.circle-menu .segment.segment-5 a span {
  position: relative;
  top: -7px;
}
.circle-menu .segment.segment-6 {
  top: 147px;
  left: -108px;
}
.circle-menu .segment.segment-6 a::after {
  transform: rotate(-1deg);
}
.circle-menu .segment a {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: #0045BF;
  font-size: 13px;
  font-weight: bold;
  pointer-events: auto;
  padding: 40px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .circle-menu .segment a {
    background-color: #7da0dc;
    border-radius: 0.375rem;
    position: relative;
    width: 100%;
    margin-bottom: 0.625rem;
    padding: 2.1875rem;
    display: block;
  }
}
.circle-menu .segment a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/lexia_kruh_default_2.png") no-repeat center center;
  background-size: contain;
  transform: rotate(var(--angle));
  transform-origin: center center;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .circle-menu .segment a::after {
    display: none;
  }
}
.circle-menu .segment a:hover {
  color: #fff;
}
.circle-menu .segment a:hover::after {
  background: url("../images/lexia_kruh_active.png") no-repeat center center;
  background-size: contain;
  transform-origin: center center;
  z-index: -1;
}
.circle-menu .segment a span {
  width: 85%;
}
@media screen and (max-width: 768px) {
  .circle-menu .segment a span {
    width: 100%;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
}

.help-block {
  color: var(--bs-form-invalid-color);
}

#flashMessage {
  position: fixed;
  top: 0.5rem;
  z-index: 9999;
  width: 50%;
  left: 25%;
  text-align: center;
}
#flashMessage .alert {
  border-radius: 1.5rem;
}
#flashMessage .alert.alert-success {
  background-color: #0045BF;
  color: #fff;
  border: 1px solid #0045BF;
}
#flashMessage .alert.alert-danger {
  background-color: #df1929;
  color: #fff;
  border: 1px solid #df1929;
}/*# sourceMappingURL=style.css.map */