.service-cards {
    margin: 0;
    padding: 0;
}

.service-card__list-item {
    display: inline-block;
    list-style: none;
}

.service-card {
    position: relative;
    display: inline-block;
    width: 200px;
    margin-right: 0px;
    overflow: hidden;
    border-top: 15px solid #fff;
}

.service-card__image {
    display: block;
    transition: opacity .3s ease-out, transform .3s ease-out;
}

/* ////////////////////////////// */
.service-content{
text-align: center;
}
.service {
    height: 180px;
    width: 200px;
    position: relative;
    overflow: hidden;
    transition: height 0.2s ease;

    /* */
    display: inline-block;
    margin: 8px;
    vertical-align: top;

}
    .service:hover {
        /* cursor: pointer; */

    }
    .service.service--expanded{
      border-top: 15px solid #00AE41;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);


        height: 240px;
        animation: expand 0.5s ease;
    }
    .service__info {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 104px;
    }
        .service__info-display, .service__info-username {
            display: block;
            width: 100%;
        }
        .service__info-display {
            font-size: 1.5rem;
            font-weight: bold;
        }

    .service__data, .service__data-big {
        opacity: 0;
    }
        .service--unexpanded > .service__data, .service--expanded > .service__data {
            width: 100%;
            text-align: center;
            padding-top: inherit;
            height: 86px;
            position: absolute;
            top: 155px;

        }
        .service--unexpanded > .service__data {
            opacity: 0;
            animation: unreveal 0.2s ease;
        }
        .service--expanded > .service__data {
            opacity: 1;
            animation: reveal 0.7s ease;
        }
        .service__data > * > * {
            display: block;
        }

        /* Big */
        .service.service--expanded-big {
          border-top: 15px solid #00AE41;
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);

            height: 310px;
            animation: expandbig 0.5s ease;


        }
        .service--unexpanded-big > .service__data, .service--expanded-big > .service__data {
            width: 100%;
            text-align: center;
            padding-top: inherit;
            height: 156px;
            position: absolute;
            top: 150px;

        }
        .service--unexpanded-big > .service__data {
            opacity: 0;
            animation: unreveal 0.2s ease;
        }
        .service--expanded-big > .service__data {
            opacity: 1;
            animation: reveal 0.7s ease;
        }

        /* End Big*/
.sp-link:hover{
  color:#00AE41;
  text-decoration: underline;
}

.flex-item{
  color:#00AE41;
  font-size: 14px;
  display:inline;
padding-top: 3px;

}

.flex-item.name{
  width:110px;
  text-align: left;
    padding-left: 5px;
}
.flex-item.tel{
  padding-right: 5px;
  text-align: left;
}

.flex-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;

}
.flex-container a{
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.flex-container ul{
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

/* footer styles */
.site-footer{
  width: 100%;
}
.footer-container{
  width: 100%;
  margin: 0;
  padding: 0;
    background-color: #211E72;
}
div.sow-icon-image{
  width:30px;
  height:34px;
}
div.textwidget{
  margin:0;
}
.widget-area{
    margin: 0;
    width: 100%;
  /* background-color: #211E72; */
  display:flex;
   justify-content: space-evenly;

}

.widget-area section{
  dislay:inline;
}

/* service providers */
.wrapper-sp {
    display:flex;

    overflow:hidden;

    /* margin-bottom:250px; */
}
.box-sp {
    text-align:justify;
    /* padding-bottom:250px; */
    /* font-size:20px;*/
}
.start{
  height:250px;
  float:left;
    margin-right: 10px;
}
.end{
  display:block;
  height:250px;
  margin-left: auto;
  margin-right: auto;

}
h1.title-center{
  text-align: left;
}

.social-media-sp ul{
  margin-top: -20px;
  margin-bottom: 20px;
/* margin-left: auto; */
/* margin-right: auto; */
width: fit-content;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link
{
  margin: 0;
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
padding: 0;
}

.social-media-sp .wp-social-link a,
.social-media-sp .wp-social-link a:active,
.social-media-sp .wp-social-link a:hover,
.social-media-sp .wp-social-link a:visited,
.social-media-sp .wp-social-link svg {
  fill:#999;
}

/* end service providers */

@keyframes reveal {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes unreveal {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}
@keyframes expand {
    0% {
        height: 180px;
    }
    100% {
        height: 240px;
        /* height: 240px; */
    }
}
@keyframes unexpand {
    0% {
        height: 240px;
        /* height: 240px; */
    }
    100% {
        height: 180px;
    }
}

@keyframes expandbig {
    0% {
        height: 180px;
    }
    100% {
        height: 310px;
        /* height: 240px; */
    }
}
@keyframes unexpandbig {
    0% {
        height: 310px;
        /* height: 240px; */
    }
    100% {
        height: 180px;
    }
}