@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .cnt {
    width: 95%;
  }

  .logo {
    width: 100px;
  }

  .hero__title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .hero__text {
    font-size: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 1rem;
    width: 100%;
  }

  .hero__cta a {
    font-family: var(--primary-font);
    padding: 1rem 2rem;
    font-size: 1.8rem;
  }

  .hero__content {
    left: 0;
    padding: 0 5%;
    top: 55%;
  }

  .hero__slide {
    padding: 30% 0 0 0;
  }

  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .hero .swiper-button-next {
    left: 15%;
  }

  .hero .swiper-button-next:after,
  .hero .swiper-button-prev:after {
    font-size: 15px;
  }

  .about__hp .cnt__wrapper {
    flex-direction: column;
  }

  .about__hp--img {
    width: 100%;
    padding: 2rem 0 0 2rem;
  }

  .about__hp--desc {
    width: 100%;
    margin-top: 3rem;
  }

  .about__hp--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .about__hp--subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
  }

  .about__hp--text {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .about__hp--btn a {
    font-size: 1.8rem;
  }

  .mission__hp {
    padding: 2rem 0;
  }

  .mission-title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .mission-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .mission__wrapper {
    display: flex;
    margin-top: 4rem;
    gap: 2.5%;
    flex-direction: column;
  }

  .mission-box {
    width: 100%;
    height: 300px;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 10%;
  }

  .services__hp {
    padding: 4rem 0;
    overflow: hidden;
  }

  .services__hp--title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .services__hp--desc {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .services__wrapper {
    flex-direction: column;
  }

  .services__wrapper .services__box {
    height: 500px;
    margin-bottom: 5rem;
    padding: 3rem;
    width: 100% !important;
  }

  .services__box--title {
    font-size: 3rem;
    line-height: 3rem;
  }

  .services__box--text {
    font-size: 2rem;
    line-height: 2.4rem;
    width: 100%;
  }

  .corporate__hp {
    padding: 4rem 0 0;
  }

  .corporate-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .corporate-subtitle {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 2rem;
    width: 100%;
  }

  .corporate__info {
    width: 100%;
    height: 400px;
    padding: 3rem;
  }

  .corporate__services--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__services--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
    margin-top: 2rem;
    height: auto;
  }

  .corporate__slider .swiper-button-next,
  .corporate__slider .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: var(--yellow);
    border-radius: 100%;
    color: #ffff;
    top: 20%;
    transition: all 0.3s ease-in-out;
  }

  .corporate__slider .swiper-button-next:after,
  .corporate__slider .swiper-button-prev:after {
    font-size: 15px;
  }

  /* .corporate__slider .swiper-button-prev{
        left: 5%;
        right: auto;
    }
    .corporate__slider .swiper-button-next{
        right: auto;
        left: 8%;
    } */

  .corporate__slider .swiper-button-next:hover,
  .corporate__slider .swiper-button-prev:hover {
    background: var(--brightCoral);
  }

  .testimonials__slider--wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .testimonials__slider--img {
    width: 60%;
  }

  .testimonials__slider--img::after {
    bottom: 0px;
  }

  .testimonials__slider--desc {
    width: 100%;
  }

  .testimonials__slider--text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .testimonials__slider--author {
    font-size: 2rem;
    line-height: 2rem;
    margin-top: 30px;
  }

  .blog__hp {
    padding: 5rem 5%;
  }

  .new__wrapper {
    display: flex;
    gap: 0;
    margin-top: 5rem;
    flex-direction: column;
  }

  .news__box {
    width: 100%;
    margin-bottom: 5%;
  }

  .bmi-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .bmi-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .contact__form {
    flex-direction: column;
    margin-top: 0;
  }

  .contact-title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .contact__details {
    width: 100%;
  }

  .contact-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .forms,
  .contact__form > div {
    width: 100%;
  }

  .contact__img {
    width: 100% !important;
    margin-top: 15%;
  }

  .footer {
    padding: 4rem 5%;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .social__media {
    display: flex;
    gap: 10px;
    margin-left: 0;
    margin-top: 20px;
  }

  .footer__links {
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
  }

  .footer__links ul li {
    margin-left: 0;
    margin-right: 10px;
  }

  .info__contact li a {
    font-size: 1.6rem;
  }

  .footer__copywrite {
    font-size: 1.6rem;
    margin-right: auto;
    margin-top: 20px;
  }

  .about__intro {
    padding: 15rem 0 5rem;
  }

  .about__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .about__intro--text {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .aboutp__img {
    width: 100%;
  }

  .about__page .about__hp--desc {
    width: 100%;
  }

  .mission__inner--title {
    color: var(--brightCoral);
    font-size: 3rem;
    line-height: 4rem;
  }

  .mission__ab--box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .mission__ab--box--text {
    font-size: 1.8rem;
  }

  .gallery__desc--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .gallery__desc--subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .gallery__btn a {
    padding: 1rem 2rem;
    font-size: 1.8rem;
  }

  .gallery__boxes {
    width: 100%;
    margin: 4rem auto;
  }

  .blog_details {
    padding: 15rem 0 5rem;
  }

  .blog_details__title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .blog_details__text {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .blog__details--img {
    width: 100%;
  }

  .blog_details--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
  }

  .blog__hp.blog-listing .new__wrapper {
    grid-gap: 0%;
  }

  .forms {
    width: 100%;
    margin-top: 30px;
  }

  .corporate__wrapper {
    flex-direction: column;
  }

  .corporate__img {
    width: 100%;
  }

  .corporate__intro--info {
    width: 100%;
    padding: 4% 5%;
  }

  .corporate__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .corporate__intro--text {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
  }

  .corporate__wrapper--details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 3%;
    padding: 5rem 5%;
  }

  .corporate__intro {
    margin-top: 10rem;
    padding: 10rem 0;
  }

  .c__benefit-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .c__benefit-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .benefit__box--title {
    font-size: 3rem;
    line-height: 4rem;
    padding-left: 15%;
  }

  .benefit__box--title::before {
    content: "";
    width: 25px;
    height: 5px;
  }

  .benefit__box--text {
    padding-left: 15%;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-top: 15px;
  }

  .corporate__inner--wp {
    grid-template-columns: repeat(1, 1fr);
  }

  .services__inner--box {
    width: 100%;
    display: flex;
    margin-bottom: 15%;
    flex-direction: column;
  }

  .services__inner--img {
    width: 100%;
    height: 300px;
  }

  .services__inner--desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5% 5% 0 5%;
  }

  .services__inner--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .services__inner--text {
    width: 100%;
  }

  .services__inner--btn a {
    font-size: 1.8rem;
  }

  .services__inner--box:nth-child(even) .services__inner--img {
    order: 1;
  }

  .hero__slide img {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    overflow-x: hidden;
  }
  .cnt {
    width: 95%;
  }

  .logo {
    width: 100px;
  }

  .hero__title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .hero__text {
    font-size: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 1rem;
    width: 100%;
  }

  .hero__cta a {
    font-family: var(--primary-font);
    padding: 1rem 2rem;
    font-size: 1.8rem;
  }

  .hero__content {
    left: 0;
    padding: 0 5%;
    top: 55%;
  }

  .hero__slide {
    padding: 30% 0 0 0;
  }

  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .hero .swiper-button-next {
    left: 15%;
  }

  .hero .swiper-button-next:after,
  .hero .swiper-button-prev:after {
    font-size: 15px;
  }

  .about__hp .cnt__wrapper {
    flex-direction: column;
  }

  .about__hp--img {
    width: 100%;
    padding: 2rem 0 0 2rem;
  }

  .about__hp--desc {
    width: 100%;
    margin-top: 3rem;
  }

  .about__hp--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .about__hp--subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
  }

  .about__hp--text {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .about__hp--btn a {
    font-size: 1.8rem;
  }

  .mission__hp {
    padding: 2rem 0;
  }

  .mission-title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .mission-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .mission__wrapper {
    display: flex;
    margin-top: 4rem;
    gap: 2.5%;
    flex-direction: column;
  }

  .mission-box {
    width: 100%;
    height: 300px;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 10%;
  }

  .services__hp {
    padding: 4rem 0;
    overflow: hidden;
  }

  .services__hp--title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .services__hp--desc {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .services__wrapper {
    flex-direction: column;
  }

  .services__wrapper .services__box {
    height: 500px;
    margin-bottom: 5rem;
    padding: 3rem;
    width: 100% !important;
  }

  .services__box--title {
    font-size: 3rem;
    line-height: 3rem;
  }

  .services__box--text {
    font-size: 2rem;
    line-height: 2.4rem;
    width: 100%;
  }

  .corporate__hp {
    padding: 4rem 0 0;
  }

  .corporate-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .corporate-subtitle {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 2rem;
    width: 100%;
  }

  .corporate__info {
    width: 100%;
    height: 400px;
    padding: 3rem;
  }

  .corporate__services--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__services--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
    margin-top: 2rem;
    height: auto;
  }

  .corporate__slider .swiper-button-next,
  .corporate__slider .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: var(--yellow);
    border-radius: 100%;
    color: #ffff;
    top: 20%;
    transition: all 0.3s ease-in-out;
  }

  .corporate__slider .swiper-button-next:after,
  .corporate__slider .swiper-button-prev:after {
    font-size: 15px;
  }

  /* .corporate__slider .swiper-button-prev{
        left: 5%;
        right: auto;
    }
    .corporate__slider .swiper-button-next{
        right: auto;
        left: 8%;
    } */

  .corporate__slider .swiper-button-next:hover,
  .corporate__slider .swiper-button-prev:hover {
    background: var(--brightCoral);
  }

  .testimonials__slider--wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .testimonials__slider--img {
    width: 60%;
  }

  .testimonials__slider--img::after {
    bottom: 0px;
  }

  .testimonials__slider--desc {
    width: 100%;
  }

  .testimonials__slider--text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .testimonials__slider--author {
    font-size: 2rem;
    line-height: 2rem;
    margin-top: 30px;
  }

  .blog__hp {
    padding: 5rem 5%;
  }

  .new__wrapper {
    display: flex;
    gap: 0;
    margin-top: 5rem;
    flex-direction: column;
  }

  .news__box {
    width: 100%;
    margin-bottom: 5%;
  }

  .bmi-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .bmi-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .contact__form {
    flex-direction: column;
    margin-top: 0;
  }

  .contact-title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .contact__details {
    width: 100%;
  }

  .contact-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .contact__img {
    width: 100%;
    margin-top: 15%;
  }

  .footer {
    padding: 4rem 5%;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .social__media {
    display: flex;
    gap: 10px;
    margin-left: 0;
    margin-top: 20px;
  }

  .footer__links {
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
  }

  .footer__links ul li {
    margin-left: 0;
    margin-right: 10px;
  }

  .info__contact li a {
    font-size: 1.6rem;
  }

  .footer__copywrite {
    font-size: 1.6rem;
    margin-right: auto;
    margin-top: 20px;
  }

  .about__intro {
    padding: 15rem 0 5rem;
  }

  .about__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .about__intro--text {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .aboutp__img {
    width: 100%;
  }

  .about__page .about__hp--desc {
    width: 100%;
  }

  .mission__inner--title {
    color: var(--brightCoral);
    font-size: 3rem;
    line-height: 4rem;
  }

  .mission__ab--box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .mission__ab--box--text {
    font-size: 1.8rem;
  }

  .gallery__desc--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .gallery__desc--subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .gallery__btn a {
    padding: 1rem 2rem;
    font-size: 1.8rem;
  }

  .gallery__boxes {
    width: 100%;
    margin: 4rem auto;
  }

  .blog_details {
    padding: 15rem 0 5rem;
  }

  .blog_details__title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .blog_details__text {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .blog__details--img {
    width: 100%;
  }

  .blog_details--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
  }

  .blog__hp.blog-listing .new__wrapper {
    grid-gap: 1%;
  }

  .forms {
    width: 100%;
    margin-top: 30px;
  }

  .corporate__wrapper {
    flex-direction: column;
  }

  .corporate__img {
    width: 100%;
  }

  .corporate__intro--info {
    width: 100%;
    padding: 4% 5%;
  }

  .corporate__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .corporate__intro--text {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
  }

  .corporate__wrapper--details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 3%;
    padding: 5rem 5%;
  }

  .corporate__intro {
    margin-top: 10rem;
    padding: 10rem 0;
  }

  .c__benefit-title {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
  }

  .c__benefit-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 2rem;
    width: 100%;
  }

  .benefit__box--title {
    font-size: 3rem;
    line-height: 4rem;
    padding-left: 15%;
  }

  .benefit__box--title::before {
    content: "";
    width: 25px;
    height: 5px;
  }

  .benefit__box--text {
    padding-left: 15%;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-top: 15px;
  }

  .corporate__inner--wp {
    grid-template-columns: repeat(1, 1fr);
  }

  .services__inner--box {
    width: 100%;
    display: flex;
    margin-bottom: 15%;
    flex-direction: column;
  }

  .services__inner--img {
    width: 100%;
    height: 300px;
  }

  .services__inner--desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5% 5% 0 5%;
  }

  .services__inner--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .services__inner--text {
    width: 100%;
  }

  .services__inner--btn a {
    font-size: 1.8rem;
  }

  .services__inner--box:nth-child(even) .services__inner--img {
    order: 1;
  }

  .hero__slide img {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1183px) {
  .logo {
    width: 125px;
  }

  .header__nav li a {
    font-size: 2rem;
  }

  .hero__title {
    font-size: 7rem;
    line-height: 7rem;
  }

  .hero__text {
    font-size: 3rem;
    line-height: 3.8rem;
    width: 60%;
  }

  .hero__cta a {
    padding: 1rem 2rem;
    font-size: 2.4rem;
  }

  .hero .swiper-button-next {
    right: auto;
    left: 10%;
  }

  .cnt {
    width: 95%;
  }

  .about__hp--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .about__hp--text {
    font-size: 1.8rem;
  }

  .about__hp--btn a {
    font-size: 1.8rem;
  }

  .mission-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .mission-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .mission-box--desc p {
    height: 115px;
  }

  .services__hp {
    padding: 5rem 0;
  }

  .services__hp--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .services__hp--desc {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .services__box--title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .corporate__hp {
    padding: 5rem 0 0;
  }

  .corporate-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .corporate-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__info {
    padding: 2rem;
  }

  .corporate__services--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__services--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
    margin-top: 2rem;
    height: 120px;
  }

  .testimonials__slider--text {
    font-size: 2.4rem;
    line-height: 4rem;
  }

  .testimonials__slider--author {
    font-size: 2rem;
    line-height: 2rem;
  }

  .bmi-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .bmi-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .contact-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .contact-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .about__intro {
    padding: 20rem 0 5rem;
  }

  .about__intro--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .about__intro--text {
    font-size: 3rem;
    line-height: 4rem;
  }

  .mission__ab--box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .gallery__desc--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .gallery__desc--subtitle {
    font-size: 3rem;
    line-height: 4rem;
  }

  .gallery__btn a {
    font-size: 1.8rem;
  }

  .blog_details {
    padding: 20rem 0 5rem;
  }

  .blog_details__title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .blog_details__text {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
  }

  .blog__hp.blog-listing {
    padding: 1rem 10px 15rem;
  }

  .corporate__intro--info {
    width: 50%;
    padding: 3%;
  }

  .corporate__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .corporate__intro--text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .cwd-box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .c__benefit-title {
    font-size: 5rem;
    line-height: 6rem;
    width: 65%;
  }

  .c__benefit-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .benefit__box--title {
    font-size: 5rem;
    line-height: 6rem;
    padding-left: 4%;
  }

  .benefit__box--text {
    padding-left: 4%;
  }

  .services__inner--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .services__inner--btn a {
    font-size: 1.8rem;
  }

  .hero__slide img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    bottom: 0;
  }

  .about__hp .cnt__wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }

  .about__hp--desc {
    width: 80%;
    margin-top: 5rem;
  }

  .mission-box {
    width: 47%;
    padding: 2rem;
    margin-bottom: 30px;
  }

  .mission__wrapper {
    display: flex;
    margin-top: 4rem;
    gap: 2.5%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1184px) and (max-width: 1719px) {
  .logo {
    width: 125px;
  }

  .header__nav li a {
    font-size: 2rem;
  }

  .hero__title {
    font-size: 7rem;
    line-height: 7rem;
  }

  .hero__text {
    font-size: 3rem;
    line-height: 3.8rem;
    width: 60%;
  }

  .hero__cta a {
    padding: 1rem 2rem;
    font-size: 2.4rem;
  }

  .hero .swiper-button-next {
    right: auto;
    left: 10%;
  }

  .cnt {
    width: 95%;
  }

  .about__hp--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .about__hp--text {
    font-size: 1.8rem;
  }

  .about__hp--btn a {
    font-size: 1.8rem;
  }

  .mission-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .mission-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .mission-box--desc p {
    height: 115px;
  }

  .services__hp {
    padding: 5rem 0;
  }

  .services__hp--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .services__hp--desc {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .services__box--title {
    font-size: 3rem;
    line-height: 4rem;
  }

  .corporate__hp {
    padding: 5rem 0 0;
  }

  .corporate-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .corporate-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__info {
    padding: 2rem;
  }

  .corporate__services--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .corporate__services--text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 100%;
    margin-top: 2rem;
    height: 120px;
  }

  .testimonials__slider--text {
    font-size: 2.4rem;
    line-height: 4rem;
  }

  .testimonials__slider--author {
    font-size: 2rem;
    line-height: 2rem;
  }

  .bmi-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .bmi-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .contact-title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .contact-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .about__intro {
    padding: 20rem 0 5rem;
  }

  .about__intro--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .about__intro--text {
    font-size: 3rem;
    line-height: 4rem;
  }

  .mission__ab--box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .gallery__desc--title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .gallery__desc--subtitle {
    font-size: 3rem;
    line-height: 4rem;
  }

  .gallery__btn a {
    font-size: 1.8rem;
  }

  .blog_details {
    padding: 20rem 0 5rem;
  }

  .blog_details__title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .blog_details__text {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
  }

  .blog__hp.blog-listing {
    padding: 1rem 10px 15rem;
  }

  .corporate__intro--info {
    width: 50%;
    padding: 3%;
  }

  .corporate__intro--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .corporate__intro--text {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .cwd-box--title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .c__benefit-title {
    font-size: 5rem;
    line-height: 6rem;
    width: 65%;
  }

  .c__benefit-subtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .benefit__box--title {
    font-size: 5rem;
    line-height: 6rem;
    padding-left: 4%;
  }

  .benefit__box--text {
    padding-left: 4%;
  }

  .services__inner--title {
    font-size: 4rem;
    line-height: 5rem;
  }

  .services__inner--btn a {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1529px) {
  .testimonials__slider--text {
    font-size: 3rem;
    line-height: 4rem;
  }
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
  .testimonials__slider--text {
    font-size: 3.5rem;
    line-height: 5rem;
  }
}

@media screen and (min-width: 1664px) and (max-width: 1719px) {
  .testimonials__slider--text {
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .testimonials__slider--author {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 1729px) and (max-width: 1800px) {
  html {
    font-size: 58.5%;
  }
}

@media screen and (min-width: 2400px) and (max-width: 2700px) {
}