/* Basic resets */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;height:auto;display:block}



/* Layout helpers */
.container{max-width:1140px;margin-inline:auto;padding:0 16px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.col{padding:0 12px;flex:1 0 0%}

/* Card/grid patterns commonly used on leadership */
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(17,25,40,.06);overflow:hidden}
.card-body{padding:20px}

/* Team section */
.leadership-hero{padding:56px 0;text-align:center;background:#f8fafc}
.leadership-team{padding:40px 0}
.leader{display:flex;gap:20px;align-items:flex-start;margin:16px 0}
.leader__photo{flex:0 0 120px;border-radius:12px;overflow:hidden}
.leader__meta h3{margin:0 0 .25rem;font-size:1.25rem}
.leader__role{color:#6b7280;font-weight:500;margin-bottom:.5rem}

/* Utility copied from inline styles */

/* Inline extracted */
.ex-inline-1{display:none;visibility:hidden;}
.ex-inline-2{max-width: 100%; height: auto;}


 .chair-platform {
  padding:40px 0px;
  position:relative;
  background: #fff;
  z-index:9;
}
.chair-platform .arround-wraper {
  background-color:#fff;
  border: 1px solid var(--primary-100);
  box-shadow:0 10px 35px 0 rgba(0,0,0,0.09);
  padding:50px;
}
.chair-platform .arround-wraper h3 {
  font-family: var(--DMSans) !important;
   font-weight: var(--fnt-semi) !important;
  color:#333;
  font-size:1.25rem;
  margin:0px 0px 10px;
  border-left:3px solid #f26739;
  padding-left:15px;
  line-height:0.9;
}
.chair-platform .arround-wraper p {
  font-size:15px;
  color:#585858;
  margin-bottom:15px;
}
.chair-platform .arround-wraper .lead-text,.chair-platform .arround-wraper h5 {
  font-size:15px;
  font-family: var(--DMSans) !important;
  position:relative;
  text-align:justify;
  line-height:1.6;
  color:#333;
  margin-bottom:0px;
}
.chair-platform .arround-wraper figure {
  position:relative;
  margin:0px 30px 20px;
}
.chair-platform .arround-wraper figure:before {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  -webkit-box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
  box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
  background-color:#fff;
  bottom:-20px;
  left:-20px;
  z-index:0;
}
.chair-platform .arround-wraper figure img {
  z-index:1;
  position:relative;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}

@media screen and (max-width:768px) {
 .chair-platform .arround-wraper .row {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }

 .chair-platform .arround-wraper { padding:25px; }

 .chair-platform .arround-wraper .lead-text,
 .chair-platform .arround-wraper h5 { text-align:left; }

 .chair-platform .arround-wraper figure {
    margin:0px 0px 20px;
    position:relative;
  }

 .chair-platform .arround-wraper figure img {
    max-height:240px;
    margin:0px auto;
  }
}

 .our-team {
  background-color:#fff;
  padding:60px 0px 60px;
  position:relative;
}
.our-team .teamWrapper>.row {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.our-team .main-content {
  margin-bottom:0px;
  text-align:center;
}
.our-team .main-content .main-head {
  font-size:2.3rem;
  font-family: var(--DMSans) !important;
   font-weight: var(--fnt-semi) !important;
  line-height:1.5;
  color:#141414;
}
.our-team .main-content img {
  margin:auto;
  display:block;
}
.our-team .teamcol {
  margin:155px 0px 0px;
  padding:3px;
  background:#fff;
  border-radius: 16px;
  position:relative;
  -webkit-transition:-webkit-transform 1s ease-in-out;
  transition:-webkit-transform 1s ease-in-out;
  transition:transform 1s ease-in-out;
  transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
}
.our-team .teamcol:before {
  content:"";
  width:50%;
  height:50%;
  position:absolute;
  right:0;
  top:0;
  background:-webkit-linear-gradient(#673695,#a977b3);
  border-top-right-radius: 16px;
  -webkit-transition:width 1s ease-in-out;
  transition:width 1s ease-in-out;
}
.our-team .teamcolinner {
  position:relative;
  border:1px solid #f7f7f7;
  min-height:190px;
  background:#fff;
  z-index:9;
}
.our-team .teamcol i { font-style:normal; }
.our-team .teamcol .bx {
  position:absolute;
  right:10px;
  visibility:hidden;
  top:10px;
  font-size:1rem;
  color:#673695;
}
.our-team .teamcol .btn-blank { cursor:pointer; }
.our-team .teamcol:hover {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px);
  -webkit-transition:-webkit-transform 1s ease-in-out;
  transition:-webkit-transform 1s ease-in-out;
  transition:transform 1s ease-in-out;
  transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
}
.our-team .teamcol:hover:after,.our-team .teamcol:hover:before {
  width:100%;
  -webkit-transition:width 1s ease-in-out;
  transition:width 1s ease-in-out;
}
.our-team .teamcol:hover .bx {
  visibility:visible;
  -webkit-transition-duration:1s;
  transition-duration:1s;
}
.our-team .teamcol:hover:after,.our-team .teamcol:hover:before {
  width:100%;
  -webkit-transition:width 1s ease-in-out;
  transition:width 1s ease-in-out;
}
.bx-link-external:before { content:"\eb09"; }
.teamcolinner .avatar{
	border: 0px;
}
.our-team .avatar img {
  width:180px;
  margin:auto;
  border-radius:50%;
  border:6px solid #fff;
  -webkit-box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
  box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
}
.our-team .member-name { margin-top:100px; }
.our-team .member-name h4 {
  font-size:1.2rem;
  color:#141414;
  font-family:;
  margin:0px;
}
.our-team .member-info { padding:10px 20px; }
.our-team .member-info p {
  font-size:15px;
  color:#585858;
  margin:0px;
}
.our-team .teamcol:after {
  content:"";
  width:50%;
  height:50%;
  position:absolute;
  left:0;
  bottom:0;
  background:-webkit-linear-gradient(#a977b3,#673695);
  border-bottom-left-radius: 16px;
  -webkit-transition:width 1s ease-in-out;
  transition:width 1s ease-in-out;
}
.our-team .team-modal .close-btn {
  position:absolute;
  right:8px;
  z-index:999;
  color:#f8f6ff !important;
  opacity:0.9;
  background-color:#676281 !important;
  border-radius:50%;
  font-size:16px;
  top:8px;
  width:26px;
  height:26px;
}
.our-team .team-modal .modal-body { padding:2.25rem 2.25rem; }
.our-team .team-modal .lead-text,.our-team .team-modal h5 {
  font-size:0.9rem;
  font-family: var(--DMSans) !important;
  position:relative;
  text-align:justify;
  line-height:1.65;
  color:#333;
  margin-bottom: 10px!important;
}
.our-team .team-modal h3 {
  font-family: var(--DMSans) !important;
   font-weight: var(--fnt-semi) !important;
  color:#333;
  font-size:1.25rem;
  margin:20px 0px 8px !important;
  border-left:3px solid #f26739;
  padding-left:15px;
  line-height:0.9;
}
.our-team .team-modal p {
  font-size:15px;
  color:#585858;
  margin-bottom:0px;
}
.our-team .team-modal figure {
  position:relative;
  margin:0px;
}
.our-team .team-modal figure img {
  z-index:1;
  position:relative;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}

@media screen and (min-width:1199px) {
 .team-modal .modal-dialog {
    position:absolute;
    width:100%;
    right:0%;
    text-align:left;
    -webkit-transform:translateY(-50%) !important;
    transform:translateY(-50%) !important;
    top:40%;
    left:0;
    z-index:9;
  }
}

@media screen and (max-width:768px) {
 .our-team .main-content .main-head { font-size:1.75rem !important; }

 .our-team .team-modal .modal-body { padding:2rem 1.5rem; }

 .our-team .team-modal .lead-text { text-align:left; }

 .our-team .team-modal figure {
    margin:0px 0px 40px 0px;
    position:relative;
  }

 .our-team .team-modal figure img {
    max-height:200px !important;
    max-width:200px !important;
    margin:auto;
  }

 .team-modal .modal-dialog .row {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
  }

 .our-team .team-modal .lead-text,
 .our-team .team-modal h5 { text-align:left; }
}

