* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
  scroll-behavior: smooth;
  text-decoration: none !important;
}
h1,
h2,
h3 {
  font-family: "Teko", sans-serif;
  font-weight: 400;
  font-style: normal;
}
p,
small,
button,
a {
  font-family: "Roboto", sans-serif;
}
.grey {
  color: grey;
}
.active {
  color: #0a8279 !important;
}
.green{
  color: #0a8279 !important;
}
.bg-green{
  background-color: #0a8279 !important;
}
.blue{
  color: #164a9d !important;
}
.bg-blue{
  background-color:#164a9d !important;
}
.container-fluid{
  padding: 0rem 2rem !important;
}




/* for desktop */
@media screen and (min-width: 768px) {
  h1{
    font-size: 3rem !important;
  }
  .hero-body{
    height: 35rem !important;
  }
  .brand-img {
    width: 8rem;
    height: 3.5rem;
  }
 .hero-section{
  background-image: url('../images/2149122669.jpg');
  background-size: cover;
  background-blend-mode: overlay;
  background-position: bottom;
  /* background-color:#202529; */
  background-color: rgba(1, 4, 15, 0.836);
 }
  /* about section */
  .about-section {
    background-color: #fff;
  }

  .line {
    width: 20%;
    height: 1px;
    background-color: white;
  }
  .s-box img{
    height: 16rem !important;
    object-fit: cover;
  }
  /* news section */
  .youtube-link {
    padding: 1rem;
  background-color: #0a8279 !important;
    width: 3rem !important;
    color: #fff;
    border-radius: 100%;
  }
  .news {
    background-image: url("/assets/images/124006.jpg");
    background-color: rgb(40, 39, 39);
    background-blend-mode: overlay;
    background-size: cover;
    height: 30rem;
  }
  .cryptohopper-web-widget a {
    color: white !important;
  }
  .mcw-n-text {
    color: grey !important;
  }
  .review {
    height: 18rem;
  }
  .test-pre,
  .test-next {
    position: absolute;
    top: 10rem !important;
  }
  .test-pre {
    left: 70% !important;
  }
 
  /* styling for about page */
.about-nav{
  height: 10rem;
  background-image: url('/assets/images/139657.jpg');
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
  background-color: rgba(5, 6, 70, 0.808);
}
.o-box{
  border: 1px solid #0a8279;
}
.offer{
  background-image: url('../images/85.jpg');
  background-size: cover;
  background-position: center;
  background-color: #1f1e1e;
  background-blend-mode: overlay;
}
.n-l{
  color:white !important ;
}
}
@media screen and (min-width: 1024px) {
  .slide1 {
    background-image: url("https://res.cloudinary.com/dvznglupe/image/upload/v1727265402/pexels-jonathanborba-14832157_uqgqft.jpg");
    background-position: center;
    background-color: rgb(61, 60, 60);
    background-blend-mode: overlay;
    background-size: cover;
    height: 30rem !important;
  }
  .slide2 {
    background-image: url("https://res.cloudinary.com/dvznglupe/image/upload/v1727265404/pexels-davidmcbee-730547_evjfqo.jpg");
    background-color: rgb(61, 60, 60);
    background-blend-mode: overlay;
    background-size: cover;
    height: 30rem !important;
  }
  .slide3 {
    background-image: url("https://res.cloudinary.com/dvznglupe/image/upload/v1727265403/pexels-olly-3760809_lfxh2o.jpg");
    background-color: rgb(45, 44, 44);
    background-blend-mode: overlay;
    background-size: cover;
    height: 30rem !important;
  }
}
/* for mobile */
@media screen and (max-width: 768px) {
  .container-fluid{
  padding: 0rem 1rem !important;
}
h1{
    font-size: 2.5rem !important;
  }
  .hero-body{
    height: 35rem !important;
  }
  .navbar-nav{
    background-color:white  !important;
    padding: 0rem;
  }
  .nav-link{
    color: #164a9d !important;
    border-bottom: 1px solid #164a9d !important;
    text-align: center !important;
  }
  .brand-img {
    width: 8rem;
    height: 3.5rem;
  }
 .hero-section{
  background-image: url('../images/2149122669.jpg');
  background-size: cover;
  background-blend-mode: overlay;
  background-position: bottom;
  /* background-color:#202529; */
  background-color: rgba(1, 4, 15, 0.836);
 }
  /* about section */
  .about-section {
    background-color: #fff;
  }

  .line {
    width: 20%;
    height: 1px;
    background-color: white;
  }
  .s-box img{
    height: 16rem !important;
    object-fit: cover;
  }
  /* news section */
  .youtube-link {
    padding: 1rem;
  background-color: #0a8279 !important;
    width: 3rem !important;
    color: #fff;
    border-radius: 100%;
  }
  .news {
    background-image: url("/assets/images/124006.jpg");
    background-color: rgb(40, 39, 39);
    background-blend-mode: overlay;
    background-size: cover;
    height: 42rem;
   margin-left: 1px !important;
  }
  .cryptohopper-web-widget a {
    color: white !important;
  }
  .mcw-n-text {
    color: grey !important;
  }
  .review {
    height: 18rem;
  }
  .test-pre,
  .test-next {
    position: absolute;
    top: 10rem !important;
  }
  .test-pre {
    left: 70% !important;
  }
 
  /* styling for about page */
.about-nav{
  height: 10rem;
  background-image: url('/assets/images/139657.jpg');
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
  background-color: rgba(5, 6, 70, 0.808);
}
.o-box{
  border: 1px solid #0a8279;
}
.offer{
  background-image: url('../images/85.jpg');
  background-size: cover;
  background-position: center;
  background-color: #1f1e1e;
  background-blend-mode: overlay;
}
  
}