@import url('https://fonts.googleapis.com/css?family=Cairo');


/* *{
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, p, a, li, label, button, i{
  font-family: 'Cairo' !important;
  color: #0d5491;
  margin: 0 !important;
}

div{
  font-family: 'Cairo' !important;
  color: #0d5491;
}*/
ul{
  list-style: none !important;
  text-decoration: none;
}

.sticky-top {
  transition: all 0.25s ease-in;
}
/* style for when sitcky is applied */
.stuck .navbar.sticky-top {
  background-color: #222 !important;
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;
}
.mt-10{
margin-top: 20rem;
}

.infront{
z-index: 16;
position: relative;
top: 14%;
}


.owl-dots{
  text-align: center !important;
}

.owl-carousel{
  direction: ltr !important;
}


.bg-blue-gray{
  background-color: #dde0df !important;
}


.header-socials{
  height: 90%;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}



@media (max-width: 500px){
  .header-icon{
    font-size: 1rem !important;
  }
}

@media (min-width: 501px){
  .header-icon{
    font-size: 1.5rem !important;
  }
}

@media (max-width: 410px){
  .header-icon{
    font-size: 0.7rem !important;
  }
}


@media (max-width: 375px){
  .header-icon{
    font-size: 0.6rem !important;
  }
}

@media (max-width: 950px){
  .header-icon{
    font-size: 1rem !important;
  }
}


@media (max-width: 330px){
  .header-icon{
    font-size: 0.5rem !important;
  }
}