  /* Slider images */  
  
  .slide_text {
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2vw;
    font-weight: 100;
    color: #fff;
    line-height: 2vw;
    text-align: center;
    font-family: Rubik, sans-serif;
  }

  .splide__slide {
    perspective: 2000;
    backface-visibility: hidden;
    -webkit-perspective: 2000;
    -webkit-backface-visibility: hidden;
  }

  .slide_img_01 {
    position: relative;
    background : url('../Local/img/199226712.jpeg') no-repeat center;
    background-size: cover;
    -ms-background-position-x: center;
    -ms-background-position-y: bottom;
    background-position: center bottom;
    width: 100%;
    height : 27vw;
  }

.slide_img_02 {
  position: relative;
  background: url('../Local/img/86339813.jpeg') no-repeat center;
  background-size: cover;
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: center bottom;
  width: 100%;
  height: 27vw;
}

.slide_img_03 {
  position: relative;
  background: url('../Local/img/309881548.jpeg') no-repeat center;
  background-size: cover;
  -ms-background-position-x: center;
  -ms-background-position-y: bottom;
  background-position: center bottom;
  width: 100%;
  height: 27vw;
}

  body {
    font-family: sans-serif;
   // background-color: #81d4fa;
    font-weight: bold;
}

.text-box {
    margin-left: 44vw;
   margin-top: 42vh;
}

.btn:link,
.btn:visited {
    white-space: nowrap;
    font-size: 20px;
    margin-top: 28px;
    margin-left: 12px;
    padding: 8px 12px;
    font-family: Rubik, sans-serif;  
    text-decoration: none;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;
    position: absolute;
    font-weight: 100;

}
button.btn {
  white-space: nowrap;
  font-size: 20px;
  margin-top: 28px;
  margin-left: 12px;
  padding: 8px 12px;
  font-family: Rubik, sans-serif;  
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  transition: all .2s;
  position: absolute;
  font-weight: 100;

}
.btn.center {
  transform: translateX(-50%);
  margin-left: 0px;
}
.btn.center.nomargin {
  transform: translateX(-50%);
  margin: 0px;
}
.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn.center:hover {
  transform: translate(-50%,-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}


.btn.center:active {
  transform: translate(-50%,-1px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.underbtn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  line-height: 24px;
  /* max-width: 240px; */
  min-height: 40px;
  margin-top: 33px;
  font-weight: 100;
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.btn-orange {
    background-color: #f1592a;
    color: #fff;
    top: 15px;
    right: 145px;
}

.btn-orange-2 {
  background-color: #f1592a;
  color: #fff;
}

.btn-white {
  top: 15px;
  right: 35px;
  background-color: #ffffff;
  color: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 0px 1px rgb(0, 0, 0);
}

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after {
    background-color: rgb(122, 122, 122);
}

.btn-orange::after, .btn-orange-2::after {
  background-color: #f1592a;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

  @media screen and (max-width: 1176px) {
    .slide_img_01, .slide_img_02, .slide_img_03 {
      height : 37vw;
    }
  }

  @media screen and (max-width: 500px) {
    .slide_img_01, .slide_img_02, .slide_img_03 {
      height: 50vw;
    }

    .slide_text {
      font-size: 4vw;
      line-height: 4vw;
    }
  }
