
    .team-card {
      background: white;
      border-radius: 16px;
      padding: 20px 15px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.08);
      text-align: center;
      transition: all 0.3s;
    }
    .team-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0,0,0,0.12);
    }
    .team-card img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        margin-bottom: 15px;
        border: 4px solid #f8f9fa;
        margin-left: 52px;

    }


    @media (max-width: 767px) {
      .team-card img {
        margin-left: 90px;
      }
    }


    .who-we-are {
      background: linear-gradient(135deg, #f8f9fa 0%, #e9f5e9 100%);
    }

    .who-we-are .col-md-6 {
        padding-top: 20px;
    }

    .stat-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.06);
      transition: all 0.3s;
      padding-top: 20px;
    }

    .stat-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    }


    .mission-vision {
      background: linear-gradient(135deg, #f8f9fa 0%, #e9f5e9 100%);
    }

    .mission-box, .vision-box {
      background: white;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      transition: all 0.3s;
      height: 100%;
    }

    .mission-box:hover, .vision-box:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }

    .mission-icon {
      font-size: 2.5rem;
    }

    .vision-icon {
      font-size: 2.5rem;
    }


    .home-section{
        
    }
    .home-slider .home-slide,.home-slider .owl-item,.home-slider .owl-stage,.home-slider .owl-stage-outer,.home-slider img{
        height:100%;
        min-height:457px
    }
    .home-slider.dot-inside .owl-dots{
        right:auto;
        bottom:1.1rem;
        left:1.9rem
    }
    .home-slider .owl-dots .owl-dot{
        width:18px;
        height:18px;
    }
    .home-slider .owl-dots .owl-dot span{
        width:8px;
        height:8px;
        background-color:rgba(34,52,41,0.5);
        border:none;
        transition:transform 0.3s
    }
    .home-slider .owl-dots .owl-dot span:before{display:none}
    .home-slider .owl-dots .owl-dot.active span,.home-slider .owl-dots .owl-dot:hover span{
        transform:scale(1.5);
        background-color:#333;
    }
    .banner{
        border-radius:6px;
    }


    @media (max-width: 768px) {
  .banner {
    padding-bottom: 15px;
  }
}




    .banner2 img {
        max-height: 225px;
    }
    .banner img{
        min-height:218px;
        border-radius:6px;
    }
    .banner h6{
        margin-bottom:1.6rem;
        font-size:1.16875em;
        letter-spacing:0.1em;
        font-weight:400;
        color:#777;
    }
    .banner h2{
        margin-left:3px;
        font-weight:700;
        margin-bottom:13px;
        font-size:3em;
        letter-spacing:0.05em
    }
    .banner h3{
        font-weight:500;
        font-size:1.875em;
        letter-spacing:0.12em;
        color:#222529;
    }
    .banner h4{
        font-size:4.5em;
    }
    .banner h4 sup{

        font-size:33%;
        letter-spacing:-0.03em
    }
    .banner h5{
        font-weight:400;
        font-size:1.3125em;
        letter-spacing:3.9px;
        color:#777
    }


    .banner1 img{
        max-height:223px;
    }
    .banner1 .custom-font span{
        letter-spacing:-0.1px;
        right:-1.7rem;
    }
    .banner1 h6,.banner2 h6{
        letter-spacing:0.125em;
        font-size:0.875em;
    }
    .banner1 h2,.banner2 h2{
        margin-left:-2px;
        margin-bottom:1.2rem;
        font-size:2.509375em;
    }
    .banner1 h3,.banner2 h3{
        letter-spacing:0.144em;
    }
    .banner1 .banner-layer,.banner2 .banner-layer{
        top:20.4%;left:6.5%;
    }
    .banner1 .custom-font span,.banner2 .custom-font span{
        color:#4dae65;
        font-size:1.601875em;
        right:-1.5rem;
        bottom:-0.5rem;
    }







    .marquee-wrapper {
      white-space: nowrap;
      background: #2448aa;
      padding: 12px 0;
      border-radius: 8px;
    }

    .marquee-text {
      display: inline-block;
      padding-left: 100%;
      animation: marqueeMove 15s linear infinite;
      color: #fff;
      font-size: 1.2rem;
      font-weight: 600;
    }

    @keyframes marqueeMove {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(-100%);
      }
    }