:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red-primary: #aa0f09;
  --color-red-secondary: #d3310e;
  --color-black-primary: #060504;
  --color-black-secondary: #5d5d5d;
  --color-red-darker: #87000c;
  --color-red-darker-1: #512727;
  --color-red-dark-0: #9c2419;
  --color-red-dark-1: #aa0e09;
  --color-red-dark-2: #ab0602;
  --color-red-dark-3: #ba0c20;
  --color-red-dark-4: #ba2429;
  --color-red-dark-5: #ea505d;
  --color-red-dark-6: #b5180a;
  --color-red-medium: #cd2a2a;
  --color-red-medium-1: #db3d3d;
  --color-red-medium-2: #c8261e;
  --color-red-medium-3: #881f17;
  --color-red-medium-4: #aa0f09cc;
  --color-red-light: #d86156;
  --color-red-light-1: #ffd6d7;
  --color-red-light-2: rgba(255, 211, 207, 0.7);
  --color-red-light-3: rgba(255, 158, 149, 0.7);
  --color-red-light-4: rgba(245, 192, 188, 0.4);
  --color-red-light-5: #fcfafb;
  --color-gray-light-0: #fcfcfc;
  --color-gray-light-1: #b5b5b5;
  --color-gray-light-2: #d6d6d6;
  --color-gray-light-3: #cccccc;
  --color-gray-light-4: #dedede;
  --color-gray-light-5: #c5c5c5;
  --color-gray-light-6: #e8e3e3;
  --color-gray-light-7: #d9d9d9;
  --color-gray-light-8: #b4b4b5;
  --color-gray-light-9: #f5f5f5;
  --color-gray-light-10: #d3d3d3;
  --color-gray-light-11: #e8e8e8;
  --color-gray-light-12: #f0f0f000;
  --color-gray-light-13: #ffdede;
  --color-gray-dark-10: #1c1c1c;
  --color-gray-medium-2: #dcdcdc;
  --color-green-light: #dff0d8;
  --color-green-light-2: #d6e9c6;
  --color-green-medium: #56c256;
  --color-green-dark: #3c763d;
  --color-gray-1: #e9e9e9;
  --color-gray-2: #ececec;
  --color-gray-3: #efefef;
  --color-transparent-white: #ffffff00;
  --color-transparent-black: #00000014;
  --color-transparent-black1: #00000015;
  --color-transparent-black2: rgba(255, 247, 246, 0);
  --color-transparent-black3: rgba(0, 0, 0, 0.25);
  --color-transparent-white2: #eeeeee80;
  --color-transparent-white3: #eeeeeed4;
  --color-light-gray: #f1f1f1;
  --color-lightest-gray: #f8f8f8;
  --color-dark-gray-0: #4c4c4c;
  --color-dark-gray-1: #4b4949;
  --color-dark-gray-2: #707070;
  --color-dark-gray-3: #6b6969;
  --color-dark-gray-4: #2d2d2d;
  --color-dark-gray-5: #6d6d6d;
  --color-dark-gray-6: #909090;
  --color-dark-gray-7: #888888;
  --color-dark-gray-8: #252525;
  --color-dark-blue: #26283b;
  --color-dark-brown: #363333;
  --color-dark-blue-2: #0c181e;
  --color-dark-gray-9: #3a3a3a;
  --color-dark-gray-10: #333333;
  --color-dark-gray-11: #38393d;
  --color-dark-gray-12: #eeeeee;
  --color-dark-gray-13: #efebeb;
  --color-dark-gray-14: #212529;
  --color-dark-gray-15: #f2f1ef;
  --color-dark-gray-16: #e0e0e0;
  --color-dark-gray-17: #2a2a2a;
  --color-dark-gray-18: #5c5c5c;
  --color-dark-gray-19: #fff1f1;
  --color-dark-gray-20: #5f5f5f;
  --color-dark-gray-21: #6b6b6b;
  --color-dark-brown-1: #493d34;
  --font-family: "Lato", sans-serif;
  --font-family-icon: "iconfont";
  --font-family-icon-yt: "icomoonYt";
}

body,
html {
  font-size: 16px;
  font-family: var(--font-family);
}

.bg-grey {
  background-color: var(--color-lightest-gray);
}

.box-padding-normal,
.box-padding-inner {
  padding-left: 7.29167vw;
  padding-right: 7.29167vw;
}
@media screen and (max-width: 991px) {
  .box-padding-normal,
  .box-padding-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1359px) {
  .box-padding-normal,
  .box-padding-inner {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .box-padding-normal,
  .box-padding-inner {
    padding-left: 88px;
    padding-right: 88px;
  }
}
@media screen and (min-width: 1360px) and (max-width: 1919px) {
  .box-padding-normal,
  .box-padding-inner {
    padding-left: 7.29167vw;
    padding-right: 7.29167vw;
  }
}
@media (min-width: 1920px) {
  .box-padding-normal,
  .box-padding-inner {
    padding-left: 140px;
    padding-right: 140px;
  }
}

.bod-wrapper {
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.bod-wrapper header {
  display: flex;
  min-width: 128px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.bod-wrapper header:before {
  content: "";
  width: 61px;
  height: 4px;
  background: var(--color-red-dark-1);
}
.bod-wrapper header h4 {
  align-self: stretch;
  color: var(--color-gray-dark-10);
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 0;
}
.bod-wrapper .bod-content {
  margin-top: 20px;
  text-align: left;
}
.bod-wrapper .bod-content .bod-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
  -moz-column-gap: 64px;
       column-gap: 64px;
  margin-bottom: 120px;
  align-self: stretch;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .bod-wrapper .bod-content .bod-row {
    gap: 50px;
  }
}
@media screen and (max-width: 992px) {
  .bod-wrapper .bod-content .bod-row {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .bod-wrapper .bod-content .bod-row {
    order: 1;
  }
}
.bod-wrapper .bod-content .bod-row .column-text {
  width: 54.3%;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row .column-text {
    width: 100%;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .bod-wrapper .bod-content .bod-row .column-text {
    width: 50%;
  }
}
.bod-wrapper .bod-content .bod-row .column-text .bod-title {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  margin-bottom: 30px;
}
.bod-wrapper .bod-content .bod-row .column-text .bod-title h5 {
  color: var(--color-gray-dark-10);
  font-family: var(--font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-self: stretch;
  margin-bottom: 4px;
}
.bod-wrapper .bod-content .bod-row .column-text .bod-title p {
  color: var(--color-dark-gray-21);
  font-family: var(--font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  align-self: stretch;
}
.bod-wrapper .bod-content .bod-row .column-text p {
  color: var(--color-gray-dark-10);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  align-self: stretch;
}
.bod-wrapper .bod-content .bod-row .column-text p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row .column-text {
    order: 2;
  }
}
.bod-wrapper .bod-content .bod-row .column-image {
  display: flex;
  width: 40.6%;
  justify-content: flex-end;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row .column-image {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .bod-wrapper .bod-content .bod-row .column-image {
    width: 50%;
  }
}
.bod-wrapper .bod-content .bod-row .column-image .bod-img-wrapper {
  justify-content: flex-end;
  height: 480.194px;
  flex-shrink: 0;
  border-radius: 40px;
  background: linear-gradient(138deg, var(--color-gray-light-12) 41.33%, var(--color-gray-light-13) 91.6%);
  order: 2;
  padding: 0 10px;
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .bod-wrapper .bod-content .bod-row .column-image .bod-img-wrapper {
    width: 100%;
    height: auto;
  }
}
.bod-wrapper .bod-content .bod-row .column-image .bod-img-wrapper img {
  max-width: 100%;
  flex-shrink: 0;
  width:100%;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row .column-image {
    order: 1;
  }
}
.bod-wrapper .bod-content .bod-row:nth-child(even) .column-image {
  order: 1;
}
.bod-wrapper .bod-content .bod-row:nth-child(even) .column-text {
  order: 2;
}
@media screen and (max-width: 576px) {
  .bod-wrapper .bod-content .bod-row:nth-child(even) .column-image {
    order: 1;
  }
  .bod-wrapper .bod-content .bod-row:nth-child(even) .column-text {
    order: 2;
  }
}
.bod-wrapper .bod-content .bod-row:last-child {
  margin-bottom: 0;
}

.pe-wrapper {
  padding: 82px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
}
.pe-wrapper header {
  display: flex;
  min-width: 128px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.pe-wrapper header:before {
  content: "";
  width: 61px;
  height: 4px;
  background: var(--color-red-dark-1);
}
.pe-wrapper header h4 {
  align-self: stretch;
  color: var(--color-gray-dark-10);
  font-family: var(--font-family);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 0;
}
.pe-wrapper .pe-slider {
  width: 100%;
  margin: 0 auto;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide {
  margin: 0px 15px;
  max-width: 228px;
  box-sizing: border-box;
  transition: all ease-in-out 0.3s;
  opacity: 1;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image {
  position: relative;
  overflow: hidden;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image img {
  width: 100%;
  filter: grayscale(100%);
  max-width: 228px;
  margin: 0;
  padding: 0;
  bottom: 0;
  outline: 0;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-red-medium-4);
  transform: translateY(105%);
  transition: all ease 300ms;
  opacity: 0;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover i.hover-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: solid 2px var(--color-white);
  display: flex;
  align-items: center;
  color: var(--color-white);
  justify-content: center;
  font-size: 28px;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover i.hover-icon[class^=fs-icon-], .pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover i.hover-icon[class*=" fs-icon-"] {
  font-family: var(--font-family-icon) !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover i.hover-icon[class^=fs-icon-]::before, .pe-wrapper .pe-slider .pe-slider-item.slick-slide a .people-image-hover i.hover-icon[class*=" fs-icon-"]::before {
  content: "\e901";
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide a:hover .people-image-hover {
  transform: translateY(0);
  opacity: 1;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide .slider-item-data {
  width: 228px;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide .slider-item-data h5.name {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 2px 0;
  padding: 0;
  color: var(--color-black-primary);
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide .slider-item-data p.designation {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: var(--color-black-secondary);
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide.slick-active {
  opacity: 1;
}
.pe-wrapper .pe-slider .pe-slider-item.slick-slide.slick-current {
  opacity: 1;
}

.people-popup {
  position: static !important;
  background-color: var(--color-white);
  max-width: 575px;
  height: 100vh;
  overflow: auto;
  padding: 120px 50px;
  float: right;
}
@media screen and (max-width: 767px) {
  .people-popup {
    max-width: 100%;
    padding: 60px 15px;
  }
}
.people-popup img {
  max-width: 210px;
  margin-bottom: 40px;
}
.people-popup .popup-top {
  border-bottom: solid 1px var(--color-black-primary);
  padding-bottom: 10px;
}
.people-popup .popup-top p {
  font-size: 18px;
  color: var(--color-black-secondary);
  margin-bottom: 20px;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .people-popup .popup-top .people-image {
    margin-bottom: 20px;
  }
}
.people-popup .popup-top .people-image img {
  filter: grayscale(100%);
  transition: all ease-in-out 0.3s;
}
.people-popup .popup-top .people-image img:hover {
  filter: grayscale(0);
}
.people-popup h4 {
  font-size: 28px;
}
@media screen and (max-width: 991px) {
  .people-popup h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.people-popup .popup-bottom {
  padding-top: 20px;
}
.people-popup p {
  line-height: 26px;
  color: var(--color-black-secondary);
  margin-bottom: 20px;
  font-size: 16px;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: opacity 800ms ease;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  transform: translateX(1360px);
  transition: transform 800ms ease;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  transform: translateX(0);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  transform: translateX(1360px);
}

/* other sections in the leadership page */
.innerpage-banner {
  max-width: 100%;
  padding-bottom: 9.25926vh;
  padding-top: 16.66667vh;
}
.innerpage-banner h1 {
  font-weight: 700;
  font-size: 64px;
  line-height: 76px;
  margin-bottom: 20px;
}
.innerpage-banner p {
  font-size: 36px;
  line-height: 54px;
  color: var(--color-black-primary);
  margin: 0;
}
.innerpage-banner p .highlight {
  color: var(--color-red-primary);
}

/* * */
.section-banner {
  display: block;
}
.section-banner img {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}/*# sourceMappingURL=leadership-page.css.map */

.innerpage-service-banner{ 
  margin-bottom:100px;
}
 
.innerpage-service-banner .frame{
  background-size: cover !important;
  min-height: 400px;
}