/* font import */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');

.bg-light-green-1 {background-color: #f4f9ea;}
.bg-light-green-2 {background-color: #dfe7cf;}
.bg-light-green-3 {background-color: #ccd5ba;}
.bg-light-red {background-color: #db7667}
.bg-green {background-color: #2f4c39;}

.light-green-1 {color: #f4f9ea;}
.light-green-2 {color: #dfe7cf;}
.light-green-3 {color: #ccd5ba;}
.light-red {color: #db7667}
.green {color: #2f4c39;}


.swiper-slide .playvid-icon {
  color: #5d7e6b !important;
  position: relative;
  background: none;
}

.swiper-slide .playvid-icon svg {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.playvid-icon:hover svg .stroke-dotted {
  stroke-width: 4px;
  opacity: 1;
}

.playvid-icon:hover svg .stroke-solid {
  opacity: 0;
  stroke-dashoffset: 300;
}

.playvid-icon:hover svg .icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}