/* Max width 1700px */
@media only screen and (max-width: 1750px) {
  /* line 3, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 330px;
    height: 580px;
  }
}

/* Max width 1550px */
@media only screen and (max-width: 1550px) {
  /* line 11, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    height: 16rem;
  }
  /* line 16, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.5rem;
    width: 100%;
  }
  /* line 21, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-image {
    width: 100%;
  }
}

/* Max width 1400px */
@media only screen and (max-width: 1400px) {
  /* .about-us-hero-section-title {
        background-size: 85%;
    } */
  /* line 37, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 330px;
    height: 470px;
  }
  /* line 42, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 140px;
  }
  /* line 46, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 20px;
    height: 20px;
  }
}

/* Max width 1300px */
@media only screen and (max-width: 1300px) {
  /* line 54, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    padding: 10px 0px 20px 0px;
  }
  /* line 58, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-container {
    gap: 20px;
  }
  /* line 62, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
  }
  /* line 67, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-our-vision-cont {
    width: 90%;
  }
  /* line 71, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    margin-top: 28px;
  }
}

/* Max width 1260px */
@media only screen and (max-width: 1260px) {
  /* line 82, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-cont {
    margin-bottom: 25px;
  }
  /* line 86, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 24rem;
  }
  /* line 90, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
  }
  /* line 94, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 350px;
  }
}

/* Max width 1100px */
@media only screen and (max-width: 1100px) {
  /* line 106, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 82%;
  }
  /* line 110, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-title,
.leadership-cont-title {
    font-size: 3.3rem;
  }
  /* line 115, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-detail,
.leadership-cont-detail {
    font-size: 1.1rem;
  }
  /* line 120, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-team-inner-wrapper {
    height: 240px;
  }
  /* line 124, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .leadership-card-inner-wrapper {
    flex-wrap: wrap;
  }
}

/* Max width 1080px */
@media only screen and (max-width: 1080px) {
  /* line 132, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-title {
    font-size: 3rem;
  }
  /* line 136, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    font-size: 1.6rem;
  }
  /* line 140, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 275px;
    height: 400px;
  }
  /* line 145, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 100px;
  }
  /* line 149, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-info {
    font-size: 1rem;
  }
  /* line 153, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 17px;
    height: 17px;
  }
  /* .aboutUs-card {
        width: 330px;
        height: 530px;
    } */
  /* line 163, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 3rem;
  }
  /* line 167, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 2rem;
  }
}

/* Max width 1026px */
@media only screen and (max-width: 1026px) {
  /* line 175, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    height: auto;
  }
  /* line 180, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 30rem;
  }
  /* line 184, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 100%;
    font-size: 2.4rem;
  }
  /* line 191, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    width: 95%;
  }
  /* line 195, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-title,
.leadership-cont-title {
    font-size: 3.1rem;
  }
  /* line 200, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-detail,
.leadership-cont-detail {
    font-size: 1.5rem;
  }
  /* line 205, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .visionaries-card-inner-wrapper,
.leadership-card-inner-wrapper {
    flex-wrap: wrap;
  }
}

/* Max width 980px */
@media only screen and (max-width: 980px) {
  /* line 214, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    background-size: 40px 40px;
  }
  /* line 218, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 28rem;
  }
  /* line 222, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
  }
  /* line 226, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-title {
    font-size: 2.3rem;
  }
  /* line 230, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    font-size: 1.4rem;
  }
  /* line 234, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 310px;
  }
  /* line 240, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 280px;
    height: 440px;
  }
  /* line 245, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 130px;
  }
  /* line 249, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 20px;
    height: 20px;
  }
}

/* Max width 900px */
@media only screen and (max-width: 900px) {
  /* line 258, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    width: 70%;
    font-size: 26rem;
  }
  /* line 263, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 90%;
  }
  /* line 267, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 400px;
  }
  /* line 273, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 2.9rem;
  }
  /* line 277, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1.8rem;
  }
}

/* Max width 800px */
@media only screen and (max-width: 800px) {
  /* line 285, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .top-band {
    display: none;
  }
  /* line 289, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    padding: 0px;
  }
  /* line 293, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 22rem;
    line-height: 240px;
  }
  /* line 298, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.5rem;
  }
  /* line 302, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-container {
    margin: 72px 0px 20px 0px;
  }
  /* line 307, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1rem;
    min-height: 360px;
  }
  /* line 314, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container article,
.our-values-container article,
.our-approach-container article {
    font-size: 0.9rem;
  }
}

/* Max width 750px */
@media only screen and (max-width: 750px) {
  /* line 326, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container h2,
.our-values-container h2,
.our-approach-container h2 {
    font-size: 2.6rem;
  }
  /* line 332, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container article,
.our-values-container article,
.our-approach-container article {
    font-size: 1rem;
  }
  /* line 338, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 120px;
  }
  /* line 342, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-title,
.leadership-cont-title {
    font-size: 2.8rem;
    margin: 0px;
    padding-bottom: 20px;
  }
  /* line 349, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 2.5rem;
  }
  /* line 353, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1.4rem;
  }
  /* line 356, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-info {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow-y: auto;
    max-height: 90px;
  }
}

@media only screen and (max-width: 700px) {
  /* line 366, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 20rem;
  }
  /* line 370, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.2rem;
  }
  /* line 374, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-detail,
.leadership-cont-detail {
    width: 100%;
    font-size: 1.3rem;
  }
}

/* Max width 650px */
@media only screen and (max-width: 650px) {
  /* line 384, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 20rem;
  }
  /* line 388, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 1.8rem;
    width: 100%;
  }
  /* line 394, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-group-01 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 400, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container {
    width: 100%;
  }
  /* line 405, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1.5rem;
  }
  /* line 411, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 270px;
    height: 370px;
  }
  /* line 416, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 105px;
  }
  /* line 420, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-info {
    font-size: 1rem;
  }
  /* line 424, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 15px;
    height: 15px;
  }
}

@media only screen and (max-width: 600px) {
  /* line 432, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 18rem;
    line-height: 190px;
  }
  /* line 437, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 3rem;
    margin: 0px;
  }
  /* line 442, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1.2rem;
  }
  /* line 446, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-team-inner-wrapper {
    height: 140px;
  }
  /* line 450, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 125px;
  }
  /* line 454, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-title {
    font-size: 1.8rem;
  }
  /* line 458, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 350px;
    height: 400px;
  }
}

/* Max width 540px */
@media only screen and (max-width: 540px) {
  /* line 466, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 16rem;
  }
}

/* Max width 500px */
@media only screen and (max-width: 500px) {
  /* line 474, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 230px;
  }
  /* line 480, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1rem;
  }
  /* line 485, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    margin-top: 0px;
    height: 14rem;
  }
  /* line 489, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    /* height: 60vh; */
    height: auto;
  }
  /* line 493, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-visionaries-wrapper {
    /* padding: 30px 0px 50px 0px; */
    padding: 30px 0px 30px 0px;
  }
  /* line 498, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutus-our-journey-wrapper {
    /* padding: 50px 0px 50px 0px; */
    padding: 30px 0px 30px 0px;
  }
  /* line 502, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group {
    /* padding: 20px 0px 20px 0px; */
    padding: 0px 0px 20px 0px;
  }
  /* line 506, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 490px) {
  /* line 512, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 14rem;
  }
  /* line 517, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.4rem;
    width: 88%;
    margin-bottom: 30px;
  }
  /* line 522, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    /* height: 60vh; */
    height: auto;
  }
}

/* Max width 440px */
@media only screen and (max-width: 440px) {
  /* line 533, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont {
    width: 100%;
  }
  /* line 536, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 2rem;
    text-align: center;
    margin: 0px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 547, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    height: 10rem;
  }
  /* line 551, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-container {
    margin: 72px 0px 0px 0px;
  }
  /* line 555, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 375px) {
  /* line 562, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 10.5rem;
  }
}