.img-fluid.pb-3 {
    height: 270px;
    width: 100%;
    object-fit: cover;
  }

  .img-fluid1.pb-3 {
    height: 255px;
    width: 100%;
    /*object-fit: cover;*/
    object-fit: contain;
    padding-right: 15px;
  }

  .col-lg-3 {
    margin: 8px 0px 8px 0px;
  }

  .blank_image {
    min-height: 230px;
    max-height: 230px;
    width: 100%;
    background-color: #008080;
    font-size: 25px;
    color: #fff;
    padding: 25% 10%;
    text-align: center;
    font-weight: 800;
    text-align: center;
    margin-bottom: 10px;

  }

  post-date h5 {}

  text-color-dark {}

  .post p {
    text-align: justify;
    /*word-break: break-all;*/
  }


  .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
  }

  .icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 15px;
  }

  .icon-bar a:hover {
    background-color: #000;
  }

  .facebook {
    background: #3B5998;
    color: white;
  }

  .twitter {
    background: #000;
    color: white;
  }

  .whatsapp {
    background: #28a745;
    color: white;

  }

  .linkedin {
    background: #007bb5;
    color: white;
  }

  .youtube {
    background: #bb0000;
    color: white;
  }

  .content {
    margin-left: 75px;
    font-size: 30px;
  }

  .carousel-animate {
    .carousel-indicators>li {
      margin: 0 0px;
      background-color: #f39c12;
      border-color: #f39c12;
      opacity: 0.7;

      &.active {
        width: 10px;
        height: 10px;
        opacity: 1;
      }
    }
  }

  /********************************/
  /*          Hero Headers        */
  /********************************/
  /* .carousel-animate{
    .hero {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px rgba(0,0,0,.75);
    font-size:;
    }
} */
  /********************************/
  /*          Custom Buttons      */
  /********************************/
  .btn.btn-lg {
    padding: 10px 40px;
  }

  .btn.btn-hero,
  .btn.btn-hero:hover,
  .btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
  }

  /********************************/
  /********************************/
  /*          Fade Effect         */
  /********************************/
  .carousel-fade {
    .carousel-inner {
      .item {
        transition-property: opacity;
      }

      .item,
      .active.left,
      .active.right {
        opacity: 1;
      }

      .active,
      .next.left,
      .prev.right {
        opacity: 0;
      }

      .active,
      .next.left,
      .prev.right {
        opacity: 0;
      }

      .next,
      .prev,
      .active.left,
      .active.right {
        left: 1;
        transform: translate3d(1, 0, 1, 0);
      }
    }
  }

  /************************************/
  /*       BS bacground Images       */
  /**********************************/


  .carousel-caption {
    opacity: 0;
    transition: all 1s ease;
    background: rgba(white, .75);
    padding: 2.5em 4em;
    position: absolute;
    left: 0;
    width: 40%;
    z-index: 1;
    border-radius: 5%;
    opacity: 0;
    transition: all 1s linear;

    span {
      font-weight: 600;
      font-size: 1.5em;
      background: $bg-gradient;
      border-radius: 50%;
      line-height: 30px;
      width: 45px;
      display: block;
      text-align: center;
      color: white;

    }
  }

  .square-holder {
    padding: 30px;
    border: 1px solid #cecece;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: #f1f1f1;
    min-height: 200px
  }

  .square-holder img {
    max-width: 100%;
    /* filter: grayscale(100%); */
    transition: all 0.3s;
  }

  .square-holder:hover img {
    filter: none;
  }

  @media (max-width: 480px) {
    #carouselExampleCaptions {
      padding-top: 100px;

      h2 {
        display: contents;
      }

    }


  }

  .card-box {
    /* background-color: #f5f5f5; */
    padding: 20px 0;
    border-radius: 5px;
  }

  .card-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
  }

  .card-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: white;
    text-shadow: white;
  }

  .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
    font-size: 50px;
  }

  .card-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center;
  }

  .card-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center;
  }

  .*::before,
  *::after {
    box-sizing: border-box;
  }

  .topContainer {
    margin-top: -10vh;
    position: relative;
    display: flex;
    justify-content: center;
    border: 1px solid b#1abc9c;

  }

  .internalContainer {
    background-color: white;
    width: 55vw;
  }

  @media (max-width: 480px) {
    .topContainer {
      margin-top: -6vh;
      font-size: 13px;
    }

    #carouselExampleCaptions {
      padding-top: 90px;
      font-size: 7px;

      h1 {}
    }

    #carouselExampleCaptions {
      .carousel-caption {
        bottom: 20%;
        /* background: rgba(0, 0, 0, 0.5); */
      }
    }

    .slider-container {
      height: 900px;
    }

    .h2 {
      font-size: 12px;
    }

  }

  .feature-box {
    display: flex;
    flex-direction: column;
  }

  .separator::after {
    background: #666;
    content: "";
    height: 5px;
    left: -2px;
    position: absolute;
    top: -1px;
    width: 30px
  }

  .separator {
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
    height: 5px;
    margin: 0 auto;
    position: relative;
    width: 60px
  }

  /* span {
                text-decoration:underline;
            } */
  .h1,
  {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px;

  }

  .h4 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  }


  /*** Feature ***/
  .feature .feature-box,
  .feature .feature-box * {
    transition: .5s;
  }

  .feature .feature-box:hover {
    background: var(--primary);
    border-color:2px #007bff !important;
  }

  .feature-box:hover * {
    color: #FFFFFF !important;
  }

  #carouselExampleCaptions {
    .carousel-caption {
      bottom: 20%;
      contain-justify: left;
      /* background: rgba(26 122 161 / 97%); */
    }

    .carousel-indicators li {
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }
  }

  #carousel .carousel-item .caption {
    /* background-color: rgba(0, 0, 0, 0.5); */
    padding: 40px;
    color: white;
    animation-duration: 1s;
    animation-delay: 2s;
  }

  #carousel .caption h2 {
    animation-duration: 1s;
    animation-delay: 2s;
  }

  #carousel .caption p {
    animation-duration: 1s;
    animation-delay: 2.2s;
  }

  #carousel .caption a {
    animation-duration: 1s;
    animation-delay: 2.4s;
  }

  .cards {
    margin: 0 auto;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    border-radius: 10px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    padding: 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    */ box-sizing: border-box;
    */ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .cards:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16), 0 4px 10px rgba(0, 0, 0, 0.23);
    background-color: lightskyblue;
    text-decoration-color: white;

  }

  .feature-box:hover {
    background-color: #0088cc;
    border-color: #0088cc !important;
    text-decoration-color: white;
  }

  .counter {
    color: #eb3b5a;
    font-family: 'Muli', sans-serif;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 100%;
    padding: 77px 32px 40px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  .counter:before,
  .counter:after {
    content: "";
    background: white;
    ;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
    transform: translateX(-50%)translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
  }

  .counter:after {
    background: linear-gradient(45deg, #B81242 49%, #D74A75 50%);
    width: 100%;
    height: 100%;
    box-shadow: none;
    transform: translate(0);
    top: 0;
    left: 0;
    z-index: -2;
    clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
  }

  .counter .counter-icon {
    color: #fff;
    background: linear-gradient(45deg, #B81242 49%, #D74A75 50%);
    font-size: 40px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s;
  }

  .counter .counter-icon i.fa {
    transform: rotateX(0deg);
    transition: all 0.3s ease 0s;
  }

  .counter:hover .counter-icon i.fa {
    transform: rotateX(360deg);
  }

  .counter h3 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 3px;
  }

  .counter .counter-value {
    font-size: 30px;
    font-weight: 700;
  }

  .counter.orange {
    color: #bf7113;
  }

  .counter.orange:after,
  .counter.orange .counter-icon {
    background: linear-gradient(45deg, #F38631 49%, #ee9e26 50%);
  }

  .counter.green {
    color: #88BA1B;
  }

  .counter.green:after,
  .counter.green .counter-icon {
    background: linear-gradient(45deg, #88BA1B 49%, #ACD352 50%);
  }

  .counter.blue {
    color: #5DB3E4;
  }

  .counter.blue:after,
  .counter.blue .counter-icon {
    background: linear-gradient(45deg, #5DB3E4 49%, #7EBEE1 50%);
  }

  @media screen and (max-width:990px) {
    .counter {
      margin-bottom: 40px;
    }
  }

  .py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .image {
    background-color: #109c61;

  }

  /* --------------  our programs 3D Flip Card Effect --------------*/
  .middle {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .card {
    cursor: pointer;
    width: 300px;
    height: 300px;
    border: 1px #1a85a7;

  }

  .front,
  .back {
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    position: absolute;
    transition: transform .6s linear;
    object-fit: cover;
    .h5 {
      color: #1a85a7;
    }

    .h2 {
      color: #1a85a7;
      ;
    }
  }

  .front img {
    height: 92%;
    width: 100%;
  }

  .front {
    transform: perspective(600px) rotateY(0deg);
  }

  .back {
    background: #f1f1f1;
    transform: perspective(600px) rotateY(180deg);
  }

  .back-content {
    color: #2c3e50;
    text-align: center;
    width: 100%;
  }

  .sm {
    margin: 20px 0;
  }

  .sm a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: #2c3e50;
    font-size: 18px;
    transition: 0.4s;
    border-radius: 50%
  }

  .sm a:hover {
    background: #2c3e50;
    color: white;
  }

  .card:hover>.front {
    transform: perspective(600px) rotateY(-180deg);
  }

  .card:hover>.back {
    transform: perspective(600px) rotateY(0deg);
  }

  .heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
  }

  .white-heading {
    color: #ffffff;
  }

  .heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.html);
    background-repeat: no-repeat;
    background-position: center;
  }

  .white-heading:after {
    background: url(../../../../i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  .heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
  }

  .white-heading span {
    color: #ffffff;
  }

  /*-----Testimonial-------*/

  .testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    /* background: url(img/testimonial/img_niharika.png); */
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
  }
/*--------new added------*/