.inner-banner-section {
  background: url("../images/life-at-msc-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.life-block-section .inner-box {
  display: flex;
  gap: 80px;
  align-items: center;
  justify-content: center;
}
.life-block-section .inner-box .left-box {
  width: 100%;
}
.life-block-section .inner-box .left-box img {
  width: 100%;
  border-radius: var(--border-radius);
}
.life-block-section .inner-box .right-box {
  width: 100%;
}
.life-block-section .inner-box .right-box p {
  color: var(--font-color);
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 20px;
  font-weight: normal;
}
.life-block-section .inner-box .right-box p:last-of-type {
  margin-bottom: 0;
}
.life-block-section .inner-box .right-box p a {
  color: var(--active-btn);
}

.leadership-block-section .inner-box {
  display: flex;
  gap: 80px;
  align-items: center;
  justify-content: center;
  padding: 50px;
  background-color: #f4f4f4;
  margin-bottom: 40px;
}
.leadership-block-section .inner-box:last-of-type {
  margin-bottom: 0;
}
.leadership-block-section .inner-box .img-box {
  width: 40%;
}
.leadership-block-section .inner-box .img-box img {
  width: 100%;
}
.leadership-block-section .inner-box .content-box {
  width: 60%;
}
.leadership-block-section .inner-box .content-box p {
  color: var(--font-color);
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 20px;
  font-weight: normal;
}
.leadership-block-section .inner-box .content-box p:last-of-type {
  margin-bottom: 0;
}
.leadership-block-section .inner-box .content-box p a {
  color: var(--active-btn);
}

.gallery-section .images-box {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
}
.gallery-section .images-box img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: var(--common-space);
}
.gallery-section .images-box img.last-item {
  margin-bottom: 0;
}

@media screen and (max-width: 1919px) {
  .inner-banner-section .content-box h2 {
    font-size: 50px;
  }
  .life-block-section .inner-box .right-box p {
    font-size: 20px;
    line-height: 30px;
  }
  .leadership-block-section .inner-box {
    padding: 40px;
  }
  .leadership-block-section .inner-box .content-box {
    width: 60%;
  }
  .leadership-block-section .inner-box .content-box p {
    font-size: 20px;
    line-height: 30px;
  }
  .gallery-section .images-box img {
    height: 225px;
  }
}
@media screen and (max-width: 1599px) {
  .inner-banner-section .content-box h2 {
    font-size: 46px;
    line-height: normal;
  }
  .life-block-section .inner-box {
    gap: 60px;
  }
  .life-block-section .inner-box .right-box p {
    font-size: 18px;
    line-height: 28px;
  }
  .leadership-block-section .inner-box {
    gap: 60px;
  }
  .leadership-block-section .inner-box .content-box p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1439px) {
  .life-block-section .inner-box {
    gap: 50px;
  }
  .life-block-section .inner-box .right-box p {
    font-size: 16px;
    line-height: 26px;
  }
  .leadership-block-section .inner-box {
    gap: 50px;
  }
  .leadership-block-section .inner-box .content-box p {
    font-size: 16px;
    line-height: 26px;
  }
  .gallery-section .images-box img {
    height: 200px;
  }
}
@media screen and (max-width: 1365px) {
  .inner-banner-section .content-box h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1279px) {
  .inner-banner-section .content-box h2 {
    font-size: 34px;
  }
  .life-block-section .inner-box {
    align-items: start;
    gap: 30px;
  }
  .life-block-section .inner-box .right-box p {
    line-height: 22px;
    margin-bottom: 10px;
  }
  .leadership-block-section .inner-box {
    padding: 30px;
  }
  .leadership-block-section .inner-box .content-box p {
    line-height: 22px;
    margin-bottom: 10px;
  }
  .gallery-section .images-box img {
    height: 165px;
  }
}
@media screen and (max-width: 1023px) {
  .inner-banner-section.common-section {
    padding-top: 40px;
  }
  .inner-banner-section .content-box h2 {
    font-size: 28px;
  }
  .life-block-section .inner-box {
    display: block;
  }
  .life-block-section .inner-box .left-box {
    margin-bottom: 15px;
  }
  .leadership-block-section .inner-box {
    display: block;
    padding: 20px;
    margin-bottom: 25px;
  }
  .leadership-block-section .inner-box:nth-child(2) .img-box {
    display: table-header-group;
  }
  .leadership-block-section .inner-box:nth-child(2) .content-box {
    display: table-footer-group;
  }
  .leadership-block-section .inner-box .img-box {
    width: 100%;
  }
  .leadership-block-section .inner-box .img-box img {
    margin-bottom: 20px;
  }
  .leadership-block-section .inner-box .content-box {
    width: 100%;
  }
  .gallery-section .images-box .col-md-6, .gallery-section .images-box .col-md-5, .gallery-section .images-box .col-md-3, .gallery-section .images-box .col-md-2 {
    padding: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .life-block-section .inner-box .right-box p {
    font-size: 14px;
  }
  .leadership-block-section .inner-box {
    padding: 20px;
  }
  .leadership-block-section .inner-box .content-box p {
    font-size: 14px;
  }
  .gallery-section .images-box .col-md-3:last-of-type img {
    margin-bottom: 0;
  }
  .gallery-section .images-box .col-md-3 img {
    margin-bottom: var(--common-space);
  }
  .gallery-section .images-box img {
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  .inner-banner-section {
    background-size: cover;
  }
}
@media screen and (max-width: 479px) {
  .inner-banner-section .content-box h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .leadership-block-section .inner-box {
    padding: 10px;
  }
  .leadership-block-section .inner-box {
    margin-bottom: 15px;
  }
  .leadership-block-section .inner-box .img-box img {
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=life-at-msc.css.map */


.dark-theme .life-block-section .inner-box .right-box p,.dark-theme  .leadership-block-section .inner-box .content-box p {color: #fff;}
.dark-theme  .leadership-block-section .inner-box {background-color: #222529;}