.header {
   position: relative;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
   height: auto;
   padding: 0.1em 0;
}
.navbar {
   width: 100%;
   height: 4.25em;
   margin-inline: auto;
}
.navbar-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 100%;
   height: 100%;
}
.navbar-block {
   position: absolute;
   left: 0;
   width: 100%;
   height: calc(100vh - 4em);
   opacity: 0;
   overflow: auto;
   pointer-events: none;
   background-color: #ffffff;
   transition: opacity 0.4s ease;
}
.navbar-block.is-active {
   opacity: 1;
   pointer-events: initial;
}
.menu {
   padding-block: 1em;
   padding-inline: auto;
}
.menu-link {
   font-size: 1em;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-block: 0.5em;
   padding-inline: 1.5em;
   transition: color 0.3s ease;
   color: #000;
}
.dropdown:hover span.dropdown-toggle {
   color: #b069a8;
}
.menu-link:hover {
   color: #b069a8;
}
.dropdown-toggle {
   cursor: pointer;
   outline: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.dropdown-toggle i.bx {
   font-size: 1.5em;
   line-height: inherit;
   transition: rotate 0.4s ease;
}
.dropdown-content {
   height: 0;
   overflow: hidden;
   transition: height 0.5s ease;
}
.dropdown-items {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.dropdown-items {
   row-gap: 0.5em;
   padding: 0 0.5em;
   gap: 0 15px;
}
.dropdown-link {
   font-size: 0.9em;
   color: #000;
   transition: all 0.3s ease;
   padding: 0.5em 0.5em 0.5em 0.85em;
   width: 24%;
   position: relative;
}
.dropdown-link::before{
   content: '';
   box-sizing: border-box;
   transition: transform 0.3s;
   vertical-align: middle;
   display: inline-block;
   background-image: url(../images/menu-arrow.png);
   background-repeat: no-repeat;
   position: absolute;
   width: 10px;
   height: 14px;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
}
.dropdown-link:not(:last-child){
   border-bottom: 0.1px solid #ffffff57;
}
.dropdown-show > .dropdown-toggle i.bx {
   rotate: 180deg;
}
.dropdown-block {
   display: flex;
   align-items: flex-start;
   -moz-column-gap: 1em;
   column-gap: 1em;
   padding-top: 1em;
   padding-inline: 1em;
}
.burger {
   position: relative;
   display: block;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 1.5em;
   height: 1em;
   border: none;
   outline: none;
   visibility: visible;
}
.burger-line {
   position: absolute;
   display: block;
   right: 0;
   width:1.25em;
   height: 2.15px;
   opacity: 1;
   rotate: 0deg;
   border-radius: 0.15em;
   background-color: #fff;
   transition: all 0.3s ease;
}
.burger-line:nth-child(1) {
   top: 0px;
}
.burger-line:nth-child(2) {
   top: 0.5em;
}
.burger-line:nth-child(3) {
   top: 1em;
}
.burger.is-active > .burger-line:nth-child(1) {
   top: 0.5em;
   rotate: 135deg;
   background-color: #b069a8;
}
.burger.is-active > .burger-line:nth-child(2) {
   opacity: 0;
}
.burger.is-active > .burger-line:nth-child(3) {
   top: 0.5em;
   rotate: -135deg;
   background-color: #b069a8;
}
.request-btn {
   display: block;
   transition: background 0.3s ease-in;
   font-size: 1em;
   color: #fff;
   background-color: #b069a8;
   border: 0.1em solid #fff;
   border-radius: 1.25em;
   padding: 0.55em 1.25em;
   cursor: pointer;
   box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.2);
   transition: 0.3s ease-in;
   width: max-content;
}
.request-btn:hover {
   background-color: #38bbc9;
}
.menu-item.dropdown.about .dropdown-link{
   border-bottom: none;
}
@media screen and (min-width: 62em) {
    .navbar {
       display: flex;
       justify-content: space-between;
    }
    .navbar-block {
       position: initial;
       height: initial;
       opacity: 1;
       overflow: auto;
       pointer-events: visible;
       background: none;
       transition: none;
    }
    .menu {
       display: flex;
       flex-direction: row;
       -moz-column-gap: 1em;
       column-gap: 1em;
       height: 100%;
       padding: unset;
    }
    .menu-item {
       display: flex;
       cursor: pointer;
       padding-inline: 0.5em;
    }
    .menu-link {
       padding: unset;
    }
    .dropdown-toggle {
       -moz-column-gap: 0.35em;
       column-gap: 0.35em;
       pointer-events: none;
    }
    .dropdown-content {
       position: absolute;
       left: 0;
       right: 0;
       top: 7em;
       opacity: 0;
       height: -webkit-max-content;
       height: -moz-max-content;
       height: max-content;
       pointer-events: none;
       transition: top 0.4s, opacity 0.3s ease;
       padding: 1em 0;
    }
    .dropdown-column {
       max-width: 73.25em;
       margin-inline: auto;
    }
    .dropdown-group:first-child,
    .dropdown-group:last-child {
       margin: unset;
    }
    .dropdown-block {
       padding-top: unset;
       padding-inline: unset;
    }
    .dropdown:hover > .dropdown-content {
       cursor: initial;
       top: 4.35em;
       opacity: 1;
       pointer-events: initial;
       background-color: #38bbc9;
    }
    .dropdown:hover > .dropdown-toggle i.bx {
       rotate: 180deg;
    }
    .burger {
       display: none;
       visibility: hidden;
    }
    .dropdown-link a{
      color: #fff;
      transition: all 0.3s ease;
   }
   .dropdown-link:hover a{
      color: #b069a8;
   }
}
@media (max-width:1599px){
   .dropdown-column {
      max-width: 90%;
  }
  .dropdown-items {
   gap: 0 14px ;
   }
}
@media (max-width: 991px) {
    .bx-chevron-down {
       box-sizing: border-box;
       transition: transform 0.3s;
       width: 15px;
       height: 15px;
       position: relative;
       vertical-align: middle;
       display: inline-block;
       background-image: url(../images/down-arrow.svg);
       background-repeat: no-repeat;
       top: 28%;
    }
    .dropdown-link {
       width: 100%;
    }
    .navbar-inner{
        padding: 0 15px;
    }
    .menu{
        margin-top: 2.5em;
    }
    .menu li:not(:last-child){
        border-bottom: 1px solid #dbdbdb;
    }
    .menu-item.dropdown.about .dropdown-link{
      border-bottom: 1px solid #dbdbdb;
    }
    .dropdown-items{
        padding: 0;
    }
    .dropdown-link {
        padding: 0.5em 1em 0.5em 2.5em;
    }
    .menu-item.dropdown.dropdown-show .dropdown-toggle{
        background-color: #38bbc9;
        color: #000;
    }
    .menu-item.dropdown.dropdown-show .dropdown-link{
        color: #38bbc9;
    }
    .request-btn{
       display: none;
    }
    .header{
       position: absolute;
       top: 0em;
       right:1.85em;
       padding: 0;
    }
    .burger{
       right: 0;
       top: 4.25em;
       position:absolute;
    }
    .navbar-block{
       height: 100vh;
       position: fixed;
    }
   .dropdown-link a{
      color: #000000;
   }
   .burger.is-active{
      top: 1.7em;
      right: 2%;
      position: fixed;
   }
   .menu-link{
      padding-right:0.85em;
      padding: 0.85em;
   }
   .dropdown-column {
      max-width: 100%;
   }
  .burger {
      right: 5%;
   }
}
@media (max-width:767px) {
   .burger{
      top: 1.8em;
   }
   .modal-container {
      position: absolute;
      right: 5%;
   }
}
@media (max-width:500px) {
   .burger.is-active {
      right: 4%;
   }
}