@font-face {
  font-family: 'SF-Pro-DisplayRegular';
  src:  url('../sfFonts/SF-Pro-DisplayRegular.eot');
  src: url('../sfFonts/SF-Pro-DisplayRegular.eot?#iefix') format('embedded-opentype'),
        url('../sfFonts/SF-Pro-DisplayRegular.woff') format('woff'),
        url('../sfFonts/SF-Pro-DisplayRegular.ttf') format(truetype),
        url('../sfFonts/SF-Pro-DisplayRegular.svg#SF-Pro-DisplayRegular') format(svg);       
}

@font-face {
  font-family: 'SF-Pro-DisplayMedium';
  src:  url('../sfFonts/SF-Pro-DisplayMedium.eot');
  src: url('../sfFonts/SF-Pro-DisplayMedium.eot?#iefix') format('embedded-opentype'),
        url('../sfFonts/SF-Pro-DisplayMedium.woff') format('woff'),
        url('../sfFonts/SF-Pro-DisplayMedium.ttf') format(truetype),
        url('../sfFonts/SF-Pro-DisplayMedium.svg#SF-Pro-DisplayMedium') format(svg);       
}
@font-face {
  font-family: 'OptimisticTextVFApp';
  src:  url('../fontsOptimistic/OptimisticTextVFApp.eot');
  src: url('../fontsOptimistic/OptimisticTextVFApp.eot?#iefix') format('embedded-opentype'),
        url('../fontsOptimistic/OptimisticTextVFApp.woff') format('woff'),
        url('../fontsOptimistic/OptimisticTextVFApp.ttf') format(truetype),
        url('../fontsOptimistic/OptimisticTextVFApp.svg#OptimisticTextVFApp') format(svg);       
}

/* Poppins font */

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Light.woff2') format('woff2'),
       url('../fonts/Poppins/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Bold.woff2') format('woff2'),
       url('../fonts/Poppins/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}


/* body {
    font-family: 'SF-Pro-DisplayRegular' !important;
}
body h1 , body h2, body h3 {
  font-family: 'SF-Pro-DisplayMedium' !important;
}
body p {
    font-family: 'SF-Pro-DisplayRegular' !important;
} */


body {
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Inter', sans-serif !important;
}
body h1 , body h2, body h3 {
  /* font-family: 'Poppins', sans-serif !important; */
  font-family: 'Inter', sans-serif !important;
}
body p {
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Inter', sans-serif !important;
}

.home_v1 .bannerWidth p {
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Inter', sans-serif !important;
}
section.hero-section.homeBanner {
  position: relative;
}
section.hero-section.homeBanner::before {
  background-image: url('../images/banner-bg-new.svg');
  background-size: cover;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%; 
  height: calc(100% + 80px);
  top: -80px;
}

/* .hero-section.homeBanner::after{
  background-image: url('../images/blue-area.png');
  background-size: contain;
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 0;
} */

.hero-section.homeBanner .container::after{
  background-image: url('../images/curve.png');
  background-size: contain;
  content: '';
  position: absolute;
  right: 0;
  width: 30%;
  bottom: 0% !important;
  height: 30%;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 1;
}

@media screen and (max-width: 1920px) {
  .hero-section.homeBanner::after {
    /* background-size: cover;
    width: 37%; */
}
.hero-section .hero-image .bannerImg {
    /* border-radius: 40px;
    transform: scale(1.3); */
    margin-right: -583px !important;
}
.hero-section.homeBanner .container::after {
    width: 20%;
}

.banner-play-icon {
    transform: translate(0px, 0px);
    left: calc(80% - 0%) !important;
}
}

@media screen and (max-width: 1780px) {
  .hero-section.homeBanner::after {
    /* width: 39%; */
}
.hero-section .hero-image .bannerImg {
    margin-right: -450px !important;
}
}

@media screen and (max-width: 1700px) {
    .hero-section.homeBanner::after {
    /* width: 46%; */
}
  .hero-section .hero-image .bannerImg {
    /* margin-right: -313px !important;
    transform: scale(1.4); */
}
.banner-play-icon {
    left: calc(74% - 0%) !important;
}
}

@media screen and (max-width: 1440px) {
.hero-section.homeBanner::after {
    /* background-size: contain;
    width: 100%; */
}
.hero-section .hero-image .bannerImg {
    margin-right: -143px !important;
    /* transform: scale(1.25); */
}
.banner-play-icon {
    transform: translate(50%, -50%) !important;
    left: 50% !important;
}
}
@media screen and (max-width: 1400px) {
.hero-section.homeBanner::after {
    /* right: -50px; */
}
.hero-section .hero-image .bannerImg {
    margin-right: -181px !important;
    /* transform: scale(1.45); */
}
}

@media screen and (max-width: 1365px) {
  .hero-section.homeBanner::after {
    /* right: 0px; */
}
.hero-section .hero-image .bannerImg {
    margin-right: -190px !important;
}
.hero-section.homeBanner .container::after {
    width: 30%;
}
}