@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
html {
    overflow-x: hidden;
}
body {
    --bs-body-font-family: 'Montserrat', sans-serif;
    --bs-body-bg: #eeeeee;
}
#myOffcanvas {
  --bs-offcanvas-width: 250px;
}
.form-check-input:checked {
  background-color: #00ACB8;
  border-color: #00ACB8;
}
.my-menu-div-btn {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 7px;
    cursor: pointer;
    min-width: 110px;
    min-height: 40px;
}
.my-menu-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-weight: 700;
}
.my-menu-main {
    font-size: 14px;
    border-top: 1px solid gray;
    padding: 15px 20px;
}
.my-nav-item {
    list-style-type: none;
    margin-bottom: 15px;
}
.my-nav-link {
  color: black;
  text-decoration: none;
}
.my-nav-link:hover {
  color: black;
}
.my-nav-link__name {
  position: relative;
  margin-left: 10px;
  cursor: pointer;
}
.my-nav-link__name::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  transition: width 0.4s;
  background: black;
}
.my-nav-link__name:hover::after {
  width: 100%;
}
.text-limit {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
