body{
    background-color: #fbf9f1;
    font-family: "Yantramanav", sans-serif;
    font-weight: 500;
    /* text-align: justify; */
    /* hyphens: auto; */
    /* word-spacing: -0.5px; */
    /* hyphens: none; */
}

.active{
    background-color: rgb(49, 46, 46) !important;
    color: white !important;
}
.bg-sub-primary{

    background-color: rgb(255, 222, 95);

}

.dropdown-menu a:active{

    background-color:  rgb(106, 97, 97) !important; ;

}

.btn-testimonials i{
    color: rgb(42 96 73)
}

.btn-testimonials i:hover{

    cursor: pointer;
    color: rgb(104, 166, 135);

}

/* #developing-human-potential .card{

    border-radius: unset;
} */

h5.card-title-color{
    color: #2a6049;
}

.read-more-effect{
    cursor: pointer;
    color: green;
}

.read-more-effect:hover{
    color: rgb(6, 70, 32);
}
.navbar{
    font-weight: 500;
}

.bg-card{
    background:rgb(232 230 230 / 80%);
    border-radius:unset;
    border:unset
}
.horizontal-line{
    border-top:3px solid black;
    width:28px
}

.footer-header-color{
    color: #995D7F;
}
.mobile-view{
    display: none;
}

.remove-border-input, .remove-border-input:focus,.remove-border-input:focus-visible{
  border-right: unset;
  border-left: unset;
  border-top: unset;
  border-radius: unset;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
}

#hm-btn{
    border: unset !important;
}

/* .navbar-brand img{
    width: 65px !important;
} */

 #navbarLifo .nav-item>a.nav-link{
    background: rgb(240, 236, 236);
    margin-right: 3px;
 }

 .bg-light{
   background-image: url("../images/bg-home.png");
   background-size: contain;
   /* background-blend-mode: multiply; */
 }

 a.nav-link:hover{
    background-color: rgb(106, 97, 97) !important;
    color: white !important;
 }

/* .align-p{
    text-align: ;
} */

 @media screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
    .dropdown .dropdown-menu {
      display: none;
    }

    .dropdown:hover .dropdown-toggle::after {
      border-top: 0;
      border-bottom: 0.3em solid;
    }


  }

  @media screen and (max-width: 991px) {
    .dropdown-toggle.show::after {
      border-top: 0;
      border-bottom: 0.3em solid;
    }
  }


  .btn-gradient{
    border-radius: unset;

    background: hsla(0, 82%, 53%, 1);

    background: linear-gradient(180deg, hsla(0, 82%, 53%, 1) 0%, hsla(248, 63%, 66%, 1) 100%);

    background: -moz-linear-gradient(180deg, hsla(0, 82%, 53%, 1) 0%, hsla(248, 63%, 66%, 1) 100%);

    background: -webkit-linear-gradient(180deg, hsla(0, 82%, 53%, 1) 0%, hsla(248, 63%, 66%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#E92525", endColorstr="#8274DF", GradientType=1 );
  }

  .btn-gradient:hover{
    background: hsla(238, 81%, 53%, 1);

    background: linear-gradient(180deg, hsla(238, 81%, 53%, 1) 20%, hsla(358, 70%, 51%, 1) 100%);

    background: -moz-linear-gradient(180deg, hsla(238, 81%, 53%, 1) 20%, hsla(358, 70%, 51%, 1) 100%);

    background: -webkit-linear-gradient(180deg, hsla(238, 81%, 53%, 1) 20%, hsla(358, 70%, 51%, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#252CE8", endColorstr="#D9292F", GradientType=1 );
  }

/**
 * Remove focus styles for non-keyboard focus.
 */
 :focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }

  /**
   * Cross-browser styles for explicit focus via
   * keyboard-based (eg Tab) navigation or the
   * .focus-visible utility class.
   */
  :focus,
  .focus-visible:focus:not(:focus-visible) {
    outline: 0;
    box-shadow:
      0 0 0 .2rem #fff,
      0 0 0 .35rem #069;
  }

@media only screen and (max-width: 992px ) {

    .mobile-view{
        display: inline-block;
      }

    .container-card{
        padding: 0;
        margin: 0;
    }

      /* .navbar-brand img{
        width: 120px;
     } */


}