.icon-list {
    list-style: none;

    margin: 24px 0 0;
    padding: 0;

    font-size: 16px;
    line-height: 1.6em;
}

.icon-list > li {

    margin: 0 0 30px;
    padding: 0 0 0 75px;

    width: 100%;

    position: relative;

    text-align: justify;


}

.icon-list li i{
    font-size: 36px;

    display: inline-block;

    position: absolute;

    top: 5px;
    left: 0;

    width: 50px;
    text-align: center;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

    /*color: rgba(64, 177, 233, 0.6666666666666666);*/
}

.icon-list li:hover i{
    color: var(--color-primary);

}

.icon-list.icon-list-half li{
    width: 50%;

    float: left;
}
.icon-list.icon-list-half i{
    left: 20px;
}

.category-image{

    width: 100%;

    text-align: center;

    text-decoration: none;

    display: block;


    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;


    margin-bottom: 40px;

}
.category-image div{
    width:100%;
    /*background:green;*/
    display:flex;
    justify-content: center;
    align-items:center;
    overflow: hidden;

}
.category-image h3{
    text-decoration: none;
    font-size: 22px;

    color: #333333;
}
.category-image div{
    /*margin-bottom: 12px;*/

    /*width: 100%;*/
    /*height: 0;*/

    /*padding-bottom: 70%;*/

    /*background-color: #fff;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/


    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    height: 256px;
}


.category-image div img{
    max-height: 100%;
}
.category-image:hover{
    text-decoration: none;

    transform: scale(1.1);

}
.category-image:hover div{

    box-shadow: 0 3px 25px 0 rgba(47, 56, 68, 0.22);
}
.category-image:hover h3{
    text-decoration: none;
}

.steps{
    background-image: url('/web/images/line.png');
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;

}

.step-block{
    width: 100%;
    text-align: center;
}

.step-block i{
    background: #FFFFFF;
    color: #3d5974;
    font-size: 26px;
    display: inline-block;
    width: 78px;
    height: 78px;
    line-height: 78px;
    margin-bottom: 35px;
    border-radius: 100%;
    -moz-box-shadow: 0 3px 20px 2px var(--color-primary);
    -webkit-box-shadow: 0 3px 20px 2px var(--color-primary);
    -o-box-shadow: 0 3px 20px 2px var(--color-primary);
    -ms-box-shadow: 0 3px 20px 2px var(--color-primary);
    box-shadow: 0 3px 20px 2px var(--color-primary);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.step-block h3,
.step-block b{

    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;

    line-height: 1.1;
    color: #3d5974;
    display: block;
}

.step-block p{

    width: 70%;
    margin: auto;

    text-align: center;
    line-height: 25px;

    font-size: 15px;
}
.step-block.step-block-1{
    margin-top: -40px;
}
.step-block.step-block-2{
    margin-top: 30px;}
.step-block.step-block-3{}

@media screen and (max-width: 768px) {
    .steps{
        background: none;
    }
}
.contact-block{
    margin-bottom: 35px;
    position: relative;
}
.contact-block i{
    position: absolute;
    background: #FFFFFF;
    color: var(--color-primary);
    font-size: 26px;
    display: inline-block;
    width: 78px;
    height: 78px;
    line-height: 78px;

    border-radius: 100%;
    -moz-box-shadow: 0 3px 20px 2px var(--color-primary-shadow);
    -webkit-box-shadow: 0 3px 20px 2px var(--color-primary-shadow);
    -o-box-shadow: 0 3px 20px 2px var(--color-primary-shadow);
    -ms-box-shadow: 0 3px 20px 2px var(--color-primary-shadow);
    box-shadow: 0 3px 20px 2px var(--color-primary-shadow);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    text-align: center;

    top: 0;
    left: 0;
}
.contact-block b,
.contact-block p{

    margin-left: 90px;
}
.contact-block p{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 1.1;
    color: #3d5974;

    padding-top: 18px;
}

.reference-grid-item {
    font-size: 15px;

    line-height: 28px;
}
.reference-grid-item p{
    font-style: italic;
}