h3 {
      text-align: center;
      color: #2e84cc; 
      font-size: 22px;
      margin-bottom: 20px;
      margin-top: 25px;
      font-family: "Poppins";
      /*, sans-serif;*/
      font-weight: 500;
    }

    h4 {
      text-align: center;
      font-size: 20px;
      font-family: "Roboto";
      /*, sans-serif;*/
      font-weight: 400;
      font-style: normal;
    }

    p {
      font-size: 16px;
      line-height: 24px;
      font-family: "Roboto";
      /*, sans-serif;*/
      font-weight: 400;
      font-style: normal;
      color: #205e92;
    }

    h5 {
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      margin-top: 10px;
      font-weight: 800;
      font-family: "Roboto";
      /*, sans-serif;*/
      /* font-weight: 400;
            font-style: normal; */
    }
    .card-text{
      font-size: 15px;
      line-height: 20px;
    }
    video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin-bottom: 15px;
    }
    .my-p {
      font-size: 16px;
      line-height: 18px;
      text-align: center;
      margin-top: 10px;
      font-family: "Roboto";
      /*, sans-serif;*/
      font-weight: 400;
      font-style: normal;
    }
    .blockquote-footer::before{
      content: '-'!important;
    }
    .blockquote-footer::after{
      content: '-'!important;
    }
    .text-gold{
      color: #205e92;
    }
    .clogo {
      width: 120px !important;
      margin: auto auto;
      /* border: 1px solid #f3f3f3; */
      /* box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6);
            -webkit-box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6);
            -moz-box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6); */
    }

    .certificate {
      width: 120px !important;
      margin: auto auto;
      /* border: 1px solid #f3f3f3; */
      /* box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6);
            -webkit-box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6);
            -moz-box-shadow: 4px 5px 5px 0px rgba(140,138,138,0.6); */
    }

    .carousel-inner {
      /* min-height: 100px!important; */
      margin-bottom: 30px;
    }

    .item {
      vertical-align: middle;
    }

    .btn-primary {
      background-color: #37373c;
      border-color: #205e92;
      font-size: 20px;
    }

    .form-box {
      background-color: #37373c
    }

    .my-auto {
      margin: 0 auto;
    }

    label {
      display: none;
    }

    .ply-btn {
      /* background-color: aqua; */
      position: relative;
      width: 75px;
      height: 75px;
      z-index: 5;
      display: none;
      border: 1px solid rgb(215, 179, 105);
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-radius: 10px;
    }

    #videoBanner {
      /* margin-top: -75px; */

      border-bottom: 1px solid rgb(215, 179, 105);

    }

    h5 span {

      border-radius: 10px;
      color: #fff;
      padding: 3px 6px;
    }

    iframe {
      aspect-ratio: 16 / 9;
      width: 100% !important;
    }
  
    .card-img-overlay {
        top: 20%;
        text-align: center;
        font-weight: 600;
      }
  
      .card-img-overlay span {
        background-color: #2e84cc !important;
        padding: 4px;
        border-radius: 5px;
      }
  
      .card-body {
        padding: .25rem .25rem 1.25rem .25rem;
      }
  
      a {
        color: #2e84cc !important;
      }
      .form-group input:focus {
        outline: none;
      }
  
      .form-group.error input {
        border-color: var(--error-color);
      }
  
      .form-group.success input {
        border-color: var(--success-color);
      }
  
  
      .form-group small {
        color: var(--error-color);
      }
  
      :root {
        --error-color: #dc3545;
        --success-color: #28a745;
        --warning-color: #ffc107;
      }
  
      
        @media screen and (max-width: 701px) {
          .proName h4 {
            font-size: 14px !important;
          }
  
          .sustain .my-p {
            font-size: 14px !important;
          }
          .sustain img {
            width: 100%;
            max-width:100%!important
          }
          .proName p {
            font-size: 12px !important;
            text-align: center;
            line-height: 16px;
          }
          .proName img{
            margin-bottom: 20px;
          }
          .card-body {
            padding-top: .25rem;
          }
        }
  
        .proName p {
          font-size: 16px;
          text-align: center;
          line-height: 22px;
  
        }
  
        .card-img-overlay {
          top: 40%;
          font-size: 13px;
          padding: 0;
        }