

.lh-35{
    line-height: 35px;
}
.resume .photo-gray{}
.resume .photo-gray img{
    border: 10px solid var(--color-gray-2);
    max-width: 510px;
    height: auto;
}
.resume .photo.photo-gray::after{
    width: 100%;
    height: 100%;
    border-color: var(--color-gray-2);
}
#servicesTab button,
#servicesTab a{
    height: 100%;
}

.bg_gray1 .box_title h3 {
    max-width: 100%;
}


@media screen and (max-width: 576px){
    #servicesTab::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        width: 16px;
        height: 16px;
        border-right: 2px solid var(--color-green-light);
        border-bottom: 2px solid var(--color-green-light);
        transform: rotate(45deg);
        transition: all 0.4s;
    }
    .open #servicesTab::before{
        transform: rotate(225deg);
    }


    .services_menu{
        margin: 40px 0 60px 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        overflow: hidden;
        border-radius: 0;
        outline: 0;
        border-bottom: 3px solid var(--color-green-light);
        background-color: #F1F2F6;
    }
    .services_menu #servicesTab{
        background-color: transparent;
        border-bottom: none;
        display: block;
        margin: 0;
        width: 100%;
    }
    .services_menu #servicesTab[role="tablist"] li{
        flex: 100%;
    }
    .services_menu #servicesTab[role="tablist"] button{
        text-align: left;
        color: #000000;
        background-color: #F1F2F6;
        border: 0;
        transition: all 0.4s;
        line-height: 25px;
        padding: 16px 60px 10px 22px;
        font-size: 14px;
        outline: 0;
        border-radius: 0;
        width: 100%;
    }

    .services_menu #servicesTab[role="tablist"] li:not(.active_li){
        display: none;
    }
    .services_menu #servicesTab[role="tablist"] button.active{
        color: #000000;
        background-color: transparent;
        border-bottom-color: var(--color-green-light);
        border-radius: 0;
        outline: 0;
        border-right: none;
        border-left: none;
        border-top: none;
    }
    .services_menu #servicesTab[role="tablist"] button:hover:not(.active),
    .services_menu #servicesTab[role="tablist"] button:focus:not(.active),
    .services_menu #servicesTab[role="tablist"] button:active:not(.active){
        color: #000000;
        background-color: transparent;
        border-bottom-color: var(--color-green-dark);
    }
    .services_menu #servicesTab[role="tablist"].open button{
        display: block;
    }
    /*
    .mb_ad{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 23px;
        min-width: 23px;
        height: 23px;
        margin: 0 10px;
    }
    .mb_ad::after{
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        border-right: 2px solid var(--color-green-light);
        border-bottom: 2px solid var(--color-green-light);
        transform: rotate(45deg);
        transition: all 0.4s;
    }
    .opened .mb_ad{
        transform: rotate(225deg);
    }*/


    .resume p{
        text-align: left!important;
    }
}
