/** ========= HEADER ========= */
.header {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  }
  
  .header-top {
    background-color: #F7F5F5;
    font-size: 14px;
  }
  
  .header-top-nav > li:first-child {
    padding-left: 0px;
  }

  .header-top-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 11px 0px 13px 0;
  }
  
  .header-top-nav {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .header-top-nav > li {
    padding: 0 10px;
    text-align: center;
    position: relative;
    text-decoration: none;
  }
  
  .header-top-nav > li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    height: 12px;
    border-right: 1px solid #888;
  }
  
  .header-logo {
    height: 47px;
    width: 174px;
    display: block;
    margin: 16px 0 18px 0;
  }
  
  .header-logo > img {
    width: 100%;
    height: 100%;
    margin-left: .5px;
  }
  
  .header-center-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .header-center-nav {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto', sans-serif;
  }

  .header-center-nav li a:hover {
    text-decoration: none !important;
}
  
.header-center-nav-list {
  padding: 10px 25px;
  height: 78px;
  width: 199px;
  display: flex;
  font-size: 11px;
  align-items: center;
  background-color: #4D4D4F;
  justify-content: center;
}
  
  .header-center-nav-list:first-child {
    margin-right: 1px;
    /* padding-left: 0px; */
    border-radius: 0px 0px 0px 10px;
  }
  .header-center-nav-list:first-child:hover{
      background-color: #2A9D8F !important;
    }

  .header-center-nav-list:nth-child(2) {
    /* padding-left: 0px; */
    border-radius: 0px 0px 10px 0px;
  }
.header-center-nav-list:nth-child(2):hover{
      background-color: #2A9D8F;
}
  
  .header-center-nav-list .icon {
    font-size: 30px;
    /* margin-bottom: 5px; */
  }

  .header-center-nav li:first-child a {
    color: #4c4d4f;
  }
  .header-center-nav li:first-child a:hover {
      color:#2A9D8F;
  }

  .header-center-nav li:first-child a:hover svg path {
    fill:#2A9D8F;
  }


  .header-center-nav li a span {
    /* line-height: 12px; */
    font-size: 14px;
  }
     .header-mobile {
       display: none;
     }

  
  @media only screen and (max-width: 1024px) {
    .header-top > .container{
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
    .header-top-nav > li:first-child{
      padding-left: 5px;
    }
    .header-top-nav > li:not(:last-child)::after{
      top: 0;
      /* height: 25px; */
    }
    .header-top {
      background-color: #ffffff;
      font-size: 10px;
      line-height: 11px;
    }

    .header-top-main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 7px 0px 6px 0;
      
    }
    
    .header-top-nav {
      /* -webkit-box-pack: justify; */
          /* -ms-flex-pack: justify; */
              /* justify-content: space-between; */
      margin-top: 5px;
      /* -webkit-box-align: center; */
          /* -ms-flex-align: center; */
              /* align-items: center; */
              font-size: 12px;
              padding-bottom: 3px;
              
    }  
    
    .header-center-nav {
      display: none;
    }
    
    .header-bottom {
      border-top: none;
    }

    .header-center-nav-list {
      width: 150px;
      justify-content: center;
    }
    .top-nav{
      text-align: center;
      background-color: #F0EFF1 ;
      padding-top: 7px;
      padding-bottom: 7px;
      margin-top: 11px;
      font-size: 14px;
    }

    .text-black{
      color: #4D4D4F !important;
    }

    .header-mobile {
      display: block;
      padding: 0px 0px;
      position: sticky;
      top: 0;
      z-index: 50;
      background: #fff;
      margin-top: -1px;
    }
    .header-center-nav-list {
      /* padding: 10px 25px; */
      height: 78px;
      width: 180px;
      display: flex;
      font-size: 11px;
      align-items: center;
      background-color: white;
      justify-content: center;
      font-weight: 500;
    }
    .justify-content-center {
      justify-content: center !important;
    }
    .header-center-nav-list .d-block .mt-2{
      color: #4D4D4F;

    }
    .dropdown .dropdown-list li{
      display: none;
    }
    .dropdown.current .dropdown-list li{
      display: block;
    }
  }
  @media only screen and (max-width: 667px){
    .header-top-nav > li:not(:last-child)::after{
      height: 30px;
    }
  }
  /** ========= NAVIGATION ========= */
  
  .navigation-toggle {
    display: none;
  }

  
  .navigation-toggle .line {
    position: relative;
    margin: 16px auto;
    display: block;
  }
  
  .navigation-toggle .line::after {
    bottom: -8px;
  }
  
  .navigation-toggle .line::before {
    top: -8px;
  }
  
  .navigation-toggle .line, .navigation-toggle .line::after, .navigation-toggle .line::before {
    width: 36px;
    height: 4px;
    background: #ffffff;
    border-radius: 20px;
  }
  
  .navigation-toggle .line:after, .navigation-toggle .line:before {
    content: "";
    position: absolute;
  }
  
  .navigation-toggle .text {
    /* padding-top: 5px; */
    color: #ffffff;
    display: block;
    font-family: 'Roboto', sans-serif;
    text-align: center;
  }
  
  .navigation-toggle a:hover {
    color: #ffffff;
  }
  
  .navigation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            /* justify-content: space-between; */
            justify-content: center;
    text-align: center;
    min-height: 60px;
  }
  
  .navigation-list > li {
    position: relative;
  }
  
  .navigation-list > li:not(:last-child)::after {
    content: '';
    position: absolute;
    border-right: 1px solid #A9B3B1;
    height: 40px;
    top: 10px;
    right: 0;
  }
  .navigation-list > li.br-none::after{
    content: '';
    border-right: none !important;
  }
  .navigation-list > li > a {
    display: block;
    /* font-weight: 700; */
    padding: 0 20px;
  }
  
  .navigation-toggle.active-menu > .line {
    background: transparent;
  }
  
  .navigation-toggle.active-menu > .line::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .navigation-toggle.active-menu > .line::after {
    width: 100%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .navigation-toggle.active-menu > .line::after, .navigation-toggle.active-menu > .line::before {
    top: 0;
  }
  .icons-section{
    display: none;
  }
  @media only screen and (max-width: 1024px) {
    .navigation-toggle {
      display: block;
      float: right;
      background: #AF1685;
      color: #ffffff;
      padding: 10px;
      margin-bottom: -5px;
      position: absolute;
      right: 0;
      width: 75px;
      height: 75px;
    }
    .navigation-list {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: absolute;
      z-index: 600;
      left: 0;
      background: #AF1685;
      width: 100%;
      text-align: left;
    }
    .navigation-list > li {
      color: #ffffff;
      font-size: 20px;
    }

    .navigation-list > li  a{
        color: #ffffff;
        /* font-size: 18px; */
    }
    
    .navigation-list > li:not(:last-child)::after {
      display: none;
    }
    
    .navigation-list > li > a {
      padding: 20px 40px;
      border-bottom: 2px solid;
      font-size: 20px;
    }
    
    .navigation-list.active {
      display: block;
    }
    
    .sub-nav-list {
      padding: 20px 34px;
      /* border-bottom: 2px solid #ffffff; */
      text-align: center;
      width: 100%;
    }
    .icons-section{
      display: block;
    }
    .icons-section ul li a{
      font-size: 14px;
    }
  }

.dropdown {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  /* .dropdown > a {
    pointer-events: none;
  } */

  .dropdown > a:hover {
    text-decoration: none !important;
  }

  li.dropdown.current > a {
    color: #555555;
  }

  li.dropdown.current:hover > a {
      color: #ffffff;
  }

  li.dropdown.current:focus-within > a {
    color: #ffffff;
  }
  
  .dropdown-list {
    position: absolute;
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    top: 100%;
    z-index: 200;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #AF1685;
    display: none;
    color: #555555;
    text-align: left;
    color: #ffffff !important;
  }
  
  .dropdown  a{
    font-size: 18px;
  }

  .dropdown-list > li > a {
    padding: 10px 24px;
    display: block;
    font-size: 16px;
    font-weight: 500;
  }

  .dropdown-list li:first-child{
    box-shadow: 0px 0 8px #00000033;
  }
  
  .dropdown-list > li > a:hover {
    color: #ffffff;
    text-decoration: none !important;
  }
  
  .dropdown:hover {
    background-color: #AF1685;
    color: #ffffff;
  }

  .dropdown:focus-within {
    background-color: #AF1685;
    color: #ffffff;
  }
  
  .dropdown:hover .dropdown-list {
    display: block;
  }

  .dropdown:focus-within .dropdown-list {
    display: block;
  }
  

  /* .dropdown:hover i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .dropdown:focus-within i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  } */

  .dropdown.active .dropdown-list {
    display: block;
  }
  .dropdown .dropdown-list > li:first-child {
    display: none;
  }
  .dropdown-list > li:not(:last-child) {
    border-bottom: 1px solid white;
  }
  .dropdown.current svg {
    background-image: url('/assets/images/svg/pink-dwn-arw.svg');
    background-repeat: no-repeat;
  }
  
  .dropdownlist-right {
    left: unset;
    right: 0;
  }

    .dropdown:hover a {
        color: #ffffff;
    }

    .dropdown:focus-within a {
      color: #ffffff;
  }

  .dropdown-list li:hover a {
    color: #AF1685;
    background-color: #fff;
  }
  .dropdown i{
    display: none;
  }
  
  @media only screen and (max-width: 1024px) {
    .dropdown.current .dropdown-list > li:first-child {
      display: block;
    }
    .dropdown i{
      display: block;
      font-size: 22px;
    }
    .dropdown.current i {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
    .dropdown.current .dropdown-list i{
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
  
    .dropdown {
      border-bottom: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    .dropdown-list {
      position: static;
      -webkit-transform: none;
              transform: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      max-width: unset;
      width: 100%;
      display: block;
    }
    .dropdown-list li {
      color: #ffffff;
    }
    .dropdown-list li > a {
      padding: 20px 40px 20px 60px;
      border-bottom: 2px solid;
      font-size: 20px;
      background: #8E0068;
    }
    .dropdown-btn {
      padding: 15px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .dropdown > a {
      width: 100%;
    }

    .dropdown a {
      display: flex !important;
      align-items:center;
      justify-content: space-between;
    }
    .dropdown .menu-mob{
      padding: 20px 40px;
      width: 100%;
    }
    .dropdown .menu-mob a{
      text-decoration: none !important;
      width: 100%;
    }
    .dropdown .menu-mob:not(:last-child){
      border-bottom: 1.8px solid #fff;
    }
    li.dropdown.current > .menu-mob,
    li.dropdown.current > .menu-mob a {
      color: #AF1685 !important;
      background: #ffffff   
    }
    li.dropdown.mobile-border.current{
      border-top: 6px solid #AF1685;
    }
    .dropdown-list > li:not(:last-child) {
      border-bottom: none;
    }
  }

/** ========= UTILITIES ========= */
.show-sm,
.navigation-list > li > .menu-mob {
    display: none;
  }
  @media only screen and (max-width: 1024px) {
    .show-sm {
      display: inline-block !important;
    }
    .menu-mob{
      display: flex !important;
      justify-content: space-between;
    }
    a.menu-desktop{
      display: none !important;
    }
  }

  @media only screen and (max-width: 375px) {
   
    .header-top-nav > li{
      padding: 0 5px;
    }

    
  }