/**
 *  Banner Inro Module
 *  Author: garidinh@gmail.com
 *  Website: blogitcode.com
 */

.section-banner-info{
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f2edfc;
color: #f2edfc;

}

.section-banner-info .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
background-color: #f2edfc;
color: #f2edfc;
}

.section-banner-info .d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
background-color: #f2edfc;
color: #f2edfc;
}

.section-banner-info .text-center {
  text-align: center !important;
background-color: #f2edfc;
color: #f2edfc;
}

.section-banner-info .single-info {
  flex: 0 0 25%;
  padding: 10px 10px;
  border-right: 1px solid #eaecf0;
  border-top: 1px solid #eaecf0;
  border-bottom: 1px solid #eaecf0;
  background-color: #f2edfc
color: #f2edfc;
}

.section-banner-info .single-info:first-child {
  border-left: 1px solid #eaecf0;
background-color: #f2edfc;
}

.section-banner-info .info-icon.blue {
  color: #007FFF;
background-color: #f2edfc;
}

.section-banner-info .info-icon.green {
  color: #28a745;
background-color: #f2edfc;
}

.section-banner-info .info-icon.red {
  color: #e40046;
}

.section-banner-info .info-icon.orange {
  color: #e44311;
}

.section-banner-info .info-icon.purple {
  color: #6f50a7;
}

.section-banner-info .info-icon.yellow {
  color: #f7bf18;
}

.section-banner-info .info-icon.pink {
  color: #e83e8c;
}


.section-banner-info .info-icon i {
  font-size: 50px;
}

.section-banner-info .info-desc h4 {
  color: #363636;
  font-size: 16px;
  font-weight: 400;
  margin: 20px 0 10px;
  text-transform: capitalize;
background-color: #f2edfc;
}

.section-banner-info .info-desc span {
  color: #363636;
  font-size: 13px;
  margin: 0;
  text-transform: capitalize;
background-color: #f2edfc;
}

@media (min-width: 320px) and (max-width: 428px) {
  .section-banner-info .single-info {
  	flex: 0 0 50%;
    border-top: 0;
  }
  .section-banner-info .single-info:nth-child(1){
     border-top: 1px solid #eaecf0;
  }
  .section-banner-info .single-info:nth-child(2){
     border-top: 1px solid #eaecf0;
  }
  .section-banner-info .single-info:nth-child(3){
     border-left: 1px solid #eaecf0;
 }
  
}