/* SLIDER SECTION */
  .slider-section{
    width:100%;
    padding:20px;
    background:#f4f7fb;
  }

  .slider{
    position:relative;
    width:100%;
    max-width:1200px;
    margin:auto;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
  }

  .slides{
    display:flex;
    transition:transform 0.5s ease-in-out;
  }

  .slide{
    min-width:100%;
    position:relative;
  }

  .slide img{
    width:100%;
    height:550px;
    object-fit:cover;
    display:block;
  }

  /* TEXT OVER IMAGE */
  .slide-content{
    position:absolute;
    top:50%;
    left:50px;
    transform:translateY(-50%);
    color:white;
    max-width:500px;
  }

  .slide-content h2{
    font-size:50px;
    margin-bottom:15px;
  }

  .slide-content p{
    font-size:20px;
    line-height:1.5;
  }

  /* BUTTONS */
  .prev,
  .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:white;
    border:none;
    font-size:28px;
    width:50px;
    height:50px;
    cursor:pointer;
    border-radius:50%;
    transition:0.3s;
    z-index:10;
  }

  .prev:hover,
  .next:hover{
    background:#2563eb;
  }

  .prev{
    left:20px;
  }

  .next{
    right:20px;
  }

  /* MOBILE RESPONSIVE */
  @media(max-width:768px){

    .slide img{
      height:350px;
    }

    .slide-content{
      left:20px;
      right:20px;
    }

    .slide-content h2{
      font-size:30px;
    }

    .slide-content p{
      font-size:16px;
    }

    .prev,
    .next{
      width:40px;
      height:40px;
      font-size:20px;
    }
  }