.grid-items .item.center .icon{
  margin-left:auto;
  margin-right:auto;
}

.grid-items a.item:hover{
  transform: translateY(-1em);
  transition: all ease-in-out .3s;
}

/* Option 1
* //////////////////////*/
.grid-items.option-4 .item,
.grid-items.option-1 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.9em;
  position:relative;
}

.grid-items.option-4 .item-image,
.grid-items.option-4 .item-content-area,
.grid-items.option-1 .item-image,
.grid-items.option-1 .item-content-area{
  -webkit-box-flex:1;-ms-flex:1 0;flex:1 0;
  width:100%;
}

.grid-items.option-5 .item,
.grid-items.option-2 .item,
.grid-items.option-1 .item{
  padding:1.5em;
  background-color:#fff;
  border:solid 1px#D7DDE6;
  border-radius:0.5em;
}


.grid-items.option-1 .item-image{
  max-width:4.5em;
  margin-right:1em;
}

.grid-items.option-1 .item-image .icon {
  width: 4.5em;
  height: 4.5em;
  border-radius: 100px;
  background-color: rgba(7, 136, 217, 0.08);
  padding: 0.7em;
}

.grid-items.option-1 .item-content-area{
  /*   max-width:calc(100% - 6em); */
}


@media(max-width:480px){
  .grid-items.option-1 .item{
    padding: 1.5em 1em;
  }

  .grid-items.option-1 .item-image{
    max-width:4.5em;
  }
}




/* Option 2 
* //////////////////////*/
.grid-items.option-2 .item{
  box-shadow:0px 0px 13px rgba(52,65,84,0.15);
  font-size: 0.9em;
}

.grid-items.option-2 .item-image{
}

.grid-items.option-2 .item .icon {
  border-radius: 100px;
  background-color: rgba(7,136,217,0.08);
  padding: .6em;
  width: 5em;
  height: 5em;
  margin-bottom: .5em;
}

.grid-items.option-2 .item .font-icon {
  font-size: 4em;
}

@media(min-width:769px){
  section.grid-items.option-2 .item-title {
    font-size: 1.3em;
  }
}


/* Option 3
* //////////////////////*/
.grid-items.option_3_slider .grid-slider{
  margin-bottom: 2em;
}

.grid-items.option_3_slider .item {
  width: 32%;
  padding: 2em;
  margin: 0 1% 1em;
  font-size: .9em;
  border-radius: .5em;
}

.grid-items.option_3_slider .item .icon {
  border-radius: 100px;
  background-color: rgba(7,136,217,0.08);
  padding: .6em;
  width:5em;
  height:5em;
  margin-bottom:0.5em;
}

@media(max-width:768px){
  .grid-items.option_3_slider .item{
    width:90%;
    padding:1em;
  }
}



/* Option 4
* //////////////////////*/
section.grid-items.option-4 {
  padding: 1.5em 0;
}

section.grid-items.option-4:not(.space--col-space-3):before {
  content:"";
  position:absolute;
  left:50%;
  height: 78%;
  background-color:rgba(255, 255, 255, 0.29);
  width:1px;
  top:50%;
  -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);
}

.grid-items.option-4 .item-image {
  max-width: 9.5em;
  margin-right: 1em;
  text-align:center;
}

.grid-items.option-4 .item-image img {
  max-height: 5em;
}

@media(max-width:768px){
  section.grid-items.option-4:before{
    display:none;
  }

  .grid-items.option-4 .item:not(:last-of-type) {
    border-bottom: solid 1px rgba(255, 255, 255, 0.29);
    padding-bottom: 1em;
  }
}


/* OPTION 5  
///////////////////////////*/
.grid-items.option-5 .item{
  font-size:0.9em;
}

.grid-items.option-5 .item .icon {
  background-size: contain;
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  margin-bottom: 1.5em;
  background-position:center;
}


/* OPTION 6 
///////////////////////////*/
.grid-items.option-6 .item .icon {
  padding: 0;
  background-color: transparent;
  width: auto;
  max-width: 4em;
  height: auto;
}

@media(min-width:481px){
  .grid-items.option-6 .item {
    max-width: 3em !important;
  }
}


/* --- full width -- */

.col-space-12 .flex-item {
    width: 100%;
    max-width: 100%;
    flex: initial;
    margin-bottom: 2rem;
}




