@import "./fonts.css";
@import "./swiper-bundle.min.css";
@import "./mediabox.min.css";
/* --- Colors --- */ /* ************************** RESET START ********* */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
tt,
var,
u,
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,
main,
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;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
}

a.nodecor {
  border: none;
  text-decoration: none;
  transition: none;
  color: inherit;
}

.clr {
  font-size: 0;
  line-height: 0;
  clear: both;
  display: block;
}

input,
textarea {
  outline-width: 0;
}

input,
select,
textarea {
  outline: none;
}

div,
section,
header,
main,
footer,
nav {
  position: relative;
  box-sizing: border-box;
}

section:after {
  content: " ";
  display: table;
  clear: both;
}

.noscroll {
  overflow-y: hidden;
}

svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  fill-rule: evenodd;
  clip-rule: evenodd;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

div.grecaptcha-badge {
  z-index: -5;
  transform: translate(1000px, 0);
  opacity: 0;
  visibility: hidden;
}

/**

 */
.header {
  padding: 16px 0;
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 33;
}
.header .container {
  max-width: 1504px;
  padding: 0 32px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .header .container {
    padding: 0 16px;
  }
}
.header__logo {
  margin-right: 45px;
  flex: 1;
  max-width: 160px;
}
@media screen and (max-width: 1100px) {
  .header__logo {
    margin-right: 24px;
  }
}
@media screen and (max-width: 992px) {
  .header__logo {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .header__logo img {
    width: 108px;
    height: 36px;
    object-fit: contain;
  }
}
@media screen and (max-width: 767px) {
  .header__logo {
    flex: 1;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1100px) {
  .header__inner {
    gap: 16px;
  }
}
.header__phone {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #00101E;
  transition: 0.3s color linear;
  font-family: "Barlow", sans-serif;
  text-decoration: unset;
  display: inline-flex;
  align-items: center;
}
.header__phone:hover {
  color: #008BFF;
}
.header__menu {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: auto;
}
@media screen and (max-width: 1100px) {
  .header__menu {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .header__menu {
    gap: 24px;
    margin-left: unset;
  }
}
@media screen and (max-width: 575px) {
  .header__menu {
    gap: unset;
  }
}
.header__menu span.menu-item {
  text-transform: uppercase;
  font-size: 14px;
}
.header__menu a {
  color: #00101E;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s color linear;
  font-family: "Barlow", sans-serif;
}
.header__menu a:hover {
  color: #008BFF;
}
.header__menu li.show-on-mobile {
  display: none;
}
.header__menu li.current-menu-ancestor span, .header__menu li.current-menu-item span {
  margin-bottom: 0;
}
.header__menu li.current-menu-ancestor .menu-item-arrow-has-children, .header__menu li.current-menu-item .menu-item-arrow-has-children {
  border-top: 5px solid #008BFF;
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .header__menu li.current-menu-ancestor .menu-item-arrow-has-children, .header__menu li.current-menu-item .menu-item-arrow-has-children {
    border: unset;
    margin: 0;
  }
}
.header__menu li.current-menu-ancestor span, .header__menu li.current-menu-ancestor > a, .header__menu li.current-menu-item span, .header__menu li.current-menu-item > a {
  color: #008BFF;
}
.header__menu li.current-menu-parent > span.menu-item {
  margin-bottom: 36px !important;
}
.header__menu li.current-menu-item > span.menu-item {
  margin-bottom: 0 !important;
}

.header__menu__wrap {
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: 32px;
}
@media screen and (max-width: 992px) {
  .header__menu__wrap {
    flex-basis: 100%;
    order: 1;
    background-color: #e4f3ff;
    padding: 8px 16px;
    border-radius: 4px;
    margin-right: 0;
    margin-top: 12px;
  }
}
@media screen and (max-width: 575px) {
  .header__menu__wrap {
    padding: 6px 16px;
    align-items: center;
  }
  .header__menu__wrap.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    margin-top: 0;
    border-radius: 0;
    padding-bottom: 64px;
    padding-right: 16px;
    padding-left: 16px;
    background: #0080EA;
    color: #ffffff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
    bottom: 0;
    z-index: 10;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .header__menu__wrap.active .header__menu {
    width: 100%;
    max-width: calc(100vw - 32px);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px 0;
  }
  .header__menu__wrap.active .header__menu li {
    margin-bottom: 36px;
    margin-right: 0;
  }
  .header__menu__wrap.active .header__menu li:last-child {
    margin-bottom: 0;
  }
  .header__menu__wrap.active .header__menu li.menu-item-has-children span.menu-item {
    margin-bottom: 36px;
    display: inline-block;
  }
  .header__menu__wrap.active .header__menu li.menu-item-has-children .sub-menu {
    margin-left: 20px;
  }
  .header__menu__wrap.active .header__menu li.show-on-mobile {
    display: inline-block;
  }
  .header__menu__wrap.active .header__menu li.current-menu-item span,
  .header__menu__wrap.active .header__menu li.current-menu-item a {
    border-bottom: 1px solid;
  }
  .header__menu__wrap.active .header__menu span.menu-item,
  .header__menu__wrap.active .header__menu a {
    color: #ffffff;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    transition: all 150ms linear;
  }
  .header__menu__wrap.active .header__menu span.menu-item:hover,
  .header__menu__wrap.active .header__menu a:hover {
    border-bottom: 1px solid;
  }
  .header__menu__wrap.active .header__phone {
    margin-left: 0;
    color: #ffffff;
  }
  .header__menu__wrap.active .header__phone:hover {
    color: #ffffff;
  }
  .header__menu__wrap.active .header__menu__close {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .header__menu__wrap .parent-menu-title {
    display: none;
  }
  .header__menu__wrap .header__menu {
    display: none;
  }
}

.header__menu__close {
  position: absolute;
  top: 25px;
  right: 30px;
  display: none;
  background: transparent;
  border: none;
}
.header__menu__close svg {
  width: 20px;
  height: 20px;
}

.header__menu__open {
  display: none;
  margin-right: 16px;
  border: none;
  background: unset;
  border-radius: 4px;
  padding: 6.5px 8px;
}
@media screen and (max-width: 575px) {
  .header__menu__open {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
}
.header__menu__open svg {
  width: 20px;
  height: 20px;
}

body.menu-open {
  overflow: hidden;
}

@media screen and (min-width: 576px) {
  ul.header__menu {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  ul.header__menu > li {
    position: relative;
    padding: 10px 0;
  }
  ul.header__menu > li.menu-item-has-children {
    padding-right: 16px;
  }
  ul.header__menu > li:hover > .sub-menu-container {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0ms;
    transform: translate(0px, 0px);
    filter: none;
  }
  ul.header__menu > li:hover > .menu-item-arrow-has-children {
    border-top-color: #0080EA;
  }
  ul.header__menu > li > .menu-item-arrow-has-children {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
  }
  ul.header__menu .parent-menu-title {
    display: none;
  }
  ul.header__menu .sub-menu-container {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 5;
    min-width: 230px;
    background-color: white;
    border: 1px solid #f6f7f8;
    pointer-events: none;
    opacity: 0;
    transform: translate(0px, 10px);
    filter: blur(10px);
    transition-property: opacity, transform, filter;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
  }
  ul.sub-menu {
    padding: 10px 0;
    text-align: left;
  }
  ul.sub-menu li {
    padding: 8px 15px 8px 15px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
  }
  ul.sub-menu li.current_page_item > a, ul.sub-menu li.current_page_item > span.menu-item {
    color: #0080EA;
  }
  ul.sub-menu li.current-menu-ancestor > a, ul.sub-menu li.current-menu-ancestor > span.menu-item {
    color: #0080EA;
  }
  ul.sub-menu li a,
  ul.sub-menu li span.menu-item {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.3;
  }
  ul.sub-menu li .sub-menu-container {
    position: absolute;
    top: 0;
    z-index: 5;
    transform: translate(calc(100% - 2px), -11px);
    filter: none;
  }
  ul.sub-menu li:hover.menu-item-has-children:after {
    border-left-color: #0080EA;
  }
  ul.sub-menu li:hover > .sub-menu-container {
    opacity: 1;
    pointer-events: all;
  }
}
.footer {
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .footer {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .footer .container {
    padding: 0 8px;
  }
}
.footer__wrap {
  padding-top: 72px;
  padding-right: 32px;
  padding-left: 32px;
  padding-bottom: 32px;
  background: #00101E;
}
@media screen and (max-width: 767px) {
  .footer__wrap {
    padding-top: 32px;
    padding-bottom: 24px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.footer__inner {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1150px) {
  .footer__inner {
    flex-wrap: wrap;
  }
  .footer__inner > div {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 767px) {
  .footer__inner {
    justify-content: center;
  }
  .footer__inner > div {
    flex-basis: 100%;
  }
}
.footer__bottom {
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 72px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #6B7280;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  background: #00101E;
}
.footer__bottom-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  .footer__bottom-left {
    gap: unset;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
.footer__bottom-right .socials-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer__bottom-right .socials-list li {
  height: 22px;
  width: 22px;
}
.footer__bottom-right .socials-list a:hover svg path {
  fill: #0080EA;
}
.footer__bottom-right .socials-list a.socials-list__instagram:hover svg path#circle,
.footer__bottom-right .socials-list a.socials-list__instagram:hover svg ellipse {
  fill: #00101E;
}
.footer__bottom-right .socials-list svg {
  height: 22px;
  width: 22px;
}
.footer__bottom-right .socials-list svg path {
  transition: all 300ms linear;
}
@media screen and (max-width: 576px) {
  .footer__bottom-right {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    padding-top: 32px;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }
  .footer__bottom .copy {
    margin-bottom: 4px;
  }
}
.footer__bottom a {
  color: #6B7280;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: unset;
}
.footer__bottom a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  footer.footer .footer-logo {
    flex-basis: 100%;
    display: contents;
    padding-right: 0;
  }
}
footer.footer .footer-logo svg {
  width: 168px;
  height: 56px;
}

.footer-logo {
  flex: 1;
}
@media screen and (max-width: 1150px) {
  .footer-logo {
    flex-basis: 100% !important;
  }
}

.footer-menu {
  margin-left: 32px;
  flex: 1;
}
.footer-menu .parent-menu-title {
  display: none;
}
@media screen and (max-width: 1365px) {
  .footer-menu {
    margin-left: 32px;
  }
}
@media screen and (max-width: 1150px) {
  .footer-menu {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-menu {
    flex-basis: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 575px) {
  .footer-menu {
    text-align: center;
  }
}
.footer-menu li.menu-item-has-children > span {
  color: #0080EA;
}
.footer-menu .sub-menu {
  padding-bottom: 0;
}
@media screen and (max-width: 575px) {
  .footer-menu .sub-menu {
    text-align: center;
  }
}
.footer-menu .sub-menu li {
  padding: 0;
}
.footer-menu .sub-menu li a {
  position: relative;
}

.footer-column {
  padding-top: 16px;
  color: #ffffff;
  margin-right: 64px;
}
@media screen and (max-width: 1200px) {
  .footer-column {
    margin-right: 32px;
  }
}
@media screen and (max-width: 1100px) {
  .footer-column {
    margin-right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer-column {
    margin-right: 0;
  }
}
.footer-column:last-child {
  margin-right: 0;
}
.footer-column.address {
  max-width: 166px;
}
@media screen and (max-width: 767px) {
  .footer-column.address {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .footer-column.contacts {
    flex-basis: 245px;
    padding-right: 38px;
  }
}
@media screen and (max-width: 767px) {
  .footer-column.contacts {
    flex-basis: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-column {
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.footer-column__title {
  font-size: 14px;
  color: #0080EA;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .footer-column__title {
    margin-bottom: 8px;
  }
}
.footer-column a {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-decoration: unset;
  transition: 0.3s color;
}
.footer-column a:hover {
  color: #0080EA;
}

.footer__menu {
  padding-top: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1150px) {
  .footer__menu {
    flex-direction: row;
    padding-right: 0;
  }
  .footer__menu li {
    margin-right: 32px;
  }
  .footer__menu li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu {
    justify-content: center;
    padding-top: 32px;
    flex-direction: column;
    align-items: center;
  }
  .footer__menu li {
    margin-right: 0;
    text-align: center;
  }
}
.footer__menu a {
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: unset;
  text-transform: uppercase;
  transition: 0.3s color;
}
.footer__menu a:hover {
  color: #0080EA;
}
.footer__menu li {
  margin-bottom: 8px;
}
.footer__menu li:last-child {
  margin-bottom: 0;
}
.footer__menu li span {
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-decoration: unset;
  text-transform: uppercase;
}

.hero {
  margin-bottom: 72px;
}
@media screen and (max-width: 575px) {
  .hero .container {
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) {
  .hero {
    margin-bottom: 32px;
  }
}
.hero__wrapper {
  padding: 64px 24px;
}
@media screen and (max-width: 1024px) {
  .hero__wrapper {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 475px) {
  .hero__wrapper {
    padding-top: 24px;
  }
}
.hero__background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.hero__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .hero__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero__left {
  max-width: 704px;
  width: 100%;
  margin-right: 10px;
}
.hero__left.only {
  max-width: 1200px;
}
@media screen and (max-width: 1024px) {
  .hero__left {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.hero__left .title-h1 {
  font-family: "Mechfire";
  font-style: normal;
  font-weight: 400;
  font-size: 86px;
  line-height: 86px;
  color: #ffffff;
}
@media screen and (max-width: 1550px) {
  .hero__left .title-h1 {
    font-size: 56px;
    line-height: 56px;
  }
}
@media screen and (max-width: 1100px) {
  .hero__left .title-h1 {
    font-size: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .hero__left .title-h1 {
    font-size: 32px;
    line-height: 32px;
  }
}
.hero__left.hero__content {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .hero__left.hero__content {
    margin-bottom: 0;
  }
}
.hero__right {
  max-width: 700px;
  margin: 0 auto;
  margin-right: 0;
  width: 100%;
  background: #ffffff;
}
.pre-title {
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 16px;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .pre-title {
    font-size: 18px;
    line-height: 22px;
  }
}

.postid-386 .hero__left .title-h1 {
  max-width: 800px;
}
@media screen and (max-width: 1440px) {
  .postid-386 .hero__left .title-h1 {
    max-width: 600px;
  }
}

.free-resources-template .hero__left .title-h1 {
  max-width: 700px;
}
@media screen and (max-width: 1440px) {
  .free-resources-template .hero__left .title-h1 {
    max-width: 600px;
  }
}
.free-resources-template .hero__background img {
  object-position: 80%;
}
@media screen and (max-width: 767px) {
  .free-resources-template .hero__background img {
    object-position: 90%;
  }
}

a,
button,
input[type=button],
input[type=submit] {
  cursor: pointer;
}
a.button,
button.button,
input[type=button].button,
input[type=submit].button {
  outline: none;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #0080EA;
  padding: 12px 24px;
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-property: box-shadow, background-color, color;
  border: unset;
  border-radius: 4px;
  gap: 8px;
}
a.button:hover,
button.button:hover,
input[type=button].button:hover,
input[type=submit].button:hover {
  background-color: #008BFF;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
  color: #ffffff;
}
a.button svg,
button.button svg,
input[type=button].button svg,
input[type=submit].button svg {
  width: 20px;
  height: auto;
}
a.button svg path,
button.button svg path,
input[type=button].button svg path,
input[type=submit].button svg path {
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-property: fill;
}
a.button.small,
button.button.small,
input[type=button].button.small,
input[type=submit].button.small {
  padding: 8px 12px;
}
@media screen and (max-width: 992px) {
  a.button,
  button.button,
  input[type=button].button,
  input[type=submit].button {
    min-height: 36px;
    padding: 8px;
  }
  a.button.small,
  button.button.small,
  input[type=button].button.small,
  input[type=submit].button.small {
    padding: 8px;
  }
}
a.button--white,
button.button--white,
input[type=button].button--white,
input[type=submit].button--white {
  background-color: #ffffff;
  color: #0080EA;
}
a.button--gray,
button.button--gray,
input[type=button].button--gray,
input[type=submit].button--gray {
  color: #00101E;
  background-color: #dfe1e4;
  padding: 8px 12px;
}
a.button--gray:hover,
button.button--gray:hover,
input[type=button].button--gray:hover,
input[type=submit].button--gray:hover {
  color: #ffffff;
  background-color: #dfe1e4;
}
a.button--gray:hover svg path,
button.button--gray:hover svg path,
input[type=button].button--gray:hover svg path,
input[type=submit].button--gray:hover svg path {
  fill: #ffffff;
}
a:disabled,
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled {
  background-color: #dfe1e4;
  color: #ffffff;
  cursor: not-allowed;
}
a:disabled:hover,
button:disabled:hover,
input[type=button]:disabled:hover,
input[type=submit]:disabled:hover {
  background-color: #dfe1e4;
  color: #ffffff;
  cursor: not-allowed;
  box-shadow: unset;
}
a.sign-in-icon,
button.sign-in-icon,
input[type=button].sign-in-icon,
input[type=submit].sign-in-icon {
  background-image: url("../images/svgs/sign-in.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 85% 50%;
}
a.plus-icon,
button.plus-icon,
input[type=button].plus-icon,
input[type=submit].plus-icon {
  background-image: url("../images/svgs/plus.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 85% 50%;
}
a.plus-white-icon,
button.plus-white-icon,
input[type=button].plus-white-icon,
input[type=submit].plus-white-icon {
  background-image: url("../images/svgs/plus-white.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 85% 50%;
}
a.reset-icon,
button.reset-icon,
input[type=button].reset-icon,
input[type=submit].reset-icon {
  background-image: url("../images/svgs/reset.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 85% 50%;
}
a.button-icon,
button.button-icon,
input[type=button].button-icon,
input[type=submit].button-icon {
  padding-right: 40px;
}
a.button-icon.small,
button.button-icon.small,
input[type=button].button-icon.small,
input[type=submit].button-icon.small {
  padding-right: 40px;
  background-size: 18px;
}
a.only-icon,
button.only-icon,
input[type=button].only-icon,
input[type=submit].only-icon {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
}
a.only-icon.small,
button.only-icon.small,
input[type=button].only-icon.small,
input[type=submit].only-icon.small {
  background-size: 18px;
  min-height: 36px;
  padding: 20px;
}

.sign-in-button {
  outline: none;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #0080EA;
  padding: 12px 24px;
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-property: box-shadow, background-color, color;
  border: unset;
  border-radius: 4px;
  gap: 8px;
  padding: 7px 12px;
  padding-right: 40px;
  min-height: unset;
  position: relative;
  text-decoration: unset;
  background-color: white;
  border: 1px solid #0080EA;
  color: #0080EA;
}
@media screen and (min-width: 1025px) {
  .sign-in-button {
    margin-right: 16px;
  }
}
.sign-in-button::before {
  content: "";
  width: 20px;
  height: 20px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.334 6.16619C11.0574 5.88957 10.6089 5.88957 10.3323 6.16619C10.0557 6.44281 10.0557 6.8913 10.3323 7.16792L12.4564 9.29206L2.49984 9.29206C2.10864 9.29206 1.7915 9.60919 1.7915 10.0004C1.7915 10.3916 2.10864 10.7087 2.49984 10.7087L12.4564 10.7087L10.3323 12.8329C10.0557 13.1095 10.0557 13.558 10.3323 13.8346C10.6089 14.1112 11.0574 14.1112 11.334 13.8346L14.6674 10.5013C14.944 10.2246 14.944 9.77614 14.6674 9.49952L11.334 6.16619ZM13.4999 2.37532C14.2117 2.37532 14.7029 2.37587 15.0842 2.40703C15.4573 2.43751 15.6624 2.49372 15.8133 2.5706C16.1504 2.74238 16.4245 3.01647 16.5963 3.35359C16.6732 3.50448 16.7294 3.7096 16.7599 4.08268C16.791 4.46402 16.7916 4.95524 16.7916 5.66699L16.7916 14.3337C16.7916 15.0454 16.791 15.5366 16.7599 15.918C16.7294 16.291 16.6732 16.4962 16.5963 16.6471C16.4245 16.9842 16.1504 17.2583 15.8133 17.43C15.6624 17.5069 15.4573 17.5631 15.0842 17.5936C14.7029 17.6248 14.2117 17.6253 13.4999 17.6253L9.83324 17.6253C9.12149 17.6253 8.63027 17.6248 8.24893 17.5936C7.87585 17.5631 7.67074 17.5069 7.51984 17.43C7.18272 17.2583 6.90863 16.9842 6.73686 16.6471C6.65997 16.4962 6.60377 16.291 6.57328 15.918C6.54213 15.5366 6.54158 15.0454 6.54158 14.3337L6.54158 13.3337C6.54158 12.9425 6.22444 12.6253 5.83324 12.6253C5.44204 12.6253 5.12491 12.9425 5.12491 13.3337L5.12491 14.3337L5.12491 14.3635C5.1249 15.0382 5.12489 15.5875 5.16132 16.0333C5.19896 16.494 5.279 16.9063 5.4746 17.2902C5.78219 17.8939 6.273 18.3847 6.87669 18.6923C7.26058 18.8879 7.67288 18.9679 8.13357 19.0056C8.57943 19.042 9.12869 19.042 9.8034 19.042L9.83324 19.042L13.4999 19.042L13.5297 19.042C14.2045 19.042 14.7537 19.042 15.1996 19.0056C15.6603 18.9679 16.0726 18.8879 16.4565 18.6923C17.0601 18.3847 17.551 17.8939 17.8586 17.2902C18.0542 16.9063 18.1342 16.494 18.1718 16.0333C18.2083 15.5875 18.2082 15.0382 18.2082 14.3635L18.2082 14.3337L18.2082 5.66699L18.2082 5.63711C18.2083 4.96242 18.2083 4.41317 18.1718 3.96731C18.1342 3.50663 18.0542 3.09432 17.8586 2.71044C17.551 2.10675 17.0601 1.61594 16.4565 1.30834C16.0726 1.11274 15.6603 1.03271 15.1996 0.99507C14.7537 0.958641 14.2045 0.958648 13.5298 0.958656L13.4999 0.958656L9.83324 0.958656L9.80336 0.958656C9.12867 0.958648 8.57942 0.958641 8.13357 0.99507C7.67288 1.03271 7.26058 1.11274 6.87669 1.30834C6.273 1.61594 5.78219 2.10675 5.4746 2.71044C5.279 3.09433 5.19896 3.50663 5.16132 3.96731C5.12489 4.41317 5.1249 4.96242 5.12491 5.6371L5.12491 5.66699L5.12491 6.66699C5.12491 7.05819 5.44204 7.37532 5.83324 7.37532C6.22444 7.37532 6.54158 7.05819 6.54158 6.66699L6.54158 5.66699C6.54158 4.95524 6.54213 4.46402 6.57328 4.08268C6.60377 3.7096 6.65997 3.50448 6.73686 3.35359C6.90863 3.01647 7.18272 2.74238 7.51984 2.5706C7.67073 2.49372 7.87585 2.43751 8.24893 2.40703C8.63027 2.37587 9.12149 2.37532 9.83324 2.37532L13.4999 2.37532Z' fill='%230080EA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 300ms linear;
}
.sign-in-button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.334 6.16619C11.0574 5.88957 10.6089 5.88957 10.3323 6.16619C10.0557 6.44281 10.0557 6.8913 10.3323 7.16792L12.4564 9.29206L2.49984 9.29206C2.10864 9.29206 1.7915 9.60919 1.7915 10.0004C1.7915 10.3916 2.10864 10.7087 2.49984 10.7087L12.4564 10.7087L10.3323 12.8329C10.0557 13.1095 10.0557 13.558 10.3323 13.8346C10.6089 14.1112 11.0574 14.1112 11.334 13.8346L14.6674 10.5013C14.944 10.2246 14.944 9.77614 14.6674 9.49952L11.334 6.16619ZM13.4999 2.37532C14.2117 2.37532 14.7029 2.37587 15.0842 2.40703C15.4573 2.43751 15.6624 2.49372 15.8133 2.5706C16.1504 2.74238 16.4245 3.01647 16.5963 3.35359C16.6732 3.50448 16.7294 3.7096 16.7599 4.08268C16.791 4.46402 16.7916 4.95524 16.7916 5.66699L16.7916 14.3337C16.7916 15.0454 16.791 15.5366 16.7599 15.918C16.7294 16.291 16.6732 16.4962 16.5963 16.6471C16.4245 16.9842 16.1504 17.2583 15.8133 17.43C15.6624 17.5069 15.4573 17.5631 15.0842 17.5936C14.7029 17.6248 14.2117 17.6253 13.4999 17.6253L9.83324 17.6253C9.12149 17.6253 8.63027 17.6248 8.24893 17.5936C7.87585 17.5631 7.67074 17.5069 7.51984 17.43C7.18272 17.2583 6.90863 16.9842 6.73686 16.6471C6.65997 16.4962 6.60377 16.291 6.57328 15.918C6.54213 15.5366 6.54158 15.0454 6.54158 14.3337L6.54158 13.3337C6.54158 12.9425 6.22444 12.6253 5.83324 12.6253C5.44204 12.6253 5.12491 12.9425 5.12491 13.3337L5.12491 14.3337L5.12491 14.3635C5.1249 15.0382 5.12489 15.5875 5.16132 16.0333C5.19896 16.494 5.279 16.9063 5.4746 17.2902C5.78219 17.8939 6.273 18.3847 6.87669 18.6923C7.26058 18.8879 7.67288 18.9679 8.13357 19.0056C8.57943 19.042 9.12869 19.042 9.8034 19.042L9.83324 19.042L13.4999 19.042L13.5297 19.042C14.2045 19.042 14.7537 19.042 15.1996 19.0056C15.6603 18.9679 16.0726 18.8879 16.4565 18.6923C17.0601 18.3847 17.551 17.8939 17.8586 17.2902C18.0542 16.9063 18.1342 16.494 18.1718 16.0333C18.2083 15.5875 18.2082 15.0382 18.2082 14.3635L18.2082 14.3337L18.2082 5.66699L18.2082 5.63711C18.2083 4.96242 18.2083 4.41317 18.1718 3.96731C18.1342 3.50663 18.0542 3.09432 17.8586 2.71044C17.551 2.10675 17.0601 1.61594 16.4565 1.30834C16.0726 1.11274 15.6603 1.03271 15.1996 0.99507C14.7537 0.958641 14.2045 0.958648 13.5298 0.958656L13.4999 0.958656L9.83324 0.958656L9.80336 0.958656C9.12867 0.958648 8.57942 0.958641 8.13357 0.99507C7.67288 1.03271 7.26058 1.11274 6.87669 1.30834C6.273 1.61594 5.78219 2.10675 5.4746 2.71044C5.279 3.09433 5.19896 3.50663 5.16132 3.96731C5.12489 4.41317 5.1249 4.96242 5.12491 5.6371L5.12491 5.66699L5.12491 6.66699C5.12491 7.05819 5.44204 7.37532 5.83324 7.37532C6.22444 7.37532 6.54158 7.05819 6.54158 6.66699L6.54158 5.66699C6.54158 4.95524 6.54213 4.46402 6.57328 4.08268C6.60377 3.7096 6.65997 3.50448 6.73686 3.35359C6.90863 3.01647 7.18272 2.74238 7.51984 2.5706C7.67073 2.49372 7.87585 2.43751 8.24893 2.40703C8.63027 2.37587 9.12149 2.37532 9.83324 2.37532L13.4999 2.37532Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

#accounting-user-info {
  display: flex;
  align-items: center;
  gap: 16px;
}
#accounting-user-info a.button {
  min-height: 24px;
}

a {
  color: #0080EA;
  text-decoration: none;
  transition: color 200ms linear;
}
a:hover {
  color: #0080EA;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=date],
input[type=number],
input[type=search],
textarea {
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid #9ca3af;
  display: inline-block;
  width: 100%;
  color: #6b7280;
  box-sizing: border-box;
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=number]::placeholder,
input[type=search]::placeholder,
textarea::placeholder {
  color: #c7c7c7;
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
input[type=text].focus, input[type=text]:focus,
input[type=tel].focus,
input[type=tel]:focus,
input[type=email].focus,
input[type=email]:focus,
input[type=date].focus,
input[type=date]:focus,
input[type=number].focus,
input[type=number]:focus,
input[type=search].focus,
input[type=search]:focus,
textarea.focus,
textarea:focus {
  border: 1px solid #0080EA;
}
input[type=text].not-valid-content,
input[type=tel].not-valid-content,
input[type=email].not-valid-content,
input[type=date].not-valid-content,
input[type=number].not-valid-content,
input[type=search].not-valid-content,
textarea.not-valid-content {
  border: 1px solid #ef4444;
}
input[type=text]:disabled,
input[type=tel]:disabled,
input[type=email]:disabled,
input[type=date]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
textarea:disabled {
  background: #f9fafb;
  border: 1px solid #dfe1e4;
  color: #c7c7c7;
}
input[type=text].input-icon,
input[type=tel].input-icon,
input[type=email].input-icon,
input[type=date].input-icon,
input[type=number].input-icon,
input[type=search].input-icon,
textarea.input-icon {
  padding-left: 40px;
}
input[type=text].mail-icon,
input[type=tel].mail-icon,
input[type=email].mail-icon,
input[type=date].mail-icon,
input[type=number].mail-icon,
input[type=search].mail-icon,
textarea.mail-icon {
  background: url("../images/svgs/mail.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].map-icon,
input[type=tel].map-icon,
input[type=email].map-icon,
input[type=date].map-icon,
input[type=number].map-icon,
input[type=search].map-icon,
textarea.map-icon {
  background: url("../images/svgs/map.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].height-icon,
input[type=tel].height-icon,
input[type=email].height-icon,
input[type=date].height-icon,
input[type=number].height-icon,
input[type=search].height-icon,
textarea.height-icon {
  background: url("../images/svgs/height.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].weight-icon,
input[type=tel].weight-icon,
input[type=email].weight-icon,
input[type=date].weight-icon,
input[type=number].weight-icon,
input[type=search].weight-icon,
textarea.weight-icon {
  background: url("../images/svgs/weight.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].length-icon,
input[type=tel].length-icon,
input[type=email].length-icon,
input[type=date].length-icon,
input[type=number].length-icon,
input[type=search].length-icon,
textarea.length-icon {
  background: url("../images/svgs/length.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].width-icon,
input[type=tel].width-icon,
input[type=email].width-icon,
input[type=date].width-icon,
input[type=number].width-icon,
input[type=search].width-icon,
textarea.width-icon {
  background: url("../images/svgs/width.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].lock-icon,
input[type=tel].lock-icon,
input[type=email].lock-icon,
input[type=date].lock-icon,
input[type=number].lock-icon,
input[type=search].lock-icon,
textarea.lock-icon {
  background: url("../images/svgs/lock.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].user-icon,
input[type=tel].user-icon,
input[type=email].user-icon,
input[type=date].user-icon,
input[type=number].user-icon,
input[type=search].user-icon,
textarea.user-icon {
  background: url("../images/svgs/user.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].phone-icon,
input[type=tel].phone-icon,
input[type=email].phone-icon,
input[type=date].phone-icon,
input[type=number].phone-icon,
input[type=search].phone-icon,
textarea.phone-icon {
  background: url("../images/svgs/phone.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].eye-icon,
input[type=tel].eye-icon,
input[type=email].eye-icon,
input[type=date].eye-icon,
input[type=number].eye-icon,
input[type=search].eye-icon,
textarea.eye-icon {
  background: url("../images/svgs/eye.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].sign-in-icon,
input[type=tel].sign-in-icon,
input[type=email].sign-in-icon,
input[type=date].sign-in-icon,
input[type=number].sign-in-icon,
input[type=search].sign-in-icon,
textarea.sign-in-icon {
  background: url("../images/svgs/sign-in.svg") no-repeat 10px;
  background-size: 20px;
}
input[type=text].eye-hidden-icon,
input[type=tel].eye-hidden-icon,
input[type=email].eye-hidden-icon,
input[type=date].eye-hidden-icon,
input[type=number].eye-hidden-icon,
input[type=search].eye-hidden-icon,
textarea.eye-hidden-icon {
  background: url("../images/svgs/eye-hidden.svg") no-repeat 10px;
  background-size: 20px;
}

.ui {
  max-width: 1480px;
  padding: 0 20px;
  gap: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 100px;
  margin: 100px auto;
}
.ui input {
  max-width: 276px;
}
.ui .buttons,
.ui .info,
.ui .dimensions,
.ui .origin {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.ui .all {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.input-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.input-wrapper label {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: #6b7280;
  flex-basis: 100%;
}
.input-wrapper .err {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #ef4444;
  flex-basis: 100%;
}

input[type=checkbox] {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  border: 1px solid #dfe1e4;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  background-image: url("../images/svgs/checkbox.svg");
  background-repeat: no-repeat;
  background-position: center;
}
input[type=checkbox]:checked {
  background-color: #0080EA;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #0080EA;
}

.radio-button {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #6b7280;
}
.radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-button input:checked ~ .checkmark {
  background-color: #0080EA;
}
.radio-button input:checked ~ .checkmark:after {
  display: block;
}
.radio-button input:checked ~ .checkmark::before {
  display: none;
}
.radio-button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #9ca3af;
  border-radius: 50%;
}
.radio-button .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}
.radio-button .checkmark::before {
  top: 1px;
  left: 1px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  content: "";
  background-image: url("../images/svgs/checkbox.svg");
}

.additional-info {
  position: relative;
  display: inline-block;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #6b7280;
  margin-right: 20px;
}
.additional-info-message {
  padding: 8px;
  max-width: 131px;
  background: #ffffff;
  border: 1px solid #dfe1e4;
  box-shadow: 0px 14px 21px rgba(6, 25, 56, 0.08);
  border-radius: 4px;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  position: absolute;
}
.additional-info::before {
  position: absolute;
  right: -15px;
  top: -2px;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../images/svgs/info.svg");
}

input[type=date] {
  appearance: none;
  background-color: white;
  height: 40px;
  text-align: left;
}
input[type=date]:focus:before, input[type=date]:valid:before {
  content: "";
}
input[type=date]:after {
  color: #aaa;
  content: attr(placeholder);
  position: absolute;
  z-index: 2;
  background: white;
  pointer-events: none;
  width: 120px;
  left: 12px;
  padding: 4px 0;
  top: 4px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: url("../images/svgs/calendar.svg") no-repeat 50%;
  background-size: 18px;
  appearance: none;
  cursor: pointer;
}

.site-pricing {
  min-height: 50vh;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .site-pricing {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .site-pricing .container {
    padding: 0 8px;
  }
}
.site-pricing article {
  background-color: #F6F7F8;
  padding: 72px 108px;
}
.site-pricing article * {
  max-width: 1072px;
}
@media screen and (max-width: 1200px) {
  .site-pricing article {
    padding: 32px 64px;
  }
}
@media screen and (max-width: 992px) {
  .site-pricing article {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 475px) {
  .site-pricing article {
    padding: 24px 8px;
  }
}
.site-pricing article h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  text-transform: uppercase;
  color: #00101E;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .site-pricing article h2 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .site-pricing article h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.site-pricing article h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .site-pricing article h3 {
    margin-bottom: 12px;
  }
}
.site-pricing article p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .site-pricing article p {
    font-size: 14px;
  }
}
.site-pricing article ul {
  color: #6B7280;
  list-style: disc;
  padding-left: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .site-pricing article ul {
    font-size: 14px;
  }
}
.site-pricing article ol {
  color: #6B7280;
  list-style: decimal;
  padding-left: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .site-pricing article ol {
    font-size: 14px;
  }
}

.hero-pricing {
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .hero-pricing {
    margin-bottom: 32px;
  }
}
.hero-pricing__wrapper {
  padding: 64px 24px;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__wrapper {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 475px) {
  .hero-pricing__wrapper {
    padding: 8px;
    padding-top: 24px;
  }
}
.hero-pricing__background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.hero-pricing__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-pricing__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-pricing__left {
  max-width: 704px;
  width: 100%;
  margin-right: 10px;
}
.hero-pricing__left.only {
  max-width: 1200px;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__left {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.hero-pricing__left .title-h1 {
  font-family: "Mechfire";
  font-style: normal;
  font-weight: 400;
  font-size: 56px;
  line-height: 56px;
  color: #ffffff;
}
@media screen and (max-width: 1100px) {
  .hero-pricing__left .title-h1 {
    font-size: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .hero-pricing__left .title-h1 {
    font-size: 32px;
    line-height: 32px;
  }
}
.hero-pricing__right {
  max-width: 704px;
  width: 100%;
  padding: 48px 40px;
  background: #ffffff;
}
@media screen and (max-width: 475px) {
  .hero-pricing__right {
    padding: 24px 8px;
  }
}

.get-permit__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #0080EA;
}
@media screen and (max-width: 767px) {
  .get-permit__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.get-permit__columns {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .get-permit__columns {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.get-permit__column {
  width: 100%;
  padding: 40px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dfe1e4;
  border-radius: 4px;
}
@media screen and (max-width: 475px) {
  .get-permit__column {
    padding: 24px 10px;
  }
}
.get-permit__column:nth-of-type(1) .get-permit__icon img {
  width: 47px;
  height: 37px;
}
.get-permit__column:nth-of-type(2) .get-permit__icon img {
  width: 38px;
  height: 46px;
}
.get-permit__column:nth-of-type(3) .get-permit__icon img {
  width: 46px;
  height: 42px;
}
.get-permit__icon {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 56px;
  width: 100%;
  min-height: 56px;
}
.get-permit__icon img {
  object-fit: contain;
}
.get-permit__text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #00101E;
}
.get-permit a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  background: #0080EA;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .post-type-archive-regulations .hero {
    margin-bottom: 0px;
  }
}

.site-resources {
  overflow-x: hidden;
}
.site-resources-content {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .site-resources-content {
    padding: 0 8px;
  }
}
.site-resources-content p {
  margin: 32px 0;
  color: #6B7280;
}
@media screen and (max-width: 767px) {
  .site-resources-content p {
    margin: 16px 0;
  }
}
.site-resources-content p:last-child {
  margin-bottom: 0;
}

.resources__navi {
  padding: 12px 32px;
  background: #ffffff;
  border: 1px solid #DFE1E4;
}
@media screen and (max-width: 767px) {
  .resources__navi {
    padding: 13px 8px;
  }
}
.resources__navi ul {
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: 704px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .resources__navi ul {
    gap: 16px;
  }
}
.resources__navi ul li {
  cursor: pointer;
  background: #F6F7F8;
  border-radius: 4px;
  transition: 0.3s all;
  padding: 13px 24px;
  color: #0080EA;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
}
@media screen and (max-width: 992px) {
  .resources__navi ul li {
    padding: 12px 24px;
    font-size: 18px;
    line-height: 24px;
  }
}
.resources__navi ul li.active {
  background: #0080EA;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
  border-radius: 4px;
  color: #ffffff;
}

.resources-states {
  margin-top: 16px;
  padding: 72px 32px;
  background-color: #F6F7F8;
}
@media screen and (max-width: 992px) {
  .resources-states {
    margin-top: 24px;
  }
}
.resources-states__wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
.resources-states__title {
  padding-bottom: 15px;
  border-bottom: 1px solid #DFE1E4;
  margin-bottom: 32px;
}
.resources-states__list {
  max-width: 1285px;
  display: flex;
  gap: 14px 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .resources-states__list {
    gap: 14px 16px;
  }
}
.resources-states__list__item {
  flex-basis: 262px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #0080EA;
}
@media screen and (max-width: 1300px) {
  .resources-states__list__item {
    flex-basis: calc(25% - 24px);
  }
}
@media screen and (max-width: 767px) {
  .resources-states__list__item {
    flex-basis: calc(50% - 16px);
  }
}
@media screen and (max-width: 1300px) {
  .resources-states.canada .resources-states__list__item {
    flex-basis: calc(33.33333% - 24px);
  }
}
@media screen and (max-width: 767px) {
  .resources-states.canada .resources-states__list__item {
    flex-basis: calc(50% - 16px);
  }
}

.top-articles {
  padding: 72px 32px;
  background-color: #F6F7F8;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .top-articles {
    padding: 32px 24px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .top-articles {
    padding: 24px 8px;
  }
}
.top-articles__wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
.top-articles__title {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .top-articles__title {
    margin-bottom: 16px;
  }
}
.top-articles__items {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .top-articles__items {
    gap: 16px;
  }
}
.top-articles__item {
  flex-basis: calc(25% - 56px);
  padding: 24px 16px;
  background-color: #ffffff;
}
@media screen and (max-width: 1300px) {
  .top-articles__item {
    flex-basis: calc(33.3333333% - 54px);
  }
}
@media screen and (max-width: 992px) {
  .top-articles__item {
    flex-basis: calc(50% - 40px);
  }
}
@media screen and (max-width: 640px) {
  .top-articles__item {
    flex-basis: 100%;
  }
}
.top-articles__item a {
  display: inline-block;
  color: #00101E;
}
.top-articles__item a:hover {
  color: #0080EA;
}
.top-articles__item p {
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
.top-articles__item:last-child {
  margin-bottom: 0;
}

.resources-info {
  padding: 72px 32px;
  background-color: #F6F7F8;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .resources-info {
    padding: 32px 24px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .resources-info {
    padding: 24px 8px;
  }
}
.resources-info__wrapper {
  max-width: 1440px;
  margin: 0 auto;
}
.resources-info__title {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .resources-info__title {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 16px;
  }
}
.resources-info__article {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #ffffff;
}
@media screen and (max-width: 992px) {
  .resources-info__article {
    margin-bottom: 16px;
    padding: 16px;
  }
}
@media screen and (max-width: 992px) {
  .resources-info__article {
    padding: 16px 12px;
  }
}
.resources-info__article a {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.resources-info__article a:hover {
  color: #0461AD;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .resources-info__article a {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.resources-info__article p {
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 767px) {
  .resources-info__article p {
    font-size: 14px;
    line-height: 24px;
  }
}
.resources-info__article:last-child {
  margin-bottom: 0;
}

.resources-states__tab {
  display: none;
}
.resources-states__tab--map {
  margin-top: 16px;
  padding: 72px 32px;
  background: #fff;
  border: 1px solid #DFE1E4;
}
@media screen and (max-width: 992px) {
  .resources-states__tab--map {
    border: unset;
  }
  .resources-states__tab--map svg {
    transform: scale(1.25) translateX(-35px);
  }
}
@media screen and (max-width: 767px) {
  .resources-states__tab--map {
    padding: 0px;
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .resources-states__tab--map svg {
    width: 600px;
    transform: scale(1.5);
    margin: 0 auto;
  }
}
.resources-states__tab.active {
  display: block;
}

.resources__map {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 950px;
  max-height: 680px;
  margin: 0 auto;
  min-height: 535px;
  overflow: auto;
}

#resources-map path {
  pointer-events: none;
}
#resources-map path.state {
  pointer-events: all;
  cursor: pointer;
}
#resources-map path.state:hover {
  fill: #0080EA;
}

#AK:hover ~ .text-AK {
  fill: #ffffff;
}

#AL:hover ~ .text-AL {
  fill: #ffffff;
}

#AR:hover ~ .text-AR {
  fill: #ffffff;
}

#AZ:hover ~ .text-AZ {
  fill: #ffffff;
}

#CA:hover ~ .text-CA {
  fill: #ffffff;
}

#CO:hover ~ .text-CO {
  fill: #ffffff;
}

#FL:hover ~ .text-FL {
  fill: #ffffff;
}

#GA:hover ~ .text-GA {
  fill: #ffffff;
}

#HI:hover ~ .text-HI {
  fill: #ffffff;
}

#IA:hover ~ .text-IA {
  fill: #ffffff;
}

#ID:hover ~ .text-ID {
  fill: #ffffff;
}

#IL:hover ~ .text-IL {
  fill: #ffffff;
}

#IN:hover ~ .text-IN {
  fill: #ffffff;
}

#KS:hover ~ .text-KS {
  fill: #ffffff;
}

#KY:hover ~ .text-KY {
  fill: #ffffff;
}

#LA:hover ~ .text-LA {
  fill: #ffffff;
}

#ME:hover ~ .text-ME {
  fill: #ffffff;
}

#MI:hover ~ .text-MI {
  fill: #ffffff;
}

#MN:hover ~ .text-MN {
  fill: #ffffff;
}

#MO:hover ~ .text-MO {
  fill: #ffffff;
}

#MS:hover ~ .text-MS {
  fill: #ffffff;
}

#MT:hover ~ .text-MT {
  fill: #ffffff;
}

#NC:hover ~ .text-NC {
  fill: #ffffff;
}

#ND:hover ~ .text-ND {
  fill: #ffffff;
}

#NE:hover ~ .text-NE {
  fill: #ffffff;
}

#NH:hover ~ .text-NH {
  fill: #ffffff;
}

#NM:hover ~ .text-NM {
  fill: #ffffff;
}

#NV:hover ~ .text-NV {
  fill: #ffffff;
}

#OH:hover ~ .text-OH {
  fill: #ffffff;
}

#OK:hover ~ .text-OK {
  fill: #ffffff;
}

#OR:hover ~ .text-OR {
  fill: #ffffff;
}

#PA:hover ~ .text-PA {
  fill: #ffffff;
}

#NY:hover ~ .text-NY {
  fill: #ffffff;
}

#SC:hover ~ .text-SC {
  fill: #ffffff;
}

#SD:hover ~ .text-SD {
  fill: #ffffff;
}

#TN:hover ~ .text-TN {
  fill: #ffffff;
}

#TX:hover ~ .text-TX {
  fill: #ffffff;
}

#UT:hover ~ .text-UT {
  fill: #ffffff;
}

#VA:hover ~ .text-VA {
  fill: #ffffff;
}

#VT:hover ~ .text-VT {
  fill: #ffffff;
}

#WA:hover ~ .text-WA {
  fill: #ffffff;
}

#WI:hover ~ .text-WI {
  fill: #ffffff;
}

#WV:hover ~ .text-WV {
  fill: #ffffff;
}

#WY:hover ~ .text-WY {
  fill: #ffffff;
}

#AB:hover ~ .text-AB {
  fill: #ffffff;
}

#BC:hover ~ .text-BC {
  fill: #ffffff;
}

#MB:hover ~ .text-MB {
  fill: #ffffff;
}

#NB:hover ~ .text-NB {
  fill: #ffffff;
}

#NL:hover ~ .text-NL {
  fill: #ffffff;
}

#NS:hover ~ .text-NS {
  fill: #ffffff;
}

#ON:hover ~ .text-ON {
  fill: #ffffff;
}

#QC:hover ~ .text-QC {
  fill: #ffffff;
}

#SK:hover ~ .text-SK {
  fill: #ffffff;
}

#NT:hover ~ .text-NT {
  fill: #ffffff;
}

#NU:hover ~ .text-NU {
  fill: #ffffff;
}

#YT:hover ~ .text-YT {
  fill: #ffffff;
}

.resources-states__tabs {
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .resources-states__tabs {
    margin-bottom: 32px;
  }
}

.regulations-single {
  padding: 72px 8px;
}
@media screen and (max-width: 992px) {
  .regulations-single {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .regulations-single {
    padding: 32px 8px;
  }
}
.regulations-single__inner {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  color: #00101E;
}
.regulations-single__inner p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0;
}
@media screen and (max-width: 992px) {
  .regulations-single__inner p {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 32px;
  }
}
.regulations-single__inner h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  text-transform: uppercase;
  color: #00101E;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .regulations-single__inner h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .regulations-single__inner h1 {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 24px;
  }
}
.regulations-single__inner h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .regulations-single__inner h2 {
    margin-bottom: 12px;
  }
}
.regulations-single__inner strong {
  color: #00101E;
}
.regulations-single__inner ul,
.regulations-single__inner ol {
  padding-left: 20px;
  list-style: inside;
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
@media screen and (max-width: 992px) {
  .regulations-single__inner ul,
  .regulations-single__inner ol {
    font-size: 14px;
  }
}

.breadcrumbs {
  background-color: #F6F7F8;
  padding: 20px 24px;
}
@media screen and (max-width: 992px) {
  .breadcrumbs {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    padding: 8px;
  }
}

.expr_breadcrumbs {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.expr_breadcrumbs .kb_sep,
.expr_breadcrumbs a {
  font-size: 14px;
  color: #6B7280;
}
.expr_breadcrumbs .breadcrumb__title {
  color: #0080EA;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .wp-block-table {
    overflow-x: scroll;
  }
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  border: 2px solid #DFE1E4;
  background: #DFE1E4;
}

::-webkit-scrollbar-thumb {
  background: #0080EA;
}

table {
  width: 100%;
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  border-collapse: separate;
  border-spacing: 0 8px;
}
@media screen and (max-width: 767px) {
  table {
    width: 700px;
  }
}
table td {
  padding: 8px 20px;
}
table tr {
  border-radius: 4px;
}
table tr:nth-child(odd) {
  background-color: #E7E9EB;
  outline: 1px solid #E7E9EB;
}
table tr:nth-child(even) {
  background-color: #fff;
  outline: 1px solid #DFE1E4;
}
table thead {
  text-align: left;
}
table thead th {
  padding: 8px 20px;
  background: #E4F3FF;
  color: #0080EA;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
table thead tr {
  outline-color: #E4F3FF !important;
}

.blog-single {
  padding: 72px 8px;
}
@media screen and (max-width: 992px) {
  .blog-single {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .blog-single {
    padding: 32px 8px;
  }
}
.blog-single__inner {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  color: #00101E;
}
.blog-single__inner p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0;
}
@media screen and (max-width: 992px) {
  .blog-single__inner p {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 32px;
  }
}
.blog-single__inner h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  text-transform: uppercase;
  color: #00101E;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .blog-single__inner h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .blog-single__inner h1 {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 24px;
  }
}
.blog-single__inner h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .blog-single__inner h2 {
    margin-bottom: 12px;
  }
}
.blog-single__inner strong {
  color: #00101E;
}
.blog-single__inner ul,
.blog-single__inner ol {
  padding-left: 20px;
  list-style: inside;
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
@media screen and (max-width: 992px) {
  .blog-single__inner ul,
  .blog-single__inner ol {
    font-size: 14px;
  }
}

.category-single {
  padding: 72px 8px;
}
@media screen and (max-width: 992px) {
  .category-single {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .category-single {
    padding: 32px 8px;
  }
}
.category-single__inner {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  color: #00101E;
}
.category-single__inner p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0;
}
@media screen and (max-width: 992px) {
  .category-single__inner p {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 32px;
  }
}
.category-single__inner h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  text-transform: uppercase;
  color: #00101E;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .category-single__inner h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .category-single__inner h1 {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 24px;
  }
}
.category-single__inner h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .category-single__inner h2 {
    margin-bottom: 12px;
  }
}
.category-single__inner strong {
  color: #00101E;
}
.category-single__inner ul,
.category-single__inner ol {
  padding-left: 20px;
  list-style: inside;
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
@media screen and (max-width: 992px) {
  .category-single__inner ul,
  .category-single__inner ol {
    font-size: 14px;
  }
}

.expr-slider {
  width: 100%;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .expr-slider {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 640px) {
  .expr-slider {
    margin-bottom: 32px;
  }
}
.expr-slider .container {
  padding: 0;
}
.expr-slider__inner {
  padding: 70px 140px;
  background: #f6f7f8;
}
@media screen and (max-width: 1400px) {
  .expr-slider__inner {
    padding: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .expr-slider__inner {
    padding: 32px 24px;
  }
}
.expr-slider__image {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .expr-slider__image {
    margin-bottom: 12px;
  }
}
.expr-slider__image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
.expr-slider__date {
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #0080EA;
}
.expr-slider__title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #00101E;
  margin-bottom: 12px;
}
@media screen and (max-width: 992px) {
  .expr-slider__title {
    font-size: 18px;
    line-height: 24px;
  }
}
.expr-slider__text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
@media screen and (max-width: 992px) {
  .expr-slider__text {
    font-size: 14px;
    line-height: 24px;
  }
}
.expr-slider__upper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .expr-slider__upper {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 640px) {
  .expr-slider__upper {
    margin-bottom: 16px;
  }
}
.expr-slider__slides__navi {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.expr-slider__slides__navi .expr-slider__slides-prev {
  margin-right: 16px;
}

.expr-slider__scrollbar {
  margin-top: 72px;
  height: 4px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .expr-slider__scrollbar {
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .expr-slider__scrollbar {
    margin-top: 16px;
  }
}
.expr-slider__scrollbar .swiper-scrollbar-drag {
  height: 4px;
  background: #0080EA;
  top: -2px;
  z-index: 2;
}
.expr-slider__scrollbar::after {
  content: "";
  height: 2px;
  background: #dfe1e4;
  display: block;
  width: 100%;
  position: absolute;
  top: -1px;
  left: 0;
}

.expr-reviews__slides-prev,
.expr-reviews__slides-next,
.expr-gallery__slides-prev,
.expr-gallery__slides-next,
.expr-slider__slides-prev,
.expr-slider__slides-next {
  display: flex;
  outline: none;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s all;
}
.expr-reviews__slides-prev svg,
.expr-reviews__slides-next svg,
.expr-gallery__slides-prev svg,
.expr-gallery__slides-next svg,
.expr-slider__slides-prev svg,
.expr-slider__slides-next svg {
  opacity: 1;
  transition: 0.3s all;
}
.expr-reviews__slides-prev svg path,
.expr-reviews__slides-next svg path,
.expr-gallery__slides-prev svg path,
.expr-gallery__slides-next svg path,
.expr-slider__slides-prev svg path,
.expr-slider__slides-next svg path {
  fill: #ffffff;
}
.expr-reviews__slides-prev svg rect,
.expr-reviews__slides-next svg rect,
.expr-gallery__slides-prev svg rect,
.expr-gallery__slides-next svg rect,
.expr-slider__slides-prev svg rect,
.expr-slider__slides-next svg rect {
  fill: #0080EA;
}
.expr-reviews__slides-prev:active, .expr-reviews__slides-prev:hover,
.expr-reviews__slides-next:active,
.expr-reviews__slides-next:hover,
.expr-gallery__slides-prev:active,
.expr-gallery__slides-prev:hover,
.expr-gallery__slides-next:active,
.expr-gallery__slides-next:hover,
.expr-slider__slides-prev:active,
.expr-slider__slides-prev:hover,
.expr-slider__slides-next:active,
.expr-slider__slides-next:hover {
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slides-prev,
  .expr-reviews__slides-next,
  .expr-gallery__slides-prev,
  .expr-gallery__slides-next,
  .expr-slider__slides-prev,
  .expr-slider__slides-next {
    width: 32px;
    height: 32px;
  }
}
.expr-reviews__slides-prev svg,
.expr-reviews__slides-next svg,
.expr-gallery__slides-prev svg,
.expr-gallery__slides-next svg,
.expr-slider__slides-prev svg,
.expr-slider__slides-next svg {
  width: 48px;
  height: 48px;
}
.expr-reviews__slides-prev svg path,
.expr-reviews__slides-prev svg rect,
.expr-reviews__slides-next svg path,
.expr-reviews__slides-next svg rect,
.expr-gallery__slides-prev svg path,
.expr-gallery__slides-prev svg rect,
.expr-gallery__slides-next svg path,
.expr-gallery__slides-next svg rect,
.expr-slider__slides-prev svg path,
.expr-slider__slides-prev svg rect,
.expr-slider__slides-next svg path,
.expr-slider__slides-next svg rect {
  transition: all 300ms linear;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slides-prev svg,
  .expr-reviews__slides-next svg,
  .expr-gallery__slides-prev svg,
  .expr-gallery__slides-next svg,
  .expr-slider__slides-prev svg,
  .expr-slider__slides-next svg {
    width: 32px;
    height: 32px;
  }
}

.expr-testimonials {
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .expr-testimonials {
    margin-bottom: 32px;
  }
}
.expr-testimonials .container {
  padding: 0;
}
.expr-testimonials__inner {
  background: #F6F7F8;
  padding-top: 72px;
  padding-bottom: 72px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .expr-testimonials__inner {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .expr-testimonials__inner {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.expr-testimonials__title {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.expr-testimonials__items {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 48px;
  display: flex;
  width: 100%;
  gap: 31px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .expr-testimonials__items {
    gap: 16px;
    margin-top: 32px;
  }
}
.expr-testimonials__item {
  flex-basis: calc(33.33333% - 21.4px);
  transition: 0.3s all;
}
.expr-testimonials__item:hover {
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
}
@media screen and (max-width: 992px) {
  .expr-testimonials__item {
    flex-basis: 100%;
  }
}
.expr-testimonials__item__content {
  background: #ffffff;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .expr-testimonials__item__content {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.expr-testimonials__item__logo {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .expr-testimonials__item__logo {
    margin-top: 32px;
  }
}
.expr-testimonials__item__logo img {
  display: block;
  height: 36px;
  object-fit: contain;
}
.expr-testimonials__item__text {
  display: flex;
  align-items: center;
}
.expr-testimonials__item__text svg {
  min-width: 26px;
  max-width: 26px;
  height: 16px;
}
.expr-testimonials__item__text p {
  padding: 0 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #374151;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 992px) {
  .expr-testimonials__item__text p {
    font-size: 14px;
  }
}
.expr-testimonials__item__text svg:first-child {
  align-self: flex-start;
}
.expr-testimonials__item__text svg:last-child {
  align-self: flex-end;
}
.expr-testimonials .video-wrapper {
  min-height: 240px;
  background-color: #bbb;
  position: relative;
}
.expr-testimonials .video-wrapper img {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.expr-testimonials .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}
.expr-testimonials .video-overlay-play-button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 33px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  transition: opacity 150ms;
}
.expr-testimonials .video-overlay-play-button:hover {
  opacity: 1;
}
.expr-testimonials .video-overlay-play-button.is-hidden {
  display: none;
}
.expr-testimonials video {
  height: 240px;
  object-fit: cover;
  width: 100%;
  display: block;
}

.play-video-btn {
  width: 66px;
  height: 46px;
  border: none;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  pointer-events: none;
}

.expr-contact-us {
  position: relative;
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .expr-contact-us {
    margin-bottom: 32px;
  }
}
.expr-contact-us .container {
  padding: 0;
}
.expr-contact-us__title {
  font-family: "Mechfire";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  z-index: 2;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .expr-contact-us__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.expr-contact-us__wrap {
  z-index: 2;
  padding-top: 72px;
  padding-bottom: 72px;
  padding-left: 24px;
  padding-right: 24px;
  background: #0080EA;
}
@media screen and (max-width: 992px) {
  .expr-contact-us__wrap {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .expr-contact-us__wrap {
    padding: 24px 8px;
  }
}
.expr-contact-us__inner {
  max-width: 1440px;
  margin: 0 auto;
}
.expr-contact-us__items {
  display: flex;
  width: 100%;
  max-width: 1194px;
  margin: 0 auto;
  gap: 32px;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .expr-contact-us__items {
    margin-top: 24px;
    gap: 16px;
    flex-direction: column;
  }
}
.expr-contact-us__item {
  padding: 32px 16px;
  background: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
}
.expr-contact-us__item a, .expr-contact-us__item-link {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #0080EA;
  cursor: pointer;
  border: unset;
  background: unset;
}
.expr-contact-us__item a span, .expr-contact-us__item-link span {
  border-bottom: 1px solid transparent;
  transition: border-bottom 150ms linear;
}
.expr-contact-us__item a span:not(:last-child), .expr-contact-us__item-link span:not(:last-child) {
  border-bottom: unset;
}
.expr-contact-us__item a:hover span, .expr-contact-us__item-link:hover span {
  border-bottom: 1px solid;
}
.expr-contact-us__item a:hover span:not(:last-child), .expr-contact-us__item-link:hover span:not(:last-child) {
  border-bottom: unset;
}
.expr-contact-us__icon {
  max-width: 56px;
  max-height: 56px;
  margin: 0 auto;
  margin-bottom: 24px;
  display: inherit;
}
.expr-contact-us__icon img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
.expr-contact-us__background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.expr-contact-us__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expr-contact-us__background::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  background: #0080EA;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.7;
}

.expr-portal-articles {
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .expr-portal-articles {
    margin-bottom: 32px;
  }
}
.expr-portal-articles .container {
  padding: 0;
}
.expr-portal-articles__inner {
  background: #F6F7F8;
  padding-top: 72px;
  padding-bottom: 72px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .expr-portal-articles__inner {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .expr-portal-articles__inner {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.expr-portal-articles__title {
  max-width: 740px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .expr-portal-articles__title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .expr-portal-articles__title {
    margin-bottom: 16px;
  }
}
.expr-portal-articles__items {
  width: 100%;
  max-width: 1194px;
  margin: 0 auto;
}
.expr-portal-articles__item {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #ffffff;
}
@media screen and (max-width: 992px) {
  .expr-portal-articles__item {
    margin-bottom: 16px;
    padding: 16px;
  }
}
@media screen and (max-width: 992px) {
  .expr-portal-articles__item {
    padding: 16px 12px;
  }
}
.expr-portal-articles__item a {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.expr-portal-articles__item a:hover {
  color: #0461AD;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .expr-portal-articles__item a {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.expr-portal-articles__item p {
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 767px) {
  .expr-portal-articles__item p {
    font-size: 14px;
    line-height: 24px;
  }
}
.expr-portal-articles__item:last-child {
  margin-bottom: 0;
}
.expr-portal-articles .button {
  text-align: center;
  justify-content: center;
  align-self: center;
  margin-top: 48px;
}
@media screen and (max-width: 992px) {
  .expr-portal-articles .button {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .expr-portal-articles .button {
    margin-top: 16px;
  }
}
.expr-portal-articles .button:hover {
  background-color: #008BFF;
  box-shadow: 0px 14px 21px -1px rgba(6, 25, 56, 0.08);
  color: #ffffff;
}

.expr-content-section {
  background-color: #F6F7F8;
  padding: 72px 32px;
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .expr-content-section {
    padding: 32px 24px;
    margin-bottom: 32px;
  }
}
.expr-content-section__inner {
  max-width: 1440px;
  margin: 0 auto;
}
.expr-content-section__inner p {
  margin: 24px 0;
}
@media screen and (max-width: 767px) {
  .expr-content-section__inner p {
    margin: 16px 0;
  }
}
.expr-content-section__inner p:first-child {
  margin-top: 0;
}
.expr-content-section__inner * {
  max-width: 1072px;
}

.expr-gallery {
  width: 100%;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .expr-gallery {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 640px) {
  .expr-gallery {
    margin-bottom: 32px;
  }
}
.expr-gallery .container {
  padding: 0;
}
.expr-gallery__inner {
  padding: 72px 140px;
  background: #F6F7F8;
  padding: 70px 140px;
  background: #f6f7f8;
}
@media screen and (max-width: 1400px) {
  .expr-gallery__inner {
    padding: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .expr-gallery__inner {
    padding: 32px 24px;
  }
}
.expr-gallery__upper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .expr-gallery__upper {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 640px) {
  .expr-gallery__upper {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 640px) {
  .expr-gallery__slides__inner {
    min-height: 240px;
  }
}
@media screen and (max-width: 640px) {
  .expr-gallery__slide {
    min-height: 240px;
  }
}
.expr-gallery__image {
  position: relative;
  max-width: 704px;
  width: 100%;
  overflow: hidden;
}
.expr-gallery__image:hover .loop-background {
  transform: translate(0px, 0px);
}
.expr-gallery__image:hover .loop-btn {
  transform: translate(0px, 0px);
}
.expr-gallery__image-loop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.expr-gallery__image-loop .loop-background {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, transparent 70%, #0080ea 100%, #0080ea 0%);
  transition: all 500ms ease;
  transform: translate(235px, 235px);
  pointer-events: none;
  z-index: 1;
}
.expr-gallery__image-loop .loop-btn {
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: 32px;
  height: 32px;
  transform: translate(64px, 64px);
  transition: all 500ms ease;
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4280_28153)"><path d="M31.6898 30.1798L24.3898 22.8798C26.7303 20.1489 27.922 16.6175 27.7149 13.0268C27.5077 9.43614 25.9178 6.06526 23.2788 3.6216C20.6398 1.17793 17.1568 -0.148546 13.5608 -0.0794622C9.9648 -0.0103786 6.53534 1.44889 3.99212 3.99212C1.44889 6.53534 -0.0103786 9.9648 -0.0794622 13.5608C-0.148546 17.1568 1.17793 20.6398 3.6216 23.2788C6.06526 25.9178 9.43614 27.5077 13.0268 27.7149C16.6175 27.922 20.1489 26.7303 22.8798 24.3898L30.1798 31.6898C30.384 31.869 30.6488 31.9638 30.9204 31.955C31.192 31.9461 31.45 31.8343 31.6422 31.6422C31.8343 31.45 31.9461 31.192 31.955 30.9204C31.9638 30.6488 31.869 30.384 31.6898 30.1798ZM2.12981 13.8698C2.12981 11.5503 2.81751 9.28278 4.10598 7.35401C5.39444 5.42524 7.22583 3.92177 9.36862 3.03366C11.5114 2.14555 13.8694 1.91268 16.1445 2.36447C18.4197 2.81626 20.5098 3.93245 22.1506 5.57192C23.7915 7.21139 24.9095 9.30054 25.3632 11.5753C25.8169 13.85 25.5861 16.2082 24.6998 18.3518C23.8135 20.4953 22.3116 22.328 20.3839 23.6181C18.4562 24.9082 16.1894 25.5978 13.8698 25.5998C10.7587 25.5972 7.77564 24.3608 5.57483 22.1619C3.37401 19.9629 2.1351 16.9809 2.12981 13.8698Z" fill="white"/><path d="M17.0704 12.8004H14.9304V10.6704C14.9448 10.5219 14.928 10.372 14.881 10.2303C14.8341 10.0887 14.758 9.95842 14.6577 9.84792C14.5574 9.73743 14.4351 9.64913 14.2986 9.58871C14.1622 9.52828 14.0146 9.49707 13.8654 9.49707C13.7162 9.49707 13.5686 9.52828 13.4321 9.58871C13.2957 9.64913 13.1734 9.73743 13.0731 9.84792C12.9728 9.95842 12.8967 10.0887 12.8498 10.2303C12.8028 10.372 12.786 10.5219 12.8004 10.6704V12.8004H10.6704C10.5219 12.786 10.372 12.8028 10.2303 12.8498C10.0887 12.8967 9.95842 12.9728 9.84792 13.0731C9.73743 13.1734 9.64913 13.2957 9.58871 13.4321C9.52828 13.5686 9.49707 13.7162 9.49707 13.8654C9.49707 14.0146 9.52828 14.1622 9.58871 14.2986C9.64913 14.4351 9.73743 14.5574 9.84792 14.6577C9.95842 14.758 10.0887 14.8341 10.2303 14.881C10.372 14.928 10.5219 14.9448 10.6704 14.9304H12.8004V17.0604C12.8261 17.325 12.9494 17.5707 13.1462 17.7494C13.3431 17.9281 13.5995 18.0271 13.8654 18.0271C14.1313 18.0271 14.3877 17.9281 14.5845 17.7494C14.7814 17.5707 14.9047 17.325 14.9304 17.0604V14.9304H17.0604C17.325 14.9047 17.5707 14.7814 17.7494 14.5845C17.9281 14.3877 18.0271 14.1313 18.0271 13.8654C18.0271 13.5995 17.9281 13.3431 17.7494 13.1462C17.5707 12.9494 17.325 12.8261 17.0604 12.8004H17.0704Z" fill="white"/></g><defs><clipPath id="clip0_4280_28153"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 5;
}
.expr-gallery__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 640px) {
  .expr-gallery__image img {
    min-height: 240px;
  }
}
@media (max-width: 1024px) {
  .expr-gallery__image {
    max-width: 100%;
  }
}
.expr-gallery__slides-navigation {
  margin-top: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expr-gallery .expr-slider__scrollbar {
  margin-top: 0;
  width: 80%;
  max-width: 1120px;
  margin: 0 16px;
}

.expr-reviews {
  width: 100%;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .expr-reviews {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 640px) {
  .expr-reviews {
    margin-bottom: 32px;
  }
}
.expr-reviews .container {
  padding: 0;
}
.expr-reviews__inner {
  padding: 72px 140px;
  background: #F6F7F8;
  padding: 70px 140px;
  background: #f6f7f8;
}
@media screen and (max-width: 1400px) {
  .expr-reviews__inner {
    padding: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .expr-reviews__inner {
    padding: 32px 24px;
  }
}
.expr-reviews__upper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .expr-reviews__upper {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 640px) {
  .expr-reviews__upper {
    margin-bottom: 16px;
  }
}
.expr-reviews .expr-slider__slides__navi {
  margin-left: 0;
}
.expr-reviews .expr-slider__slides__navi > * {
  margin-left: 16px;
}
.expr-reviews .expr-slider__slides__navi > *:not(:last-child) {
  margin-left: 0px;
}
.expr-reviews__slide-content {
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 51, 94, 0.0509803922);
}
.expr-reviews__slide-content--descriptions {
  padding: 24px 16px;
  overflow: auto;
  min-height: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--descriptions {
    min-height: 100%;
    height: 100%;
  }
}
.expr-reviews__slide-content--descriptions .quote {
  max-width: 44px;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--descriptions .quote {
    max-width: 35px;
    height: 27px;
    margin-bottom: 12px;
  }
}
.expr-reviews__slide-content--descriptions p {
  color: #6b7280;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--descriptions p {
    font-size: 14px;
    line-height: 24px;
  }
}
.expr-reviews__slide-content--info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid #0080EA;
  padding: 12px 16px;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--logo {
    margin-right: 12px;
  }
}
.expr-reviews__slide-content--logo img {
  display: block;
  width: 150px;
  height: 48px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--logo img {
    max-width: 80px;
    height: 52px;
  }
}
.expr-reviews__slide-content--name {
  color: #0080EA;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .expr-reviews__slide-content--name {
    font-size: 18px;
    line-height: normal;
  }
}

.expr-permits-types {
  width: 100%;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .expr-permits-types {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 640px) {
  .expr-permits-types {
    margin-bottom: 32px;
  }
}
.expr-permits-types .container {
  padding: 0;
}
.expr-permits-types__inner {
  padding: 70px 140px;
  background: #f6f7f8;
}
@media screen and (max-width: 1400px) {
  .expr-permits-types__inner {
    padding: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .expr-permits-types__inner {
    padding: 32px 24px;
  }
}
.expr-permits-types__items {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 992px) {
  .expr-permits-types__items {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .expr-permits-types__items {
    gap: 24px;
  }
}
@media screen and (max-width: 640px) {
  .expr-permits-types__items {
    margin-top: 16px;
  }
}
.expr-permits-types__item {
  padding: 32px 16px;
  background-color: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 51, 94, 0.0509803922);
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: calc(20% - 25.6px);
}
@media screen and (max-width: 1100px) {
  .expr-permits-types__item {
    flex-basis: calc(33.333% - 25.6px);
  }
}
@media screen and (max-width: 767px) {
  .expr-permits-types__item {
    padding: 24px;
    flex-basis: calc(50% - 25.6px);
  }
}
@media screen and (max-width: 576px) {
  .expr-permits-types__item {
    padding: 24px;
    flex-basis: 100%;
  }
}
.expr-permits-types__image img {
  display: block;
}
.expr-permits-types__title {
  margin-top: 24px;
}
.expr-permits-types__title h2 {
  font-family: Barlow;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  color: #0080EA;
}
@media screen and (max-width: 767px) {
  .expr-permits-types__title {
    margin-top: 16px;
  }
}

.expr-partnership {
  width: 100%;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .expr-partnership {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 640px) {
  .expr-partnership {
    margin-bottom: 32px;
  }
}
.expr-partnership .container {
  padding: 0;
}
.expr-partnership__inner {
  padding: 72px 140px;
  background: #F6F7F8;
  padding: 70px 140px;
  background: #f6f7f8;
}
@media screen and (max-width: 1400px) {
  .expr-partnership__inner {
    padding: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .expr-partnership__inner {
    padding: 32px 24px;
  }
}
.expr-partnership__text {
  margin: 48px 0;
  max-width: 1072px;
}
@media screen and (max-width: 992px) {
  .expr-partnership__text {
    margin: 24px 0;
  }
}
@media screen and (max-width: 640px) {
  .expr-partnership__text {
    margin: 16px 0;
  }
}
.expr-partnership__text p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
  color: #6B7280;
}
.expr-partnership__text p a {
  color: #0080EA;
}
.expr-partnership__image img {
  display: block;
  width: 100%;
  height: auto;
}

.road-state {
  padding-bottom: 32px;
}
.road-state__title {
  background-color: #F6F7F8;
  margin-bottom: 24px;
}
.road-state__title h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #00101E;
  padding: 12px 16px;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .road-state__title h4 {
    padding: 12px 8px;
  }
}
.road-state__row {
  display: flex;
  gap: 32px;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .road-state__row {
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .road-state__row {
    padding-bottom: 32px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
.road-state__row::before {
  top: 43px;
  left: 0;
  width: 100%;
  content: "";
  height: 1px;
  position: absolute;
  display: block;
  background-color: #DFE1E4;
}
.road-state__row::after {
  bottom: 14px;
  left: 0;
  width: 100%;
  content: "";
  height: 1px;
  position: absolute;
  display: block;
  background-color: #DFE1E4;
}
.road-state__column {
  padding-bottom: 32px;
  flex-basis: 190px;
}
@media screen and (max-width: 992px) {
  .road-state__column {
    flex-basis: calc(33.33333% - 16px);
  }
}
@media screen and (max-width: 767px) {
  .road-state__column {
    padding-bottom: 0;
    flex-basis: 100%;
  }
}
.road-state__column:first-child {
  flex: 1;
}
@media screen and (max-width: 992px) {
  .road-state__column:first-child {
    flex-basis: 100%;
    padding-bottom: 0;
    font-size: 20px;
  }
  .road-state__column:first-child .road-state__column__title {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .road-state__column:first-child .road-state__column__title {
    padding-bottom: 16px;
    font-size: 18px;
  }
}
.road-state__column:first-child * {
  max-width: 581px;
}
@media screen and (max-width: 992px) {
  .road-state__column:first-child * {
    max-width: 100%;
  }
}
.road-state__column__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #6B7280;
  margin-bottom: 16px;
  padding-bottom: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .road-state__column__title {
    font-size: 18px;
    padding-bottom: 0;
  }
}
.road-state p {
  font-size: 16px;
  line-height: 24px;
  color: #6B7280;
}
@media screen and (max-width: 767px) {
  .road-state p {
    font-size: 14px;
  }
}
.road-state__source {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 8px;
  padding-left: 8px;
  display: flex;
}
.road-state__source span {
  font-size: 16px;
  line-height: 24px;
  color: #00101E;
  margin-right: 16px;
  display: block;
}

.road-states {
  width: 100%;
  display: flex;
}
.road-states.is-open .road-states-items {
  max-height: 100%;
}
.road-states__content {
  width: 100%;
}
.road-states-items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.road-states__review {
  cursor: pointer;
  background-color: #E4F3FF;
  padding: 27px 24px;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 992px) {
  .road-states__review {
    padding: 20px 16px;
  }
}
@media screen and (max-width: 767px) {
  .road-states__review {
    padding: 12px 8px;
  }
}
.road-states__review__text {
  display: flex;
  align-items: flex-start;
  color: #0080EA;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  transition: all 0.3s;
}
.road-states__review__text:hover {
  color: #0461AD;
  text-decoration: underline;
}
.road-states__review__text:hover svg path {
  fill: #0461AD;
}
@media screen and (max-width: 992px) {
  .road-states__review__text {
    font-size: 18px;
  }
}
.road-states__review__icon {
  margin-right: 12px;
  width: 32px;
  height: 32px;
}
.road-states__review__icon svg {
  min-width: 32px;
  min-height: 32px;
}

.page-not-found__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 72px;
  gap: 32px;
  position: relative;
  padding-top: 14vh;
  padding-bottom: 14vh;
  min-height: 75vh;
}
.page-not-found__wrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #0080EA;
  opacity: 0.8;
}
@media screen and (max-width: 992px) {
  .page-not-found__wrap {
    margin-bottom: 32px;
    padding-bottom: 28vh;
  }
}
@media screen and (max-width: 767px) {
  .page-not-found__wrap {
    padding-bottom: 7vh;
    padding-bottom: 7vh;
    margin-top: 0;
  }
}

.page-not-found a.button {
  min-width: 214px;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .page-not-found a.button {
    min-width: 164px;
  }
}
@media screen and (max-width: 767px) {
  .page-not-found a.button {
    min-width: 136px;
  }
}
.page-not-found img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 70vh;
  display: block;
}
.page-not-found img.mobile-v {
  display: none;
}
@media screen and (max-width: 992px) {
  .page-not-found img {
    display: none;
  }
  .page-not-found img.mobile-v {
    display: block;
  }
}
.page-not-found__content {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-not-found__icon {
  width: 214px;
  height: 107px;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .page-not-found__icon {
    width: 136px;
    height: 68px;
  }
}
.page-not-found h1 {
  font-family: "Mechfire";
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  color: #ffffff;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .page-not-found h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
.page-not-found p {
  text-align: center;
  color: #ffffff;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 35px;
}
@media screen and (max-width: 992px) {
  .page-not-found p {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .page-not-found p {
    font-size: 16px;
    line-height: 17px;
  }
}

.error404 .footer__wrap {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .error404 .footer__wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.error404 .footer__bottom {
  padding-top: 0;
}

.privacy-default {
  min-height: 50vh;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .privacy-default {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .privacy-default .container {
    padding: 0 8px;
  }
}
.privacy-default article {
  padding: 72px 108px;
}
.privacy-default article h1 {
  font-size: 48px;
  line-height: 53px;
  font-family: "Barlow";
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 56px;
}
@media screen and (max-width: 992px) {
  .privacy-default article h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .privacy-default article h1 {
    margin-bottom: 40px;
  }
}
.privacy-default article * {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .privacy-default article {
    padding: 32px 64px;
  }
}
@media screen and (max-width: 992px) {
  .privacy-default article {
    padding: 32px 8px;
  }
}
.privacy-default article h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  text-transform: uppercase;
  color: #00101E;
  margin-bottom: 16px;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .privacy-default article h2 {
    font-size: 24px;
    line-height: 26px;
    margin-top: 32px;
  }
}
.privacy-default article h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 992px) {
  .privacy-default article h3 {
    margin-bottom: 12px;
  }
}
.privacy-default article h4 {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.privacy-default article p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .privacy-default article p {
    font-size: 14px;
  }
}
.privacy-default article ul {
  color: #6B7280;
  list-style: inside;
  padding-left: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .privacy-default article ul {
    font-size: 14px;
  }
}
.privacy-default article ol {
  color: #6B7280;
  list-style: decimal;
  padding-left: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .privacy-default article ol {
    font-size: 14px;
  }
}

.hero-pricing {
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .hero-pricing {
    margin-bottom: 32px;
  }
}
.hero-pricing__wrapper {
  padding: 64px 24px;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__wrapper {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 475px) {
  .hero-pricing__wrapper {
    padding: 8px;
    padding-top: 24px;
  }
}
.hero-pricing__background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.hero-pricing__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-pricing__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero-pricing__left {
  max-width: 704px;
  width: 100%;
  margin-right: 10px;
}
.hero-pricing__left.only {
  max-width: 1200px;
}
@media screen and (max-width: 1024px) {
  .hero-pricing__left {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.hero-pricing__left .title-h1 {
  font-family: "Mechfire";
  font-style: normal;
  font-weight: 400;
  font-size: 56px;
  line-height: 56px;
  color: #ffffff;
}
@media screen and (max-width: 1100px) {
  .hero-pricing__left .title-h1 {
    font-size: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .hero-pricing__left .title-h1 {
    font-size: 32px;
    line-height: 32px;
  }
}
.hero-pricing__right {
  max-width: 704px;
  width: 100%;
  padding: 48px 40px;
  background: #ffffff;
}
@media screen and (max-width: 475px) {
  .hero-pricing__right {
    padding: 24px 8px;
  }
}

.get-permit__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #0080EA;
}
@media screen and (max-width: 767px) {
  .get-permit__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.get-permit__columns {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .get-permit__columns {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.get-permit__column {
  width: 100%;
  padding: 40px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DFE1E4;
  border-radius: 4px;
}
@media screen and (max-width: 475px) {
  .get-permit__column {
    padding: 24px 10px;
  }
}
.get-permit__icon {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}
.get-permit__text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #00101E;
}
.get-permit a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  background: #0080EA;
  border-radius: 4px;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 475px) {
  .get-permit a {
    font-size: 14px;
  }
}

body.frozen {
  overflow: hidden !important;
  position: relative;
}

/*
* Chat ICON
*/
.chat {
  position: fixed;
  right: 17px;
  bottom: 30px;
  z-index: 10;
}
.chat__btn {
  width: 66px;
  height: 66px;
  cursor: pointer;
  border: unset;
  background: unset;
}

/*
* Modal Chat - Form CF7
*/
.modal-chat {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4509803922);
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s all;
}
.modal-chat.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.modal-chat__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35vh);
  max-width: 475px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 36px;
  width: 100%;
  margin: 0 15px;
}
.modal-chat__btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: unset;
  background: unset;
}
.modal-chat__btn-close svg {
  width: 20px;
  height: 20px;
  transform: scale(1) rotate(0deg);
  transition: 0.3s all;
}
.modal-chat__btn-close:active svg {
  transform: scale(0) rotate(-180deg);
}
.modal-chat__btn-close:hover svg {
  transform: rotate(90deg);
}
.modal-chat__cf7-form--title {
  color: #0080EA;
  text-align: center;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: block;
}
.modal-chat__cf7-form .input-wrapper {
  margin-bottom: 0;
}
.modal-chat__cf7-form .input-wrapper:not(:last-child) {
  margin-bottom: 16px;
}
.modal-chat__cf7-form .input-wrapper .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.modal-chat__cf7-form .input-wrapper .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  padding: 6px;
}
.modal-chat__cf7-form .input-wrapper .wpcf7-acceptance .wpcf7-list-item label.fv-require-check-wrapper {
  border: 2px solid red;
}
.modal-chat__cf7-form textarea {
  resize: none;
  height: 140px;
}
.modal-chat__cf7-form .submit-chat {
  max-width: 125px;
  width: 100%;
  justify-content: center;
}
.modal-chat__cf7-form form.sent .wpcf7-response-output {
  display: none;
}

.modal-chat__cf7-form .submit-chat {
  margin: 0 auto;
  display: block;
}

.modal-chat .wpcf7-spinner {
  position: absolute;
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
  filter: blur(0px);
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
  display: flex;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset(
    0
      calc(
        ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) *
          (1 - var(--progress, 0)) * 0.5
      )
      round var(--f-thumb-border-radius, 0)
  );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__toolbar__column.is-right .f-button[title=Close] {
  display: none;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}

.border {
  border: 1px solid #bbb;
}

.body {
  min-height: 100vh;
}

html {
  margin: 0 !important;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Barlow", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  background-color: #ffffff !important;
}

.container {
  max-width: 1784px;
  margin: 0 auto;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .container {
    padding: 8px;
  }
}

.section-title, .site-resources-content h1,
.site-resources-content h2 {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
  text-transform: uppercase;
  color: #00101E;
}
@media screen and (max-width: 992px) {
  .section-title, .site-resources-content h1,
  .site-resources-content h2 {
    font-size: 32px;
    line-height: 35px;
  }
}
@media screen and (max-width: 640px) {
  .section-title, .site-resources-content h1,
  .site-resources-content h2 {
    font-size: 24px;
    line-height: 26px;
  }
}

.step-form textarea {
  height: 40px;
  resize: none;
}
.step-form__inner .wpcf7-spinner {
  position: absolute;
  left: 0;
  bottom: 10px;
}
.step-form__progress {
  display: flex;
  align-items: center;
  background: #e4f3ff;
  border-radius: 4px;
  height: 8px;
  width: 100%;
  margin-bottom: 16px;
}
.step-form__progress__line {
  display: block;
  position: relative;
  border-radius: 4px;
  height: 8px;
  width: 100%;
}
.step-form__progress__line:first-child {
  cursor: pointer;
}
.step-form__progress.step-1-active .step-form__progress__line:first-child {
  background-color: #0080ea;
}
.step-form__progress.step-2-active .step-form__progress__line:nth-child(2) {
  background-color: #0080ea;
}
.step-form__step__line__heading {
  color: #6b7280;
}
.step-form__heading {
  color: #0080ea;
  text-align: center;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  padding: 20px;
  border-radius: 4px;
  background: #f6f7f8;
  margin-bottom: 16px;
}
.step-form-wrap {
  padding: 64px 40px;
}
@media screen and (max-width: 767px) {
  .step-form-wrap {
    padding: 24px 12px;
  }
}
.step-form-wrap .wpcf7-response-output {
  margin: 0 !important;
  margin-top: 16px !important;
  text-align: center;
}
.step-form__step {
  display: none;
  gap: 16px;
  min-height: 436px;
}
@media screen and (max-width: 1024px) {
  .step-form__step {
    min-height: 440px;
  }
}
.step-form__step:nth-child(2) {
  display: none;
}
.step-form__step.active {
  display: grid;
}
.step-form__step__line {
  display: grid;
  grid-template-columns: 1fr;
}
.step-form__step__line.acceptance {
  margin-bottom: -16px;
}
.step-form__step__line.acceptance .wpcf7-list-item {
  margin: 0;
  width: 100%;
  padding: 4px 0;
}
.step-form__step__line.acceptance label {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #6b7280;
  min-height: 38px;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .step-form__step__line.acceptance label {
    margin-top: 16px;
    line-height: 20px;
    padding: 4px 0;
  }
}
.step-form__step__line.acceptance .fv-require-check-wrapper {
  border: 1px solid red;
  position: relative;
  border-radius: 4px;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .step-form__step__line.acceptance .fv-require-check-wrapper {
    padding: 4px 0;
  }
}
.step-form__step__line.acceptance .wpcf7-list-item-label {
  line-height: 24px;
  margin-left: 10px;
}
.step-form__step__line.two-cols .step-form__step__line__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .step-form__step__line.two-cols .step-form__step__line__inner {
    grid-template-columns: 1fr;
  }
}
.step-form__step__line.four-cols .step-form__step__line__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .step-form__step__line.four-cols .step-form__step__line__inner {
    grid-template-columns: 1fr 1fr;
  }
}

.step-form-sumbit,
.request-permit {
  justify-self: center;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .step-form-sumbit,
  .request-permit {
    margin-top: 16px;
    width: 100%;
    justify-content: center;
  }
}

.request-permit {
  border: 2px solid;
  padding: 10px 12px;
  cursor: pointer;
}

.step-form-thanks,
.form-thanks {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4509803922);
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s all;
}
.step-form-thanks.active,
.form-thanks.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.step-form-thanks__inner,
.form-thanks__inner {
  max-width: 624px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 15px;
  width: 100%;
  margin: 0 15px;
  position: relative;
}
.step-form-thanks__close,
.form-thanks__close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: unset;
  background-color: unset;
  cursor: pointer;
  transition: 0.3s all;
  display: block;
}
.step-form-thanks__close svg,
.form-thanks__close svg {
  width: 24px;
  height: 24px;
  transform: scale(1) rotate(0deg);
  transition: 0.3s all;
}
.step-form-thanks__close:hover svg,
.form-thanks__close:hover svg {
  transform: rotate(90deg);
}
.step-form-thanks__close:active,
.form-thanks__close:active {
  transform: scale(0) rotate(-180deg);
}
.step-form-thanks__heading,
.form-thanks__heading {
  text-align: center;
  font-family: Barlow;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  text-transform: uppercase;
  color: #0080EA;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .step-form-thanks__heading,
  .form-thanks__heading {
    margin-top: 0;
  }
}
.step-form-thanks p,
.form-thanks p {
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #6b7280;
}
.step-form-thanks span,
.form-thanks span {
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #6b7280;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .step-form-thanks span,
  .form-thanks span {
    margin-bottom: 0;
  }
}
.step-form-thanks span a,
.form-thanks span a {
  color: #0080EA;
}

.calc-prediction-position {
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 100;
  top: 64px;
}
.calc-prediction-position .calc-prediction-element:hover {
  cursor: pointer;
  color: #0080EA;
}
.calc-prediction-position .calc-placeholder-container {
  border: 1px solid #ececec;
  padding: 10px;
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.3);
}

.step-form-wrap .wpcf7 form.sent .wpcf7-response-output {
  display: none;
}

#accounting-user-info .user-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
#accounting-user-info .user-container img {
  display: block;
  border-radius: 4px;
  height: 36px;
  width: 36px;
  object-fit: contain;
}

.user-profile-link {
  color: #6b7280;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-profile-link div {
  max-width: 120px;
}
@media screen and (max-width: 1100px) {
  .user-profile-link div {
    display: none;
  }
}

/*# sourceMappingURL=theme-styles.css.map */