@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');




body,p,h1,h2,h3,h4,h5,h6 {
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #fff;
  }

  .bg-home {
    background: url(../images/home-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

  }
  .bg-black {
    background-color: #000;
  }
  .main-heading-home {
    font-size: 56px;
    font-weight: bolder;
    margin-top: 50px;
  }

  .search-form {
    position: relative;
  }
  .main-sub-heading {
    color: #ffffffba;
  }
  .main-search-home {
    width: 100%;
    height: 44px;
    background-color: #0000001f;
    border-radius: 50px;
    border: 1px solid #ffffff42;
    padding: 10px 15px;
    color: #ffffff6e;
  }
.main-search-icon {
    background-color: #000;
    color: #fff;
    padding: 3px;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 31px;
    right: 9px;
    border: none;
}
.main-search-icon i{
    font-size: 13px;
}