body.landing {
  padding-top: 80px;
}

body {
  font-family: "outfit-regular", Arial, Helvetica, sans-serif;
}

.ff-rush_driveritalic {
  font-family: "rush-driveritalic", Arial, Helvetica, sans-serif;
}

.text-justify {
  text-align: justify;
}

.primary-color {
  color: #ae0404;
}

/* Custom stylesheet */

/* width */

::-webkit-scrollbar {
  width: 10px;
}

/* Track */

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#product {
  background: url("../images/products/background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#target-country {
  background: url("../images/country/background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#game-provider {
  background: url("../images/providers/background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#footer {
  background: url("../images/footer_background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.section-padding {
  padding: 80px 0;
}

.section-no-top-padding {
  padding-top: 0 !important;
}

.navbar-nav > li.nav-item {
  font-weight: bolder;
  color: rgba(0, 0, 0, 0.3);
}

.navbar-nav > li.nav-item:hover > .nav-link,
.navbar-nav > li.nav-item > .nav-link.active {
  border-bottom: 3px solid #db0707;
}

.footer-link > .col > .nav > .nav-item {
  font-weight: bold;
}

.owl-nav > button {
  font-size: 25px !important;
}

.owl-prev {
  width: 25px;
  height: 100px;
  position: absolute;
  top: 10%;
  margin-left: -25px;
  display: block !important;
  border: 0px solid black;
  font-size: 30px;
}

.owl-next {
  width: 25px;
  height: 100px;
  position: absolute;
  top: 10%;
  right: -25px;
  display: block !important;
  border: 0px solid black;
}

.owl-prev i,
.owl-next i {
  transform: scale(1, 6);
  color: #ccc;
}

.btn-grad {
  background-image: linear-gradient(
    to right,
    #db0707 0%,
    #ae0404 51%,
    #db0707 100%
  );
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 30px;
}

.btn-grad:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 600px) {
  .section-padding {
    padding: 30px 0;
  }
  .navbar-brand > img {
    margin-left: 15%;
    width: 125px !important;
  }
}

/* Font style */

@font-face {
  font-family: "rush-driveritalic";
  src: url("../fonts/rush-driver/rushdriver-italic-webfont.woff2")
      format("woff2"),
    url("../fonts/rush-driver/rushdriver-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "outfit-regular";
  src: url("../fonts/outfit/webfonts/Outfit-Regular.woff2") format("woff2"),
    url("../fons/outfit/webfonts/Outfit-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "poppins-regular";
  src: url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2"),
    url("../fonts/poppins/poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.float-button {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #0c9;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  font-size: 25px !important;
  padding-top: 13px;
}