@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');
body{
      line-height: 1.5 !important;
      font-family: 'Open Sans', sans-serif;
  }
  *{
    transition: all 0.5s ease;
}
.mainheader{
    background-image: url(assets/img/defaultbg_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.mainheadercontent {
    background: #0000005c;
    color: #fff;
    padding: 200px 0 50px;
}
h1,h2,h3,h4,h5{
    font-weight:bold;
    line-height: 1.5 !important;
}
h1{
  font-size:50px;
}
.mainheadercontent .info-box{
    box-shadow: none;
border-radius: .25rem;
background: #00000070;
    color:#fff;
}
.mainheadercontent .info-box:hover{
background:#000000d9;
padding: 5px;
}
.info-box h4{
    font-weight: 400 !important;
}
.mainheadercontent hr{
    border-top: 1px dotted rgba(255, 255, 255, 0.64) !important;
}
.cfooter, .cfooter a{
    color:#f8f8f8;
    font-size:12px;
    text-transform:uppercase;
}
.card {
  background: #fff;
box-shadow: 6px 6px 16px 0px #dde4ef, -6px -6px 16px 0px transparent, inset 0px 0px 0px 0px #dde4ef, inset 0px 0px 0px 0px transparent;
border-radius: 5px;
border: 1px solid white;
transition: all 0.3s;
}

.navbar-dark {
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,0.558544101234244) 53%, rgba(0,0,0,0) 100%); 
}
.navbar-dark.scrolled {
  background: #ffffff;
}
.navbar-dark.scrolled .navbar-brand img, .navbar-dark.scrolled  img {
  max-height:60px !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}
.navbar-dark.scrolled .navbar-nav .nav-link {
  color: #222222;
}
.container{
  max-width:1320px;
}
.info-box h4 {
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 1 !important;
}

.ondesignsme .pagination li a{
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: inherit;
  background-color: #fff;
  border: 1px solid #dee2e6;
  margin-top:5px;
}
@media screen and (max-width: 786px) {
  .h1 {
    font-size: 30px;
  }
  .mainheadercontent {
      background: #0000005c;
      color: #fff;
      padding: 100px 15px 15px;
  }
  .mainheadercontent .info-box{
  background:#ffffff;
  color:#222;
  }
}
.sponsors, .advertisers{
  margin:0 auto;
  text-align:center;
}
.advertisers{
  margin-top:50px;
}
.sponsors img, .advertisers img{
  margin-bottom:30px;
  box-shadow: 6px 6px 16px 0px #dde4ef, -6px -6px 16px 0px transparent, inset 0px 0px 0px 0px #dde4ef, inset 0px 0px 0px 0px transparent;
  border-radius: 5px;
  border: 5px solid white;
  margin: 0 auto 15px;
}
.advertisers img{
  width:150px;
}
.slick-next, .slick-prev {
width: 30px;
height: 30px;
background: #0000001c;
border-radius: 50%;
}
@media all and (max-width: 600px) {
  .sponsors, .advertisers{
    clear:both;
  }
  .sponsors div, .advertisers div{
    width:49%;
    float:left;
    padding:5px;
  }
  .sponsors img, .advertisers img{
    width:100%;
  }
}
.navbar-dark .navbar-nav .nav-link {
  font-size: 16px !important;
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 1.1px;
}