/* Шапка */
.header_course {
  display: flex;
  width: 100%;
}

.logo_course {
  display: block;
  flex-shrink: 0;
  line-height: 0;
}

.logo-mob_course {
  display: none;
  flex-shrink: 0;
  line-height: 0;
}


.nav-login_course {
    display: flex;
    margin-left: 65px;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

/* Кнопка модулей */
.modules-btn {
  display: inline-flex;
  padding: 21px 34px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: rgba(71, 210, 224, 0.50);
  width: 121px;
  height: 60px;
  color: var(--controls-text-icon-primary-default, #242429);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Inter;
  font-size: var(--Font-Size-action, 17px);
  font-style: normal;
  font-weight: var(--Font-Font-Weight-regular, 450);
  line-height: var(--Font-Line-height-action, 20px); /* 117.647% */
  transition: all 0.3s ease-in-out;
}

.modules-btn:hover {
  background: #0FB5BE;
}

/* Правые иконки */
.right-icons {
  display: flex;
  align-items: center;
  gap: 19.9px;
}

.icon-circle {
  width: 62.099px;
  height: 62.099px;
  background-color: #FF5CF0;
  border-radius: 31.0497px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  position: relative;
}
  .icon-dot{
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-emoji{
  display: flex;
  align-items: center;
  justify-content: center;
}



@media (max-width: 640px) {

   .nav-login_course {
    margin-left: 16px;
  }
}


@media (max-width: 520px) {
  .logo_course {
    display: none;
  }

  .logo-mob_course {
    display: block;
  }

      .modules-btn {
        display: none;
    }

  .right-icons {
    gap: 5.69px;
  }

  .icon-circle{
    width: 48px;
    height: 48px;
  }

  .icon-dot{
width: 28px;
height: 28px;
}

.icon-emoji{
  width: 29px;
height: 29px;
}
}