#navServicesWrapper > .navLinkItemInner:after {
    width: 100%;
}
#mobileNavServices {
    background-color: #efefef;
}

#bannerWrapper {
    background-position: top;
    background-image: url(../../images/pages/services/0-hero-services.jpg);
}

.line2 {
    width: 25%;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotateY(180deg);
}

.line2Shape {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: dash 1s linear forwards;
}

.line3 {
    width: 25%;
    position: absolute;
    bottom: 0px;
    right: 0%;
}

.line3Shape {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: dash 3s linear forwards;
}

#headerText {
    max-width: 800px;
}


.serviceText {
    max-height: 160px;
    overflow-y: auto;
    padding-right: 10px;
}


/*
#############
SERVICES PODS
#############
*/
#marketPodsWrapper { 
    padding: 2% 8.5% 0% 8.5%;
}

#marketPodLine2 {
    width: 25%;
    position: absolute;
    z-index: 5;
    top: 30%;
    left: -20%;
    transform: rotate(-90deg);
}


/*
#############
MARKET METHOD
#############
*/ 
#marketMethod {
    position: relative;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0.11%, rgba(0, 0, 0, 0.8) 100%),
                                      url(../../images/pages/services/bg-marketmethod.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5% 10.5% 5% 10.5%;
}

#marketMethodPodsWrapper {
    max-width: 1700px;
    margin: 0 auto;
}

.marketMethodPod {
    padding-left: 3.1%;
    padding-right: 3.1%;
    flex-basis: 25%;
    max-width: 25%;
}

.marketMethodText {
    display: block;
    max-width: 300px;
    margin: 0 auto;
}

.methodSVG {
    width: 50px;
    height: 50px;
    
}

.processIconAnimation {
    animation-duration: .5s;
    animation-delay: .25s;
    animation-fill-mode: forwards;
    animation-name: marketMethodSvgFadeIn;
}
.designIconAnimation {
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-name: marketMethodSvgFadeIn;
}
.budgetingIconAnimation {
    animation-duration: .5s;
    animation-delay: .75s;
    animation-fill-mode: forwards;
    animation-name: marketMethodSvgFadeIn;
}
.managementIconAnimation {
    animation-duration: .5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-name: marketMethodSvgFadeIn;
}

.marketMethodPodHeader {
    margin-top: 30px;
    margin-bottom: 20px;
}

@keyframes marketMethodSvgFadeIn {
    from {
        fill: rgba(128, 128, 128, 0);
    }

    to {
        fill: white;
    }
}

/*
#############
CONTACT US
#############
*/ 
#contactUs {
    padding: 2% 0% 3% 0%;
}

@media (max-width: 1920px) {
    #marketMethod {
        padding: 6% 10.5% 5% 10.5%;
    }
    #marketMethodPodsWrapper {
        max-width: 900px;
    }
}

@media (max-width: 1600px) {
    .serviceText {
        max-height: 225px;
    }
    
    .marketMethodPod {
        flex-basis: 50%;
        max-width: 50%;
    }
    
    .marketMethodPod:nth-child(1), .marketMethodPod:nth-child(2) {
        margin-bottom: 60px;
    }
}

@media (max-width: 1199px) {
    #marketPodsWrapper {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
    }
    
    #marketMethod, #contactUs {
        padding-top: 30px;
        padding-bottom: 35px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .marketMethodPod {
        margin-bottom: 60px;
        flex-basis: 100%;
        max-width: 100%;
    }
    .marketMethodPod:last-child {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    #marketPodsWrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .marketMethodPodHeader {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .serviceText {
        max-height: 195px;
    }
}