@import "plugin/slick";
.sigle-banner {
	overflow: hidden;
	.bnr-cnt{
		min-height: 490px;
		position: relative;
        background-position: center !important;
		@include media-breakpoint-down(md) {
            min-height: inherit;padding: 0;
		}
	}
}
.bnr-cnt{
    @include media-breakpoint-down(sm) {
          width: 100%; 
		}
    	h1{
    		font-size: rem(40);
    		color: $light;
    		 font-weight: $font-weight-semibold;
    		 margin: 0;
    		 span{
    		 	display: block;
    		 	font-weight: $font-weight-medium;
               font-size: rem(36);
    		 }
    	}
    	h3{
    		color: #e8f5f0;
    		text-transform: capitalize;
    		font-size: rem(23);
    		font-weight: $font-weight-normal;
    		@include media-breakpoint-down(sm) {
              font-size: 14px;
    		}
    	}
    	.banner-bt{
    		padding: 10px 35px;
            font-size: rem(17);
            border-radius: 23px;
            margin: 15px 0;
            font-weight: $font-weight-medium;
     @include media-breakpoint-down(sm) {
     	    padding: 8px 30px;
     }
    	}
    }
.sigle-banner, .sliders-wrapper {
  position: relative;
  img {
        opacity: 0;
      @include media-breakpoint-down(sm) {
        max-height: 200px;
      }
      
  }
    .banner-img{
         background-size: cover;
         color: $white;
            position: absolute;left:0;top:0;width: 100%;height: 100%;
             background-position: center top!important;
         @include media-breakpoint-down(sm) {
           background-size:780px!important;
             .pt-8{
                 padding-top:50px;
             }
             h1{
                 font-size: rem(30);
             }
         } 
        @include media-breakpoint-down(xs) {
           background-size:600px!important;
             
         }
         h1{
            color: $white;
         }
         .btn-info {  
            background: #caa47a;
            padding: 7px 30px;
            text-transform: uppercase;
            border-color: #caa47a;
         }
    }
}
.sigle-banner{
     img {
        opacity: 0;
       &.img-fluid{
          max-width: inherit;
          max-height: 350px;
           @include media-breakpoint-down(sm) {
            max-height: 165px;
          }
      }     
      
      
  }
}

#ips-banner{
    .slick-prev, .slick-next{
      position: absolute;
      top: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      font-size: 28px;
      text-align: center;
      border: 1px solid $white;
      line-height: 40px;
      color: $white;
      z-index: 55;
      margin: auto;
      opacity: 0.5;
      cursor: pointer;
      &:hover{
        background: $white;
        color: $dark;
      }
      i{
        line-height: inherit;
      }
    }
    .slick-prev{
      left: 2%;
    }

    .slick-next{
      right: 2%;
    }
}