/**
 * IDE: PhpStorm.
 * Autor: Flavio Laura
 * Email: flaurac@gmail.com
 * Data: 12/03/24
 * --- Provincia Italiana di San Francesco d'Assisi dei Frati Minori Conventuali ----
 */

/***

====================================================================
	Services Two
====================================================================

***/

.services-two{
    position:relative;
    padding:100px 0px 100px;
}

.services-two_pattern{
    position:absolute;
    right:0px;
    bottom:0px;
    width:368px;
    height:528px;
    background-repeat:no-repeat;
}

.service-block_two{
    position:relative;
    margin-bottom:var(--margin-bottom-30);
}

.service-block_two-inner{
    position:relative;
    padding:40px 35px;
    border-radius:5px;
}

.service-block_two-inner:hover .service-block_two-color{
    opacity:1;
    transform:scale(1,1);
}

.service-block_two-color{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity:0;
    border-radius:8px;
    transform:scale(0.2,1);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:#00AEEF;
}

.service-block_two-inner:hover .service-block_two-icon{
    color:var(--white-color);
    border-color:var(--white-color);
}

.service-block_two-inner:hover .service-block_two-icon-box:before{
    background-color:var(--color-thirtytwo);
}

.service-block_two-inner:hover .view-more:before{
    background-color:var(--color-thirtytwo);
}

.service-block_two-inner:hover .service-block_two-heading:before{
    background-color:var(--white-color);
}

.service-block_two-inner:hover .view-more,
.service-block_two-inner:hover .service-block_two-text,
.service-block_two-inner:hover .service-block_two-heading a{
    color:var(--white-color);
}

.service-block_two-upper{
    position:relative;
    min-height:90px;
    padding-left:125px;
}

.service-block_two-icon-box{
    position:absolute;
    left:0px;
    top:0px;
}

.service-block_two-icon-box:before{
    position:absolute;
    content:'';
    left:-5px;
    top:10px;
    width:100px;
    height:70px;
    border-radius:15px;
    transform:rotate(-45deg);
    background-color:var(--color-thirtyseven);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.service-block_two-icon{
    position:relative;
    width:90px;
    height:90px;
    border-radius:5px;
    text-align:center;
    line-height:86px;
    display:inline-block;
    font-size:var(--font-50);
    font-family: "Flaticon";
    color:var(--color-thirtyeight);
    border:2px solid var(--color-thirtyeight);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.service-block_two-heading{
    position:relative;
    font-weight:700;
    top:10px;
    padding-top:var(--padding-top-10);
    font-family:var(--font-family-Poppins);
}

.service-block_two-heading:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:30px;
    height:3px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:var(--color-thirtyeight);
}

.service-block_two-heading a{
    position:relative;
    color:var(--color-thirtyfour);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.service-block_two-text{
    position:relative;
    line-height:28px;
    font-size:var(--font-16);
    margin-top:var(--margin-top-25);
    color:var(--color-thirtyfive);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.services-two .view-more{
    position:relative;
    font-weight:700;
    display:inline-block;
    font-size:var(--font-16);
    color:var(--color-thirtyfour);
    margin-top:var(--margin-top-20);
    padding-left:var(--padding-left-40);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.services-two .view-more:before{
    position:absolute;
    content:'';
    left:0px;
    top:9px;
    width:25px;
    height:2px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:var(--color-thirtyeight);
}