/*
*
--------------------------------------
    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  : fit-content;
    display : flex;
    padding: 50px 0;
}

.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 60%;
    display        : flex;
    flex-direction : column;
    margin-left: 10% ;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-title {
    display        : flex;
    align-items: center;
    justify-content: center;
    color          : #00114D;
    padding-left   : 15px;

    text-transform : uppercase;
    font-weight    : 600;
    font-size      : calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    max-width: 290px;
}

.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;
    margin-bottom: 30px ;
}

.bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item {
    width      : 100%;
    height     : fit-content;
    /*background : #f4f4f4;*/
    overflow   : hidden;
    column-count: 3;
    column-gap: 15px;
}

.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__item:not(:last-child) .bwa-menu__sub-menu__link-title[data-depth="1"] {
    border-bottom : 1px solid white;
}

.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"] {
    text-transform : none;
    padding        : 0;
    color:  #00114D;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.btn-highlight {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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"] {
    padding-left : 15px;
    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__link-title[data-depth="1"]:hover {
    background : rgb(240, 240, 240);
}

.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  : 15px;
    height   : 100%;
    overflow : auto;
}

.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;
}


.header-nav-supp.mobile_only {
  position: absolute;
  bottom: 0;
  width: 100%;
  justify-content: space-between;
  padding: 25px 10px;
  background-color: #E2EBF3;
}

.icons-rs-headers.mobile_only {
  padding: 0 10px 0 20px;
  gap: 20px;
  position: absolute;
  bottom: 10px;
}

@media screen and (max-width:768px) {
  .header-logo {
    text-align: center;
  }
}