.upcoming-bnner{position:relative;overflow:hidden;padding-bottom: 80px;padding-top: 285px;z-index:1; background-color:#3C3C3C; background-size: cover;background-position:center; background-repeat: no-repeat;}
.upcoming-bnner:before { background: linear-gradient(180deg, rgba(60, 60, 60, 0.00) 0%, #3C3C3C 100%);content: ""; height: 480px; position: absolute; bottom: 0; width: 100%; top: auto; }
.upcoming-bnner:after { position: absolute; content: ""; top: 0; width: 100%; height: 100%; left: 0; background: #3C3C3C; opacity: 0.9; z-index: -1; }
.upcoming-bnner h1,.upcoming-subtext h4{color:var(--font-white);}
.upcoming-subtext { position: relative; max-width: 970px; margin: 0 0 0 auto; }
.upcoming-bnner h1{font-size:var(--font-240);font-weight: 400;line-height:86.64%;letter-spacing: -16px;}
.upcoming-subtext h4{font-size:var(--font-35);font-weight: 400;line-height: 42px;letter-spacing: -1.5px;}
.upcoming-top-bgs { position: absolute;bottom: 0;left:0;width:100%; height:130%;z-index: -1;}
.upcoming-top-bgs img{width: 100%;height: 100% !important;object-fit: cover;}

.upcoming-btn.trnspt-btn a {
  background-color:transparent !important;
  color:var(--font-white) !important;
  padding:7px 25px; !important
}

.btn-enabled {
  display: flex;
  flex-wrap: wrap;
}

.btn-enabled .upcoming-btn {
  width: 22%;
  padding-right: 30px;
}

.btn-enabled .upcoming-subtext {
  width: 78%;
  max-width: 100%;
}

@media(max-width:1280px){
  .upcoming-bnner{padding-top:185px;}
   .upcoming-bnner h1{font-size:180px;line-height:1;letter-spacing:-0.2px;}
  .upcoming-subtext h4{font-size:30px; line-height:1.2;}
}

@media(max-width:1024px){
  .upcoming-bnner{padding-top:150px;padding-bottom: 60px;}
  .upcoming-bnner h1{font-size:100px;}
  .upcoming-subtext h4{font-size:26px;}
}

@media(max-width: 991px){
  .btn-enabled .upcoming-subtext {
    width: 100%;
    max-width: 100%;
    order: 1;
  }

  .btn-enabled .upcoming-btn {
    width: 100%;
    padding-right: 0;
    order: 2;
    margin: 15px 0 0;
  }
}

@media(max-width:767px){
  .upcoming-bnner{padding-top:80px;padding-bottom: 40px;}
  .upcoming-bnner .top-title-wrap {height: auto;  padding: 50px 0 27px;}
  .upcoming-bnner h1{font-size:54px;line-height: 55px;letter-spacing: -3.24px;}
  .upcoming-subtext h4{font-size: 22px;font-weight: 400;line-height: 28px;letter-spacing: -0.88px;}
}