/* Inner Banner Two Component Styles */

.inner-banner-two {
  padding-top: 100px;
  z-index: 1;
}

.inner-banner-two .pager {
  border-bottom: 1px solid #0A4020;
  padding-bottom: 2px;
}

.inner-banner-two .pager li {
  color: #000;
}

.inner-banner-two .pager li:nth-child(even) {
  padding: 0 5px;
}

.inner-banner-two .pager li a {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.inner-banner-two .pager li a:hover {
  color: #000;
}

.inner-banner-two .hero-heading {
  font-weight: 700;
  font-size: 85px;
  line-height: 1.023em;
  margin: 22px 0 40px;
}

.inner-banner-two .hero-heading span {
    z-index: 1;
}

.inner-banner-two .hero-heading span svg {
    filter: brightness(0) saturate(100%) invert(84%) sepia(39%) saturate(582%) hue-rotate(17deg) brightness(93%) contrast(96%);
    position: absolute;
    width: 100%;
    bottom: -35%;
    left: 0;
    z-index: -1;
}

.inner-banner-two .tag {
  display: inline-block;
  line-height: 25px;
  border: 1px solid #19352D;
  border-radius: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #19352D;
  text-transform: uppercase;
}

.inner-banner-two .shape_01 {
  left: 0%;
  bottom: 10%;
  width: 18.23%;
  animation: jumpTwo 6s infinite linear;
}

.inner-banner-two .shape_02 {
  right: 2%;
  bottom: 14%;
  width: 14.52%;
  animation: jumpThree 6s infinite linear;
}

.inner-banner-two .shape_03 {
  left: 24%;
  top: 33%;
  width: 2.2%;
  animation: rotated 50s infinite linear;
}

.inner-banner-two .shape_04 {
  right: 21%;
  bottom: 30%;
  width: 1.65%;
  animation: rotated 50s infinite linear;
}

/* Responsive Styles */

/* (max-width: 1399px) */
@media (max-width: 1399px) {
  .inner-banner-two .hero-heading {
    font-size: 70px;
  }
}

/* (max-width: 1199px) */
@media (max-width: 1199px) {
  .inner-banner-two .tag {
    padding: 0 15px;
    font-size: 13px;
    margin-bottom: 10px;
  }
}

/* (max-width: 991px) */
@media (max-width: 991px) {
  .inner-banner-two .hero-heading {
    font-size: 58px;
  }
}

/* (max-width: 767px) */
@media (max-width: 767px) {
  .inner-banner-two .hero-heading {
    font-size: 36px;
    line-height: 1.3em;
    margin: 15px 0 20px;
  }
}

/* (max-width: 575px) */
@media (max-width: 575px) {
  .inner-banner-two .shape_01 {
    bottom: 3%;
  }

  .inner-banner-two .shape_02 {
    bottom: 1%;
  }
}