@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1232px;
  }
}

/* 
  Extra large devices (less than 1440px)
*/
@media (max-width: 1439px) {
  h1 {
    font-size: 80px;
  }
  h2 {
    font-size: 56px;
  }
  h3 {
    font-size: 24px;
  }

  .header__nav {
    gap: 20px;
  }
  .hero {
    min-height: 714px;
    padding-top: 50px;
  }

  .statistics__title {
    font-size: 42px;
  }
  .statistics__desc {
    font-size: 17px;
  }

  .article__thumb {
    height: 350px;
  }
  .article--serve .article__thumb {
    height: 462px;
  }

  .article--why .article__media {
    max-width: 468px;
  }

  .work__slide-wrapper {
    gap: 20px;
  }

  .work__slider-container {
    max-width: 970px;
    margin-inline: auto;
  }
  .work__thumb {
    height: 220px;
  }
  .work__content {
    padding: 18px;
  }

  .cta__content {
    max-width: 670px;
  }
}

/* 
  Large devices (less than 1200px)
*/
@media (max-width: 1199px) {
}

/* 
  Medium devices (less than 992px)
*/
@media (max-width: 991px) {
  .header__logo img {
    max-width: 200px;
  }

  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 46px;
    margin-bottom: 20px;
  }

  .hero__content {
    max-width: 550px;
  }
  .hero__desc {
    max-width: 467px;
  }

  .statistics {
    padding-block: 40px;
  }
  .statistics__wrapper {
    gap: 24px;
  }
  .statistics__title {
    font-size: 30px;
  }
  .statistics__desc {
    font-size: 14px;
  }
  .statistics__item:first-child {
    max-width: 137px;
  }
  .statistics__item:nth-child(7) {
    max-width: 150px;
  }
  .statistics__item:nth-child(3) {
    max-width: 165px;
  }

  .article {
    padding-block: 100px;
  }
  .article__wrapper {
    gap: 50px;
  }
  .article__media-desc {
    font-size: 13px;
  }
  .section__content-divider {
    margin-top: 20px;
  }
  .article--serve .article__thumb {
    height: 316px;
  }
  .article--why .article__thumb {
    height: 385px;
  }
  .article__profile-sign {
    font-size: 19px;
  }
  .article__profile-name {
    font-size: 16px;
  }

  .work {
    padding-block: 100px;
  }
  .work .section__header {
    max-width: 526px;
  }
  .work__slide-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .work__slider-container {
    max-width: 640px;
  }

  .endorsements {
    padding-block: 100px;
  }
  .endorsements__card {
    padding: 20px;
  }
  .endorsements__thumb {
    max-width: 322px;
    height: 285px;
  }
  .endorsements__quote-icon {
    width: 50px;
  }
  .endorsements__content h3 {
    font-size: 17px;
  }
  .endorsements__content-wrapper {
    gap: 24px;
  }

  .cta {
    padding-block: 80px 100px;
  }

  .footer__wrapper {
    padding-block: 60px;
  }
  .footer__left {
    max-width: 414px;
  }
  .footer__desc {
    font-size: 14px;
  }
  .social-icon {
    width: 30px;
    height: 30px;
  }
  .social-icon svg {
    width: 14px;
    height: 14px;
  }
  .footer__right {
    max-width: 100%;
  }
  .footer__copyright {
    font-size: 13px;
  }
}

/* 
  Small devices (less than 768px)
*/
@media (max-width: 767px) {
  .hero {
    min-height: 740px;
  }
  h6 {
    font-size: 18px;
  }
  h1 {
    font-size: 46px;
  }
  h2 {
    font-size: 36px;
  }
  h4 {
    font-size: 18px;
  }
  .hero__content {
    max-width: 370px;
  }
  .hero::before {
    width: 93%;
  }

  .statistics__item {
    width: 230px;
    max-width: 230px !important;
    background-color: var(--off-white);
    padding: 10px;
    border-radius: 3px;
  }
  .statistics__desc {
    color: var(--dark-green);
    width: 90%;
  }
  .statistics__wrapper {
    gap: 20px;
  }

  .article {
    padding-block: 60px;
  }
  .thumb__border {
    width: 74px;
    height: 72px;
    bottom: -11px;
    right: -10px;
  }
  .article__media {
    width: 100%;
  }
  .article--serve .article__thumb {
    height: 373px;
  }
  .article--serve .thumb__border {
    width: 95px;
    height: 95px;
    top: -10px;
    left: -8px;
  }
  .article--why .article__media {
    max-width: 100%;
  }
  .article--why .thumb__border {
    width: 460px;
    height: 393px;
  }

  .work {
    padding-block: 60px;
  }
  .work .section__header {
    max-width: 341px;
  }
  .section__header {
    margin-bottom: 50px;
  }

  .work__slide-wrapper {
    display: flex;
    gap: 0;
    margin-bottom: 0;
  }
  .work__slider-container {
    max-width: 310px;
    margin-bottom: 50px;
  }
  .work .slider-nav {
    margin-inline: -19px;
  }
  .slider-nav-btn {
    width: 40px;
    height: 40px;
  }
  .slider-nav-btn img {
    width: 22px;
  }

  .work__content {
    padding: 14px;
    min-height: 194px;
  }
  .work__title {
    font-size: 16px;
  }
  .work__content p {
    font-size: 14px;
  }
  .work__card:hover {
    box-shadow: none;
  }

  .endorsements {
    padding-block: 60px;
  }
  .endorsements .section__header {
    max-width: 385px;
    margin-inline: auto;
  }
  .endorsements__slider-container {
    max-width: 361px;
    margin-inline: auto;
  }
  .endorsements__card {
    flex-direction: column;
    padding: 18px;
  }
  .endorsements__thumb {
    flex: none;
  }
  .endorsements__content {
    gap: 50px;
  }

  .cta {
    padding-block: 60px;
  }
  .cta__content {
    max-width: 444px;
  }

  .footer__left {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
  }
  .footer__copyright {
    font-size: 16px;
    gap: 14px;
  }
}

/* 
  Extra small devices (less than 576px)
*/
@media (max-width: 575px) {
  .header__logo img {
    max-width: 146px;
  }

  .header__toggle {
    width: 35px;
    height: 35px;
    border-radius: 6px;
  }
  .header__toggle svg {
    width: 26px;
  }
  .mobile-menu__link {
    font-size: 20px;
  }

  .hero {
    min-height: 678px;
  }
  h6 {
    font-size: 14px;
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 30px;
  }
  h4 {
    font-size: 14px;
  }
  .hero__desc {
    font-size: 14px;
  }
  .theme-btn {
    font-size: 14px;
  }

  .statistics__item {
    width: 159px;
  }
  .statistics__title {
    font-size: 18px;
  }
  .statistics__desc {
    font-size: 10px;
    width: 100%;
  }

  .article__thumb {
    height: 260px;
  }
  .article--serve .article__thumb {
    height: 260px;
  }
  .article--why .article__thumb {
    height: 322px;
  }
  .article--why .thumb__border {
    width: 302px;
    height: 323px;
  }

  .work .section__desc {
    font-size: 14px;
  }

  .endorsements__quote-icon {
    width: 37px;
  }
  .endorsements__content {
    gap: 30px;
  }
  .endorsements__content-wrapper {
    gap: 20px;
  }
  .endorsements__slider-container {
    max-width: 341px;
  }
  .endorsements .slider-nav {
    margin-inline: -8px;
  }
  .endorsements .slider-nav-btn {
    width: 30px;
    height: 30px;
  }
  .endorsements .slider-nav-btn img {
    width: 18px;
  }

  .footer__widget-title {
    font-size: 16px;
  }
  .footer__link {
    font-size: 14px;
  }
  .footer__contact-info {
    font-size: 14px;
  }
  .footer__contact-icon {
    width: 28px;
    height: 28px;
  }
  .footer__contact-icon svg {
    width: 12px;
    height: 12px;
  }
  .footer__wrapper {
    padding-bottom: 40px;
  }
  .footer__copyright {
    font-size: 12px;
  }
}