.hero-block{
  position: relative;
  min-height: 76.6rem;
  display: flex;
  align-items: center;
  padding: 4rem 0 16.9rem;
}
.hero-text{
  align-self: flex-end;
  max-width: 79.2rem;
  position: relative;
  z-index: 1;
}
.hero-date{
  margin-bottom: 1.6rem;
}
.hero-text .fw-82{
  margin-bottom: 2rem;
}
.large-heading .hero-text .fw-82{
  font-size: 12.8rem;
  margin-bottom: 1.5rem;
}
.small-heading .hero-text .fw-82{
  font-size: 7.2rem;
  margin-bottom: 3.3rem;
}
.hero-text .fw-40{
  margin-bottom: 1.6rem;
}
.hero-loaction{
  margin-bottom: 3.2rem;
  font-size: 2.8rem;
}
.hero-loaction:last-child{
  margin-bottom: 0;
}
.hero-loaction img{
  flex-shrink: 0;
  width: 4.8rem;
  height: auto;
  margin-right: 1.1rem;
}
.hero-btn{
  margin-top: 2.4rem;
}
.hero-btn .btn-white{
  min-width: 20.5rem;
}
.hero-img{
  position: absolute;
  top: 2rem;
  right: -12.2rem;
}
.hero-style-01 .hero-img{
  top: 4.3rem;
}
.hero-style-02 .hero-img{
  top: -2.2rem;
}
.hero-style-03 .hero-img{
  top: 1.9rem;
  right: 5.1rem;
}
.hero-style-04 .hero-img{
  top: 6.3rem;
  right: -10rem;
}
.hero-style-05 .hero-img{
  top: 2rem;
}
.hero-style-06 .hero-img{
  top: 3.5rem;
  right: -8.4rem;
}
.hero-style-07 .hero-img{
  top: -2.2rem;
  right: -7.2rem;
}
.hero-img img{
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
@media(min-width:1200px) and (max-width:1259.98px){
  .hero-block {
    min-height: 70.6rem;
  }
  .hero-text {
    max-width: 64.2rem;
  }
  .large-heading .hero-text .fw-82 {
    font-size: 10.8rem;
  }
  .small-heading .hero-text .fw-82 {
    font-size: 5.84rem;
    margin-bottom: 2.4rem;
  }
  .hero-img {
    right: -6.2rem;
  }
  .hero-style-01 .hero-img{
    max-width: 60.4rem;
  }
  .hero-style-02 .hero-img {
    right: -9rem;
    max-width: 99.5rem;
  }
  .hero-style-03 .hero-img {
    max-width: 44.7rem;
  }
  .hero-style-04 .hero-img {
    right: 0rem;
    max-width: 70.6rem;
  }
  .hero-style-05 .hero-img{
    max-width: 57.3rem;
    right: -3rem;
  }
  .hero-style-06 .hero-img {
    right: -4.4rem;
    max-width: 64.3rem;
  }
  .hero-style-07 .hero-img {
    right: -3.2rem;
    max-width: 56.5rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .hero-block {
    padding: 4rem 0 15.6rem;
    min-height: 65.6rem;
  }
  .hero-text {
    max-width: 48rem;
  }
  .hero-text p br{
    display: none;
  }
  .large-heading .hero-text .fw-82 {
    font-size: 9rem;
  } 
  .small-heading .hero-text .fw-82 {
    font-size: 4.3rem;
    margin-bottom: 2.4rem;
  }
  .hero-img {
    right: -10.2rem;
  }
  .hero-style-01 .hero-img {
    max-width: 56rem;
  }
  .hero-style-02 .hero-img {
    max-width: 85rem;
  }
  .hero-style-03 .hero-img {
    right: 2rem;
    max-width: 42rem;
  }
  .hero-style-04 .hero-img {
    right: -2rem;
    max-width: 58rem;
  }
  .hero-style-05 .hero-img {
    max-width: 55rem;
    right: -5rem;
  }
  .hero-style-06 .hero-img {
    right: -5.4rem;
    max-width: 52rem;
  }
  .hero-style-07 .hero-img {
    right: -4.2rem;
    max-width: 51rem;
    top: -0.2rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .hero-block {
    display: block;
    min-height: initial;
    padding: 4rem 0 8rem;
  }
  .hero-text {
    max-width: 100%;
  }
  .hero-text br{
    display: none;
  }
  .hero-text .fw-82 {
    margin-bottom: 1.6rem;
  }
  .large-heading .hero-text .fw-82 {
    font-size: 5.6rem;
  }
  .small-heading .hero-text .fw-82 {
    font-size: 4.8rem;
    margin-bottom: 1.6rem;
  }
  .hero-img {
    max-width: 46rem;
    margin: 3.2rem auto 0;
    position: relative;
    top: 0 !important;
    right: 0 !important;
  }
}
@media(max-width:767.98px){
  .hero-block {
    display: block;
    padding: 3.2rem 0 0;
    min-height: initial;
  }
  .hero-text {
    max-width: 100%;
  }
  .hero-text br{
    display: none;
  }
  .hero-text .fw-82 {
    margin-bottom: 1.6rem;
  }
  .large-heading .hero-text .fw-82,
  .small-heading .hero-text .fw-82 {
    font-size: 3rem;
    margin-bottom: 1.6rem;
  }
  .hero-btn .btn{
    width: 100%;
  }
  .hero-date {
    margin-bottom: 1.2rem;
  }
  .hero-loaction {
    margin-bottom: 1.6rem;
    font-size: 2rem;
  }
  .hero-loaction img {
    width: 3.2rem;
    margin-right: 0.6rem;
  }
  .hero-img {
    position: relative;
    top: 0 !important;
    right: 0 !important;
    margin-top: 3.2rem;
  }
}