body {
  margin: 0;
  font-family: cambria;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  text-align: left;
  background-color: #fff;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.text-primary{
    color:#fff;
}

/********** Custom CSS ************/
.section-title {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #17a2b8;
}

.section-title span {
  position: relative;
  background: #ffffff;
  z-index: 1;
}

.section-title::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #17a2b8;
}
.back-to-top {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 11;
  animation: action 1s infinite alternate;
}

@keyframes action {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}

.navbar-light .navbar-nav .nav-link {
  padding: 30px 15px;
  color: #00394f;
  outline: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #17a2b8;
}

@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link {
    padding: 10px 15px;
  }
}

.post-carousel .owl-nav {
  position: absolute;
  width: 100%;
  height: 35px;
  top: 50%;
  left: 0;
  margin-top: -20px;
  padding: 0 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.post-carousel .owl-nav .owl-prev,
.post-carousel .owl-nav .owl-next {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00394f;
  background: #17a2b8;
  border-radius: 30px;
  font-size: 18px;
  opacity: .1;
  transition: .3s;
}

.post-carousel:hover .owl-nav .owl-prev,
.post-carousel:hover .owl-nav .owl-next {
  opacity: 1;
}

.portfolio-item .portfolio-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  transition: .5s;
}

.portfolio-item:hover .portfolio-btn {
  opacity: 1;
}

.team .team-social {
  top: 0;
  background: rgba(23, 162, 184, 0.8);
  opacity: 0;
  z-index: 1;
  transition: .5s;
}

.team:hover .team-social {
  opacity: 1;
}

.testimonial-carousel .owl-dots {
  margin-top: 30px;
  text-align: center;
}

.testimonial-carousel .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: #dddddd;
}

.testimonial-carousel .owl-dot.active {
  background: #192141;
}

.contact-form .help-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
<!--Mentor--->
/* Leadership Board */
.leadership-board{
    padding:70px 5%;
   background: var(--cream-dark);
   box-shadow: 8px 16px 32px rgb(35 58 79 / 35%), 20px 30px 80px rgb(73 73 93 / 40%);
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:2.6rem;
    color:#0f4f83;
    font-weight:800;
    margin-bottom:10px;
}

.section-title p{
    color:#666;
    font-size:1rem;
}

.leaders-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:25px;
    max-width:1200px;
    margin:auto;
}

.leader-card{
    /*background:rgba(255,255,255,0.65);*/
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,0.6);
    border-radius:24px;
    text-align:center;
    padding:22px 18px;
    transition:.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.leader-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    /*background:linear-gradient(90deg,*/
    /*#ff9933,*/
    /*#ffffff,*/
    /*#138808);*/
}

.leader-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(15,79,131,.18);
}

.founder{
    /*border:2px solid #d4af37;*/
}

.leader-img{
    width:120px;
    height:120px;
    margin:auto;
    margin-bottom:18px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #fff;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.leader-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.leader-card:hover img{
    transform:scale(1.08);
}

.leader-info h3{
    font-size:1.0rem;
    color: var(--navy);
    font-weight:700;
    margin-bottom:8px;
}

.leader-info span{
    display:inline-block;
    background: #00394f;
    color:#fff;
    padding:8px 18px;
    border-radius:10px;
    font-size:.85rem;
    font-weight:600;
}

@media(max-width:768px){

    .section-title h2{
        font-size:2rem;
    }

    .leader-img{
        width:100px;
        height:100px;
    }

    .leader-card{
        padding:18px;
    }
}
.contact-modal{
    border:none;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.contact-modal .modal-header{
    background:linear-gradient(135deg,#0d6efd,#3b82f6);
    padding:20px 30px;
}

.contact-modal h3{
    color:#fff;
    font-weight:700;
    margin:0;
}

.contact-modal .btn-close{
    filter:invert(1);
}

/* Left Panel */

.contact-left{
    text-align:center;
    padding:20px;
    height:100%;
    background:#f8fbff;
    border-radius:18px;
}

.logo-circle{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#5b9dff);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:36px;
    margin-bottom:18px;
    box-shadow:0 12px 25px rgba(13,110,253,.25);
}

.contact-left h4{
    font-weight:700;
    margin-bottom:10px;
}

.contact-left p{
    color:#666;
}

/* Contact Cards */

.info-card{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border-radius:16px;
    padding:18px;
    margin-bottom:15px;
    border:1px solid #edf2ff;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    transition:.3s;
}

.info-card:hover{
    transform:translateX(6px);
    box-shadow:0 15px 35px rgba(13,110,253,.12);
}

.info-card i{
    width:55px;
    height:55px;
    border-radius:14px;
    background:#eef5ff;
    color:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.info-card strong{
    display:block;
    font-size:16px;
    color:#222;
}

.info-card p{
    margin:4px 0 0;
    color:#666;
}
.feature-box{
    background:#fff;
    border-radius:20px;
    padding:30px;
    display:flex;
    align-items:center;
    gap:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.icon-box{
    width:85px;
    height:85px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#fff;
    font-size:36px;
    transition:.4s;
}

.feature-box:hover .icon-box{
    transform:rotate(10deg) scale(1.1);
}

.vision{
    background:linear-gradient(135deg,#007bff,#00c6ff);
}

.staff{
    background:linear-gradient(135deg,#28a745,#7ed957);
}

.alumni{
    background:linear-gradient(135deg,#ff9800,#ffc107);
}

.achievement{
    background:linear-gradient(135deg,#dc3545,#ff5f6d);
}

.facilities{
    background:linear-gradient(135deg,#6f42c1,#9c6ade);
}

.contact{
    background:linear-gradient(135deg,#17a2b8,#20c997);
}

.feature-content h4{
    font-weight:700;
    color:#1f2d3d;
    margin-bottom:10px;
}

.feature-content p{
    margin:0;
    color:#666;
    line-height:1.7;
}

@media(max-width:768px){

.feature-box{
    flex-direction:column;
    text-align:center;
}

.icon-box{
    margin-bottom:10px;
}

}