.slider-container {
  position: relative;
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden; }
  .slider-container .slider-item-box-bkg {
    height: 100vh; }
  .slider-container .slider-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%; }
  .slider-container .slider-caption {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    color: #fff;
    padding: 0 56px;
    z-index: 2;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .slider-container .slider-caption h1 {
      font-size: 70px;
      letter-spacing: 2px;
      color: #fff; }
      @media (max-width: 768px) {
        .slider-container .slider-caption h1 {
          font-size: 50px; } }
      .slider-container .slider-caption h1 strong {
        font-weight: 700; }
    .slider-container .slider-caption p {
      margin-bottom: 24px;
      max-width: 565px;
      line-height: 26px;
      letter-spacing: 0px;
      font-weight: 300;
      font-size: 18px; }
    .slider-container .slider-caption .view-more {
      margin-top: 24px; }
  .slider-container .swiper-button-next:after,
  .slider-container .swiper-rtl .swiper-button-prev:after,
  .slider-container .swiper-button-prev:after,
  .slider-container .swiper-rtl .swiper-button-next:after {
    content: "|";
    transition: opacity 0.2s ease, transform 0.2s ease;
    /* Add transition for opacity/transform */
    opacity: 1;
    /* Default state */
    transform: translateX(0);
    /* Default position */
    color: #ffffff; }
  .slider-container .swiper-button-next:hover:after {
    content: "next";
    /* Change content instantly */
    opacity: 1;
    /* Change opacity on hover */
    transform: translateX(-5px);
    /* Add slight movement for transition effect */ }
  .slider-container .swiper-button-prev:after,
  .slider-container .swiper-rtl .swiper-button-next:after {
    transform: translateX(-5px); }
  .slider-container .swiper-button-prev:hover:after {
    content: "prev";
    /* Change content instantly */
    opacity: 1;
    /* Change opacity on hover */
    transform: translateX(0);
    /* Add slight movement for transition effect */ }

/*# sourceMappingURL=vc_slider.css.map */