html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/*--------------------NAVBAR-----------------*/
/*---------------ABOUT-----------------*/
/*------------------WWD------------*/
.bottom-menu {
  position: fixed;
  z-index: 30;
  bottom: 0.75em;
  right: 0.75em;
  overflow: hidden;
  /*.bottom-social-4::after {
    content: "\f16d";
  }
  .bottom-social-5::after {
    content: "\f0e0";

    font-family: "Font Awesome 6 Free";
  }*/
  /*#bottom-toggler::after {
    content: "";
    width: 3em;
    height: 3em;
    border-radius: 100%;
    background-color: transparent;
    display: block;
    position: fixed;
    z-index: -1;
    bottom: 33.5px;
    animation: wave 5s ease-in infinite 0.8s;
  }*/
}
@media (min-width: 992px) {
  .bottom-menu {
    bottom: 2em;
    right: 2em;
  }
}
.bottom-menu img {
  width: 3em;
  height: 3em;
  -o-object-fit: contain;
     object-fit: contain;
}
.bottom-menu #bottom-toggler {
  background-color: white;
  display: block;
  width: 3em;
  height: 3em;
  margin-bottom: 0.2em;
  transition: 0.7s;
  border: 1px solid #ffb400;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
.bottom-menu a {
  background-color: #ffffff;
  display: block;
  width: 2.3em;
  height: 2.3em;
  margin: 0 auto 0.2em auto;
  border-radius: 0.5rem;
  transition: 0.7s;
  border: 2px solid #ffb400;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.bottom-menu .contact::after {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
  color: #1239ac;
}
.bottom-menu .whatsapp::after {
  content: "\f232";
}
.bottom-menu .messenger::after {
  content: "\f39f";
}
.bottom-menu .email::after {
  content: "@";
}

#list-menu {
  display: none;
}

#list-menu.visibility {
  display: block;
}

/*
@keyframes wave {
  0% {
    box-shadow: 0px 0px 0 2px #f2960d, 0 0 0 0 white;
  }
  2% {
    box-shadow: 0 0 0 4px white, 0 0 0 6px #e69419;
  }

  4% {
    box-shadow: 0 0 0 6px white, 0 0 0 8px #d99126;
  }

  6% {
    box-shadow: 0 0 0 8px white, 0 0 0 10px #cc8f33;
  }
  8% {
    box-shadow: 0 0 0 10px white, 0 0 0 12px #bf8c40;
  }
  10% {
    box-shadow: 0 0 0 12px white, 0 0 0 14px #b38a4d;
  }
  12% {
    box-shadow: 0 0 0 14px white, 0 0 0 16px #a68759;
  }
  14% {
    box-shadow: 0 0 0 16px white, 0 0 0 18px #998566;
  }
  16% {
    box-shadow: 0 0 0 18px white, 0 0 0 20px #8c8273cf;
  }
  18% {
    box-shadow: 0 0 0 20px white, 0 0 0 22px #80808071;
  }
  20% {
    box-shadow: 0 0 0 22px white, 0 0 5px 24px white;
  }
  100% {
    box-shadow: 0 0 0 0 white, 0 0 0 0 white;
  }
}*/
#bottom-toggler::after {
  content: "";
  width: 6em;
  height: 6em;
  border-radius: 100%;
  background-color: transparent;
  background-image: none;
  display: block;
  position: fixed;
  z-index: -1;
  right: 0.6em;
  bottom: 0.75em;
  animation: wave 8s ease-in infinite 0.5s;
}

@keyframes wave {
  0% {
    background-image: none;
  }
  1% {
    background-image: radial-gradient(at 50%, transparent 42%, orange 44%, transparent 46%);
  }
  2% {
    background-image: radial-gradient(at 50%, transparent 48%, orange 50%, transparent 52%);
  }
  3% {
    background-image: radial-gradient(at 50%, transparent 54%, orange 56%, transparent 58%);
  }
  4% {
    background-image: radial-gradient(at 50%, transparent 60%, orange 62%, transparent 64%);
  }
  5% {
    background-image: radial-gradient(at 50%, transparent 66%, orange 68%, transparent 70%);
  }
  6% {
    background-image: radial-gradient(at 50%, transparent 72%, orange 74%, transparent 76%);
  }
  7% {
    background-image: radial-gradient(at 50%, transparent 77%, orange 78%, transparent 79%);
  }
  8% {
    background-image: radial-gradient(at 50%, transparent 80%, orange 81%, transparent 82%);
  }
  9% {
    background-image: radial-gradient(at 50%, transparent 83%, orange 84%, transparent 85%);
  }
  10% {
    background-image: radial-gradient(at 50%, transparent 86%, orange 87%, transparent 88%);
  }
  11% {
    background-image: radial-gradient(at 50%, transparent 89%, orange 90%, transparent 91%);
  }
  12% {
    background-image: radial-gradient(at 50%, transparent 92%, orange 93%, transparent 94%);
  }
  13% {
    background-image: radial-gradient(at 50%, transparent 95%, orange 96%, transparent 97%);
  }
  14% {
    background-image: radial-gradient(at 50%, transparent 98%, orange 99%, orange 100%);
  }
  15% {
    background-image: none;
  }
  100% {
    background-image: none;
  }
}
/*--------------------NAVBAR-----------------*/
/*---------------ABOUT-----------------*/
/*------------------WWD------------*/
footer {
  background-color: #1239ac;
}

.footer-container {
  width: 100%;
  padding: 1.8rem;
  box-sizing: border-box;
  background-color: #1239ac;
  position: relative;
}
@media (min-width: 576px) {
  .footer-container {
    padding: 3.6rem;
  }
}
@media (min-width: 1400px) {
  .footer-container {
    width: 1280px;
    margin: auto;
    padding: 0;
  }
}

.add-layer {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1200px) {
  .add-layer {
    display: flex;
    flex-direction: row;
  }
}

.copyright {
  width: inherit;
  padding: 1.8rem 0;
  margin: auto;
  color: #bfbfbf;
  background-color: #06278a;
  font-size: 0.9rem;
  text-align: center;
  font-family: Roboto, sans-serif;
}
@media (min-width: 1200px) {
  .copyright {
    position: relative;
    padding: 2.7rem 0;
  }
}
@media (min-width: 1400px) {
  .copyright {
    padding: 3.6rem 0;
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .copyright .copyright-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1280px;
    margin: auto;
    box-sizing: border-box;
  }
}
.copyright a {
  text-decoration: none;
  color: #ffffff;
}
.copyright .copyright-left {
  display: block;
}
@media (min-width: 1200px) {
  .copyright .copyright-left {
    display: inline-block;
    margin: 0 3.6rem 0 0;
  }
}
.copyright .copyright-right {
  display: block;
  margin-top: 0.9rem;
}
@media (min-width: 1200px) {
  .copyright .copyright-right {
    display: inline-block;
    margin: 0 0 0 3.6rem;
  }
}
.copyright .copyright-right a {
  position: relative;
  margin: 0 0.9rem;
}
@media (min-width: 1400px) {
  .copyright .copyright-right a {
    margin: 0 2.7rem;
  }
}
.copyright .copyright-right a:nth-of-type(2)::before,
.copyright .copyright-right a:nth-of-type(3)::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background-color: #96aef4;
  top: 50%;
  left: -1.05rem;
  transform: translateY(-50%);
}
@media (min-width: 1400px) {
  .copyright .copyright-right a:nth-of-type(2)::before,
  .copyright .copyright-right a:nth-of-type(3)::before {
    left: -2.85rem;
  }
}

.left-part,
.center-part,
.right-part {
  width: 100%;
}
@media (min-width: 1400px) {
  .left-part,
  .center-part,
  .right-part {
    width: 30%;
  }
}

@media (min-width: 1400px) {
  .center-part {
    width: 50% !important;
  }
}

.left-part {
  color: #ffffff;
  text-align: center;
}
@media (min-width: 670px) {
  .left-part {
    width: 48%;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .left-part {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .left-part {
    width: 30%;
  }
}
@media (min-width: 1400px) {
  .left-part {
    padding: 4rem 4rem 4rem 0;
  }
}
.left-part .footer-logo {
  -o-object-fit: contain;
     object-fit: contain;
  fill: white;
}
.left-part .footer-logo svg {
  width: 150px;
  height: 150px;
}
.left-part .footer-logo svg * {
  fill: white !important;
}
.left-part p {
  margin-top: 1.8rem;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.5em;
  text-align: left;
}
@media (min-width: 768px) {
  .left-part p {
    width: 80%;
  }
}
@media (min-width: 1400px) {
  .left-part p {
    width: 100%;
  }
}
.left-part input {
  margin-top: 1.8rem;
  width: 16rem;
  height: 3.2rem;
  padding: 0 0 0 0.8em;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border: none;
  font-family: Roboto, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}
@media (min-width: 650px) {
  .left-part input {
    width: 12rem;
  }
}
.left-part .input-btn {
  margin-top: 1.8rem;
  width: 3.3rem;
  height: 3.2rem;
  font-size: 1.1em;
  vertical-align: middle;
  border-radius: 0 0.5rem 0.5rem 0;
  border: none;
  transform: translateX(-0.5em);
  background-color: #ffb400;
  cursor: pointer;
}
.left-part .input-btn::after {
  content: "\f178";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #ffffff;
}
.left-part .footer-socials {
  margin-top: 1.8rem;
}
@media (min-width: 670px) {
  .left-part .footer-socials {
    display: flex;
  }
}
@media (min-width: 1400px) {
  .left-part .footer-socials {
    display: block;
  }
}
.left-part .footer-socials li {
  display: inline-block;
  /*.social-5::before {
    content: "\f0e0";
    @include social-icons;
    font-family: "Font Awesome 6 Free";
  }*/
}
.left-part .footer-socials li a {
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  border-radius: 0.5rem;
  position: relative;
  margin-right: 0.54rem;
  background-color: #688aef;
  width: 3rem;
  height: 3rem;
}
@media (min-width: 1400px) {
  .left-part .footer-socials li a {
    width: 3.3rem;
    height: 3.3rem;
  }
}
.left-part .footer-socials li .facebook::before {
  content: "\f39e";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
}
.left-part .footer-socials li .instagram::before {
  content: "\f0e1";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
}
.left-part .footer-socials li .youtube::before {
  content: "\f167";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
}
.left-part .footer-socials li .linkedin::before {
  content: "\f0e1";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
}
.left-part .footer-socials li .x::before {
  content: "\e61b";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
}

@media (min-width: 992px) {
  .center-part {
    width: 50%;
    position: absolute;
    top: -1.8rem;
    right: 0;
  }
}
@media (min-width: 992px) {
  .center-part {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .center-part {
    position: unset;
    width: 45%;
  }
}
.center-part .services {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.8rem;
}
@media (min-width: 466px) {
  .center-part .services {
    justify-content: space-around;
  }
}
@media (min-width: 576px) {
  .center-part .services {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .center-part .services {
    position: unset;
    margin-top: 0;
  }
}
@media (min-width: 1400px) {
  .center-part .services {
    padding: 4em 0;
  }
}
.center-part .services li {
  margin-top: 1.8rem;
}
@media (min-width: 576px) {
  .center-part .services li {
    margin-top: 0;
    width: 50%;
  }
}
.center-part .services a {
  display: block;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.5em;
  text-decoration: none;
  color: #ffffff;
  margin-top: 1.26rem;
}
.center-part .services a:first-of-type {
  margin-top: 1.8rem;
}
.center-part .services h2 {
  font-size: 1.5rem;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.center-part .services li a::before {
  display: inline-block;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #ffffff;
  font-size: 0.7rem;
  transform: translateX(-0.5em);
}

.right-part {
  color: #ffffff;
  padding: 3.6rem 0 0 0;
}
@media (min-width: 670px) {
  .right-part {
    width: 40%;
    position: absolute;
    top: -3.6rem;
    right: 0;
  }
}
@media (min-width: 992px) {
  .right-part {
    position: unset;
  }
}
@media (min-width: 1200px) {
  .right-part {
    width: 30%;
    padding: 0 0 0 3.6rem;
  }
}
@media (min-width: 1400px) {
  .right-part {
    padding: 4em 0 4em 4em;
  }
}
.right-part h2 {
  font-size: 1.5rem;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.right-part address {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.5em;
  margin-top: 1.8rem;
}
@media (min-width: 650px) {
  .right-part address {
    width: calc(100% - 3.6rem);
  }
}
.right-part h3 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 1.8rem;
}
.right-part .time {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.5em;
  margin-top: 0.54rem;
}
.right-part a {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  line-height: 1.5em;
  margin-top: 0.54rem;
}
.right-part .oppening-hours,
.right-part .footer-phone {
  margin-left: 2.7rem;
  position: relative;
}
.right-part .footer-phone a::before {
  content: "\f879";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  transform: translateX(-2.7rem);
  font-size: 1.5rem;
  top: 50%;
  transform: translate(-2.7rem, -50%);
}
.right-part .oppening-hours::before {
  content: "\f017";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  transform: translateX(-2.7rem);
  font-size: 1.5rem;
}

.before-after-container {
  margin: auto;
  text-align: center;
  margin-top: 2.7rem;
}
@media (min-width: 992px) {
  .before-after-container {
    position: absolute;
    right: 9rem;
    bottom: 3.6rem;
  }
}
@media (min-width: 1200px) {
  .before-after-container {
    position: unset;
  }
}
@media (min-width: 1400px) {
  .before-after-container {
    width: 1280px;
  }
}
.before-after-container h2 {
  font-size: 1.5rem;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: #ffffff;
}
.before-after-container .swiper {
  width: 300px;
  margin: auto;
  padding: 1.8rem 0;
}
@media (min-width: 992px) {
  .before-after-container .swiper {
    width: 400px;
  }
}
.before-after-container .swiper img {
  width: 200px;
  height: 150px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .before-after-container .swiper img {
    width: 250px;
    height: 200px;
  }
}
.before-after-container .swiper .swiper-button-prev {
  color: #fff;
}
.before-after-container .swiper .swiper-button-next {
  color: #fff;
}

/*--------------------NAVBAR-----------------*/
/*---------------ABOUT-----------------*/
/*------------------WWD------------*/
.navbar {
  font-family: Roboto, sans-serif;
  position: relative;
  z-index: 1000;
}

.nav-logo {
  -o-object-fit: contain;
     object-fit: contain;
}
.nav-logo svg {
  width: 60px;
  height: 60px;
  transform: translateY(0.72rem);
}

.nav-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.nav-top h2 {
  font-size: 0.7rem;
  font-weight: 400;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .nav-top {
    font-size: 1rem;
  }
}
.nav-top .nav-top-right {
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}
@media (min-width: 768px) {
  .nav-top .nav-top-right {
    margin-top: 0;
  }
}
.nav-top .nav-top-right span {
  font-size: 0.9rem;
  display: none;
}
@media (min-width: 768px) {
  .nav-top .nav-top-right span {
    margin-top: 0;
    display: inline-block;
  }
}
.nav-top .nav-top-right .nav-socials,
.nav-top .nav-top-right li {
  display: inline-block;
}
.nav-top .nav-top-right a {
  display: inline-block;
  text-decoration: none;
  font-size: 0;
}
.nav-top .nav-top-right a::before {
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .nav-top .nav-top-right a::before {
    font-size: 0.9rem;
  }
}
.nav-top .nav-top-right .facebook::before {
  content: "\f39e";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 0.54rem;
  color: #ffffff;
}
.nav-top .nav-top-right .linkedin::before {
  content: "\f0e1";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 0.54rem;
  color: #ffffff;
}
.nav-top .nav-top-right .youtube::before {
  content: "\f167";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 0.54rem;
  color: #ffffff;
}

.nav-top-container {
  background-color: #06278a;
  padding: 0.9rem 1.8rem;
  margin: auto;
  border-bottom: 1px solid #666666;
}
@media (min-width: 768px) {
  .nav-top-container {
    padding: 0.9rem 5.4rem;
  }
}

.nav-bottom-container {
  border-bottom: 1px solid #666666;
  padding: 0 1.8rem;
}
@media (min-width: 768px) {
  .nav-bottom-container {
    padding: 0.72rem 5.4rem;
  }
}

.nav-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.nav-sm-toggler {
  display: inline-block;
  margin-left: 1.8rem;
  vertical-align: middle;
  cursor: pointer;
  color: #666666;
}
@media (max-width: 768px) {
  .nav-sm-toggler {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .nav-sm-toggler {
    display: none;
  }
}

.nav-sm-toggler::before {
  content: "\f550";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  border-radius: 100%;
  background-color: #f1efef;
  text-align: center;
  padding: 0.72rem;
  border: 1px solid rgb(198, 198, 198);
}

.nav-btn {
  display: inline-block;
}
@media (max-width: 768px) {
  .nav-btn {
    background-color: transparent !important;
    color: #081a50 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 1rem !important;
    border: 1px solid #688aef !important;
  }
}

.nav-phone {
  display: none;
  vertical-align: middle;
}
.nav-phone h3 {
  font-size: 0.9rem;
  margin-bottom: 0.27rem;
  color: #666666;
}
.nav-phone a {
  margin-top: 0.27rem;
  display: inline-block;
  color: #06278a;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  font-size: 1.1rem;
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .nav-phone {
    display: inline-block;
    position: relative;
  }
}

.nav-phone a::before {
  display: none;
  content: "\f095";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translate(-3.6rem, -50%);
  border-radius: 100%;
  padding: 0.9rem;
  font-size: 1.1rem;
  color: #1239ac;
  background-color: #eee;
  color: #1239ac;
}
@media (min-width: 1200px) {
  .nav-phone a::before {
    display: inline-block;
  }
}

.nav-btn {
  text-decoration: none;
  padding: 1.08rem 1.8rem;
  margin-left: 2.16rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-family: Poppins, sans-serif;
  border: none;
  color: #ffffff;
  background-color: #3a66ea;
}

.nav-lg-toggler {
  display: none;
}
@media (min-width: 992px) {
  .nav-lg-toggler {
    display: inline-block;
    margin-left: 1.8rem;
    vertical-align: middle;
    color: #666666;
    cursor: pointer;
  }
}

.nav-lg-toggler::before {
  content: "\f550";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #f1efef;
  text-align: center;
  padding: 0.72rem;
  border: 1px solid rgb(198, 198, 198);
}

.nav-lg-toggler-area {
  opacity: 0;
  position: fixed;
  background-image: linear-gradient(to right, rgba(128, 128, 128, 0.335) 70vw, #333333 30vw);
  width: 100vw;
  height: 100vh;
  top: 0em;
  right: -100vw;
  transition: 0.5s;
  box-sizing: border-box;
  padding: 1.8rem;
  z-index: 5;
}

#navbar:target .nav-lg-toggler-area {
  opacity: 1;
  position: fixed;
  top: 0em;
  right: 0em;
  transition: 1s;
}

.close-sm {
  text-decoration: none;
  width: 2.34rem;
  height: 2.34rem;
  background-color: #ffb400;
  position: relative;
  border-radius: 100%;
  display: block;
  transform: translate(17.64rem, -5.4rem);
  cursor: pointer;
}
@media (min-width: 992px) {
  .close-sm {
    display: none;
  }
}

.close-sm::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 1.5rem;
}

.nav-lg-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  background-color: #06278a;
  width: 350px;
  height: 100vh;
  top: 0em;
  left: -350px;
  box-sizing: border-box;
  padding: 5.4rem 1.8rem;
}
@media (min-width: 992px) {
  .nav-lg-menu {
    height: 2.18rem;
    position: unset !important;
    width: 55%;
    background-color: white;
    box-sizing: unset;
    padding: 1.08rem 0;
    flex-direction: row;
    justify-content: space-between;
  }
}
.nav-lg-menu li {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

#menu:target .nav-lg-menu {
  opacity: 1;
  position: fixed;
  top: 0em;
  left: 0em;
  transition: 1s;
  z-index: 1000;
}

.close-lg {
  text-decoration: none;
  width: 2.7rem;
  height: 2.7rem;
  background-color: #fff;
  position: relative;
  border-radius: 100%;
  float: right;
  cursor: pointer;
}

.close-lg::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-size: 1.5rem;
}

.drop-down {
  transition: 0.2s;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media (min-width: 992px) {
  .drop-down {
    background-color: white;
    width: 30%;
  }
}

@media (min-width: 992px) {
  .drop-down:first-of-type {
    background-color: white;
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .drop-down:first-of-type {
    width: 30%;
  }
}

.drop-down.closed {
  height: 2.18rem;
  overflow: hidden;
}

.service-list {
  width: -moz-max-content;
  width: max-content;
  padding: 0.9rem 0;
}
@media (min-width: 992px) {
  .service-list {
    background-color: white;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
}

.service-list li {
  display: block;
}

.service-list li:hover {
  color: #1239ac;
  text-shadow: 0 0 1px #1239ac;
}

.drop-down a {
  display: block;
  text-decoration: none;
  padding: 0.9rem;
  font-size: 1rem;
  font-family: Roboto, sans-serif;
  color: #ffffff;
  cursor: pointer;
  font-weight: 400;
}
@media (min-width: 992px) {
  .drop-down a {
    color: #06278a;
  }
}

.drop-btn {
  position: relative;
  font-size: 1.1rem !important;
}

.drop-btn::after {
  display: inline-block;
  content: "+";
  font-size: 1.2rem;
  color: #ffb400;
  vertical-align: middle;
  position: absolute;
  margin-left: 10px;
}

.drop-btn:hover {
  text-shadow: 0 0 1px #1239ac;
}

.drop-btn:hover::after {
  text-shadow: 0 0 1px #ffb400;
}

.service-full {
  padding: 2rem;
}
.service-full h1 {
  font-size: 3em;
  color: #072ea2;
  font-weight: bold;
  font-family: Poppins, sans-serif;
  margin-bottom: 1rem;
}
.service-full .service-description {
  font-size: 1.1em;
  line-height: 1.6em;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  color: #666666;
}
.service-full .service-price {
  margin-top: 2rem;
  font-size: 1.3em;
  line-height: 1.6em;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  color: #333;
}
.service-full .service-price .wwd-prices {
  color: #072ea2;
  font-weight: bold;
}
.service-full img {
  width: 100%;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.order-pay-form {
  font-family: Poppins, sans-serif;
}
.order-pay-form h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.order-pay-form .form-item-amount {
  display: flex;
  align-items: center;
}
.order-pay-form .form-item-amount input {
  order: -1;
  font-size: 0.8em;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  color: rgba(31, 89, 164, 0.741);
  border: none;
  border-bottom: 1px solid #666666;
  margin-bottom: 0.54rem;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0.18rem;
}
@media (min-width: 768px) {
  .order-pay-form .form-item-amount input {
    font-size: 1em;
    margin-bottom: 1.8rem;
    padding: 0.54rem;
  }
}
.order-pay-form .form-item-amount input input::-moz-placeholder {
  color: #666666;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 0.8em;
}
.order-pay-form .form-item-amount input input::placeholder {
  color: #666666;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .order-pay-form .form-item-amount input input::-moz-placeholder {
    font-size: 0.9em;
  }
  .order-pay-form .form-item-amount input input::placeholder {
    font-size: 0.9em;
  }
}
.order-pay-form .button {
  text-decoration: none;
  padding: 1.08rem 3.6rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-family: Poppins, sans-serif;
  border: none;
  color: #ffffff;
  background-color: #3a66ea;
}

.order-container {
  width: 100%;
  padding: 1.8rem;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 576px) {
  .order-container {
    padding: 3.6rem;
  }
}
@media (min-width: 1400px) {
  .order-container {
    width: 1280px;
    margin: auto;
    padding: 0;
  }
}

.add-layer {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1200px) {
  .add-layer {
    display: flex;
    flex-direction: row;
  }
}/*# sourceMappingURL=main.css.map */