.swiper-container {
  height : 675px;
  width : 100%;

  .swiper-wrapper {
    list-style-type : none;

    .swiper-slide {
      background-size : cover;
      background-repeat : no-repeat;
      position : relative;

      &::after {
        content : '';
        background-color : #000;
        opacity : 0.35;
        position : absolute;
        top : 0;
        left : 0;
        width : 100%;
        height : 100%;
      }

      &-container {
        width : @width-container;
        display : block;
        margin : 0 auto;
        margin-top : 345px;
        z-index: 1;
        position: relative;
      }

      &-title {
        font-size : 36px;
        color : @white;
        margin-bottom : 15px;
      }

      &-desc {
        margin : 0;
        margin-bottom : 25px;
        font-size : 14px;
        color : @white;
        width : 50%;
      }

      &-button {
        width : 270px;
      }

    }

    &::after {
      content : '';
      height : 0;
      width : 100%;
      position : absolute;
      bottom : 0;
      left : 0;
      background-color : #000;
      box-shadow: 0px 0px 100px 15px rgba(0, 0, 0, 0.55);
    }

  }

  #arrow-left, #arrow-right {
    width : 23px;
    height : 41px;
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    background-image : url(../biomed/img/new-version/slider/arrows.png);
    background-repeat : no-repeat;
    z-index : 1;
  }

  #arrow-left {
    background-position:  left center;
    left : 20px;
  }

  #arrow-right {
    background-position: right center;
    right : 20px;
  }

  .pagination {
    position : absolute;
    bottom : 35px;
    left : 50%;
    transform : translateX(-50%);
    z-index : 1;
    border : none;
    .swiper-pagination-switch {
      width : 10px;
      height : 10px;
      display : inline-block;
      background-color : transparent;
      border : 1px solid @white;
      margin-left : 10px;
      border-radius : 50%;
      cursor : pointer;
      &:first-child {
        margin-left : 0;
      }
      &.swiper-active-switch {
        background-color : @white;
      }
    }
  }
  
}



.home-register {
  position : absolute;
  top : 215px;
  z-index : 2;
  width : 100%;
  height : auto;

  &-container {
    width : @width-container;
    margin : 0 auto;
    display : block;
    position : relative;
    text-align : right;
  }

  &-box {
    padding : 40px 20px;
    position : absolute;
    background-color : @white;
    border-radius : 10px;  
    right : 0; 
    width : 310px;
    text-align : left;
    box-sizing : border-box;
  }

  &-title {
    color : #606062;
    font-size : 12px;
    text-transform : uppercase;
    margin-bottom : 5px;
  }

  &-sub-title {
    color : @black;
    font-size : 36px;
    margin-bottom : 20px;
  }

  &-desc {
    color : @grey;
    font-size : 14px;
    margin-top : 0;
    margin-bottom : 25px;
  }

  &-button {
    width : 100%;
    &.red {
      margin-bottom : 10px;
    }
  }

}