/* Slider */

.slider {
  height: 100%;
}

.slide-items,
.slide-item {
  width: 100%;
  height: 100%;
  
}
.slide-items{
     margin-top: -27px;
    height: 216px;
}

.slide-content {
  width: 92%;
  display:flex;
  top:23%;
  margin:0px auto;
  /* height should be 100% use box-sizing: border-box; as in first-page css (above) to fix height problems  */
  height: 90%;
  position: relative;
  box-shadow: 11px 9px 8px -6px rgba(0,0,0,0.55);
-webkit-box-shadow: 11px 9px 8px -6px rgba(0,0,0,0.15);
-moz-box-shadow: 11px 9px 8px -6px rgba(0,0,0,0.55);
  border-radius: 0px;
  box-sizing: border-box;
}
.slide-content-image{
  width: 500px;
  height:200px;
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.slide-content-image gwd-image{
  display: block;
  width: 100%;
  height: 100%;
}
.slide-content-text{
     width: 350px;
  height:200px;
  background-color:#fff;
    box-sizing: border-box;
    padding: 3%;
/*     box-shadow: 4px -2px 5px 0px rgb(0 0 0 / 55%);
    -webkit-box-shadow: 4px -2px 5px 0px rgb(0 0 0 / 55%);
    -moz-box-shadow: 4px -2px 5px 0px rgb(0 0 0 / 55%); */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 0px;
}
.slick-slider {
    touch-action: auto;
    -ms-touch-action: auto;
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
/*     display: none; */
    float: left;
    height: 100%;
    min-height: 1px;
/*     width: 100%; */
  margin-top: 7px;
}
    .slick-slide img {
        height: 100%;
      position: absolute;
      top:0;
      bottom:0;
      right:0;
      left:0;
    
    }

.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
/* .slick-arrow.slick-hidden {
    display: none;
} */
.slider-bullet {
       position: absolute;
    z-index: 1;
    top: -2%;
    width: 100%;
    left: 39%;
}

.slider-bullet .slick-dots {
      position: absolute; */
    /* background-color: red; */
    padding: 0;
    list-style: none;
    margin-top: 2.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
    width: 139px;
    /* z-index: 1; */
    /* margin-left: -8%; */
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
}
 .slider-bullet .slick-dots li {
  height: 3px;
  background-color: #CCF0EE;
  flex-grow: 1;
  margin: 0 0.75%;
}
 .slider-bullet .slick-dots li button {
  display: none;
  /* padding: 1px 15px; */
  /* height: 1px;
        width: 40px;         */
}
 .slider-bullet .slick-dots li.slick-active {
  background-color: #00b2a9;
  /* z-index: 1; */
}
 .slider-bullet .slick-dots li.visited-bullet {
  background-color: #00b2a9;
}

.slick-dots {
    padding: 0;
    list-style: none;
    margin-top: 2.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1%;
    width: 30%;
}

.slider-button {
/*        background-color: #fff; */
    border-top: 1px solid #000;
    width: 100%;
    display: flex;
    justify-content: center;
    /* margin: auto; */
    z-index: 3;
    position: relative;
/*     margin-left: -23%; */
    padding-bottom: 7px;
    height: 0%;
  
}

.left-arrow{
     display: grid;
    background-color: #fff;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 2px solid #333F48;;
    cursor: pointer;
    position: relative;
    top: 85px;
    right:18.2%;
  
}

.left-arrow:hover{
  background-color: #9F8E76;
  transition: background-color 1s ease;

}


.right-arrow {
      display: grid;
    background-color: #fff;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 2px solid #333F48;;
    cursor: pointer;
    position: relative;
    top: 85px;
     left: 18.2%;
}

.right-arrow:hover{
  background-color: #9F8E76;
  transition: background-color 1s ease;
}



.left-arrow img {
  margin-left: 111%;
  margin-top: 8.8%;
  width:15px !important;
}

.right-arrow img {
  margin-left: -111%;
  margin-top: 8.8%;
  width:15px !important;
}

#pagination {
  visibility:hidden;
/*   margin: auto 25px; */
    font-size: 12px;
  line-height:21.84px;
    color: #00817D;
    word-wrap: unset;
    white-space: nowrap;
    letter-spacing: 1px;
/*     width: 18px; */
    padding-top: 51px;
    font-family: 'Stag Sans book';
    font-weight:600;
    margin-right: 52.5%;
 
   
}