/* Gives ability to set the styles of dashboard buttons to any button
 * without adding an event listeners on it */
.button-body {
    width: 100%;
    min-width: 212px;
    max-width: 212px;
    height: 53px;
    background-color: #6178fa!important;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    position: relative;
}
.button-body:hover {
    -webkit-box-shadow: 0 4px 12px rgba(1,103,255,0.35);
    box-shadow: 0 4px 12px rgba(1,103,255,0.35);
}
.button-body span {
    color: #fff!important;
}

/* Fixing wrong text wrap in prices */
.prices .item {
    max-width: 330px;
}

/* Added styles */
.grid { display: grid; }
.flex { display: flex; }
.flex.column { flex-direction: column; }
.column.v-center { justify-items: center; }
.column.h-center { align-items: center; }
i.fa-solid {

}

#full-transparency {
    padding: 85px 0 100px;
}
#full-transparency h2,
#full-transparency p {
    margin: 0 0 20px;
    text-align: center;
}
#full-transparency p {
    width: 100%;
    max-width: 370px;
    margin: 0 0 48px;
    color: #929fca;
    line-height: 24px;
    font-size: 18px;
    font-family: gotham-light;
    font-weight: 300;
    letter-spacing: .04em;
}
#full-transparency > div {
    margin-top: 100px;
}
#full-transparency div.grid {
    width: 100%;
    height: 300px;
    padding-top: 40px;
    grid-template-columns: 1fr 1fr;
    margin-left: 7%;
}
#full-transparency div.flex {
    margin-top: -150px;
    margin-bottom: -50px;
    align-items: center;
}
#full-transparency h3 > i {
    margin-right: 10px;
    color: rgb( 74, 99, 178 );
}
#full-transparency h3 {
    font-size: 24px;
    color: rgb( 249, 249, 249 );
    font-weight: 300;
}
#full-transparency .image_wrapper {
    width: 20%;
}
#full-transparency img {
    max-height: 600px;
    transform: translateX( -100px );
}

@media screen and ( max-width: 770px ) {
    #full-transparency div.grid {
        grid-template-columns: repeat( auto-fill, 250px );
        justify-content: space-between;
        margin: 0 50px 0 100px;
        height: 500px;
    }
    #full-transparency div.flex {
        margin-top: -50px;
    }
}
@media screen and ( max-width: 991px ) {
    .service-row:nth-of-type( 5 ) .img img {
        max-width: 700px;
        transform: translateX( 120px );
    }
}
@media screen and ( max-width: 768px ) {
    .service-row:nth-of-type( 5 ) .img img {
        max-width: 700px;
        transform: translateX( 320px );
    }
}