@charset "UTF-8";

@font-face {
  font-family: montserrat_black;
  src: url(/fonts/Montserrat-Black.ttf?cce7ff8c1d7999f907b6760fbe75d99d);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_regular;
  src: url(/fonts/Montserrat-Regular.ttf?5e077c15f6e1d334dd4e9be62b28ac75);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_bold;
  src: url(/fonts/Montserrat-Bold.ttf?ed86af2ed5bbaf879e9f2ec2e2eac929);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_medium;
  src: url(/fonts/Montserrat-Medium.ttf?bdb7ba651b7bdcda6ce527b3b6705334);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_semibold;
  src: url(/fonts/Montserrat-SemiBold.ttf?cc10461cb5e0a6f2621c7179f4d6de17);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserrat_light;
  src: url(/fonts/Montserrat-Light.ttf?94fbe93542f684134cad1d775947ca92);
  font-weight: 400;
  font-style: normal;
}

* {
  font-family: Arial;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  transition: all 0.3s ease-in;
}

html,
body {
  background-color: var(--var-color-bg-1);
}

a {
  color: unset;
  text-decoration: unset;
}

.app {
  width: 100%;
}

.app .content_main_container {
  width: 100%;
  margin: 0 auto;
}

.header_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-image: url('/storage/images/450264046.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.header_content .navbar_header-menu_container {
  width: 100%;
}

.header_content .navbar_header-menu_container .header-menu-content {
  width: 100%;
  padding: 10px 25px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box {
  width: -moz-fit-content;
  width: fit-content;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .logo {
  width: 100%;
  display: flex;
  gap: 22px;
  align-items: center;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .logo .image {
  width: 100%;
  max-width: 50px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .logo .image img {
  width: 100%;
  height: auto;
  border-radius: 100px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .logo .title {
  font-family: montserrat_black;
  color: var(--var-color-1);
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 25px;
}

@media (max-width: 1080px) {
  .header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list {
    display: none;
  }
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link a {
  text-decoration: none;
  display: block;
  color: var(--var-color-1);
  font-family: montserrat_regular;
  font-size: 14px;
  line-height: 60px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link a:hover {
  opacity: 0.5;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link .more {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link .more::after {
  content: "\1A06";
  color: var(--var-color-1);
  font-size: 16px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link .open-more-links {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: var(--var-color-3);
  padding: 25px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link .open-more-links a {
  display: block;
  color: var(--var-color-1);
  font-family: Arial;
  font-weight: 500;
  font-size: 14px;
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link .open-more-links a:hover {
  color: var(--var-color-5);
}

.header_content .navbar_header-menu_container .header-menu-content .elements .element-box .links-list .block-link:hover .open-more-links {
  display: block;
}

@media (max-width: 1080px) {
  .header_content .navbar_header-menu_container .header-menu-content .elements .element-box .social-media {
    display: none;
  }
}

.btn-block-container-1 {
  width: 100%;
  max-width: 340px;
  cursor: pointer;
}

.btn-block-container-1 a {
  width: -moz-fit-content;
  width: fit-content;
}

.btn-block-container-1 a .btn {
  width: 100%;
  max-width: 340px;
  padding: 10px 25px;
  height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #5DB2CD;
}

.btn-block-container-1 a .btn span {
  font-size: 14px;
  color: var(--var-color-1);
  font-family: Arial;
  font-weight: 600;
}

.btn-block-container-1:hover a .btn {
  background-color: var(--var-color-1);
}

.btn-block-container-1:hover a .btn span {
  color: var(--var-color-3);
}

.btn-block-container-2 {
  width: 100%;
  max-width: 200px;
  cursor: pointer;
}

.btn-block-container-2 a {
  width: -moz-fit-content;
  width: fit-content;
}

.btn-block-container-2 a .btn {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--var-color-3);
  border-radius: 10px;
}

.btn-block-container-2 a .btn span {
  font-size: 14px;
  color: var(--var-color-1);
  text-transform: uppercase;
  font-family: Arial;
  font-weight: 600;
}

.btn-block-container-2:hover a .btn {
  background-color: var(--var-color-1);
  border: 3px solid var(--var-color-3);
}

.btn-block-container-2:hover a .btn span {
  color: var(--var-color-3);
}

.btn-block-container-3 {
  width: 100%;
  max-width: 672px;
  cursor: pointer;
}

.btn-block-container-3 a {
  width: -moz-fit-content;
  width: fit-content;
}

.btn-block-container-3 a .btn {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--var-color-3);
  border-radius: 100px 10px 100px 10px;
  padding: 0 25px;
}

.btn-block-container-3 a .btn span {
  font-size: 16px;
  font-family: montserrat_bold;
  color: var(--var-color-1);
  text-transform: uppercase;
  font-family: Arial;
  font-weight: 600;
}

@media (max-width: 650px) {
  .btn-block-container-3 a .btn span {
    font-size: 14px;
  }
}

.btn-block-container-3:hover {
  max-width: 350px;
}

.btn-block-container-3:hover a .btn {
  background-color: var(--var-color-1);
  border: 3px solid var(--var-color-3);
}

.btn-block-container-3:hover a .btn span {
  color: var(--var-color-3);
}

.btn-block-container-4 {
  width: 100%;
  max-width: 100px;
  cursor: pointer;
}

.btn-block-container-4 a {
  width: -moz-fit-content;
  width: fit-content;
}

.btn-block-container-4 a .btn {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--var-color-1);
  border-radius: 50px;
  padding: 0 25px;
  border: 1px solid var(--var-color-6);
}

.btn-block-container-4 a .btn span {
  font-size: 14px;
  font-family: montserrat_bold;
  color: var(--var-color-1);
  text-transform: uppercase;
  display: none;
}

.btn-block-container-4 a .btn svg path {
  fill: var(--var-color-6) !important;
}

.btn-block-container-4:hover {
  max-width: 200px;
}

.btn-block-container-4:hover a .btn {
  background-color: var(--var-color-1);
  border: 3px solid var(--var-color-3);
}

.btn-block-container-4:hover a .btn span {
  color: var(--var-color-3);
  display: unset;
}

.btn-block-container-4:hover a .btn svg {
  display: none;
}

.btn-block-container-5 {
  width: 100%;
  max-width: 240px;
  cursor: pointer;
}

.btn-block-container-5 a {
  width: -moz-fit-content;
  width: fit-content;
}

.btn-block-container-5 a .btn {
  width: 100%;
  height: 43px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--var-color-3);
  border-radius: 20px 100px 20px 100px;
  padding: 0 25px;
}

.btn-block-container-5 a .btn span {
  font-size: 14px;
  font-family: montserrat_bold;
  color: var(--var-color-1);
  text-transform: uppercase;
}

.btn-block-container-5:hover a .btn {
  background-color: var(--var-color-1);
  border: 3px solid var(--var-color-3);
}

.btn-block-container-5:hover a .btn span {
  color: var(--var-color-3);
}

.btn-block-container-submit {
  width: 100%;
  max-width: 340px;
  cursor: pointer;
}

.btn-block-container-submit button {
  width: 100%;
  background-color: unset;
  border: none;
  outline: none;
}

.btn-block-container-submit button .btn {
  width: 100%;
  height: 43px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--var-color-3);
  border-radius: 20px 100px 20px 100px;
  padding: 0 25px;
}

.btn-block-container-submit button .btn span {
  font-size: 14px;
  color: var(--var-color-1);
  text-transform: uppercase;
  font-family: Arial;
  font-weight: 600;
}

.btn-block-container-submit:hover button .btn {
  background-color: var(--var-color-1);
  border: 3px solid var(--var-color-3);
}

.btn-block-container-submit:hover button .btn span {
  color: var(--var-color-3);
}

.block__menu {
  width: 100%;
  max-width: 80px;
  padding: 15px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--var-color-3);
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  right: 15px;
  background-color: var(--var-color-1);
  display: none;
}

@media (max-width: 1080px) {
  .block__menu {
    display: flex;
  }
}

.block__menu .burger_menu__open {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  cursor: pointer;
}

.block__menu .burger_menu__open .line_b {
  width: 100%;
  height: 5px;
  background-color: var(--var-color-3);
  margin: 3px 0;
  position: absolute;
  border-radius: 10px;
  transition: all 0.1s ease-in;
}

.block__menu .burger_menu__open .line_1 {
  margin-top: -20px;
}

.block__menu .burger_menu__open .line_3 {
  margin-top: 26px;
}

.block__menu .opened .line_1,
.block__menu .opened .line_3 {
  display: none;
}

.block__menu .opened .line_2 {
  transform: rotate(-40deg);
  margin-top: 1px;
}

.block__menu .opened .line_4 {
  transform: rotate(40deg);
}

.block__menu_h {
  width: 50px;
  padding: 15px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media (max-width: 1080px) {
  .block__menu_h {
    display: none;
  }
}

.block__menu_h .burger_menu__open {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.block__menu_h .burger_menu__open .line_b {
  width: 100%;
  height: 3px;
  background-color: var(--var-color-1);
  margin: 3px 0;
  position: absolute;
  border-radius: 10px;
  transition: all 0.1s ease-in;
}

.block__menu_h .burger_menu__open .line_1 {
  margin-top: -20px;
}

.block__menu_h .burger_menu__open .line_3 {
  margin-top: 26px;
}

.block__menu_h .opened .line_1,
.block__menu_h .opened .line_3 {
  display: none;
}

.block__menu_h .opened .line_2 {
  transform: rotate(-40deg);
  margin-top: 1px;
}

.block__menu_h .opened .line_4 {
  transform: rotate(40deg);
}

.burger-menu {
  position: fixed;
  width: 100%;
  max-width: 250px;
  bottom: 0;
  height: 200px;
  left: 0;
  z-index: 100000000;
  background-color: var(--var-color-1);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in;
  border: 1px solid var(--var-color-3);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}

.burger-menu .content_burger {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 25px 10px;
  gap: 5px;
}

.burger-menu .content_burger .link {
  width: 100%;
  padding: 10px 0;
  padding-left: 15px;
  font-size: 14px;
  color: var(--var-color-3);
  border-left: 4px solid var(--var-color-3);
}

.burger-menu .content_burger .link a {
  font-family: Arial;
  font-weight: 500;
}

.burger-menu.show {
  bottom: 15px;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  border-radius: 0;
  max-width: 260px;
  height: 600px;
}

.breadcrumb {
            display: flex;
            align-items: center;
            list-style: none;
            padding: 0;
            flex-wrap: wrap;
            gap: 5px 0;
        }

        .breadcrumb li {
            display: flex;
            align-items: center;
            font-size: 14px;
        }

        .breadcrumb li:not(:last-child)::after {
            content: " / ";
            margin: 0 10px;
            color: #999;
        }

        .breadcrumb a {
            text-decoration: none;
            color: #007bff;
            font-size: 14px;
        }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .breadcrumb svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
            margin-right: 5px;
        }