/*--------------------------------------------------------------
# Visi Misi Section
--------------------------------------------------------------*/
.visi-misi .content+.content {
  margin-top: 100px;
}

.visi-misi .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.visi-misi .content ul {
  list-style: none;
  padding: 0;
}

.visi-misi .content ul li {
  padding-bottom: 10px;
}

.visi-misi .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #ce1212;
}

.visi-misi .content p:last-child {
  margin-bottom: 0;
}



/*--------------------------------------------------------------
# Sarana Section
--------------------------------------------------------------*/

.sarana {
  /* background-color: color-mix(in srgb, #37517e, transparent 95%); */
}

.sarana .sarana-item {
  box-shadow: 0px 5px 90px 0px color-mix(in srgb, #444444, transparent 90%);
  padding: 20px 20px;
  transition: all ease-in-out 0.4s;
  background-color: #ffffff;
  height: 100%;
  border: 1px solid #444444;
}

.sarana .sarana-item .icon {
  margin-bottom: 10px;
}

.sarana .sarana-item .icon i {
  color: #ce1212;
  font-size: 36px;
  transition: 0.3s;
}

.sarana .sarana-item h4 {
  font-weight: 700;
  margin-bottom: 15px;
/*  font-size: 20px;*/
}

.sarana .sarana-item h4 a {
  color: #7e3737;
  transition: ease-in-out 0.3s;
}

/*.sarana .sarana-item p {
  line-height: 14px;
  font-size: 14px;
  margin-bottom: 0;
}*/

.sarana .sarana-item:hover {
  transform: translateY(-10px);
}

.sarana .sarana-item:hover h4 a {
  color: #ce1212;
}