/* 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 {
    font-size: 28rem;
  }
  /* line 15, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.5rem;
    width: 64%;
  }
  /* line 20, 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 32, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 71%;
  }
  /* line 36, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 330px;
    height: 470px;
  }
  /* line 41, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 140px;
  }
  /* line 45, 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 53, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    padding: 10px 0px 20px 0px;
  }
  /* line 57, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-container {
    gap: 20px;
  }
  /* line 61, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
    width: 72%;
  }
  /* line 66, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-our-vision-cont {
    width: 90%;
  }
  /* line 70, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 26rem;
    margin-top: 70px;
  }
}

/* Max width 1260px */
@media only screen and (max-width: 1260px) {
  /* line 80, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-cont {
    margin-bottom: 25px;
  }
  /* line 84, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 24rem;
  }
  /* line 88, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
  }
  /* line 92, 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 104, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 82%;
  }
  /* line 108, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-title,
.leadership-cont-title {
    font-size: 3.3rem;
  }
  /* line 113, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-detail,
.leadership-cont-detail {
    font-size: 1.1rem;
  }
  /* line 118, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-team-inner-wrapper {
    height: 240px;
  }
  /* line 122, 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 130, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-title {
    font-size: 3rem;
  }
  /* line 134, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    font-size: 1.6rem;
  }
  /* line 138, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 275px;
    height: 400px;
  }
  /* line 143, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 100px;
  }
  /* line 147, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-info {
    font-size: 1rem;
  }
  /* line 151, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 17px;
    height: 17px;
  }
  /* .aboutUs-card {
        width: 330px;
        height: 530px;
    } */
  /* line 161, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 3rem;
  }
  /* line 165, 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 173, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    height: auto;
  }
  /* line 178, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 30rem;
  }
  /* line 182, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 88%;
    font-size: 3rem;
  }
  /* line 187, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    width: 95%;
  }
  /* line 191, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-title,
.leadership-cont-title {
    font-size: 3.1rem;
  }
  /* line 196, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-visionaries-cont-detail,
.leadership-cont-detail {
    font-size: 1.5rem;
  }
  /* line 201, 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 210, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    background-size: 40px 40px;
  }
  /* line 214, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 28rem;
  }
  /* line 218, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.8rem;
  }
  /* line 222, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-title {
    font-size: 2.3rem;
  }
  /* line 226, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-mrfr-detail {
    font-size: 1.4rem;
  }
  /* line 230, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 310px;
  }
  /* line 236, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 280px;
    height: 440px;
  }
  /* line 241, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 130px;
  }
  /* line 245, 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 254, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 26rem;
  }
  /* line 258, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    width: 87%;
  }
  /* line 262, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 400px;
  }
  /* line 268, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 2.9rem;
  }
  /* line 272, 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 280, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .top-band {
    display: none;
  }
  /* line 284, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    padding: 0px;
  }
  /* line 288, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 22rem;
    line-height: 240px;
  }
  /* line 293, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.5rem;
  }
  /* line 297, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-container {
    margin: 72px 0px 0px 0px;
  }
  /* line 301, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1rem;
    min-height: 360px;
  }
  /* line 308, 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 320, 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 326, 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 332, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 120px;
  }
  /* line 336, 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 343, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 2.5rem;
  }
  /* line 347, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 700px) {
  /* line 353, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 20rem;
  }
  /* line 357, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.2rem;
  }
  /* line 361, 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 371, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 20rem;
  }
  /* line 375, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2rem;
    width: 94%;
  }
  /* line 380, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-group-01 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 386, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container {
    width: 100%;
  }
  /* line 391, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1.5rem;
  }
  /* line 397, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card {
    width: 270px;
    height: 370px;
  }
  /* line 402, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 105px;
  }
  /* line 406, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-info {
    font-size: 1rem;
  }
  /* line 410, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-footer {
    width: 15px;
    height: 15px;
  }
}

@media only screen and (max-width: 600px) {
  /* line 418, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 18rem;
    line-height: 190px;
  }
  /* line 423, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group h2 {
    font-size: 3rem;
    margin: 0px;
  }
  /* line 428, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont-group h3 {
    font-size: 1.2rem;
  }
  /* line 432, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-team-inner-wrapper {
    height: 140px;
  }
  /* line 436, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-image img {
    width: 125px;
  }
  /* line 440, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-card-title {
    font-size: 1.8rem;
  }
  /* line 444, 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 452, 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 460, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    min-height: 230px;
  }
  /* line 466, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-vision-container,
.our-values-container,
.our-approach-container {
    padding: 1rem;
  }
  /* line 471, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    margin-top: 0px;
  }
  /* line 474, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section {
    /* height: 60vh; */
    height: auto;
  }
  /* line 478, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutUs-our-visionaries-wrapper {
    /* padding: 30px 0px 50px 0px; */
    padding: 30px 0px 30px 0px;
  }
  /* line 483, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .aboutus-our-journey-wrapper {
    /* padding: 50px 0px 50px 0px; */
    padding: 30px 0px 30px 0px;
  }
  /* line 487, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-title-group {
    /* padding: 20px 0px 20px 0px; */
    padding: 0px 0px 20px 0px;
  }
}

@media only screen and (max-width: 490px) {
  /* line 494, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 15rem;
  }
  /* line 498, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 2.4rem;
    width: 88%;
    margin-bottom: 30px;
  }
  /* line 503, 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 514, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .our-journey-img-cont {
    width: 100%;
  }
  /* line 517, 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 528, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 13.5rem;
  }
  /* line 532, 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 539, app/assets/stylesheets/pages/aboutus-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 12.5rem;
  }
}
