.wn-section{background: var(--color-green); color:#fff;}
.wn-title{margin-bottom:0;}

.wn-icon {
	width: 2rem;
	font-size: 2rem;
	text-align: center;
  line-height: 1;
  color: inherit;
  margin-right: 2rem;
  flex: none;
}

.wn-close {
  position: absolute;
	font-size: 1rem;
  top: 0;
  right: 15px;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  transition: color 0.2s ease, opacity 0.2s ease;
  outline: none;
	background: transparent; 
	color:#fff;
	opacity: 0.75;
}
.wn-close:hover, .wn-close:focus{color:#fff; opacity:1;}
.wn-slider .slick-dots {bottom: 1rem;}
.wn-item{padding-left:1px; padding-top:1px;}
.wn-slider .slick-arrow {
position: absolute;
  line-height: 1;
  left: auto;
  transition: color 0.2s ease;
  border: 0;
  color:#fff;
  opacity:0.75;
  width: 1.5rem;
  height: 1.5rem;
  top: 1.5rem;
  background: none;
  padding: 0;
  font-size:1rem;
}
.wn-slider .slick-prev{right:-4rem;}
.wn-slider .slick-next{right:-5.25rem;}

.wn-slider .slick-arrow:hover, .wn-slider .slick-arrow:focus{color:#fff; opacity: 1;}
.wn-slider .slick-disabled.slick-arrow{color:var(--color-black); opacity:0.2;}

.wn-slider .slick-dots li button{background: rgba(255,255,255,0.5);}
.wn-slider .slick-dots li button:hover{background: #fff;}
.wn-slider .slick-dots .slick-active button, .wn-slider .slick-dots .slick-active button:hover{background:#fff;}

@media (max-width: 991.98px) {
	.wn-slider{margin-right: 2rem;}
	.wn-slider .wn-item{margin-bottom: 2rem;}
	.wn-icon{margin-right: 1rem;}
	.wn-close{right: 1rem;}
	.wn-slider .wn-item:only-child{margin-bottom: 0;}
}