.banner-wrapper {
   position: relative;
   margin: 0;
   padding: 0;
   overflow: hidden;
   z-index: auto;
   display: block;
}

.banner-content {
   min-height: 100vh;
   display: flex;
   padding: 15px 0px 75px 0px;
   position: relative;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
}

.banner-bg{
   flex-wrap: wrap;
   -webkit-box-align: inherit;
   -ms-flex-align: inherit;
   align-items: inherit;
   width: 100%;
   overflow: hidden;
   height: 100%;    
   position: absolute;
   top: 0;
   left: 0;
}

.banner-bg-image {
   display: block;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 52% 64%;
   background-attachment: scroll;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.banner-bg-image:after {
   content: "";
}

.banner-bg-color {
   background-color: transparent;
   background-image: linear-gradient(90deg, rgba(23, 35, 62, 0.7) 0%, rgba(39, 40, 61,0.36) 100%);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.banner-wrapper .page-center {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   display: flex;
   padding:0;
   flex: 1;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   justify-content: center;
}

.banner-title-wrapper {
   padding: 0px 10% 0px 0px;
   margin-bottom: 70px;
   justify-content: center;
   flex-wrap: wrap;
   min-width: 0;
   min-height: 1px;
   display: flex;
   z-index: auto;
   position: relative;
}


.banner-heading {
   word-wrap: normal!important;
   word-break: normal!important;
   -webkit-font-smoothing: antialiased;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 0;
}

.banner-heading h1 {
   color: #eaeef0;
   letter-spacing: -1px;
   line-height: 1.3;
   margin: 0;
}

.banner-btn-wrap {
   margin: 10px 0px 10px 0px;
   display: flex;
   position: relative;
}

.banner-btn-wrap>div {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 100%;
   flex: 1 0 100%;
   min-width: 0;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0;
   margin: 0px -5px -20px -5px;
   justify-content: flex-start;
   display: flex;
   flex-wrap: wrap;
}

.banner-btn {
   padding: 0px 5px 20px 5px;
   position: relative;
   min-height: 1px;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
   margin-bottom: 10px;
}


.banner-btn a {
   border: 2px solid #5d9031;
   border-radius: 500px;
   background-color: #5d9031;
   padding: 14px 42px 14px 42px;
   transition-duration: 0.50s;
   transition-property: color, box-shadow, background, border-color;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   font-size: 15px;
   line-height: 1.5;
   letter-spacing: 0;
   color: #fff;
   background-image: none;
   flex-flow: row-reverse nowrap;
   transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
}


.banner-btn a:hover {
   border: 2px solid #458027;
   background-color: #458027;
}

@media (max-width: 1200px){
   .banner-wrapper .page-center{
      padding-left:15px;
   }
}

@media (max-width: 991px) and (min-width: 768px){
   .banner-content {
      min-height: 500px;
      padding: 75px 330px 75px 75px;
   }
   .banner-title-wrapper{
      padding: 0;
      margin-bottom: 30px;
   }
   .banner-heading h1 {
      line-height: 1.2;
      font-size: 45px;
   }
   .banner-btn a {
      padding: 10px 40px 10px 40px;
   }
   .banner-btn{
      margin-bottom:1px;
   }
   .banner-wrapper .page-center {
      padding-left: 0;
   }
}


@media (max-width: 767px){
   .banner-content {
      min-height: 400px;
      padding: 0px 90px 0px 30px;
   }
   .banner-bg-image {
      background-position: 67% 58%;
   }
   .banner-wrapper .page-center {
      max-width: 100%;
      padding:0;
   }
   .banner-title-wrapper {
      padding: 0;
      margin-bottom: 20px;
   }
   .banner-heading h1 {
      font-size: 36px;
   }
   .banner-btn-wrap {
      margin: 0;
   }
   .banner-btn a {
      padding: 12px 50px 12px 50px;
      font-size:14px;
   }
   .banner-btn{
      margin-bottom:1px;
   }
   .banner-heading {
      width: 100%;
      mix-blend-mode: normal;
   }
}