#why{
  overflow: hidden;
}
/*============== 
  TV Screens 
================*/
@media(min-width: 1441px) {
  /*  */
}

/*============== 
  Extra Large 
================*/
@media(max-width: 1440px) {
  /*  */
}

/*============== 
     Large 
================*/
@media(max-width: 1280px) {
  /*  */
}

/*============== 
     Medium 
================*/
@media(max-width: 1025px) {

  #serving .content,
  #cost-and-time .content,
  #consultants .content,
  #logistic-services .content,
  #saving-cost .content,
  #facilities .content,
  #professionals .content,
  #subspecialties .content,
  #no-waiting .content {
    gap: 40px;

    .image {
      min-width: 500px;
      max-width: 550px;
    }
  }
}

/*============== 
    Tablet 
================*/
@media(max-width: 768px) {

  #serving .content,
  #cost-and-time .content,
  #consultants .content,
  #logistic-services .content,
  #saving-cost .content,
  #facilities .content,
  #professionals .content,
  #subspecialties .content,
  #no-waiting .content {
    flex-direction: column;
    gap: 20px;

    .info {
      text-align: center;
    }

    .image {
      min-width: 300px;
      max-width: 550px;
    }
  }

  #cost-and-time .content,
  #consultants .content,
  #logistic-services .content,
  #facilities .content,
  #professionals .content,
  #subspecialties .content,
  #no-waiting .content {
    .info {
      .title {
        font-size: 20px;
      }
    }
  }

  /* styling serving section */
  #serving {
    .content {
      flex-direction: column;

      .info {
        .title {
          font-size: 30px;
          margin-inline: auto;
          margin-bottom: 20px;
        }

        .sub-title {
          margin-bottom: 10px;
          font-size: 22px;
        }
      }
    }
  }

  /* styling cost and time section */
  #cost-and-time {
    margin-top: -70px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling consultants section */
  #consultants {
    padding-bottom: 50px;

    .content {
      flex-direction: column-reverse;

      .image {
        margin-top: -50px;
      }
    }
  }

  /* styling logistic services section */
  #logistic-services {
    margin-top: -10px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling saving cost section */
  #saving-cost {
    padding-block: 50px;

    .content {
      flex-direction: column;

      .info {
        .title {
          font-size: 30px;
          margin-inline: auto;
          margin-bottom: 20px;
        }

        .sub-title {
          margin-bottom: 10px;
          font-size: 22px;
        }
      }
    }
  }

  /* styling facilities section */
  #facilities {
    margin-top: 0px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling professionals section */
  #professionals {
    .content {
      flex-direction: column-reverse;
      gap: 20px;

      .image {
        position: relative;

        &::after {
          right: -80px;
          top: -10px;
          height: 100%;
        }
      }
    }
  }

  /* styling subspecialties section */
  #subspecialties {
    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling no waiting section */
  #no-waiting {
    margin-bottom: 70px;

    .content {
      flex-direction: column-reverse;
      gap: 20px;

      .image {
        position: relative;

        &::after {
          right: -80px;
          top: -10px;
          height: 100%;
        }
      }
    }
  }
}

/*============== 
      Mobile 
================*/
@media(max-width: 576px) {

  #serving .content,
  #cost-and-time .content,
  #consultants .content,
  #logistic-services .content,
  #saving-cost .content,
  #facilities .content,
  #professionals .content,
  #subspecialties .content,
  #no-waiting .content {
    flex-direction: column;
    gap: 10px;

    .info {
      text-align: center;
    }

    .image {
      min-width: 300px;
      max-width: 550px;
    }
  }

  #cost-and-time .content,
  #consultants .content,
  #logistic-services .content,
  #facilities .content,
  #professionals .content,
  #subspecialties .content,
  #no-waiting .content {
    .info {
      .title {
        font-size: 20px;
      }
    }
  }

  /* styling serving section */
  #serving {
    .content {
      .info {
        .title {
          font-size: 24px;
        }

        .sub-title {
          margin-bottom: 10px;
          font-size: 20px;
        }
      }
    }
  }

  /* styling cost and time section */
  #cost-and-time {
    margin-top: -100px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling consultants section */
  #consultants {
    padding-bottom: 50px;

    .content {
      flex-direction: column-reverse;

      .image {
        margin-top: -50px;
      }
    }
  }

  /* styling logistic services section */
  #logistic-services {
    margin-top: -10px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling saving cost section */
  #saving-cost {
    padding-block: 50px;

    .content {
      flex-direction: column;

      .info {
        .title {
          font-size: 30px;
          margin-inline: auto;
          margin-bottom: 20px;
        }

        .sub-title {
          margin-bottom: 10px;
          font-size: 22px;
        }
      }
    }
  }

  /* styling facilities section */
  #facilities {
    margin-top: 0px;

    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling professionals section */
  #professionals {
    .content {
      flex-direction: column-reverse;
      gap: 20px;

      .image {
        position: relative;

        &::after {
          right: -80px;
          top: -10px;
          height: 100%;
        }
      }
    }
  }

  /* styling subspecialties section */
  #subspecialties {
    .content {
      flex-direction: column-reverse;
    }
  }

  /* styling no waiting section */
  #no-waiting {
    margin-bottom: 50px;

    .content {
      flex-direction: column-reverse;
      gap: 20px;

      .image {
        position: relative;

        &::after {
          right: -80px;
          top: -10px;
          height: 100%;
        }
      }
    }
  }

  #info {
    margin-bottom: 60px;
  }
}