.navigation__title {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   line-height: 120%;
   text-transform: uppercase;
   margin-bottom: 25px;
 }
 
 .navigation__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .navigation__list > li {
   margin-left: 30px;
 }

 .navigation__list-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .navigation__list li:first-child {
   margin-left: 0;
 }
 
 .navigation__list li a {
   font-size: 15px;
   font-weight: 600;
   line-height: 120%;
   color: #1f1f1f;
 }
 
 .menu-item-has-children {
   position: relative;
   padding-right: 15px;
 }
 
 .menu-item-has-children:after {
   content: "";
   position: absolute;
   right: 0;
   top: 7px;
   width: 12px;
   height: 6px;
   background: url("../img/svg/arrow-menu-dark.svg") no-repeat center top/cover;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
 }
 
 .sub-menu {
   border: 1px solid #FFF;
   background: var(--col1, linear-gradient(180deg, #9550D5 0%, #354DB4 100%));
   -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
           box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
   position: absolute;
   top: 46px;
   left: 0;
   padding: 10px 0;
   min-width: 300px;
   max-width: 350px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.2s ease 0s;
   transition: opacity 0.2s ease 0s;
 }
 
 .sub-menu:before {
   content: "";
   position: absolute;
   top: -30px;
   left: 0;
   width: 100%;
   height: 30px;
 }
 .header-fixed .sub-menu:before {
 	height: 25px;
    top: -20px;
 }
 
 .sub-menu li a {
   color: #fff;
   font-size: 15px;
   font-weight: 500;
   line-height: 120%;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
 }
 
 .sub-menu li {
   padding: 6px 20px;
   -webkit-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
   margin-left: 0;
 }

 
 .header-fixed .sub-menu {
   top: 37px;
 }
 
 .sub-menu .menu-item-has-children {
   position: relative;
 }
 
 .sub-menu .menu-item-has-children:after {
   content: "";
   position: absolute;
   top: 11px;
   right: 20px;
   width: 12px;
   height: 8px;
   background: url("../img/svg/arrow-menu.svg") no-repeat center top/cover;
 }
 
 .sub-menu .sub-menu {
   position: absolute;
   top: 0px;
   left: 100%;
   margin-left: 1px;
 }