.diapic {
    max-width: 222px;
}
.flogo {
    max-width: 333px;
}
.diatest {
   
    background-repeat: no-repeat;
    background-position: right top 25%;
}
.split {
    clear: both;
}
.slogo {
    width: 50px;
}
.spic {
    max-width: 150px;
}
.container-fluid {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.mbzeroten {
    margin-bottom: 10px !important;
}
.mzero {
    margin-bottom: 0px !important;
}
.mtext {
    font-size: 14px;
}
.wtext {
    color: #fff;
}
.padbox {
    padding: 12px;
}
.faq .accordion {
  background-color: #eee;
  color: #333;
    font-weight: 600;
  cursor: pointer;
  padding: 12px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.faq .active, .accordion:hover {
  background-color: #ccc;
}

.faq .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faq .active:after {
  content: "\2212";
}

.faq .panel {
  padding: 0 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
    margin-bottom: 5px !important;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.smlogo {
    width: 100px;
}
.fpic {
    width: 100%;
}
.mth {
    margin: 8px 16px 0 0px;
}
.wtbg {
    background-color: #fff;
}
.stextp {
    font-size: 12px !important;
    line-height: 20px !important;
    letter-spacing: 0.5px !important;
    margin: 5px 0px !important;
    
}
.graybg {
    background-color: #f1f1f1 !important;
}
.cardcerti {
    box-shadow: 0 1px 4px #ccc;
    padding: 4px;
    box-sizing: border-box;
    margin: 20px 0px;
    background-color: #f9f9f9;
}
.cardcerti img {
    width: 100%;
    height: 180px;
     object-fit: cover; 
}
.cardcerti h5 {
    margin: 5px 0px;
    font-size: 15px;
}
.loginf {
    background-color: #fff;
  height: auto;
  padding: 20px;
  width: 450px;
  position: absolute;
  border-radius: 12px;
  box-shadow: 0px 3px 6px #ccc;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  left: 50%;
  top: 85%;
    z-index: 9999;
}
.load-more__btn-wrap {
    width: 100%;
    text-align: center;
} 
@media screen and (max-width: 650px) {
.container-fluid {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#fh5co-hero {
  background-size: cover;
}
}