/*------------------------------------*\

    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

.wysiwyg {
    position: relative;
    z-index: 1;
}

.wysiwyg--bg-white {
    background: #ffffff;
}

.wysiwyg--bg-gray {
    background: #F2F2F2;
}

.wysiwyg--bg-red {
    background: #CE373D;
    color: #FFFFFF;
}

.wysiwyg--bg-red h2,
.wysiwyg--bg-red h3 {
    color: #ffffff;
}

.wysiwyg--bg-red h4 {
    color: #f2f2f2;
}

.wysiwyg--bg-red h4::before {
    background: url(/wp-content/themes/mtechcompany/assets/img/heading-icon-gray.svg) 0 0 no-repeat;
}

.wysiwyg--bg-red ul li:before {
    color: #fff;
}

.wysiwyg--top {
    padding-top: 40px;
    z-index: 4;
}

.wysiwyg__text-center,
.example-btns {
    text-align: center;
}

.example-btns {
    margin: 20px 0;
}

.example-btns .btn {
    margin-top: 15px;
}

.wysiwyg-curve {
    position: absolute;
    top: -4px;
    width: 100%;
    left: 0;
    z-index: -1;
}

.wysiwyg--textured-col {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.logo-sign {
    position: absolute;
    top: 16px;
    left: -15px;
    z-index: -1;
    max-width: 357px;
}

.logo-sign--inner {
    max-width: 238px;
    left: -55px;
}

.wysiwyg--bg-gray--inner ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.wysiwyg--bg-gray--inner ul li span {
    font-weight: 700;
}

.wysiwyg--bg-red .btn-primary-white img {
    padding-bottom: 2px;
    margin-top: -5px;
}

.wysiwyg__text-content div.gform_wrapper {
    padding: 30px 20px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(141, 38, 42, 0.25);
    border-radius: 15px 15px 0 0;
}

.wysiwyg__text-content div.gform_wrapper .gfield--label-no-float .gfield_label {
    position: relative;
    top: auto !important;
    left: auto;
    margin-bottom: 10px;
    display: block;
}

.wysiwyg__text-content div.gform_wrapper .gfield.gfield--type-textarea {
    height: 96px;
}

.wysiwyg__text-content div.gform_wrapper {
    width: 100% !important;
}

@media (min-width: 768px) {
    .example-btns {
        text-align: left;
        display: inline-block;
    }

    .example-btns .btn {
        margin-right: 25px;
    }

    .wysiwyg--textured .wysiwyg__text-center {
        text-align: left;
    }

    .wysiwyg--top {
        padding-bottom: 20px;
    }

    .wysiwyg--bg-red .wysiwyg__text-center {
        text-align: left;
    }

    .wysiwyg__text-content div.gform_wrapper {
        padding: 50px;
    }
}

@media (min-width: 1200px) {
    .example-btns .btn {
        margin-top: 20px;
        margin-right: 25px;
    }

    .wysiwyg__text-center {
        text-align: left;
    }

    .example-btns {
        margin: 20px 0 0;
    }

    .wysiwyg--top {
        padding-bottom: 70px;
    }

    .wysiwyg--wave {
        overflow: hidden;
        padding-top: 215px;
    }

    .wysiwyg--textured-col {
        left: auto;
        right: 0;
        z-index: -1;
    }

    .logo-sign {
        position: absolute;
        top: 38px;
        left: 0px;
        z-index: -1;
        max-width: 398px;
    }

    .wysiwyg--bg-gray--inner ul {
        padding-right: 100px;
    }

    .wysiwyg--bg-red h4 {
        color: #D0D0D0;
    }

    .wysiwyg--bg-red .btn-primary-white img {
        padding-bottom: 5px;
        margin-top: 0px;
    }

    .wysiwyg__text-content div.gform_wrapper {
        border-radius: 15px;
        margin: 0;
        z-index: 1;
        width: 500px;
    }
}

@media (min-width: 1600px) {
    .logo-sign {
        top: 38px;
        left: 95px;
    }
}


#gform_wrapper_23 .gf_progressbar_percentage.percentbar_blue{
        background-color: #ce373d;
    color: #fff;

}

#gform_page_23_3 .gform_page_footer {
    margin-top : 150px
}
@media (min-width: 2400px) {
    .wysiwyg--wave {
        overflow: hidden;
        padding-top: 300px;
    }
}