/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.title-row-service{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    margin-top:65px;
    width:50%;
}

.service-image-box{
    width:50%;
    height: 300px;
}

.page-subtitle.service{
    margin-top:-10px;
    line-height:30px;
}

.btn-row-service{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:25px;
    margin-bottom:130px;
    margin-top:40px;
}

.fourth-btn{
    border:solid 1.5px var(--pal-10);
    background:var(--pal-10);
    color:var(--pal-7);
}

.third-btn{
    border:solid 2px var(--pal-11);
    color:var(--pal-11);
}

.fa-paper-plane{
    font-size:18px;
}

.auto-width-btn{
    padding:0 35px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    height:57px;
    border-radius:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Gotham-Medium';
    font-size:16px;
    cursor:pointer;
    text-decoration: none;
}

.flexgap12{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:12px;
    position:relative;
}

.flexgap12:after{
    content:"";
    position:absolute;
    width:0%;
    height:2px;
    background:var(--pal-7);
    bottom:-8px;
    -webkit-transition:width 300ms;
    -o-transition:width 300ms;
    transition:width 300ms;
}

.flexgap12.blue:after{
    background:var(--pal-11);
}

.auto-width-btn:hover .flexgap12:after{
    width:100%;
}

.h2.service {
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 3rem!important;
    text-align: center;
}

.flexcentercol{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap:36px;
    width:66.6%;
}

.centered{
    text-align: center;
}

.nb-box{
    width:48px;
    height:48px;
    flex-shrink: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background:var(--pal-7);
    color:white;
    font-size:24px;
    border-radius:50%;
    font-family: 'Gotham-Medium';
}

.flexrow{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.service-name{
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
    font-size:0.9rem;
}

.padd-15{
    padding:15px;
}

.flex-2.flex-start{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    overflow:visible!important;
}


.p3 {
    font-family: 'Inter-Regular', sans-serif;
    color: #2e3c43;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
}

.ul-p3{
    font-family: 'Inter-Regular', sans-serif;
    color: #2e3c43;
    font-size: 1.4rem;
    font-weight: 400;
}

.ul-p3 li{
    margin-top:10px;
    line-height:2rem;
}

.ul-p3 li.no-marg{
    margin-top:0;
}

.visible-overflow{
    overflow:visible!important;
}

img.triad {
    width: 180%;
    position: relative;
    right: 250px;
    top: -10px;
}