@font-face {
    font-family: 'SFBold';
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.eot');
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.woff') format('woff'), url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'SFRegular';
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.eot');
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.woff') format('woff'), url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'SFLight';
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.eot');
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.woff') format('woff'), url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'SFThin';
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Thin.eot');
    src: url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Thin.woff') format('woff'), url('https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Thin.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

body #ot-sdk-btn.ot-sdk-show-settings {
    display: inline-block;
    background: 0 0;
    padding: 0;
    color: #00a2df;
    border: none;
    width: auto;
    font-family: "EDINProMedium", Arial, sans-serif;
    font-size: 13px;
    margin-right: 10px
}

body[class*=smartling-] #ot-sdk-btn.ot-sdk-show-settings {
    font-family: 'EOpenSans', sans-serif;
    color: #323031;
    font-size: 15px;
    margin: 0 10px 0 0;
    line-height: 25px
}

body.not-found[class*=smartling-] #ot-sdk-btn.ot-sdk-show-settings {
    font-family: "EDINProMedium", Arial, sans-serif;
    color: #00a2df;
    font-size: 13px;
    margin: 0 10px 0 0;
    line-height: 25px
}

body #onetrust-consent-sdk #onetrust-pc-sdk .group {
    border-bottom: none
}

body #onetrust-consent-sdk *:focus {
    outline: none
}

body #onetrust-consent-sdk #onetrust-pc-sdk .group:focus {
    outline: none
}

body #ot-sdk-btn.ot-sdk-show-settings:hover {
    background: 0 0;
    padding: 0;
    color: #00a2df
}

body #onetrust-pc-sdk.otPcTab {
    width: 1008px;
    height: 549px;
    max-width: inherit
}

body #onetrust-pc-sdk.otPcTab,
body #onetrust-pc-sdk .pc-header .pc-close-btn-container,
body #onetrust-pc-sdk .pc-content {
    background-color: #f4f4f4
}

body #onetrust-pc-sdk .pc-header {
    border: none
}

body #onetrust-pc-sdk .main-content {
    padding: 0 0 0 20px
}

body #onetrust-pc-sdk .group {
    border-left: 5px solid transparent
}

body #onetrust-pc-sdk .active-group {
    border-left: 5px solid #00a1e0
}

body #onetrust-pc-sdk .description-container {
    background: #fff;
    padding: 20px;
    min-height: 310px
}

body #onetrust-pc-sdk .ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-columns {
    margin-left: 0
}

body #onetrust-pc-sdk .group h3 {
    color: #215ca0;
    font-size: 15px;
    font-family: 'SFRegular', sans-serif
}

body #onetrust-consent-sdk #onetrust-pc-sdk .description-container h3,
body #onetrust-consent-sdk #onetrust-pc-sdk .group:not(.active-group) h3 {
    color: #215ca0
}

body #onetrust-pc-sdk .description-container h3 {
    font-size: 22px;
    line-height: 1.36;
    font-family: 'SFBold', sans-serif
}

body #onetrust-pc-sdk .active-group h3 {
    color: #263238
}

body #onetrust-pc-sdk .footer-logo {
    display: none
}

body #onetrust-pc-sdk .toggle .checkbox input:checked+label {
    background-color: #215ca0
}

body #onetrust-pc-sdk .toggle .checkbox label {
    border-radius: 23px;
    height: 23px;
    background: #c1b9b4;
    width: 37px
}

body #onetrust-pc-sdk .checkbox label:after {
    top: 2px;
    left: 2px;
    height: 19px;
    width: 19px;
    background: #fff
}

body #onetrust-pc-sdk .toggle .checkbox input:checked+label:after {
    background: #f5efeb;
    left: 16px
}

body #onetrust-pc-sdk .group-toggle h3 {
    font-size: 22px;
    line-height: 1.36;
    color: #032e61;
    font-family: 'SFBold', sans-serif
}

body #onetrust-pc-sdk button,
body #onetrust-pc-sdk button:hover {
    font-family: 'SFRegular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 100%;
    color: #215ca0;
    border-color: #215ca0;
    text-transform: uppercase;
    border-radius: 4px;
    opacity: 1;
    width: auto;
    line-height: 1
}

body #onetrust-pc-sdk button {
    margin-right: 0
}

body #onetrust-pc-sdk .save-preference-btn-handler {
    min-width: initial;
    width: auto;
    margin: 0;
    border-radius: 4px;
    line-height: 1
}

body #onetrust-pc-sdk .save-preference-btn-handler,
body #onetrust-pc-sdk .save-preference-btn-handler:hover {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    background: #215ca0
}

body #onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns {
    margin: 0;
    width: 69%;
    height: 100%;
    overflow-y: auto
}

body #onetrust-pc-sdk .group-description,
body #onetrust-pc-sdk #pc-policy-text {
    font-family: 'SFRegular', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #222
}

body #onetrust-pc-sdk .pc-logo {
    margin: 20px 0 0;
    width: 130px;
    display: inline-block;
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/ms_salesforce_logo.svg) !important;
    background-position: 0 center
}

body #onetrust-pc-sdk .pc-logo:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 120px;
    font-family: 'SFThin', sans-serif;
    font-size: 42px;
    margin-top: 15px
}

body #onetrust-pc-sdk .group-toggle .checkbox {
    background: 0 0 !important
}

body #onetrust-pc-sdk button {
    color: #fff !important
}

body #onetrust-pc-sdk .pc-header {
    height: 60px;
    display: block
}

body #onetrust-pc-sdk .groups-container {
    height: 310px;
    margin-top: 40px;
    overflow-y: hidden
}

body #onetrust-pc-sdk .button-group-parent {
    border: none
}

body #onetrust-pc-sdk #pc-title {
    float: left;
    margin-left: 30px;
    margin-top: 35px
}

body #onetrust-pc-sdk #triangle {
    right: 25px
}

body #onetrust-pc-sdk #accept-recommended-btn-handler {
    margin-right: 0
}

#onetrust-consent-sdk #onetrust-pc-sdk button {
    float: right
}

@media screen and (max-width:1024px) {
    #onetrust-consent-sdk #onetrust-pc-sdk button {
        float: none
    }
    body #onetrust-pc-sdk.otPcTab {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width:992px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 800px
    }
    body #onetrust-pc-sdk .groups-container {
        margin-top: 0
    }
    body #onetrust-pc-sdk.otPcTab .save-preference-btn-handler,
    body #onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
        min-width: 210px;
        width: auto;
        max-width: 100%;
        display: inline-block !important;
        vertical-align: top;
        float: none;
        margin-right: 5px;
        margin-left: auto
    }
    body #onetrust-pc-sdk .button-group {
        float: none
    }
    body #onetrust-pc-sdk .ot-sdk-four.ot-sdk-columns {
        width: 100%;
        border-bottom: none
    }
    body #onetrust-pc-sdk.otPcTab #pc-title {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 18px
    }
    body #onetrust-pc-sdk .pc-logo {
        margin-top: 0
    }
    body #onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns {
        position: absolute;
        top: 230px;
        left: 0;
        width: calc(100% - 20px)
    }
    body #onetrust-pc-sdk.otPcTab .groups-container {
        height: 100%
    }
    body #onetrust-pc-sdk.otPcTab {
        height: calc(100% - 40px);
        bottom: inherit;
        top: 10px
    }
    body #onetrust-pc-sdk .pc-header {
        padding: 10px
    }
    body #onetrust-pc-sdk.otPcTab .button-group {
        float: none
    }
    body #onetrust-pc-sdk.otPcTab .groups-container {
        height: 100%
    }
}

@media screen and (max-width:768px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 750px;
        max-height: calc(100% - 20px)
    }
    body #onetrust-pc-sdk.otPcTab .groups-container {
        overflow: scroll
    }
    body #onetrust-pc-sdk #content {
        height: calc(100% - 195px) !important
    }
    body #onetrust-pc-sdk .host-notice a {
        text-indent: -1000px
    }
    #onetrust-pc-sdk.otPcTab #hosts-list-container .toggle-group,
    #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice {
        display: inline-block;
        float: none;
        vertical-align: top
    }
    #onetrust-pc-sdk.otPcTab #hosts-list-container .toggle-group {
        width: 90%
    }
    #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice {
        width: 5%;
        margin: 0
    }
}

@media screen and (max-width:640px) {
    body #onetrust-pc-sdk .ot-sdk-column,
    body #onetrust-pc-sdk.otPcTab .ot-sdk-row .ot-sdk-columns {
        width: 95% !important
    }
}

@media screen and (max-width:500px) {
    body #onetrust-pc-sdk.otPcTab {
        height: 750px
    }
    body #onetrust-pc-sdk.otPcTab .vendor-content {
        overflow-y: scroll;
        width: 100%
    }
    body #onetrust-pc-sdk #content {
        height: calc(100% - 220px) !important
    }
    body #onetrust-pc-sdk #accept-recommended-btn-handler {
        margin-left: 0
    }
    body #onetrust-pc-sdk .pc-logo-container {
        margin-left: 0;
        margin-top: 5px;
        width: 150px
    }
    body #onetrust-pc-sdk .pc-logo {
        height: 40px !important
    }
    body #onetrust-pc-sdk.otPcTab #pc-title {
        margin-left: 0;
        margin-top: 20px;
        font-size: 14px
    }
    body #onetrust-pc-sdk .pc-content {
        width: calc(100% - 20px)
    }
    body #onetrust-pc-sdk.otPcTab .save-preference-btn-handler,
    body #onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
    body #onetrust-pc-sdk.otPcTab #pc-title {
        display: inline-block;
        max-width: calc(100% - 150px);
        font-size: 15px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:420px) {
    body #onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice,
    #onetrust-pc-sdk.otPcTab #hosts-list-container .vendor-notice {
        position: absolute;
        top: 10px;
        right: -20px;
        float: none;
        width: 50px;
        height: 50px
    }
}

@font-face {
    font-family: 'ESF';
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.eot");
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular?#iefix") format("embedded-opentype"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.woff") format("woff"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Regular.svg#SalesforceSans-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'ESFLight';
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.eot");
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light?#iefix") format("embedded-opentype"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.woff") format("woff"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Light.svg#SalesforceSans-Light") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ESFBold';
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.eot");
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.woff") format("woff"), url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/salesforce_sans/SalesforceSans-Bold.svg#SalesforceSans-Bold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'EAvantGarde';
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/avant_garde/ITCAvantGardeStd-Demi.otf");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'EAvantGardeBold';
    src: url("https://www.mulesoft.com/themes/custom/mule_foundation/fonts/avant_garde/ITCAvantGardeStd-Demi.otf");
    font-weight: 600;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

.ms-com-content.ms-com-content-header~.full-width-row #main {
    padding-top: 135px
}

.ms-com-content.ms-com-content-header.scrolled~.full-width-row #main {
    padding-top: 200px
}

.ms-com-content a>span.ext {
    display: none
}

.ms-com-content input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f7f5f5 inset
}

.ms-com-content ul {
    line-height: 25px;
    font-size: 15px
}

.ms-com-content * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0
}

.ms-com-content a {
    text-decoration: none
}

.ms-com-content .menu>li>a,
.ms-com-content .menu>li>span {
    display: block
}

.ms-com-content .visually-hidden {
    display: none
}

.ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner) {
    position: fixed;
    height: auto
}

.ms-com-content-header-with-banner .promotion-banner {
    position: relative;
    width: 100%;
    height: 58px;
    text-align: center;
    background: #00a2df;
    z-index: 100;
    overflow: hidden
}

.ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: none
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1160px;
    margin: auto
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>* {
    display: inline-block;
    vertical-align: middle;
    font-family: EOpenSans, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>.field-block-content--field-cta a {
    font-size: 15px;
    font-family: 'EOpenSans', sans-serif;
    margin-left: 20px;
    text-decoration: underline;
    color: #00a2df
}

.ms-com-content-header-with-banner .promotion-banner img {
    width: auto;
    height: 35px;
    margin-right: 20px
}

.ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 35px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner {
    background: #f4fcff
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner .promotion-banner-inside>* {
    color: #323031
}

.ms-com-content-header-with-banner .promotion-banner.light-blue-banner .promotion-banner-inside>.field-block-content--field-cta a {
    color: #00a2df;
    text-decoration: none
}

.ms-com-content-header-with-banner .promotion-banner.blue-to-indigo-banner {
    background: #00a2df;
    background: linear-gradient(90deg, #00a2df, #4079f1)
}

.ms-com-content-header-with-banner .promotion-banner.dark-blue-banner {
    background: #00044c
}

.ms-com-content-header-with-banner header.ms-com-header .header-wrapper {
    position: absolute;
    top: 58px
}

.ms-com-content-header-with-banner.scrolled header.ms-com-header .header-wrapper {
    position: relative;
    top: 0;
    box-shadow: 0px 1px 1px #eee
}

.ms-com-content.ms-com-content-header.lined {
    box-shadow: 0px 1px 1px #eee
}

@media screen and (max-width:992px) {
    .ms-com-content.ms-com-content-header.active:not(.ms-com-content-header-with-banner) {
        height: 100%
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>* {
        font-size: 15px
    }
    .ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner) {
        height: 65px
    }
}

@media screen and (max-width:768px) {
    .ms-com-content-header-with-banner .promotion-banner {
        height: 135px
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>img {
        display: none
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>.field-block-content--field-cta a {
        margin: 10px auto 0;
        display: block
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside>* {
        display: block
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
        top: -30px
    }
}

@media screen and (max-width:500px) {
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside .cross {
        top: -25px
    }
    .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
        padding: 0 20px
    }
}

.ms-com-content-header-with-banner:not(.closed):not(.scrolled) header.ms-com-header .header-wrapper {
    position: absolute;
    top: 58px
}

.ms-com-content.ms-com-content-header {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 16
}

.ms-com-content.ms-com-content-header.scrolled {
    position: fixed;
    height: auto
}

.ms-com-content.ms-com-content-header.closed {
    position: fixed;
    height: auto
}

.ms-com-content.ms-com-content-header.closed .promotion-banner {
    display: none
}

.ms-com-content-header-with-banner.closed header.ms-com-header .header-wrapper {
    position: relative;
    top: 0
}

.ms-com-content.ms-com-content-header .menu,
.ms-com-content.ms-com-content-header .menu.horizontal,
.ms-com-content.ms-com-content-footer .menu,
.ms-com-content.ms-com-content-footer .menu.horizontal {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.ms-com-content.ms-com-content-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 16
}

.ms-com-content.ms-com-content-header .header-wrapper {
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 16;
    width: 100%;
    height: 72px;
    font-family: 'ESF', sans-serif
}

.ms-com-content.ms-com-content-header .header-wrapper .header-inside {
    max-width: 1160px;
    padding: 0 16px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.ms-com-content.ms-com-content-header .header-wrapper .header-inside>* {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    z-index: 16;
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header .header-inside {
    position: static;
    display: flex;
    align-items: center
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: auto
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header {
        display: none
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 72px;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 1px #eee
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top {
        padding: 0 32px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top .logo {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-repeat: no-repeat;
    background-size: 399px 490px;
    background-position: -2px -96px;
    display: inline-block;
    vertical-align: middle;
    width: 145px;
    height: 48px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top .right-side .menu-ham {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top .right-side .menu-ham:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top .right-side .menu-ham:active {
    background: #fff
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-top .right-side .menu-ham span {
    display: block;
    width: 20px;
    height: 2px;
    background: #0176d3;
    margin: 5px 0;
    transition: .5s ease all
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom {
    position: relative;
    background: #fff;
    height: 100%;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form {
    width: 100%;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: start
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form .input-wrapper {
    margin-left: 8px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input {
    width: calc(100% - 48px);
    background: 0 0;
    border: none;
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input::placeholder {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #747474
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input[type=search]::-webkit-search-decoration,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input[type=search]::-webkit-search-cancel-button,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input[type=search]::-webkit-search-results-button,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form input[type=search]::-webkit-search-results-decoration {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-form .search-mag-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-position: -327px -35px;
    background-repeat: no-repeat;
    background-size: 380px 470px;
    display: inline-block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-close-icon {
    position: absolute;
    z-index: 20;
    right: 16px;
    top: 7px;
    font-size: 46px;
    opacity: 1;
    color: #0176d3;
    font-family: 'ESF', sans-serif;
    line-height: 1.1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-close-icon {
        right: 32px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .search-close-icon.active {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li:focus {
    outline: 2px solid #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li>span,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li>a {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #0176d3;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li>span:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li>a:focus-visible {
    outline: 2px solid #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li>span:after {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/chevron.svg");
    background-size: 16px 10px;
    background-position: 4px 6px;
    background-repeat: no-repeat
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu-label {
    font-family: 'ESF', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    display: block;
    width: 100%
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu-label {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu .phone-mobile {
    padding-bottom: 32px;
    padding-top: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.004em;
    color: #0176d3;
    display: block;
    padding: 12px 0;
    position: relative
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a,
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a {
        font-family: 'ESFBold', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
        display: inline-block;
        padding: 0;
        z-index: 1;
        width: fit-content
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a:hover,
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a:hover {
        color: #032d60;
        text-decoration: underline
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a:hover:before,
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a:hover:before {
        display: block;
        content: '';
        background-color: #cfe9fe;
        width: calc(100% + 8px);
        height: calc(100% + 6px);
        position: absolute;
        top: -2px;
        left: -4px;
        border-radius: 4px;
        z-index: -1
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a span:not([class]),
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a span.small-intro,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a span:not([class]),
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a span.small-intro {
    display: block;
    color: #181818;
    font-family: 'ESF', sans-serif;
    font-size: 12px;
    line-height: 18px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro a span:not([class]),
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu a span:not([class]) {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro .inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro .badge,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu .inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu .badge {
    padding: 4px 12px;
    font-family: 'ESFBold', sans-serif;
    font-size: 12px;
    line-height: 12px;
    border-radius: 12px;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-color: #fef0f3;
    color: #b60554
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .nav-intro,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .menu:not(.with-flags) {
    margin-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .item-with-flag a {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.004em;
    color: #0176d3;
    display: block;
    padding: 12px 0;
    position: relative;
    display: inline-block
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .item-with-flag a {
        font-family: 'ESFBold', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
        display: inline-block;
        padding: 0;
        z-index: 1;
        width: fit-content
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .item-with-flag a:hover {
        color: #032d60;
        text-decoration: underline
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .item-with-flag a:hover:before {
        display: block;
        content: '';
        background-color: #cfe9fe;
        width: calc(100% + 8px);
        height: calc(100% + 6px);
        position: absolute;
        top: -2px;
        left: -4px;
        border-radius: 4px;
        z-index: -1
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .see-all-link {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.004em;
    color: #0176d3;
    display: block;
    padding: 12px 0;
    position: relative;
    margin-bottom: 24px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .see-all-link {
        font-family: 'ESFBold', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
        display: inline-block;
        padding: 0;
        z-index: 1;
        width: fit-content
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .see-all-link:hover {
        color: #032d60;
        text-decoration: underline
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .see-all-link:hover:before {
        display: block;
        content: '';
        background-color: #cfe9fe;
        width: calc(100% + 8px);
        height: calc(100% + 6px);
        position: absolute;
        top: -2px;
        left: -4px;
        border-radius: 4px;
        z-index: -1
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li .mega-menu-wrapper .full-right-menu .inline-post-flag {
    width: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li.active>span,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li.active>a {
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li.active>span:after,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li.active>a:after {
    transform: rotate(180deg);
    background-position: 0 6px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>li.active .mega-menu-wrapper {
    padding: 0;
    margin-left: 8.333334%;
    margin-top: 8px;
    margin-bottom: 32px;
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>span:not([class]),
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu.small-intro {
    font-family: 'ESF', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    display: block;
    width: 100%
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu>span:not([class]),
    .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .menu.small-intro {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons {
    text-align: center;
    width: 100%;
    margin-top: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    padding: 0;
    border: 0;
    margin: 0 5px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-position: -58px -7px;
    background-repeat: no-repeat;
    background-size: 380px 470px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon span {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon.icon-muletheme-linkedin {
    background-position: -90px -7px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon.icon-muletheme-facebook {
    background-position: -123px -7px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon.icon-muletheme-instagram {
    background-position: -155px -7px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon.icon-muletheme-videos {
    background-position: -188px -7px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .nav-social-icon.icon-muletheme-twitch {
    background-position: -220px -7.2px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .mobile-social-icons .copyright {
    margin-top: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom p {
    font-family: 'ESF', sans-serif;
    font-size: 16px;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom p a {
    font-family: "ESFBold", Arial, sans-serif;
    color: #0176d3;
    text-decoration: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom p a:hover {
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .sub {
    font-size: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-header-bottom .contact>div>span {
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    font-family: 'ESF', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mega-menu-item-header .menu:first-child a:first-child {
    padding-top: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav {
    padding: 0 16px 90px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav>a {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #0176d3;
    display: inline-block;
    width: 100%;
    padding: 24px 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active {
    padding-top: 72px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active:not(.ms-com-content-header-with-banner) {
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .header-overlay {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-top {
    position: fixed;
    top: 0;
    z-index: 100;
    background: #001639;
    box-shadow: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-top .logo {
    background-position: -2px -96px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-top .menu-ham span:first-child {
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 2px;
    width: 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-top .menu-ham span:nth-child(2) {
    opacity: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-top .menu-ham span:last-child {
    background: #fff;
    transform: rotate(-45deg);
    transform-origin: 1px 0px;
    width: 22px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header.active .mobile-header-bottom {
    display: block;
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .field-simple-mega-menu--field-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .field-simple-mega-menu--field-translated-footer {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item>span:not(.main-menu-services) .full-left-menu:after {
    content: '';
    position: relative;
    display: block;
    background: #181818;
    width: 20px;
    height: 1px;
    margin-top: 8px;
    margin-bottom: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-solutions+.mega-menu-wrapper .menu:not(.with-flags):last-of-type,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-resources+.mega-menu-wrapper .menu:not(.with-flags):last-of-type {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-solutions+.mega-menu-wrapper .full-left-menu .menu:not(.with-flags):last-of-type,
.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-resources+.mega-menu-wrapper .full-left-menu .menu:not(.with-flags):last-of-type {
    margin-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-solutions+.mega-menu-wrapper .full-left-menu .menu:not(.with-flags):last-of-type {
    margin-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-services+.mega-menu-wrapper .mega-menu-full-container .menu:not(.with-flags) {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu-item .main-menu-partners+.mega-menu-wrapper .menu-label:not(:first-child) {
    margin-top: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header {
    display: none
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header {
        display: block
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>* {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>.logo {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    width: 45px;
    background-position: -2px -95px;
    background-size: 406px;
    height: 55px !important
}

@media screen and (min-width:1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>.logo {
        width: 150px;
        background-position: -2px -96px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .solutions-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .field.field-name-field-footer:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .field.field-name-field-translated-footer:before {
    content: '';
    width: 50vw;
    height: 100%;
    position: absolute;
    background: #e8f8ff;
    display: block;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .field.field-name-field-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .field.field-name-field-translated-footer {
    background: #e8f8ff
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper {
    background: #fff
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper.visible {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item {
    display: grid;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    column-gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
    grid-template-columns: repeat(12, 1fr);
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated {
    grid-column: span 10;
    display: grid
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu-label,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu-label {
    font-family: 'ESF', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    display: block;
    width: 100%
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu-label,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu-label {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title {
    margin-bottom: 24px;
    position: relative;
    z-index: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title .title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title .title {
    display: block;
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title .title~span:not(.inline-post-flag),
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title .title~span:not(.inline-post-flag) {
    font-family: 'ESF', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title.item-with-flag .title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title.item-with-flag .title {
    display: inline-block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title:hover .title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title:hover .title {
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title:hover:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title:hover:before {
    display: block;
    content: '';
    background-color: #cfe9fe;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 4px;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .nav-main-title:hover .title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .nav-main-title:hover .title {
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu a,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu a {
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.004em;
    color: #0176d3;
    display: block;
    padding: 12px 0;
    position: relative
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu a,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu a {
        font-family: 'ESFBold', sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
        display: inline-block;
        padding: 0;
        z-index: 1;
        width: fit-content
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu a:hover,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu a:hover {
        color: #032d60;
        text-decoration: underline
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .menu a:hover:before,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .menu a:hover:before {
        display: block;
        content: '';
        background-color: #cfe9fe;
        width: calc(100% + 8px);
        height: calc(100% + 6px);
        position: absolute;
        top: -2px;
        left: -4px;
        border-radius: 4px;
        z-index: -1
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .see-all-link,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .see-all-link {
    font-family: 'ESFBold', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0176d3;
    position: relative;
    display: inline;
    align-items: center;
    text-decoration: none;
    width: fit-content;
    grid-column: span 2;
    margin-top: 8px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .see-all-link:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .see-all-link:before {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .see-all-link:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .see-all-link:after {
    content: '';
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/CTA-arrow.svg");
    background-size: 110%;
    background-position: -1px 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
    position: relative;
    bottom: -1px;
    margin-left: 8px;
    transition: transform .5s ease-in-out
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .see-all-link:hover,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .see-all-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .see-all-link:hover:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .see-all-link:hover:after {
    transform: translateX(8px);
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    background-size: 110%;
    background-position: -1px -2px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag {
    margin-bottom: 8px;
    line-height: 20px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag:not(.nav-main-title),
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag:not(.nav-main-title) {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width:1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag:not(.nav-main-title),
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag:not(.nav-main-title) {
        display: block
    }
}

@media screen and (min-width:1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag.reverse,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag.reverse {
        display: flex;
        flex-direction: column-reverse
    }
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag.reverse .inline-post-flag,
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag.reverse .inline-post-flag {
        margin-bottom: 4px;
        margin-left: 0
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag>a,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag>a {
    margin-bottom: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag .inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .item-with-flag .badge,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag .inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .item-with-flag .badge {
    padding: 4px 12px;
    font-family: 'ESFBold', sans-serif;
    font-size: 12px;
    line-height: 12px;
    border-radius: 12px;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-color: #fef0f3;
    color: #b60554
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu {
    padding: 36px 0 0;
    grid-column: span 4;
    display: grid;
    grid-template-rows: 1fr auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu div.see-all-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu div.see-all-wrapper {
    grid-area: right;
    padding-top: 16px;
    padding-bottom: 24px;
    border-top: 1px solid #dbdbdb;
    margin-left: 24px;
    margin-right: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu {
    padding: 36px 0 24px;
    background: #f3f3f3;
    grid-column: span 6
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu .mega-menu-container-right,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu .mega-menu-container-right {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 24px;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse {
    margin-top: 6px;
    flex-direction: column
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.title,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.title {
    padding-top: 16px;
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.badge,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.badge,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu .mega-menu-container-right a.item-with-flag.reverse span.inline-post-flag {
    position: absolute;
    top: -3px;
    left: 0;
    width: auto;
    margin-left: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer {
    grid-column: span 2;
    display: grid;
    position: relative;
    padding: 36px 16px 0 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer:before {
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    left: -24px;
    background: #eaf5fe;
    display: block;
    z-index: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer {
    position: relative;
    z-index: 1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .mega-menu-item-footer-featured-content,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .mega-menu-item-footer-featured-content {
    font-size: 12px;
    line-height: 18px;
    font-family: 'ESF', sans-serif;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer h4 .mega-menu-item-footer-featured-content,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer h4 .mega-menu-item-footer-featured-content {
    font-size: 16px;
    line-height: 20px;
    color: #032d60;
    margin-top: 8px;
    font-family: 'EAvantGardeBold', sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .arrow-link,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .arrow-link {
    font-family: 'ESFBold', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0176d3;
    position: relative;
    display: inline;
    align-items: center;
    text-decoration: none;
    margin-top: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .arrow-link:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .arrow-link:before {
    display: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .arrow-link:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .arrow-link:after {
    content: '';
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/CTA-arrow.svg");
    background-size: 110%;
    background-position: -1px 0;
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
    position: relative;
    bottom: -1px;
    margin-left: 8px;
    transition: transform .5s ease-in-out
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .arrow-link:hover,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .arrow-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer .arrow-link:hover:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer .arrow-link:hover:after {
    transform: translateX(8px);
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    background-size: 110%;
    background-position: -1px -2px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer:hover:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer:hover:before {
    content: '';
    background: #cfe9fe;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 4px;
    z-index: -1;
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer:hover .arrow-link,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer:hover .arrow-link {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer .mega-menu-item-footer:hover .arrow-link:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer .mega-menu-item-footer:hover .arrow-link:after {
    transform: translateX(8px);
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    background-size: 110%;
    background-position: -1px -2px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header .field-items,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header .field-items .field-item,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header .field-items .field-item .mega-menu-item-header,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header .field-items .field-item .mega-menu-item-header .mega-menu-full-container,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header-translated .field-items,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header-translated .field-items .field-item,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header-translated .field-items .field-item .mega-menu-item-header,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .field-name-field-header-translated .field-items .field-item .mega-menu-item-header .mega-menu-full-container,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .mega-menu-container-right,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .simple-mega-menu.mega-menu-item {
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .mega-menu-wrapper .mega-menu-item-footer {
    min-width: 100%;
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li {
    margin-left: 0;
    margin-right: 0;
    width: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li:hover .mega-menu-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li:hover .mega-menu-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li:hover .mega-menu-wrapper {
    height: 484px;
    width: 100%;
    position: absolute;
    left: 0;
    overflow-x: hidden
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li .mega-menu-wrapper.visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li .mega-menu-wrapper.visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li .mega-menu-wrapper.visible {
    height: 484px;
    width: 100%;
    position: absolute;
    left: 0;
    overflow-x: hidden;
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li>a,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li>a,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li>a {
    padding: 22px 0;
    margin: 0 8px;
    cursor: default
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li>span:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .menu>li>a:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li>span:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li>a:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li>span:focus-visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li>a:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li:hover .mega-menu-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li:hover .mega-menu-wrapper {
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div [class^=block-]>li .mega-menu-wrapper.visible,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .right-side>li .mega-menu-wrapper.visible {
    height: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div li.menu-item>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div li.menu-item>a {
    position: relative;
    font-family: 'ESFBold', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav {
    height: 100%;
    position: static
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item>a {
    font-size: 12px;
    line-height: 28px;
    padding: 22px 0;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper {
    background: #fff;
    box-shadow: 0px 8px 12px -2px rgba(24, 24, 24, .16);
    border-radius: 16px;
    transform: translateX(-50%);
    left: 50%;
    top: 72px;
    overflow: hidden;
    width: fit-content;
    height: auto;
    padding: 32px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item {
    display: block;
    padding: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu span {
    font-family: 'ESF', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    display: block;
    width: 100%
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu span {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu span:nth-of-type(2) {
    border-top: 1px solid #e5e5e5;
    padding-top: 24px;
    margin-top: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu a {
    padding: 8px 0;
    font-family: 'ESFBold', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0176d3;
    width: fit-content;
    display: flex;
    white-space: nowrap;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu a:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div>nav:nth-of-type(2) .menu-item .mega-menu-wrapper .simple-mega-menu.mega-menu-item .menu a:hover:before {
    display: block;
    content: '';
    background-color: #cfe9fe;
    width: calc(100% + 8px);
    height: calc(100% + 6px);
    position: absolute;
    top: -2px;
    left: -4px;
    border-radius: 4px;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .mega-menu-container-left {
    padding-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .mega-menu-container-left .menu {
    grid-column: span 2
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .mega-menu-container-right .menu:nth-of-type(1) {
    padding-left: 24px;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .mega-menu-container-right .menu:nth-of-type(2) {
    padding-right: 16px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .mega-menu-container-right .nav-intro {
    grid-column: span 3;
    padding-left: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .try-free {
    display: flex;
    border-top: 1px solid #e5e5e5;
    align-items: end;
    padding: 16px 0 8px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .try-free {
        padding: 24px 0 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .nav-intro {
    display: flex;
    flex-direction: column
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-product+.mega-menu-wrapper .anypoint-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu .menu {
    display: grid;
    grid-template-rows: auto repeat(3, 1fr);
    grid-column: span 2
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu a.solutions-title {
    margin-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu a.solutions-title .title {
    display: block;
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu a.solutions-title .title~span:not(.inline-post-flag) {
    font-family: 'ESF', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu a.solutions-title:hover {
    text-decoration: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .mega-menu-container-left .solutions-menu a.solutions-title:hover .title {
    text-decoration: underline;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .full-right-menu {
    padding-right: 32px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .full-right-menu .mega-menu-container-right {
    display: grid;
    grid-template-rows: 1fr auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .full-right-menu .mega-menu-container-right .menu {
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-solutions+.mega-menu-wrapper .simple-mega-menu .mega-menu-full-container .full-right-menu .mega-menu-container-right .see-all-wrapper {
    grid-column: span 6;
    border-top: 1px solid #e5e5e5;
    padding: 16px 0 16px 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated {
    grid-column: span 8
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container {
    grid-template-columns: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu {
    grid-column: span 8
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .services-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px;
    display: grid
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .services-menu .menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu {
    grid-column: span 2;
    display: flex;
    flex-direction: column
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer {
    grid-column: span 4
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .menu span.menu-label {
    margin-bottom: 8px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .menu a:not(.nav-main-title) {
    margin-bottom: 4px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated {
    grid-column: span 8
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-column: span 4;
    grid-template-columns: 1fr
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .mega-menu-container-left,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .mega-menu-container-left {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-column: 1/5
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .mega-menu-container-left .anypoint-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .mega-menu-container-left .anypoint-menu {
    grid-column: span 2
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .mega-menu-container-left .nav-intro,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .mega-menu-container-left .nav-intro {
    margin-bottom: 24px;
    margin-right: 16px;
    display: flex;
    flex-direction: column
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .mega-menu-container-left .nav-intro>a.item-with-flag .inline-post-flag,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .mega-menu-container-left .nav-intro>a.item-with-flag .inline-post-flag {
    padding: 4px 12px;
    font-family: 'ESFBold', sans-serif;
    font-size: 12px;
    line-height: 12px;
    border-radius: 12px;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background-color: #fef0f3;
    color: #b60554
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .see-all-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .see-all-wrapper {
    grid-column: span 4;
    margin: 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-left-menu .menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-left-menu .menu {
    display: flex;
    flex-direction: column;
    grid-column: span 2
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu {
    grid-column: span 4;
    display: grid;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .full-right-menu:after,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .full-right-menu:after {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    width: 24px;
    top: 0;
    right: -24px;
    background: rgba(233, 242, 245, .3)
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .mega-menu-container-right,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .mega-menu-container-right {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .mega-menu-container-right nav.nav-intro,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .mega-menu-container-right nav.nav-intro {
    grid-column: span 2;
    display: grid
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .mega-menu-container-right nav.nav-intro:nth-of-type(2),
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .mega-menu-container-right nav.nav-intro:nth-of-type(2) {
    grid-column: span 3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header .mega-menu-full-container .mega-menu-container-right .menu:first-of-type,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .mega-menu-container-right .menu:first-of-type {
    grid-column: span 2;
    padding-left: 24px;
    display: grid
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-footer,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .main-menu-resources+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-translated-footer {
    grid-column: span 4
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-demainmenu .menu>li:hover .mega-menu-wrapper,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-frmainmenu .menu>li:hover .mega-menu-wrapper {
    height: 536px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu {
    grid-column: span 3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu a.services-title {
    margin-bottom: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu a.services-title .title {
    display: block;
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu a.services-title .title~span:not(.inline-post-flag) {
    font-family: 'ESF', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu a.services-title:hover {
    text-decoration: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu a.services-title:hover .title {
    text-decoration: underline;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside>div .block-jpmainmenu .main-menu-services+.mega-menu-wrapper .simple-mega-menu.mega-menu-item .field-name-field-header-translated .mega-menu-full-container .services-menu .menu:nth-of-type(2) {
    padding-top: 24px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side {
    display: flex;
    align-items: center;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form {
    height: 100%;
    display: flex;
    align-items: center
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form .search-mag-icon {
    background-position: 12px -244px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-size: 406px;
    width: 48px;
    height: 40px;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form .search-mag-icon:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form .input-wrapper {
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: initial;
    border-radius: 8px;
    height: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper {
    width: calc(100% - 43px);
    margin-top: 0;
    position: absolute;
    margin-left: 44px;
    z-index: 16;
    background: #fff;
    display: flex;
    align-items: center
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper input.search-input {
    box-sizing: border-box;
    padding: 0 8px;
    width: calc(100% - 32px);
    height: 48px;
    -webkit-background-clip: unset;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #cacaca;
    font-family: 'ESF';
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper .search-close-icon {
    width: 32px;
    height: 40px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-position: -536px -11px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    background-size: 606px;
    cursor: pointer
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper .search-close-icon:hover {
    background-position: -484px -11px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper .search-close-icon:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .search-form.active .input-wrapper.input-desktop {
    width: calc(100% - 145px)
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .menu {
    display: flex;
    align-items: center
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .menu li:not(.no-children) a {
    padding: 8px 0;
    font-family: 'ESFBold', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0176d3;
    width: fit-content;
    display: flex;
    white-space: nowrap;
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .menu li:not(.no-children) a:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .menu li:not(.no-children) a:hover:before {
    display: block;
    content: '';
    background-color: #cfe9fe;
    width: calc(100% + 8px);
    height: calc(100% + 6px);
    position: absolute;
    top: -2px;
    left: -4px;
    border-radius: 4px;
    z-index: -1
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side .menu li:not(.no-children) a .sub {
    display: inline-block;
    color: inherit;
    font-size: 12px;
    margin-left: 8px;
    white-space: nowrap
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item {
    font-family: 'ESFBold', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #032d60
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item>span {
    font-size: 12px;
    line-height: 18px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right {
    height: 72px;
    display: flex;
    align-items: center
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-size: 406px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    height: 40px;
    position: static;
    width: 48px;
    font-size: 12px;
    line-height: 18px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span:focus-visible {
    outline: 2px solid #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.globe-icon {
    background-position: -57px -244px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.phone-icon {
    background-position: -23px -244px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.phone-icon+.mega-menu-wrapper .menu span {
    font-family: 'ESF', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #032d60;
    display: block;
    width: 100%;
    white-space: nowrap
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.phone-icon+.mega-menu-wrapper .menu span {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon {
    background-position: -99px -244px;
    width: auto;
    padding: 6px 8px 0 33px;
    font-size: 16px;
    line-height: 28px;
    cursor: default;
    font-family: 'ESFBold'
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon.small {
    font-size: 12px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon+.mega-menu-wrapper a span.external-link {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-size: 405px;
    background-position: -712px -13px;
    width: 15px;
    height: 15px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon+.mega-menu-wrapper a:hover span.external-link {
    background-position: -694px -13px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li .mega-menu-wrapper .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li:hover {
    position: relative
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li:hover .mega-menu-wrapper {
    position: absolute;
    width: auto;
    overflow: hidden;
    top: 72px;
    background: #fff;
    box-shadow: 0px 8px 12px -2px rgba(24, 24, 24, .16);
    transform: translateX(-50%);
    left: 50%;
    border-radius: 16px;
    padding: 24px 30px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side li .mega-menu-wrapper.visible {
    padding: 36px 24px;
    position: absolute;
    width: auto;
    top: 72px;
    background: #fff;
    box-shadow: 0px 8px 12px -2px rgba(24, 24, 24, .16);
    transform: translateX(-50%);
    left: 50%;
    border-radius: 16px;
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side>.contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 22px 0;
    margin-inline: 8px 2px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side>.contact>a {
    text-decoration: underline
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side>.contact>a:hover {
    color: #0176d3
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside .right-side>.contact>* {
    color: #032d60;
    font-family: "ESFBold", Arial, sans-serif;
    line-height: 22px;
    font-size: 12px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .header-inside a.button {
    padding: 8px 24px;
    height: 44px;
    background: #0176d3;
    border-radius: 4px;
    border: 2px solid #0176d3;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    font-family: 'ESFBold', sans-serif;
    margin-left: 10px;
    width: auto;
    transition: none
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu {
    position: static
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li .mega-menu-wrapper {
    position: fixed;
    display: none;
    width: auto
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li>a:hover {
    cursor: pointer !important
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover .mega-menu-wrapper {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover>a {
    position: relative;
    background: 0 0
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover>a {
    cursor: pointer
}

@media screen and (min-width:1160px) {
    .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .logo {
        background-position: -2px -96px
    }
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item>span,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item>a {
    color: #fff
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item>span:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #00a2df;
    transition: .4s ease width
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item:hover>span:before,
.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item:hover>a:not(.button):before {
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside li.menu-item>span.active:before {
    width: 100%
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside .right-side .search-form .search-mag-icon {
    background-position: 12px -274px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside .right-side li.menu-item.flyout-right span.globe-icon {
    background-position: -57px -274px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside .right-side li.menu-item.flyout-right span.phone-icon {
    background-position: -23px -274px
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside .right-side li.menu-item.flyout-right span.login-icon {
    background-position: -99px -274px;
    color: #fff
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-inside .right-side>.contact>* {
    color: #fff
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu>li:hover>span:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    clear: both
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu>li>span.active:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    clear: both
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-overlay {
    display: block
}

.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .header-wrapper {
    background: #001639;
    position: relative;
    top: 0;
    left: 0;
    z-index: 16;
    width: 100%;
    font-family: 'ESF', sans-serif
}

.ms-com-content.ms-com-content-header.lined {
    box-shadow: 0 1px 1px #eee
}

.ms-com-content.ms-com-content-header .skip-to-content {
    position: absolute;
    bottom: -44px;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px;
    overflow: hidden
}

.ms-com-content.ms-com-content-header .skip-to-content:focus {
    clip: auto;
    height: auto !important;
    width: auto;
    overflow: visible
}

.ms-com-content.ms-com-content-header.de-nav header.ms-com-header.desktop-header .header-inside .right-side a.button {
    font-size: 12px
}

.ms-com-content.ms-com-content-header.es-nav header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon,
.ms-com-content.ms-com-content-header.es-nav header.ms-com-header.desktop-header .header-inside .right-side a.button {
    font-size: 12px
}

.ms-com-content.ms-com-content-header.fr-nav header.ms-com-header.desktop-header .header-inside .right-side li.menu-item.flyout-right>span.login-icon {
    font-size: 12px
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet {
    border-bottom: 2px solid #0d99da;
    height: 34px;
    background-color: #eaf5fe;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 107
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet {
        height: 28px;
        border-bottom: 1px solid #0d99da;
        position: relative;
        top: auto;
        z-index: unset
    }
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 16px;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside {
        padding: 0 32px
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside {
        padding: 0 16px
    }
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside img {
    height: 22px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside img {
        display: block;
        height: 16px
    }
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside a.helmet-featured {
    font-family: 'ESFBold', sans-serif;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #032d60
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside a.helmet-featured:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-header.with-helmet .ms-com-helmet .helmet-inside a.helmet-featured:after {
    content: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    display: inline;
    width: 18px;
    height: 14px;
    margin-left: 8px;
    margin-bottom: 6px
}

.ms-com-content.ms-com-content-header.with-helmet.active .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet.active:not(.ms-com-content-header-with-banner) .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet.active.ms-com-content-header-with-banner.closed .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet.active.scrolled .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet .visible .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet .visible:not(.ms-com-content-header-with-banner) .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet .visible.ms-com-content-header-with-banner.closed .ms-com-helmet,
.ms-com-content.ms-com-content-header.with-helmet .visible.scrolled .ms-com-helmet {
    position: fixed
}

.ms-com-content.ms-com-content-header.with-helmet.active header.ms-com-header.mobile-header,
.ms-com-content.ms-com-content-header.with-helmet.active:not(.ms-com-content-header-with-banner) .mobile-header.active .mobile-header-top,
.ms-com-content.ms-com-content-header.with-helmet.active.ms-com-content-header-with-banner.closed .mobile-header.active .mobile-header-top,
.ms-com-content.ms-com-content-header.with-helmet.active.scrolled .mobile-header.active .mobile-header-top,
.ms-com-content.ms-com-content-header.with-helmet .visible header.ms-com-header.mobile-header,
.ms-com-content.ms-com-content-header.with-helmet .visible:not(.ms-com-content-header-with-banner) .mobile-header.active .mobile-header-top,
.ms-com-content.ms-com-content-header.with-helmet .visible.ms-com-content-header-with-banner.closed .mobile-header.active .mobile-header-top,
.ms-com-content.ms-com-content-header.with-helmet .visible.scrolled .mobile-header.active .mobile-header-top {
    top: 34px
}

.ms-com-content.ms-com-content-header.with-helmet.active .header.ms-com-header.mobile-header,
.ms-com-content.ms-com-content-header.with-helmet .visible .header.ms-com-header.mobile-header {
    z-index: 100
}

.ms-com-content.ms-com-content-header.with-helmet.active.active .mobile-header-bottom,
.ms-com-content.ms-com-content-header.with-helmet .visible.active .mobile-header-bottom {
    z-index: 1
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-header:not(.ms-com-content-header-with-banner):not(.with-helmet) {
        height: 72px;
        position: fixed;
        z-index: 11
    }
}

body.mobile-menu-active {
    overflow: hidden
}

body.mobile-menu-active .ms-com-content.ms-com-content-header {
    position: fixed;
    overflow: scroll;
    height: 100%
}

.ms-com-content.ms-com-content-footer footer {
    background: #fff;
    display: flex;
    flex-direction: column
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 16px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside:before {
    border: none;
    content: '';
    display: block;
    margin-bottom: 37px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside:before {
        margin-bottom: 48px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside nav a {
    color: #0176d3;
    font-size: 12px;
    line-height: 20px;
    font-family: 'ESFBold', sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside nav a:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form {
    overflow: initial
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm {
    width: 100%;
    display: none
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm {
        display: block;
        margin-bottom: 47px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu {
    display: flex
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu>li {
    width: auto;
    flex-grow: 1;
    flex-basis: 0
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu>li:not(:last-child) {
    margin-right: 24px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu>li>span {
    color: #181818;
    font-family: 'EAvantGardeBold', sans-serif;
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu>li>span {
        margin-bottom: 8px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul {
    margin-right: 0;
    list-style: none
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul li {
    line-height: 31px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul li {
        line-height: 33px;
        margin-bottom: 0
    }
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul li a {
    color: #0176d3;
    font-size: 12px;
    line-height: 20px;
    font-family: 'ESFBold', sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 1;
    line-height: 20px
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul li a:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav>.menu ul li a.hot-oval:after {
    background: #fef0f3;
    color: #e3066a;
    border-radius: 17px;
    font-family: 'ESFBold', sans-serif;
    height: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 2px 10px;
    margin-left: 10px;
    position: absolute;
    width: fit-content;
    margin-top: 3px;
    cursor: auto;
    pointer-events: none;
    box-sizing: border-box
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav.block-frupdatedfootermenu>.menu ul li a.hot-oval:after {
    content: "NOUS RECRUTONS !";
    width: max-content;
    margin-top: -2px;
    margin-left: 0;
    display: block
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav.block-ptupdatedfootermenu>.menu ul li a.hot-oval:after {
    content: "CONTRATANDO!";
    width: max-content;
    margin-top: -2px;
    margin-left: 0;
    display: block
}

.ms-com-content.ms-com-content-footer footer .footer-top .footer-inside .footer-links-marketo-form .footer-tm nav.block-esupdatedfootermenu>.menu ul li a.hot-oval:after {
    content: "¡CONTRATANDO!";
    width: max-content;
    margin-top: -2px;
    margin-left: 0;
    display: block
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
    display: inline-block;
    padding: 0 16px 37px;
    max-width: 1160px;
    margin: 0 auto;
    margin-top: 4px
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
        padding: 0 32px 37px
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside {
        padding: 0 16px 37px;
        display: flex;
        margin-top: 12px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside>* {
    padding-top: 0
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside:before {
    border: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links {
    line-height: 1.5;
    font-size: 12px;
    padding-top: 30px !important
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a {
    color: #0176d3;
    font-size: 12px;
    line-height: 20px;
    font-family: 'ESFBold', sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a:hover {
    color: #032d60;
    text-decoration: underline
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a:nth-child(2):before {
    content: "";
    display: none
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a:nth-child(2):before {
        content: "";
        display: none
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a.footer-links-separator,
.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links button {
    vertical-align: baseline
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a.footer-links-separator:before,
.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links button:before {
    content: "|";
    margin: 0 7px;
    font-size: 11px;
    font-weight: 400;
    vertical-align: baseline
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links a.footer-links-separator:hover:before,
.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links button:hover:before {
    text-decoration: underline;
    text-decoration-color: #fff;
    color: #0176d3
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links .footer-copyright {
    color: #181818;
    font-family: 'ESFBold', sans-serif;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin-bottom: 0
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links .footer-copyright {
        display: block
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links .footer-legal-req a {
    margin-right: 30px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links .footer-legal-req a:after {
    content: '';
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    width: 26px;
    height: 16px;
    position: absolute;
    background-size: 400px;
    background-position: 51px 305px;
    margin-left: 8px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
    text-align: left;
    padding-top: 13px;
    margin-top: 11px
}

@media screen and (min-width:600px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
        text-align: left;
        padding-top: 0
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
        text-align: right;
        padding-top: 13px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a {
    display: inline-block;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    width: 30px;
    height: 30px;
    background-size: 400px;
    background-position: -61px -6px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a {
        margin-right: 10px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a:hover {
    background-position: -61px -45px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-linkedin {
    background-position: -95px -5px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-linkedin:hover {
    background-position: -95px -44px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-facebook {
    background-position: -129px -6px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-facebook:hover {
    background-position: -129px -45px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-instagram {
    background-position: -163px -6px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-instagram:hover {
    background-position: -163px -45px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-videos {
    background-position: -197px -6px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-videos:hover {
    background-position: -197px -45px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-twitch {
    background-position: -231px -6px;
    margin-right: 0
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.icon-muletheme-twitch:hover {
    background-position: -231px -45px
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a.lazy {
    background: 0 0
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos a span {
    display: none
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .logo-wrapper {
    width: auto;
    text-align: left
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .logo-wrapper .footer-logo {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-WES_updated012022.svgz");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 65px !important;
    width: 150px;
    background-position: -2px -155px;
    background-size: 365px
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .logo-wrapper .footer-logo {
        background-position: -2px -200px;
        background-size: 452px;
        width: 163px
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .logo-wrapper,
.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links,
.ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
    flex-grow: 1;
    display: block;
    float: none
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .logo-wrapper,
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links,
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .social-logos {
        flex-grow: 0;
        display: flex
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer footer .footer-bottom .footer-inside .footer-links {
        flex-grow: 1;
        margin-left: auto;
        padding-top: 13px !important;
        text-align: center;
        display: inline-block
    }
}

.ms-com-content.ms-com-content-footer footer .footer-bottom .language-selector-wrapper {
    display: none
}

.ms-com-content.ms-com-content-footer #ot-sdk-btn.ot-sdk-show-settings {
    color: #0176d3;
    font-size: 12px;
    line-height: 20px;
    font-family: 'ESFBold', sans-serif;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.ms-com-content.ms-com-content-footer #ot-sdk-btn.ot-sdk-show-settings:hover {
    color: #032d60;
    text-decoration: underline
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer.pt-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval,
    .ms-com-content.ms-com-content-footer.es-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval,
    .ms-com-content.ms-com-content-footer.fr-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval {
        margin-top: 24px
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer.pt-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval:after,
    .ms-com-content.ms-com-content-footer.es-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval:after,
    .ms-com-content.ms-com-content-footer.fr-footer footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a.hot-oval:after {
        top: -18px
    }
}

@media screen and (min-width:992px) {
    .ms-com-content.ms-com-content-footer.pt-footer .footer-bottom .footer-links .footer-copyright,
    .ms-com-content.ms-com-content-footer.es-footer .footer-bottom .footer-links .footer-copyright,
    .ms-com-content.ms-com-content-footer.fr-footer .footer-bottom .footer-links .footer-copyright {
        display: block
    }
}

.custom-footer-white-bg.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-inside:before {
    margin-bottom: 53px
}

.custom-footer-white-bg.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .footer-tm>* {
    display: inline;
    vertical-align: top
}

.custom-footer-white-bg.ms-com-content.ms-com-content-footer.ms-com-content-tr footer .menu>li:last-child {
    margin-right: 0
}

.custom-footer-white-bg.ms-com-content.ms-com-content-footer.ms-com-content-tr.br footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a {
    line-height: 31px;
    margin-right: 0;
    display: inline-block
}

.be-ix-link-block {
    padding: 0 10px
}

.be-ix-link-block .be-related-link-container {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1140px;
    padding-top: 20px
}

.be-ix-link-block .be-related-link-container .be-label {
    flex: 0 0 18%;
    font-size: 14px;
    color: #747474;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-family: AvantGarde, san-serif
}

.be-ix-link-block .be-related-link-container .be-list {
    flex: 0 0 82%;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.be-ix-link-block .be-related-link-container .be-list .be-list-item {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 6px;
    width: 30%;
    vertical-align: top;
    line-height: 22px;
    border-left: 1px solid #99999a;
    flex-basis: 100%
}

.be-ix-link-block .be-related-link-container .be-list .be-list-item .be-related-link {
    text-decoration: none !important;
    font-family: 'ESF', sans-serif;
    font-size: 12px
}

.be-ix-link-block .be-related-link-container .be-list .be-list-item:last-child {
    margin-right: 0
}

.br .brightedge-links.row-wrapper .row {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width:767px) {
    .ms-com-content-footer.br .row-wrapper.brightedge-links .row {
        padding-bottom: 0
    }
    .be-ix-link-block .be-related-link-container {
        padding: 0 10px 30px
    }
    .ms-com-content-footer-default .be-related-link-container,
    .custom-footer-white-bg .be-related-link-container {
        padding-top: 20px
    }
    .ms-com-content-footer-default .be-ix-link-block .be-related-link-container .be-list .be-list-item:last-child,
    .custom-footer-white-bg .be-ix-link-block .be-related-link-container .be-list .be-list-item:last-child {
        margin-bottom: 0
    }
    .be-ix-link-block .be-related-link-container .be-label {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0
    }
    .be-ix-link-block .be-related-link-container .be-list {
        display: block;
        width: 100%
    }
    .be-ix-link-block .be-related-link-container .be-list .be-list-item {
        display: block;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
        border-left: none;
        padding: 0
    }
    .be-ix-link-block {
        padding: 0
    }
}

@media (min-width:768px) {
    .be-ix-link-block .be-related-link-container {
        display: flex;
        align-items: baseline;
        justify-content: center
    }
    .be-ix-link-block .be-related-link-container .be-label {
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        padding-left: 0
    }
}

@media (max-width:600px) {
    .ms-com-content-footer-default .be-ix-link-block .be-related-link-container,
    .custom-footer-white-bg .be-ix-link-block .be-related-link-container {
        padding: 20px 63px 20px
    }
    .ms-com-content-footer.br .row-wrapper.brightedge-links .row {
        padding-bottom: 0
    }
    .be-ix-link-block .be-related-link-container {
        padding: 0 58px 30px
    }
    .ms-com-content-footer.br .row-wrapper .row {
        padding: 0 0 30px
    }
    .be-ix-link-block .be-related-link-container .be-label {
        padding-left: 0
    }
}

@media (max-width:440px) {
    .ms-com-content-footer-default .be-ix-link-block .be-related-link-container,
    .custom-footer-white-bg .be-ix-link-block .be-related-link-container {
        padding: 20px 46px 20px
    }
    .be-ix-link-block .be-related-link-container {
        padding: 0 50px 30px
    }
}

.br .brightedge-links .grid-x {
    display: block
}

@media (max-width:600px) {
    .ms-com-content-footer-default .be-ix-link-block .be-related-link-container,
    .custom-footer-white-bg .be-ix-link-block .be-related-link-container {
        padding: 20px 25px 20px
    }
    .ms-com-content-footer.br .row-wrapper.brightedge-links .row {
        padding-bottom: 0
    }
    .be-ix-link-block .be-related-link-container {
        padding: 0 25px 30px
    }
    .ms-com-content-footer.br .row-wrapper .row {
        padding: 0 0 30px
    }
    .be-ix-link-block .be-related-link-container .be-label {
        padding-left: 0
    }
}

@media (max-width:440px) {
    .ms-com-content-footer-default .be-ix-link-block .be-related-link-container,
    .custom-footer-white-bg .be-ix-link-block .be-related-link-container {
        padding: 20px 25px 20px
    }
    .be-ix-link-block .be-related-link-container {
        padding: 0 25px 30px
    }
}

.custom-footer-white-bg.br #ot-sdk-btn.ot-sdk-show-settings {
    background: #fff;
    border: none
}

.training-promo .ms-com-content.ms-com-content-header {
    z-index: 10000000
}

.training-promo .ms-com-content-header-with-banner .promotion-banner .promotion-banner-inside {
    padding: 0 10px
}

.training-promo>.lde-branding {
    padding-top: 55px
}

.training-promo .ms-com-content-header-with-banner .promotion-banner,
.training-promo .ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: block
}

.training-promo .ms-com-content.ms-com-content-header {
    position: fixed;
    height: auto
}

.training-promo.header-promo-closed .ms-com-content-header-with-banner .promotion-banner,
.training-promo.header-promo-closed .ms-com-content.ms-com-content-header.scrolled .promotion-banner,
.training-promo.training-promo-closed .ms-com-content-header-with-banner .promotion-banner,
.training-promo.training-promo-closed .ms-com-content.ms-com-content-header.scrolled .promotion-banner {
    display: none
}

.training-promo.header-promo-closed>.lde-branding,
.training-promo.training-promo-closed>.lde-branding {
    padding-top: 0
}

.eb-top-header .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .right-side .mega-menu-wrapper .menu,
.eb-top-header .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-login+.mega-menu-wrapper nav.menu {
    display: flex;
    flex-direction: column
}

.eb-top-header .ms-com-header .right-side .menu>a:nth-child(1),
.eb-top-header .ms-com-header .mobile-nav .mobile-login+.mega-menu-wrapper .menu>a:nth-child(1) {
    order: 2
}

.eb-top-header .ms-com-header .right-side .menu a:nth-child(2),
.eb-top-header .ms-com-header .mobile-nav .mobile-login+.mega-menu-wrapper .menu>a:nth-child(2) {
    order: 1
}

.eb-top-header .ms-com-header .right-side .menu a:nth-child(3),
.eb-top-header .ms-com-header .mobile-nav .mobile-login+.mega-menu-wrapper .menu>a:nth-child(3) {
    order: 3
}

@media screen and (max-width:992px) {
    .eb-top-header .ms-com-content-header.with-helmet.active {
        margin-top: 34px
    }
    .eb-top-header .ms-com-content-header.with-helmet .ms-com-helmet {
        position: relative
    }
    .eb-top-header .ms-com-content.ms-com-content-header.with-helmet header.ms-com-header.mobile-header {
        top: 0
    }
    .eb-top-header .ms-com-content-header-with-banner.closed .mobile-header.active .mobile-header-top {
        top: 34px
    }
    .eb-top-header .ms-com-content.ms-com-content-header.no-sticky.with-helmet.active .ms-com-helmet {
        position: fixed
    }
    .eb-top-header .ms-com-content.ms-com-content-header.with-helmet.active header.ms-com-header.mobile-header {
        margin-top: 65px
    }
    .mobile-menu-active .eb-top-header {
        height: 100vh
    }
}

@media screen and (max-width:992px) {
    .training-promo.mobile-menu-active .ms-com-content.ms-com-content-header {
        height: 100%
    }
}

@media screen and (max-width:768px) {
    .training-promo>.lde-branding {
        padding-top: 130px
    }
    .training-promo .ms-com-content.ms-com-content-header {
        position: fixed;
        height: 100%
    }
    .training-promo.header-promo-closed>.lde-branding,
    .training-promo.training-promo-closed>.lde-branding {
        padding-top: 0
    }
}

.ms-com-content.ms-com-content-header:not(.scrolled):not(.closed)+div#eb-sub-header {
    top: 65px
}

body:not(.header-promo-closed) .page-content .container,
body:not(.header-promo-closed) .page-content.container {
    padding-top: 75px
}

@media screen and (max-width:992px) {
    .ms-com-content.ms-com-content-header:not(.scrolled):not(.closed)+div#eb-sub-header {
        top: 0
    }
    body:not(.header-promo-closed) .page-content .container,
    body:not(.header-promo-closed) .page-content.container {
        padding-top: 0
    }
}

.eb-theme-header .br-nav.ms-com-content,
#CUSTOM_THEME_HEADER .br-nav.ms-com-content {
    margin-bottom: 34px
}

@media screen and (min-width:993px) {
    .eb-theme-header .br-nav.ms-com-content,
    #CUSTOM_THEME_HEADER .br-nav.ms-com-content {
        margin-bottom: 0
    }
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header.with-helmet.active.no-searchbox header.ms-com-header.mobile-header,
.eb-top-header .ms-com-content.ms-com-content-header.with-helmet.active.no-searchbox header.ms-com-header.mobile-header {
    margin-top: 0
}

.mobile-menu-active div.ebThemeHeader {
    height: 100vh
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu>li.active {
    background: 0 0
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu li .mega-menu-wrapper .menu a:not(.nav-main-title),
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper a.see-all-link,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu li .mega-menu-wrapper .menu a span.title,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .block-jpmainmenu .menu li .main-menu-services+.mega-menu-wrapper .menu a span.title,
.eb-top-header .br-nav.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav>a {
    color: #0176d3 !important
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu li .mega-menu-wrapper .menu a:not(.nav-main-title):hover,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .mega-menu-wrapper a.see-all-link:hover,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu li .mega-menu-wrapper .menu a span.title:hover,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .block-jpmainmenu .menu li .main-menu-services+.mega-menu-wrapper .menu a span.title:hover,
.eb-top-header .br-nav.ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav>a:hover {
    color: #032d60 !important
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu .field-simple-mega-menu--field-footer .field-item>a,
.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .menu .field-name-field-translated-footer .field-item>a {
    color: #181818 !important
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header.desktop-header nav ul li {
    overflow: visible
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .main-menu-resources+.mega-menu-wrapper a.see-all-link {
    display: inline-block
}

.ebThemeHeader .br-nav.ms-com-content.ms-com-content-header header.ms-com-header .logo {
    position: relative !important
}

.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br .footer-bottom .footer-links a {
    margin-left: 0
}

.ebThemeFooter .custom-footer-white-bg.ms-com-content.ms-com-content-footer.br footer .footer-bottom .footer-inside {
    width: 100%
}

.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a,
.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside nav a,
.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br .footer-bottom .footer-links a,
.ebThemeFooter .wes.custom-footer-white-bg.br #ot-sdk-btn.ot-sdk-show-settings:hover {
    color: #0176d3 !important
}

.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-links-marketo-form .footer-tm nav>.menu a:hover,
.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br footer .footer-top .footer-inside nav a:hover,
.ebThemeFooter .wes.custom-footer-white-bg.ms-com-content.ms-com-content-footer.br .footer-bottom .footer-links a:hover,
.ebThemeFooter .wes.custom-footer-white-bg.br #ot-sdk-btn.ot-sdk-show-settings:hover:hover {
    color: #032d60 !important;
    text-decoration: underline !important
}

.ms-com-content+.exchange-banner.br-exchange-banner {
    background: #032d60
}

.ms-com-content.with-helmet+.exchange-banner .exchange-banner-inside {
    max-width: 1160px;
    margin: 0 auto;
    padding: 60px 15px 40px;
    color: #fff;
    margin-top: 28px
}

@media screen and (max-width:992px) {
    .ms-com-content.with-helmet+.exchange-banner .exchange-banner-inside {
        margin-top: 34px
    }
}

.ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside {
    padding: 60px 16px 30px;
    box-sizing: border-box
}

.ms-com-content+.exchange-banner.br-exchange-banner .top-links a:last-child:after,
.ms-com-content+.exchange-banner.br-exchange-banner .top-links a:last-child:before {
    display: none
}

.ms-com-content+.exchange-banner.br-exchange-banner .top-links {
    margin-top: 28px
}

.ms-com-content+.exchange-banner.br-exchange-banner .top-links a {
    font-family: 'ESFBold';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #d8e6fe;
    margin-left: 24px;
    text-decoration: underline
}

.ms-com-content+.exchange-banner.br-exchange-banner .top-links a:hover {
    color: #78b0fd;
    text-underline-offset: auto;
    text-decoration-thickness: auto
}

.ms-com-content+.exchange-banner.br-exchange-banner .top-links a:first-child {
    margin-left: 0
}

.ms-com-content+.exchange-banner.br-exchange-banner h1.multicolor-title {
    font-family: 'EAvantGardeBold';
    font-style: normal;
    font-size: 33px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 16px
}

.ms-com-content+.exchange-banner.br-exchange-banner p {
    font-family: 'ESF';
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 8px
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links a.mule-button {
    font-family: 'ESFBold';
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 28px;
    min-width: initial !important;
    margin-right: 15px;
    background: 0 0;
    color: #0176d3;
    border: 2px solid #0176d3;
    display: inline-block;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links a.mule-button.solid {
    background: #0176d3;
    border: 2px solid #0176d3;
    color: #fff
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links a.mule-button.solid:hover {
    background: 0 0;
    color: #fff
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links a.mule-button.transparent {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff
}

.ms-com-content+.exchange-banner.br-exchange-banner .bottom-links a.mule-button.transparent:hover {
    background: #fff;
    color: #0176d3
}

@media screen and (min-width:600px) {
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-left: 32px;
        padding-right: 32px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner h1.multicolor-title {
        margin-top: 24px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .bottom-links {
        justify-content: start
    }
}

@media screen and (min-width:992px) {
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-left: 16px;
        padding-right: 16px;
        position: relative
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside:after {
        content: '';
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        right: 40px;
        bottom: 0;
        width: 46%;
        object-fit: contain;
        height: 50%;
        background-image: url("https://mulesoft.com/sites/default/files/cmm_files/br-exchange-banner-image.svgz")
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside .top-links {
        position: absolute;
        right: 16px;
        top: 58px;
        margin-top: 34px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner h1.multicolor-title {
        font-size: 45px;
        line-height: 56px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner p {
        max-width: 470px
    }
}

@media screen and (min-width:1160px) {
    .ms-com-content+.exchange-banner.br-exchange-banner {
        overflow: hidden
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside {
        padding-bottom: 36px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside:after {
        width: 52%;
        height: 52%;
        right: -12px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .exchange-banner-inside .top-links {
        right: 16px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner h1.multicolor-title {
        margin-top: 44px
    }
    .ms-com-content+.exchange-banner.br-exchange-banner .bottom-links {
        margin-top: 32px
    }
}

#stormbreaker {
    z-index: 99999
}

.stormbreaker-wrapper {
    max-width: 1160px;
    margin: 0 auto
}

.stormbreaker {
    background-color: #5e66f9;
    padding: 22px 0 17px;
    max-height: 100%;
    transition: max-height .25s ease-in
}

.stormbreaker.fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 15
}

.stormbreaker-wrapper h4 {
    font-size: 33px;
    line-height: 44px;
    font-family: 'EDINProBold', sans-serif;
    color: #fff;
    display: inline-block;
    margin-bottom: 21px;
    min-width: 100%
}

.stormbreaker-wrapper a {
    color: #fff;
    display: inline-block;
    min-height: 40px;
    min-width: 160px;
    padding: 6px 20px;
    text-align: center;
    height: auto;
    cursor: pointer;
    font-size: 16px;
    font-family: "EopenSansBold", Arial, sans-serif;
    font-weight: bolder
}

#stormbreaker .stormbreaker-wrapper .mule-button.dark-navy {
    background: #00044c;
    border: 1px solid #00044c;
    height: 48px;
    line-height: 33px;
    border-radius: 0
}

#stormbreaker .stormbreaker-wrapper .mule-button.dark-navy:hover {
    background: 0 0;
    color: #00044c
}

.stormbreaker-wrapper img {
    display: none;
    max-width: 50%;
    text-align: right;
    display: inline-block;
    vertical-align: top
}

.stormbreaker img.medium-img {
    display: none
}

@media screen and (max-width:1160px) {
    .stormbreaker img.large-img {
        display: none
    }
    .stormbreaker img.medium-img {
        display: inline-block
    }
}

@media screen and (max-width:768px) {
    .stormbreaker img.medium-img {
        display: none
    }
}

.stormbreaker-wrapper .left-area {
    max-width: 54%;
    display: inline-block;
    margin-left: 6%;
    margin-right: 15px;
    vertical-align: middle
}

.stormbreaker-wrapper .stormClose {
    background-image: url("https://mulesoft.com/sites/default/files/cmm_files/chevron_down_0.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 42px;
    height: 33px;
    vertical-align: top;
    margin-top: 0;
    margin-left: 38px;
    background-position: center;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.stormbreaker {
    cursor: pointer
}

.stormbreaker.collapsed {
    max-height: 100%;
    padding: 9px 0 6px
}

.stormbreaker.collapsed .left-area {
    display: inline-block;
    width: 92%;
    max-width: initial;
    margin-left: 0;
    overflow: hidden
}

.stormbreaker.collapsed h4 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 8px;
    float: left;
    margin-bottom: 0;
    min-width: initial
}

.stormbreaker.collapsed a.mule-button {
    float: right;
    margin-right: 0;
    margin-bottom: 0
}

.stormbreaker.collapsed img {
    display: none
}

.stormbreaker.collapsed .stormClose {
    display: inline-block;
    width: 28px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 40px;
    transform: rotate(180deg);
    cursor: pointer
}

.stormbreaker .stormbreaker-wrapper {
    position: relative
}

.sormbreaker.collapsed {
    padding: 6px 10px 9px
}

.stormbreaker-wrapper img {
    max-width: 30%
}

@media screen and (max-width:1160px) {
    .stormbreaker-wrapper {
        margin: 0 10px;
        max-width: 100%
    }
    .stormbreaker-wrapper .left-area {
        margin-left: 20px
    }
    .stormbreaker.collapsed .left-area {
        width: calc(100% - 100px)
    }
    .stormbreaker.collapsed .left-area h4 {
        width: calc(100% - 250px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .stormbreaker-wrapper .collapsed .left-area h4 {
        font-size: 22px
    }
}

@media screen and (max-width:768px) {
    .stormbreaker img {
        display: none
    }
    .stormbreaker-wrapper .left-area {
        max-width: calc(100% - 85px)
    }
    .stormbreaker-wrapper .left-area h4 {
        font-size: 22px;
        line-height: 32px
    }
    .stormbreaker.collapsed a.mule-button {
        display: none
    }
    .stormbreaker.collapsed .left-area h4 {
        font-size: 20px;
        width: 100%;
        max-widht: 100%
    }
    .stormbreaker-wrapper .stormClose {
        margin-left: 0
    }
}

.stormbreaker-wrapper h4 {
    font-family: 'EAvantGarde', Arial, sans-serif
}

#stormbreaker .stormbreaker-wrapper .mule-button.dark-navy {
    background: #00044c;
    border-radius: 4px;
    border: 2px solid #240643;
    border: 2px solid #00044c
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover>a,
.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header .menu>li:hover>span {
    position: relative;
    background: 0 0;
    color: #000
}

@media screen and (min-width:992px) {
    .section-en-de .page-translated.ms-com-content.ms-com-content-header header.ms-com-header .menu>li {
        margin-left: 0
    }
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .mobile-nav>a,
.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu>li>a,
.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu>li>span {
    pointer-events: all
}

body.lang-de .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu>li>a:hover,
body.lang-fr .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu>li>a:hover,
body.lang-pt .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu>li>a:hover,
body.lang-es .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu>li>a:hover,
body.lang-jp .ms-com-content.ms-com-content-header.ms-com-content-tr header.ms-com-header.desktop-header .menu>li>a:hover {
    text-decoration: none
}

.multipurpose-modal.closed {
    display: none
}

.no-feedback-widget .m-helpful {
    display: none
}

.m-helpful-lib {
    font-family: inherit;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto
}

.m-helpful-lib .question-container>* {
    vertical-align: middle;
    display: inline-block
}

.m-helpful-lib .question {
    margin-right: 7px
}

.m-helpful-lib .question-button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #00a2df;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 15px;
    font-family: 'opensans', sans-serif;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 10px 0 0 7.5px
}

.m-helpful-lib .question-yes {
    padding: 10.2px 0 0 9px
}

.m-helpful-lib .question-yes:before,
.m-helpful-lib .question-yes:after {
    content: '';
    display: block;
    background: #fff;
    width: 7px;
    height: 3px
}

.m-helpful-lib .question-yes:before {
    transform: translate(-2px, 5.5px) rotate(45deg)
}

.m-helpful-lib .question-yes:after {
    width: 15px;
    transform: rotate(-45deg)
}

.m-helpful-lib .question-no:before,
.m-helpful-lib .question-no:after {
    content: '';
    display: block;
    background: #fff;
    width: 15px;
    height: 3px
}

.m-helpful-lib .question-no:before {
    transform: translate(0, 3px) rotate(-45deg)
}

.m-helpful-lib .question-no:after {
    transform: rotate(45deg)
}

.m-helpful-lib .heart-wrapper {
    display: inline-block;
    vertical-align: middle;
    background: #5f6bf5;
    width: 30px;
    height: 30px;
    padding: 7px 0 0;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center
}

.m-helpful-lib .heart {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg) scale(.5)
}

.m-helpful-lib .heart:before {
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: inherit
}

.m-helpful-lib .heart:after {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: inherit
}

.m-helpful-lib .response {
    display: none
}

.m-helpful-lib.clicked .question-container {
    display: none
}

.m-helpful-lib.clicked .response {
    display: block
}

.node--type-webinar form.mktoForm,
.node--type-whitepaper form.mktoForm,
.node--type-ebook form.mktoForm {
    max-width: 100% !important;
    min-width: 100% !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important
}

.node--type-webinar form.mktoForm label[for=Country].mktoHasWidth.mktoLabel,
.node--type-whitepaper form.mktoForm label[for=Country].mktoHasWidth.mktoLabel,
.node--type-ebook form.mktoForm label[for=Country].mktoHasWidth.mktoLabel {
    display: none
}

.node--type-webinar form.mktoForm label[for=preferencesPrivacyPolicyAgreement].mktoLabel.mktoHasWidth,
.node--type-whitepaper form.mktoForm label[for=preferencesPrivacyPolicyAgreement].mktoLabel.mktoHasWidth,
.node--type-ebook form.mktoForm label[for=preferencesPrivacyPolicyAgreement].mktoLabel.mktoHasWidth {
    display: inline-block;
    float: right;
    width: 88% !important;
    width: calc(100% - 25px) !important;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: "SF", Arial, sans-serif, Arial, sans-serif
}

.node--type-webinar form.mktoForm .mktoCheckboxList,
.node--type-whitepaper form.mktoForm .mktoCheckboxList,
.node--type-ebook form.mktoForm .mktoCheckboxList {
    max-width: 13px;
    max-height: 13px;
    padding: 0
}

.node--type-webinar form.mktoForm .mktoFormCol,
.node--type-whitepaper form.mktoForm .mktoFormCol,
.node--type-ebook form.mktoForm .mktoFormCol {
    margin-bottom: 20px !important
}

.node--type-webinar form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.node--type-whitepaper form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.node--type-ebook form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton {
    background: 0 0;
    color: #00a0df;
    border: 1px solid #00a0df;
    border-radius: 0;
    box-shadow: none;
    font-family: "SF", Arial, sans-serif, sans-serif;
    font-size: 15px;
    text-shadow: none;
    line-height: 1;
    height: 40px;
    width: 100%
}

.node--type-webinar form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover,
.node--type-whitepaper form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover,
.node--type-ebook form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover {
    background: #00a0df;
    color: #fff
}

.node--type-webinar form.mktoForm input[type=checkbox]+label:before,
.node--type-whitepaper form.mktoForm input[type=checkbox]+label:before,
.node--type-ebook form.mktoForm input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    margin-left: -1.5em;
    line-height: 1em;
    font-family: Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #ccced2;
    box-shadow: inset 1px 1px 4px 1px #ddd;
    background: #fff
}

.node--type-webinar form.mktoForm input[type=checkbox]:checked+label:before,
.node--type-whitepaper form.mktoForm input[type=checkbox]:checked+label:before,
.node--type-ebook form.mktoForm input[type=checkbox]:checked+label:before {
    content: "\2713 "
}

.node--type-webinar form.mktoForm input[type=checkbox]#preferencesPrivacyPolicyAgreement[name=preferencesPrivacyPolicyAgreement],
.node--type-whitepaper form.mktoForm input[type=checkbox]#preferencesPrivacyPolicyAgreement[name=preferencesPrivacyPolicyAgreement],
.node--type-ebook form.mktoForm input[type=checkbox]#preferencesPrivacyPolicyAgreement[name=preferencesPrivacyPolicyAgreement] {
    display: none
}

.node--type-webinar .resources-categories,
.node--type-whitepaper .resources-categories,
.node--type-ebook .resources-categories {
    background: #00a2d0;
    text-align: center
}

.node--type-webinar .resources-categories>.row,
.node--type-whitepaper .resources-categories>.row,
.node--type-ebook .resources-categories>.row {
    padding-bottom: 0
}

.node--type-webinar .resources-categories>.row h2,
.node--type-whitepaper .resources-categories>.row h2,
.node--type-ebook .resources-categories>.row h2 {
    margin-bottom: 35px
}

.node--type-webinar .resources-categories>.row .field-main-content-links,
.node--type-whitepaper .resources-categories>.row .field-main-content-links,
.node--type-ebook .resources-categories>.row .field-main-content-links {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 50px;
    width: 100px
}

.node--type-webinar .resources-categories>.row .field-main-content-links a,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a,
.node--type-ebook .resources-categories>.row .field-main-content-links a {
    display: block;
    color: #fff;
    font-family: "SF", Arial, sans-serif;
    font-size: 16px
}

.node--type-webinar .resources-categories>.row .field-main-content-links a:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a:before {
    content: '';
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto 10px;
    background: url(/themes/custom/mule_foundation/images/resource-icons-white-01.svg) no-repeat
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.webinars:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.webinars:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.webinars:before {
    background-position: -1px 0
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.whitepapers:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.whitepapers:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.whitepapers:before {
    background-position: -167px 0
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.reports:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.reports:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.reports:before {
    background-position: -329px 0
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.ebooks:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.ebooks:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.ebooks:before {
    background-position: -327px -258px
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.case-studies:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.case-studies:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.case-studies:before {
    background-position: -3px -136px
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.infographics:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.infographics:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.infographics:before {
    background-position: -329px -136px
}

.node--type-webinar .resources-categories>.row .field-main-content-links a.videos:before,
.node--type-whitepaper .resources-categories>.row .field-main-content-links a.videos:before,
.node--type-ebook .resources-categories>.row .field-main-content-links a.videos:before {
    background-position: 1px -262px
}

.node--type-whitepaper #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.node--type-webinar #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.node--type-ebook #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth {
    display: inline-block;
    float: right;
    width: calc(100% - 25px) !important;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: "SF", Arial, sans-serif, Arial, sans-serif
}

.node--type-whitepaper #mktoForm_6911 label[for=preferencesPrivacyPolicyAgreement],
.node--type-webinar #mktoForm_6911 label[for=preferencesPrivacyPolicyAgreement],
.node--type-ebook #mktoForm_6911 label[for=preferencesPrivacyPolicyAgreement] {
    display: none !important
}

.node--type-whitepaper #mktoForm_6911 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-webinar #mktoForm_6911 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-ebook #mktoForm_6911 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-whitepaper #mktoForm_7158 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-webinar #mktoForm_7158 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-ebook #mktoForm_7158 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-whitepaper #mktoForm_7191 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-webinar #mktoForm_7191 input[name=preferencesPrivacyPolicyAgreementTest],
.node--type-ebook #mktoForm_7191 input[name=preferencesPrivacyPolicyAgreementTest] {
    height: 18px !important;
    display: none
}

:root {
    --token-8: .5rem;
    --spacer-8: .5rem;
    --token-10: .625rem;
    --spacer-10: .625rem;
    --token-4: calc(var(--token-8)/4);
    --spacer-4: calc(var(--token-8)/4);
    --token-16: calc(var(--token-8)*2);
    --spacer-16: calc(var(--token-8)*2);
    --token-24: calc(var(--token-8)*3);
    --spacer-24: calc(var(--token-8)*3);
    --token-32: calc(var(--token-8)*4);
    --spacer-32: calc(var(--token-8)*4);
    --token-40: calc(var(--token-8)*5);
    --spacer-40: calc(var(--token-8)*5);
    --token-48: calc(var(--token-8)*6);
    --spacer-48: calc(var(--token-8)*6);
    --token-56: calc(var(--token-8)*7);
    --spacer-56: calc(var(--token-8)*7);
    --token-64: calc(var(--token-8)*8);
    --spacer-64: calc(var(--token-8)*8);
    --token-80: calc(var(--token-8)*10);
    --spacer-80: calc(var(--token-8)*10);
    --token-20: calc(var(--token-10)*2);
    --spacer-20: calc(var(--token-10)*2);
    --token-60: calc(var(--token-10)*6);
    --spacer-60: calc(var(--token-10)*6);
    --token-120: calc(var(--token-10)*12);
    --spacer-120: calc(var(--token-10)*12);
    --token-160: calc(var(--token-10)*16);
    --spacer-160: calc(var(--token-10)*16);
    --token-240: calc(var(--token-10)*24);
    --spacer-240: calc(var(--token-10)*24);
    --color-white: #fff;
    --color-black: #181818;
    --color-ms-blue: #0176d3;
    --color-dark-navy: #002196;
    --color-lt-blue: #e8f8ff;
    --color-lt-gray: #e9f2f5;
    --color-navy: #002196;
    --color-indigo: #5e66f9;
    --color-viridian: #00b39c;
    --color-lime: #bcd85f;
    --color-magenta: #e3066a;
    --color-purple: #9500db;
    --color-aqua: #00d4d4;
    --color-orange: #e97000;
    --color-coral: #f5877b;
    --color-malibu: #57a3fd;
    --color-pattens: #d5e4ff;
    --color-zircon: #eef4ff;
    --color-cadmium: #ea001e;
    --color-pale-pink: #ffd2d8;
    --color-seashell: #fef1ee;
    --color-mustard: #ca8501;
    --color-navajo: #ffe3a2;
    --color-papaya-whip: #fef3d9;
    --color-seagreen: #2e844a;
    --color-apple: #a7efa5;
    --color-nyanza: #dcfdd0;
    --color-twilight: #fafeff;
    --color-regent: #909aa3;
    --color-pale-sky: #6d7883;
    --color-alto: #dbdbdb
}

.h-height-8 {
    height: .5rem
}

.h-mt-8 {
    margin-top: .5rem
}

.h-mb-8 {
    margin-bottom: .5rem
}

.h-my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.h-mx-8 {
    margin-left: .5rem;
    margin-right: .5rem
}

.h-pt-8 {
    padding-top: .5rem
}

.h-pb-8 {
    padding-bottom: .5rem
}

.h-py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.h-px-8 {
    padding-left: .5rem;
    padding-right: .5rem
}

.h-height-10 {
    height: .625rem
}

.h-mt-10 {
    margin-top: .625rem
}

.h-mb-10 {
    margin-bottom: .625rem
}

.h-my-10 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.h-mx-10 {
    margin-left: .625rem;
    margin-right: .625rem
}

.h-pt-10 {
    padding-top: .625rem
}

.h-pb-10 {
    padding-bottom: .625rem
}

.h-py-10 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.h-px-10 {
    padding-left: .625rem;
    padding-right: .625rem
}

.h-height-4 {
    height: calc(var(--token-8)/4)
}

.h-mt-4 {
    margin-top: calc(var(--token-8)/4)
}

.h-mb-4 {
    margin-bottom: calc(var(--token-8)/4)
}

.h-my-4 {
    margin-top: calc(var(--token-8)/4);
    margin-bottom: calc(var(--token-8)/4)
}

.h-mx-4 {
    margin-left: calc(var(--token-8)/4);
    margin-right: calc(var(--token-8)/4)
}

.h-pt-4 {
    padding-top: calc(var(--token-8)/4)
}

.h-pb-4 {
    padding-bottom: calc(var(--token-8)/4)
}

.h-py-4 {
    padding-top: calc(var(--token-8)/4);
    padding-bottom: calc(var(--token-8)/4)
}

.h-px-4 {
    padding-left: calc(var(--token-8)/4);
    padding-right: calc(var(--token-8)/4)
}

.h-height-16 {
    height: calc(var(--token-8)*2)
}

.h-mt-16 {
    margin-top: calc(var(--token-8)*2)
}

.h-mb-16 {
    margin-bottom: calc(var(--token-8)*2)
}

.h-my-16 {
    margin-top: calc(var(--token-8)*2);
    margin-bottom: calc(var(--token-8)*2)
}

.h-mx-16 {
    margin-left: calc(var(--token-8)*2);
    margin-right: calc(var(--token-8)*2)
}

.h-pt-16 {
    padding-top: calc(var(--token-8)*2)
}

.h-pb-16 {
    padding-bottom: calc(var(--token-8)*2)
}

.h-py-16 {
    padding-top: calc(var(--token-8)*2);
    padding-bottom: calc(var(--token-8)*2)
}

.h-px-16 {
    padding-left: calc(var(--token-8)*2);
    padding-right: calc(var(--token-8)*2)
}

.h-height-24 {
    height: calc(var(--token-8)*3)
}

.h-mt-24 {
    margin-top: calc(var(--token-8)*3)
}

.h-mb-24 {
    margin-bottom: calc(var(--token-8)*3)
}

.h-my-24 {
    margin-top: calc(var(--token-8)*3);
    margin-bottom: calc(var(--token-8)*3)
}

.h-mx-24 {
    margin-left: calc(var(--token-8)*3);
    margin-right: calc(var(--token-8)*3)
}

.h-pt-24 {
    padding-top: calc(var(--token-8)*3)
}

.h-pb-24 {
    padding-bottom: calc(var(--token-8)*3)
}

.h-py-24 {
    padding-top: calc(var(--token-8)*3);
    padding-bottom: calc(var(--token-8)*3)
}

.h-px-24 {
    padding-left: calc(var(--token-8)*3);
    padding-right: calc(var(--token-8)*3)
}

.h-height-32 {
    height: calc(var(--token-8)*4)
}

.h-mt-32 {
    margin-top: calc(var(--token-8)*4)
}

.h-mb-32 {
    margin-bottom: calc(var(--token-8)*4)
}

.h-my-32 {
    margin-top: calc(var(--token-8)*4);
    margin-bottom: calc(var(--token-8)*4)
}

.h-mx-32 {
    margin-left: calc(var(--token-8)*4);
    margin-right: calc(var(--token-8)*4)
}

.h-pt-32 {
    padding-top: calc(var(--token-8)*4)
}

.h-pb-32 {
    padding-bottom: calc(var(--token-8)*4)
}

.h-py-32 {
    padding-top: calc(var(--token-8)*4);
    padding-bottom: calc(var(--token-8)*4)
}

.h-px-32 {
    padding-left: calc(var(--token-8)*4);
    padding-right: calc(var(--token-8)*4)
}

.h-height-40 {
    height: calc(var(--token-8)*5)
}

.h-mt-40 {
    margin-top: calc(var(--token-8)*5)
}

.h-mb-40 {
    margin-bottom: calc(var(--token-8)*5)
}

.h-my-40 {
    margin-top: calc(var(--token-8)*5);
    margin-bottom: calc(var(--token-8)*5)
}

.h-mx-40 {
    margin-left: calc(var(--token-8)*5);
    margin-right: calc(var(--token-8)*5)
}

.h-pt-40 {
    padding-top: calc(var(--token-8)*5)
}

.h-pb-40 {
    padding-bottom: calc(var(--token-8)*5)
}

.h-py-40 {
    padding-top: calc(var(--token-8)*5);
    padding-bottom: calc(var(--token-8)*5)
}

.h-px-40 {
    padding-left: calc(var(--token-8)*5);
    padding-right: calc(var(--token-8)*5)
}

.h-height-48 {
    height: calc(var(--token-8)*6)
}

.h-mt-48 {
    margin-top: calc(var(--token-8)*6)
}

.h-mb-48 {
    margin-bottom: calc(var(--token-8)*6)
}

.h-my-48 {
    margin-top: calc(var(--token-8)*6);
    margin-bottom: calc(var(--token-8)*6)
}

.h-mx-48 {
    margin-left: calc(var(--token-8)*6);
    margin-right: calc(var(--token-8)*6)
}

.h-pt-48 {
    padding-top: calc(var(--token-8)*6)
}

.h-pb-48 {
    padding-bottom: calc(var(--token-8)*6)
}

.h-py-48 {
    padding-top: calc(var(--token-8)*6);
    padding-bottom: calc(var(--token-8)*6)
}

.h-px-48 {
    padding-left: calc(var(--token-8)*6);
    padding-right: calc(var(--token-8)*6)
}

.h-height-56 {
    height: calc(var(--token-8)*7)
}

.h-mt-56 {
    margin-top: calc(var(--token-8)*7)
}

.h-mb-56 {
    margin-bottom: calc(var(--token-8)*7)
}

.h-my-56 {
    margin-top: calc(var(--token-8)*7);
    margin-bottom: calc(var(--token-8)*7)
}

.h-mx-56 {
    margin-left: calc(var(--token-8)*7);
    margin-right: calc(var(--token-8)*7)
}

.h-pt-56 {
    padding-top: calc(var(--token-8)*7)
}

.h-pb-56 {
    padding-bottom: calc(var(--token-8)*7)
}

.h-py-56 {
    padding-top: calc(var(--token-8)*7);
    padding-bottom: calc(var(--token-8)*7)
}

.h-px-56 {
    padding-left: calc(var(--token-8)*7);
    padding-right: calc(var(--token-8)*7)
}

.h-height-64 {
    height: calc(var(--token-8)*8)
}

.h-mt-64 {
    margin-top: calc(var(--token-8)*8)
}

.h-mb-64 {
    margin-bottom: calc(var(--token-8)*8)
}

.h-my-64 {
    margin-top: calc(var(--token-8)*8);
    margin-bottom: calc(var(--token-8)*8)
}

.h-mx-64 {
    margin-left: calc(var(--token-8)*8);
    margin-right: calc(var(--token-8)*8)
}

.h-pt-64 {
    padding-top: calc(var(--token-8)*8)
}

.h-pb-64 {
    padding-bottom: calc(var(--token-8)*8)
}

.h-py-64 {
    padding-top: calc(var(--token-8)*8);
    padding-bottom: calc(var(--token-8)*8)
}

.h-px-64 {
    padding-left: calc(var(--token-8)*8);
    padding-right: calc(var(--token-8)*8)
}

.h-height-80 {
    height: calc(var(--token-8)*10)
}

.h-mt-80 {
    margin-top: calc(var(--token-8)*10)
}

.h-mb-80 {
    margin-bottom: calc(var(--token-8)*10)
}

.h-my-80 {
    margin-top: calc(var(--token-8)*10);
    margin-bottom: calc(var(--token-8)*10)
}

.h-mx-80 {
    margin-left: calc(var(--token-8)*10);
    margin-right: calc(var(--token-8)*10)
}

.h-pt-80 {
    padding-top: calc(var(--token-8)*10)
}

.h-pb-80 {
    padding-bottom: calc(var(--token-8)*10)
}

.h-py-80 {
    padding-top: calc(var(--token-8)*10);
    padding-bottom: calc(var(--token-8)*10)
}

.h-px-80 {
    padding-left: calc(var(--token-8)*10);
    padding-right: calc(var(--token-8)*10)
}

.h-height-20 {
    height: calc(var(--token-10)*2)
}

.h-mt-20 {
    margin-top: calc(var(--token-10)*2)
}

.h-mb-20 {
    margin-bottom: calc(var(--token-10)*2)
}

.h-my-20 {
    margin-top: calc(var(--token-10)*2);
    margin-bottom: calc(var(--token-10)*2)
}

.h-mx-20 {
    margin-left: calc(var(--token-10)*2);
    margin-right: calc(var(--token-10)*2)
}

.h-pt-20 {
    padding-top: calc(var(--token-10)*2)
}

.h-pb-20 {
    padding-bottom: calc(var(--token-10)*2)
}

.h-py-20 {
    padding-top: calc(var(--token-10)*2);
    padding-bottom: calc(var(--token-10)*2)
}

.h-px-20 {
    padding-left: calc(var(--token-10)*2);
    padding-right: calc(var(--token-10)*2)
}

.h-height-60 {
    height: calc(var(--token-10)*6)
}

.h-mt-60 {
    margin-top: calc(var(--token-10)*6)
}

.h-mb-60 {
    margin-bottom: calc(var(--token-10)*6)
}

.h-my-60 {
    margin-top: calc(var(--token-10)*6);
    margin-bottom: calc(var(--token-10)*6)
}

.h-mx-60 {
    margin-left: calc(var(--token-10)*6);
    margin-right: calc(var(--token-10)*6)
}

.h-pt-60 {
    padding-top: calc(var(--token-10)*6)
}

.h-pb-60 {
    padding-bottom: calc(var(--token-10)*6)
}

.h-py-60 {
    padding-top: calc(var(--token-10)*6);
    padding-bottom: calc(var(--token-10)*6)
}

.h-px-60 {
    padding-left: calc(var(--token-10)*6);
    padding-right: calc(var(--token-10)*6)
}

.h-height-120 {
    height: calc(var(--token-10)*12)
}

.h-mt-120 {
    margin-top: calc(var(--token-10)*12)
}

.h-mb-120 {
    margin-bottom: calc(var(--token-10)*12)
}

.h-my-120 {
    margin-top: calc(var(--token-10)*12);
    margin-bottom: calc(var(--token-10)*12)
}

.h-mx-120 {
    margin-left: calc(var(--token-10)*12);
    margin-right: calc(var(--token-10)*12)
}

.h-pt-120 {
    padding-top: calc(var(--token-10)*12)
}

.h-pb-120 {
    padding-bottom: calc(var(--token-10)*12)
}

.h-py-120 {
    padding-top: calc(var(--token-10)*12);
    padding-bottom: calc(var(--token-10)*12)
}

.h-px-120 {
    padding-left: calc(var(--token-10)*12);
    padding-right: calc(var(--token-10)*12)
}

.h-height-160 {
    height: calc(var(--token-10)*16)
}

.h-mt-160 {
    margin-top: calc(var(--token-10)*16)
}

.h-mb-160 {
    margin-bottom: calc(var(--token-10)*16)
}

.h-my-160 {
    margin-top: calc(var(--token-10)*16);
    margin-bottom: calc(var(--token-10)*16)
}

.h-mx-160 {
    margin-left: calc(var(--token-10)*16);
    margin-right: calc(var(--token-10)*16)
}

.h-pt-160 {
    padding-top: calc(var(--token-10)*16)
}

.h-pb-160 {
    padding-bottom: calc(var(--token-10)*16)
}

.h-py-160 {
    padding-top: calc(var(--token-10)*16);
    padding-bottom: calc(var(--token-10)*16)
}

.h-px-160 {
    padding-left: calc(var(--token-10)*16);
    padding-right: calc(var(--token-10)*16)
}

.h-height-240 {
    height: calc(var(--token-10)*24)
}

.h-mt-240 {
    margin-top: calc(var(--token-10)*24)
}

.h-mb-240 {
    margin-bottom: calc(var(--token-10)*24)
}

.h-my-240 {
    margin-top: calc(var(--token-10)*24);
    margin-bottom: calc(var(--token-10)*24)
}

.h-mx-240 {
    margin-left: calc(var(--token-10)*24);
    margin-right: calc(var(--token-10)*24)
}

.h-pt-240 {
    padding-top: calc(var(--token-10)*24)
}

.h-pb-240 {
    padding-bottom: calc(var(--token-10)*24)
}

.h-py-240 {
    padding-top: calc(var(--token-10)*24);
    padding-bottom: calc(var(--token-10)*24)
}

.h-px-240 {
    padding-left: calc(var(--token-10)*24);
    padding-right: calc(var(--token-10)*24)
}

@font-face {
    font-family: 'DINProLight';
    font-display: swap;
    src: local("DINProLight"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Light.woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DINProLight2';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Light2.woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DINPro';
    font-display: swap;
    src: local("DINPro"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro.woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DINProMedium';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Medium.woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DINProBold';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Bold.otf"), url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Bold.woff");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'DINProCondensed';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/din/DINPro-Cond.otf");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSans';
    font-display: auto;
    src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.eot");
    src: local("openSans"), local("Open Sans"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSansLight';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.eot");
    src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Light-webfont.svg#OpenSansRegular") format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'openSansBold';
    font-display: swap;
    src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.eot");
    src: url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold.ttf") format("truetype"), url("/themes/custom/mule_foundation/css/../fonts/open_sans/OpenSans-Bold-webfont.svg#OpenSansRegular") format("svg");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'SF';
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.eot");
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Regular.svg#SalesforceSans-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'SFLight';
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.eot");
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Light.svg#SalesforceSans-Light") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SFBold';
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.eot");
    src: url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.woff") format("woff"), url("/themes/custom/mule_foundation/css/../fonts/salesforce_sans/SalesforceSans-Bold.svg#SalesforceSans-Bold") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'AvantGarde';
    src: url("/themes/custom/mule_foundation/css/../fonts/avant_garde/ITCAvantGardeStd-Demi.otf");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-display: swap
}

@font-face {
    font-family: 'AvantGardeBold';
    src: url("/themes/custom/mule_foundation/css/../fonts/avant_garde/ITCAvantGardeStd-Demi.otf");
    font-weight: 600;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-display: swap
}

html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "SF", Arial, sans-serif;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    color: #181818;
    font-family: "SF", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #fff
}

.site-width {
    margin: 0 auto;
    width: 1160px
}

@media screen and (max-width:1160px) {
    .site-width {
        width: 100%;
        padding: 0 10px
    }
}

p {
    margin: rhythm(1) 0;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .0012em;
    color: #181818
}

blockquote {
    margin: rhythm(1) 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #032d60;
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-weight: 400
}

h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
    outline: 0
}

h1 {
    font-size: 33px;
    line-height: 39px;
    margin: .67em 0
}

h2 {
    font-size: 26px;
    line-height: 30px
}

h3 {
    font-size: 22px;
    line-height: 26px
}

h4 {
    font-size: 18px;
    line-height: 22px
}

h5 {
    font-size: 16px;
    line-height: 1em
}

h6 {
    font-size: 14px;
    line-height: 1em
}

h1,
h2,
h3 {
    word-wrap: break-word
}

.block-title {
    margin-bottom: 25px
}

.smaller-bold-title {
    font-size: 16px;
    font-family: "AvantGardeBold", Arial, sans-serif;
    margin-bottom: 12px
}

a {
    font-family: "SFBold", Arial, sans-serif;
    color: #0176d3;
    text-decoration: none
}

a:hover {
    color: #032d60;
    text-decoration: none
}

a p {
    font-family: "SF", Arial, sans-serif
}

a:not([class]):hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
}

.sub-header a:not([class]):hover,
.ms-com-content a:not([class]):hover {
    text-decoration: none
}

.views-row a:not([class]):hover {
    text-decoration: none
}

.blue-gradient .field-component--field-header-content a {
    color: #d8e6fe;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
}

.blue-gradient .field-component--field-header-content a:hover {
    color: #78b0fd
}

input,
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
    box-shadow: none;
    height: auto
}

input:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
    box-shadow: none
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff
}

select {
    background-color: #fff;
    border: 1px solid #bbb;
    display: inline-block;
    width: 250px;
    font-size: 15px
}

select:focus {
    background-color: #fff;
    border: 1px solid #bbb;
    box-shadow: none
}

ul {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 30px;
    list-style-image: none;
    margin-left: 24px;
    color: #181818
}

ul li {
    font-size: 16px;
    padding-left: 5px;
    margin-bottom: 10px;
    font-family: "SF", Arial, sans-serif
}

.menu a,
.menu .button {
    padding: 0;
    display: inline-block
}

.menu a,
.menu .button {
    padding: 0
}

.toolbar-menu-administration ul li {
    margin-bottom: 0
}

ul.inline-items {
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (min-width:600px) {
    ul.inline-items li {
        display: inline-block;
        padding-left: 0
    }
}

@media screen and (min-width:600px) {
    ul.inline-items li:not(:first-child) {
        margin-left: 20px
    }
}

ulnav.plainlist .plainlist {
    padding-left: 15px
}

ul.nav.plainlist li {
    margin-bottom: 0
}

ul.nav.plainlist>li {
    margin-bottom: 5px
}

.ms-com-wrapper-footer ul.menu {
    display: block
}

.msbadge {
    position: relative
}

.msbadge:after {
    content: 'New';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    background: #0176d3;
    background: -moz-linear-gradient(left, #00a2df 0%, #5e66f9 100%);
    background: -webkit-linear-gradient(left, #00a2df 0%, #5e66f9 100%);
    background: linear-gradient(to right, #00a2df 0%, #5e66f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df', endColorstr='#5e66f9', GradientType=1);
    color: #fff;
    height: 24px;
    min-width: 50px;
    padding-top: 3px;
    border-radius: 24px;
    font-family: "SF", Arial, sans-serif;
    font-weight: 600;
    text-align: center
}

.msbadge.msbadge-dark-blue:after {
    background: #000050
}

.msbadge.msbadge-white:after {
    background: #fff;
    color: #0176d3
}

.msbadge.msbadge-blue-to-green:after {
    background: #0176d3;
    background: -moz-linear-gradient(left, #00a2df 0%, #00b39c 100%);
    background: -webkit-linear-gradient(left, #00a2df 0%, #00b39c 100%);
    background: linear-gradient(to right, #00a2df 0%, #00b39c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df', endColorstr='#00b39c', GradientType=1)
}

.msbadge.msbadge-small:after {
    height: 14px;
    font-size: 7.5px;
    min-width: 30px;
    padding-top: 1.8px
}

.msbadge.msbadge-updated:after {
    content: 'updated';
    min-width: 70px
}

.msbadge.msbadge-small.msbadge-updated:after {
    content: 'updated';
    min-width: 45px
}

.lookbook-overlay .lookbook-overlay-close {
    top: 10%;
    right: 10%
}

table,
th,
td {
    border: 1px solid #dbdbdb
}

table td p {
    margin-bottom: 0
}

table th p {
    margin-bottom: 0
}

body.not-found {
    padding-top: 60px;
    padding-top: 0
}

.horizontal-scroll {
    overflow: hidden;
    overflow-x: scroll
}

ol li {
    font-size: 15px;
    color: #55565a
}

.menu li,
.menu.horizontal li {
    display: list-item
}

#main .mktoForm * {
    font-family: "SF", Arial, sans-serif
}

#main .mktoForm * a {
    font-family: "SFBold", Arial, sans-serif
}

.brc .mktoForm .mktoRequiredField label.mktoLabel,
.br-form-b .mktoForm .mktoRequiredField label.mktoLabel {
    font-size: 16px !important
}

#main .mktoForm h3 {
    font-family: "AvantGarde", Arial, sans-serif
}

.vidyard-v4-popup .vidyard-lightbox-image,
.vidyard-v4-popup .vidyard-player-container,
.video-holder {
    display: none !important
}

.lightboxlaunch {
    cursor: pointer
}

#vidyard-overlay-wrapper {
    z-index: 1000
}

body .field-component--field-breadcrumbs .field-items .field-item a,
body .field-component--field-breadcrumbs .field-items .field-item span,
body .banner-region .component-banner-br-view-mode-b .field-component--field-header-title,
body h3.br-eyebrow,
body h4.br-eyebrow,
body span.br-eyebrow,
body .eyebrow,
body .component-tile.component-tile--br-view-mode-d .field-component--field-tile-resource-type,
body .component-tile.component-tile--br-view-mode-c .field-name-field-tile-custom-resource-type,
body .component-tile.component-tile--br-view-mode-c .field-component--field-tile-resource-type,
body .field-component--field-tile-resource-type,
body.node--type-demo .related-nodes .views-row .component-tile .resource-type,
body .billboard-row ul li a,
body .billboard-image ul li a,
body.node--type-partner .partners-breadcrumb li a.breadcrumb-link,
body.node--type-partner .partners-breadcrumb li span {
    letter-spacing: initial;
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-family: "SF", Arial, sans-serif;
    color: #032d60
}

body .field-component--field-breadcrumbs .field-items .field-item a,
body .field-component--field-breadcrumbs .field-items .field-item span,
body .billboard-row ul li a,
body .billboard-image ul li a,
body.node--type-partner .partners-breadcrumb li a.breadcrumb-link,
body.node--type-partner .partners-breadcrumb li span {
    font-size: 12px;
    line-height: 20px
}

body .banner-region.light-font .field-component--field-breadcrumbs .field-items .field-item a,
body .banner-region.light-font .field-component--field-breadcrumbs .field-items .field-item span {
    color: #fff
}

ul.mule-breadcrumb li:not(:last-child) {
    margin-right: 4px
}

.mule-breadcrumbs a,
.mule-breadcrumbs span,
.mule-breadcrumbs div,
.field-custom-breadcrumb,
.field-custom-breadcrumb .custom-breadcrumb {
    font-family: "SF", Arial, sans-serif, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #032d60
}

.mule-breadcrumbs a:hover,
.mule-breadcrumbs span:hover,
.mule-breadcrumbs div:hover,
.field-custom-breadcrumb:hover,
.field-custom-breadcrumb .custom-breadcrumb:hover {
    text-decoration: none
}

.br div:not(.field-component--field-breadcrumbs) a:not([class]) {
    position: relative
}

.br .animate a:not([class]) {
    color: #00a2df;
    text-decoration: none;
    background-image: linear-gradient(#00044c, #00044c);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px
}

.animate a:not([class]) {
    transition: background-size .3s
}

.br .animate a:not([class]):hover,
.br a:not([class]):focus {
    background-size: 100% 2px;
    color: #00044c
}

.animate {
    -webkit-backface-visibility: hidden;
    will-change: transform
}

@media screen and (min-width:992px) {
    .animate .component-banner .right .field-type-image {
        position: relative
    }
    .animate .component-banner .right img {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }
    .animate .component-banner .field-name-field-banner-links {
        position: relative
    }
    .animate .component-banner .field-name-field-banner-links .field-items a {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: .6s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px)
    }
    .animate .component-banner .field-name-field-banner-links .field-items a:nth-child(1) {
        animation-delay: .8s
    }
    .animate .component-banner .vidyard-link-wrapper {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }
}

@media screen and (min-width:992px) {
    .benefit-row.animate .cell img {
        opacity: 0
    }
    .fadeIn.benefit-row.animate .cell img {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .1s;
        animation-duration: 1s
    }
    .benefit-row.animate a.arrow-button {
        opacity: 0
    }
    .fadeIn.benefit-row.animate a.arrow-button {
        opacity: 0;
        display: inline-block;
        animation-name: slide-from-bottom;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px)
    }
}

@media screen and (min-width:992px) {
    .benefits.animate .component-feature {
        opacity: 0
    }
    .fadeIn.benefits.animate .component-feature {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .7s;
        animation-delay: 0s
    }
    .fadeIn.benefits.animate .cell:nth-child(4) .component-feature {
        animation-delay: 0s
    }
    .fadeIn.benefits.animate .cell:nth-child(3) .component-feature {
        animation-delay: .1s
    }
    .fadeIn.benefits.animate .cell:nth-child(2) .component-feature {
        animation-delay: .2s
    }
    .fadeIn.benefits.animate .cell:nth-child(1) .component-feature {
        animation-delay: .3s
    }
}

@media screen and (min-width:992px) {
    .customer-story-row.animate .component-large-tile--br-view-mode-b .row {
        opacity: 0
    }
    .fadeIn.customer-story-row.animate .component-large-tile--br-view-mode-b .row {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .2s
    }
    .customer-story-row.animate .component-large-tile--br-view-mode-b:after {
        opacity: 0
    }
    .fadeIn.customer-story-row.animate .component-large-tile--br-view-mode-b:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .2s
    }
}

@media screen and (min-width:992px) {
    .company-logos.animate .row {
        opacity: 0
    }
    .fadeIn.company-logos.animate .row {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: .5s
    }
}

@media screen and (min-width:992px) {
    .animate .component-large-tile-br-view-mode-a {
        opacity: 0
    }
    .fadeIn.animate .component-large-tile-br-view-mode-a {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: 0s
    }
}

@media screen and (min-width:992px) {
    .animate .component-tile {
        opacity: 0
    }
    .fadeIn.animate .component-tile:nth-child(1) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: .2s
    }
    .fadeIn.animate .component-tile:nth-child(2) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: .1s
    }
    .fadeIn.animate .component-tile:nth-child(3) {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: .8s;
        animation-delay: 0s
    }
}

@media screen and (max-width:1160px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .row {
        margin: 0
    }
}

.anypoint-platform-2019.br .try-anypoint-platform-row .cell {
    position: relative;
    z-index: 3
}

.anypoint-platform-2019.br .try-anypoint-platform-row .component-basic-text {
    position: relative;
    z-index: 3
}

.anypoint-platform-2019.br .try-anypoint-platform-row .cell,
.br .light-blue-block .cell {
    padding: 50px 16px 60px;
    overflow: hidden
}

.try-anypoint-platform-row.animate .row {
    position: relative;
    z-index: 8
}

.anypoint-platform-2019.br .try-anypoint-platform-row .field-item p {
    opacity: 1
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row.fadeIn .field-item p {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-duration: 1s;
        animation-delay: 0s
    }
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:before,
    .br .light-blue-block.generic-illustration .cell:before {
        content: " ";
        min-height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/try-anypoint-graphic-left_0.svg");
        background-repeat: no-repeat;
        background-size: auto;
        right: auto;
        top: 21px;
        left: -92px
    }
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:before,
    .br .light-blue-block.generic-illustration .cell:before {
        left: -44px;
        bottom: auto
    }
}

@media screen and (min-width:1160px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:before,
    .br .light-blue-block.generic-illustration .cell:before {
        left: 0;
        top: 0;
        bottom: auto
    }
}

@media screen and (min-width:992px) {
    .br .light-blue-block.generic-illustration .cell:before {
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/mentors-left.svgz");
        left: -200px;
        top: 4px;
        z-index: -1
    }
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:before,
    .br .light-blue-block.generic-illustration .cell:before {
        background-position: 0 0
    }
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:after,
    .br .light-blue-block.generic-illustration .cell:after {
        content: " ";
        min-height: 100%;
        width: 100%;
        right: -10%;
        top: -60px;
        position: absolute;
        display: block;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/leftPanel_FreeTrial.svg");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right 0 top -10px
    }
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:after,
    .br .light-blue-block.generic-illustration .cell:after {
        right: -80px;
        top: 0
    }
}

@media screen and (min-width:1160px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .cell:after,
    .br .light-blue-block.generic-illustration .cell:after {
        right: 0;
        top: 0
    }
}

@media screen and (min-width:992px) {
    .br .light-blue-block.generic-illustration .cell:after {
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/mentors-illustration-right.svgz");
        z-index: -1;
        z-index: -1;
        background-size: 503px 390px;
        top: 30px;
        right: -265px
    }
}

@media screen and (min-width:992px) {
    .br .light-blue-block.left-pattern .row:before {
        background: url("https://www.mulesoft.com/sites/default/files/cmm_files/mentors-dot-pattern.svgz");
        content: "";
        left: -283px;
        position: absolute;
        display: block;
        height: 280px;
        width: 420px;
        top: 36px
    }
}

@media screen and (min-width:600px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row .row .cell:after,
    .br .light-blue-block.generic-illustration .cell:after {
        background-position: right 0 top -10px
    }
}

.anypoint-platform-2019.br .try-anypoint-platform-row h2,
.br .light-blue-block h2 {
    font-size: 33px;
    line-height: 43px
}

.br .light-blue-block p,
.br .light-blue-block a {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .anypoint-platform-2019.br.section-en-de .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-fr .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-es .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-pt .try-anypoint-platform-row p {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:1160px) {
    .anypoint-platform-2019.br.section-en-de .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-fr .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-es .try-anypoint-platform-row p,
    .anypoint-platform-2019.br.section-en-pt .try-anypoint-platform-row p {
        max-width: 600px
    }
}

.wes.anypoint-platform-2019.br .try-anypoint-platform-row a,
.wes.br .light-blue-block a {
    font-family: 'SF', sans-serif
}

.wes.anypoint-platform-2019.br .try-anypoint-platform-row a.mule-button-br {
    width: auto;
    margin-right: 0
}

.anypoint-platform-2019.br .try-anypoint-platform-row a.mule-button-br,
.br .light-blue-block a.mule-button-br {
    min-width: 0
}

@media screen and (min-width:600px) {
    .anypoint-platform-2019.br .try-anypoint-platform-row a.mule-button-br,
    .br .light-blue-block a.mule-button-br {
        width: auto
    }
}

.anypoint-platform-2019.br .try-anypoint-platform-row a.question-button:hover,
.br .light-blue-block a.question-button:hover {
    text-decoration: none;
    color: #fff
}

.platform-lp.br .banner-region .pattern-animation-holder {
    position: relative;
    width: 100%;
    z-index: 0
}

@media screen and (min-width:992px) {
    .platform-lp.br .banner-region .pattern-animation-holder .top {
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern%20%282%29.svg");
        width: 295px;
        height: 295px;
        background-size: 1171px 359px;
        position: absolute;
        z-index: 0;
        right: 130px;
        top: 171px;
        bottom: -589px
    }
}

@media screen and (min-width:992px) {
    .platform-lp.br .banner-region .pattern-animation-holder .middle {
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern%20%281%29.svg");
        background-size: 1170px 359px;
        background-position: -333px 0;
        height: 124px;
        width: 184px;
        z-index: 3;
        position: absolute;
        right: -40px;
        top: 181px
    }
}

.banner-region .image-container {
    position: relative
}

.banner-region .image-container img {
    position: relative;
    z-index: 3
}

@media screen and (min-width:992px) {
    .platform-lp.br .banner-region .pattern-animation-holder .bottom {
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern.svg");
        width: 870px;
        height: 205px;
        background-size: 1171px 359px;
        background-position: 870px 205px;
        position: absolute;
        right: -599px;
        top: 282px
    }
}

@media screen and (min-width:992px) {
    .fadeIn.animate.pattern.graphic2 .row:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: 0s;
        animation-duration: 1s
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 0
}

@media screen and (min-width:992px) {
    .animate.fadeIn.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0;
        animation-name: slide-from-bottom;
        animation-duration: .7s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        transform: translate(0px, 0px);
        animation-delay: .2s;
        animation-duration: 1s
    }
}

@keyframes slide-from-bottom {
    0% {
        opacity: 0;
        transform: translate(0px, 80px)
    }
    60% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
    100% {
        opacity: 1
    }
}

@keyframes animatedBackground {
    0% {
        background-position: -220px 0;
        opacity: 0
    }
    100% {
        background-position: 0 0;
        opacity: 1
    }
}

@keyframes animatedBackgroundright {
    0% {
        background-position: right -200px top -10px;
        opacity: 0
    }
    100% {
        background-position: right 0 top -10px;
        opacity: 1
    }
}

.animate.banner-region {
    z-index: 3;
    position: relative
}

.animate.benefit-row {
    z-index: 1
}

.br .row-wrapper .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic1 .row:after {
    content: " ";
    width: 319px;
    height: 191px;
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/MS_BrandPattern_1.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    left: -133px;
    z-index: 2
}

.pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
    content: none
}

@media screen and (min-width:992px) {
    .pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
        content: "";
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/image_brandpattern_customersuccess.svgz);
        background-repeat: no-repeat;
        background-size: 600px;
        position: absolute;
        z-index: 2;
        display: block;
        width: 50%;
        height: 300px;
        bottom: 0;
        right: -5%
    }
}

.pattern.pattern-top-left.benefit-row img {
    position: relative
}

.pattern {
    position: relative
}

.pattern .cell {
    position: relative;
    z-index: 2
}

.br .row-wrapper .row .cell:not(.accordion-image-cell) {
    position: relative;
    z-index: 3
}

.pattern.pattern-top-left.pattern-graphic2 .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic2 .row:after {
    content: " ";
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/MS_BrandPattern_2.svg);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    display: block;
    width: 296px;
    height: 151px;
    top: -10px;
    left: -131px
}

@media screen and (min-width:480px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        content: " ";
        width: 100%;
        height: 337px;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/TileSection_Brand%20Pattern.svg");
        background-repeat: no-repeat;
        position: absolute;
        top: auto;
        bottom: 30px;
        left: -247px
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -22px;
        left: -72px
    }
}

@media screen and (min-width:1160px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -25px;
        left: -142px
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 1
}

@media screen and (min-width:992px) {
    .animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        position: absolute;
        content: " ";
        height: 414px;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/AP_CS_BrandPattern_Desktop_1.svg");
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 40px;
        width: 1167px
    }
}

.pattern.pattern-middle-center.pattern-graphic-center .row {
    position: relative;
    z-index: 3
}

.benefit-row.br .cell {
    margin-bottom: 30px
}

@media screen and (min-width:600px) {
    .benefit-row.br .cell {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .homepage-2021 .left-centered-pattern.pattern-g4:after {
        background-image: url("https://mulesoft.com/sites/default/files/cmm_files/image_getstobedone_brandpattern_0.svgz");
        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        position: absolute;
        top: -95px;
        z-index: 1;
        right: 52%;
        left: 48%
    }
}

.homepage-2021 .left-centered-pattern.pattern-g4 {
    position: relative
}

.homepage-2021 .left-centered-pattern.pattern-g4 .cell:last-child {
    z-index: 2
}

.homepage-2021 .component-tab-system .tab-system-tabs {
    background: 0 0
}

@media screen and (min-width:992px) {
    .homepage-2021 .bottom-resources-section .row-wrapper .row:after {
        background-image: url("https://mulesoft.com/sites/default/files/cmm_files/image_getstarted_brandpattern.svgz");
        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        top: 39%;
        left: -111px;
        position: absolute;
        z-index: 1
    }
}

.homepage-2021 .bottom-resources-section .row-wrapper .row {
    position: relative
}

.tiles .cell:not(:last-child) .component-tile {
    margin-bottom: 25px
}

.t-r-dots .row-wrapper .row {
    position: relative
}

.t-r-dots .row-wrapper .row:after {
    content: " ";
    display: block;
    position: absolute;
    background-image: url("https://mulesoft.com/sites/default/files/cmm_files/dots_header_rightside.svg");
    width: 143px;
    height: 116px;
    z-index: 2;
    right: -130px;
    top: -48px
}

.t-l-dots .row-wrapper .row {
    position: relative
}

.t-l-dots .row-wrapper .row:before {
    content: " ";
    display: block;
    position: absolute;
    background-image: url("https://mulesoft.com/sites/default/files/cmm_files/dots_header_leftside.svg");
    width: 320px;
    height: 317px;
    z-index: 2;
    left: -129px;
    top: -103px
}

.animate.banner-region {
    z-index: 3;
    position: relative
}

.animate.benefit-row {
    z-index: 1
}

.br .row-wrapper .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic1 .row:after {
    content: " ";
    width: 319px;
    height: 191px;
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/MS_BrandPattern_1.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -26px;
    left: -133px;
    z-index: 2
}

.pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
    content: none
}

@media screen and (min-width:992px) {
    .pattern.pattern-bottom-right.pattern-graphic-4 .row:after {
        content: "";
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/image_brandpattern_customersuccess.svgz);
        background-repeat: no-repeat;
        background-size: 600px;
        position: absolute;
        z-index: 2;
        display: block;
        width: 50%;
        height: 300px;
        bottom: 0;
        right: -5%
    }
}

.pattern.pattern-top-left.benefit-row img {
    position: relative
}

.pattern {
    position: relative
}

.pattern .cell {
    position: relative;
    z-index: 2
}

.br .row-wrapper .row .cell:not(.accordion-image-cell) {
    position: relative;
    z-index: 3
}

.pattern.pattern-top-left.pattern-graphic2 .row {
    position: relative
}

.pattern.pattern-top-left.pattern-graphic2 .row:after {
    content: " ";
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/MS_BrandPattern_2.svg);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    display: block;
    width: 296px;
    height: 151px;
    top: -10px;
    left: -131px
}

@media screen and (min-width:480px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        content: " ";
        width: 100%;
        height: 337px;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/TileSection_Brand%20Pattern.svg");
        background-repeat: no-repeat;
        position: absolute;
        top: auto;
        bottom: 30px;
        left: -247px
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -22px;
        left: -72px
    }
}

@media screen and (min-width:1160px) {
    .pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper .row:after {
        top: -25px;
        left: -142px
    }
}

.animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
    opacity: 1
}

@media screen and (min-width:992px) {
    .animate.pattern.pattern-middle-left.pattern-graphic-3 .row-wrapper:after {
        opacity: 0
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        position: absolute;
        content: " ";
        height: 414px;
        background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/AP_CS_BrandPattern_Desktop_1.svg");
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
        top: 43%;
        width: 90%
    }
}

@media screen and (min-width:992px) {
    .pattern.pattern-middle-center.pattern-graphic-center .component-large-tile--br-view-mode-b:after {
        top: 40px;
        width: 1167px
    }
}

.pattern.pattern-middle-center.pattern-graphic-center .row {
    position: relative;
    z-index: 3
}

.benefit-row.br .cell {
    margin-bottom: 30px
}

@media screen and (min-width:600px) {
    .benefit-row.br .cell {
        margin-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .homepage-2021 .left-centered-pattern.pattern-g4:after {
        background-image: url("https://mulesoft.com/sites/default/files/cmm_files/image_getstobedone_brandpattern_0.svgz");
        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        position: absolute;
        top: -95px;
        z-index: 1;
        right: 52%;
        left: 48%
    }
}

.homepage-2021 .left-centered-pattern.pattern-g4 {
    position: relative
}

.homepage-2021 .left-centered-pattern.pattern-g4 .cell:last-child {
    z-index: 2
}

.homepage-2021 .component-tab-system .tab-system-tabs {
    background: 0 0
}

@media screen and (min-width:992px) {
    .homepage-2021 .bottom-resources-section .row-wrapper .row:after {
        background-image: url("https://mulesoft.com/sites/default/files/cmm_files/image_getstarted_brandpattern.svgz");
        background-repeat: no-repeat;
        width: 1395px;
        height: 800px;
        display: block;
        content: '';
        top: 39%;
        left: -111px;
        position: absolute;
        z-index: 1
    }
}

.homepage-2021 .bottom-resources-section .row-wrapper .row {
    position: relative
}

.tiles .cell:not(:last-child) .component-tile {
    margin-bottom: 25px
}

.t-r-dots .row-wrapper .row {
    position: relative
}

.t-r-dots .row-wrapper .row:after {
    content: " ";
    display: block;
    position: absolute;
    background-image: url("https://mulesoft.com/sites/default/files/cmm_files/dots_header_rightside.svg");
    width: 143px;
    height: 116px;
    z-index: 2;
    right: -130px;
    top: -48px
}

.t-l-dots .row-wrapper .row {
    position: relative
}

.t-l-dots .row-wrapper .row:before {
    content: " ";
    display: block;
    position: absolute;
    background-image: url("https://mulesoft.com/sites/default/files/cmm_files/dots_header_leftside.svg");
    width: 320px;
    height: 317px;
    z-index: 2;
    left: -129px;
    top: -103px
}

@media screen and (min-width:992px) {
    .r-dots .row {
        position: relative
    }
    .r-dots .row:before {
        content: " ";
        display: block;
        background: url("https://mulesoft.com/sites/default/files/cmm_files/dots-workingThriving-right.svg");
        height: 784px;
        width: 688px;
        position: absolute;
        top: -80px;
        right: -40px
    }
    .l-dots .row {
        position: relative
    }
    .l-dots .row:after {
        content: " ";
        display: block;
        background: url("https://mulesoft.com/sites/default/files/cmm_files/dots-meetMuley-left.svg");
        height: 784px;
        width: 688px;
        position: absolute;
        top: -110px;
        left: -140px
    }
    .m-l-dots .row {
        position: relative
    }
    .m-l-dots .row:before {
        content: " ";
        display: block;
        background: url("https://mulesoft.com/sites/default/files/cmm_files/dots_body_leftside.svg");
        height: 203px;
        width: 163px;
        position: absolute;
        top: -93px;
        left: -135px
    }
}

.anypoint-platform-2019.br .try-anypoint-platform-row.no-graph .cell:before,
.anypoint-platform-2019.br .try-anypoint-platform-row.no-graph .cell:after {
    background-image: none
}

section.row-wrapper .row,
.main-content.row-wrapper .row {
    margin: 0 auto;
    max-width: 72.5rem
}

.row-wrapper .row,
.row-wrapper.no-padding .row {
    margin: 0 auto
}

.row-wrapper.black {
    background-color: #171717;
    color: #fff
}

.row-wrapper.black h1,
.row-wrapper.black h2,
.row-wrapper.black h3,
.row-wrapper.black h4,
.row-wrapper.black h5,
.row-wrapper.black h6,
.row-wrapper.black p,
.row-wrapper.black div {
    color: #fff
}

.row-wrapper.white {
    background-color: #fff
}

.row-wrapper.white.gradient-row {
    background-image: linear-gradient(-90deg, rgba(238, 238, 238, 0) 0, rgba(234, 245, 254, .5) 100%)
}

.row-wrapper.grey {
    background-color: rgba(234, 245, 254, .5)
}

.row-wrapper.centered {
    text-align: center
}

.row-wrapper.no-padding .row {
    padding: 0
}

.row-wrapper.no-padding-top .row {
    padding-top: 0
}

.row-wrapper.no-padding-bottom .row {
    padding-bottom: 0
}

.row-wrapper.mule-blue {
    background-color: #0176d3
}

.row-wrapper.mule-blue h1,
.row-wrapper.mule-blue h2,
.row-wrapper.mule-blue h3,
.row-wrapper.mule-blue h4,
.row-wrapper.mule-blue h5,
.row-wrapper.mule-blue h6,
.row-wrapper.mule-blue p,
.row-wrapper.mule-blue div {
    color: #fff
}

.row-wrapper .centered {
    text-align: center
}

.row-wrapper.bold-titles h1,
.row-wrapper.bold-titles h2,
.row-wrapper.bold-titles h3,
.row-wrapper.bold-titles h4 {
    font-family: "AvantGarde", Arial, sans-serif
}

.row-wrapper h1.bold-heading,
.row-wrapper h2.bold-heading,
.row-wrapper h3.bold-heading,
.row-wrapper h4.bold-heading {
    font-family: "AvantGardeBold", Arial, sans-serif
}

.row-wrapper p.bold-regular-text,
.row-wrapper span.bold-regular-text {
    font-family: "SFBold", Arial, sans-serif
}

.row-wrapper.white {
    background-color: #fff
}

.row-wrapper.blue-page-footer-row {
    background: #eaf5fe;
    text-align: center;
    padding: 30px 0
}

.row-wrapper.blue-gr-footer-row {
    background-image: -ms-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0%, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 0
}

.row-wrapper.v-centered-row .cell {
    justify-content: center;
    align-self: center
}

.row-wrapper.h-centered-row {
    text-align: center
}

.row-wrapper .row {
    padding: 40px 12px
}

@media screen and (min-width:600px) {
    .row-wrapper .row {
        padding: 40px 24px
    }
}

@media screen and (min-width:992px) {
    .row-wrapper .row {
        padding: 40px 4px
    }
}

@media screen and (min-width:1160px) {
    .row-wrapper .row {
        max-width: 72.5rem;
        padding: 60px 4px
    }
}

@media print,
screen and (min-width:48em) {
    .reveal {
        width: 560px;
        max-width: 75rem
    }
}

.section-press-center .views-element-container {
    margin-bottom: 53px
}

ul.plainlist {
    padding: 0;
    margin: 0
}

ul.checkslist {
    list-style-image: url(/themes/custom/mule_foundation/images/checkmark-bullet.svg);
    margin-left: 30px;
    line-height: 1.8
}

ul.checkslist li {
    padding-left: 10px;
    margin-bottom: 12px
}

ul.checklist-mark {
    list-style: none;
    text-indent: -32px;
    margin-left: 28px
}

ul.checklist-mark li:before {
    content: '';
    background-image: url(/sites/default/files/cmm_files/checkmark_white.svgz);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-color: #0176d3;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    background-position: 4px 4px;
    margin-right: 16px
}

.phone-number {
    font-size: 16px;
    line-height: 30px;
    color: #00a0df;
    font-family: "SFBold", Arial, sans-serif
}

.phone-number:hover {
    text-decoration: underline
}

.section-user.path-user .full-width-row {
    padding-top: 110px
}

.callout.alert {
    margin-top: 33px
}

.integration-resources-glossary p.content-body-search-links {
    border: none;
    width: 100%;
    display: block;
    overflow: hidden
}

.integration-resources-glossary p.content-body-search-links a {
    float: left;
    padding: 0 5px
}

.integration-resources-glossary p.content-body-search-links a:after {
    content: "|";
    padding-left: 5px;
    color: #181818
}

.integration-resources-glossary p.content-body-search-links a:last-child:after {
    content: ""
}

.event-sponsorship .banner-region {
    margin: 45px 0 0
}

.event-sponsorship .banner-region .component-banner-view-mode-d {
    padding-bottom: 55px
}

.event-sponsorship .banner-region .component-banner-view-mode-d .centered {
    text-align: left
}

.event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x>.cell {
    width: calc(100% - 1.25rem) !important
}

@media screen and (min-width:600px) {
    .event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x>.cell {
        width: calc(100% - 1.875rem) !important
    }
}

@media screen and (min-width:992px) {
    .event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x>.cell {
        width: calc(100% - 1.875rem) !important
    }
}

.event-sponsorship .accordion-tour .component-accordion-tour .grid-margin-x>.cell.accordion-image-cell {
    display: none
}

@media screen and (max-width:600px) {
    .event-sponsorship .accordion-tour #overview .award-winners {
        text-align: center;
        padding: 20px 0;
        float: none
    }
}

.event-sponsorship .accordion-tour #overview .award-winners {
    float: left;
    padding: 10px 0
}

.event-sponsorship .accordion-tour #overview .winner-row {
    display: block;
    overflow: hidden
}

.translatable-page .upcoming-events.row {
    padding-top: 0
}

.eyebrow {
    font-family: "SF", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

.eyebrow.flag:after {
    display: inline-block;
    content: 'Coming Soon';
    background: #e50097;
    border-radius: 30px;
    margin: 0 0 0 18px;
    padding: 0 18px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0
}

p.prev-flag,
p.badge {
    display: inline-block;
    background: #e3066a;
    border-radius: 12px;
    padding: 0 18px;
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: 0;
    line-height: 25px !important;
    font-family: "SFBold", Arial, sans-serif
}

p.prev-flag.magenta,
p.badge.magenta {
    background: var(--color-magenta)
}

p.prev-flag.mule-blue,
p.badge.mule-blue {
    background: var(--color-ms-blue)
}

p.prev-flag.viridian,
p.badge.viridian {
    background: var(--color-viridian)
}

p.prev-flag.navy-blue,
p.badge.navy-blue {
    background: var(--color-navy)
}

p.prev-flag.purple,
p.badge.purple {
    background: var(--color-purple)
}

p.prev-flag.indigo,
p.badge.indigo {
    background: var(--color-indigo)
}

p.prev-flag.orange,
p.badge.orange {
    background: var(--color-orange)
}

.badge-wrapper .badge {
    display: inline-block;
    background: #e3066a;
    border-radius: 12px;
    padding: 0 18px;
    margin-bottom: 8px;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: 0;
    line-height: 25px !important;
    font-family: "SFBold", Arial, sans-serif, Arial, sans-serif
}

.badge-wrapper .badge.magenta {
    background: var(--color-magenta)
}

.badge-wrapper .badge.mule-blue {
    background: var(--color-ms-blue)
}

.badge-wrapper .badge.viridian {
    background: var(--color-viridian)
}

.badge-wrapper .badge.navy-blue {
    background: var(--color-navy)
}

.badge-wrapper .badge.purple {
    background: var(--color-purple)
}

.badge-wrapper .badge.indigo {
    background: var(--color-indigo)
}

.badge-wrapper .badge.orange {
    background: var(--color-orange)
}

.badge-wrapper+h4.eyebrow {
    margin-top: 0 !important
}

.prev-flag+h4.eyebrow,
.badge-wrapper+h4.eyebrow {
    margin-top: 0 !important
}

.prev-flag.square {
    margin-bottom: 4px;
    border-radius: 12px;
    line-height: 29px !important;
    font-size: 12px !important;
    letter-spacing: 1px
}

.vertical-centered-cells .cell {
    display: flex;
    align-items: center;
    justify-content: center
}

.anypoint-br .benefit-row .field-component--field-main-content-body h2 {
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px
}

.anypoint-br .benefit-row .field-component--field-main-content-body p {
    font-size: 16px;
    line-height: 30px
}

.anypoint-br .benefit-row .field-component--field-main-content-body p:last-child {
    margin-bottom: 0;
    margin-top: 20px
}

.anypoint-br .benefit-row .field-component--field-main-content-body .arrow-button {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .anypoint-br .benefit-row.reverse .row .cell:last-child {
        margin-bottom: 0
    }
}

.anypoint-br .benefit-row .component-main-content .eyebrow {
    margin-top: 50px
}

@media screen and (min-width:600px) {
    .anypoint-br .benefit-row .component-main-content .eyebrow {
        margin-top: 100px
    }
}

@media screen and (min-width:992px) {
    .anypoint-br .benefit-row .component-main-content .eyebrow {
        margin-top: 0
    }
}

.anypoint-br .benefit-row.reverse .row {
    display: flex;
    flex-direction: column-reverse;
    text-align: center
}

@media screen and (min-width:992px) {
    .anypoint-br .benefit-row.reverse .row {
        display: flex;
        flex-direction: row
    }
}

.anypoint-br a.arrow-button {
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
    display: grid;
    grid-template-columns: 30px 1fr;
    width: fit-content
}

.benefit-row.small-title .field-component--field-main-content-body h2,
.small-title .benefit-row .field-component--field-main-content-body h2 {
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px
}

.benefit-row.last-block .field-component--field-main-content-body h2 {
    font-size: 33px;
    line-height: 44px
}

.br .bigger-font p {
    font-size: 22px;
    line-height: 40px
}

h1.multicolor-title,
h2.multicolor-title,
h3.multicolor-title,
h4.multicolor-title,
h5.multicolor-title,
h6.multicolor-title {
    font-family: "AvantGardeBold", Arial, sans-serif
}

h1.multicolor-title .light-title,
h2.multicolor-title .light-title,
h3.multicolor-title .light-title,
h4.multicolor-title .light-title,
h5.multicolor-title .light-title,
h6.multicolor-title .light-title {
    display: block
}

h2.multicolor-title.one-line-title .light-title {
    display: inline
}

h1.multicolor-title {
    font-size: 33px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (min-width:480px) {
    h1.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h2.multicolor-title {
    font-size: 33px;
    line-height: 43px
}

@media screen and (min-width:600px) {
    h2.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h3.multicolor-title {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 0
}

@media screen and (min-width:480px) {
    h3.multicolor-title {
        font-size: 45px;
        line-height: 55px
    }
}

h1.multicolor-title-inline,
h2.multicolor-title-inline,
h3.multicolor-title-inline,
h4.multicolor-title-inline,
h5.multicolor-title-inline,
h6.multicolor-title-inline {
    font-family: "AvantGardeBold", Arial, sans-serif
}

h1.multicolor-title-inline .light-title,
h2.multicolor-title-inline .light-title,
h3.multicolor-title-inline .light-title,
h4.multicolor-title-inline .light-title,
h5.multicolor-title-inline .light-title,
h6.multicolor-title-inline .light-title {
    display: inline-block
}

.floated-blocks .floated-block h4 {
    font-family: "SF", Arial, sans-serif
}

h1.multicolor-title-inline {
    font-size: 33px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 20px
}

@media screen and (min-width:480px) {
    h1.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

h2.multicolor-title-inline {
    font-size: 33px;
    line-height: 43px
}

@media screen and (min-width:600px) {
    h2.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

h3.multicolor-title-inline {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 0
}

@media screen and (min-width:480px) {
    h3.multicolor-title-inline {
        font-size: 45px;
        line-height: 55px
    }
}

.multicolor-title-inline.white,
.multicolor-title.white {
    color: #fff
}

.multicolor-title.white .sub-title.dark {
    color: #032d60;
    display: block
}

.light-blue-background {
    background-color: rgba(234, 245, 254, .5)
}

.br-light-blue-background {
    background-color: #d3f0fd
}

.br-dark-blue-background {
    background-color: #001639
}

.br-dark-blue-background h1 {
    color: #fff
}

.half-light-blue-background.reverse,
.half-light-blue-bg.reverse {
    background: linear-gradient(0deg, rgba(234, 245, 254, .5) 82.5%, transparent 50%)
}

@media screen and (min-width:600px) {
    .half-light-blue-background.reverse,
    .half-light-blue-bg.reverse {
        background: linear-gradient(0deg, rgba(234, 245, 254, .5) 75%, transparent 50%)
    }
}

@media screen and (min-width:992px) {
    .half-light-blue-background.reverse,
    .half-light-blue-bg.reverse {
        background: linear-gradient(0deg, rgba(234, 245, 254, .5) 50%, transparent 50%)
    }
}

.half-light-blue-background,
.half-light-blue-bg {
    background: linear-gradient(180deg, rgba(234, 245, 254, .5) 82.5%, transparent 50%)
}

@media screen and (min-width:600px) {
    .half-light-blue-background,
    .half-light-blue-bg {
        background: linear-gradient(180deg, rgba(234, 245, 254, .5) 75%, transparent 50%)
    }
}

@media screen and (min-width:992px) {
    .half-light-blue-background,
    .half-light-blue-bg {
        background: linear-gradient(180deg, rgba(234, 245, 254, .5) 50%, transparent 50%)
    }
}

.br-half-light-blue-background,
.br-half-light-blue-bg {
    background: linear-gradient(180deg, #d3f0fd 82.5%, transparent 50%)
}

@media screen and (min-width:600px) {
    .br-half-light-blue-background,
    .br-half-light-blue-bg {
        background: linear-gradient(180deg, #d3f0fd 75%, transparent 50%)
    }
}

@media screen and (min-width:992px) {
    .br-half-light-blue-background,
    .br-half-light-blue-bg {
        background: linear-gradient(180deg, #d3f0fd 50%, transparent 50%)
    }
}

.br-half-gradient-light-blue-bg-b {
    background: linear-gradient(0deg, transparent 23%, #d3f0fd 91%)
}

.gradient-to-lb {
    background: linear-gradient(0deg, rgba(234, 245, 254, .5) 0%, rgba(232, 248, 255, 0) 100%)
}

.lb-transparent-bg {
    background: linear-gradient(to bottom, rgba(234, 245, 254, .5) 71%, #fff 27%)
}

@media screen and (min-width:600px) {
    .lb-transparent-bg {
        background: linear-gradient(to bottom, rgba(234, 245, 254, .5) 76%, #fff 180px)
    }
}

@media screen and (min-width:992px) {
    .lb-transparent-bg {
        background: linear-gradient(to top, rgba(234, 245, 254, .5) 70.5%, #fff 180px)
    }
}

@media screen and (min-width:1160px) {
    .lb-transparent-bg {
        background: linear-gradient(to top, rgba(234, 245, 254, .5) 72%, #fff 180px)
    }
}

.lb-transparent-bg-b {
    background: linear-gradient(to bottom, rgba(234, 245, 254, .5) 45%, #fff 27%)
}

@media screen and (min-width:992px) {
    .lb-transparent-bg-b {
        background: linear-gradient(to top, rgba(234, 245, 254, .5) 52.5%, #fff 180px)
    }
}

@media screen and (min-width:1160px) {
    .lb-transparent-bg-b {
        background: linear-gradient(to top, rgba(234, 245, 254, .5) 53%, #fff 180px)
    }
}

.try-anypoint-platform-row-br .try-anypoint-platform-row-br h2 {
    margin-top: 0
}

@media screen and (max-width:600px) {
    .try-anypoint-platform-row a.mule-button-br {
        width: 100%
    }
}

.br .zig-zag-padding>.row-wrapper>.row {
    padding-bottom: 100px;
    padding-top: 0
}

@media screen and (min-width:600px) {
    .br .zig-zag-padding>.row-wrapper>.row {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media screen and (min-width:992px) {
    .br .zig-zag-padding>.row-wrapper>.row {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.br .zig-zag-padding-bottom>.row-wrapper>.row {
    padding-bottom: 60px
}

@media screen and (min-width:600px) {
    .br .zig-zag-padding-bottom>.row-wrapper>.row {
        padding-bottom: 60px
    }
}

@media screen and (min-width:992px) {
    .br .zig-zag-padding-bottom>.row-wrapper>.row {
        padding-bottom: 60px
    }
}

@media screen and (min-width:1160px) {
    .br .component-large-tile.component-large-tile--br-view-mode-b:before,
    .br .component-large-tile--br-view-mode-b:before {
        display: none
    }
}

.br h3 {
    font-family: "AvantGardeBold", Arial, sans-serif
}

a.ext-link:after {
    content: " ";
    background-size: 10px;
    display: inline-block;
    width: 20px;
    height: 10px;
    background: transparent url("/sites/default/files/cmm_files/icon_new_window.svg") no-repeat 5px
}

.user-logged-in .node--unpublished {
    background-color: transparent
}

.mule-unpublish {
    text-align: center;
    background-color: #cc4b37;
    border: 2px darkred solid;
    color: #fff;
    padding: 25px
}

.arrow-button.play:before {
    display: inline-block;
    padding-right: 15px;
    background-image: url(https://mulesoft.com/sites/default/files/cmm_files/Fill%205.svg);
    background-repeat: no-repeat;
    background-size: 7px 9px;
    background-position: 10px 8px;
    background-color: #00a3e0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    content: " ";
    vertical-align: middle
}

.user-logged-in .contextual-region.block-tabs {
    margin-top: 50px
}

.br h2 {
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-size: 33px;
    line-height: 44px
}

.br h3 {
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px
}

.noshadow-img.benefit-row img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.dropshadow-img.benefit-row img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .1));
    border-radius: 0
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block h2 {
    margin-bottom: 25px !important
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block p {
    margin-bottom: 0 !important
}

@media screen and (min-width:992px) {
    .br .try-anypoint-platform-row-br .try-anypoint-platform-block p {
        max-width: 495px;
        margin: 0 auto
    }
}

.br .try-anypoint-platform-row-br .try-anypoint-platform-block a {
    font-size: 16px
}

.br .benefit-row .row-wrapper .row .cell:not(.accordion-image-cell):nth-of-type(1) img {
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .br .benefit-row .row-wrapper .row .cell:not(.accordion-image-cell):nth-of-type(1) img {
        margin-bottom: 0
    }
}

.br .benefit-row.reverse .row-wrapper .row .cell:not(.accordion-image-cell):nth-of-type(2) img {
    margin-bottom: 40px
}

@media screen and (min-width:992px) {
    .br .benefit-row.reverse .row-wrapper .row .cell:not(.accordion-image-cell):nth-of-type(2) img {
        margin-bottom: 0
    }
}

body:not([class*=smartling-]) .full-width-row {
    padding-top: 34px
}

@media screen and (min-width:1160px) {
    body:not([class*=smartling-]) .full-width-row {
        padding-top: 28px
    }
}

.banner-region.pattern-br-one .pattern-animation-holder {
    position: relative;
    width: 100%;
    z-index: 0
}

@media screen and (min-width:992px) {
    .banner-region.pattern-br-one .pattern-animation-holder .top {
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern%20%282%29.svg);
        width: 295px;
        height: 295px;
        background-size: 1171px 359px;
        position: absolute;
        z-index: 0;
        right: 130px;
        top: 166px
    }
}

@media screen and (min-width:992px) {
    .banner-region.pattern-br-one .pattern-animation-holder .middle {
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern%20%281%29.svg);
        background-size: 1170px 359px;
        background-position: -333px 0;
        height: 124px;
        width: 184px;
        z-index: 3;
        position: absolute;
        right: -40px;
        top: 181px
    }
}

@media screen and (min-width:992px) {
    .banner-region.pattern-br-one .pattern-animation-holder .bottom {
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/banner-pattern.svg);
        width: 870px;
        height: 205px;
        background-size: 1171px 359px;
        background-position: 870px 205px;
        position: absolute;
        right: -599px;
        top: 282px
    }
}

@media only screen and (max-width:425px) {
    #onetrust-banner-sdk.otCenterRounded {
        top: 50% !important
    }
}

#onetrust-banner-sdk #onetrust-policy-text a {
    margin-left: 0 !important
}

.sub-header {
    background-color: #032d60;
    width: 100%;
    z-index: 50
}

.sub-header .sub-header-inside {
    margin: 0 auto;
    height: 100%;
    padding: 0 16px;
    max-width: 72.5rem
}

@media screen and (min-width:600px) {
    .sub-header .sub-header-inside {
        padding: 0 32px
    }
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside {
        padding: 0 16px
    }
}

.sub-header .sub-header-inside>div {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div {
        flex-direction: row
    }
}

.sub-header .sub-header-inside>div nav .menu li {
    margin-block: 0;
    margin: 0;
    padding: 0
}

.sub-header .sub-header-inside>div nav .menu li a {
    color: #fff;
    font-family: "AvantGardeBold", Arial, sans-serif
}

.sub-header .sub-header-inside>div nav:first-of-type {
    height: 60px;
    align-items: center;
    display: flex;
    align-content: flex-start;
    width: 100%
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:first-of-type {
        width: auto;
        height: 64px
    }
}

.sub-header .sub-header-inside>div nav:first-of-type .menu {
    line-height: 0;
    align-items: center
}

.sub-header .sub-header-inside>div nav:first-of-type .menu li a {
    font-size: 16px
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:first-of-type .menu li a {
        font-size: 20px
    }
}

.sub-header .sub-header-inside>div nav:first-of-type .menu li a.title-link {
    line-height: 30px;
    display: none
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:first-of-type .menu li a.title-link:hover {
        color: #00a0df
    }
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:first-of-type .menu li a.title-link {
        display: inline-block
    }
}

.sub-header .sub-header-inside>div nav:first-of-type .menu li .collapse-subnav {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: "AvantGardeBold", Arial, sans-serif;
    cursor: pointer
}

.sub-header .sub-header-inside>div nav:first-of-type .menu li .collapse-subnav:after {
    content: ' ';
    background-size: 500px;
    background-position: -325px 291px;
    width: 8px;
    height: 14px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br.svgz");
    margin-left: 18px;
    display: flex;
    transform: rotate(90deg);
    margin-top: 2px;
    cursor: pointer
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:first-of-type .menu li .collapse-subnav {
        display: none
    }
}

.sub-header .sub-header-inside>div nav:first-of-type .menu li:last-of-type {
    width: 100%
}

.sub-header .sub-header-inside>div nav:first-of-type .menu .logo {
    display: none
}

.sub-header .sub-header-inside>div nav:last-of-type {
    height: 60px;
    width: 100%;
    display: none
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type {
        width: auto;
        display: flex;
        height: 64px
    }
}

.sub-header .sub-header-inside>div nav:last-of-type .menu {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu {
        flex-direction: row
    }
}

.sub-header .sub-header-inside>div nav:last-of-type .menu li a {
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 24px
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu li a {
        font-size: 13px;
        line-height: 16px;
        margin-left: 20px;
        padding-bottom: 20px;
        padding-top: 24px
    }
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu li a.is-active {
        border-bottom: 4px solid #00a0df
    }
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu li a:hover {
        color: #00a0df
    }
}

.sub-header .sub-header-inside>div nav:last-of-type .menu li a:active {
    color: #00a0df
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu li a:active {
        color: #fff
    }
}

.sub-header .sub-header-inside>div nav:last-of-type .menu li .trial {
    display: inline-block
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside>div nav:last-of-type .menu li .trial {
        display: none
    }
}

.sub-header .sub-header-inside .nav-external:after {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br.svgz");
    justify-content: center;
    margin-bottom: -1px;
    margin-left: 5px;
    background-position: -382px -104px;
    background-size: 406px
}

.sub-header .sub-header-inside .nav-external:hover:after {
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br.svgz");
    background-position: -6px -153px;
    background-size: 406px
}

.sub-header .sub-header-inside.active-menu>div nav:first-of-type .menu {
    width: 100%
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside.active-menu>div nav:first-of-type .menu {
        width: auto;
        display: flex
    }
}

.sub-header .sub-header-inside.active-menu>div nav:first-of-type .menu li:last-of-type .collapse-subnav:after {
    margin-left: auto;
    background-size: 425px;
    background-position: -30px -517px;
    width: 12px;
    height: 12px
}

.sub-header .sub-header-inside.active-menu>div nav:last-of-type {
    display: block;
    position: absolute;
    background-color: #032d60;
    height: auto;
    z-index: 10;
    margin-top: 60px;
    padding-top: 10px
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside.active-menu>div nav:last-of-type {
        display: flex;
        position: initial;
        margin-top: 0;
        padding-top: 0
    }
}

.sub-header .sub-header-inside.active-menu>div nav:last-of-type .menu {
    padding: 0 16px
}

@media screen and (min-width:600px) {
    .sub-header .sub-header-inside.active-menu>div nav:last-of-type .menu {
        padding: 0 32px
    }
}

@media screen and (min-width:992px) {
    .sub-header .sub-header-inside.active-menu>div nav:last-of-type .menu {
        padding: 0
    }
}

.sub-header+.region-highlighted .block-ukraineblock {
    margin-top: 0
}

.sub-header.pinned-element {
    position: fixed;
    left: 0
}

.sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li:first-of-type {
    width: 43px;
    display: inline-block
}

@media screen and (min-width:992px) {
    .sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li:first-of-type {
        width: auto
    }
}

.sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li:last-of-type {
    width: calc(100% - 43px)
}

@media screen and (min-width:992px) {
    .sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li:last-of-type {
        width: auto
    }
}

.sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li .logo {
    content: ' ';
    background-size: 299px;
    background-position: -1px 175px;
    width: 30px;
    height: 30px;
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br.svgz");
    font-size: 0;
    margin-right: 13px;
    line-height: 30px;
    display: flex
}

@media screen and (min-width:992px) {
    .sub-header.pinned-element .sub-header-inside>div nav:first-of-type .menu li .logo {
        background-size: 365px;
        background-position: 0 153px;
        width: 42px;
        height: 40px;
        margin-right: 16px
    }
}

@media screen and (min-width:992px) {
    .sub-header.pinned-element .sub-header-inside>div nav:last-of-type .menu li .trial {
        display: flex;
        color: #fff;
        height: auto;
        width: auto;
        min-width: auto;
        min-height: initial;
        border: 2px solid #0176d3;
        font-weight: 400;
        background: #0176d3;
        -webkit-transition: none;
        transition: none;
        padding: 10px 16px;
        margin-top: 14px;
        font-size: 13px;
        line-height: 16px;
        border-radius: 4px;
        font-family: "SFBold", Arial, sans-serif
    }
    .sub-header.pinned-element .sub-header-inside>div nav:last-of-type .menu li .trial:hover {
        background: 0 0;
        color: #fff
    }
}

.sub-header+#main-content+section .banner-region {
    margin-top: 0
}

.brc.asset-lps #main {
    background-color: rgba(234, 245, 254, .5)
}

.brc.asset-lps h1,
.brc.asset-typs h1 {
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-style: normal;
    font-size: 33px;
    line-height: 39px
}

@media screen and (min-width:600px) {
    .brc.asset-lps h1,
    .brc.asset-typs h1 {
        font-size: 45px;
        line-height: 55px
    }
}

.brc.asset-lps .mule-breadcrumbs-row .mule-breadcrumbs,
.brc.asset-lps .mule-breadcrumbs-row .mule-breadcrumbs a,
.br-form-b .mule-breadcrumbs-row .mule-breadcrumbs,
.br-form-b .mule-breadcrumbs-row .mule-breadcrumbs a,
.contact-partner .mule-breadcrumbs-row .mule-breadcrumbs,
.contact-partner .mule-breadcrumbs-row .mule-breadcrumbs a {
    color: #032d60;
    text-align: center;
    font-weight: 400
}

.brc.asset-lps .field-node--field-resource-subtitle-wp h2,
.br-form-b .field-node--field-resource-subtitle-wp h2,
.contact-partner .field-node--field-resource-subtitle-wp h2 {
    font-family: "SF", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #181818;
    margin-top: 18px
}

.brc.asset-lps .form-section,
.brc.asset-lps .form-section-hidden,
.br-form-b .form-section,
.br-form-b .form-section-hidden,
.contact-partner .form-section,
.contact-partner .form-section-hidden {
    margin-bottom: 82px
}

.brc.asset-lps .form-wrapper,
.br-form-b .form-wrapper,
.contact-partner .form-wrapper {
    padding: 20px 30px 30px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    border-radius: 16px
}

.brc.asset-lps .reassurance-copy,
.br-form-b .reassurance-copy,
.contact-partner .reassurance-copy {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 10px
}

.brc.asset-lps .reassurance-copy a,
.br-form-b .reassurance-copy a,
.contact-partner .reassurance-copy a {
    font-weight: bolder
}

.brc.asset-lps #main form.mktoForm .mktoFieldWrap input,
.brc.asset-lps #main form.mktoForm .mktoFieldWrap select,
.brc.asset-lps #main form.mktoForm .mktoFieldWrap textarea,
.brc.asset-lps form.mktoForm .mktoFieldWrap input,
.brc.asset-lps form.mktoForm .mktoFieldWrap select,
.br-form-b #main form.mktoForm .mktoFieldWrap input,
.br-form-b #main form.mktoForm .mktoFieldWrap select,
.br-form-b #main form.mktoForm .mktoFieldWrap textarea,
.br-form-b form.mktoForm .mktoFieldWrap input,
.br-form-b form.mktoForm .mktoFieldWrap select,
.contact-partner #main form.mktoForm .mktoFieldWrap input,
.contact-partner #main form.mktoForm .mktoFieldWrap select,
.contact-partner #main form.mktoForm .mktoFieldWrap textarea,
.contact-partner form.mktoForm .mktoFieldWrap input,
.contact-partner form.mktoForm .mktoFieldWrap select {
    font-family: "SF", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #6d7883;
    border: 1px solid #909aa3;
    border-radius: 4px;
    padding: 12px 10px 12px 20px;
    margin-bottom: 0;
    height: 56px !important
}

.brc.asset-lps #main form.mktoForm .mktoFieldWrap select,
.brc.asset-lps form.mktoForm .mktoFieldWrap select,
.br-form-b #main form.mktoForm .mktoFieldWrap select,
.br-form-b form.mktoForm .mktoFieldWrap select,
.contact-partner #main form.mktoForm .mktoFieldWrap select,
.contact-partner form.mktoForm .mktoFieldWrap select {
    padding-right: 32px
}

.brc.asset-lps #main form.mktoForm .mktoFieldWrap input,
.brc.asset-lps form.mktoForm .mktoFieldWrap input,
.br-form-b #main form.mktoForm .mktoFieldWrap input,
.br-form-b form.mktoForm .mktoFieldWrap input,
.contact-partner #main form.mktoForm .mktoFieldWrap input,
.contact-partner form.mktoForm .mktoFieldWrap input {
    color: #181818
}

.brc.asset-lps #main form.mktoForm .mktoFieldWrap input::placeholder,
.brc.asset-lps form.mktoForm .mktoFieldWrap input::placeholder,
.brc.asset-lps #main form.mktoForm .mktoFieldWrap textarea::placeholder,
.brc.asset-lps #main form.mktoForm .mktoFieldWrap textarea::placeholder,
.br-form-b #main form.mktoForm .mktoFieldWrap input::placeholder,
.br-form-b form.mktoForm .mktoFieldWrap input::placeholder,
.br-form-b #main form.mktoForm .mktoFieldWrap textarea::placeholder,
.br-form-b #main form.mktoForm .mktoFieldWrap textarea::placeholder,
.contact-partner #main form.mktoForm .mktoFieldWrap input::placeholder,
.contact-partner form.mktoForm .mktoFieldWrap input::placeholder,
.contact-partner #main form.mktoForm .mktoFieldWrap textarea::placeholder,
.contact-partner #main form.mktoForm .mktoFieldWrap textarea::placeholder {
    color: #787878 !important
}

.brc.asset-lps .row-wrapper .custom-padding .row,
.br-form-b .row-wrapper .custom-padding .row,
.contact-partner .row-wrapper .custom-padding .row {
    padding-top: 40px
}

.brc.asset-lps.large-form .form-section,
.br-form-b.large-form .form-section,
.contact-partner.large-form .form-section {
    min-height: 710px
}

.brc.asset-lps #main form.mktoForm select,
.brc.asset-lps form.mktoForm select,
.br-form-b #main form.mktoForm select,
.br-form-b form.mktoForm select,
.contact-partner #main form.mktoForm select,
.contact-partner form.mktoForm select {
    background: url("https://www.mulesoft.com/sites/default/files/cmm_files/chevrondown.svgz");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position-x: 95%;
    background-position-y: 17px
}

.brc.asset-lps #main form.mktoForm select.mktoValid,
.brc.asset-lps form.mktoForm select.mktoValid,
.br-form-b #main form.mktoForm select.mktoValid,
.br-form-b form.mktoForm select.mktoValid,
.contact-partner #main form.mktoForm select.mktoValid,
.contact-partner form.mktoForm select.mktoValid {
    color: #181818 !important
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]+label:before,
.br-form-b form.mktoForm input[type=checkbox]+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]+label:before,
.contact-partner form.mktoForm input[type=checkbox]+label:before {
    background: 0 0;
    border: 1px solid #00a0df;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none;
    height: 16px;
    width: 16px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    font-size: 12px;
    margin-left: 0
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]:checked+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner form.mktoForm input[type=checkbox]:checked+label:before {
    font-family: "SF", Arial, sans-serif;
    color: #fff;
    text-align: center;
    background: #00a0df
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]+label:before,
.br-form-b form.mktoForm input[type=checkbox]+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]+label:before,
.contact-partner form.mktoForm input[type=checkbox]+label:before {
    background: 0 0;
    border: 1px solid #00a0df;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none;
    height: 16px;
    width: 16px
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]:checked+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner form.mktoForm input[type=checkbox]:checked+label:before {
    font-family: "SF", Arial, sans-serif;
    color: #fff;
    text-align: center;
    content: url("/sites/default/files/cmm_files/checkbox_white.svgz")
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]+label:before,
.br-form-b form.mktoForm input[type=checkbox]+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]+label:before,
.contact-partner form.mktoForm input[type=checkbox]+label:before {
    background: 0 0;
    border: 1px solid #00a0df;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none;
    height: 16px;
    width: 16px
}

.brc.asset-lps #main form.mktoForm input[type=checkbox]:checked+label:before,
.brc.asset-lps form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b #main form.mktoForm input[type=checkbox]:checked+label:before,
.br-form-b form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner #main form.mktoForm input[type=checkbox]:checked+label:before,
.contact-partner form.mktoForm input[type=checkbox]:checked+label:before {
    font-family: "SF", Arial, sans-serif;
    color: #fff;
    text-align: center;
    background: #00a0df
}

.brc.asset-lps #main form.mktoForm label.mktoLabel[for*=Agreement],
.brc.asset-lps form.mktoForm label.mktoLabel[for*=Agreement],
.br-form-b #main form.mktoForm label.mktoLabel[for*=Agreement],
.br-form-b form.mktoForm label.mktoLabel[for*=Agreement],
.contact-partner #main form.mktoForm label.mktoLabel[for*=Agreement],
.contact-partner form.mktoForm label.mktoLabel[for*=Agreement] {
    font-family: "SF", Arial, sans-serif;
    font-weight: 400;
    margin-left: 0
}

.brc.asset-lps #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.brc.asset-lps form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.br-form-b #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.br-form-b form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.contact-partner #main form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth,
.contact-partner form.mktoForm label[for=preferencesPrivacyPolicyAgreementTest].mktoLabel.mktoHasWidth {
    display: inline-block;
    float: right;
    width: calc(100% - 25px) !important;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: "SF", Arial, sans-serif
}

.brc.asset-lps #main form.mktoForm .mktoFieldWrap input[id*=Agreement],
.brc.asset-lps form.mktoForm .mktoFieldWrap input[id*=Agreement],
.br-form-b #main form.mktoForm .mktoFieldWrap input[id*=Agreement],
.br-form-b form.mktoForm .mktoFieldWrap input[id*=Agreement],
.contact-partner #main form.mktoForm .mktoFieldWrap input[id*=Agreement],
.contact-partner form.mktoForm .mktoFieldWrap input[id*=Agreement] {
    width: 20px !important;
    height: 20px !important;
    display: none !important
}

.brc.asset-lps #main form.mktoForm .mktoCheckboxList>label,
.brc.asset-lps form.mktoForm .mktoCheckboxList>label,
.br-form-b #main form.mktoForm .mktoCheckboxList>label,
.br-form-b form.mktoForm .mktoCheckboxList>label,
.contact-partner #main form.mktoForm .mktoCheckboxList>label,
.contact-partner form.mktoForm .mktoCheckboxList>label {
    display: block;
    vertical-align: middle;
    width: auto !important;
    height: auto !important;
    padding: 0;
    background: 0 0;
    float: none !important;
    margin-left: 0;
    margin-top: .1em;
    margin-bottom: .3em;
    line-height: 1.2em;
    min-height: 12px
}

.brc.asset-lps #main form.mktoForm .mktoCheckboxList,
.brc.asset-lps form.mktoForm .mktoCheckboxList,
.br-form-b #main form.mktoForm .mktoCheckboxList,
.br-form-b form.mktoForm .mktoCheckboxList,
.contact-partner #main form.mktoForm .mktoCheckboxList,
.contact-partner form.mktoForm .mktoCheckboxList {
    max-width: 16px !important;
    max-height: 16px !important;
    padding: 0;
    margin-top: 0
}

.brc.asset-lps form a,
.br-form-b form a,
.contact-partner form a {
    font-weight: 700
}

.brc.asset-lps.node--type-whitepaper .mule-breadcrumbs-row .mule-breadcrumbs a,
.br-form-b.node--type-whitepaper .mule-breadcrumbs-row .mule-breadcrumbs a,
.contact-partner.node--type-whitepaper .mule-breadcrumbs-row .mule-breadcrumbs a {
    font-size: 12px;
    line-height: 30px;
    font-weight: 400
}

.brc.asset-lps.node--type-whitepaper .mktoForm .mktoRequiredField label.mktoLabel,
.br-form-b.node--type-whitepaper .mktoForm .mktoRequiredField label.mktoLabel,
.contact-partner.node--type-whitepaper .mktoForm .mktoRequiredField label.mktoLabel {
    font-size: 16px !important
}

.brc.asset-lps .reverse-order-mobile .row,
.br-form-b .reverse-order-mobile .row,
.contact-partner .reverse-order-mobile .row {
    display: flex;
    flex-wrap: wrap-reverse
}

.brc.asset-lps .row-wrapper .custom-padding .row,
.brc.asset-lps .row-wrapper.custom-padding .row,
.br-form-b .row-wrapper .custom-padding .row,
.br-form-b .row-wrapper.custom-padding .row,
.contact-partner .row-wrapper .custom-padding .row,
.contact-partner .row-wrapper.custom-padding .row {
    padding: 40px 0;
    padding-top: 30px
}

@media screen and (min-width:600px) {
    .brc.asset-lps .row-wrapper .custom-padding .row,
    .brc.asset-lps .row-wrapper.custom-padding .row,
    .br-form-b .row-wrapper .custom-padding .row,
    .br-form-b .row-wrapper.custom-padding .row,
    .contact-partner .row-wrapper .custom-padding .row,
    .contact-partner .row-wrapper.custom-padding .row {
        padding: 40px 0;
        padding-top: 35px
    }
}

.brc.asset-lps .mule-breadcrumbs-row,
.br-form-b .mule-breadcrumbs-row,
.contact-partner .mule-breadcrumbs-row {
    margin-bottom: 32px
}

.brc.asset-lps #main form.mktoForm,
.brc.asset-lps form.mktoForm,
.br-form-b #main form.mktoForm,
.br-form-b form.mktoForm,
.contact-partner #main form.mktoForm,
.contact-partner form.mktoForm {
    margin-bottom: 0 !important
}

.brc.asset-lps #main form.mktoForm .mktoButton,
.brc.asset-lps form.mktoForm .mktoButton,
.br-form-b #main form.mktoForm .mktoButton,
.br-form-b form.mktoForm .mktoButton,
.contact-partner #main form.mktoForm .mktoButton,
.contact-partner form.mktoForm .mktoButton {
    height: 60px !important;
    min-height: 60px !important;
    line-height: 30px;
    font-size: 16px !important;
    font-weight: bolder !important;
    margin-top: 10px
}

.brc.asset-lps #main form.mktoForm a,
.brc.asset-lps form.mktoForm.ms-mkto-form a,
.brc.asset-lps form.mktoForm a,
.brc.asset-lps form.mktoForm.ms-mkto-form a,
.br-form-b #main form.mktoForm a,
.br-form-b form.mktoForm.ms-mkto-form a,
.br-form-b form.mktoForm a,
.br-form-b form.mktoForm.ms-mkto-form a,
.contact-partner #main form.mktoForm a,
.contact-partner form.mktoForm.ms-mkto-form a,
.contact-partner form.mktoForm a,
.contact-partner form.mktoForm.ms-mkto-form a {
    text-decoration: none;
    display: inline;
    padding: 0
}

@media screen and (min-width:992px) {
    .brc.asset-lps .mule-breadcrumbs-row,
    .br-form-b .mule-breadcrumbs-row,
    .contact-partner .mule-breadcrumbs-row {
        margin-bottom: 53px
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps .mule-breadcrumbs-row .mule-breadcrumbs,
    .br-form-b .mule-breadcrumbs-row .mule-breadcrumbs,
    .contact-partner .mule-breadcrumbs-row .mule-breadcrumbs {
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps .field-node--field-resource-subtitle-wp h2,
    .br-form-b .field-node--field-resource-subtitle-wp h2,
    .contact-partner .field-node--field-resource-subtitle-wp h2 {
        margin-top: 5px
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps h1,
    .br-form-b h1,
    .contact-partner h1 {
        font-size: 45px;
        line-height: 55px
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps .form-section,
    .brc.asset-lps .form-section-hidden,
    .br-form-b .form-section,
    .br-form-b .form-section-hidden,
    .contact-partner .form-section,
    .contact-partner .form-section-hidden {
        margin-bottom: 0
    }
}

.br-form-b #main form.mktoForm {
    margin: 0;
    padding: 0;
    max-width: 100% !important;
    width: 100% !important
}

.br-form-b #main form.mktoForm label.mktoLabel[for*=Agreement] {
    float: right !important;
    width: calc(100% - 30px) !important
}

.br-form-b #main form.mktoForm input[id*=Agreement] {
    width: 16px !important;
    height: 16px !important
}

.br-form-b #main form.mktoForm .mktoCheckboxList>label {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .brc.asset-lps .form-wrapper {
        z-index: 2;
        position: absolute;
        top: 160px;
        max-width: calc(41% - 1.25rem)
    }
}

#main .brc form.mktoForm .mktoFieldWrap input,
#main .brc form.mktoForm .mktoFieldWrap select,
.brc form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.brc form.mktoForm.ms-mkto-form .mktoFieldWrap select,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap select,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap textarea {
    font-size: 16px
}

#main .brc form.mktoForm .mktoFieldWrap input::placeholder,
#main .brc form.mktoForm .mktoFieldWrap select::placeholder,
.brc form.mktoForm.ms-mkto-form .mktoFieldWrap input::placeholder,
.brc form.mktoForm.ms-mkto-form .mktoFieldWrap select::placeholder,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap input::placeholder,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap select::placeholder,
.br-form-b #main form.mktoForm.ms-mkto-form .mktoFieldWrap textarea::placeholder {
    color: #787878 !important;
    opacity: 1
}

.brc .field-node--field-presented-by .field-label,
.br-form-b .field-node--field-presented-by .field-label {
    color: #181818;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .brc .reverse-order-mobile .row {
        display: flex;
        flex-wrap: initial
    }
}

@media screen and (min-width:1160px) {
    .node--type-webinar-thank-you-page .bottom-right-dots,
    .brc.bottom-right-dots.asset-lps,
    .brc.bottom-right-dots.asset-typs .row {
        position: relative
    }
    .node--type-webinar-thank-you-page .bottom-right-dots:before,
    .brc.bottom-right-dots.asset-lps:before,
    .brc.bottom-right-dots.asset-typs .row:before {
        content: " ";
        width: 440px;
        height: 287px;
        background-image: url("/themes/custom/mule_foundation/images/patterns/assets-lp-bottom-dots.svg");
        background-size: 440px 287px;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        right: -210px;
        bottom: -70px;
        z-index: 1
    }
    .node--type-webinar-thank-you-page .bottom-right-dots:before {
        z-index: 0
    }
}

.node--type-whitepaper .brc.asset-lps form.mktoForm,
.node--type-webinar .brc.asset-lps form.mktoForm,
.br-form-b .brc.asset-lps form.mktoForm {
    width: 100% !important
}

.brc.asset-lps .row-wrapper.custom-padding .row {
    padding-top: 0
}

@media screen and (min-width:992px) {
    .brc.asset-lps .content-section>* {
        max-width: 85%
    }
}

.brc.asset-lps .content-section img {
    margin-bottom: 16px
}

@media screen and (min-width:992px) {
    .brc.asset-lps .content-section img {
        max-width: 50%
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps .form-section,
    .brc.asset-lps .form-section-hidden {
        float: right;
        max-width: calc(41.6667% - 14px);
        margin-left: 24px;
        position: relative;
        z-index: 1;
        min-height: auto
    }
}

@media screen and (min-width:992px) {
    .brc.asset-lps .form-section .form-wrapper,
    .brc.asset-lps .form-section-hidden .form-wrapper {
        position: relative;
        top: auto;
        max-width: 100%;
        margin-bottom: 24px
    }
}

.brc.asset-lps .ebook-title,
.brc.asset-lps .whitepaper-title.resource-report,
.brc.asset-lps .whitepaper-title.resource-whitepaper {
    padding-bottom: 35px
}

@media screen and (min-width:992px) {
    .brc.asset-lps .heading-section {
        max-width: calc(58.333% - 10px);
        display: inline-block
    }
}

.brc.asset-lps h2 {
    font-size: 33px;
    line-height: 44px
}

.brc.asset-lps h3 {
    font-size: 22px;
    line-height: 32px
}

.brc.asset-lps .field-node--field-resource-subtitle h2,
.brc.asset-lps .field-node--field-resource-subtitle-wp h2 {
    font-family: "SF", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #181818
}

.brc.asset-lps ol li {
    padding-left: 5px;
    margin-bottom: 10px
}

.brc.asset-lps.bottom-right-dots:before {
    bottom: 20px
}

.brc.asset-lps .field-node--field-presented-by ul {
    list-style-position: outside;
    margin-left: 24px
}

.component-accordion-tour .ms-video-player {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}

.tab-reference-video-wrapper {
    margin-left: auto;
    margin-right: auto
}

.accordion-video-wrapper.accordion-inline-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.accordion-video-wrapper p,
.tab-reference-video-wrapper p {
    margin-bottom: 0
}

.accordion-video-wrapper img,
.tab-reference-video-wrapper img {
    width: 100%;
    object-fit: contain !important
}

@media screen and (min-width:992px) {
    .accordion-video-wrapper img,
    .tab-reference-video-wrapper img {
        margin-bottom: 0 !important
    }
}

.accordion-video-wrapper .video-vidyard-container .vidyard-pop-up-button,
.tab-reference-video-wrapper .video-vidyard-container .vidyard-pop-up-button {
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    background-image: url("/themes/custom/mule_foundation/images/play-white.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 90%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0
}

.accordion-video-wrapper section.vidyard-link-wrapper,
.tab-reference-video-wrapper section.vidyard-link-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%
}

.accordion-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button,
.tab-reference-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button {
    height: 100%;
    width: 100%;
    background-image: url("/sites/default/files/cmm_files/play-dark.svgz");
    background-size: 65px 65px
}

.accordion-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button:hover,
.tab-reference-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button:hover {
    background-image: url("/sites/default/files/cmm_files/play-dark-hover.svgz")
}

.accordion-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button,
.tab-reference-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button {
    height: 100%;
    width: 100%;
    background-image: url("/sites/default/files/cmm_files/play-light.svgz");
    background-size: 65px 65px
}

.accordion-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button:hover,
.tab-reference-video-wrapper section.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button:hover {
    background-image: url("/sites/default/files/cmm_files/play-light-hover.svgz")
}

.centered-img img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:992px) {
    .two-col-table .field-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        position: relative
    }
}

.two-col-table .field-item .col {
    background-color: #fafeff
}

@media screen and (min-width:992px) {
    .two-col-table .field-item .col.second-column .table-body ul {
        margin-left: 12px
    }
}

.two-col-table h3.heading {
    font-style: normal;
    font-size: 22px;
    line-height: 32px;
    text-align: left
}

@media screen and (min-width:992px) {
    .two-col-table h3.heading {
        font-size: 18px;
        line-height: 28px;
        text-align: center
    }
}

.two-col-table .table-header {
    border-top: 2px solid var(--color-ms-blue);
    border-bottom: .5px solid #dbdbdb;
    padding: 24px 16px;
    background: #fff
}

@media screen and (min-width:992px) {
    .two-col-table .table-header {
        padding: 24px
    }
}

.two-col-table .table-body {
    border-bottom: .5px solid #dbdbdb;
    margin-bottom: 48px
}

@media screen and (min-width:992px) {
    .two-col-table .table-body {
        border-bottom: 0;
        margin-bottom: 0
    }
}

.two-col-table .table-body ul.navy-checkmark {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding: 16px
}

@media screen and (min-width:992px) {
    .two-col-table .table-body ul.navy-checkmark {
        padding-left: 0
    }
}

.two-col-table .table-body ul.navy-checkmark li {
    font-family: "SF", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    padding-left: 24px
}

.two-col-table .table-body ul.navy-checkmark li:not(:last-child) {
    margin-bottom: 24px
}

.two-col-table .table-body ul.navy-checkmark li:before {
    content: '';
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/navy-checkmark.svgz");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-color: rgba(0, 160, 223, .5);
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    background-position: 4px 4px;
    margin-right: 16px;
    position: absolute;
    left: 0;
    top: 8px
}

@media screen and (min-width:1160px) {
    .sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .component-tile.component-tile--br-view-mode-a h3 {
        height: 64px;
        margin-bottom: 16px
    }
    .sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .component-tile.component-tile--br-view-mode-a p {
        min-height: 160px
    }
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .table-header {
    border-top: none;
    border-right: none;
    padding: 12px;
    background: 0 0
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .table-body {
    padding: 10px;
    padding-top: 16px;
    border-bottom: none
}

@media screen and (min-width:992px) {
    .sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .table-body {
        padding-bottom: 64px
    }
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table h3.heading {
    margin-bottom: 0
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .field-item .col {
    background-color: rgba(234, 245, 254, .5);
    border: 1px solid #dbdbdb;
    position: relative
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .field-item .col.second-column {
    border-top: none
}

@media screen and (min-width:992px) {
    .sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .field-item .col.second-column {
        border-left: none;
        border-top: 1px solid #dbdbdb
    }
}

.sf-fonts.anypoint-platform-pricing.section-anypoint-pricing-new #main .two-col-table.anypoint-pricing-table .field-item .col a.mule-button-br {
    position: absolute;
    bottom: 0
}

.sf-fonts .banner-region .component-banner-br-view-mode-c h1 {
    word-wrap: break-word
}

.sf-fonts p.larger-p-text {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width:600px) {
    .sf-fonts p.larger-p-text {
        font-size: 22px;
        line-height: 32px
    }
}

.sf-fonts h2 {
    font-size: 32px;
    line-height: 40px
}

@media screen and (min-width:992px) {
    .sf-fonts h2 {
        font-size: 44px;
        line-height: 56px
    }
}

@media screen and (min-width:992px) {
    .sf-fonts h2.small-title {
        font-size: 32px;
        line-height: 40px
    }
}

.sf-fonts .features-homepage .component-feature--br-view-mode-c .field-name-field-feature-body p {
    font-family: "AvantGardeBold", Arial, sans-serif
}

@media screen and (min-width:600px) {
    .sf-fonts .banner-region .component-banner-br-view-mode-f .field-name-field-br-title .multicolor-title {
        font-size: 53px;
        line-height: 65px
    }
}

@media screen and (min-width:992px) {
    .sf-fonts .component-tile.component-tile--br-view-mode-c h3 {
        min-height: 96px
    }
}

.sf-fonts .tab-system-box h3 {
    font-size: 20px;
    line-height: 30px
}

.sf-fonts .paragraph-carousel-card .paragraph-carousel-card-bottom .paragraph-carousel-card-bottom-left {
    line-height: 80px
}

.sf-fonts .mule-h3-br {
    font-size: 44px;
    line-height: 56px
}

.sf-fonts .tab-system-intro h3.multicolor-title .light-title {
    display: inline
}

.sf-fonts.br .component-feature.component-feature--br-view-mode-d .feature-copy h3,
.sf-fonts.br .component-quote.component-quote-view-mode-a .component-quote-bottom .component-quote-bottom-right .field-name-field-quote-author {
    font-family: "AvantGardeBold", Arial, sans-serif
}

.sf-fonts.br .component-quote.component-quote-view-mode-a .field-name-field-quote-body p {
    font-size: 20px;
    line-height: 30px
}

@media screen and (min-width:992px) {
    .sf-fonts.br .component-quote.component-quote-view-mode-a .field-name-field-quote-body p {
        font-size: 21px;
        line-height: 32px
    }
}

.sf-fonts .benefit-row.last-block .field-component--field-main-content-body h2 {
    font-size: 32px;
    line-height: 40px
}

@media screen and (min-width:992px) {
    .sf-fonts .benefit-row.last-block .field-component--field-main-content-body h2 {
        font-size: 44px;
        line-height: 56px
    }
}

.node--type-article .sf-fonts h1 {
    font-size: 32px;
    line-height: 40px
}

@media screen and (min-width:600px) {
    .node--type-article .sf-fonts h1 {
        font-size: 40px;
        line-height: 48px
    }
}

.node--type-article .sf-fonts h2 {
    font-size: 24px;
    line-height: 32px
}

@media screen and (min-width:600px) {
    .node--type-article .sf-fonts h2 {
        font-size: 32px;
        line-height: 40px
    }
}

.node--type-article .sf-fonts .promotion-section-banner .promotion-section-right span {
    font-family: "SFBold", Arial, sans-serif
}

.node--type-article .sf-fonts .component-main-content table th,
.node--type-article .sf-fonts .component-main-content table td {
    color: #000
}

.node--type-article .sf-fonts .try-anypoint-platform-row h2 {
    font-size: 26px;
    line-height: 30px
}

.node--type-article .content-region center {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0
}

.node--type-article .content-region center iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.node--type-article .small-10.small-offset-1.medium-12.medium-offset-0.cell {
    padding-left: 0;
    padding-right: 0
}

.node--type-article .content-region {
    padding-bottom: 20px
}

.node--type-article .banner-region .field-component--field-breadcrumbs {
    color: #032d60;
    border: none;
    margin-top: 0
}

.node--type-article .component-banner .field-component--field-banner-body {
    margin: 2em 0 0
}

.node--type-article .component-main-content table {
    width: 100%;
    border: 0;
    border-color: #989699;
    border-collapse: separate;
    border-spacing: 20px 0;
    margin-left: -20px
}

.node--type-article .component-main-content table tr {
    border-color: #989699
}

.node--type-article .component-main-content table tr:last-child th:after,
.node--type-article .component-main-content table tr:last-child td:after {
    border: 0
}

.node--type-article .component-main-content table th,
.node--type-article .component-main-content table td {
    background: rgba(234, 245, 254, .5);
    padding: 20px 20px 0;
    margin-right: 20px;
    border: 0;
    text-align: center
}

.node--type-article .component-main-content table th:after,
.node--type-article .component-main-content table td:after {
    content: "";
    border-bottom: 1px solid #989699;
    display: block;
    padding-top: 20px
}

.node--type-article .block-views-block-articles-related-block-1 {
    padding: 0 80px 25px;
    margin: 0 auto
}

@media screen and (max-width:480px) {
    .node--type-article .block-views-block-articles-related-block-1 {
        padding: 0 45px 25px;
        margin: 0 auto
    }
}

.node--type-article .block-views-block-articles-related-block-1>div {
    width: 100%
}

.node--type-article .block-views-block-articles-related-block-1 h2 {
    max-width: 50%;
    padding: 0;
    border-bottom: 1px dashed #40b4e5;
    color: #181818;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 15px
}

@media screen and (max-width:480px) {
    .node--type-article .block-views-block-articles-related-block-1 h2 {
        max-width: 100%;
        font-size: 16px
    }
}

.node--type-article .block-views-block-articles-related-block-1 .related-articles .item-list ul li {
    list-style-type: none;
    font-size: 15px;
    padding-left: 10px;
    text-indent: -10px;
    margin-bottom: 10px
}

.node--type-article .block-views-block-articles-related-block-1 .related-articles .item-list ul li .field-content a {
    font-size: 15px;
    line-height: 1.2;
    color: #40b4e5;
    text-decoration: none
}

.node--type-article .category-based-block .field-component--field-main-content-body {
    width: 100%
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item h2 {
    max-width: 50%;
    padding: 0;
    border-bottom: 1px dashed #40b4e5;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 15px
}

@media screen and (max-width:480px) {
    .node--type-article .category-based-block .field-component--field-main-content-body .field-item h2 {
        max-width: 100%;
        font-size: 16px
    }
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item #download {
    padding: 10px 75px;
    color: #40b4e5;
    background-color: #fff;
    border-color: #40b4e5;
    font-size: 15px;
    line-height: 1.2;
    display: inline-block;
    border: 1px solid
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item #download:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item .field-simple-block-link a {
    padding: 10px 75px;
    color: #40b4e5;
    background-color: #fff;
    border-color: #40b4e5;
    font-size: 15px;
    line-height: 1.2
}

.node--type-article .category-based-block .field-component--field-main-content-body .field-item .field-simple-block-link a:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-article .a2a_kit {
    display: block;
    max-width: 1160px;
    padding: 0 60px 20px;
    margin: auto
}

@media screen and (max-width:1160px) {
    .node--type-article .a2a_kit {
        max-width: 100%;
        padding: 0 70px 20px
    }
}

@media screen and (max-width:600px) {
    .node--type-article .a2a_kit {
        text-align: center;
        padding: 0 20px 50px
    }
}

.node--type-article .a2a_kit:before {
    content: 'Share this article: '
}

@media screen and (max-width:600px) {
    .node--type-article .a2a_kit:before {
        display: block;
        margin-bottom: 5px
    }
}

.node--type-article pre,
.node--type-article code {
    background: 0 0;
    border: 0;
    line-height: 16px !important;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: left;
    margin-bottom: 1rem
}

.node--type-page-generator #page-generator-sidebar-region {
    padding: 20px 0
}

.node--type-page-generator #page-generator-sidebar-region .col-sidebar {
    background-color: rgba(234, 245, 254, .5);
    margin-bottom: 20px;
    padding: 20px
}

.node--type-page-generator #page-generator-sidebar-region h2.pane-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 15px;
    padding: 0 10px 10px
}

.node--type-page-generator #page-generator-sidebar-region .field-simple-block-link a {
    width: 226px
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 {
    width: 100% !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow {
    width: 100%;
    text-align: center
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol {
    float: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoOffset {
    display: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap {
    float: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoGutter,
.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap label {
    display: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap input {
    border: 0;
    padding: 11px 20px 11px 10px;
    width: 100% !important;
    height: auto !important;
    color: #323031 !important;
    font-family: "openSans", Arial, sans-serif;
    border-radius: 0;
    box-shadow: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoFieldWrap input::placeholder {
    color: #747474 !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoError .mktoErrorArrow {
    background-color: #cc3c44;
    border: 0
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow .mktoFormCol .mktoError .mktoErrorMsg {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background: #cc3c44;
    text-shadow: none
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoFormRow span.mktoButtonWrap {
    width: 100%
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow {
    width: 100% !important
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap {
    margin: 0 !important;
    width: 100%
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap button {
    width: 100%;
    padding: 10px 75px;
    color: #40b4e5;
    background: #f5f6f7;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 1rem;
    height: auto;
    border-radius: 0;
    border: 1px solid #40b4e5;
    text-shadow: none;
    display: inline-block;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: "SFBold", Arial, sans-serif;
    box-shadow: none;
    vertical-align: middle
}

.node--type-page-generator #page-generator-sidebar-region .download-tcat #mktoForm_413 .mktoButtonRow .mktoButtonWrap button:hover {
    background-color: #40b4e5;
    color: #fff
}

.node--type-page-generator #page-generator-sidebar-region .rtp-block-wrapper {
    display: block;
    overflow: hidden
}

.node--type-page-generator .content-region.tcat-landing .component-main-content {
    padding-top: 25px
}

.node--type-page-generator .content-region.tcat-landing .component-main-content #page-generator-sidebar-region {
    padding-top: 0
}

.node--type-page-generator .content-region .article-landing-tite-wrapper {
    text-align: center
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-title {
    font-size: 26px;
    margin: 25px 0 0;
    line-height: 1.2;
    font-family: "AvantGarde", Arial, sans-serif
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-introduction {
    max-width: 750px;
    margin: 10px auto
}

.node--type-page-generator .content-region .article-landing-tite-wrapper .field-basic-introduction p {
    font-family: "SFLight", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.5em
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections {
    margin: 50px 0 60px;
    display: block;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections {
    float: left;
    padding: 30px 15px 40px;
    color: #181818;
    text-align: center
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-name {
    font-family: "AvantGarde", Arial, sans-serif;
    min-height: 63px;
    margin-top: 25px;
    font-size: 22px;
    line-height: 26px
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-description {
    padding-bottom: 20px
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-link {
    position: relative;
    bottom: auto
}

.node--type-page-generator .content-region .article-landing-node-field-basic-sections .field-basic-sections .field-basic-section-link a {
    background-color: transparent
}

.node--type-page-generator .content-region-bottom {
    background-color: rgba(234, 245, 254, .5)
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources {
    padding: 60px 0
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .field-basic-resource-title {
    padding-top: 0;
    text-align: center;
    font-size: 26px;
    line-height: 30px
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items {
    padding-top: 30px;
    padding-bottom: 0;
    text-align: center
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items .field-basic-resource-items {
    text-align: center;
    display: inline-block;
    width: 123px;
    padding: 0 10px;
    vertical-align: top
}

.node--type-page-generator .content-region-bottom .component-main-content .all-resources .pane-node-field-basic-resource-items .field-basic-resource-items .field-basic-resource-item-link {
    padding-top: 3px
}

.node--type-article .banner-region.border-space-no .field-component--field-breadcrumbs,
.node--type-page-generator .banner-region.border-space-no .field-component--field-breadcrumbs {
    border: none;
    margin-top: 0;
    color: #032d60
}

.node--type-article #rtp-block,
.node--type-page-generator #rtp-block {
    margin-bottom: 30px
}

.node--type-article #rtp-block .RTP_RCMD2,
.node--type-page-generator #rtp-block .RTP_RCMD2 {
    overflow: hidden
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2],
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] {
    text-align: center;
    float: none;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_title,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_title {
    padding: 0;
    margin: 0;
    border: none;
    display: none
}

@media screen and (min-width:600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2],
    .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] {
        text-align: left
    }
}

@media screen and (min-width:992px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2],
    .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] {
        text-align: center
    }
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item_inner,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item_inner {
    background: #0176d3;
    width: 100%;
    min-height: 310px;
    text-align: left;
    margin: 0 auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container {
    height: auto !important;
    padding: 24px 20px 17px
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container .rtp_rcmd2_link_hidden,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container .rtp_rcmd2_link_hidden {
    max-height: 25px;
    text-align: left;
    text-decoration: none;
    display: block
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container img,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_img_container img {
    display: block;
    max-height: initial;
    width: initial
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container {
    height: auto !important;
    text-align: left;
    padding-top: 0;
    overflow: visible;
    height: auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a {
    padding: 7px 10px;
    font-size: 14px
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a:hover,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a:hover {
    cursor: pointer
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_content_container,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_content_container {
    padding: 0 20px 20px;
    background: 0 0;
    text-align: left;
    height: auto
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item {
    vertical-align: top;
    display: inline-block;
    float: none;
    margin: 20px 10px;
    width: 100%;
    text-align: center;
    overflow: hidden
}

@media screen and (min-width:600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item,
    .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item {
        width: 45%
    }
}

@media screen and (min-width:992px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item,
    .node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item {
        width: 30%
    }
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_label,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_label {
    text-align: left;
    float: none !important
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_label a,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_label a {
    text-align: left;
    max-width: none;
    font-family: "AvantGarde", Arial, sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    text-overflow: initial;
    margin: 0 auto;
    display: block;
    max-height: initial;
    text-decoration: none
}

.node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_description_container,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item .rtp_rcmd2_description_container {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0;
    font-family: "openSans", Arial, sans-serif;
    max-height: initial;
    min-height: 100px
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2],
.node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] {
    border: none
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item,
.node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item {
    width: 95%;
    margin: 10px
}

.node--type-article #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a,
.node--type-page-generator #page-generator-sidebar-region #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a {
    padding: 11px 10px
}

.node--type-article .banner-region .field-component--field-breadcrumbs {
    text-align: left
}

.node--type-page-generator .vidyard-close-container:focus,
.node--type-product-page-t3 .vidyard-close-container:focus,
.node--type-product-page-t2 .vidyard-close-container:focus {
    outline: none
}

.node--type-page-generator .vidyard-close-container .vidyard-close-x,
.node--type-product-page-t3 .vidyard-close-container .vidyard-close-x,
.node--type-product-page-t2 .vidyard-close-container .vidyard-close-x {
    display: none
}

.node--type-page-generator div#vidyard-content-fixed,
.node--type-product-page-t3 div#vidyard-content-fixed,
.node--type-product-page-t2 div#vidyard-content-fixed {
    max-width: 1100px;
    max-height: 500px;
    margin: 0 auto;
    top: auto;
    bottom: 50%
}

.node--type-page-generator div#vidyard-content-fixed div#vidyard-popbox,
.node--type-product-page-t3 div#vidyard-content-fixed div#vidyard-popbox,
.node--type-product-page-t2 div#vidyard-content-fixed div#vidyard-popbox {
    width: 90%;
    max-width: 1000px;
    max-height: 500px;
    margin: 0 auto
}

.node--type-page-generator div#vidyard-content-fixed div#vidyard-popbox:before,
.node--type-product-page-t3 div#vidyard-content-fixed div#vidyard-popbox:before,
.node--type-product-page-t2 div#vidyard-content-fixed div#vidyard-popbox:before {
    position: absolute;
    z-index: 9;
    content: "";
    top: -15px;
    left: -14px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(/themes/custom/mule_foundation/css/../images/close.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: none;
    opacity: .75;
    padding: 0
}

@media screen and (min-width:600px) {
    .node--type-article #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_item {
        width: 45%
    }
}

.node--type-article .api-university.side-nav {
    margin-top: 60px
}

@media screen and (min-width:992px) {
    .node--type-article .api-university.side-nav {
        margin-top: 0
    }
}

.node--type-article .api-university.side-nav h4 {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.node--type-article .api-university.side-nav .item {
    display: block;
    padding: 12px 0 12px 12px;
    border-left: 1px solid #dbdbdb;
    position: relative
}

.node--type-article .api-university.side-nav .item a {
    font-family: "SF", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    display: inline-block
}

.node--type-article .api-university.side-nav .item a:hover {
    color: #002196
}

.node--type-article .api-university.side-nav .item.active:before {
    border-left: 4px solid #002196;
    content: '';
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.node--type-article .api-university.side-nav .item.active a {
    font-family: "SFBold", Arial, sans-serif
}

.node--type-article.section-api-university .component-main-content table {
    width: 100%;
    border: 0;
    border-color: #989699;
    border-collapse: separate;
    border-spacing: 0;
    margin-left: 0
}

.node--type-article.section-api-university .component-main-content table th,
.node--type-article.section-api-university .component-main-content table td {
    border-bottom: 1px solid grey;
    padding-bottom: 16px;
    display: inline-grid;
    width: 100%
}

.node--type-article.section-api-university .component-main-content table th:after,
.node--type-article.section-api-university .component-main-content table td:after {
    display: none
}

.node--type-article.section-api-university .component-main-content table.auto-settings th,
.node--type-article.section-api-university .component-main-content table.auto-settings td {
    display: table-cell;
    width: auto
}

.node--type-article.section-api-university pre {
    background: #eaf5fe;
    padding: 12px
}

.node--type-article.section-api-university p a[id^=anchor] {
    position: absolute;
    margin-top: -110px
}

.node--type-article.section-api-university .floated-right {
    text-align: center
}

@media screen and (min-width:600px) {
    .node--type-article.section-api-university .floated-right {
        float: right;
        width: 240px;
        margin: 0 0 15px 15px
    }
}

.node--type-article.section-api-university .floated-left {
    text-align: center
}

@media screen and (min-width:600px) {
    .node--type-article.section-api-university .floated-left {
        float: left;
        width: 240px;
        margin: 0 15px 15px 0
    }
}

.node--type-article.section-api-university .video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0
}

.node--type-article.section-api-university .video-wrapper iframe[src*="youtube.com"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .tcat-logo-text {
    font-size: 25px;
    font-family: "AvantGarde", Arial, sans-serif;
    display: inline;
    color: #a9a9aa;
    padding: 0 5px
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .menu li:hover>a {
    background: 0 0;
    cursor: pointer
}

.tcat .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .menu li a:after {
    display: none
}

.tcat .ms-com-content header.ms-com-header.mobile-header .menu>li>a {
    pointer-events: all
}

.tcat .block-mule-foundation-content .banner-region .component-banner .field-name-field-banner-body {
    text-align: left
}

.blue-box {
    background: #f4fcff;
    padding: 40px 0;
    text-align: center;
    margin: 50px 0
}

.blue-box h3 {
    margin-bottom: 25px
}

@media screen and (min-width:992px) {
    .mule-button.mobile {
        background: 0 0;
        border: 0;
        min-height: initial;
        min-width: initial;
        display: inline;
        text-align: left;
        line-height: auto;
        color: #0176d3;
        padding: 0
    }
}

@media screen and (min-width:992px) {
    .mule-button.mobile:hover {
        color: #006993
    }
}

.mule-button-br {
    margin-bottom: 15px
}

a.mule-button,
button.mule-button,
a.mule-button-br,
a.wes-button,
span.mule-button,
span.mule-button-br,
span.wes-button,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton,
#page-generator-sidebar-region a.button,
#login-form .form-submit,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit],
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 28px;
    min-width: initial !important;
    margin-right: 15px;
    background: 0 0;
    color: #0176d3;
    border: 2px solid #0176d3;
    min-height: 44px;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer
}

a.mule-button.large,
button.mule-button.large,
a.mule-button-br.large,
a.wes-button.large,
span.mule-button.large,
span.mule-button-br.large,
span.wes-button.large,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.large,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.large,
#page-generator-sidebar-region a.button.large,
#login-form .form-submit.large,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].large,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.large {
    height: 52px;
    padding: 10px 24px;
    min-height: 52px
}

a.mule-button.medium,
button.mule-button.medium,
a.mule-button-br.medium,
a.wes-button.medium,
span.mule-button.medium,
span.mule-button-br.medium,
span.wes-button.medium,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.medium,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.medium,
#page-generator-sidebar-region a.button.medium,
#login-form .form-submit.medium,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].medium,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.medium {
    height: 44px;
    padding: 8px 24px;
    min-height: 44px;
    line-height: 24px
}

a.mule-button.small,
button.mule-button.small,
a.mule-button-br.small,
a.wes-button.small,
span.mule-button.small,
span.mule-button-br.small,
span.wes-button.small,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.small,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.small,
#page-generator-sidebar-region a.button.small,
#login-form .form-submit.small,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].small,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.small {
    height: 28px;
    padding: 4px 12px;
    min-height: 28px;
    font-size: 14px;
    line-height: 16px
}

a.mule-button:hover,
button.mule-button:hover,
a.mule-button-br:hover,
a.wes-button:hover,
span.mule-button:hover,
span.mule-button-br:hover,
span.wes-button:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover,
#page-generator-sidebar-region a.button:hover,
#login-form .form-submit:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit]:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a:hover {
    background: #eaf5fe;
    border: 2px solid #032d60;
    color: #032d60;
    text-decoration: none
}

a.mule-button.white,
button.mule-button.white,
a.mule-button-br.white,
a.wes-button.white,
span.mule-button.white,
span.mule-button-br.white,
span.wes-button.white,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.white,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.white,
#page-generator-sidebar-region a.button.white,
#login-form .form-submit.white,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].white,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.white {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff
}

a.mule-button.white:hover,
button.mule-button.white:hover,
a.mule-button-br.white:hover,
a.wes-button.white:hover,
span.mule-button.white:hover,
span.mule-button-br.white:hover,
span.wes-button.white:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.white:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.white:hover,
#page-generator-sidebar-region a.button.white:hover,
#login-form .form-submit.white:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].white:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.white:hover {
    background: #fff;
    color: #0176d3
}

a.mule-button.solid,
button.mule-button.solid,
a.mule-button-br.solid,
a.wes-button.solid,
span.mule-button.solid,
span.mule-button-br.solid,
span.wes-button.solid,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.solid,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.solid,
#page-generator-sidebar-region a.button.solid,
#login-form .form-submit.solid,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].solid,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.solid {
    background: #0176d3;
    border: 2px solid #0176d3;
    color: #fff
}

a.mule-button.solid:hover,
button.mule-button.solid:hover,
a.mule-button-br.solid:hover,
a.wes-button.solid:hover,
span.mule-button.solid:hover,
span.mule-button-br.solid:hover,
span.wes-button.solid:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.solid:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.solid:hover,
#page-generator-sidebar-region a.button.solid:hover,
#login-form .form-submit.solid:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].solid:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.solid:hover {
    background: #032d60;
    border: 2px solid #032d60;
    color: #fff
}

a.mule-button.solid.white,
button.mule-button.solid.white,
a.mule-button-br.solid.white,
a.wes-button.solid.white,
span.mule-button.solid.white,
span.mule-button-br.solid.white,
span.wes-button.solid.white,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.solid.white,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.solid.white,
#page-generator-sidebar-region a.button.solid.white,
#login-form .form-submit.solid.white,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].solid.white,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.solid.white {
    background: #fff;
    border: 2px solid #fff;
    color: #0176d3
}

a.mule-button.solid.white:hover,
button.mule-button.solid.white:hover,
a.mule-button-br.solid.white:hover,
a.wes-button.solid.white:hover,
span.mule-button.solid.white:hover,
span.mule-button-br.solid.white:hover,
span.wes-button.solid.white:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.solid.white:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.solid.white:hover,
#page-generator-sidebar-region a.button.solid.white:hover,
#login-form .form-submit.solid.white:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].solid.white:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.solid.white:hover {
    background: 0 0;
    color: #fff
}

a.mule-button.navy-blue,
button.mule-button.navy-blue,
a.mule-button-br.navy-blue,
a.wes-button.navy-blue,
span.mule-button.navy-blue,
span.mule-button-br.navy-blue,
span.wes-button.navy-blue,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.navy-blue,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.navy-blue,
#page-generator-sidebar-region a.button.navy-blue,
#login-form .form-submit.navy-blue,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].navy-blue,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.navy-blue {
    background: 0 0;
    color: #032d60;
    border: 2px solid #032d60
}

a.mule-button.navy-blue:hover,
button.mule-button.navy-blue:hover,
a.mule-button-br.navy-blue:hover,
a.wes-button.navy-blue:hover,
span.mule-button.navy-blue:hover,
span.mule-button-br.navy-blue:hover,
span.wes-button.navy-blue:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.navy-blue:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.navy-blue:hover,
#page-generator-sidebar-region a.button.navy-blue:hover,
#login-form .form-submit.navy-blue:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].navy-blue:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.navy-blue:hover {
    background: #032d60;
    border: 2px solid #032d60;
    color: #fff
}

a.mule-button.navy-blue.solid,
button.mule-button.navy-blue.solid,
a.mule-button-br.navy-blue.solid,
a.wes-button.navy-blue.solid,
span.mule-button.navy-blue.solid,
span.mule-button-br.navy-blue.solid,
span.wes-button.navy-blue.solid,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.navy-blue.solid,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.navy-blue.solid,
#page-generator-sidebar-region a.button.navy-blue.solid,
#login-form .form-submit.navy-blue.solid,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].navy-blue.solid,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.navy-blue.solid {
    background: #032d60;
    border: 2px solid #032d60;
    color: #fff
}

a.mule-button.navy-blue.solid:hover,
button.mule-button.navy-blue.solid:hover,
a.mule-button-br.navy-blue.solid:hover,
a.wes-button.navy-blue.solid:hover,
span.mule-button.navy-blue.solid:hover,
span.mule-button-br.navy-blue.solid:hover,
span.wes-button.navy-blue.solid:hover,
#main .mktoForm .mktoButtonWrap.mktoSimple .mktoButton.navy-blue.solid:hover,
#main .mktoForm .mktoButtonWrap.mktoInset .mktoButton.navy-blue.solid:hover,
#page-generator-sidebar-region a.button.navy-blue.solid:hover,
#login-form .form-submit.navy-blue.solid:hover,
.node--type-salesforce-landing-page form.mktoForm .mktoButtonWrap button[type=submit].navy-blue.solid:hover,
.node--type-salesforce-landing-page-typ #main .main-content .field-name-field-download-salesforce-ty a.navy-blue.solid:hover {
    background: 0 0;
    border: 2px solid #032d60;
    color: #032d60
}

.primary-btn {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: #0176d3;
    color: #fff;
    border-color: #0176d3;
    height: 52px;
    padding: 12px 32px;
    min-height: 52px
}

.primary-btn:after,
.primary-btn:before {
    display: none
}

.primary-btn:hover {
    text-decoration: none;
    background: #032d60;
    color: #fff;
    border-color: #032d60
}

.primary-btn-md {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: #0176d3;
    color: #fff;
    border-color: #0176d3;
    height: 44px;
    padding: 8px 24px;
    min-height: 44px
}

.primary-btn-md:after,
.primary-btn-md:before {
    display: none
}

.primary-btn-md:hover {
    text-decoration: none;
    background: #032d60;
    color: #fff;
    border-color: #032d60
}

.primary-btn-sm {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: #0176d3;
    color: #fff;
    border-color: #0176d3;
    height: 28px;
    padding: 4px 12px;
    min-height: 28px;
    font-size: 14px;
    line-height: 16px
}

.primary-btn-sm:after,
.primary-btn-sm:before {
    display: none
}

.primary-btn-sm:hover {
    text-decoration: none;
    background: #032d60;
    color: #fff;
    border-color: #032d60
}

.secondary-btn {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    color: #0176d3;
    border-color: #0176d3;
    height: 52px;
    padding: 12px 32px;
    min-height: 52px
}

.secondary-btn:after,
.secondary-btn:before {
    display: none
}

.secondary-btn:hover {
    text-decoration: none;
    background: #eaf5fe;
    color: #032d60;
    border-color: #032d60
}

.secondary-btn-md {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    color: #0176d3;
    border-color: #0176d3;
    height: 44px;
    padding: 8px 24px;
    min-height: 44px
}

.secondary-btn-md:after,
.secondary-btn-md:before {
    display: none
}

.secondary-btn-md:hover {
    text-decoration: none;
    background: #eaf5fe;
    color: #032d60;
    border-color: #032d60
}

.secondary-btn-sm {
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    min-width: initial !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    color: #0176d3;
    border-color: #0176d3;
    height: 28px;
    padding: 4px 12px;
    min-height: 28px;
    font-size: 14px;
    line-height: 16px
}

.secondary-btn-sm:after,
.secondary-btn-sm:before {
    display: none
}

.secondary-btn-sm:hover {
    text-decoration: none;
    background: #eaf5fe;
    color: #032d60;
    border-color: #032d60
}

.blue-page-footer-row a.mule-button.white {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 28px;
    min-width: initial !important;
    margin-right: 15px;
    background: 0 0;
    color: #0176d3;
    border: 2px solid #0176d3;
    min-height: 44px;
    display: inline-block;
    font-family: "SFBold", Arial, sans-serif;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer
}

.blue-page-footer-row a.mule-button.white:hover {
    background: #0176d3;
    border: 2px solid #0176d3;
    color: #fff;
    text-decoration: none
}

#login-form .form-submit,
.node--type-salesforce-landing-page #main form.mktoForm .mktoButtonWrap button[type=submit],
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: #0176d3 !important;
    text-shadow: none !important
}

#login-form .form-submit:hover,
.node--type-salesforce-landing-page #main form.mktoForm .mktoButtonWrap button[type=submit]:hover,
.node--type-page-generator #rtp-block .RTP_RCMD2 [data-rtp-id=rtp_rcmd2_tpl_2] .rtp_rcmd2_link_container a:hover {
    background: 0 0 !important;
    color: #fff !important;
    border: 2px solid #fff !important
}

.banner-region a.mule-button {
    margin-bottom: 10px
}

.banner-region a.mule-button.solid.white {
    background: #fff;
    border: 2px solid #fff;
    color: #0176d3
}

.banner-region a.mule-button.solid.white:hover {
    background: 0 0;
    color: #fff
}

.banner-region a.mule-button:not(.solid).white {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff
}

.banner-region a.mule-button:not(.solid).white:hover {
    background: #fff;
    color: #0176d3
}

a.promotion-section-banner:hover .mule-button.solid.white {
    background: 0 0;
    color: #fff
}

#main form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
#main form.mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-family: "SFBold", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    min-width: initial !important;
    margin-right: 15px !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important;
    color: #fff !important;
    min-height: 44px !important;
    width: 100%;
    text-shadow: none !important
}

#main form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton.large,
#main form.mktoForm .mktoButtonWrap.mktoInset .mktoButton.large {
    height: 52px !important;
    padding: 10px 24px !important;
    min-height: 52px !important
}

#main form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,
#main form.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
    background: #032d60 !important;
    border: 2px #032d60 !important;
    color: #fff !important
}

.contact-partner #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.contact-partner #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    min-width: initial !important;
    margin-right: 15px !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important;
    color: #fff !important;
    min-height: 44px !important;
    text-shadow: none;
    box-shadow: none;
    width: 100%
}

.contact-partner #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton.large,
.contact-partner #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton.large,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton.large,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton.large,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton.large,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton.large,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton.large,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton.large,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton.large,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton.large,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton.large,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton.large {
    height: 52px !important;
    padding: 10px 24px !important;
    min-height: 52px !important
}

.contact-partner #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover,
.contact-partner #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton:hover,
.contact-partner #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover,
.br-form-b #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton:hover,
.br-form-b #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover,
.br-form-a #main form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoInset button.mktoButton:hover,
.br-form-a #main form#mktoForm_2596 .mktoButtonWrap.mktoSimple button.mktoButton:hover {
    background: #032d60 !important;
    border: 2px solid #032d60 !important;
    color: #fff !important
}

.contact-partner #main form.mktoForm .mktoCheckboxList,
.contact-partner #main form#mktoForm_2596 .mktoCheckboxList,
.br-form-b #main form.mktoForm .mktoCheckboxList,
.br-form-b #main form#mktoForm_2596 .mktoCheckboxList,
.br-form-a #main form.mktoForm .mktoCheckboxList,
.br-form-a #main form#mktoForm_2596 .mktoCheckboxList {
    border: none;
    margin-top: 0
}

.contact-partner #main form.mktoForm label#LblpreferencesPrivacyPolicyAgreement,
.contact-partner #main form#mktoForm_2596 label#LblpreferencesPrivacyPolicyAgreement,
.br-form-b #main form.mktoForm label#LblpreferencesPrivacyPolicyAgreement,
.br-form-b #main form#mktoForm_2596 label#LblpreferencesPrivacyPolicyAgreement,
.br-form-a #main form.mktoForm label#LblpreferencesPrivacyPolicyAgreement,
.br-form-a #main form#mktoForm_2596 label#LblpreferencesPrivacyPolicyAgreement {
    width: calc(100% - 30px) !important;
    float: right
}

.contact-partner .mktoCheckboxList>label,
.br-form-a .mktoCheckboxList>label {
    margin-left: 1.5em;
    margin-top: .1em;
    margin-bottom: .3em
}

.br-form-a form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton,
.br-form-a form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    min-width: initial !important;
    margin-right: 15px !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important;
    color: #fff !important;
    min-height: 44px !important;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
    font-family: "SFBold", Arial, sans-serif !important
}

.br-form-a form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton.large,
.br-form-a form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton.large {
    height: 52px !important;
    padding: 10px 24px !important;
    min-height: 52px !important
}

.br-form-a form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover,
.br-form-a form.mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover {
    background: #032d60 !important;
    border: 2px solid #032d60 !important;
    color: #fff !important
}

#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    min-width: initial !important;
    margin-right: 15px !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important;
    color: #fff !important;
    min-height: 44px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    width: 100% !important;
    font-family: "SFBold", Arial, sans-serif !important
}

#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton.large,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton.large {
    height: 52px !important;
    padding: 10px 24px !important;
    min-height: 52px !important
}

#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_2596 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_313 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_1019 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_4769 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton:hover,
#main form#mktoForm_6781 .mktoButtonWrap button.mktoButton:hover {
    background: #032d60 !important;
    border: 2px solid #032d60 !important;
    color: #fff !important
}

#main form#mktoForm_2596 .mktoCheckboxList,
#main form#mktoForm_313 .mktoCheckboxList,
#main form#mktoForm_1019 .mktoCheckboxList,
#main form#mktoForm_4769 .mktoCheckboxList,
#main form#mktoForm_6781 .mktoCheckboxList {
    border: none;
    margin-top: 0
}

#main form#mktoForm_2596 .mktoCheckboxList>label,
#main form#mktoForm_313 .mktoCheckboxList>label,
#main form#mktoForm_1019 .mktoCheckboxList>label,
#main form#mktoForm_4769 .mktoCheckboxList>label,
#main form#mktoForm_6781 .mktoCheckboxList>label {
    margin-left: 1.5em;
    margin-top: .1em;
    margin-bottom: .3em
}

#main form#mktoForm_2596 label#LblpreferencesPrivacyPolicyAgreement,
#main form#mktoForm_313 label#LblpreferencesPrivacyPolicyAgreement,
#main form#mktoForm_1019 label#LblpreferencesPrivacyPolicyAgreement,
#main form#mktoForm_4769 label#LblpreferencesPrivacyPolicyAgreement,
#main form#mktoForm_6781 label#LblpreferencesPrivacyPolicyAgreement {
    width: calc(100% - 30px) !important
}

#main form#mktoForm_2596 label#LblpreferencesPrivacyPolicyAgreement,
#main form#mktoForm_1019 label#LblpreferencesPrivacyPolicyAgreement {
    width: calc(100% - 30px) !important;
    float: right
}

#main .brc.asset-lps form.mktoForm button.mktoButton {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    min-width: initial !important;
    margin-right: 15px !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important;
    color: #fff !important;
    min-height: 44px !important;
    text-shadow: none;
    box-shadow: none;
    width: 100%
}

#main .brc.asset-lps form.mktoForm button.mktoButton.large {
    height: 52px !important;
    padding: 10px 24px !important;
    min-height: 52px !important
}

#main .brc.asset-lps form.mktoForm button.mktoButton:hover {
    background: #032d60 !important;
    border: 2px solid #032d60 !important;
    color: #fff !important
}

#main .brc.asset-lps form.mktoForm .mktoCheckboxList {
    border: none;
    margin-top: 0
}

#main .brc.asset-lps form.mktoForm .mktoCheckboxList>label {
    margin-left: 0;
    margin-top: .1em;
    margin-bottom: .3em
}

#main .brc.asset-lps form.mktoForm label#LblpreferencesPrivacyPolicyAgreement {
    width: calc(100% - 30px) !important;
    float: right
}

form.mktoForm#mktoForm_1771 .mktoButtonWrap.mktoSimple .mktoButton {
    border-radius: 0 !important;
    background: #0176d3 !important;
    border: 2px solid #0176d3 !important
}

form.mktoForm#mktoForm_1771 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #032d60 !important;
    color: #fff !important;
    border: 2px solid #032d60 !important
}

.row-wrapper.black .mule-button {
    color: #fff;
    background-color: transparent
}

.row-wrapper.black .mule-button:hover {
    background-color: #fff
}

.row-wrapper.mule-blue .mule-button {
    color: #fff;
    border-color: #fff
}

.row-wrapper.mule-blue .mule-button:hover {
    color: #0176d3;
    background-color: #fff
}

.billboard-text .careers-button.mule-button {
    width: 80%;
    margin-top: 20px;
    vertical-align: top;
    background: rgba(0, 0, 0, .5);
    font-size: 18px;
    margin-bottom: 0;
    height: 50px
}

@media screen and (min-width:992px) {
    .billboard-text .careers-button.mule-button {
        width: 95%;
        height: 50px
    }
}

@media screen and (min-width:600px) {
    .billboard-text .careers-button.mule-button {
        width: 240px;
        height: 80px;
        padding: 10px
    }
}

@media screen and (min-width:1160px) {
    .billboard-text .careers-button.mule-button .billboard-text .careers-button.mule-button {
        width: 23%
    }
}

.arrow-button {
    border: none;
    font-family: "SFBold", Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
    color: #0176d3;
    display: grid;
    grid-template-columns: 30px 1fr;
    width: fit-content;
    width: -moz-fit-content;
    line-height: 25px
}

.arrow-button.white {
    color: #fff
}

.arrow-button:hover {
    color: #0083cf
}

.arrow-button:hover:before {
    background-color: #0083cf
}

.arrow-button.white:before {
    background-color: #fff;
    background-image: url(https://www.mulesoft.com/sites/default/files/2018-10/MS_CTA_Carrot_blue-01.svg);
    display: inline-block;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 8px 6px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 0;
    content: " ";
    vertical-align: middle
}

.arrow-button.white:hover {
    color: #fff;
    opacity: .9
}

.arrow-button.white:before:hover {
    opacity: .9;
    background-color: #fff
}

.centered:not(.tiles) .arrow-button {
    margin-left: auto;
    margin-right: auto
}

a.arrow-button,
span.arrow-button,
a.arrow-button.play,
a.animated-arrow-link,
a.arrow-link {
    font-family: "SFBold", Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #0176d3;
    position: relative;
    display: inline-block !important;
    text-decoration: none
}

a.arrow-button:before,
span.arrow-button:before,
a.arrow-button.play:before,
a.animated-arrow-link:before,
a.arrow-link:before {
    display: none
}

a.arrow-button:after,
span.arrow-button:after,
a.arrow-button.play:after,
a.animated-arrow-link:after,
a.arrow-link:after {
    content: '';
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/CTA-arrow.svg");
    background-size: 110%;
    background-position: -1px 0;
    width: 18px;
    height: 15px;
    display: inline-block;
    position: relative;
    bottom: -1px;
    margin-left: 8px;
    transition: transform .5s ease-in-out
}

a.arrow-button:hover,
span.arrow-button:hover,
a.arrow-button.play:hover,
a.animated-arrow-link:hover,
a.arrow-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #032d60
}

a.arrow-button:hover:after,
span.arrow-button:hover:after,
a.arrow-button.play:hover:after,
a.animated-arrow-link:hover:after,
a.arrow-link:hover:after {
    transform: translateX(8px);
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    background-size: 110%;
    background-position: -1px -2px
}

.component-large-tile-with-quote:hover a.arrow-button,
.component-large-tile-with-quote:hover a.animated-arrow-link,
.component-large-tile-with-quote:hover a.arrow-button.play,
.tab-system-box:hover .arrow-button {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #032d60
}

.component-large-tile-with-quote:hover a.arrow-button:after,
.component-large-tile-with-quote:hover a.animated-arrow-link:after,
.component-large-tile-with-quote:hover a.arrow-button.play:after,
.tab-system-box:hover .arrow-button:after {
    transform: translateX(8px);
    background-image: url("https://www.mulesoft.com/sites/default/files/cmm_files/forward.svg");
    background-size: 110%;
    background-position: -1px -2px
}

.component-tile a.animated-arrow-link {
    display: inline-block !important
}

.video-button {
    font-family: "SF", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #0176d3
}

.video-button:hover {
    color: #0083cf
}

.video-button.white {
    color: #fff
}

.video-button.white:before {
    display: inline-block;
    padding-right: 10px;
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/Playbuttons.svg);
    background-repeat: no-repeat;
    background-position: 0 7px;
    width: 34px;
    height: 50px;
    margin-right: 5px;
    content: " ";
    vertical-align: middle
}

.video-button.white:hover:before {
    background-position: -34px 7px
}

.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button {
    height: 100%;
    width: 100%;
    background-image: url("/sites/default/files/cmm_files/play-dark.svgz");
    background-size: 65px 65px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0
}

.vidyard-link-wrapper .vidyard-pop-up-button.br-dark-play-button:hover {
    background-image: url("/sites/default/files/cmm_files/play-dark-hover.svgz")
}

.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button {
    height: 100%;
    width: 100%;
    background-image: url("/sites/default/files/cmm_files/play-light.svgz");
    background-size: 65px 65px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0
}

.vidyard-link-wrapper .vidyard-pop-up-button.br-light-play-button:hover {
    background-image: url("/sites/default/files/cmm_files/play-light-hover.svgz")
}

.views-element-container .form-actions {
    display: inline-block;
    width: 100%
}

@media screen and (min-width:600px) {
    .views-element-container .form-actions {
        width: auto
    }
}

.views-element-container .form-item {
    width: 100%
}

@media screen and (min-width:600px) {
    .views-element-container .form-item {
        width: auto
    }
}

.views-element-container .form-item select {
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width:600px) {
    .views-element-container .form-item select {
        width: 250px
    }
}

.views-element-container .form-submit {
    margin-bottom: 0;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    background-color: #f4fcff
}

@media screen and (min-width:600px) {
    .views-element-container .form-submit {
        width: auto;
        margin-top: 0
    }
}

.views-element-container .form-submit:hover {
    background-color: rgba(234, 245, 254, .5)
}

.views-element-container .form-submit.js-hide {
    display: none
}

#main .mktoForm .mktoError .mktoErrorMsg {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background: #cc3c44;
    text-shadow: none
}

#main .mktoForm .mktoError .mktoErrorArrow {
    background-color: #cc3c44;
    border: 0
}

.grid-block {
    border-top: 5px #00a2df solid;
    margin-right: 16px;
    padding: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #c4c4c4;
    overflow: hidden
}

.grid-block:before {
    content: '';
    height: 5px;
    width: 101%;
    position: absolute;
    background: linear-gradient(to left, #00a2df, #4079f1);
    top: 0;
    left: 0
}

.grid-block .views-field-title {
    font-size: 20px;
    font-family: "AvantGarde", Arial, sans-serif;
    margin-bottom: 20px
}

.grid-block .date,
.grid-block .name,
.grid-block .views-field-field-summir,
.grid-block .views-field-field-speaker-name- {
    font-family: "AvantGarde", Arial, sans-serif;
    margin-bottom: 20px;
    color: #999
}

.grid-block .views-field-field-speaker-name- p {
    font-size: 16px
}

.grid-block a:before {
    background: url("https://www.mulesoft.com/sites/default/files/MS_CTA_Carrot_Blue-01_0.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    content: ' ';
    vertical-align: text-bottom;
    margin-right: 7px
}

.page-slides h1,
.page-slides h2,
.page-slides h3,
.page-summits h1,
.page-summits h3 {
    text-align: center;
    width: 100%
}

.page-slides h1,
.page-summits h1 {
    margin-top: 80px
}

.page-slides h3,
.page-summits h3 {
    clear: both;
    margin-bottom: 30px;
    padding-top: 60px;
    display: block
}

.page-slides .views-exposed-form .form-item,
.page-summits .views-exposed-form .form-item {
    display: block;
    margin: auto;
    max-width: 400px
}

.page-slides .views-exposed-form .form-item select,
.page-summits .views-exposed-form .form-item select {
    width: 100%
}

.page-slides .grid-x header,
.page-slides .grid-x form,
.page-summits .grid-x header,
.page-summits .grid-x form {
    width: 100%
}

ul.mule-breadcrumb {
    list-style: none;
    font-size: 12px;
    text-align: left;
    color: #0176d3;
    max-height: 30px;
    padding-top: 35px;
    padding-left: 0
}

ul.mule-breadcrumb li {
    display: inline-block;
    padding-left: 0;
    color: #032d60
}

ul.mule-breadcrumb li a.breadcrumb-link,
ul.mule-breadcrumb li a {
    text-decoration: none;
    color: #032d60;
    font-size: 12px;
    margin: 0;
    font-family: "SF", Arial, sans-serif
}

ul.mule-breadcrumb li a.breadcrumb-link:after,
ul.mule-breadcrumb li a:after {
    content: " > ";
    color: #032d60
}

ul.mule-breadcrumb li span {
    text-decoration: none;
    color: #032d60;
    font-size: 12px;
    margin: 0
}

.partner-lp .billboard-row,
.partner-lp .billboard-image,
.section-integration-partner .billboard-row {
    background: #032d60 !important
}

.billboard-row,
.billboard-image {
    background: #032d60;
    width: 100%;
    position: relative;
    padding: 65px 15px 40px
}

@media screen and (min-width:72.5rem) {
    .billboard-row,
    .billboard-image {
        padding-left: 0;
        padding-right: 0
    }
}

.billboard-row.center,
.billboard-image.center {
    text-align: center
}

.billboard-row.center .billboard-text,
.billboard-image.center .billboard-text {
    max-width: 72.5rem;
    margin: 0 auto;
    text-align: center
}

.billboard-row.center .billboard-text h1,
.billboard-image.center .billboard-text h1 {
    text-align: center
}

.billboard-row.center .billboard-text p,
.billboard-image.center .billboard-text p {
    text-align: center
}

.billboard-row.left,
.billboard-image.left {
    text-align: left
}

.billboard-row.left .billboard-text,
.billboard-image.left .billboard-text {
    max-width: 72.5rem;
    margin: 0 auto
}

.billboard-row.left .billboard-text h1,
.billboard-image.left .billboard-text h1 {
    width: 100%;
    margin: 0 auto;
    text-align: left
}

@media screen and (min-width:600px) {
    .billboard-row.left .billboard-text h1,
    .billboard-image.left .billboard-text h1 {
        max-width: 45%;
        margin: 0
    }
}

.billboard-row.left .billboard-text p,
.billboard-image.left .billboard-text p {
    text-align: left;
    margin: 0;
    width: 100%;
    margin-top: 22px
}

@media screen and (min-width:992px) {
    .billboard-row.left .billboard-text p,
    .billboard-image.left .billboard-text p {
        max-width: 40%
    }
}

.billboard-row.light,
.billboard-image.light {
    color: #fff
}

.billboard-row.light h1,
.billboard-image.light h1 {
    color: #fff
}

.billboard-row.light p,
.billboard-image.light p {
    color: #fff
}

.billboard-row.light ul li,
.billboard-image.light ul li {
    opacity: .7
}

.billboard-row.light ul li a,
.billboard-image.light ul li a {
    color: #fff
}

.billboard-row.light ul li span,
.billboard-image.light ul li span {
    color: #fff;
    opacity: .6
}

.billboard-row.light ul li:not(:first-child):before,
.billboard-image.light ul li:not(:first-child):before {
    color: #fff
}

.billboard-row.dark,
.billboard-image.dark {
    color: #171717
}

.billboard-row.dark h1,
.billboard-image.dark h1 {
    color: #171717
}

.billboard-row.dark p,
.billboard-image.dark p {
    color: #171717
}

.billboard-row.dark ul li,
.billboard-image.dark ul li {
    opacity: .7;
    color: #171717
}

.billboard-row.dark ul li a,
.billboard-image.dark ul li a {
    color: #171717
}

.billboard-row .mule-breadcrumbs,
.billboard-image .mule-breadcrumbs {
    max-width: 1160px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 60px
}

.billboard-row .mule-breadcrumbs a,
.billboard-image .mule-breadcrumbs a {
    font-size: 13px;
    color: #032d60
}

.billboard-row ul,
.billboard-image ul {
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    margin: 0
}

.billboard-row ul li,
.billboard-image ul li {
    display: inline-block;
    padding-left: 0;
    margin-right: .25rem
}

.billboard-row ul li a,
.billboard-image ul li a {
    margin: 15px 4px
}

.billboard-row ul li:first-child a,
.billboard-image ul li:first-child a {
    margin-left: 0
}

.billboard-row ul li:not(:first-child):before,
.billboard-image ul li:not(:first-child):before {
    content: '> '
}

.billboard-row.smaller {
    min-height: 280px
}

.mule-breadcrumbs-row .mule-breadcrumbs {
    max-width: 1160px;
    text-align: left;
    margin: 0 auto
}

.mule-breadcrumbs-row .mule-breadcrumbs a {
    font-size: 13px;
    color: #032d60
}

.mule-breadcrumbs-row .mule-breadcrumbs ul {
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    margin: 0
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li {
    display: inline-block
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li a {
    margin: 15px 4px
}

.mule-breadcrumbs-row .mule-breadcrumbs ul li:not(:first-child):before {
    content: '>'
}

.node--type-basic-content-page .billboard-row.banner,
.node--type-basic-content-page .billboard-image {
    background-image: -ms-linear-gradient(left, #5e66f9 0%, #00a0df 100%);
    background-image: -moz-linear-gradient(left, #5e66f9 0%, #00a0df 100%);
    background-image: -o-linear-gradient(left, #5e66f9 0%, #00a0df 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #5e66f9 0%, #00a0df 100%);
    background-image: linear-gradient(to right, #5e66f9 0%, #00a0df 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    padding: 90px 15px 40px
}

@media screen and (min-width:600px) {
    .node--type-basic-content-page .billboard-row.banner,
    .node--type-basic-content-page .billboard-image {
        padding: 90px 15px 40px 20px
    }
}

@media screen and (min-width:992px) {
    .node--type-basic-content-page .billboard-row.banner,
    .node--type-basic-content-page .billboard-image {
        padding: 90px 15px 40px 25px
    }
}

@media screen and (min-width:72.5rem) {
    .node--type-basic-content-page .billboard-row.banner,
    .node--type-basic-content-page .billboard-image {
        padding-left: 0;
        padding-right: 0;
        padding: 90px 15px 40px 40px
    }
}

.node--type-basic-content-page .billboard-row {
    padding: 90px 15px 0;
    background: 0 0
}

@media screen and (min-width:600px) {
    .node--type-basic-content-page .billboard-row {
        padding: 90px 15px 0 20px
    }
}

@media screen and (min-width:992px) {
    .node--type-basic-content-page .billboard-row {
        padding: 90px 15px 0 20px
    }
}

@media screen and (min-width:72.5rem) {
    .node--type-basic-content-page .billboard-row {
        padding-left: 0;
        padding-right: 0;
        padding: 90px 15px 0 25px
    }
}

.node--type-basic-content-page .billboard-row .billboard-text:first-child {
    padding-top: 50px
}

.node--type-basic-content-page .billboard-text h1 {
    color: #fff;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 20px
}

.node--type-basic-content-page .billboard-row {
    margin-bottom: 10px
}

.node--type-basic-content-page .billboard-row.banner {
    margin-bottom: 50px
}

.views-element-container .form-item select {
    color: #181818
}

.default-listing table {
    border-collapse: collapse;
    margin: 45px 0 0
}

.default-listing table tbody {
    border: none
}

.default-listing table tr {
    border-color: #989699;
    height: 40px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1em
}

.default-listing table td {
    padding: 15px 0;
    background: #fff;
    margin: 0;
    vertical-align: top
}

.default-listing table td.views-field-title {
    text-align: left
}

.default-listing table td.views-field-field-job-post-location {
    text-align: right
}

.default-listing table caption {
    text-align: left;
    font-family: "SFLight", Arial, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    padding-left: 0
}

.default-listing .views-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 0 0 12px;
    width: 90%
}

.default-listing .views-row:last-child {
    border-bottom: none
}

.default-listing .views-row .views-field .field-content time {
    color: #747474;
    font-size: 13px;
    line-height: 1em;
    margin-top: 5px
}

.default-listing .views-row .views-field-title .field-content a {
    font-size: 18px;
    margin: 0;
    font-family: "SFLight", Arial, sans-serif
}

.default-listing .block-region-right-sidebar {
    margin-bottom: 0;
    padding: 0 20px 20px
}

.default-listing .block-region-right-sidebar {
    margin-top: 45px
}

.default-listing .block-region-right-sidebar .block-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px 10px 0
}

.block--block-title--rotating-customer-logos {
    overflow: hidden;
    height: 80px;
    width: 100%;
    position: relative;
    margin-top: 35px
}

.block--block-title--rotating-customer-logos p {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    width: 1000%;
    max-width: 300px
}

@media screen and (min-width:480px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 480px
    }
}

@media screen and (min-width:600px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 600px
    }
}

@media screen and (min-width:992px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 992px
    }
}

@media screen and (min-width:1160px) {
    .block--block-title--rotating-customer-logos p {
        max-width: 100%
    }
}

.block--block-title--rotating-customer-logos img {
    min-width: 4765px;
    height: 75px;
    animation: translateXXSmall 15s steps(1) infinite;
    -webkit-animation: translateXXSmall 15s steps(1) infinite
}

@media screen and (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block--block-title--rotating-customer-logos img {
        height: 45px
    }
}

@media screen and (min-width:480px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateXSmall 15s steps(1) infinite, flicker 2s infinite;
        -webkit-animation: translateXSmall 15s steps(1) infinite;
        min-width: 5100px;
        max-width: 4520px
    }
}

@media screen and (min-width:600px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateSmall 15s steps(1) infinite, flicker 3s infinite;
        -webkit-animation: translateSmall 15s steps(1) infinite;
        min-width: 5055px;
        max-width: 100%;
        height: 75px
    }
}

@media screen and (min-width:600px) and (-ms-high-contrast:active) {
    .block--block-title--rotating-customer-logos img {
        height: 45px
    }
}

@media screen and (min-width:992px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateMedium 15s steps(1) infinite, flicker 5s infinite;
        -webkit-animation: translateMedium 15s steps(1) infinite;
        min-width: 5200px;
        max-width: initial;
        height: 75px
    }
}

@media screen and (min-width:1160px) {
    .block--block-title--rotating-customer-logos img {
        animation: translateLarge 15s steps(1) infinite;
        -webkit-animation: translateLarge 15s steps(1, start) infinite;
        min-width: initial;
        max-width: initial;
        height: 75px
    }
}

@media screen and (-ms-high-contrast:active) and (min-width:1160px),
screen and (-ms-high-contrast:none) and (min-width:1160px) {
    .block--block-title--rotating-customer-logos img {
        max-width: 100%;
        min-width: 4823px;
        height: auto;
        margin-left: 20px
    }
}

@keyframes translateXXSmall {
    0% {
        transform: translate(10px, 0px)
    }
    8% {
        transform: translate(-400px, 0px)
    }
    16% {
        transform: translate(-800px, 0px)
    }
    25% {
        transform: translate(-1215px, 0px)
    }
    33% {
        transform: translate(-1620px, 0px)
    }
    42% {
        transform: translate(-2030px, 0px)
    }
    50% {
        transform: translate(-2435px, 0px)
    }
    58% {
        transform: translate(-2845px, 0px)
    }
    67% {
        transform: translate(-3250px, 0px)
    }
    75% {
        transform: translate(-3660px, 0px)
    }
    83% {
        transform: translate(-4060px, 0px)
    }
    92% {
        transform: translate(-4490px, 0px)
    }
}

@keyframes translateXSmall {
    0% {
        margin-left: 20px
    }
    11% {
        margin-left: -550px
    }
    22% {
        margin-left: -1120px
    }
    33% {
        margin-left: -1705px
    }
    44% {
        margin-left: -2310px
    }
    55% {
        margin-left: -2890px
    }
    67% {
        margin-left: -3500px
    }
    78% {
        margin-left: -4080px
    }
    89% {
        margin-left: -4650px
    }
}

@keyframes translateSmall {
    0% {
        transform: translate(0px, 0px)
    }
    16% {
        transform: translate(-850px, 0px)
    }
    32% {
        transform: translate(-1730px, 0px)
    }
    48% {
        transform: translate(-2610px, 0px)
    }
    66% {
        transform: translate(-3500px, 0px)
    }
    82% {
        transform: translate(-4350px, 0px)
    }
}

@keyframes translateMedium {
    0% {
        transform: translate(10px, 0px)
    }
    20% {
        transform: translate(-1050px, 0px)
    }
    40% {
        transform: translate(-2110px, 0px)
    }
    60% {
        transform: translate(-3220px, 0px)
    }
    80% {
        transform: translate(-4280px, 0px)
    }
}

@keyframes translateLarge {
    0% {
        transform: translate(-40px, 0px)
    }
    25% {
        transform: translate(-1200px, 0px)
    }
    50% {
        transform: translate(-2470px, 0px)
    }
    75% {
        transform: translate(-3730px, 0px)
    }
}

@-webkit-keyframes flicker {
    0% {
        opacity: 0
    }
    5% {
        opacity: 0
    }
    7% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    96% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

select {
    background-position: right center
}

.reveal form.mktoForm.ms-mkto-form {
    min-width: auto
}

#main form.views-exposed-form label {
    color: #181818
}

#main form.mktoForm,
form.mktoForm.ms-mkto-form {
    padding: 20px;
    background: #fff;
    max-width: 370px;
    margin: 0 auto;
    font-family: "SF", Arial, sans-serif, arial, helvetica, sans-serif
}

#main form.mktoForm .form-title,
form.mktoForm.ms-mkto-form .form-title {
    text-align: center;
    margin-bottom: 30px
}

#main form.mktoForm .mktoError,
form.mktoForm.ms-mkto-form .mktoError {
    left: 0 !important;
    z-index: 2
}

#main form.mktoForm .mktoRequiredField .mktoAsterix,
#main form.mktoForm .mktoGutter,
#main form.mktoForm .mktoOffset,
form.mktoForm.ms-mkto-form .mktoRequiredField .mktoAsterix,
form.mktoForm.ms-mkto-form .mktoGutter,
form.mktoForm.ms-mkto-form .mktoOffset {
    display: none
}

#main form.mktoForm .mktoRequiredField label.mktoLabel,
form.mktoForm.ms-mkto-form .mktoRequiredField label.mktoLabel {
    padding: 0
}

#main form.mktoForm .mktoFormCol,
#main form.mktoForm .mktoFieldWrap,
#main form.mktoForm .mktoButtonRow,
form.mktoForm.ms-mkto-form .mktoFormCol,
form.mktoForm.ms-mkto-form .mktoFieldWrap,
form.mktoForm.ms-mkto-form .mktoButtonRow {
    width: 100%
}

#main form.mktoForm .mktoFieldWrap input,
#main form.mktoForm .mktoFieldWrap select,
form.mktoForm.ms-mkto-form .mktoFieldWrap input,
form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    height: 40px;
    width: 100% !important;
    box-shadow: none;
    font-family: "SF", Arial, sans-serif, sans-serif;
    font-size: 16px;
    padding-left: 10px;
    color: #181818;
    border-radius: 4px
}

#main form.mktoForm .mktoFieldWrap select,
form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    color: #181818
}

#main form.mktoForm textarea,
form.mktoForm.ms-mkto-form textarea {
    box-shadow: none;
    text-shadow: none;
    width: 100% !important;
    font-family: "SF", Arial, sans-serif, sans-serif;
    font-size: 16px;
    padding: 10px 0 0 10px;
    color: #181818 !important;
    border-radius: 4px
}

#main form.mktoForm .mktoButtonWrap,
form.mktoForm.ms-mkto-form .mktoButtonWrap {
    margin: 0 !important
}

#main form.mktoForm label,
form.mktoForm.ms-mkto-form label {
    color: #181818
}

@media screen and (max-width:600px) {
    .composer-page form.mktoForm,
    .page-one-to-many #main form.mktoForm,
    #main form#mktoForm_1732.mktoForm,
    form.mktoForm.ms-mkto-form {
        padding-left: 0;
        padding-right: 0
    }
}

.composer-page form.ms-mkto-form input#preferencesPrivacyPolicyAgreement {
    height: 15px
}

.mule-esb-enterprise input#preferencesPrivacyPolicyAgreement,
form#mktoForm_672 input#preferencesPrivacyPolicyAgreement {
    display: none
}

#main form#mktoForm_1732 .mktoFormRow:nth-child(8n) {
    width: 100%
}

#main form#mktoForm_1732 label#LblBeta_License_Agreement__c {
    padding-left: 10px !important;
    font-weight: 400
}

#main form#mktoForm_1732 .mktoForm .mktoRadioList,
#main form#mktoForm_1732 .mktoForm .mktoCheckboxList {
    padding: .1em
}

#main form#mktoForm_1732 input[type=checkbox]:checked+label:before {
    content: "\2713 ";
    color: #000
}

.section-nrf .mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
    width: 90% !important
}

@media screen and (max-width:600px) {
    .section-nrf .mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
        width: 92% !important
    }
}

form#mktoForm_6911 .mktoForm .mktoFieldWrap input {
    border: 1px solid #909aa3
}

form#mktoForm_6911 .mktoFieldWrap input {
    color: #181818 !important
}

form#mktoForm_6911 input::placeholder {
    color: #565656 !important
}

form#mktoForm_6911 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #0176d3 !important;
    color: #fff !important;
    border: 1px solid #0176d3 !important
}

form#mktoForm_6911 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: 0 0 !important;
    color: #0176d3 !important
}

form#mktoForm_6911 label[for=preferencesPrivacyPolicyAgreement].mktoLabel.mktoHasWidth {
    color: #181818 !important
}

form#mktoForm_7158 select#Industry,
form#mktoForm_7191 select#Industry {
    margin-bottom: 5px;
    border: 1px solid #909aa3
}

.br-form-a .reveal-overlay,
.node--type-event-page .reveal-overlay {
    background-color: rgba(10, 10, 10, .7)
}

.br-form-a .reveal,
.node--type-event-page .reveal {
    margin-left: 16px;
    margin-right: 16px;
    max-width: -webkit-fill-available;
    margin-top: 32px;
    height: auto;
    min-height: auto;
    margin-bottom: 32px;
    padding: 32px;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    border-radius: 8px;
    border: none
}

.br-form-a .reveal:before,
.node--type-event-page .reveal:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #0176d3
}

@media screen and (min-width:600px) {
    .br-form-a .reveal,
    .node--type-event-page .reveal {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media screen and (min-width:992px) {
    .br-form-a .reveal,
    .node--type-event-page .reveal {
        width: 386px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }
}

@media screen and (min-width:1160px) {
    .br-form-a .reveal,
    .node--type-event-page .reveal {
        width: 456px
    }
}

.br-form-a form.mktoForm.ms-mkto-form,
.node--type-event-page form.mktoForm.ms-mkto-form {
    width: 100% !important;
    max-width: 100%;
    padding: 0
}

.br-form-a form.mktoForm.ms-mkto-form h3.form-title,
.node--type-event-page form.mktoForm.ms-mkto-form h3.form-title {
    font-size: 22px;
    line-height: 32px;
    color: #032d60;
    text-align: left;
    padding: 0
}

.br-form-a form.mktoForm.ms-mkto-form select,
.node--type-event-page form.mktoForm.ms-mkto-form select {
    background: url("/sites/default/files/cmm_files/chevrondown.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position-x: 95%;
    background-position-y: 17px;
    padding-right: 32px
}

.br-form-a form.mktoForm.ms-mkto-form select.mktoValid,
.node--type-event-page form.mktoForm.ms-mkto-form select.mktoValid {
    color: #000 !important
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap select,
.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap textarea,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap select,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap textarea {
    height: 56px;
    width: 100% !important;
    box-shadow: none;
    padding: 12px 40px 12px 16px;
    color: #181818;
    position: relative;
    border: 1px solid #909aa3;
    border-radius: 4px;
    font-family: "SF", Arial, sans-serif;
    font-size: 16px;
    line-height: 30px
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap select,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    padding-right: 32px
}

.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.br-form-a form.mktoForm.ms-mkto-form .mktoFieldWrap textarea,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap input,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoFieldWrap textarea {
    color: #181818
}

.br-form-a form.mktoForm.ms-mkto-form input::placeholder,
.br-form-a form.mktoForm.ms-mkto-form textarea::placeholder,
.node--type-event-page form.mktoForm.ms-mkto-form input::placeholder,
.node--type-event-page form.mktoForm.ms-mkto-form textarea::placeholder {
    color: #6d7883
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]+label,
.node--type-event-page form.mktoForm.ms-mkto-form input[type=checkbox]+label {
    width: 17px;
    height: 17px;
    border: 1px solid #0176d3;
    margin-left: 0 !important;
    border-radius: 4px;
    margin-top: 6px !important
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]+label:before,
.node--type-event-page form.mktoForm.ms-mkto-form input[type=checkbox]+label:before {
    display: none
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]:checked+label:before,
.node--type-event-page form.mktoForm.ms-mkto-form input[type=checkbox]:checked+label:before {
    content: "\2713 ";
    color: #fff;
    margin-left: 2px;
    position: relative;
    background: 0 0;
    box-shadow: none;
    display: block
}

.br-form-a form.mktoForm.ms-mkto-form input[type=checkbox]:checked+label,
.node--type-event-page form.mktoForm.ms-mkto-form input[type=checkbox]:checked+label {
    background: #0176d3;
    font-size: 14px !important;
    line-height: 15px !important
}

.br-form-a form.mktoForm.ms-mkto-form input#preferencesPrivacyPolicyAgreement,
.node--type-event-page form.mktoForm.ms-mkto-form input#preferencesPrivacyPolicyAgreement {
    display: none
}

.br-form-a form.mktoForm.ms-mkto-form a,
.node--type-event-page form.mktoForm.ms-mkto-form a {
    font-size: 16px;
    line-height: 24px;
    color: #0176d3;
    font-family: "SFBold", Arial, sans-serif;
    padding: 0;
    text-decoration: none
}

.br-form-a form.mktoForm.ms-mkto-form a:hover,
.node--type-event-page form.mktoForm.ms-mkto-form a:hover {
    color: #032d60
}

.br-form-a form.mktoForm.ms-mkto-form label#LblpreferencesPrivacyPolicyAgreement,
.node--type-event-page form.mktoForm.ms-mkto-form label#LblpreferencesPrivacyPolicyAgreement {
    font-family: "SF", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px
}

.br-form-a form.mktoForm.ms-mkto-form mktoButtonWrap.mktoSimple .mktoButton,
.node--type-event-page form.mktoForm.ms-mkto-form mktoButtonWrap.mktoSimple .mktoButton {
    font-family: "SFBold", Arial, sans-serif
}

.br-form-a form.mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth,
.node--type-event-page form.mktoForm.ms-mkto-form label.mktoLabel.mktoHasWidth {
    width: calc(100% - 24px) !important
}

.br-form-a form.mktoForm.ms-mkto-form .mktoRequiredField label.mktoLabel#LblpreferencesPrivacyPolicyAgreement,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoRequiredField label.mktoLabel#LblpreferencesPrivacyPolicyAgreement {
    width: calc(100% - 24px) !important;
    margin-top: 0;
    float: right
}

.br-form-a form.mktoForm.ms-mkto-form .mktoLogicalField.mktoCheckboxList.mktoHasWidth,
.node--type-event-page form.mktoForm.ms-mkto-form .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
    padding: 1px 0 0 !important;
    width: 20px !important
}

.br-form-a .mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
.node--type-event-page .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    font-size: 16px !important
}

.br-form-a #mktoForm_6443 label {
    float: left;
    font-size: 12px;
    color: #787878;
    padding-bottom: 5px
}

.br-form-a #mktoForm_6443 label strong {
    font-weight: 400
}

.br-form-a #mktoForm_6443 select[multiple=multiple] {
    height: 86px;
    background: 0 0
}

.br-form-a #mktoForm_6443 select option[value=""] {
    font-size: 12px
}

.br-form-a #mktoForm_6444 label#LblCountry {
    float: left
}

.br-form-a #mktoForm_6444 textarea {
    height: 86px
}

.br-form-a #mktoForm_6444 input[id*=Agreement] {
    display: none
}

#main form#mktoForm_6781 input#preferencesPrivacyPolicyAgreement {
    display: none
}

#main form#mktoForm_6781 input[type=checkbox]+label:before {
    box-shadow: none
}

.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(11),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(12),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(13),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(14),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(15),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(16) {
    width: 100%;
    max-width: 50% !important;
    display: inline-flex;
    float: none
}

.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(11),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(13),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(15) {
    padding-right: 8px
}

.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(12),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(14),
.node--type-webinar .two-column-form .mktoForm .mktoFormRow:nth-child(16) {
    padding-left: 8px
}

.node--type-webinar #main form.mktoForm label[for=marketingCommunicationsOptInAgreement]:not(.mktoLabel) {
    margin-top: 7px
}

.node--type-webinar #main form.mktoForm label.mktoLabel[for=marketingCommunicationsOptInAgreement].mktoLabel.mktoHasWidth {
    line-height: 30px;
    font-size: 16px;
    padding: 0;
    width: calc(100% - 30px) !important;
    float: right
}

h3.form-title {
    font-family: "AvantGardeBold", Arial, sans-serif
}

#main form#mktoForm_1019 {
    padding-top: 65px !important;
    width: 100% !important;
    max-width: 300px
}

#main form#mktoForm_1019 .mktoFieldWrap,
#main form#mktoForm_1019 .mktoFormCol,
#main form#mktoForm_1019 .mktoFieldWrap,
#main form#mktoForm_1019 textarea.mktoField,
#main form#mktoForm_1019 input.mktoFormCol,
#main form#mktoForm_1019 input[type=text],
#main form#mktoForm_1019 input[type=url],
#main form#mktoForm_1019 input[type=email],
#main form#mktoForm_1019 input[type=tel],
#main form#mktoForm_1019 input[type=number],
#main form#mktoForm_1019 input[type=date],
#main form#mktoForm_1019 textarea.mktoField,
#main form#mktoForm_1019 select.mktoField {
    height: 56px !important
}

#main form#mktoForm_1019 textarea.mktoField,
#main form#mktoForm_1019 input.mktoFormCol,
#main form#mktoForm_1019 input[type=text],
#main form#mktoForm_1019 input[type=url],
#main form#mktoForm_1019 input[type=email],
#main form#mktoForm_1019 input[type=tel],
#main form#mktoForm_1019 input[type=number],
#main form#mktoForm_1019 input[type=date],
#main form#mktoForm_1019 textarea.mktoField,
#main form#mktoForm_1019 select.mktoField {
    border: 1px solid #909aa3
}

#main form#mktoForm_1019 textarea.mktoField::placeholder,
#main form#mktoForm_1019 input.mktoFormCol::placeholder,
#main form#mktoForm_1019 input[type=text]::placeholder,
#main form#mktoForm_1019 input[type=url]::placeholder,
#main form#mktoForm_1019 input[type=email]::placeholder,
#main form#mktoForm_1019 input[type=tel]::placeholder,
#main form#mktoForm_1019 input[type=number]::placeholder,
#main form#mktoForm_1019 input[type=date]::placeholder,
#main form#mktoForm_1019 textarea.mktoField::placeholder,
#main form#mktoForm_1019 select.mktoField::placeholder {
    color: #787878;
    opacity: 1
}

#main form#mktoForm_1019 label#LblpreferencesPrivacyPolicyAgreement {
    font-size: 16px;
    font-family: "SF", Arial, sans-serif;
    font-weight: 400
}

body.node--type-download-page #main .field-node--field-marketo-code form .mktoRequiredField label.mktoLabel,
#main .brc.asset-lps form.mktoForm label,
.node--type-download-page #main form.mktoForm label.mktoLabel[for=marketingCommunicationsOptInAgreement].mktoLabel.mktoHasWidth {
    line-height: 1.5;
    font-size: 16px
}

#main form.mktoForm span {
    color: #181818 !important
}

.br-form-a label#LblmarketingCommunicationsOptInAgreement {
    font-size: 16px;
    line-height: 32px
}

.br-form-a form.mktoForm#mktoForm_377 input[type=checkbox]:checked+label:before {
    border: none;
    margin-top: 1px !important;
    font-size: 14px;
    margin-left: 1px
}

.br-form-b label[id*=Agreement] {
    font-size: 16px;
    line-height: 32px;
    padding-top: 0
}

.br-form-b .mktoCheckboxList>label#LblmarketingCommunicationsOptInAgreement {
    margin-top: 4px !important
}

.br-form-a label.mktoLabel[for=marketingCommunicationsOptInAgreement].mktoLabel.mktoHasWidth {
    line-height: 30px;
    font-size: 16px;
    padding: 0;
    width: calc(100% - 30px) !important;
    float: right
}

.br-form-a input#marketingCommunicationsOptInAgreement {
    display: none
}

.br-form-b #main form.mktoForm#mktoForm_2596,
.br-form-b #main form.mktoForm#mktoForm_5506 {
    max-width: 350px !important;
    margin-left: auto;
    margin-right: auto
}

.br-form-b #main form.mktoForm#mktoForm_2596 .mktoCheckboxList>label,
.br-form-b #main form.mktoForm#mktoForm_5506 .mktoCheckboxList>label {
    margin-left: 0
}

.br-form-b #main form.mktoForm#mktoForm_2596 label.mktoLabel[for*=Agreement],
.br-form-b #main form.mktoForm#mktoForm_5506 label.mktoLabel[for*=Agreement] {
    font-size: 16px
}

.multipurpose-modal {
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.multipurpose-modal.closed {
    display: none
}

.multipurpose-modal .multipurpose-modal-content {
    border-top: 8px solid #0176d3;
    border-radius: 8px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    background: #fff;
    padding: 60px 40px 40px;
    max-width: 600px;
    z-index: 100;
    width: calc(100% - 20px)
}

.multipurpose-modal .multipurpose-modal-content h2 {
    font-size: 22px;
    line-height: 32px;
    color: #181818
}

.multipurpose-modal .multipurpose-modal-content p {
    margin-top: 20px;
    color: #181818
}

.multipurpose-modal .multipurpose-modal-content span.multipurpose-modal-close {
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 2em;
    color: #8a8a8a;
    display: block;
    cursor: pointer
}

.multipurpose-modal .multipurpose-modal-content a.multipurpose-modal-close {
    display: block;
    margin-top: 40px
}

.modal-de .multipurpose-modal-content {
    max-width: 374px;
    border-radius: 16px;
    border-top: none;
    text-align: left;
    padding: 28px 33px 23px
}

.modal-de .multipurpose-modal-content>span.multipurpose-modal-close {
    display: none
}

.modal-de .multipurpose-modal-content .localized-modal-globe {
    display: block;
    padding: 8px;
    width: 45px;
    height: 45px;
    background-color: #002196;
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br-updated.svgz);
    background-position: -199px -171px;
    transform: scale(1.2);
    border-radius: 7px
}

.modal-de .multipurpose-modal-content p {
    margin: 0
}

.modal-de .multipurpose-modal-content h2 {
    color: #002196;
    font-size: 45px;
    line-height: 56px;
    text-align: left;
    margin-top: 30px
}

.modal-de .multipurpose-modal-content .multipurpose-modal-description {
    font-size: 22px;
    line-height: 40px
}

.modal-de .multipurpose-modal-content .multipurpose-modal-link {
    background: #002196;
    border-color: #002196;
    width: 100%;
    border-radius: 4px;
    margin-top: 10px
}

.modal-de .multipurpose-modal-content .multipurpose-modal-link:after {
    content: "\27F6";
    margin-left: 10px
}

.modal-de .multipurpose-modal-content .multipurpose-modal-link:hover {
    color: #002196;
    background: 0 0
}

.modal-de .multipurpose-modal-content .multipurpose-modal-close.multipurpose-modal-stay-link {
    text-align: center;
    color: #002196;
    font-size: 16px;
    margin-top: 0;
    font-family: "SFBold", Arial, sans-serif
}

.ms-com-content.ms-com-content-header header.ms-com-header .right-side>.educational-modal.closed {
    display: none
}

.multipurpose-modal.educational-modal {
    position: absolute;
    top: 127px;
    right: 0;
    width: 272px;
    display: block;
    animation: jump .5s linear alternate infinite;
    background: 0 0
}

.multipurpose-modal.educational-modal .multipurpose-modal-content {
    padding: 20px 16px 16px;
    box-shadow: 0px 1.49415px 5.97661px rgba(24, 24, 24, .08), 0px 5.97661px 8.96491px rgba(24, 24, 24, .16);
    right: -60px
}

.multipurpose-modal.educational-modal .multipurpose-modal-content:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.multipurpose-modal.educational-modal .multipurpose-modal-content .localized-modal-globe {
    background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/new-graphics-br-updated.svgz);
    background-position: -196px -170px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    transform: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0px 2px 8px -2px rgba(24, 24, 24, .08), 0px 8px 12px -2px rgba(24, 24, 24, .16)
}

.multipurpose-modal.educational-modal .multipurpose-modal-content .localized-modal-globe svg {
    display: none
}

.multipurpose-modal.educational-modal .multipurpose-modal-content>span.multipurpose-modal-close {
    display: block;
    top: 10px;
    color: #000
}

.multipurpose-modal.educational-modal h2 {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 2px;
    line-height: 1.5
}

.multipurpose-modal.educational-modal .multipurpose-modal-description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px
}

.multipurpose-modal.educational-modal .multipurpose-modal-content .multipurpose-modal-stay-link {
    text-align: left;
    margin: 15px 0 5px;
    color: #002196;
    font-size: 16px;
    font-family: "SFBold", Arial, sans-serif;
    display: block
}

.ms-com-header.desktop-header.active .multipurpose-modal.educational-modal {
    display: none
}

@keyframes jump {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(0, 5%, 0)
    }
}

.node--type-press-release #main {
    margin-top: 60px
}

.node--type-press-release .mule-breadcrumb {
    margin-left: 0
}

.node--type-press-release .field-node--body {
    margin-top: 30px
}

.node--type-press-release img.align-center+p {
    text-align: center !important
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb {
    list-style: none;
    font-size: 12px;
    text-align: left;
    color: #032d60;
    max-height: 30px;
    margin-top: 10px
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item {
    display: inline-block
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item a {
    text-decoration: none;
    color: #032d60;
    margin: 0;
    font-size: 12px;
    font-family: "SF", Arial, sans-serif
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item a:after {
    content: " >";
    margin-right: 5px
}

.node--type-press-release .field-node--field-pr-custom-breadcrumb .field-item span {
    font-size: 12px
}

.section-en-de.node--type-press-release .billboard,
.section-en-fr.node--type-press-release .billboard,
.section-en-jp.node--type-press-release .billboard,
.section-en-pt.node--type-press-release .billboard {
    padding-top: 45px
}

.section-press-releases .mule-breadcrumb,
.path-press-releases .mule-breadcrumb {
    margin-left: 0
}

.section-press-releases .views-element-container .block-title,
.path-press-releases .views-element-container .block-title {
    margin-bottom: 15px
}

.section-press-releases .views-element-container form[data-drupal-selector=views-exposed-form-press-releases-press-release-lp],
.path-press-releases .views-element-container form[data-drupal-selector=views-exposed-form-press-releases-press-release-lp] {
    margin-bottom: 25px
}

.section-news .mule-breadcrumb {
    margin-left: 0
}

.node--type-press-release.section-press-center .block-region-right-sidebar section:last-child {
    margin-top: 40px
}

.node--type-press-release.section-press-center .default-listing .block-region-right-sidebar {
    margin-top: 0
}

.node--type-press-release.section-press-center .default-listing .recent-press-releases.views-row .views-field-title .field-content a {
    font-size: 16px
}

.press-center-2019 .views-field.views-field-nothing {
    max-width: 298px
}

.path-press-center .mule-breadcrumb {
    padding-top: 65px;
    margin-left: 0
}

.path-press-center .views-row .views-field-title h2.field-content a {
    font-size: 16px
}

.path-press-center .views-row:last-of-type {
    border-bottom: none
}

.path-press-center .news-press-center-view.views-row {
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0 0 12px;
    width: 90%
}

.path-press-center .news-press-center-view.views-row .views-field-nothing .field-content a {
    font-size: 16px
}

.path-press-center .news-press-center-view.views-row .views-field.views-field-nothing {
    float: left;
    width: 100%
}

@media screen and (min-width:992px) {
    .path-press-center .news-press-center-view.views-row .views-field.views-field-nothing {
        width: 70%
    }
}

.path-press-center .views-field.views-field-field-news-source-logo {
    float: left
}

.path-press-center footer {
    font-family: "SFLight", Arial, sans-serif;
    font-size: 13px
}

.path-press-center .views-field.views-field-field-news-source-logo,
.path-press-center .views-field.views-field-nothing,
.section-news .views-field.views-field-field-news-source-logo,
.section-news .views-field.views-field-nothing {
    display: inline-block
}

.path-press-center .views-field.views-field-field-news-source-logo,
.section-news .views-field.views-field-field-news-source-logo {
    float: left;
    margin-right: 45px
}

.path-press-center .views-field.views-field-field-news-source-logo img,
.section-news .views-field.views-field-field-news-source-logo img {
    vertical-align: bottom
}

.path-press-center .views-field.views-field-nothing,
.section-news .views-field.views-field-nothing {
    max-width: 385px
}

.node--type-basic-content-page .main-content.row-wrapper .row {
    padding-top: 0
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs {
    padding-left: 10px
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs ul li a {
    font-size: 12px;
    font-size: 12px
}

.node--type-basic-content-page .mule-breadcrumbs-row .mule-breadcrumbs ul li a:first-child {
    margin-left: 0
}

.node--type-basic-content-page.translatable-page.section-en-de.localized-content #main,
.node--type-basic-content-page.translatable-page.section-en-jp.localized-content #main,
.node--type-basic-content-page.translatable-page.section-en-pt.localized-content #main,
.node--type-basic-content-page.translatable-page.section-en-fr.localized-content #main {
    margin-top: 130px
}

.brc.ty-page.node--type-basic-content-page ul {
    margin-left: 0
}

.brc.ty-page.node--type-basic-content-page #main {
    padding-top: 60px;
    background-color: rgba(234, 245, 254, .5)
}

.brc.ty-page.node--type-basic-content-page #main ul {
    margin-left: 24px
}

.brc.ty-page.node--type-basic-content-page #main .billboard-row {
    padding: 8px 16px 0
}

@media screen and (min-width:600px) {
    .brc.ty-page.node--type-basic-content-page #main .billboard-row {
        padding: 8px 32px 0
    }
}

@media screen and (min-width:992px) {
    .brc.ty-page.node--type-basic-content-page #main .billboard-row {
        padding: 8px 16px 0
    }
}

.brc.ty-page.node--type-basic-content-page #main .main-content {
    padding-top: 90px;
    padding-bottom: 90px
}

.brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs {
    padding-left: 0;
    max-width: calc(1160px - 24px)
}

.brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul {
    margin-left: 0
}

.brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul li:before {
    margin-right: 5px
}

.brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul a,
.brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul span {
    font-family: "SF", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    opacity: 1
}

@media screen and (min-width:992px) {
    .brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul a,
    .brc.ty-page.node--type-basic-content-page #main .mule-breadcrumbs-row .mule-breadcrumbs ul span {
        text-align: left
    }
}

.brc.ty-page.node--type-basic-content-page #main h1 {
    font-size: 33px;
    line-height: 39px;
    text-align: center
}

@media screen and (min-width:600px) {
    .brc.ty-page.node--type-basic-content-page #main h1 {
        font-size: 45px;
        line-height: 55px
    }
}

@media screen and (min-width:992px) {
    .brc.ty-page.node--type-basic-content-page #main h1 {
        max-width: 100%
    }
}

.brc.ty-page.node--type-basic-content-page #main p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    text-align: center
}

.brc .stormbreaker h4 {
    color: #fff
}

.node--type-infographics .billboard-row {
    padding-left: 0;
    padding-right: 0;
    padding: 90px 15px 0 25px;
    background: 0 0
}

.node--type-infographics .mule-breadcrumbs span {
    margin-right: .25rem
}

.node--type-infographics .mule-breadcrumbs-row .mule-breadcrumbs ul li span {
    margin: 15px 4px;
    font-size: 13px
}

.field-name-field-main-content-links .field-item {
    display: inline-block
}

.homepage-banner .component-banner h1 {
    font-size: 28px
}

@media screen and (min-width:992px) {
    .homepage-banner .component-banner h1 {
        font-size: 33px
    }
}

.homepage-banner .component-banner h3 {
    font-family: "SFLight", Arial, sans-serif;
    margin: 0 auto 30px;
    font-size: 15px
}

@media screen and (min-width:992px) {
    .homepage-banner .component-banner h3 {
        line-height: 28px;
        max-width: 750px;
        font-size: 22px
    }
}

.homepage-banner .component-banner row-wrapper>.row {
    padding-top: 45px
}

.homepage .component-main-content.home-feature {
    padding-top: 35px;
    text-align: center;
    max-width: 400px;
    margin: auto
}

.homepage .component-main-content.home-feature h3 {
    margin: 30px 0 16px
}

.homepage .component-main-content.home-feature h3+p {
    margin-bottom: 30px
}

@media screen and (min-width:992px) {
    .homepage .component-main-content.home-feature {
        text-align: left
    }
}

.homepage .homepage-solutions-title h2 {
    font-size: 28px;
    line-height: 32px
}

@media screen and (min-width:992px) {
    .homepage .homepage-solutions-title h2 {
        font-size: 33px
    }
}

.homepage .homepage-solutions .component-animated-svg {
    min-height: 100px
}

.homepage .homepage-solutions .component-animated-svg:hover svg path {
    fill: #0083cf
}

.homepage .homepage-solutions .component-animated-svg:hover .field-component--field-svg-title {
    color: #0083cf
}

.homepage .homepage-solutions .component-animated-svg .field-component--field-svg-title {
    font-size: 15px;
    font-family: "SFBold", Arial, sans-serif;
    font-weight: 400;
    color: #0176d3;
    line-height: 21px;
    padding: 0
}

.homepage .homepage-solutions .move-to-the-cloud.component-animated-svg .field-component--field-svg-title {
    max-width: 71px;
    margin: 3px auto 0
}

.homepage h2.home-heading-2 {
    font-size: 28px;
    margin-top: 0
}

@media screen and (min-width:992px) {
    .homepage h2.home-heading-2 {
        font-size: 33px
    }
}

.homepage .homepage-featured-resources-title .row-wrapper>.row {
    padding-top: 60px;
    padding-bottom: 10px
}

@media screen and (min-width:992px) {
    .homepage .homepage-featured-resources-title .row-wrapper>.row {
        padding-bottom: 5px
    }
}

.homepage .homepage-featured-resources-title h2 {
    margin: 0 auto
}

.homepage .seo-text .row-wrapper .row {
    padding: 40px 10px 0
}

@media screen and (min-width:600px) {
    .homepage .seo-text .row-wrapper .row {
        padding: 40px 10px
    }
}

.homepage .seo-text h4 {
    font-family: "SF", Arial, sans-serif;
    font-size: 16px;
    vertical-align: super;
    color: #2d2d2d;
    margin: 0
}

.homepage .seo-text p {
    font-size: 12px;
    line-height: 20px;
    color: #646569;
    margin: 10px 0 0
}

.homepage .homepage .home-banner-right-cta {
    border: none;
    padding-left: 0;
    margin-bottom: 25px
}

.homepage .homepage .home-banner-left-cta {
    margin-right: 0
}

.homepage .homepage-solutions {
    margin-top: 15px
}

.homepage .homepage-solutions .component-animated-svg {
    min-width: 130px;
    max-width: 130px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 30px
}

.homepage .homepage-solutions .component-animated-svg svg {
    height: 40px
}

@media screen and (min-width:992px) {
    .homepage .homepage-solutions .component-animated-svg {
        min-width: 95px;
        max-width: 13%;
        padding: 0 10px
    }
}

@media screen and (min-width:1160px) {
    .homepage .homepage-solutions .component-animated-svg {
        min-width: 135px;
        max-width: 135px;
        padding: 0 10px
    }
}

.homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
    min-height: auto
}

@media screen and (min-width:992px) {
    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
        min-height: 50px
    }
}

@media screen and (min-width:1160px) {
    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d h3 {
        min-height: auto
    }
    .homepage .homepage-featured-resources .component-tile.component-tile--view-mode-d .field-component--field-tile-body {
        min-height: 90px;
        max-height: 90px
    }
}

.homepage .homepage-featured-resources .component-feature {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 15px
}

@media screen and (min-width:992px) {
    .homepage .homepage-featured-resources .component-feature {
        text-align: left
    }
}

.homepage .homepage-featured-resources .component-feature p.home-feature-body {
    max-width: 400px;
    margin: 16px auto 0
}

@media screen and (min-width:992px) {
    .homepage .homepage-featured-resources .component-feature p.home-feature-body {
        min-height: 90px;
        max-height: 90px
    }
}

.homepage .homepage-featured-resources .component-feature .arrow-button {
    margin: 16px auto;
    display: block
}

.home-2019 article.home-2019 .homepage-banner {
    background-image: -ms-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00a0df), color-stop(100, #5e66f9));
    background-image: -webkit-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0%, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    min-height: 282px;
    margin-top: 65px
}

.home-2019 .home-2019-banner-content .row {
    padding: 0
}

.home-2019 .homepage-banner .component-banner h1 {
    color: #fff;
    margin-top: 0;
    text-align: center
}

.home-2019 .homepage-banner .component-banner h3 {
    font-family: "SF", Arial, sans-serif;
    color: #fff;
    text-align: center
}

.home-2019 .homepage-banner .component-banner .home-banner-left-cta {
    font-size: 15px;
    font-weight: 700
}

.home-2019 .homepage-banner .field-name-field-banner-links {
    text-align: center
}

.home-2019 .homepage-banner .home-banner-left-cta,
.home-2019 .homepage-banner .home-banner-right-cta {
    display: block
}

.home-2019 .homepage-banner .home-banner-left-cta {
    margin-bottom: 30px
}

.home-2019 .homepage-featured-resources .row-wrapper>.row {
    padding-bottom: 0
}

@media screen and (min-width:600px) {
    .home-2019 .homepage-banner .component-banner h3 {
        max-width: 750px;
        font-size: 22px;
        line-height: 30px
    }
    .home-2019 .homepage-banner .component-banner .home-banner-left-cta,
    .home-2019 .homepage-banner .component-banner .home-banner-right-cta {
        display: inline-block
    }
    .home-2019 .homepage-banner .component-banner .home-banner-left-cta {
        margin-right: 20px
    }
    .home-2019 .homepage-featured-resources .row-wrapper>.row {
        padding-bottom: 30px
    }
}

@media screen and (min-width:992px) {
    .home-2019 .homepage-banner .component-banner h1 {
        font-size: 50px;
        line-height: 58px;
        text-align: left
    }
    .home-2019 .homepage-banner .component-banner h3 {
        text-align: left;
        margin-top: 5px
    }
    .home-2019 .homepage-banner .field-name-field-banner-links {
        text-align: left
    }
    .home-2019 article.home-2019 .homepage-banner {
        background: url(/sites/default/files/cmm_files/MS_MainBanner.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: cover;
        min-height: 282px
    }
}

@media screen and (max-width:1160px) {
    .home-2019 .customer-logos .row-wrapper .row {
        padding: 40px 0
    }
}

.home-2019.smartling-de .component-tile.component-tile--view-mode-d .field {
    padding: 0 32px;
    min-height: 60px
}

.homepage-2021 .banner-region .component-banner-br-view-mode-f .field-name-field-br-title h1.multicolor-title {
    font-size: 48px;
    line-height: 56px
}

@media screen and (min-width:1160px) {
    .homepage-2021 .banner-region .component-banner-br-view-mode-f .field-name-field-br-title .multicolor-title {
        padding-top: 102px
    }
}

.homepage-2021 h1.multicolor-title {
    margin-bottom: 9px
}

.homepage-2021 .banner-region .component-banner-br-view-mode-f .field-component--field-br-title {
    margin-bottom: 22px
}

.homepage-2021 .banner-region .component-banner-br-view-mode-f .field-component--field-banner-body {
    padding-bottom: 0
}

.homepage-2021.refresh .banner-region .right {
    position: relative
}

.homepage-2021.refresh .banner-region .right:after {
    background-image: url("/sites/default/files/cmm_files/hero_cloud_background.webp");
    width: 734px;
    height: 481px;
    position: absolute;
    display: block;
    left: -108px;
    top: 10px;
    z-index: 10;
    background-size: contain;
    pointer-events: none
}

.homepage-2021 .banner-region .component-banner-br-view-mode-f .field-name-field-banner-image {
    margin-top: 30px
}

.homepage-2021 .component-large-tile .right .smaller-bold-title {
    font-family: "AvantGardeBold", Arial, sans-serif
}

.homepage-2021 .wes-blue,
.homepage-2021 h2 .light-title {
    color: #032d60
}

.homepage-2021 h2 {
    font-size: 40px;
    line-height: 48px
}

.homepage-2021 h3 {
    font-size: 24px;
    line-height: 32px
}

.homepage-2021 .benefit-row .cell:last-child img {
    margin-bottom: 40px
}

@media screen and (min-width:600px) {
    .homepage-2021 .benefit-row .cell:last-child img {
        margin-bottom: 40px
    }
}

@media screen and (min-width:992px) {
    .homepage-2021 .benefit-row .cell:last-child img {
        margin-bottom: auto
    }
}

.homepage-2021 .seo-text p,
.homepage-2021 .seo-text h4 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .0012em;
    font-family: "SF", Arial, sans-serif;
    color: #181818
}

.homepage-2021 .seo-text a {
    text-decoration-line: underline
}

.homepage-2021 .seo-text a:hover {
    color: #032d60;
    text-decoration-thickness: auto;
    text-underline-offset: auto
}

.path-about .billboard h1 {
    margin: 0 auto;
    max-width: 95%;
    margin: 60px auto 0 auto
}

@media screen and (min-width:600px) {
    .path-about .billboard h1 {
        max-width: 60%
    }
}

@media screen and (min-width:992px) {
    .path-about .billboard h1 {
        max-width: 40%
    }
}

.path-about .billboard .field-name-body {
    margin-top: 40px
}

.path-about .billboard .legend {
    font-size: 22px;
    margin-top: 20px
}

.path-about .billboard .legend .bold {
    font-family: "AvantGardeBold", Arial, sans-serif
}

.path-about .billboard .legend .regular {
    font-family: "SF", Arial, sans-serif
}

.path-about .billboard .vidyard-link-wrapper {
    position: relative;
    width: 100%
}

.path-about .billboard .vidyard-link-wrapper .vidyard-pop-up-button {
    height: 65px;
    width: 65px;
    display: block;
    margin: 0 auto;
    background-image: url(/themes/custom/mule_foundation/images/play.svg)
}

.path-about .billboard .vidyard-link-wrapper .vidyard-pop-up-button:hover {
    background-image: url(/themes/custom/mule_foundation/images/play-hover.svg)
}

.about-page .arrow-button,
.about-page .instagram-button {
    margin-top: 10px
}

.about-page .awards {
    text-align: center
}

.about-page .awards h2 {
    padding-bottom: 30px
}

.about-page .awards .copy {
    max-width: 100%
}

@media screen and (min-width:992px) {
    .about-page .awards .copy {
        max-width: 500px;
        margin: 0 auto 45px
    }
}

.about-page .stat {
    margin-bottom: 55px;
    display: inline-block;
    width: 100%
}

@media screen and (min-width:600px) {
    .about-page .stat {
        width: 33%
    }
}

.about-page .stat.third {
    margin-bottom: 0
}

.about-page .stat-title {
    display: block;
    width: 100%;
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-size: 40px;
    line-height: 45px;
    color: #a1a1a1
}

@media screen and (min-width:992px) {
    .about-page .line-of-code {
        text-align: left
    }
}

.about-page .line-of-code h2 {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 30px
}

@media screen and (min-width:992px) {
    .about-page .line-of-code h2 {
        width: 100%
    }
}

.about-page .line-of-code p {
    padding-bottom: 30px
}

.about-page .why-mule-row.row-wrapper .row {
    padding-bottom: 0
}

@media screen and (min-width:992px) {
    .about-page .why-mule-row.row-wrapper .row .inner {
        text-align: left
    }
}

.about-page .blue-gr-footer-row {
    padding: 30px 0 10px
}

@media screen and (min-width:1160px) {
    .about-page .blue-gr-footer-row {
        height: 150px
    }
}

.about-page .blue-gr-footer-row .block-region-footer {
    max-width: 682px;
    margin: 0 auto
}

.about-page .blue-gr-footer-row .footer-block {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 30px
}

@media screen and (min-width:600px) {
    .about-page .blue-gr-footer-row .footer-block {
        display: inline-block;
        width: 19%;
        height: auto;
        margin-left: auto
    }
}

.about-page .blue-gr-footer-row .footer-block img {
    display: inline-block;
    width: 40px;
    height: auto
}

@media screen and (min-width:600px) {
    .about-page .blue-gr-footer-row .footer-block img {
        width: 67px;
        height: 67px;
        margin: 0 auto;
        display: block
    }
}

.about-page .blue-gr-footer-row .footer-block p {
    color: #fff;
    font-family: "AvantGarde", Arial, sans-serif, arial, sans-serif;
    font-size: 22px;
    margin-top: 10px;
    text-align: left;
    display: inline-block;
    margin-left: 20px
}

@media screen and (min-width:600px) {
    .about-page .blue-gr-footer-row .footer-block p {
        text-align: center;
        display: block;
        margin-left: 0
    }
}

.about-page .careers-banner .billboard-row {
    padding: 95px 28px 40px
}

.about-page .careers-banner .billboard-row h1 {
    font-size: 26px;
    line-height: 28px
}

.about-page .careers-banner .billboard-row.taller {
    min-height: 360px;
    background-image: url("/sites/default/files/2018-05/Career_Muleys_Mobile.png")
}

@media screen and (min-width:600px) {
    .about-page .careers-banner .billboard-row.taller {
        background-image: url("/sites/default/files/2018-05/Career_Muleys_Tablet.png")
    }
}

@media screen and (min-width:992px) {
    .about-page .careers-banner .billboard-row.taller {
        background-image: url("/sites/default/files/2018-05/Career_Muleys_Desktop.png")
    }
}

@media screen and (min-width:992px) {
    .about-page .careers-banner p {
        max-width: 480px;
        margin: 0 auto
    }
}

.about-page .job-post {
    margin-top: -70px
}

.about-page .job-post section {
    background: #fff;
    z-index: 6;
    position: relative;
    box-shadow: 0 32px 54px 0 rgba(0, 0, 0, .1);
    padding: 50px 40px 55px
}

.about-page .job-post .about-job-post {
    width: 100%
}

@media screen and (min-width:600px) {
    .about-page .job-post .about-job-post {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }
}

@media screen and (min-width:992px) {
    .about-page .job-post .about-job-post {
        width: 30%;
        text-align: left
    }
}

.about-page .job-post .about-job-post ul {
    margin-left: 0
}

.about-page .job-post .about-job-post ul li {
    list-style: none;
    margin-bottom: 26px
}

.about-page .job-post .about-job-post ul li p {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 26px
}

.about-page .job-post .about-job-post ul li .job-title {
    font-weight: 700
}

.about-page .job-post .about-job-post:nth-child(2) {
    display: none
}

@media screen and (min-width:600px) {
    .about-page .job-post .about-job-post:nth-child(2) {
        display: inline-block
    }
}

.about-page .job-post .about-job-post:nth-child(3) {
    display: none
}

@media screen and (min-width:992px) {
    .about-page .job-post .about-job-post:nth-child(3) {
        display: inline-block
    }
}

.about-page .job-post .job-post-view-all {
    clear: both;
    padding-top: 55px
}

.about-page .why-a-mule h2:last-of-type {
    padding-bottom: 30px
}

.about-page .run-mules .billboard-row .body {
    width: 70%;
    margin: 0 auto
}

.about-page .ellipsis-row .cell {
    padding-bottom: 60px
}

.about-page .ellipsis-row .cell.awards {
    padding-bottom: 0
}

.about-page .ellipsis-row .cell.awards img {
    padding: 0 30px
}

.about-page .ellipsis-row .cell.line-of-code-image {
    padding-bottom: 0
}

.about-page .row-wrapper.ellipsis-row:before {
    background: #f4fcff;
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    display: block;
    width: 200%;
    height: 100%;
    z-index: 2;
    background: -moz-linear-gradient(bottom, #fff 0, #f4fcff 100%);
    background: -webkit-linear-gradient(bottom, #fff 0, #f4fcff 100%);
    background: linear-gradient(to bottom, #fff 0, #f4fcff 100%)
}

@media screen and (min-width:992px) {
    .about-page .row-wrapper.ellipsis-row:before {
        border-radius: 50%
    }
}

.about-page .row-wrapper.ellipsis-row {
    padding-top: 40px;
    position: relative
}

.about-page .row-wrapper.ellipsis-row div {
    z-index: 3;
    padding-top: 0
}

.about-page .why-mule-image {
    z-index: 5
}

@media screen and (min-width:992px) {
    .about-page .why-mule-image {
        margin-top: -150px;
        z-index: 5
    }
}

.instagram-button:before {
    content: " ";
    background-image: url("/sites/default/files/2018-05/Instagram_Icon.png");
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: 0;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: middle
}

.instagram-button:hover:before {
    content: " ";
    background-image: url("/sites/default/files/cmm_files/Instagram.svg")
}

.blue-gr-footer-row {
    background-image: -ms-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -moz-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -o-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5e66f9), color-stop(100, #00a0df));
    background-image: -webkit-linear-gradient(left, #00a0df 0%, #5e66f9 100%);
    background-image: linear-gradient(to right, #00a0df 0%, #5e66f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.contact-page .reveal:focus {
    outline: -webkit-focus-ring-color auto 0px
}

.contact-page .component-tile.component-tile--view-mode-d {
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image {
    height: 80px
}

@media screen and (min-width:992px) {
    .contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image {
        height: 110px
    }
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-image img {
    position: absolute;
    left: 0;
    top: 0
}

.contact-page .component-tile.component-tile--view-mode-d .field-component--field-tile-body h3 {
    min-height: initial
}

.contact-page .global-hq {
    text-align: center
}

@media screen and (min-width:600px) {
    .contact-page .global-hq {
        text-align: left
    }
}

.contact-page .global-hq img {
    max-width: 70%
}

@media screen and (min-width:480px) {
    .contact-page .global-hq img {
        max-width: 55%
    }
}

@media screen and (min-width:600px) {
    .contact-page .global-hq img {
        max-width: 70%
    }
}

@media screen and (min-width:992px) {
    .contact-page .global-hq img {
        max-width: 100%
    }
}

.contact-page div#contactSales {
    padding: 0;
    border: 0
}

.contact-page div#contactSales:before {
    background-image: linear-gradient(-90deg, #5e66f9 0%, #00a0df 99%);
    content: "";
    display: block;
    height: 5px;
    margin-bottom: 40px
}

.contact-page form.mktoForm label[for=preferencesPrivacyPolicyAgreement] a {
    padding: 0
}

.contact-page form.mktoForm.ms-mkto-form .mktoFieldWrap select {
    border: 1px solid #cfcfcf;
    color: #cfcfcf;
    background-image: url("/sites/default/files/form-carrot.svg");
    background-position: 95% 3px;
    background-repeat: no-repeat;
    background-size: auto
}

.contact-page form.mktoForm.ms-mkto-form .mktoFieldWrap select#Subject.mktoValid {
    color: #787878
}

.contact-page form.mktoForm.ms-mkto-form .form-title {
    font-family: "AvantGarde", Arial, sans-serif
}

.partner-login-wrapper .row-wrapper .row {
    padding: 60px 0 0
}

@media screen and (max-width:992px) {
    .partner-login-wrapper .row-wrapper .row .small-12.medium-7 {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0 15px;
        margin: 0
    }
}

@media screen and (max-width:992px) {
    .partner-login-wrapper .row-wrapper .row .small-12.medium-4 {
        width: 100%;
        float: none;
        padding: 0 15px;
        margin: 0
    }
}

.partner-login-wrapper .row-wrapper.section {
    background: rgba(234, 245, 254, .5);
    padding: 60px 0
}

.partner-login-wrapper .row-wrapper.section .row {
    padding: 0
}

.partner-login-wrapper .partner-login-form {
    background: #0176d3;
    color: #fff;
    padding: 25px;
    width: 328px;
    margin-top: 30px;
    margin-bottom: 53px;
    border-radius: 16px
}

@media screen and (max-width:992px) {
    .partner-login-wrapper .partner-login-form {
        margin: 0 auto 30px auto
    }
}

.partner-login-wrapper .partner-login-form h2.pane-title {
    color: #fff;
    display: block;
    padding-bottom: 20px;
    margin: 0;
    font-size: 22px
}

.partner-login-wrapper .partner-login-form #edit-commit {
    display: inline-block;
    min-height: 40px;
    min-width: 170px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    width: auto;
    height: auto;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 0;
    border-radius: 4px;
    background: #fff;
    border: 2px solid #fff;
    color: #0176d3;
    text-shadow: none;
    font-family: "SFBold", Arial, sans-serif
}

.partner-login-wrapper .partner-login-form #edit-commit:hover {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff
}

.partner-login-wrapper .field-block-content--body p {
    margin-top: 20px;
    margin-bottom: 20px
}

.partner-login-wrapper .block-region-content-section-1 .partner-bottom-cell {
    float: left;
    width: 33.33%;
    padding: 0 .5em
}

@media screen and (max-width:992px) {
    .partner-login-wrapper .block-region-content-section-1 .partner-bottom-cell {
        float: none;
        padding: 0 15px;
        width: 100%;
        text-align: center
    }
}

.partner-login-wrapper .partner-breadcrumb {
    padding-bottom: 30px;
    padding-top: 5px
}

@media screen and (max-width:992px) {
    .partner-login-wrapper .partner-breadcrumb {
        padding-top: 15px
    }
}

.partner-login-wrapper .partner-breadcrumb .field-custom-breadcrumb {
    display: inline
}

.partner-login-wrapper .partner-breadcrumb .field-custom-breadcrumb a:after {
    padding-inline: 3px;
    content: ">"
}

.partner-login-wrapper .partner-breadcrumb .field-custom-breadcrumb:last-child:after {
    content: ''
}

svg.animated g {
    pointer-events: bounding-box
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-first {
    opacity: 0;
    animation: .7s ease-out 0s forwards 1 slideInFromLeftFirst
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-second {
    animation: .2s ease-out .2s forwards 1 slideInFromLeftSecondx
}

.anypoint-platform-101:hover #anypoint-101 .slide-in-last {
    opacity: 0;
    animation: .2s ease-out .4s forwards 1 slideInFromLeftLast
}

.anypoint-platform-101:hover #anypoint-101 .slide-1 {
    animation: .2s ease-out .1s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-2 {
    animation: .2s ease-out .2s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-3 {
    animation: .2s ease-out .3s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-4 {
    animation: .2s ease-out .4s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-5 {
    animation: .2s ease-out .5s forwards 1 slideInFromLeft;
    opacity: 0
}

.anypoint-platform-101:hover #anypoint-101 .slide-6 {
    animation: .2s ease-out .6s forwards 1 slideInFromLeft;
    opacity: 0
}

.gartner-analyst-reports:hover #gartner-report .vertical {
    opacity: 0;
    animation: .5s ease-out 0s forwards 1 slideInFromLeftVerticalLine
}

.gartner-analyst-reports:hover #gartner-report .horizontal {
    opacity: 0;
    animation: .3s ease-out 0s forwards 1 slideInFromBottom
}

.gartner-analyst-reports:hover #gartner-report .fade {
    opacity: 0;
    animation: .6s ease-out .4s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-2 {
    opacity: 0;
    animation: .7s ease-out .5s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-3 {
    animation: .9s ease-out .9s 1 fadeIn;
    opacity: 0;
    animation: 2s normal .8s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-4 {
    animation: 1s ease-out .9s 1 fadeIn;
    opacity: 0;
    animation: 1s normal .9s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-5 {
    animation: 1s ease-out 1s 1 fadeIn;
    opacity: 0;
    animation: 1s normal 1s forwards 1 fadeIn
}

.gartner-analyst-reports:hover #gartner-report .fade-6 {
    animation: 1s ease-out 1.1s 1 fadeIn;
    opacity: 0;
    animation: 1s normal 1.1s forwards 1 fadeIn
}

.application-network-overview:hover #application-network .fade-in {
    opacity: 0;
    animation: grow 1.2s linear
}

.business-automation:hover #icon g.hover-rotate {
    -webkit-animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
    transform-origin: center
}

@keyframes slideInFromLeft {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px)
    }
}

@keyframes slideInFromLeftLast {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0%, 0px)
    }
}

@keyframes slideInFromLeftFirst {
    0% {
        opacity: .4;
        transform: translate(-100%, 0px)
    }
    100% {
        opacity: 1;
        transform: translate(0%, 0px)
    }
}

@keyframes slideInFromLeftSecond {
    0% {
        opacity: .4;
        transform: translate(-100%, 12px)
    }
    100% {
        opacity: .4;
        transform: translate(18px, 15px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes grow {
    0% {
        opacity: 0;
        clip-path: circle(4px at center)
    }
    10% {
        opacity: 1
    }
    50% {
        clip-path: circle(40px at center)
    }
    100% {
        opacity: 1;
        clip-path: circle(40px at center)
    }
}

@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(200%)
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInFromLeftVerticalLine {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    45% {
        opacity: .5
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.team-landing-page .component-banner .field-component--field-banner-body {
    margin: 2em 0 0
}

.team-landing-page h1 {
    display: block;
    font-size: 33px;
    line-height: 33px;
    text-align: center;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 35px
}

.team-landing-page .content-top .team-content-top .team-content-top-row {
    display: block;
    float: left;
    margin-bottom: 18px;
    font-size: 14px;
    padding: 0 10px
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
    background: #f4fcff;
    height: 420px
}

@media only screen and (max-width:1160px) and (min-width:992px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        height: 375px
    }
}

@media screen and (max-width:600px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        max-width: 280px;
        margin: 0 auto
    }
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-image img {
    width: 100%;
    height: auto
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-name {
    margin: 4px 20px 0;
    font-size: 20px
}

.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-title {
    margin: 0 20px;
    line-height: 1.2em
}

@media screen and (max-width:600px) {
    .team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-title {
        padding-bottom: 25px
    }
}

.team-landing-page .content-middle {
    background: rgba(234, 245, 254, .5)
}

.team-landing-page .content-bottom .team-content-bottom h2 {
    text-align: center;
    padding-bottom: 60px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 60px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row.first {
    margin-top: 0
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
    float: left;
    width: 240px;
    color: #323031
}

@media screen and (max-width:600px) {
    .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
    float: left;
    width: calc(100% - 240px);
    padding-left: 30px
}

@media screen and (max-width:600px) {
    .team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
        width: 100%;
        float: none;
        padding-left: 0
    }
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-name {
    font-size: 20px;
    font-weight: 300
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-title,
.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description {
    font-size: 15px
}

.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-title p,
.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description p {
    margin: 1.5em 0
}

.br.team-landing-page .content-top {
    background: linear-gradient(to bottom, #032d60 17%, #fff 17%)
}

.br.team-landing-page .content-top .team-content-top {
    position: relative;
    z-index: 3;
    padding-top: 35px
}

@media screen and (min-width:992px) {
    .br.team-landing-page .content-top .team-content-top:before {
        background-image: url(https://www.mulesoft.com/sites/default/files/cmm_files/brand_pattern.svg);
        background-repeat: no-repeat;
        position: absolute;
        content: '';
        width: 1422px;
        height: 308px;
        top: 111px;
        z-index: -1;
        left: 50%;
        transform: translateX(-49.5%)
    }
}

.br.team-landing-page .content-top .team-content-top .team-content-top-row {
    margin-bottom: 30px;
    padding: 0
}

.br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
    height: 455px;
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    transition: box-shadow .1s;
    cursor: pointer
}

.br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

@media screen and (min-width:600px) {
    .br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        height: 470px
    }
}

@media screen and (min-width:1160px) {
    .br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows {
        height: 440px
    }
}

.br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-name {
    margin-top: 11px;
    font-size: 22px;
    font-family: "AvantGardeBold", Arial, sans-serif;
    font-weight: 700;
    line-height: 32px
}

.br.team-landing-page .content-top .team-content-top .team-content-top-row .team-rows .field-leader-title {
    font-size: 16px;
    line-height: 30px
}

.br.team-landing-page .content-bottom .row-wrapper .row {
    padding-top: 0
}

.br.team-landing-page .content-bottom .team-content-bottom h2 {
    font-size: 33px;
    line-height: 44px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 16px
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row {
    padding: 15px 2px;
    margin-top: 0
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row.first {
    padding: 30px 2px
}

@media screen and (min-width:600px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row.first {
        padding: 30px 5px;
        padding-top: 45px
    }
}

@media screen and (min-width:992px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row.first {
        padding: 30px 10px;
        padding-top: 45px
    }
}

@media screen and (min-width:600px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row {
        padding: 15px 5px
    }
}

@media screen and (min-width:992px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row {
        padding: 15px 10px
    }
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
    width: auto;
    margin-right: 13px
}

@media screen and (min-width:600px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .field-leader-image {
        margin-right: -2px;
        margin-top: 8px
    }
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
    width: auto;
    padding-left: 0
}

@media screen and (min-width:600px) {
    .br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper {
        padding-left: 2px
    }
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-name {
    font-size: 22px;
    font-family: "AvantGardeBold", Arial, sans-serif;
    line-height: 32px;
    font-weight: 700
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-title,
.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description {
    font-size: 16px
}

.br.team-landing-page .content-bottom .team-content-bottom .content-bottom-row .leader-text-wrapper .field-leader-description p {
    margin: 10px 0
}

.branding-page {
    background-color: #fff
}

@media screen and (max-width:1160px) {
    .branding-page .full-width-row {
        padding-top: 30px
    }
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header.active .header-wrapper {
    background: #00044c
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu>li:hover>a,
.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu>li:hover span {
    border-top: none;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu>li:hover a:after {
    display: none
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside nav .menu>li>a {
    padding: 22px 10px 0
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu>li:hover>a,
.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu>li:hover span {
    border-top: none;
    color: #fff;
    background-color: transparent;
    cursor: pointer
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header .header-wrapper .header-inside .right-side .menu>li>a {
    padding: 22px 10px 0
}

.branding-page .ms-com-content.ms-com-content-header header.ms-com-header.mobile-header .menu>li>a {
    pointer-events: all
}

.branding-page .title.border-bottom h1 {
    border-bottom: 1px solid #d1d1d1;
    font-size: 22px;
    line-height: 28px;
    color: #2a2a2a;
    padding: 5px 0
}

@media screen and (max-width:600px) {
    .branding-page .title.border-bottom h1 {
        border: none;
        text-align: center
    }
}

.branding-page .brand-section-title h2 {
    color: #000;
    font-family: "AvantGarde", Arial, sans-serif;
    font-size: 23px;
    line-height: 29px;
    text-align: center
}

.branding-page .brand-section .cell {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #c4c4c4
}

.branding-page .brand-section .cell.last {
    box-shadow: none
}

.branding-page .brand-section .cell.last>div {
    padding: 15px 20px 0
}

.branding-page .brand-section .cell.last .distri-img {
    margin-bottom: 1em
}

.branding-page .brand-section .cell.last h3 {
    color: #000;
    font-family: "AvantGarde", Arial, sans-serif;
    font-size: 23px;
    line-height: 29px
}

.branding-page .brand-section .cell.last p {
    margin-bottom: 0;
    color: #2d2d2d;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section .cell.last p.email {
    color: #00a0df;
    font-family: "SF", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section .cell .field-component--field-brand-title {
    padding: 25px 30px 15px
}

.branding-page .brand-section .cell .field-component--field-brand-title .field-item {
    font-size: 23px;
    line-height: 29px;
    color: #000;
    font-family: "AvantGarde", Arial, sans-serif
}

@media screen and (max-width:600px) {
    .branding-page .brand-section .cell .field-component--field-brand-title .field-item {
        border: none;
        text-align: center
    }
}

.branding-page .brand-section .cell .field-component--field-brand-link {
    padding: 15px 30px 25px
}

.branding-page .brand-section .cell .field-component--field-brand-link a {
    border: none;
    font-family: "SF", Arial, sans-serif;
    font-size: 15px;
    color: #00a0df;
    line-height: 24px
}

.branding-page .brand-section .cell .field-component--field-brand-link a:before {
    display: inline-block;
    padding-right: 15px;
    background-image: url(https://www.mulesoft.com/sites/default/files/MS_CTA_Carrot_White-01.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 8px 6px;
    background-color: #00a3e0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
    content: " ";
    vertical-align: middle
}

.branding-page .brand-section .cell .brand-bg {
    padding-top: 35.28%
}

.branding-page .brand-section .cell .brand-bg.primary-blue {
    background: #00a0df
}

.branding-page .brand-section .cell .brand-bg.dark-gray {
    background: #414042
}

.branding-page .brand-section .cell .brand-bg.light-gray {
    background: #99999a
}

.branding-page .brand-section .cell .brand-bg.secondary-blue {
    background: #00607c
}

.branding-page .brand-section .cell .brand-bg.medium-gray {
    background: #646469
}

.branding-page .brand-section .cell .brand-bg.background-gray {
    background: #eaf5fe
}

.branding-page .brand-section .cell .brand-bg.viridian {
    background: #00b39c
}

.branding-page .brand-section .cell .brand-bg.future-green {
    background: #00b268
}

.branding-page .brand-section .cell .brand-bg.indigo {
    background: #5e66f9
}

.branding-page .brand-section .cell .brand-bg.brand-button {
    background: #77bc1f
}

.branding-page .brand-section .cell .brand-bg.button-active {
    background: #009444
}

.branding-page .brand-section .cell .brand-bg.link {
    background: #00a0df
}

.branding-page .brand-section .cell .brand-bg.warning-red {
    background: #d1344e
}

.branding-page .brand-section .cell .brand-bg.alert-yellow {
    background: #f2be24
}

.branding-page .brand-section .cell .brand-color-wrapper {
    padding: 25px 30px 15px;
    width: 100%;
    display: block;
    overflow: hidden
}

.branding-page .brand-section .cell .brand-color-wrapper h3 {
    margin-bottom: 1em;
    color: #000;
    font-family: "AvantGarde", Arial, sans-serif;
    font-size: 22px;
    line-height: 28px
}

.branding-page .brand-section .cell .brand-color-wrapper h3 sup {
    font-size: 22px;
    top: 0
}

.branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper {
    float: left;
    width: 50%;
    margin-bottom: 5px
}

.branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper strong,
.branding-page .brand-section .cell .brand-color-wrapper .cell-wrapper span {
    color: #2d2d2d;
    font-family: "SF", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px
}

.branding-page .brand-section.brand-color-asterdisk .cell {
    box-shadow: none
}

.branding-page .brand-section.brand-color-asterdisk p.asterdisk {
    margin-top: 1em;
    color: #2d2d2d;
    font-family: "SF", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px
}

.branding-page .branding-email-signature {
    padding-top: 15px
}

.branding-page .branding-email-signature table {
    border-spacing: 0;
    border-collapse: initial;
    width: auto;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
    height: 80;
    font-family: "AvantGarde", Arial, sans-serif;
    margin: 0;
    padding: 0
}

.branding-page .branding-email-signature th,
.branding-page .branding-email-signature td {
    background: #fff;
    text-align: left;
    font-family: "AvantGarde", Arial, sans-serif
}

.branding-page .branding-email-signature th:after,
.branding-page .branding-email-signature td:after {
    content: none
}

.branding-page .branding-email-signature .email-signature-legal {
    font-family: "SF", Arial, sans-serif;
    font-size: 11px;
    color: #888;
    line-height: 1.5em
}

.section-brand li.video-row {
    margin-bottom: 25px
}

.section-brand li.video-row:hover {
    box-shadow: 0 15px 44px 0 rgba(119, 118, 118, .25);
    cursor: pointer
}

.section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu>li:hover>a,
.section-brand .section-brand .ms-com-content.ms-com-content-header header.ms-com-header.desktop-header.active .menu>li:hover>span {
    color: #fff
}

.section-brand header.ms-com-header.mobile-header .menu>li>a {
    pointer-events: all
}

body.smartling-padding-top {
    padding-top: 110px
}

.smartling-de.node--type-customer-story .banner h1,
.smartling-fr.node--type-customer-story .banner h1,
.smartling-es.node--type-customer-story .banner h1 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 80%
}

@media screen and (min-width:992px) {
    .smartling-de.node--type-customer-story .banner h1,
    .smartling-fr.node--type-customer-story .banner h1,
    .smartling-es.node--type-customer-story .banner h1 {
        max-width: 50%
    }
}

.smartling-fr .banner-region .component-banner-br-view-mode-b .mule-button-br,
.smartling-de .banner-region .component-banner-br-view-mode-b .mule-button-br,
.smartling-pt .banner-region .component-banner-br-view-mode-b .mule-button-br,
.smartling-es .banner-region .component-banner-br-view-mode-b .mule-button-br {
    min-width: 300px
}

.smartling-fr .component-tile.component-tile--br-view-mode-c h3,
.smartling-de .component-tile.component-tile--br-view-mode-c h3,
.smartling-pt .component-tile.component-tile--br-view-mode-c h3,
.smartling-es .component-tile.component-tile--br-view-mode-c h3 {
    font-size: 20px
}

@media screen and (min-width:600px) {
    .smartling-es .banner-region .component-banner-br-view-mode-f .mule-button-br {
        min-width: 327px
    }
}

.long-cta .banner-region .component-banner-br-view-mode-f .mule-button-br,
.long-cta.banner-region .component-banner-br-view-mode-f .mule-button-br {
    min-width: 327px
}

@media screen and (min-width:600px) {
    .long-cta .banner-region .component-banner-br-view-mode-f .mule-button-br:first-child,
    .long-cta.banner-region .component-banner-br-view-mode-f .mule-button-br:first-child {
        margin-right: 0
    }
}

@media screen and (min-width:992px) {
    .long-cta .banner-region .component-banner-br-view-mode-f .mule-button-br:first-child,
    .long-cta.banner-region .component-banner-br-view-mode-f .mule-button-br:first-child {
        margin-right: 6px
    }
}

.long-cta .banner-region .component-banner-br-view-mode-b .mule-button-br,
.long-cta.banner-region .component-banner-br-view-mode-b .mule-button-br {
    min-width: 300px
}

@media screen and (min-width:600px) {
    .long-cta .banner-region .component-banner-br-view-mode-b .mule-button-br:first-child,
    .long-cta.banner-region .component-banner-br-view-mode-b .mule-button-br:first-child {
        margin-right: 0
    }
}

@media screen and (min-width:992px) {
    .long-cta .banner-region .component-banner-br-view-mode-b .mule-button-br:first-child,
    .long-cta.banner-region .component-banner-br-view-mode-b .mule-button-br:first-child {
        margin-right: 6px
    }
}

@media screen and (min-width:992px) {
    .smartling-pt.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button,
    .smartling-fr.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button {
        min-width: 300px
    }
}

@media screen and (min-width:992px) {
    .smartling-pt.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button:nth-child(2),
    .smartling-fr.node--type-product-page-t3 .banner-region .component-banner-view-mode-b .mule-button:nth-child(2) {
        margin-left: 0;
        margin-top: 0
    }
}

.sm-long.homepage-2021 .component-tile.component-tile--br-view-mode-a .field-name-field-tile-body p {
    font-size: 18px;
    line-height: 25px
}

@media screen and (min-width:992px) {
    .sm-long.homepage-2021 .tab-system-padding {
        margin-top: -180px
    }
}

.sm-long .featured-tiles .component-tile--view-mode-d h3 {
    min-height: 80px
}

.smartling-fr.home-localized .component-tile--view-mode-d .field-component--field-tile-body p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.smartling-fr.home-localized .component-tile--view-mode-d h3 {
    font-size: 19px;
    line-height: 26px
}

@media screen and (min-width:600px) {
    .smartling-fr.home-localized .component-tile--view-mode-d h3 {
        font-size: 22px;
        line-height: 26px
    }
}

@media screen and (max-width:600px) {
    .sm-long.homepage-2021 .field-wrapper.field.field-component--field-banner-links.field-name-field-banner-links.field-type-bricks-revisioned.field-label-hidden a:last-child {
        min-width: 100%
    }
}

.smartling-fr .component-tile h3,
.smartling-de .component-tile h3,
.smartling-es .component-tile h3 {
    font-size: 20px;
    line-height: 23px
}

.smartling-fr .component-tile h3.br-eyebrow,
.smartling-de .component-tile h3.br-eyebrow,
.smartling-es .component-tile h3.br-eyebrow {
    font-size: 12px;
    line-height: 30px
}

.smartling-fr .component-tile p,
.smartling-de .component-tile p,
.smartling-es .component-tile p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.smartling-fr .component-feature--br-view-mode-b .field-component--title,
.smartling-de .component-feature--br-view-mode-b .field-component--title,
.smartling-pt .component-feature--br-view-mode-b .field-component--title,
.smartling-es .component-feature--br-view-mode-b .field-component--title {
    max-height: 190px
}

.smartling-es .component-large-tile-with-quote .left {
    cursor: initial
}

.smartling-de h2.mule-h3-br {
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word
}