@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap');

body
{
    margin: 0px auto;
    padding: 0px auto;
    font-family: 'Poppins', sans-serif;
}
.nav-item a
{
    color: black !important;
   font-weight: thick;
}
.nav-item a:hover
{
    color: blue !important;
}
.card
{
    border: none !important;
    font-size: 12px;
}
.carousel-indicators
{
    position: relative !important;
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.carousel-indicators [data-bs-target]
{
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    opacity: 1.5 !important;
}
.bottom-right {
    position: absolute;
    bottom: 90px;
    right: 440px;
  }
  .bottom-right i
  {
      font-size: 20px;
  }
  .bottom-right button
  {
    margin-top: 5px;
    border-radius: 5px;
  }
  .top-left {
    position: absolute;
    top: 70px;
    left: 30px;
  }
  .border i{
      font-size: 20px;
      font-weight: 900;
  }
  img {
    display: block;
  
    /* This rule is very important, please don't ignore this */
    max-width: 100%;
  }
  .btns
  {
      position: relative;
      background: #ff6000;
      color: #fff;
      text-decoration: none;
      font-weight: 400;
      padding: 10px 30px;
      transition: 0.5s;
      letter-spacing: 0.1em;
  }

 
  .footer
  {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: white;
  }
  .fa-brands {
    padding: 9px;
    border: 2px solid white;
    color: white;
    margin: 5px;
    font-size: 25px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    box-shadow: 1px 3px 9px;
  }
  .footer h5 a
  {
      text-decoration: none;
      color: white;
  }
  .footer h5 a:hover
  {
     
      color: #56bf03;
  }
 
  @media screen and (max-width: 990px)
  {
      .bottom-right
      {
          right: 35px;
          top: 190px;
      }
      .border img
      {
          width: 100% !important;
      }
      .top-left button
      {
          font-size: 10px !important;
      }
      .top-left
      {
          left: 17px !important;
      }
      .navbar-nav
      {
          flex-direction: row !important;
          font-size: 10px !important;
      }
      nav ul li a
      {
        font-size: 13px !important;
      }
      .content
      {
          margin-top: 138px !important;
      }
    
  }