#banners{
    width:100%;
}
#banners img{
    width:100%;
    height: 85vh;
   
}
#banners .container-img{
    width:100%;
    height: 85vh;
    position: absolute;
    
}
#banners .container-initial{
    width:100%;
    height: 85vh;
    /*background-color: rgba(0,0,0,0.6); */
    position: relative;
    padding: 55px;
}
#banners .col-sm-3c{
    background-color: rgba(0,0,0,0.6);
    padding:40px 10px;
    border-radius: 5px;
}
#banners .container-initial h2{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
}
#banners .container-initial *{
    color:#fff;
}
.col-sm-3c{
    width:37%;
    min-width: 270px;
}
#banners .col-sm-3c,.ban{
    padding-left: 25px;
}
#banners .container-others{
    width:100%;
    height: 85vh; 
    background-color: rgba(0,0,0,0.6);
    position: relative;
}

 .btn-ban{
    display: inline-flex;
	align-items: center;
	justify-content: center;
  line-height: 30px;
  width:auto;
  border-radius:5px;
	background: #5C8374;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	font-weight: 500;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	transition: .3s ease all;
    padding: 0;
    min-width: 75px;

	position: relative;
	overflow: hidden;
    gap:3px;
}
#banners  .btn-ban{
    background-color: #184e0e;
    text-decoration: none;
}
#banners  .btn-ban::after {
	content: "";
	width: 100%;
	height: 100%;
	background: #123d0b;
	position: absolute;
	z-index: 1;
	top: -80px;
	left: 0;
	transition: .3s ease-in-out all;
}
#banners  .btn-ban:hover{
    font-size: 1em;
}

#banners  .btn-ban:hover::after {
	top: 0;
}
#banners  .btn-ban span {
	position: relative;
	z-index: 2;
	transition: .3s ease all;
    
}
#banners .container-initial .btn-color{
    width: 92%;
    font-size: 24px;
    font-weight: bold;
}