@font-face {
  font-family: nino;
  src: url("../fonts/bpg_nino_mtavruli_normal.ttf");
}
* {
  font-family: nino;
}

body {
  overflow-x: hidden;
}

.row-navbar {
  background-color: #000c32;
}

.navbar-color {
  background: linear-gradient(rgba(73, 110, 206, 0.3), rgba(73, 110, 206, 0.3)) !important;
}

.bg-navbar-color {
  background-color: #496ECE;
}
.bg-navbar-color .span-position {
  top: 15px;
  right: 25px;
}

.nav-link:hover {
  background-color: #1d3996;
  border-radius: 5px;
}

.logo-academy {
  width: 116px;
  height: 39px;
}

.icon-color {
  font-size: 16px;
  color: #496ECE;
}

.contact-section {
  height: 100vh;
}

.cardbody {
  width: 100%;
  height: 250px;
}
.cardbody:hover {
  box-shadow: 2px 2px 20px 1px black;
  transition-duration: 0.5s;
  top: -5px;
  right: 5px;
}
.cardbody .fonts {
  font-size: 1.5rem;
}
.cardbody .cardoverlay {
  width: 100%;
  height: 250px;
}
.cardbody .cardoverlay .innerText {
  width: 100%;
  height: 250px;
}

.btn-color {
  background-color: #496ECE;
  color: white;
}
.btn-color:hover {
  border: 2px solid #496ECE;
  color: #496ECE;
}

.footer {
  margin-top: 8rem;
}
.footer-bg {
  background-color: #496ECE;
  min-height: 248px;
}

.modal-header {
  padding: 0px;
}
.modal-header .btn-close {
  position: relative;
  top: 15px;
  right: 15px;
  z-index: 9999999;
  padding: 0px;
}

.input-search {
  color: white;
}
.input-search::-moz-placeholder {
  color: white;
}
.input-search:-ms-input-placeholder {
  color: white;
}
.input-search::placeholder {
  color: white;
}

.header-courses-image {
  height: 300px;
  background-image: url("../images/pexels-photo-302743.jpeg");
}

.btn-courses {
  color: white;
  background-color: #000c32;
}
.btn-courses:hover {
  color: #000c32;
  border: 2px solid #000c32;
}

.text-form-color {
  color: #496ECE;
}

.btn-registration-color {
  color: white;
  background-color: #000c32;
}

.owl-cards .card:hover {
  box-shadow: 3px 3px 10px grey;
  transition-duration: 500ms;
}
.owl-cards .card:hover > .div-rounded-circle {
  color: #000c32;
  background-color: #496ECE;
  transition-duration: 500ms;
}
.owl-cards .card .btn-color-cards {
  color: white;
  background-color: #000c32;
}
.owl-cards .card .btn-color-cards:hover {
  color: #496ECE;
  border: 2px solid #000c32;
}
.owl-cards .card .div-rounded-circle {
  width: 64px;
  height: 68px;
  position: absolute;
  top: 264px;
  left: 391px;
  color: white;
  background-color: #000c32;
  z-index: 999999;
}

.cards-lecturers:hover {
  box-shadow: 3px 3px 10px grey;
}
.cards-lecturers .btn-card-color {
  background-color: #496ECE;
  color: white;
}
.cards-lecturers .btn-card-color:hover > .btn-card-color {
  color: #496ECE;
  border: 2px solid #496ECE;
}
.cards-lecturers .lecturers-card-images {
  width: 165px;
  height: 141px;
}

.about-images {
  width: 85%;
  height: 404px;
}

.btn-contact-send {
  background-color: #000c32;
  color: white;
}

.tab {
  overflow: hidden;
  width: 65%;

}
.tab .btn-group {
  width: 100%;
  margin: 0px auto;
  margin-left: 15px;
  display: flex;
  justify-content: space-between;
}

/* Style the buttons inside the tab */
.tab button {
  width: 49%;
  color: black;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 86px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #000c32;
  color: white;
}

/* Create an active/current tablink class */
.tab button.active {
  xbackground-color: #000c32;
  color: black;
}

.tab button.active:hover {
  background-color: #000c32;
  color: white;
}

/* Style the tab content */
.tabcontent {
 
  padding: 6px 12px;
}

#small {
  display: none;
}




/*@media screen and (max-width: 995px) {*/
/*  #big {*/
/*    display: none;*/
/*  }*/
/*  #small {*/
/*    display: block;*/
/*  }*/
/*}!*# sourceMappingURL=style.css.map *!*/


@media screen and (max-width:2560px ){

  .reg{
    top:23%;
    right: 9%;
  }
  .reg a{
    width: 447px;
    height: 87px;
    font-size: 70px;
  }
}


@media screen and (max-width:1440px ){

  .reg {
    top: 22%;
    right: 7%;
  }

  .reg a{
    width: 300px;
    height: 65px;
    font-size: 43px;
  }
}

@media screen and (max-width:1024px ){

  .reg {
    top: 22%;
    right: 7%;
  }

  .reg a{
    width: 217px;
    height: 55px;
    font-size: 30px;
  }
}


@media screen and (max-width:768px ){

  .reg {
    top: 22%;
    right: 7%;
  }

  .reg a{
    width: 161px;
    height: 38px;
    font-size: 21px;
  }
}

@media screen and (max-width:425px ){

  .reg {
    top: 34%;
    right: 22%;
  }

  .reg a{
    width: 220px;
    height: 51px;
    font-size: 28px;
  }
}

@media screen and (max-width:320px ){

  .reg {
    top: 30%;
    right: 15%;
  }

  .reg a{
    width: 220px;
    height: 51px;
    font-size: 28px;
  }
}