.offcanvas {

    background:#ffffff;

}

.offcanvas a{

    color:#333;
	display:flex;

    align-items:center;

    gap:12px;

    padding:12px;

    text-decoration:none;

}

.offcanvas ul{

    list-style:none;

    padding:0;

    margin:0;

}

.offcanvas li{

    border-bottom:1px solid #eee;

}



.offcanvas a:hover{

    background:#f5f5f5;

}


.offcanvas .menu{
    margin:0;
    padding:0;
}

.offcanvas .menu li{
    list-style:none;
}
.offcanvas-header{
     background:#1cb6d4;
     color: #fff;
    border-bottom: 1px solid reba(255,255,255,.1);

}
.offcanvas-header .site-logo img{
    max-height:70px;
    width:auto;
}
.offcanvas-header .btn-close{
    filter:invert(1);
    opacity:1;
}
.navbar-toggler{
    order:2;

}
.mobile-section{

    margin-bottom:25px;

}

.mobile-section h6{

    color:#888;

    font-size:.8rem;

    text-transform:uppercase;

    margin-bottom:10px;

    border-bottom:1px solid #ddd;

    padding-bottom:8px;

}

.mobile-section ul{

    list-style:none;

    margin:0;

    padding:0;

}

.mobile-section li{

    margin-bottom:8px;

}

.mobile-section a{

    display:block;

    padding:8px 0;

    color:#333;

    text-decoration:none;

}

.mobile-section a:hover{

    color:var(--bs-primary);

}

.mui-article{
    padding:2rem 0;
}

.mui-article__title{
    font-size:1.7rem;
}


@media(max-width:991.98px){

.mui-header{

    display:none;

}

.gray-menu{

    display:none;

}
  .navbar-brand img,
  .site-logo img{
      max-height:90px;
      width:auto;
      height:auto;
  }

    .mobile-header-links .mui-header-menu ul{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:12px;
        padding:0;
        margin:0;
       list-style: none;
    }

    .mobile-header-links .mui-header-menu li{
        magin:0;
    }

    .mobile-header-links .mui-header-menu a{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        min-height:70px;
        padding:8px;
    }
    .mobile-header-links .mui-header-menu i{
        font-size:1.2rem;
        magin-bottom:4px;
   }



    .mobile-header-links .mui-header-menu span{
        font-size:.85rem;
        line-height:1.3;
    }
.desktop-language-switcher{
      display:none;
  }

  .mobile-language-switcher{
      display:flex;
      align-items:center;
      gap:10px;
  }

 .mobile-language{
      order:1;
      display:flex;
      align-items:center;
      gap:8px;
      margin-inline:10px;
  }

  .mobile-language ul{
      display:flex;
      align-items:center;
      gap:8px;
      margin:0;
      padding:0;
      list-style:none;
  }

  .mobile-language li{
      margin:0;
      padding:0;
  }

  .mobile-language a{
      color:#fff !important;
      text-decoration:none;
      font-size:.85rem;
      font-weight:500;
      line-height:1;
  }

  .mobile-language .is-active,
  .mobile-language a[aria-current="page"]{
      color:#fff !important;
      font-weight:700;
      border-bottom:2px solid rgba(255,255,255,.8);
      padding-bottom:2px;
  }

  .mobile-language li:not(:last-child)::after{
      content:"|";
      color:rgba(255,255,255,.7);
      margin-inline-start:8px;
  }



}
@media (min-width: 992px){
  .mobile-language-switcher{
      display:none;
  }
}



@media(max-width:768px){

    .mui-section{
        padding:3rem 0;
    }

    .mui-section__header{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media(max-width:991px){

.mui-article__gallery .field__items{

grid-template-columns:repeat(3,1fr);

}
.mui-gallery{

grid-template-columns:repeat(3,1fr);

}


}

@media(max-width:768px){

.mui-article{

margin:20px;

}

.mui-article__header{

padding:20px;

}

.mui-article__body{

padding:20px;

}

.mui-article__gallery{

padding:20px;

}

.mui-article__gallery .field__items{

grid-template-columns:repeat(2,1fr);

}
.mui-gallery{

grid-template-columns:repeat(2,1fr);

}


}


@media(max-width:576px){

.mui-gallery{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:992px){

.mui-news-list{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.mui-news-list{

grid-template-columns:1fr;

}

}