@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    *
    {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      font-family: 'Poppins', sans-serif;
    }

    body
    {
      background: rgb(230, 230, 230);
    }

    .main-wrapper
    {
      width: 100%;
      max-height: auto;
      background: #fff;
      padding: 40px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .review-main-heading
    {
      text-align: center;
    }

    .review-main-heading h1
    {
      font-weight: 600;
      color: #000;
    }

    .review-main-heading p
    {
      color: rgb(150, 150, 150);
    }

    .swiper-section
    {
      max-width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 100px;
    }

    .review-img-main img
    {
      width: 400px;
      height: auto;
    }

    .swiper 
    {
      width: 100%;
      padding: 10px 0;
    }

    .swiper-slide 
    {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .review-card
    {
      width: 500px;
      height: auto;
      background: rgb(248, 248, 248);
      padding: 20px;
    }

    .review-card h4
    {
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 6px;
    }

    .review-card h4 img
    {
      width: 80px;
      height: auto;
    }

    .review-card p
    {
      font-size: 14px;
      font-weight: 400;
    }

    .swiper-btn
    {
      text-align: center;
      margin-top: 15px;
    }

    .swiper-btn .btn
    {
      font-size: 20px;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      background: white;
      border: none;
      box-shadow: 0px 0px 8px rgb(210, 210, 210);
      margin: 0 10px;
      cursor: pointer;
    }


/* ---------------------------------------- */

    @media (max-width: 768px)
    {

      .swiper-section
      {
        width: 100%;
        flex-direction: column;
        padding: 0 10px;
      }

      .review-img-main img
      {
        width: 300px;
      }

      .review-card
      {
        padding: 10px;
      }

      .review-card h4
      {
        font-size: 14px;
      }

      .review-card p
      {
        font-size: 12px;
      }
    }