.hero-wrapper { width: 100%; height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; }
.hero-wrapper .swiper-slide {overflow: hidden;color: #fff;}
.hero-wrapper .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.hero-wrapper .slide-inner { width: 100%; height: 100%; position: relative; left: 0; top: 0px; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left; }
.hero-wrapper .slide-inner:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; right: 0; bottom: 0; background: #000; opacity: 0.5; z-index: -1; }
.hero-wrapper .swiper-button-prev,
.hero-wrapper .swiper-button-next { background: transparent; width:45px; height: 45px; line-height: 53px; margin-top: -30px; text-align: center; border: 2px solid #fff; border-radius: 55px; opacity:0; visibility:hidden; transition:all .3s ease; }
.hero-wrapper:hover .swiper-button-prev,
.hero-wrapper:hover .swiper-button-next { transform:translateX(0); opacity:1; visibility:visible; }
.hero-wrapper .swiper-button-prev { left: 25px; transform:translateX(50px); }
.hero-wrapper .swiper-button-prev:before { font-family: "Font Awesome 5 Free"; content: "\f060"; font-size: 15px; color: #fff; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900; position:relative; top:-7px; }
.hero-wrapper .swiper-button-next { right: 25px; transform:translateX(-50px); }
.hero-wrapper .swiper-button-next:before { font-family: "Font Awesome 5 Free"; content: "\f061"; font-size: 15px; color: #fff; font-style: normal; display: inline-block; vertical-align: middle; font-weight: 900; position:relative; top:-7px; }
.hero-wrapper .swiper-pagination-bullet { width: 12px; height: 12px; text-align: left; line-height: 12px; font-size: 12px; color: #000; opacity: 0.3; background:#fff; transition:all .2s ease; }
.hero-wrapper .swiper-pagination-bullet-active { opacity:1; }
.hero-wrapper .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-wrapper .swiper-pagination-custom,
.hero-wrapper .swiper-pagination-fraction { bottom: 30px; }

.two-column-slider { width: 100%; display: inline-block; padding: 60px 0; }
.two-column-slider .slider-wrapper { width: 100%; float: left; }
.two-column-slider .slider-wrapper .left-part { width: 40%; float: left; padding: 120px 40px 0 0; }
.two-column-slider .slider-wrapper .right-part { width: 60%; float: left; }
.two-column-slider .content-wrap { text-align: center; width: 100%; display: inline-block; max-width: 500px; }
.two-column-slider .slider-wrapper .left-part .title h2 { font-size: 32px; line-height: 42px; }

@media screen and (min-width: 992px){
  .hero-wrapper .swiper-container-horizontal > .swiper-pagination-bullets,.hero-wrapper .swiper-pagination-custom,.hero-wrapper .swiper-pagination-fraction {/*     display: none; */}
}
.hero-wrapper .swiper-pagination { text-align:left; }
.hero-wrapper .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; max-width: 1200px; padding: 0px; margin: 0 auto; left: 0; transform:none;right:0;text-align:center;}
}
@media (min-width: 767px) {
  .hero-wrapper .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; }
}
/*--------------------------------------------------------------
	#hero-sl-style
--------------------------------------------------------------*/
.hero-sl-style { transition:all .4s ease; }
.hero-sl-style .slide-title h3 {  color: #ffffff;  text-transform: capitalize; transition:all .4s ease;font-size:25px;line-height:35px;}
.hero-sl-style .slide-text p {color: #ffffff; transition:all .4s ease;}
.hero-sl-style .slide-btns > a:first-child { margin-right: 10px; }


/*--------------------------------------------------------------
	#button-style
--------------------------------------------------------------*/
.hero-wrapper .theme-btn, .hero-wrapper .theme-btn-s2{ background-color: #ffffff; font-size: 20px; font-weight: 500; line-height: 1.4; text-align: center; color:#2b3b95; padding: 9px 32px; border: 0;  border-radius: 3px; text-transform: uppercase; display: inline-block; line-height: initial; transition:all .4s ease; }
.hero-wrapper a { text-decoration: none; transition: all 0.2s ease; }
.hero-wrapper .theme-btn-s2{ background-color: rgba(255, 255, 255, 0.9); color: #131e4a; }
.hero-wrapper .theme-btn:hover, .hero-wrapper .theme-btn-s2:hover, .hero-wrapper .theme-btn:focus, .hero-wrapper .theme-btn-s2:focus, .hero-wrapper .theme-btn:active, .hero-wrapper .theme-btn-s2:active {background-color:#2b3b95 ;color: #fff;}
.hero-wrapper .theme-btn-s3{ font-size: 16px; font-weight: 500; line-height: 1.5; color: #ffffff; text-transform: uppercase;  }
.hero-wrapper i.fa-chevron-circle-right{height:22px;width:22px;}

@media (max-width: 1199px) {
  .hero-sl-style .slide-title h2 { font-size: 75px; }
}

@media (max-width: 991px){
  .hero-sl-style { height: 400px; }
  .hero-sl-style .slide-title h2 { font-size: 50px; margin: 0 0 35px; }
  .theme-btn, .theme-btn-s2, .theme-btn-s3 {font-size: 15px;font-weight:600;padding: 15px 25px;}
  .hero-wrapper { height: 400px; }
  .two-column-slider { padding: 50px 0; }
  .two-column-slider .slider-wrapper .left-part { width: 100%; padding: 0 0 30px 0; }
  .two-column-slider { padding: 50px 0; }
  .two-column-slider .slider-wrapper .right-part { width: 100%; }
  .two-column-slider .slider-wrapper .left-part .title h2{font-size:30px;line-height:40px;}

}

@media (max-width: 767px){
  .theme-btn, .theme-btn-s2{padding: 13px 20px;}
  .hero-sl-style .slide-text p { font-size: 16px; font-size: 1rem; font-weight: normal; margin: 0 0 30px; }
  .hero-sl-style .slide-title h2 {font-size: 35px;margin: 0 0 30px;}
  .hero-sl-style{ height: 400px; }
  .hero-wrapper .swiper-button-prev,
  .hero-wrapper .swiper-button-next {display: none;}
  .hero-wrapper { height: 400px; }
  .two-column-slider { padding: 40px 0; }
  .two-column-slider .slider-wrapper .left-part .title h2{font-size:26px;line-height:36px;}
  .two-column-slider .content-wrap { max-width: 100%; padding: 20px; }
}

@media (max-width:500px){
.hero-sl-style{ height: 450px; }
.hero-wrapper { height: 450px; }
}
@media (max-width:400px){
.hero-sl-style{ height: 500px; }
.hero-wrapper { height: 500px; }
}