/*
  ==========================================
              Bozor Academy
  ==========================================
*/
:root {
  --berkeleyBlue: #078420;
  --glaiforniaGold: #08aee9;
  --foundersRock: #f21a2b;
  --lawrence: #01b0da;
}

header {
  position: static;
  background-color: #fff;
}


nav ul.menu>li>a {
  padding: 1rem;
  font-size: 1rem;
  color: #444;
  font-weight: bold;
}

nav ul.menu>li>a:hover {
  color: var(--berkeleyBlue);
}

.icons-cart a {
  color: #444;
}

.logo {
  width: 20%;
  padding: .5rem 1rem;
}
.logo a img {
  max-height: 120px;
}

.home-slider,
.home-slider .owl-stage-outer,
.home-slider .owl-stage,
.home-slider .owl-item,
.home-slider .item {
  height: calc(100vh - 80px);
}

.course-one__admin a {
  color: #444;
}
.course_type {
  color: #666;
}
.course-one__link:hover {
  background-color: var(--berkeleyBlue);
}

.cls-11{fill:#5d8ac8;fill-rule:evenodd;}
.cls-12{fill:#e4622b;fill-rule:evenodd;}
.cls-13{fill:#07b04c;fill-rule:evenodd;}
.cls-14{fill:#00b2a5;fill-rule:evenodd;}

.courses-first.courses-first_bz {
  right: 15px;
}
.courses-first.courses-first_bz a {
  text-align: center;
  width: 240px;
  font-size: 15px;
}

@media (max-width: 991.98px) {
  .logo a img {
    max-height: 70px;
  }
  .btn-toggle-menu {
    display: block;
    color: #444;
    font-size: 1.2rem;
    margin: auto 2rem;
  }
  .icons-cart a {
    text-align: center;
  }
  nav ul.menu {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  nav ul.menu>li>a {
    color: #444;
  }
  nav ul.menu>li>a:hover {
    color: var(--berkeleyBlue);
  }

  .courses-first.courses-first_bz {
    bottom: 10px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .courses-first.courses-first_bz a {
    margin: .1rem auto;
    display: inline-block;
    font-size: 12px;
    width: 200px;
  }
}

@media (max-width: 767.98px) {
  .home-slider .item .item-txt {
    top: 25%;
  }
}

#text_slider {
    background-color: #20b14d;
    color: #ffffff;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}