/*  8.6 Banner css
/*----------------------------------------*/
.tp-banner-sm-2-wrap {
  background-color: #E2EFE4;
  border-radius: 20px;
  padding: 43px 0 52px 51px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tp-banner-sm-2-wrap {
    padding: 43px 0 52px 20px;
  }
}
.tp-banner-sm-2-wrap.tp-banner-sm-2-bg-2 {
  background-color: #FFF3F4;
}
.tp-banner-sm-2-wrap:hover .tp-banner-sm-2-shape-1 {
  transform: scale(1.08);
}
.tp-banner-sm-2-wrap.tp-banner-inner {
  background: #D1F2FD;
}
.tp-banner-sm-2-wrap.tp-banner-inner.tp-banner-sm-2-bg-2 {
  background-color: #FFDEF7;
}
.tp-banner-sm-2-wrap.tp-banner-inner .tp-banner-sm-2-btn a {
  border: 1px solid #073742;
  background-color: #073742;
}
.tp-banner-sm-2-wrap.tp-banner-inner .tp-banner-sm-2-btn a:hover {
  color: #073742;
  background-color: transparent;
}
.tp-banner-sm-2-title {
  color: #1E1E2F;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 31px;
}
.tp-banner-sm-2-title span {
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.tp-banner-sm-2-btn a {
  border-radius: 6px;
  background: #0C7D81;
  border: 2px solid #0c7D81;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  color: var(--tp-common-white);
  padding: 11px 18px;
  display: inline-block;
}
.tp-banner-sm-2-btn a:hover {
  background-color: transparent;
  color: #0C7D81;
}
.tp-banner-sm-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-banner-sm-2-shape-1 {
    right: -60px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-banner-sm-2-shape-1 {
    right: -100px;
  }
}
.tp-banner-sm-2-shape-1 img {
  max-width: 100%;
}

.tp-banner-sm-2-bg-2 .tp-banner-sm-2-btn a {
  border: 2px solid #FD8B6C;
  background: #FD8B6C;
}
.tp-banner-sm-2-bg-2 .tp-banner-sm-2-btn a:hover {
  background-color: transparent;
  color: #FD8B6C;
}

.tp-banner-5-item {
  padding: 118px 25px 122px 25px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-banner-5-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(16, 16, 16, 0.4);
  z-index: -1;
}
.tp-banner-5-content span {
  color: var(--tp-common-white);
  font-size: 28px;
  font-style: italic;
  display: inline-block;
  margin-bottom: 13px;
}
.tp-banner-5-content P {
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 31px;
}
.tp-banner-5-content .tp-btn-4 {
  padding: 23px 44px;
}
.tp-banner-5-title {
  color: var(--tp-common-white);
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-banner-5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-banner-5-title {
    font-size: 42px;
  }
}
.tp-banner-5-btn .tp-btn-5:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/