/**=====================
    3.32 Internationalization CSS start
==========================**/

@use "../utils/variables" as *;

.hdg_main {
  position: relative;
}

.main {
  .langChoice {
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 10px 12px;
    background-color: $primary-color;
    color: $white;

    &:focus-visible {
      outline: none;
    }
  }
}

// responsive css 
@media (max-width: 991px) {
  .main {
    .langChoice {
      right: 20px;
      top: 11px;
      padding: 8px;
    }
  }
}

@media only screen and (max-width: 575px) {
  .main {
    .langChoice {
      top: 14px;
      padding: 4px 7px;
    }
  }

  .language-xs {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .language-header {
    padding-bottom: 60px !important;
  }

  .main {
    .langChoice {
      left: 0;
      margin-left: auto;
      top: 50px;
      width: 30%;
      right: 20px;
    }
  }
}

/**=====================
    3.32 Internationalization CSS End
==========================**/