/* team Php */
.mil-mb-60 {
  margin-bottom: 60px !important;
}



.mil-circle-illustration {
  margin-top: 60px;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.mil-circle-illustration .mil-circle-bg {
  width: 100%;
  height: 100%;
  background-color: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.mil-circle-illustration .mil-image-frame {
  width: 100%;
  height: calc(100% + 60px);
  position: absolute;
  top: -60px;
  left: 0;
  border-radius: 0 0 47% 47%;
  overflow: hidden;
}

.mil-circle-illustration .mil-image-frame img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  height: calc(100% + 60px);
}

.mil-suptitle.mil-suptitle-2 {
  font-size: 16px;
  position: relative;
  padding-left: 15px;
}

.mil-mb-30 {
  margin-bottom: 30px !important;
}

.mil-suptitle {
  font-size: 18px;
  display: inline-block;
  color: #121820;
}

.mil-bold,
.mil-suptitle {
  font-weight: 500;
}

.mil-suptitle.mil-suptitle-2:before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 9px;
}

.mil-dot-list li:before,
.mil-hover-link-list li a:before,
.mil-simple-list li:before,
.mil-suptitle.mil-suptitle-2:before {
  border-radius: 50%;
  background-color: #f57c00;
}

.mil-h2,
h2 {
  font-size: 42px;
}

.mil-mb-50 {
  margin-bottom: 50px !important;
}

.mil-check-list li,
.mil-simple-list li {
  color: #121820;
  margin-bottom: 15px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mil-simple-list li:before {
  content: "";
  width: 7px;
  height: 7px;
  left: 0;
  top: 0;
  margin-right: 15px;
}

[data-anime].appear {
  opacity: 1;
}
.mb-3 {
  margin-bottom: 3% !important;
}
.hover-box {
  z-index: 1;
}

.border-radius-6px {
  border-radius: 6px !important;
}
.hover-box * {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  will-change: transform;
}

.team-style-01 figure figcaption {
  position: absolute;
  bottom: -1px;
  padding: 15px !important;
  padding-bottom: 40px !important;
}

.p-30px {
  padding: 30px !important;
}

.z-index-1 {
  z-index: 1;
}

.fw-600 {
  font-weight: 600 !important;
}

.ls-minus-05px {
  letter-spacing: -0.5px !important;
}

.lh-26 {
  line-height: 26px;
}

.fs-18 {
  font-size: 18px;
}

.team-style-01 figure figcaption .social-icon {
  display: block !important;
  height: auto !important;
  margin-bottom: -50px !important;
  overflow: visible !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mt-20px {
  margin-top: 20px !important;
}

.team-style-01 figure figcaption .social-icon a:first-child {
  margin-left: 0;
}

.team-style-01 figure figcaption .social-icon a {
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  background-color: rgb(68, 163, 222);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

.team-style-01 figure:hover figcaption .social-icon {
  margin-bottom: 0 !important;
}

.team-style-01 figure figcaption .social-icon {
  display: flex !important;
  justify-content: center;
  height: auto !important;
  margin-bottom: -50px !important;
  overflow: visible !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.box-shadow-quadruple-large,
.box-shadow-quadruple-large-hover:hover {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.hover-box:hover .box-overlay {
  opacity: 1;
  visibility: visible;
}

.box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}
.our-team a {
  color: #000;
  text-decoration: none;
}

/* figure {
  height: 100% !important;
}

figure img {
  height: 200px !important;
  width: 100% !important;
} */

.team .para {
  text-align: justify;
}

.modal p {
  text-align: justify;
}

small {
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.row.leader-info p {
  display: flex;
  flex-direction: column;
}