@import url(../constants.css);
.section.services-wrap {
    margin-top: -9em;
    z-index: 2;
    position: relative;
}
.services-wrap h4{
    color: var(--white, #FFF);
    font-family: var(--text);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    
}
.serv-box{
    background-color: var(--white);
    display: block;
}
.serv-box a{
    display: block;
    padding: 48px 32px;
    transition: .3s ease-in-out all;
}
.serv-box a:hover{
    background-color: var(--tertiary);
    transition: .3s ease-in-out all;
}
.serv-box a:hover h3,.serv-box a:hover p{
    color: var(--white);
}
.serv-box h3{
    color: var(--tertiary, #211951);

    /* Heading/H3 */
    font-family: var(--text);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    margin-bottom: 8px;
}
.serv-box p{
    margin-bottom: 0;
}
.grid-col{
    position: relative;    
}
.grid-col svg {
    float: right;
    position: absolute;
    right: 30px;
    top: 40px;
    opacity: 0;
    transition: .3s ease-in-out all;
}
.serv-box .grid-col a:hover svg {
    opacity: 1;
    transition: .3s ease-in-out all;
}