/* asw */
.asw-menu {
    position: relative;
    top: -180px;
      font-family: "Helvethaica Mon";
      /* position:fixed; */
      /* right:0;
      top:20px; */
      border-radius:8px;
      border-top-right-radius: 0;
      /* box-shadow:0 0 20px #00000080; */
      opacity:1;
      transition: all 500ms ease;
      z-index:0;
      overflow:hidden;
      background:#f9f9f9;
      width:400px;
      line-height:1;
      font-size:16px;
      height:calc(100% - 40px - 75px);
      letter-spacing:.015em;
      display: block;
      /* transform: translateX(100%); */
      opacity: 0.7;
  }
  .asw-menu.active {
      transform: translateX(0);
  }
  
  .asw-menu-reset span {
      transition: all 500ms ease;
  }
  .asw-menu-reset:hover span {
      transform: rotate(-360deg);
  }
  /* .asw-menu::before {
      content: '';
      position: absolute;
      background-image: url(https://www.wewebplus.com/front/template/default/assets/img/upload/brand.svg);
      background-size: 450px;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-position-x: 0;
      filter: grayscale(1);
      transform: rotate(45deg);
  } */
  
  .asw-menu-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding-left:16px;
      height:60px;
      font-size:26px;
      font-weight:700;
      border-bottom:1px solid #dedede
  }
  .asw-menu-header>div{
      display:flex
  }
  .asw-menu-header div[role=button]{
      padding:12px;
      cursor:pointer
  }
  .asw-menu-header div[role=button]:hover{
      opacity:.8
  }
  .asw-card{
      margin:0 15px 30px;
  }
  .asw-card-title{
      font-size:24px;
      padding:15px 0;
      font-weight:700;
      color:#555;
      text-align: left;
  }
  .asw-menu .asw-select{
      width:100%!important;
      padding:10px!important;
      font-size:16px!important;
      font-family:inherit!important;
      font-weight:400!important;
      border-radius:4px!important;
      background:#fff!important;
      border:none!important;
      border:1px solid #dedede!important;
      min-height:45px!important;
      max-height:45px!important;
      height:45px!important
  }
  .asw-items{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:1rem
  
  }
  
  .asw-btn{
      aspect-ratio:2/2;
      border-radius:50%;
      padding:0 15px;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      text-align:center;
      color:#333;
      font-size:16px!important;
      background:#fff;
      border:1px solid #dedede;
      transition:all .3s ease;
      cursor:pointer;
      /* line-height:1.4 */
      transition: 200ms all ease;
  }
  
  .asw-btn .asw-translate{
      font-size:20px!important;
      transition: 200ms all ease;
  }
  .asw-btn .material-icons{
      margin-bottom:10px;
      transition: 200ms all ease;
  }
  .asw-btn:hover{
      border-color:#0e7940;
      /* box-shadow: 0 0 10px #00000030; */
  }
  
  /* .asw-btn:hover .material-icons {
      color:#0e7940;
  }
  
  .asw-btn:hover .asw-translate {
      color:#0e7940;
  } */
  
  .asw-btn.asw-selected{
      background:#0e7940;
      color:#fff;
      border-color:#0e7940
  }
  .asw-footer{
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      /* background:#fff; */
      padding:12px;
      text-align:center;
      color:#fff;
      border-top:1px solid #eee;
      background-color: #0e7940;
      border-bottom-left-radius: 8px;
  }
  .asw-footer > div{
      font-family: "Helvethaica Mon"!important;
      font-size:20px!important;
      text-decoration:underline;
      color:#fff;
      background:0 0!important;
      font-weight:700
  }
  .asw-minus:hover,.asw-plus:hover{
      opacity:.8
  }
  .asw-menu-content{
      overflow:scroll;
      /* max-height:calc(100% - 80px); */
      height: 70dvh;
      color:#333;
      padding:15px 0
  }
  
  .asw-menu-content .asw-card:first-child .asw-items {
      margin-top: 20px;
  }
  
  /* width */
  .asw-menu-content::-webkit-scrollbar {
      width: 8px;
    }
    
  /* Track */
  .asw-menu-content::-webkit-scrollbar-track {
      background: #f1f1f1; 
  }
  
  /* Handle */
  .asw-menu-content::-webkit-scrollbar-thumb {
      background-color: #0e7940;
      border-radius: 4px;
  }
  
  /* Handle on hover */
  .asw-menu-content::-webkit-scrollbar-thumb:hover {
      background: #555; 
  }
  
  .asw-adjust-font{
      background:#fff;
      box-shadow:0 0 10px #00000030;
      padding:20px;
      margin-bottom:16px;
      border-radius: 5px;
  }
  .asw-adjust-font .asw-label{
      display:flex;
      justify-content:flex-start
  }
  .asw-adjust-font>div{
      display:flex;
      justify-content:space-between;
      margin-top:20px;
      align-items:center;
      font-size:20px
  }
  .asw-adjust-font .asw-label div{
      font-size:20px!important
  }
  .asw-adjust-font div[role=button]{
      background:#0e7940;
      border-radius:50%;
      width:30px;
      height:30px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      cursor:pointer
  }
  .asw-adjust-font div[role=button] span {
      font-size: 18px;
  }
  .asw-overlay{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:10000;
      display: none;
  }
  /* .asw-block {
      position:fixed;
      right: 0;
      top: 150px;
      z-index:5000;
      transform: translateX(100%);
  }
  .asw-block.z-index {
      z-index:9000;
  } */
  
  .asw-btn .asw-translate{
      font-family: "Helvethaica Mon";
  }
  
  .asw-wrapper.active {
      transform: translateX(0);
  }
  .asw-wrapper.unactive {
      transform: translateX(100%);
  }
  
  
  .asw-wrapper.active .asw-menu {
      box-shadow: 0 0 20px #00000080;
  }
  .asw-wrapper .asw-widget {
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .asw-wrapper.active .asw-widget .asw-menu-btn {
      transition: all 1000ms ease;
      transform: translate(100%);
      z-index: -1; 
      opacity: 0.5;
      left: -48px;
  }
  .asw-widget a.asw-menu-btn:focus {
      outline: 2px solid #0e7940!important;
      outline-offset:0 !important;
  }
  
  .asw-wrapper.active .asw-menu {
      opacity: 1;
  }
  
  .asw-wrapper {
      position:relative;
      right: 0;
      top: 0;
      z-index:5000;
      transform: translateX(100%);
      transition: .3s;
  }
  
  .asw-wrapper .asw-relative {
      position: relative;
  }
  .menu-close {
      width: max-content;
      position: absolute;
      top: 15px;
      right: 12px;
      cursor: pointer;
      z-index: 99999;
  }
  
  .menu-close:hover:before{
      display: block;
  }
  
  .menu-close::before {
      content: "";
      position: absolute;
      top: -15px;
      left: -464px;
      width: 100dvh;
      height: 100dvh;
      z-index: 999;
      display: none;
  }
  
  
  .asw-menu,
  .asw-widget{
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      font-weight:400;
      -webkit-font-smoothing:antialiased
  }
  .asw-menu *,
  .asw-widget *{
      box-sizing:border-box
  }
  .asw-menu-btn,
  .asw-menu-btn-mobile {
      position: absolute;
      width: max-content;
      top: 0;
      left: -50px;
      transform: translateY(-50%);
      transition:.3s;
      border-radius: 15px 0 0 15px;
      align-items:center;
      justify-content:center;
      transform:scale(1);
      width:50px;
      height:100px;
      display:flex;
      cursor:pointer;
      background-color: #0e7940;
      border: 2px solid #fff;
      border-right: 0;
      display: flex;
      border: 2px solid #fff;
      outline: 2px solid #0e7940!important;
  }
  
  .asw-menu-btn-mobile  {
      position: fixed;
      display: none;
  }
  
  .asw-menu-btn svg,
  .asw-menu-btn-mobile svg {
      width:30px;
      height:30px;
      min-height:30px;
      min-width:30px;
      max-width:30px;
      max-height:30px;
      background:0 0!important
  }
  
  
  /* .asw-menu-btn:hover{
      transform:scale(1.1)
  } */
  
  @media only screen and (max-width:1440px) {
      /* .asw-wrapper {
          top: 0;
          margin-top: 40px;
          margin-bottom: 15px;
      }
      .asw-menu-btn {
          top: 280px;
      }
      .asw-menu-content {
          height: calc(100dvh - 110px);
      } */
  }

  @media only screen and (max-width:1199px) {
    .social-login .asw-menu{top: -300px;}
  }
  
  @media only screen and (max-width:991px) {
    .asw-menu-btn, 
    .asw-menu-btn-mobile {    top: 320px;}

    .bg-asw-popup {
          position: fixed;
          z-index: 1050;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #0000004d;
          transition: .2s;
      }
  
      .asw-wrapper .menu-close::before {
          display: none !important;
      }
      .asw-menu-header {
          font-size: 20px;
      }
      .asw-menu {
          width: 100%;
          border-radius:4px;
          border-top-right-radius: 4px;
          top: -100dvh;
      }
      .asw-wrapper {
          top: 100px;
          left: 0;
          transform: translateY(-125%);
          transition: .5s;
          margin: 0 10px;
          z-index: -1;
      }
  
      .asw-wrapper.active {
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          z-index: 1;
      }
  
      .asw-menu-content {
          height: calc(100dvh - 200px);
      }
      .social-login .asw-menu{top: 0;}
  }
  
  
  @media only screen and (max-width:575px){
    .asw-wrapper.active .asw-menu {top: -20px; height: 500px;}
      .asw-wrapper.active .asw-menu-content{height: 412px;}

      .asw-btn .asw-translate,
      .asw-adjust-font>div {
          font-size: 16px!important;;
      }
      .asw-card-title {
          font-size: 22px!important;;
      }
  
      .asw-btn .material-icons {
          margin-bottom: 6px;
      }
  
      .asw-footer > div {
          font-size: 18px!important;
      }
  
      .asw-menu-btn-mobile  {
          display: flex;
          left: unset;
          right: 0;
          z-index: 10;
          width: 45px;
          height: 80px;
          /* border-radius: 4px; */
      }
  
      .asw-menu-btn-mobile svg{
          width:24px;
          height:24px;
          min-height:24px;
          min-width:24px;
          max-width:24px;
          max-height:24px
      }
  
      .asw-menu-btn {
          display: none;
      }
  
      .asw-footer {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px;
      }
  
      .asw-widget.-mb {width: max-content;margin-left: auto;}
      .asw-menu-btn-mobile {position: relative;top: 0;}
}

@media screen and (max-width: 991px) and (orientation: landscape) {
  .bg-asw-popup { position: fixed;z-index: 1050;height: 100%;
        display: flex; align-items: center; justify-content: center;
        top: 0; left: 0; right: 0; bottom: 0;
        background: #0000004d;
        transition: .2s;
    }

    .social-login .asw-wrapper.active .asw-menu{top: 0;}
}