/*
*
--------------------------------------
    Template style desktop
--------------------------------------
*
*/
/*
--------------------------------------
Style top main menu template 3
--------------------------------------
*/
.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] {
  height  : 70vh;
  display : flex;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--main-list {
  flex           : 0 0 30%;
  display        : flex;
  flex-direction : column;
  background     : #ECEFF2;
  padding        : 30px 30px 30px 10vw;
  color          : var(--color-primary);
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 36px;
  letter-spacing : 0.48px;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-title {
  display : block;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__wrapper {
  flex     : 1;
  position : relative;
}

.bwa-menu__top__wrapper[data-is-desktop="true"]
.bwa-menu__sub-menu[data-template="template-3"]
.bwa-menu__sub-menu__main-list__item {
  position        : absolute;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  width           : 100%;
  height          : 100%;
  overflow-y      : auto;
  overflow-x      : hidden;


  scrollbar-width : thin;
  scrollbar-color : transparent transparent;
}


.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title[data-depth="1"] {
  white-space   : nowrap;
  overflow      : hidden;
  text-overflow : ellipsis;
  padding       : 0;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__link-title[data-depth="1"] {
  transition : all 0.3s;
  padding    : 5px 0;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__item.active .bwa-menu__sub-menu__link-title[data-depth="1"] {
  border-radius : 50px;
  background    : var(--color-white-default);
  font-weight   : 800;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title[data-depth="1"] {
  transition : all 0.3s;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title__wrapper[data-depth="1"]:hover .bwa-menu__sub-menu__title[data-depth="1"] {
  color : var(--primary-color);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .sub-menu__trigger {
  display : flex;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .plus-icon {
  display : none;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .rafter-icon {
  display       : inline-block;
  width         : .8em;
  height        : .8em;
  border-bottom : 2px solid #ef1860;
  border-bottom : 2px solid var(--primary-color);
  border-right  : 2px solid #ef1860;
  border-right  : 2px solid var(--primary-color);
  margin-left   : 8px;
  transform     : rotate(45deg) translate3d(0, 0, 0);
  top           : -.2em;
  position      : relative;
  transition    : all 0.3s
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .sub-menu__trigger:hover {
  color : #ef1860;
  color : var(--primary-color);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__item.is--active > .bwa-menu__sub-menu__link-title > .bwa-menu__sub-menu__title__wrapper > .sub-menu__trigger .rafter-icon {
  transform : rotate(-135deg) translate3d(-50%, -25%, 0);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--sub-col {
  display : block;
  flex    : 1 0 0;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover__wrapper {
  position : relative;
  display  : block;
  width    : 100%;
  height   : 100%;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover {
  position   : absolute;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  width      : 100%;
  height     : 100%;
  object-fit : cover;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__cover__overlay {
  position       : absolute;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.4);
  pointer-events : none;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu__part--sub-col .links-list__with-img__wrapper {
  padding               : 30px 10vw 30px 70px;
  height                : 100%;
  overflow              : auto;
  display               : grid;
  grid-gap              : 15px;
  grid-template-columns : repeat(3, 1fr);
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu__part--sub-col .links-list__with-img__item__img {
  width      : 100%;
  object-fit : contain;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__part--main-list{
    flex           : 0 0 35%;
  }
}
