.partner,
.succeed-with-us {
    background-repeat: no-repeat
}

.careers-page-class a.btn.gray-button,
.nwsrm-custm-template .fetrd-desc,
footer .links a,
footer .links a:nth-child(2),
footer ul li a {
    margin-bottom: 10px
}

#menu ul li a,
#menu ul li a.current {
    font-family: serenity;
    color: #170034!important
}

#subscribe-form,
#subscribeForm {
    width: 87%;
    background-image: url(/themes/custom/metrics/css/../images/subscribe.webp);
    background-size: cover
}

#subscribe-form,
#subscribeForm,
.partner,
.succeed-with-us {
    background-size: cover
}

.col-md-6.wbnr-img-wrap,
.headerbg .menu,
.home-page-class .fa-chevron-left:before,
.home-page-class .fa-chevron-right:before,
.node-id-3391 .views-element-container .view-content .views-rows .col-md-6,
.survey-lp-new #survey-section-fourth .top-space-fourth-survey .side-line-pomu,
.survey-lp-new #survey-section-second .img-one-anime-survey {
    align-self: center
}

#subscribe-form label,
.career-metrics-new .bck-url,
.node--type-product-pages section.apps-about-content .BVD ul li:last-child::before,
.page-prod-main-wrap .marker {
    visibility: hidden
}

@font-face {
    font-family: museo-sans;
    src: url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: museo-sans;
    src: url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/5cca6d/00000000000000000000e802/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: museo-sans;
    src: url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: museo-sans;
    src: url("https://use.typekit.net/af/2841b6/00000000000000000000e806/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/2841b6/00000000000000000000e806/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/2841b6/00000000000000000000e806/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: museo-sans-rounded;
    src: url("https://use.typekit.net/af/00279f/000000000000000077359942/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/00279f/000000000000000077359942/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/00279f/000000000000000077359942/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: museo-sans-rounded;
    src: url("https://use.typekit.net/af/d39206/00000000000000007735994a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/d39206/00000000000000007735994a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/d39206/00000000000000007735994a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: museo-sans-rounded;
    src: url("https://use.typekit.net/af/f8a7d1/000000000000000077359977/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/f8a7d1/000000000000000077359977/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/f8a7d1/000000000000000077359977/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: museo-sans-rounded;
    src: url("https://use.typekit.net/af/a52fd8/000000000000000077359984/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a52fd8/000000000000000077359984/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a52fd8/000000000000000077359984/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: museo-sans-condensed;
    src: url("https://use.typekit.net/af/da6ab2/000000000000000000012ca6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/da6ab2/000000000000000000012ca6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/da6ab2/000000000000000000012ca6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: museo-sans-condensed;
    src: url("https://use.typekit.net/af/f58f65/000000000000000000012ca7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/f58f65/000000000000000000012ca7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/f58f65/000000000000000000012ca7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: museo-sans-condensed;
    src: url("https://use.typekit.net/af/592eea/000000000000000000012caa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/592eea/000000000000000000012caa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/592eea/000000000000000000012caa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: museo-sans-condensed;
    src: url("https://use.typekit.net/af/9c0805/000000000000000000012cab/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/9c0805/000000000000000000012cab/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/9c0805/000000000000000000012cab/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: museo-sans-display;
    src: url("https://use.typekit.net/af/40f89d/000000000000000077359978/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/40f89d/000000000000000077359978/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/40f89d/000000000000000077359978/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: museo-sans-display;
    src: url("https://use.typekit.net/af/9ed559/000000000000000077359966/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/9ed559/000000000000000077359966/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/9ed559/000000000000000077359966/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/13da99/00000000000000007735b450/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/13da99/00000000000000007735b450/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/13da99/00000000000000007735b450/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 200
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/f60a01/00000000000000007735b45e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/f60a01/00000000000000007735b45e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/f60a01/00000000000000007735b45e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/3ccfef/00000000000000007735b463/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/3ccfef/00000000000000007735b463/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/3ccfef/00000000000000007735b463/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/7b12e5/00000000000000007735b464/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/7b12e5/00000000000000007735b464/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/7b12e5/00000000000000007735b464/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/659cd5/00000000000000007735b465/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/659cd5/00000000000000007735b465/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/659cd5/00000000000000007735b465/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 900
}

@font-face {
    font-family: serenity;
    src: url("https://use.typekit.net/af/6ef1b7/00000000000000007735b466/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/6ef1b7/00000000000000007735b466/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/6ef1b7/00000000000000007735b466/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 100
}

.site-logo {
    width: 300px;
    height: 60px
}

@media (min-width:1200px) {
    #header .header-container {
        width: 80%
    }
}

#header .header-menus {
    width: fit-content;
    float: right;
    display: flex
}

#header .cta-contact-us,
#header .cta-request-demo,
.View-all {
    padding: 16px 32px;
    text-align: center;
    vertical-align: middle;
    display: inline-table;
    margin-right: 30px;
    letter-spacing: 0;
    opacity: 1;
    color: #170034;
    width: 223px;
    font: bold 20px/27px Noto Sans
}

#header .cta-contact-us,
.View-all {
    border: 1px solid #00c8b6;
    text-transform: capitalize;
    border-radius: 0
}

#header .cta-request-demo {
    background: no-repeat padding-box #00ffc7;
    border-radius: 0
}

#list .know-more-partner,
#what .watch-more {
    border: 2px solid #00c8b6;
    display: table-cell;
    vertical-align: middle
}

#opensearchbtn {
    margin-top: 15px;
    vertical-align: middle;
    margin-right: 30px;
    padding: 0
}

.blog--article #featuredBLogLanding,
.survey-lp-new #survey-section-fifth h3.state-competary,
.survey-lp-new #survey-section-seventh h3.state-competary,
.survey-new-metrics #survey-section-fifth h3.state-competary,
.survey-new-metrics #survey-section-seventh h3.state-competary,
header#header {
    margin-top: 40px
}

#what .watch-more,
.new-at-metric .View-all {
    margin-top: 20px;
    padding: 15px 20px
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/7c76bb/00000000000000007735e044/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a75ed3/00000000000000007735b443/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/b3f0a0/00000000000000007735b44c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/02fb57/00000000000000007735b454/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/faecf4/00000000000000007735b458/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/5ac2c7/00000000000000007735b460/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/749a01/00000000000000007735b461/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: serenity;
    font-display: swap;
    src: url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/5dc604/00000000000000007735b462/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

.tk-serenity {
    font-family: serenity, sans-serif
}

#myCarousel span.carousel-captions {
    position: absolute;
    left: 11%;
    top: 18%
}

.icon-hamburger {
    padding: 15px 0 10px
}

#myCarousel .carousel-captions h2 {
    text-align: left;
    font: 64px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    margin-bottom: 25px
}

#myCarousel .carousel-captions .bnr-desc-main {
    text-align: left;
    font: 32px/43px Noto Sans;
    letter-spacing: 0;
    color: #313131;
    opacity: 1;
    margin-bottom: 5px
}

#myCarousel .carousel-captions .btn-custom1,
.main-h-one-title h1,
.what-we-do h3 {
    text-align: center;
    opacity: 1;
    letter-spacing: 0
}

#myCarousel .carousel-captions .btn-custom1 {
    background: no-repeat padding-box #170034;
    font: bold 24px/33px Noto Sans;
    color: #fff;
    display: table
}

.main-h-one-title h1 {
    font: bold 2.5em/74px Serenity;
    color: #170034;
    margin-top: 0
}

@media screen and (min-width:768px) and (max-width:991px) {
    .main-h-one-title h1 {
        font-size: 40px
    }
}

.what-we-do h3 {
    font: bold 68px/74px Serenity;
    color: #170034
}

.tab {
    overflow: hidden;
    padding-bottom: 50px;
    width: fit-content;
    margin: auto
}

.new-at-metric .res-bottom-row-items .read-more {
    bottom: 25px
}

.tab button {
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    transition: .3s;
    border-bottom: 1px solid #ccc
}

.tab button.active {
    border-bottom: 2px solid #ee752f;
    position: relative
}

.tab button.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid red;
    position: absolute;
    top: 100%;
    left: 40%
}

.tabcontent {
    display: none;
    padding: 6px 0;
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 0
}

#subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field,
.featured-banner .ftrd-bnr-img,
.lts-talk-form,
.lts-talk-form.aos-init.aos-animate,
.mid-article-sec .article img,
.tabcontent img {
    width: 100%
}

.tabcontent h3 {
    text-align: left;
    font: bold 45px/50px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.contain {
    padding: 0 20% 0 30px
}

.contain p {
    text-align: left;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1
}

.contain ul li a,
.why-partner-with-us h3 {
    color: #170034;
    opacity: 1;
    letter-spacing: 0
}

.contain ul {
    padding: 0;
    display: grid;
    margin-bottom: 30px;
    list-style: none
}

.contain ul li {
    padding: 5px 0
}

.contain ul li a {
    text-align: left;
    text-decoration: underline;
    font: bold 24px/33px Noto Sans;
    position: relative
}

.contain ul li a::after {
    content: '▶';
    position: absolute;
    right: -40px;
    color: #ff7e2e
}

#what .watch-more {
    background: no-repeat padding-box #fff;
    opacity: 1;
    width: 216px;
    height: 60px;
    margin-top: 20px;
    justify-content: center
}

#Risk,
.customer-talk-image i,
.page-node-type-partner-pages .tabcontent img,
.page-prod-main-wrap .benefit-metric {
    display: block
}

.partner {
    background-image: url("../images/Path5757.webp")
}

.why-partner-with-us h3 {
    text-align: center;
    font: bold 68px/74px Serenity
}

.why-partner-with-us h5 {
    text-align: center;
    font: 24px/34px Noto Sans;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1
}

#list .know-more-partner {
    width: 181px;
    font: bold 20px/27px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.partner-details h3 {
    text-align: left;
    font: 24px/38px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    margin-bottom: 50px
}

.row {
    margin: 0!important
}

.partner-details {
    border-top: 2px solid #00ffc7;
    opacity: 1;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 40px;
    margin-bottom: 15px
}

div#list {
    margin: auto;
    padding-bottom: 80px
}

.page-prod-main-wrap .Prod-benefit-section .text-benefit,
.tabcontent .col-md-6:first-child {
    padding-left: 0;
    padding-right: 0
}

.succeed-with-us {
    background-image: url("../images/subscribe.webp");
    padding-bottom: 140px
}

.career-metrics-new.careers-page-class .serach-jobs .btn.cta-get-started,
.owl-carousel {
    display: block!important
}

#myCarousel .owl-dot.active,
#myCarousel-2437 .carousel-indicators .active,
#testimonials-carousel .owl-dot.active {
    background-color: #ff7e2e!important;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 1px solid #ff7e2e;
    float: left;
    margin: 6px;
    border-radius: 25px
}

#testimonials-carousel .owl-nav .owl-next,
#testimonials-carousel .owl-nav .owl-prev {
    background-image: url("/home/vishak/user/Desktop/metric_stream/images/arrow--left.png");
    background-size: 16px;
    background-repeat: no-repeat;
    top: 50%;
    background-position: 14px;
    box-shadow: 0 -2px 24px #00000057;
    opacity: .27;
    padding: 25px;
    position: absolute
}

#myCarousel .active,
#testimonials-carousel .owl-dots .active {
    color: #ff7e2e;
    content: 'U+027A4'
}

#myCarousel .owl-dot {
    width: 14px;
    height: 14px;
    background: #fff;
    float: left;
    margin: 7px 6px 6px;
    border-radius: 25px
}

#myCarousel,
#testimonials-carousel,
#what .tabcontent .col-md-6:first-child,
.article img {
    position: relative
}

#myCarousel .owl-dots {
    position: absolute;
    width: fit-content;
    margin: auto;
    left: 46%
}

.succeed-with-us h2 {
    padding: 100px 100px 25px;
    color: #fff;
    margin-top: 0;
    text-align: center;
    font: 600 68px/74px Serenity;
    margin-bottom: 53px;
    position: relative
}

.footer-logo-wrap p,
footer .links a,
footer ul li a,
footer ul li a:hover {
    /* font: 300 16px/22px Serenity; */
    color: #fff
}

.testimonials {
    width: 70%;
    margin: auto;
    background: #fff;
    box-shadow: 6px 9px 60px #0a5D61A3
}

.testimonials .item {
    display: flex;
    padding: 100px 150px;
    position: relative
}

.testimonials .item .comma-1 {
    position: absolute;
    width: 150px!important;
    left: 4%;
    top: 10%;
    z-index: 999999
}

.testimonials .item .comma-2 {
    position: absolute;
    width: 150px!important;
    right: 4%;
    bottom: 10%;
    transform: rotateY(180deg)
}

.testimonials #testimonials-carousel .item img {
    width: 300px;
    height: auto
}

#myCarousel-2437 li,
#testimonials-carousel .owl-dot {
    width: 14px;
    height: 14px;
    background: #fff;
    float: left;
    margin: 7px 6px 6px;
    border-radius: 25px;
    border: 1px solid #ff7e2e
}

#block-letstalkform input,
#block-letstalkform select,
#block-letstalkform textarea,
.new-at-metric .View-all {
    background: no-repeat padding-box #fff
}

#myCarousel-2437 .owl-dots,
#testimonials-carousel .owl-dots {
    position: absolute;
    bottom: -100px;
    width: fit-content;
    margin: auto;
    left: 46%;
    display: block!important
}

#testimonials-carousel .owl-nav div {
    font-size: 0px
}

.owl-nav>div {
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 8px 13px
}

#testimonials-carousel .owl-nav .owl-prev {
    left: 4%
}

#testimonials-carousel .owl-nav .owl-next {
    transform: rotate(178deg);
    right: 4%
}

div#client-carousel {
    padding: 50px 0
}

.new-at-metric,
.page-node-type-author-detail #block-metrics-content #block-breadcrumbs {
    width: 80%;
    margin: auto
}

.new-at-metric .display {
    display: grid
}

.new-at-metric .display span {
    position: absolute;
    bottom: 1px;
    left: 1px;
    text-align: center
}

@media screen and (min-width:1500px) {
    #testimonials-carousel .carousel-captions {
        padding: 0 150px 0 50px
    }
    .custom-slider-first span.carousel-captions.aos-init.aos-animate {
        left: 17%!important
    }
}

@media screen and (max-width:1499px) {
    #testimonials-carousel .carousel-captions {
        padding: 0 0 0 50px
    }
}

#testimonials-carousel .carousel-captions h1 {
    text-align: left;
    font: 22px/32px Noto Sans;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1;
    margin-top: 0;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px
}

#testimonials-carousel .carousel-captions .name {
    text-align: left;
    font: 17px/32px Noto Sans;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1;
    margin-top: 0
}

#myCarousel-2437 .carousel-captions .client-company,
#myCarousel-2437 .carousel-captions .designation,
#testimonials-carousel .carousel-captions .designation {
    text-align: left;
    font: 300 20px/24px Serenity;
    letter-spacing: 0;
    color: #0f6f73;
    opacity: 1
}

#testimonials-carousel .carousel-captions h1:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #ff7e2e
}

.new-at-metric .col-md-9 h2 {
    text-align: left;
    font: 600 68px/74px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px
}

.new-at-metric .col-md-9 h2:before,
.succeed-with-us h2::before {
    position: absolute;
    border-bottom: 2px solid #ff7e2e;
    bottom: 0;
    content: ""
}

footer .products .by-role,
footer .social-media,
footer ul {
    padding: 0;
    list-style: none
}

.new-at-metric .col-md-9 h2:before {
    width: 18%;
    height: 1px;
    left: 0
}

.new-at-metric .View-all {
    width: 157px;
    border: 2px solid #00c8b6;
    margin-top: 20px;
    float: right;
    display: block;
    font: bold 20px/27px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.new-at-metric .display span {
    height: 44px;
    font: bold 18px/24px Noto Sans;
    letter-spacing: 0;
    color: #10052f;
    opacity: 1
}

.new-at-metric .col-md-8 h3 {
    font: medium 44px / 48px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.new-at-metric .col-md-8 p,
.new-at-metric .first-row .col-md-4 .row:last-child {
    font: 20px/30px Noto Sans;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1
}

.new-at-metric .col-md-8 .read-more {
    text-align: left;
    text-decoration: underline;
    font: bold 23px/32px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    padding: 5px
}

.new-at-metric img {
    width: 100%;
    transition: transform .2s
}

.new-at-metric .second-row .col-md-6:first-child {
    padding-left: 0;
    padding-right: 20px
}

.new-at-metric .second-row .col-md-6:last-child {
    padding-right: 0;
    padding-left: 20px
}

.new-at-metric .col-md-8 {
    padding-right: 40px
}

.new-at-metric .second-row {
    margin-top: 30px!important
}

.new-at-metric .second-row h3 {
    font: medium 30px / 40px Serenity
}

.new-at-metric .col-md-4 .read-more {
    text-align: left;
    text-decoration: underline;
    font: bold 23px/32px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    padding: 5px 5px 5px 0
}

.new-at-metric .first-row .col-md-4 .row:first-child {
    margin-bottom: 30px!important
}

.succeed-with-us h2::before {
    width: 10%;
    height: 1px;
    left: 45%
}

footer {
    background: no-repeat padding-box #10052f;
    opacity: 1;
    margin-top: 0
}

@media (min-width:1200px) and (max-width:1500px) {
    footer .container {
        width: 1170px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    footer .container {
        width: 940px
    }
}

@media (min-width:1501px) {
    footer .container {
        width: 90%
    }
}

footer .footer-logo-wrap {
    width: 16%;
    float: left
}

footer .products {
    width: 26%;
    float: left;
    margin-left: 3%
}

footer .products .products-list {
    padding: 0;
    list-style: none;
    width: 50%;
    float: left
}

footer .social-media {
    display: flex;
    margin-left: -10px;
    margin-top: 30px
}

footer .social-media li {
    width: 16%;
    text-align: center
}

#myCarousel-2437 .carousel-captions p,
.footer-logo-wrap p,
footer .links a,
footer h4,
footer ul li a,
footer ul li a:hover {
    text-align: left;
    letter-spacing: 0
}

footer .products .by-role {
    display: flex;
    width: 100%
}

footer .products .by-role li {
    width: 12%
}

footer .products .by-role li:first-child {
    width: 28%;
    color: #fff
}

footer .Industries,
footer .PLATFORM,
footer .Solutions,
footer .links {
    width: 13%;
    float: left
}

footer .links {
    display: grid;
    padding-left: 35px
}

.footer-logo-wrap p {
    margin-top: 15px;
    opacity: .68
}

footer ul li a {
    opacity: .77
}

footer ul li a:hover {
    opacity: .77;
    text-decoration: none
}

footer h4 {
    font: 300 16px 18px / 50px Serenity;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 25px;
    width: 75px
}

footer .links a {
    opacity: 1
}

.new-tmplt-case-studies .cs-cta-wrap,
footer .links a:first-child {
    margin-top: 10px;
    margin-bottom: 10px
}

footer .links a:nth-child(3) {
    margin-bottom: 20px
}

footer .container {
    padding: 80px 0 60px
}

footer .copyright {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .48)
}

footer .copyright p {
    letter-spacing: 0;
    color: #fff;
    opacity: .68
}

@media (min-width:1051px) and (max-width:1399px) {
    #header .header-container {
        width: 90%
    }
    #header .cta-contact-us,
    #header .cta-request-demo {
        width: 170px
    }
}

@media (min-width:992px) and (max-width:1050px) {
    #header .header-container {
        width: 100%
    }
    #header .cta-contact-us,
    #header .cta-request-demo {
        width: 170px
    }
}

.contain h3 {
    margin-top: 3%;
    font-weight: 400
}

@media screen and (min-width:992px) and (max-width:1100px) {
    .partner-details img {
        width: 100%
    }
    div#list {
        width: 85%;
        margin: auto;
        padding-bottom: 80px
    }
    .new-at-metric,
    .testimonials {
        width: 90%
    }
    footer .products .by-role li {
        width: inherit
    }
    #myCarousel .carousel-captions h2 {
        font-size: 30px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        font-size: 20px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 18px;
        width: 200px;
        max-height: 70px;
        padding: 15px 10px 10px
    }
    .new-at-metric .col-md-9 h2,
    .tabcontent h3,
    .what-we-do h3,
    .why-partner-with-us h3 {
        font-size: 40px
    }
    .succeed-with-us h2 {
        font-size: 40px;
        padding-top: 35px;
        padding-bottom: 10px;
        margin-bottom: 30px
    }
    .partner-details h3 {
        font-size: 20px;
        margin-bottom: 50px;
        line-height: 30px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .partner-details img {
        width: 250px
    }
    div#list {
        width: 85%;
        margin: auto;
        padding-bottom: 80px
    }
    .new-at-metric,
    .testimonials,
    footer .container {
        width: 90%
    }
    footer .products .by-role li {
        width: inherit
    }
    #myCarousel .carousel-captions h1 {
        font-size: 30px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        font-size: 20px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 18px;
        width: 200px;
        max-height: 70px;
        padding: 15px 10px 10px
    }
    .new-at-metric .col-md-9 h2,
    .tabcontent h3,
    .what-we-do h3,
    .why-partner-with-us h3 {
        font-size: 40px
    }
    .succeed-with-us h2 {
        font-size: 40px;
        padding-top: 35px;
        padding-bottom: 10px;
        margin-bottom: 30px
    }
    .partner-details h3 {
        font-size: 20px;
        margin-bottom: 50px;
        line-height: 30px
    }
    #header .header-container {
        width: 100%
    }
    #header .cta-contact-us,
    #header .cta-request-demo {
        width: 170px
    }
    .contain {
        padding: 0 30px
    }
    .partner-details {
        width: 50%;
        margin: auto auto 50px
    }
    .new-at-metric .col-md-8 {
        padding-right: 15px;
        margin-bottom: 30px
    }
    .new-at-metric .second-row .col-md-6:first-child {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px
    }
    .new-at-metric .second-row .col-md-6:last-child {
        padding-right: 0;
        padding-left: 0
    }
    .footer-logo-wrap p,
    footer .links a,
    footer ul li a {
        font-size: 14px
    }
    .tabcontent .col-md-6:first-child {
        padding-left: 15px
    }
}

#WhatsnewBlog .col-md-9,
#block-views-block-whats-new-blog-landing-block-1,
#featuredBLogLanding .featured-blog,
#featuredBLogLanding-AttachmentOne .featured-blog,
.blog--article #WhatsnewBlog .article a h3,
.new-at-metric .second-row .col-md-12 {
    padding: 0
}

@media screen and (min-width:7678px) {
    footer .container {
        margin-left: 6%
    }
}

.image-collage-main-wrap img.width-xeryw,
.image-collage-main-wrap img.width-xrrrr,
.tabcontent iframe {
    width: 100%;
    height: 100%
}

.carousel-control-next span.carousel-control-next-icon,
.carousel-control-prev span.carousel-control-prev-icon {
    background-image: url(/themes/custom/metrics/images/arrow--left.png);
    background-size: 16px;
    top: 50%;
    background-position: 14px;
    box-shadow: 0 -2px 24px #00000057;
    opacity: .27;
    padding: 25px;
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    position: absolute
}

#myCarousel-2437 .customer-talk-image i,
#myCarousel-2437 .item .image-overlay,
.customer-logos .slick-custom-arrow,
.customer-talk-list::before,
.tabcontent iframe,
.tabcontent img,
element.style {
    display: none
}

#myCarousel .carousel-captions p:nth-child(3) {
    font: 32px/43px Noto Sans;
    letter-spacing: 0;
    color: #313131;
    opacity: 1
}

#myCarousel-2437 .carousel-captions p {
    font: 22px/32px Noto Sans;
    color: #1c2125;
    opacity: 1;
    margin-top: 0;
    padding-bottom: 30px;
    margin-bottom: 20px;
    font-family: 'Noto Sans'!important
}

#myCarousel-2437 .carousel-captions .name {
    text-align: left;
    font: 17px/32px Noto Sans;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1;
    margin-top: 0;
    font-family: 'Noto Sans'!important
}

.paragraph--type--our-clients .container-lg.container-xl.fadeInDown.animated {
    width: 100%;
    max-width: fit-content
}

footer .container {
    display: table;
    width: 90%;
    max-width: fit-content
}

.new-at-metric .display {
    display: grid;
    position: relative;
    width: 100%;
    overflow: hidden
}

.fixed-top .cta-contact-us,
.fixed-top .cta-get-started {
    margin-right: 30px;
    display: inline-table;
    vertical-align: middle;
    color: #170034;
    opacity: 1;
    letter-spacing: 0;
    text-align: center
}

#subscribeForm {
    margin: 70px auto auto;
    background-repeat: no-repeat;
    padding-bottom: 70px
}

#menu,
#menu ul li>ul li,
.searchoverlay .searchbox {
    background: #170034
}

#subscribe-form h3,
#subscribeForm h3 {
    padding: 100px 100px 20px;
    color: #fff;
    margin-top: 0;
    text-align: center;
    font: bold 68px/74px Serenity
}

.carousel-control-prev span.carousel-control-prev-icon {
    left: 30%
}

.carousel-control-next span.carousel-control-next-icon {
    right: 30%;
    transform: rotate(180deg)
}

@media screen and (max-width:767px) {
    .testimonials #testimonials-carousel .item img,
    div#list {
        margin: auto
    }
    footer .footer-logo-wrap {
        width: 100%;
        float: left
    }
    .partner-details img {
        width: 250px
    }
    div#list {
        width: 85%;
        padding-bottom: 80px
    }
    footer .products .by-role li {
        width: inherit
    }
    #myCarousel .carousel-captions h1 {
        font-size: 30px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        font-size: 20px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 18px;
        width: 200px;
        max-height: 70px;
        padding: 15px 10px 10px
    }
    .tabcontent h3,
    .what-we-do h3,
    .why-partner-with-us h3 {
        font-size: 40px
    }
    .partner-details h3 {
        font-size: 20px;
        margin-bottom: 50px;
        line-height: 30px
    }
    #header .cta-contact-us,
    #header .cta-request-demo {
        width: 170px;
        display: none
    }
    .new-at-metric .col-md-8 {
        padding-right: 15px;
        margin-bottom: 30px
    }
    .new-at-metric .second-row .col-md-6:first-child {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px
    }
    .new-at-metric .second-row .col-md-6:last-child {
        padding-right: 0;
        padding-left: 0
    }
    footer .container {
        width: 90%
    }
    .footer-logo-wrap p,
    footer .links a,
    footer ul li a {
        font-size: 14px
    }
    .tabcontent .col-md-6:first-child {
        padding-left: 15px;
        padding-right: 15px!important
    }
    .site-logo {
        width: 100%;
        height: 60px
    }
    #header .header-container {
        width: 100%;
        padding: 0
    }
    #header .header-container .col-lg-4,
    .contain,
    div#client-carousel {
        padding: 0
    }
    #myCarousel .owl-dots {
        bottom: -50px
    }
    .what-we-do h3 {
        font-size: 25px;
        line-height: 40px
    }
    .contain p {
        font-size: 18px;
        line-height: 25px
    }
    .contain ul li a,
    footer .copyright p {
        font-size: 16px
    }
    .why-partner-with-us h3 {
        font-size: 25px
    }
    .why-partner-with-us h5 {
        font-size: 18px;
        line-height: 25px;
        padding: 0 20px
    }
    .partner-details {
        width: 100%;
        margin: auto auto 50px
    }
    .succeed-with-us h2 {
        font-size: 30px;
        margin-bottom: 30px;
        padding: 30px 30px 10px
    }
    .succeed-with-us h2::before {
        width: 30%;
        left: 35%
    }
    #testimonials-carousel .owl-dots {
        left: 40%;
        bottom: -50px
    }
    .testimonials .item {
        display: block;
        margin-top: 50px;
        padding: 0
    }
    #testimonials-carousel .carousel-captions {
        padding: 50px;
        display: block
    }
    .new-at-metric,
    .testimonials,
    footer .Industries,
    footer .PLATFORM,
    footer .Solutions,
    footer .links,
    footer .products {
        width: 100%
    }
    .new-at-metric .col-md-9 h2:before {
        width: 38%
    }
    .new-at-metric .View-all {
        float: left;
        margin-bottom: 25px
    }
    .new-at-metric .col-md-9 h2 {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 10px
    }
    .succeed-with-us {
        padding-bottom: 60px
    }
    footer .links {
        display: grid;
        padding-left: 0
    }
    footer .products {
        margin-left: 0
    }
    .tab button:first-child,
    .tab button:nth-child(2),
    .tab button:nth-child(3) {
        width: 33%
    }
    .tab button:nth-child(4),
    .tab button:nth-child(5) {
        width: 50%
    }
    .tab {
        padding-bottom: 35px
    }
    .tab button {
        height: 60px
    }
    footer .copyright {
        padding: 20px
    }
    .why-partner-with-us {
        padding: 200px 0 0
    }
    .contain {
        margin-top: 30px
    }
    .customer-talk-image {
        padding-top: 40px!important;
        margin-bottom: 30px!important
    }
    #myCarousel-2437 .carousel-captions {
        padding: 30px;
        display: block;
        margin-top: 0
    }
    .carousel-control-next span.carousel-control-next-icon,
    .carousel-control-prev span.carousel-control-prev-icon {
        display: none
    }
    .testimonials .item .comma-1 {
        top: -3%
    }
    .carousel-indicators {
        bottom: -46px
    }
    .new-at-metric .second-row .col-md-4 {
        margin-bottom: 30px
    }
    .new-at-metric h3 {
        margin-bottom: 0;
        font-size: 25px
    }
    .new-at-metric .read-more {
        font-size: 18px!important
    }
}

.new-at-metric h3 {
    margin-bottom: 0;
    font: medium 44px / 48px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

@media screen and (min-width:1350px) and (max-width:1700px) {
    #myCarousel .carousel-captions h1 {
        font-size: 50px
    }
}

@media screen and (min-width:1200px) and (max-width:1349px) {
    #myCarousel .carousel-captions h1 {
        font-size: 45px;
        line-height: initial
    }
}

@media screen and (min-width:1101px) and (max-width:1199px) {
    #myCarousel .carousel-captions h1 {
        font-size: 42px;
        line-height: initial
    }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .main-h-one-title h1 {
        min-height: 210px
    }
    #myCarousel .carousel-captions p:nth-child(3) {
        font-size: 25px
    }
}

.fixed-top .cta-contact-us {
    width: 223px;
    width: -moz-fit-content;
    border: 1px solid #00c8b6;
    font: bold 20px/27px Noto Sans;
    text-transform: capitalize;
    border-radius: 0;
    font-family: 'Noto Sans'!important
}

.fixed-top .cta-get-started {
    width: 223px;
    font: bold 20px/27px Noto Sans;
    border-radius: 0;
    font-family: 'Noto Sans'!important
}

.hamburger {
    margin-top: 15px
}

.bluebg {
    background: #fff
}

#menu ul li>ul,
.searchoverlay {
    background-color: #170034
}

header {
    position: initial!important
}

.fixed-top .menu {
    padding-top: 2%;
    position: relative
}

@media screen and (max-width:991px) and (min-width:767px) {
    footer .Industries,
    footer .PLATFORM,
    footer .Solutions,
    footer .links {
        width: 50%;
        float: left
    }
    footer .products {
        width: 100%;
        float: left;
        margin-left: 0
    }
    footer .footer-logo-wrap {
        width: 50%;
        float: left;
        margin-bottom: 22px
    }
}

.fixed-top .menu .hamburger {
    top: 15%
}

.new-at-metric p {
    font: 20px/30px Noto Sans!important;
    letter-spacing: 0;
    color: #1c2125;
    opacity: 1
}

h6.invest-news-lp,
p.media-news-lp {
    font-style: normal!important;
    color: #10052f!important
}

#menu ul li a {
    font-weight: 400;
    padding: .3em 2.5em
}

#menu ul li a.current {
    font-weight: 700;
    text-decoration: underline!important
}

#menu ul li a.current::after,
#menu ul li a::after {
    display: none!important
}

#menu {
    width: 65%;
    z-index: 99999999999999999999
}

#menu ul li>ul li h6 {
    color: #fff;
    font-weight: 700;
    font-family: serenity!important;
    margin-top: 9%
}

#menu ul li>ul li a {
    color: #d4d1da!important;
    font-family: serenity!important;
    font-weight: 400;
    font-size: 1.2em
}

.newleadership .background-light-blue-globe .inner-coint img,
.page-node-type-solutions-details .solutionbrief ul li.border-blue,
.parent-menu {
    width: 30%
}

footer .products .by-role {
    padding-top: 20px
}

div#block-letstalkform {
    display: flex;
    width: 75%;
    max-width: 75%;
    margin: 70px auto
}

div#block-letstalkform h3 {
    background: linear-gradient(289deg, #068980 0, #00ffc7 100%) no-repeat padding-box;
    opacity: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px
}

.left-div .description {
    text-align: left;
    font: 30px/36px Noto Sans;
    letter-spacing: 0;
    color: #313131;
    opacity: 1
}

#hbspt-form-1616666330605-9058252514 {
    width: 60%;
    max-width: 60%
}

.left-div {
    width: 40%;
    min-width: 40%;
    padding: 80px 0
}

@media screen and (min-width:768px) {
    .home-bnr-desktop {
        display: block!important
    }
    .home-mob {
        display: none!important
    }
    #block-letstalkform.active {
        opacity: 1!important;
        width: 75%!important
    }
}

@media screen and (max-width:767px) {
    #myCarousel .carousel-captions .bnr-desc-main,
    .fixed-top .cta-contact-us,
    .fixed-top .cta-get-started {
        display: none
    }
    .fixed-top .menu {
        padding: 0
    }
    div#list {
        padding-bottom: 0!important
    }
    .home-bnr-desktop {
        display: none!important
    }
    .home-mob {
        display: block!important
    }
    #myCarousel .active {
        margin-top: 50px
    }
    #myCarousel .carousel-captions {
        position: absolute;
        top: -4%!important;
        left: 6%!important
    }
    #myCarousel .carousel-captions .btn-custom1 {
        position: absolute;
        top: 530px;
        left: 22%
    }
    #myCarousel .carousel-captions h1 {
        margin-bottom: 0;
        font-size: 25px
    }
    #myCarousel .carousel-captions p:nth-child(3) {
        margin-top: 10px;
        font-size: 20px;
        line-height: initial
    }
    #menu {
        width: 100%
    }
    .parent-menu {
        width: 40%
    }
    #menu ul li a {
        font-family: serenity;
        font-weight: 400;
        color: #170034!important;
        padding: .3em 1.5em
    }
    #what .tabcontent .col-md-6:first-child img,
    .tabcontent iframe {
        height: 300px!important
    }
    #opensearchbtn img,
    .fixed-top .menu .hamburger img {
        width: 20px
    }
    .fixed-top .menu .hamburger {
        top: -7px!important;
        margin-top: 0
    }
}

@media only screen and (max-width:640px) and (min-width:280px) {
    #menu ul li,
    #menu ul li>ul li {
        border: 0
    }
    #menu ul li>ul {
        position: absolute;
        left: 140px;
        overflow: scroll
    }
    .menuclosebtn {
        z-index: 999999999999999999999999999
    }
    .new-tmplt-case-studies .cta-get-started {
        font-size: 10px
    }
    .new-tmplt-case-studies .inst-cs-comps-wrapper-last h3 {
        color: #00c8b6
    }
    .new-tmplt-case-studies .cs-sd-norm-text {
        margin-top: 5px!important
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .fixed-top .container-lg.container-xl.fadeInDown.animated {
        width: 95%!important;
        max-width: fit-content!important
    }
}

@media screen and (max-width:768px) {
    .fixed-top .cta-contact-us,
    .fixed-top .cta-get-started {
        display: none
    }
    #opensearchbtn {
        margin-top: 5px
    }
}

@media screen and (max-width:780px) and (min-width:768px) {
    .fixed-top .menu .hamburger {
        top: -12%
    }
    #myCarousel .carousel-captions p:nth-child(3) {
        font-size: 20px
    }
}

#subscribe-form {
    margin: auto;
    background-repeat: no-repeat;
    padding-bottom: 140px;
    box-shadow: 1px 3px 47px #00000038
}

#sliding-popup {
    background: #170034!important
}

#myCarousel .img-video {
    position: absolute;
    top: 15%;
    display: flex
}

#myCarousel .img-video iframe {
    margin-right: 20%;
    width: 700px;
    height: 300px;
    margin-top: 20%
}

#what .tabcontent .col-md-6:first-child img {
    z-index: 99;
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    height: auto
}

#myCarousel .img-video img {
    width: 80%;
    margin-left: auto
}

#homeVideoModal .modal-dialog {
    top: 11%;
    max-width: initial;
    width: 60%
}

#homeVideoModal .modal-dialog .modal-body {
    padding: .5rem
}

#homeVideoModal .modal-dialog .modal-body iframe {
    width: 100%;
    height: 500px
}

#homeVideoModal .modal-dialog .close {
    float: right;
    margin-left: auto;
    margin-right: 10px;
    font-size: 60px;
    position: absolute;
    right: -3%;
    top: -6%;
    color: #170034;
    z-index: 999999999999;
    border: 1px solid #170034;
    border-radius: 50%;
    height: 62px;
    width: 62px;
    box-shadow: 0 0 25px #fff
}

#myCarousel-2437 .carousel-captions {
    padding: 0 3% 0 50px
}

#menu ul li>ul li h6 {
    font-size: 1.3em
}

@media screen and (min-width:992px) and (max-width:1700px) {
    #myCarousel .carousel-captions .bnr-desc-main p {
        width: 80%
    }
}

@media screen and (max-width:1349px) and (min-width:1200px) {
    #myCarousel .carousel-captions h1 {
        font-size: 40px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        font-size: 25px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 20px
    }
}

@media screen and (max-width:1199px) and (min-width:1101px) {
    #myCarousel .carousel-captions h1 {
        font-size: 36px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        font-size: 22px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 20px
    }
}

@media screen and (max-width:1600px) and (min-width:1310px) {
    #myCarousel .carousel-captions h2 {
        font-size: 45px;
        line-height: initial
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        font-size: 28px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 20px
    }
}

.tabcontent h3 {
    font-size: 2.5em
}

.contain p,
.contain ul li a {
    font-size: 1.2em
}

.contain p {
    margin-bottom: 15px;
    margin-top: 5px
}

#what .watch-more {
    font-size: 1em
}

div#list {
    width: 80%
}

.new-at-metric .col-md-8 h3,
.new-at-metric h3,
.partner-details p {
    font-size: 22px
}

.new-at-metric .col-md-9 h2,
.succeed-with-us h2,
.what-we-do h3,
.why-partner-with-us h3 {
    font-size: 3em
}

.new-at-metric .View-all {
    width: fit-content;
    height: auto;
    font-size: 18px
}

.paragraph.paragraph--type--our-clients.paragraph--view-mode--default {
    margin-top: 30px;
    margin-bottom: 20px
}

.new-at-metric .col-md-4 .read-more,
.new-at-metric .col-md-8 .read-more {
    font-size: 18px;
    margin-top: 15px;
    min-height: 42px
}

.new-at-metric img:hover {
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.new-at-metric .second-row p {
    font-size: 18px!important;
    min-height: 135px
}

.new-at-metric h3 {
    font-weight: 400!important;
    margin-top: 20px
}

.new-at-metric .col-md-4 .read-more::before,
.new-at-metric .col-md-8 .read-more::before {
    color: #09cc94
}

.partner-details img {
    width: 70%;
    height: auto;
    margin-bottom: 10px
}

@media screen and (min-width:1300px) and (max-width:1600px) {
    .row.no-gutters .col-lg-4 img {
        width: 80%;
        margin-top: 20px
    }
    .fixed-top .cta-get-started,
    .headerbg .cta-contact-us,
    .headerbg .cta-get-started {
        width: fit-content;
        font-size: 1em
    }
    #opensearchbtn img,
    .hamburger img {
        width: 85%
    }
    .fixed-top .cta-contact-us {
        width: fit-content;
        font-size: 1em;
        width: -moz-fit-content
    }
}

@media screen and (min-width:1201px) and (max-width:1299px) {
    .fixed-top .container-lg.container-xl.fadeInDown.animated,
    .headerbg .container-lg.container-xl.fadeInDown.animated {
        width: 90%!important
    }
}

@media screen and (max-width:1600px) and (min-width:1350px) {
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 16px
    }
}

@media screen and (min-width:992px) and (max-width:1349px) {
    .fixed-top .cta-contact-us,
    .fixed-top .cta-get-started {
        width: fit-content;
        font-size: 1em
    }
    #myCarousel .carousel-captions .btn-custom1 {
        width: fit-content;
        font-size: 16px;
        padding: 15px 25px
    }
}

@media screen and (max-width:1100px) and (min-width:992px) {
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 16px
    }
}

.why-partner-with-us {
    padding: 200px 0 20px
}

.bluebg .row.no-gutters .col-lg-4 img {
    width: 80%;
    margin-top: 10px
}

.featured-anlst-rprt.feat-new-lp,
header.fixed-top.bluebg {
    padding-bottom: 10px
}

#myCarousel .carousel-captions h2:first-child,
.blog-items-two img {
    margin-bottom: 0
}

#myCarousel .carousel-captions h2:nth-child(2),
.blog--article #block-metrics-content,
.page-prod-main-wrap .page-node-type-product-pages .prod-testimonial-section .wistia_click_to_play,
footer ul li {
    margin: 0
}

.fixed-top .cta-get-started,
.new-at-metric .display span {
    background: no-repeat padding-box #26eac4
}

#menu .parent-menu {
    background-color: #26eac4
}

#menu ul li {
    background: #26eac4;
    position: initial;
    margin: 0
}

.home-page-class .fixed-top .container-lg.container-xl.fadeInDown.animated {
    width: 87%!important;
    max-width: initial!important
}

.fixed-top .row.no-gutters .col-lg-4 img {
    width: 238px;
    height: auto;
    margin-top: 0
}

.fixed-top .cta-contact-us,
.fixed-top .cta-get-started {
    padding: 10px 22px
}

.bluebg .menu {
    margin-top: 0;
    padding-top: 10px
}

.blog--article #block-breadcrumbs,
.cs-sd-norm-text,
.fixed-top.bluebg .menu,
.new-tmplt-case-studies .sd-desc p,
.sd-desc p {
    margin-top: 5px
}

.bluebg .menu .hamburger {
    top: -5%!important
}

.bluebg .menu .hamburger img,
.fixed-top .menu .hamburger img {
    vertical-align: middle
}

.headerbg .menu .hamburger {
    top: 0!important
}

.tab button {
    font-size: 20px;
    padding: 14px 22px
}

@media screen and (min-width:767px) and (max-width:1310px) {
    #myCarousel .carousel-captions h2 {
        font-size: 30px
    }
    .node--type-product-pages #myCarousel .carousel-captions h2 {
        font-size: 40px!important
    }
}

a.btn.cta-contact-us {
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    margin-left: 10px;
    transition: 1s
}

#list .know-more-partner:hover,
#myCarousel .carousel-captions .btn-custom1:hover,
.new-at-metric .View-all:hover,
a.btn.cta-contact-us:hover {
    background-position: right bottom;
    color: #170034
}

.article .read-more:hover,
.new-at-metric .read-more:hover {
    background: linear-gradient(to right, #fff 50%, #26eac4 50%)
}

#list .know-more-partner {
    width: fit-content;
    padding: 15px 20px;
    font-size: 17px;
    height: auto;
    background: linear-gradient(to right, transparent 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    margin-left: 10px;
    transition: 1s
}

#what .watch-more,
.new-at-metric .View-all {
    background: linear-gradient(to right, transparent 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    margin-left: 10px;
    transition: 1s
}

#myCarousel-2437 .carousel-captions h1 {
    font-size: 1.1em
}

#what .watch-more:hover,
.nwsrm-custm-template a.button.blog-load-more:hover {
    background-position: right bottom;
    color: #170034;
    font-weight: 700
}

#myCarousel .owl-nav .owl-next,
#myCarousel .owl-nav .owl-prev {
    background-image: url(/themes/custom/metrics/images/arrow--left.png);
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 30%;
    background-position: 14px;
    opacity: .9;
    padding: 25px;
    background-color: #fff;
    width: 40px;
    border-radius: 50%;
    box-shadow: 0 -2px 24px #00000057;
    height: 40px
}

#myCarousel .owl-nav .owl-prev {
    left: 2%
}

#myCarousel .owl-nav .owl-next {
    right: 1%;
    transform: rotate(180deg)
}

.fixed-top .container-lg.container-xl.fadeInDown.animated {
    max-width: 87%!important;
    width: 87%!important
}

.blog--article #block-views-block-blog-landing-block-1 .view-content,
.headerbg {
    background: 0 0
}

.fixed-top {
    position: fixed!important;
    z-index: 9999999999999999
}

.new-at-metric .read-more:hover {
    transform: scale(1.2);
    transition: .5s;
    font-size: 18px;
    transform: none;
    background-size: 200% 100%;
    background-position: right bottom;
    color: #170034
}

video.full-scr-video-slider {
    margin-top: -100px
}

.home-page-class #block-metrics-content,
.what-we-do h3 {
    margin-top: 0
}

#myCarousel .owl-dot {
    border: 1px solid #ff7e2e!important
}

#block-metrics-content {
    margin-top: 0
}

#myCarousel .owl-dots {
    bottom: 35%
}

#myCarousel .carousel-captions h2,
.nwsrm-custm-template .newsroom-main-banner-wrap .genrc-banner-desc p {
    font-weight: 600
}

#myCarousel .carousel-captions .btn-custom1 {
    padding: 15px 30px;
    border-radius: 0;
    border: 1px solid #170034
}

#myCarousel .carousel-captions .btn-custom1:hover {
    border: 1px solid #170034
}

.carousel-inner .carousel-control-next span.carousel-control-next-icon,
.carousel-inner .carousel-control-prev span.carousel-control-prev-icon {
    background-size: 10px;
    background-position: 18px;
    opacity: 1
}

@media (min-width:300px) and (max-width:767px) {
    #myCarousel .owl-nav {
        display: none
    }
    #myCarousel .img-video img {
        width: 75%;
        margin: 0 auto;
        padding-top: 90px
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        font-size: 13px;
        margin-top: -15px;
        display: block
    }
    #myCarousel .carousel-captions .btn-custom1 {
        top: 410px
    }
    #myCarousel .owl-dots {
        bottom: 25%;
        left: 40%
    }
    .node__content #myCarousel .carousel-captions {
        top: 5%!important
    }
    .home-page-class .fixed-top .container-lg.container-xl.fadeInDown.animated {
        width: 95%!important;
        max-width: initial!important
    }
    .fixed-top.bluebg .menu {
        margin-top: 0!important
    }
    .new-at-metric .col-md-9 h2,
    .succeed-with-us h2,
    .what-we-do h3,
    .why-partner-with-us h3 {
        font-size: 30px!important
    }
    .tab button {
        font-size: 15px
    }
    #what .tabcontent .col-md-6:first-child img {
        position: initial
    }
    .why-partner-with-us {
        padding-top: 30px
    }
    footer h4 {
        margin-top: 20px;
        margin-bottom: 15px
    }
}

#subscribe-form .hs-form {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: auto
}

#subscribe-form .actions {
    padding: 00;
    position: absolute;
    right: 0;
    top: 47px;
    margin: 8px
}

#subscribe-form .hs_email .hs-input {
    border: 0;
    border-radius: 0;
    height: 80px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    padding: 10px;
    background: #fff
}

#subscribe-form .hs-button.primary.large {
    border-radius: 0;
    margin: 10px 0;
    font-size: 18px;
    height: 55px;
    padding: 15px 45px;
    background: #140232;
    border-color: #140232;
    color: #fff
}

#subscribe-form .hs-error-msgs label {
    color: #fff;
    font-size: 15px!important;
    padding: 10px 0;
    display: none
}

#subscribe-form .hs-form .hs-form-field label:not(.hs-error-msg) {
    color: #fff;
    font-size: 16px;
    padding: 10px 0
}

#subscribe-form .inputs-list,
.comment-reply,
.js-pager__items .pager,
.social-link ul li {
    list-style: none
}

#block-letstalkform input {
    border: 1px solid rgba(0, 0, 0, .2);
    opacity: 1;
    height: 50px;
    width: 98%
}

#block-letstalkform #jobtitle-8a709a57-e6de-462d-9a2e-d6ad478be3de,
#block-letstalkform #lastname-8a709a57-e6de-462d-9a2e-d6ad478be3de,
#block-letstalkform #phone-8a709a57-e6de-462d-9a2e-d6ad478be3de {
    margin-left: 2%
}

#block-letstalkform input::placeholder {
    font: medium 22px / 32px Serenity;
    letter-spacing: 0;
    color: #313131;
    opacity: .5
}

#block-letstalkform select {
    border: 1px solid rgba(0, 0, 0, .5);
    opacity: 1;
    height: 50px;
    color: #313131;
    opacity: .5;
    padding: 0 10px;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-appearance: initial!important;
    appearance: auto
}

#block-letstalkform .actions input {
    background: no-repeat padding-box #170034;
    opacity: 1;
    color: #fff;
    height: 60px;
    width: 250px;
    margin-top: 30px
}

#block-letstalkform textarea {
    opacity: 1;
    height: 100px;
    color: #313131;
    opacity: .8;
    padding: 30px 15px;
    border: 1px solid rgba(0, 0, 0, .3)
}

@media screen and (min-width:768px) and (max-width:1024px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        width: 60%
    }
    #myCarousel .img-video img {
        width: 35%
    }
    #Risk .col-lg-6,
    #list .col-lg-4 {
        width: 100%;
        max-width: 100%
    }
    #Risk .row,
    #list .row,
    .new-at-metric .first-row,
    .new-at-metric .second-row,
    .testimonials .item {
        display: block
    }
    #what .tabcontent .col-md-6:first-child img {
        width: 100%;
        position: initial;
        margin-bottom: 20px
    }
    .new-at-metric .col-lg-9 {
        max-width: 66%;
        flex: 66%
    }
    .new-at-metric .col-lg-3 {
        max-width: 33%;
        flex: 33%
    }
    .new-at-metric .col-lg-4,
    .new-at-metric .col-lg-8 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }
    .new-at-metric .View-all {
        padding: 10px 20px;
        margin-top: 0
    }
    #block-letstalkform .hbspt-form,
    .left-div {
        width: 100%
    }
    #subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
        width: 90%;
        margin: 0 auto
    }
    #subscribe-form .actions {
        right: 40px
    }
    div#block-letstalkform {
        display: block;
        width: 85%;
        max-width: 100%
    }
    .left-div {
        padding-top: 0
    }
    .testimonials .item .carousel-captions,
    .testimonials .item .float-left {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px!important;
        clear: both
    }
    .new-at-metric .display span {
        left: 0;
        bottom: 0
    }
    .home-main-wrap #Risk .row {
        display: flex
    }
    .home-main-wrap #myCarousel .img-video {
        right: 3%
    }
}

@media (min-width:300px) and (max-width:767px) {
    #block-letstalkform .hbspt-form,
    .left-div {
        width: 100%
    }
    #subscribe-form h3 {
        font-size: 30px!important;
        padding: 20px 9px 9px;
        line-height: 30px
    }
    div#block-letstalkform {
        display: block;
        width: 85%;
        max-width: 100%
    }
    .left-div {
        padding-top: 0
    }
    #subscribe-form .actions {
        position: initial;
        text-align: center
    }
    #subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
        margin: 0 auto;
        width: 80%
    }
    #subscribe-form .hs-form {
        display: block
    }
    #subscribe-form {
        padding-bottom: 30px
    }
}

.item.active.custom-slider-first p {
    margin-left: 5%
}

#block-letstalkform {
    opacity: 0;
    overflow: hidden;
    width: 0%;
    color: #fff;
    -webkit-transition: width 1s ease-in, opacity 1s ease-out;
    -moz-transition: width 1s ease-in, opacity 1s ease-out;
    -o-transition: width 1s ease-in, opacity 1s ease-out;
    transition: width 1s ease-in, opacity 1s ease-out
}

@media screen and (max-width:767px) {
    #homeVideoModal .modal-dialog .modal-body iframe {
        height: 220px
    }
    #homeVideoModal .modal-dialog {
        width: 80%
    }
    #homeVideoModal .modal-dialog .close {
        float: right;
        margin-left: auto;
        margin-right: 10px;
        font-size: 30px;
        position: absolute;
        right: -7%;
        top: -6%;
        color: #170034;
        z-index: 999999999999;
        border: 1px solid #170034;
        border-radius: 50%;
        height: 31px;
        width: 31px;
        box-shadow: 0 0 25px #fff
    }
    #myCarousel .carousel-captions h2 {
        font-size: 26px
    }
    #myCarousel .carousel-captions .btn-custom1 {
        position: initial
    }
    #myCarousel .img-video {
        top: 29%!important
    }
    video.full-scr-video-slider {
        margin-top: 0
    }
    .why-partner-with-us {
        padding: 200px 0 0!important
    }
    .customer-logos .slick-custom-arrow {
        display: none!important
    }
    #block-letstalkform.active {
        opacity: 1!important;
        width: 87%!important
    }
    .custom-banner-4 .img-video {
        margin-top: 20px
    }
}

#subscribe-form {
    margin-top: 80px;
    margin-bottom: 80px;
    opacity: 0;
    overflow: hidden;
    color: #fff;
    -webkit-transition: width 1s ease-in, opacity 1s ease-out;
    -moz-transition: width 1s ease-in, opacity 1s ease-out;
    -o-transition: width 1s ease-in, opacity 1s ease-out;
    transition: width 1s ease-in, opacity 1s ease-out
}

#subscribe-form.active,
.home-page-class #homeVdoModl .close {
    opacity: 1!important
}

#block-letstalkform .hbspt-form {
    width: 85%
}

@media (max-width:767px) and (min-width:300px) {
    #myCarousel .owl-dots {
        bottom: 10%;
        left: 40%
    }
    #myCarousel .carousel-captions .btn-custom1 {
        left: 11%;
        width: 263px;
        top: 410px!important
    }
    .what-we-do h3,
    .why-partner-with-us h3 {
        font-size: 30px!important;
        line-height: 40px;
        padding: 0!important
    }
    #what .tabcontent .col-md-6:first-child img {
        height: auto!important
    }
    .why-partner-with-us {
        padding: 175px 0 0!important
    }
    #subscribe-form .hs_email .hs-input {
        height: 50px
    }
    #block-letstalkform .hbspt-form {
        width: 100%
    }
    #block-letstalkform #jobtitle-8a709a57-e6de-462d-9a2e-d6ad478be3de,
    #block-letstalkform #lastname-8a709a57-e6de-462d-9a2e-d6ad478be3de,
    #block-letstalkform #phone-8a709a57-e6de-462d-9a2e-d6ad478be3de {
        margin-left: 0
    }
    .left-div {
        padding-bottom: 20px
    }
    #subscribe-form .hs-form label {
        display: none
    }
    #subscribe-form h3 {
        padding: 30px 9px 20px
    }
    .testimonials .item .comma-1,
    .testimonials .item .comma-2 {
        width: 75px!important
    }
    #myCarousel-2437 .carousel-captions {
        padding: 0 4%
    }
    #subscribe-form {
        margin-top: 30px;
        margin-bottom: 0
    }
    #myCarousel .img-video img {
        padding-top: 45px
    }
    #opensearchbtn {
        margin-top: 5px
    }
}

.tab {
    width: -moz-fit-content
}

.fixed-top .menu .hamburger {
    outline: 0;
    width: 40px;
    margin-right: 0;
    float: right;
    margin-top: 0
}

@-moz-document url-prefix() {
    #block-letstalkform textarea {
        opacity: 1
    }
    #myCarousel .carousel-captions .btn-custom1 {
        display: table-cell
    }
}

.bg-green h6,
.bg-green p,
.bg-green p a,
.bg-grey h6,
.bg-grey p,
.bg-grey p a,
.get-certified h6,
.get-certified p,
.image-wrap-6 h3.content-title,
.partners-with-us-blue-bg h6,
.partners-with-us-blue-bg p {
    color: #170034
}

#list .know-more-partner,
#what .watch-more {
    border-radius: 0!important
}

@media screen and (min-width:1200px) and (max-width:1499px) {
    .custom-slider-first span.carousel-captions.aos-init.aos-animate {
        left: 19%!important
    }
}

.cta-more-insights,
footer .copyright {
    padding: 10px!important
}

.fixed-top .cta-get-started {
    background: linear-gradient(to right, #26eac4 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: 1s
}

.fixed-top .cta-get-started:hover {
    background-position: right bottom
}

.background-dark-blue-globe,
.background-light-blue-globe,
.bg-green,
.grcjourney-297 .bg-green,
.grcjourney-297 .bg-grey,
.partners-with-us-blue-bg {
    background-color: #f5f5f5!important
}

.background-dark-blue-globe .knowmore,
.background-light-blue-globe .knowmore,
.bg-green .knowmore,
.get-certified a,
.partners-with-us-blue-bg .gray-button {
    background: linear-gradient(to right, #26eac4 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: 1s;
    border: none!important;
    color: #170034
}

.background-dark-blue-globe .knowmore:hover,
.background-light-blue-globe .knowmore:hover,
.bg-green .knowmore:hover,
.get-certified a:hover,
.grcjourney-297 .bg-grey p a:hover,
.partners-with-us-blue-bg .gray-button:hover {
    background-position: right bottom;
    border: 0!important;
    box-shadow: 0!important;
    transform: none
}

#myCarousel-2437 .carousel-captions {
    margin-top: -7px!important
}

@media screen and (min-width:1600px) {
    .partner-details p {
        min-height: 150px
    }
}

@media screen and (min-width:1300px) and (max-width:1599px) {
    .partner-details p {
        min-height: 190px
    }
}

@media screen and (min-width:1025px) and (max-width:1299px) {
    .partner-details p {
        min-height: 230px
    }
}

@media screen and (min-width:1700px) {
    .main-h-one-title h1 {
        font-size: 3.2vw;
        margin-bottom: 30px
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 800px
    }
}

@media screen and (min-width:1500px) and (max-width:1599px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 800px
    }
}

@media screen and (min-width:1600px) and (max-width:1699px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 850px
    }
}

@media screen and (min-width:1400px) and (max-width:1499px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 800px
    }
}

@media screen and (min-width:1300px) and (max-width:1399px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 800px;
        width: 80%
    }
}

@media screen and (min-width:992px) and (max-width:1299px) {
    #myCarousel .img-video img {
        width: 70%
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        max-width: 800px
    }
}

#myCarousel .carousel-captions .bnr-desc-main p {
    color: #313131;
    line-height: initial;
    margin-top: 10px
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #myCarousel .carousel-captions p:nth-child(3) {
        font-size: 20px
    }
    .custom-slider-first span.carousel-captions.aos-init.aos-animate video.full-scr-video-slider {
        width: 85%
    }
    .custom-slider-first span.carousel-captions.aos-init.aos-animate {
        left: 19%!important
    }
    .custom-banner-4 .img-video {
        right: -5%!important
    }
    .custom-banner-4 .carousel-captions {
        width: 500px
    }
}

@media screen and (min-width:1199px) and (max-width:1299px) {
    .custom-banner-4 .carousel-captions {
        width: 650px
    }
}

@media screen and (max-width:1599px) and (min-width:1300px) {
    .custom-banner-4 .img-video img {
        width: 530px!important
    }
    .custom-banner-4 .carousel-captions h1 {
        max-width: 750px!important
    }
}

@media screen and (min-width:1600px) {
    .custom-banner-4 .carousel-captions h1 {
        max-width: 800px!important;
        line-height: initial!important
    }
    .custom-banner-4 .img-video img {
        width: 650px!important
    }
}

@media screen and (min-width:1700px) {
    .custom-banner-4 .img-video img {
        width: 600px!important
    }
    .custom-banner-4 .carousel-captions {
        width: 1000px
    }
    .custom-banner-4 .carousel-captions h1 {
        max-width: 1000px!important;
        line-height: initial!important
    }
    .custom-banner-4 .img-video {
        right: -5%!important
    }
}

@media screen and (max-width:992px) and (min-width:1024px) {
    .tabcontent .col-md-6:first-child {
        padding-left: 15px
    }
}

.custom-banner-4 .carousel-captions h1,
.custom-banner-4 .carousel-captions p {
    line-height: initial!important
}

@media screen and (min-width:1400px) {
    .what-we-do h3 {
        min-height: 150px
    }
}

@media screen and (min-width:1400px) and (max-width:1600px) {
    .contain p {
        min-height: 160px
    }
}

@media screen and (min-width:1601px) {
    .contain p {
        min-height: 130px
    }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .what-we-do h3 {
        min-height: 210px
    }
    .contain p {
        min-height: 200px
    }
    .main-h-one-title h1 {
        min-height: 100px!important
    }
}

@media screen and (min-width:1025px) and (max-width:1199px) {
    .what-we-do h3 {
        min-height: 260px
    }
    .contain p {
        min-height: 230px
    }
}

footer .copyright p {
    margin-top: 0;
    font-size: 12px!important
}

.modal-video .modal-video-body {
    width: 50%;
    top: 25%;
    height: 400px;
    position: absolute;
    right: 0;
    left: 25%;
    margin: unset
}

@media screen and (max-width:992px) {
    .col-lg-3.col-md-4.customer-talk-image.p-0.m-0.float-left.aos-init.aos-animate {
        z-index: 999999
    }
}

@media (min-width:992px) {
    .testimonials {
        width: 78%
    }
    .new-at-metric .display span {
        left: 0;
        bottom: 0
    }
    #myCarousel span.carousel-captions {
        top: 15%
    }
    .node--type-product-pages #myCarousel span.carousel-captions {
        top: 7%!important
    }
}

.parent-menu ul.sub-menu::-webkit-scrollbar {
    width: 0
}

.parent-menu ul.sub-menu {
    overflow: scroll!important
}

@media screen and (min-width:1400px) and (max-width:1430px) {
    #myCarousel .custom-banner-4 .img-video {
        right: 2%
    }
}

@media screen and (min-width:1431px) and (max-width:1480px) {
    #myCarousel .custom-banner-4 .img-video {
        right: 4%
    }
}

@media screen and (max-device-width:480px) {
    .fixed-top .cta-contact-us {
        display: none
    }
}

@media (min-width:768px) and (max-width:1050px) {
    span#dynamic-contact {
        margin-right: 0!important;
        display: ruby
    }
}

@media only screen and (min-width:768px) {
    #menu ul li>ul {
        left: 35%!important
    }
    .fixed-top .cta-contact-us.fixed-top .cta-contact-us,
    .fixed-top .cta-get-started {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .fixed-top .cta-get-started {
        display: inline-table
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        margin-top: 5px
    }
    .fixed-top .cta-contact-us {
        display: inline-table;
        display: ruby
    }
}

@media screen and (min-width:768px) {
    .left-div {
        width: 35%;
        min-width: 35%;
        padding: 80px 0;
        margin-right: 5%
    }
    #myCarousel .img-video img {
        height: 100%
    }
    .new-at-metric .second-row img {
        height: auto!important
    }
    img.blog-banner-desk {
        display: block!important
    }
    img.blog-banner-mob {
        display: none!important
    }
}

.generic-ttl {
    padding: 40px 115px 10px
}

.generic-ttl h1,
.survey-lp-new #survey-last-section h3.state-competary,
.survey-new-metrics #survey-last-section h3.state-competary {
    color: #fff!important
}

#block-breadcrumbs-2 .settings-tray-editable {
    padding: 20px 65px 10px
}

.js-form-item .form-item .js-form-type-textfield .form-type-textfield .js-form-item-title .form-item-title,
.page-node-type-platforms .videos li.border-blue,
.page-node-type-product-pages .videos li.border-blue,
.page-node-type-solutions-details .videos li.border-blue {
    width: 50%
}

.article .category {
    background: #26eac4;
    padding: 15px;
    color: #000;
    position: relative;
    top: -37px
}

.article ul {
    display: flex;
    list-style: none;
    font-size: 12px;
    margin-top: 15px;
    font-family: ProximaNova-Regular
}

#block-breadcrumbs-2 .breadcrumb {
    padding: 40px 65px 10px
}

.featured-blog .article {
    width: 100%;
    height: 400px;
    padding: 10px
}

.article a h3 {
    font-size: 32px;
    font-weight: 500;
    padding: 10px 0;
    color: #10052f
}

#featuredBLogLanding .featured-blog .article {
    margin-bottom: 90px;
    margin-left: 30px
}

.mid-article-sec,
.mid-article-sec .article,
.mid-sec-article {
    display: flex
}

.mid-sec-article .article .category {
    background: #26eac4;
    padding: 15px;
    color: #fff;
    position: relative;
    top: -37px;
    left: 0
}

.mid-sec-article .display img {
    width: 100%;
    height: 290px
}

.view-filters form .form-type-select {
    width: 30%;
    margin-right: 20px;
    margin-left: 5%
}

.blog-load-more {
    border: 2px solid #00c8b6;
    padding: 15px;
    color: #170034
}

.contact-us-unique-metrics .office-location h3,
.pager__item {
    text-align: center
}

.attachment-bdy {
    margin: 0 0 15px;
    letter-spacing: 1px;
    line-height: 1.2
}

#loadmore-parent {
    list-style: none;
    margin-top: 60px
}

.rightshadowBlog {
    box-shadow: 11px 5px 10px 0 rgba(176, 172, 172, .9)!important;
    -webkit-box-shadow: 11px 5px 10px 0 rgba(176, 172, 172, .9)!important;
    -moz-box-shadow: 11px 5px 10px 0 rgba(176, 172, 172, .9)!important
}

#views-exposed-form-whats-new-blog-landing-block-1 .form--inline select {
    box-shadow: 0 -2px 24px #00000057;
    opacity: .9;
    padding: 2px 15px;
    height: 65px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-image: url(/themes/custom/metrics/images/icon-down.webp), linear-gradient(to bottom, #fff, #fff);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #26eac4;
    border-radius: 2px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#edit-field-category-target-id,
.node-id-3391 .learn-container select#learn-mn-filter,
.view-filters .form--inline .form-type-select select {
    box-shadow: 0 -2px 24px #00000057;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bef-exposed-form .form--inline .form-type-textfield input {
    box-shadow: 0 -2px 24px #00000057;
    opacity: .9;
    padding: 15px;
    height: 65px;
    margin: 0;
    border: 1px solid #26eac4;
    border-radius: 0
}

#edit-submit-whats-new-blog-landing {
    position: relative;
    margin-left: -115px;
    margin-top: 15px;
    background: #170034!important;
    padding: 5px 15px;
    height: 40px;
    width: 100px;
    border-color: #140232;
    color: #fff;
    border-radius: 0;
    left: -20px;
    top: -2px
}

#edit-field-category-target-id,
.view-filters .form--inline .form-type-select select {
    opacity: .9;
    padding: 2px 15px;
    height: 65px;
    appearance: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-image: url(/themes/custom/metrics/images/icon-down.webp), linear-gradient(to bottom, #fff, #fff);
    background-repeat: no-repeat;
    border: 1px solid #26eac4;
    border-radius: 2px;
    margin: 0
}

#block-views-block-featured-blog-landing-block-1 .article .read-more {
    position: absolute
}

#edit-submit-featured-blog-landing,
.blog--featured .form-actions.js-form-wrapper.form-wrapper input,
.parent--blog--submit input {
    position: relative;
    margin-left: -115px;
    margin-top: 15px;
    background: #170034!important;
    padding: 5px 15px;
    height: 40px;
    width: 100px;
    border-radius: 0;
    border: 0
}

#featuredBLogLanding .article .read-more {
    font: bold 20px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    text-decoration: underline!important;
    display: flex;
    text-align: center;
    vertical-align: middle;
    align-items: center
}

.readmore-img {
    width: 20px!important;
    height: 10px!important;
    transform: rotate(270deg);
    margin-left: 10px
}

#block-views-block-whats-new-blog-landing-block-1 #featuredBLogLanding .article .category,
.blog-items-two .category {
    background: #26eac4;
    padding: 15px;
    color: #fff;
    position: relative;
    top: -37px
}

.mid-article-sec,
.view-id-featured_blog_landing #featuredBLogLanding,
.view-id-whats_new_blog_landing #featuredBLogLanding {
    width: 100%!important
}

@media (max-width:768px) {
    #edit-submit-whats-new-blog-landing {
        position: relative;
        margin-left: -115px;
        margin-top: -50px
    }
    .view-filters .form--inline .form-type-select {
        width: 80%;
        margin-left: 10%;
        margin-right: 20px;
        margin-bottom: 10px
    }
    .bef-exposed-form .form--inline .form-type-textfield {
        width: 80%;
        margin-left: 10%
    }
    #views-exposed-form-featured-blog-landing-block-1 .form--inline {
        display: grid
    }
    .generic-ttl {
        padding: 0 0 0 50px;
        margin-top: -55px
    }
    .generic-ttl h1 {
        color: #fff
    }
    #edit-submit-featured-blog-landing {
        left: -85px;
        float: right;
        margin-top: -50px;
        margin-left: 0!important
    }
    .article img {
        width: 100%
    }
    #featuredBLogLanding .featured-blog .article {
        width: 95%!important;
        margin-left: 15px
    }
    #loadmore-parent {
        list-style: none;
        margin-top: 40px;
        margin-bottom: 50px
    }
    .mid-article-sec {
        width: 50%!important;
        height: 300px
    }
    .parent--blog--submit input {
        left: -85px;
        float: right;
        margin-top: -52px;
        margin-left: 0!important
    }
    #block-views-block-featured-blog-landing-block-1 #edit-submit-featured-blog-landing {
        left: -20px
    }
}

@media (max-width:1600px) and (min-width:1401px) {
    .bef-exposed-form .form--inline .form-type-textfield {
        width: 60%
    }
    #block-breadcrumbs-2 .breadcrumb {
        padding: 40px 80px 10px
    }
    .generic-ttl {
        margin-top: -110px;
        padding: 45px 80px 10px
    }
    #featuredBLogLanding .featured-blog .article {
        width: 100%;
        height: 310px;
        margin-bottom: 90px;
        margin-left: 0
    }
    .article img {
        width: 100%;
        position: relative
    }
    .view-filters .form--inline .form-type-select {
        width: 33%;
        margin-left: 40px;
        margin-right: 20px
    }
    #subscribe-form {
        /* width: 95% */
    }
}

@media (min-width:1601px) {
    .bef-exposed-form .form--inline .form-type-textfield {
        width: 65%
    }
    .view-filters .form--inline .form-type-select {
        width: 30%;
        margin-left: 40px;
        margin-right: 20px
    }
    #featuredBLogLanding .featured-blog .article {
        width: 100%;
        height: 310px;
        margin-bottom: 90px;
        margin-left: 0;
        padding-right: 0
    }
    .article img {
        width: 100%;
        height: 210px;
        position: relative
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .view-filters .form--inline .form-type-select {
        width: 30%;
        margin-left: 40px;
        margin-right: 35px
    }
}

.back-arrow-blog {
    margin-top: -150px;
    width: 45px;
    margin-left: 60px
}

@media (max-width:1023px) and (min-width:992px) {
    #featuredBLogLanding .featured-blog .article {
        width: 320px;
        height: 310px;
        margin-bottom: 90px;
        margin-left: 0
    }
    .view-filters .form--inline .form-type-select {
        width: 30%;
        margin-left: 40px;
        margin-right: 45px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .custom-banner-4 .carousel-captions {
        width: 450px
    }
    #featuredBLogLanding .featured-blog .article {
        width: 285px;
        height: 265px;
        margin-bottom: 160px;
        margin-left: 0;
        padding: 0
    }
    .featured-blog-item {
        padding: 0;
        margin: 0
    }
}

#hubspot-messages-iframe-container {
    z-index: 99!important
}

@media screen and (max-width:767px) {
    #opensearchbtn {
        margin-right: 10px;
        margin-top: 5px!important
    }
    .fixed-top .menu .hamburger img {
        vertical-align: super
    }
    .custom-banner-4 img-video {
        margin-top: 30px
    }
    #myCarousel .img-video {
        top: 15%
    }
    .modal-video .modal-video-body {
        width: 80%;
        top: 15%
    }
    footer .Industries,
    footer .PLATFORM,
    footer .Solutions,
    footer .links {
        width: 50%
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        margin-top: 20px
    }
    #myCarousel .owl-item {
        margin-top: 60px
    }
}

.contact-download-rfp h6,
.contact-pricing h6,
.contact-requrest-demo h6 {
    min-height: 60px
}

.career-metrics-new .career-bg-vdo .cta-get-started:hover,
.career-metrics-new a.btn.cta-get-started.text-center:hover,
.home-page-class i.fa-play-circle:hover,
.home-wistia i.far.fa-play-circle:hover,
.related-articles-bloglist .article .category a,
li.grey01.bounceInLeft.nav-item.animated .nav-link {
    color: #fff
}

.background-light-blue-globe a,
.background-light-blue-globe h2,
.background-light-blue-globe h3,
.background-light-blue-globe h5,
.background-light-blue-globe p,
.col-md-4 h6 a,
.col-md-4 p a {
    color: #170034!important
}

a.register {
    border-left: 5px solid #170034
}

.fixed-top .menu .hamburger {
    position: static
}

.tab {
    display: table
}

.owl-item.active,
.page-node-type-solutions-details .prod-faq-section div#headingOne,
.tab button,
.two-col-testimonial .owl-item.cloned {
    background-color: #fff
}

.new-at-metric .display span {
    width: auto;
    padding: 12px 20px
}

@media screen and (min-width:1480px) and (max-width:1599px) {
    #myCarousel .img-video {
        right: 8%!important
    }
}

@media screen and (min-width:1700px) {
    .custom-banner-4 .img-video img {
        width: 100%!important
    }
    #myCarousel .carousel-captions h2,
    .new-at-metric .col-md-9 h2,
    .succeed-with-us h2,
    .why-partner-with-us h3 {
        font-size: 3.2vw
    }
    #myCarousel .carousel-captions h2:nth-child(2) {
        font-size: 3.2vw;
        margin-top: 20px
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        margin-top: 15px;
        font-size: 1.5vw
    }
    #myCarousel-2437 .carousel-captions h1 {
        font-size: 1.2vw
    }
    #myCarousel-2437 .carousel-captions h4 {
        font-size: 1.3vw!important
    }
    .partner-details p {
        font-size: 1.3vw
    }
    #block-metrics-content .col-md-4 a {
        font-size: 1vw;
        width: 100%
    }
    article h2 {
        font-size: 1.5vw
    }
    .contain p,
    .new-at-metric .display span,
    footer .links a,
    footer h4,
    footer ul li a {
        font-size: 1vw
    }
    .custom-banner-4 .carousel-captions {
        width: 45%
    }
    .contain p {
        min-height: 130px
    }
    .what-we-do h3 {
        font-size: 3.2vw;
        margin-bottom: 30px
    }
    #what .watch-more {
        font-size: 1vw;
        width: fit-content
    }
    .new-at-metric p {
        letter-spacing: 0;
        color: #1c2125;
        opacity: 1;
        font-size: 1.2vw!important
    }
    .new-at-metric .col-md-4 .read-more {
        width: auto!important
    }
    .fixed-top .row.no-gutters .col-lg-4 img {
        width: 60%
    }
    .fixed-top .cta-get-started,
    a.btn.cta-contact-us {
        font-size: 1.4vw;
        width: auto;
        padding: 20px 50px
    }
    .fixed-top .menu .hamburger img {
        margin-top: 15px
    }
    .new-at-metric .View-all {
        font-size: 1.4vw;
        width: fit-content;
        padding: 20px 50px
    }
    #block-metrics-content .new-at-metric p {
        line-height: initial!important;
        margin-bottom: 20px;
        font-size: 1.1vw!important
    }
    #block-metrics-content a {
        font-size: 1.1vw
    }
    .footer-logo-wrap p {
        font-size: 1.1vw;
        line-height: initial
    }
    footer .copyright p {
        font-size: .8vw!important
    }
    .custom-banner-4 .img-video {
        right: 8%!important
    }
    .tab button {
        padding: 14px 22px 32px;
        font-size: 1.3vw
    }
    .new-at-metric h3 {
        font-size: 1.6vw!important
    }
}

.blog--article #WhatsnewBlog .article ul,
.blog--article #featuredBLogLanding .featured-blog .article ul,
.blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article ul {
    margin-top: 0
}

#myCarousel-2437 .carousel-captions h1,
.hs-error-msg {
    line-height: initial
}

@media screen and (max-width:1599px) and (min-width:1406px) {
    .partner-details p {
        min-height: 160px
    }
}

@media screen and (max-width:1599px) and (min-width:1480px) {
    #myCarousel .img-video {
        right: 0!important
    }
}

@media screen and (max-width:1520px) and (min-width:1480px) {
    #myCarousel .custom-banner-4 .img-video {
        right: 5%!important
    }
}

@media screen and (max-width:1599px) and (min-width:1521px) {
    #myCarousel .custom-banner-4 .img-video {
        right: 6%!important
    }
}

@media screen and (min-width:1800px) {
    .custom-banner-4 .img-video img {
        width: 700px!important
    }
    .custom-banner-4 .carousel-captions h1 {
        max-width: fit-content!important
    }
    #block-letstalkform .actions input {
        font-size: 1vw;
        width: fit-content;
        padding: 30px 40px
    }
    #block-letstalkform input,
    #block-letstalkform select {
        height: 80px;
        font-size: 20px
    }
}

#menu ul li a {
    line-height: 1.5!important
}

.menuclosebtn {
    top: 6px
}

@media screen and (min-width:1600px) and (max-width:1899px) {
    #myCarousel .custom-banner-4 .img-video img {
        width: 530px!important
    }
}

@media screen and (min-width:1620px) and (max-width:1699px) {
    .custom-banner-4 .img-video {
        right: 8%!important
    }
}

@media screen and (max-width:1619px) and (min-width:1600px) {
    .custom-banner-4 .img-video {
        right: 6%!important
    }
}

#what .rvmp-hdr {
    min-height: auto!important;
    min-height: initial!important
}

#myCarousel .carousel-captions .btn-custom1 {
    background: linear-gradient(to right, #170034 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: 1s;
    width: auto;
    height: auto
}

@media screen and (max-width:1299px) and (min-width:11050px) {
    .custom-banner-4 .img-video {
        right: 4%!important
    }
}

@media screen and (max-width:1049px) and (min-width:992px) {
    .custom-banner-4 .img-video {
        right: 0!important
    }
}

@media screen and (max-width:1299px) and (min-width:992px) {
    .row.no-gutters .col-lg-4 img {
        width: 80%;
        margin-top: 10px
    }
    #myCarousel .img-video img {
        width: 400px!important
    }
}

@media screen and (max-width:1470px) and (min-width:1300px) {
    .custom-banner-4 .img-video img {
        width: 450px!important
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    #myCarousel .img-video img {
        width: 33%!important
    }
}

.get-certified a {
    margin-left: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px
}

#block-metrics-content .col-md-4 a {
    color: #170034;
    width: fit-content
}

@media screen and (max-width:1199px) and (min-width:1050px) {
    .custom-banner-4 .img-video {
        right: 4%!important
    }
}

@media screen and (max-width:1100px) and (min-width:1010px) {
    .custom-banner-4 .img-video {
        right: 2%!important
    }
}

@media screen and (max-width:1399px) and (min-width:1300px) {
    .custom-banner-4 .img-video {
        right: 3%!important
    }
}

.grcjourney-297 .bg-grey p a {
    background: linear-gradient(to right, #26eac4 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: 1s;
    border: none!important
}

@media (max-width:350px) and (min-width:300px) {
    #myCarousel .carousel-captions .btn-custom1 {
        top: 430px!important;
        width: 260px!important;
        left: 6%
    }
}

@media (max-width:400px) and (min-width:351px) {
    #myCarousel .carousel-captions .btn-custom1 {
        top: 480px!important;
        width: 260px!important;
        left: 13%
    }
}

@media (max-width:450px) and (min-width:401px) {
    #myCarousel .carousel-captions .btn-custom1 {
        top: 550px!important;
        width: 260px!important;
        left: 16%
    }
}

@media (max-width:500px) and (min-width:451px) {
    #myCarousel .carousel-captions .btn-custom1 {
        left: 21%;
        width: 263px!important;
        top: 650px!important
    }
}

.hs-error-msg {
    margin: 10px 0 0
}

.blog--article #WhatsnewBlog h2,
.blog--article #block-views-block-featured-blog-block-1 .view-content .col-md-9 h2 {
    font: 600 3em/74px Serenity;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 30px;
    letter-spacing: 0;
    opacity: 1;
    text-align: left
}

li::marker {
    font-size: 0px
}

@media screen and (min-width:1129px) and (max-width:1299px) {
    #myCarousel .img-video {
        right: 5%
    }
    #myCarousel .img-video img {
        width: 50%!important
    }
    .custom-banner-4 .img-video img {
        width: 500px!important
    }
}

.blog--article #BlogLatestCarousel {
    width: 87%;
    margin: 80px auto auto
}

.blog--article #BlogLatestCarousel .latestBlogcontent {
    display: flex
}

.blog--article #BlogLatestCarousel .BlogBannerImg {
    width: 65%
}

.blog--article #BlogLatestCarousel .latestBlog-details {
    width: 35%;
    border: 20px solid #26eac4;
    background-color: #fff
}

.blog--article #BlogLatestCarousel .latestBlog-details h5 {
    color: #f69d01;
    font-size: 2vw!important
}

.blog--article #BlogLatestCarousel .latestBlog-details p {
    color: #170034;
    font-size: 1vw!important
}

.blog--article #BlogLatestCarousel .latestBlog-details a {
    text-align: left;
    text-decoration: underline;
    font: bold 23px/32px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    font-size: 1.4vw!important;
    display: flex;
    align-items: center
}

#BlogLatestCarousel .banner-carousel-backgound,
#comment-form #edit-homepage,
#comment-form #edit-mail--description,
.blog--article #BlogLatestCarousel .owl-nav,
.blog--article #block-cssblockutpal,
.blog--article #block-views-block-featured-blog-block-1 #views-exposed-form-featured-blog-block-1 label,
.blog--article #block-views-block-featured-blog-block-1 .view-header,
.node--type-author-detail .banner-carousel-backgound-author,
.node--type-blog-details .blog-comment-wrapper:last-child,
.page-node-type-author-detail #block-breadcrumbs--2,
form#comment-form label {
    display: none
}

.blog--article #BlogLatestCarousel #blogLatest,
.blog--whats-new .featured-banner {
    position: relative
}

.blog--article #BlogLatestCarousel .owl-dots {
    position: absolute;
    top: 55px;
    right: 8%;
    display: flex
}

.blog--article #BlogLatestCarousel .owl-dots .owl-dot {
    height: 10px;
    width: 35px;
    background: #e8e8e8;
    margin-right: 10px;
    border-radius: 10px
}

.blog--article #BlogLatestCarousel .owl-dots .owl-dot.active {
    background: #f69d01
}

.blog--article li.breadcrumb-item a {
    color: #230f3f
}

.blog--article li.breadcrumb-item:last-child {
    color: #230f3f;
    font-weight: 700
}

.blog--article #WhatsnewBlog,
.blog--article #block-views-block-featured-blog-block-1 .view-filters {
    width: 87%;
    margin: auto
}

.blog--article #block-views-block-featured-blog-block-1 .view-content,
.blog--article #block-whatsnewsection .new-at-metric {
    width: 89%;
    margin: auto
}

.blog--article #WhatsnewBlog .View-all,
.blog--article #featuredBLogLanding .View-all {
    margin-right: 10px;
    float: right
}

.blog--article #block-views-block-featured-blog-block-1 .view-content .views-col {
    width: 33%
}

.blog--article #block-views-block-featured-blog-block-1 .view-content .col-md-9 h2 {
    color: #170034
}

.blog--article #block-views-block-featured-blog-block-1 .view-content .col-md-9 h2:before {
    content: "";
    position: absolute;
    width: 18%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #ff7e2e
}

.blog--article #block-breadcrumbs,
.blog--article .block-system-breadcrumb-block {
    width: 87%;
    margin: 25px auto auto
}

.blog--article #edit-field-category-target-id {
    background-position: 95% 50%!important
}

.blog--article #featuredBLogLanding .featured-blog .article ul li {
    color: #170034;
    font-size: 14px
}

.blog--article #featuredBLogLanding .featured-blog .article .read-more {
    font-size: 1em;
    position: relative;
    width: fit-content;
    font-weight: 550
}

.blog--article #WhatsnewBlog h2 {
    color: #170034
}

.blog--article #WhatsnewBlog h2:before {
    content: "";
    position: absolute;
    width: 18%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #ff7e2e
}

.blog--article #WhatsnewBlog .article,
p.banner-sub-cta1 {
    margin-right: 20px;
    float: left
}

.blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article ul li {
    color: #170034;
    font-size: 14px
}

.blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article h3 a {
    font-size: 1.7vw;
    font-weight: 400
}

.blog--article #WhatsnewBlog .article .read-more,
.blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article .read-more {
    width: fit-content
}

.blog--article #WhatsnewBlog .article ul li {
    color: #170034;
    font-size: 14px
}

.blog--article #WhatsnewBlog .article h3 a {
    font-size: 1.7vw
}

.blog--article #WhatsnewBlog .article .read-more::before {
    content: "▶";
    position: absolute;
    right: -40px;
    color: #26eac4
}

.blog--article #WhatsnewBlog .article .read-more,
.blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article .read-more {
    font: bold 1em Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    text-decoration: underline!important;
    display: flex;
    text-align: center;
    vertical-align: middle;
    align-items: center
}

.blog--article #WhatsnewBlog .w-new-blog {
    display: inline-block;
    padding-bottom: 55px
}

.blog--article #WhatsnewBlog .w-new-blog .row {
    padding: 150px 0 20px
}

.blog--article .view-what-s-new-at-metricstream-blog {
    background-image: url(/themes/custom/metrics/css/../images/Path5757.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%
}

.blog--article #subscribe-form {
    width: 87%
}

@media screen and (max-width:767px) {
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title,
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
        margin-left: 0;
        width: 100%
    }
    .blog--article #BlogLatestCarousel {
        width: 95%;
        margin: 80px auto auto;
        padding: 0;
        display: block
    }
    .blog--article #BlogLatestCarousel .BlogBannerImg {
        width: 100%
    }
    .blog--article #BlogLatestCarousel .latestBlog-details {
        width: 100%;
        padding: 6% 4%;
        border: 20px solid #26eac4
    }
    .blog--article #WhatsnewBlog,
    .blog--article #block-breadcrumbs {
        width: 95%
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin-left: 0;
        margin-bottom: 50px
    }
    .blog--article #WhatsnewBlog .article,
    .blog--article .attachment-after section#featuredBLogLanding-AttachmentOne .article {
        width: 100%;
        max-width: 100%;
        flex: 100%
    }
    .blog--article #BlogLatestCarousel .latestBlogcontent {
        display: block
    }
    .blog--article #BlogLatestCarousel .latestBlog-details h5 {
        color: #f69d01;
        font-size: 5vw!important
    }
    .blog--article #BlogLatestCarousel .latestBlog-details p {
        color: #170034;
        font-size: 3vw!important
    }
    .blog--article #BlogLatestCarousel .latestBlog-details a {
        font-size: 3.4vw!important
    }
    .blog--article #BlogLatestCarousel .owl-dots {
        position: absolute;
        top: auto;
        bottom: 55px!important;
        right: 0;
        left: 0;
        display: flex;
        width: fit-content;
        margin: auto;
        justify-content: center
    }
    .blog--article .parent--blog--submit input {
        left: -30px
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-content {
        width: 100%;
        margin: auto
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-content .col-md-9 h2 {
        font-size: 30px
    }
    #WhatsnewBlog .col-md-9,
    #featuredBLogLanding .col-md-9 {
        width: 67%;
        max-width: 67%
    }
    #WhatsnewBlog .col-md-3,
    #featuredBLogLanding .col-md-3 {
        width: 33%;
        max-width: 33%
    }
    .blog--article #featuredBLogLanding .View-all {
        width: 150px;
        margin-top: 20px
    }
    .blog--article #featuredBLogLanding .featured-blog .article h3 a,
    .blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article h3 a {
        font-size: 20px
    }
    #featuredBLogLanding-AttachmentOne,
    .blog--article #WhatsnewBlog,
    .blog--article #featuredBLogLanding {
        padding: 0
    }
    .blog--article #WhatsnewBlog .View-all {
        width: 100px;
        margin-top: 10px;
        font-size: 15px;
        padding: 10px
    }
    .blog--article #WhatsnewBlog h2 {
        font-size: 26px;
        line-height: initial
    }
    .blog--article #WhatsnewBlog .article {
        margin-bottom: 30px
    }
}

.blog--article .article {
    margin-left: 0;
    width: 100%!important;
    height: auto;
    padding: 0!important
}

.blog--article .article img {
    width: 100%;
    height: auto;
    transition: transform .2s
}

#BlogComments .comment .card,
#BlogComments .comment__meta,
#featuredBLogLanding .col-md-4,
#relatedBlogs .related-articles-bloglistMain .col-md-12,
.article.mid-article-sec .col-md-12,
.blog--article #WhatsnewBlog .w-new-blog .row:last-child,
.career-metrics-new .career-bg-vdo .sub-comp,
.comps-sec ol,
.home-page-class #homeVdoModl .modal-body,
.page-node-type-partner-pages .partner-p-0 .col-lg-12.col-md-12.col-xs-12.col-sm-12 {
    padding: 0
}

#featuredBLogLanding-AttachmentOne {
    margin-top: 60px
}

@media screen and (max-width:767px) {
    .blog--article .parent--blog--submit input {
        left: -10px
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin-left: 0;
        margin-bottom: 30px;
        height: auto
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters {
        width: 94%;
        margin: auto
    }
    #featuredBLogLanding-AttachmentOne {
        margin-top: 0
    }
    .blog--article .attachment-after section#featuredBLogLanding-AttachmentOne .article {
        margin-bottom: 30px
    }
    .blog--article #WhatsnewBlog .w-new-blog .row {
        padding: 250px 0 20px
    }
    .blog--article #WhatsnewBlog .w-new-blog .row:last-child .col-md-4 {
        padding: 0
    }
    .blog--article #WhatsnewBlog .w-new-blog {
        padding-bottom: 10px
    }
}

#block-views-block-blog-landing-block-1 .view-content,
.blog--article .region-banner {
    background-image: url(/themes/custom/metrics/images/wave-blog.png);
    background-size: 100% 100%;
    background-position: bottom
}

.blog--article #edit-field-category-target-id,
.blog--article #edit-title {
    height: 70px
}

.blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
    margin-left: 0;
    width: 40%
}

#BlogComments .comment .card,
#BlogComments .comment .card-block,
.blog--article #WhatsnewBlog h3,
.headerbg,
.two-col-testimonial .card {
    border: 0
}

@media screen and (min-width:1800px) {
    .blog--article #block-letstalkform .actions input {
        padding: 15px 40px 30px
    }
}

.article .read-more:hover {
    transform: none;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    padding: 5px;
    color: #170034
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .blog--article #BlogLatestCarousel .owl-dots .owl-dot {
        width: 35px
    }
}

@media screen and (min-width:1100px) and (max-width:1199px) {
    .blog--article #BlogLatestCarousel .owl-dots .owl-dot {
        width: 30px
    }
}

@media screen and (min-width:992px) and (max-width:1099px) {
    .blog--article #BlogLatestCarousel .owl-dots .owl-dot {
        width: 25px
    }
}

@media screen and (min-width:992px) {
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
        width: 39%
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        height: auto!important;
        margin-bottom: 0!important
    }
    .blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article ul li {
        width: -webkit-fill-available
    }
    .blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article h3 a {
        font-size: .8em
    }
    .blog--article #WhatsnewBlog h3 {
        border: 0;
        font-size: 1.6em
    }
    .blog--article #BlogLatestCarousel .latestBlog-details p {
        font-size: 1em!important
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
        width: 56.5%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #menu {
        width: 85%
    }
    .custom-slider-first span.carousel-captions.aos-init.aos-animate video.full-scr-video-slider {
        width: 60%
    }
    .custom-slider-first span.carousel-captions.aos-init.aos-animate {
        left: 19%!important
    }
    #myCarousel .carousel-captions .btn-custom1 {
        padding: 10px 20px!important;
        font-size: 16px!important
    }
    .home-page-class #block-metrics-content {
        margin-top: 20px
    }
    .fixed-top .menu .hamburger img {
        vertical-align: super!important
    }
    .blog--article #BlogLatestCarousel {
        width: 95%;
        padding: 0
    }
    .blog--article #BlogLatestCarousel .owl-dots {
        right: 18%
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
        width: 40%
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
        width: 54.5%;
        margin-left: 10px
    }
    .parent--blog--submit input {
        left: -20px
    }
    .blog--article #WhatsnewBlog h2 {
        font-size: 2em
    }
}

@media screen and (max-width:991px) {
    .blog--article #featuredBLogLanding .featured-blog .article {
        height: auto!important;
        margin-bottom: 0!important
    }
    .blog--article #BlogLatestCarousel,
    .blog--article #featuredBLogLanding {
        padding: 0
    }
    .blog--article #featuredBLogLanding .featured-blog .article h3 a,
    .blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article h3 a {
        font-size: 20px
    }
    #featuredBLogLanding-AttachmentOne {
        margin-top: 0;
        padding: 0
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-content,
    .blog--article #block-views-block-featured-blog-block-1 .view-filters {
        width: 95%;
        margin: auto
    }
    .blog--article #WhatsnewBlog {
        width: 95%
    }
}

@media screen and (max-width:767px) {
    .blog--article #BlogLatestCarousel .owl-dots {
        bottom: 30px
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
        width: 100%!important
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
        width: 100%!important;
        margin-left: 0
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-content {
        width: 100%;
        margin: auto
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        margin-bottom: 30px!important
    }
    .blog--article #BlogLatestCarousel .latestBlog-details {
        height: 280px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .blog--article #BlogLatestCarousel .owl-dots {
        right: 7%
    }
    .blog--article #BlogLatestCarousel .owl-dots .owl-dot {
        width: 20px
    }
    .blog--article #BlogLatestCarousel .latestBlog-details p {
        font-size: 1em!important
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        margin-bottom: 30px!important
    }
    .blog--article #WhatsnewBlog .View-all {
        float: right;
        margin-right: 0
    }
    .left-div {
        width: 100%;
        padding: 0 0 40px
    }
    .blog--article .article {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1700px) {
    .blog--article #BlogLatestCarousel {
        margin-top: 120px
    }
}

@media screen and (min-width:992px) and (max-width:1699px) {
    .blog--article #BlogLatestCarousel {
        margin-top: 100px
    }
}

p.banner-sub-cta1 {
    width: fit-content;
    margin-top: 15px
}

p.banner-sub-cta2 {
    width: 50%;
    float: left
}

@media screen and (max-width:767px) {
    img.blog-banner-desk {
        display: none!important
    }
    img.blog-banner-mob {
        display: block!important
    }
    #myCarousel .banner-sub-cta1 a.btn.btn-custom1 {
        top: 450px!important
    }
}

@media (max-width:400px) and (min-width:351px) {
    #myCarousel .banner-sub-cta1 a.btn.btn-custom1 {
        top: 400px!important
    }
}

@media (max-width:350px) and (min-width:300px) {
    #myCarousel .banner-sub-cta1 a.btn.btn-custom1 {
        top: 350px!important
    }
}

.blog-author-img {
    border: 5px solid #26eac4
}

.author-bio-wrap a {
    text-decoration: underline;
    position: relative;
    font-family: Noto Sans;
    font-weight: 700
}

#block-views-block-featured-blog-landing-block-1 .article a,
#block-views-block-whats-new-blog-landing-block-1 .article a,
#edit-field-comment-body-wrapper,
.blog--article #BlogLatestCarousel .latestBlog-details p:nth-child(4) {
    margin-bottom: 20px
}

#comment-form #edit-submit {
    margin-top: 20px;
    width: auto
}

.node--type-blog-details .social-share-heading {
    font-size: 14px
}

#BlogComments .comm-likeit-wrap,
.author-blog-items .blog-one .col-md-12 .col-md-7,
.blog--featured .breadcrumb li:nth-child(2),
.node--type-blog-details .social-share .col-lg-4,
.node--type-blog-details .social-share .col-lg-8,
.nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item,
.nwsrm-custm-template .left-pr-blk,
.page-node-type-author-detail .author-details-single .col-md-12,
.page-node-type-author-detail .breadcrumb li:nth-child(2),
.page-node-type-blog-details .breadcrumb li:nth-child(2),
.page-prod-main-wrap .prod-third-section .fadeIn {
    padding-left: 0
}

.node--type-blog-details .commnt-icon,
.node--type-blog-details .social-media-sharing .share img {
    width: 35px
}

.node--type-blog-details .social-share {
    display: flex
}

.author-blog-items .blog-one .col-md-12 .col-md-5 .inner-div a p,
.blog--article #BlogLatestCarousel .latestBlog-details p:nth-child(3),
.node--type-blog-details .author-bio-wrap p,
.node--type-blog-details .col-md-8 .node__content img,
.partner-unique-succeed .partner-login .row .col-md-6 {
    margin-bottom: 30px
}

.node--type-blog-details .blog-comment-wrapper {
    padding: 0 0 37px;
    background: #fff
}

#BlogComments .comment {
    background: #fff;
    border-bottom: 3px solid #eee;
    padding-bottom: 20px
}

#BlogComments .comment .card-block .comment__time {
    position: absolute;
    top: -46%;
    left: 16%;
    font-size: 13px
}

#BlogComments .comment .card-block nav {
    width: fit-content;
    float: left;
    margin: 10px 0
}

#BlogComments .comment .card,
.esgrc-metrics .headerbg {
    background: #fff!important
}

#BlogComments h2.title.comment-form__title {
    padding-top: 30px;
    background: #eee;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 30px
}

#BlogComments #comment-form {
    background: #eee;
    padding: 0 30px 30px
}

#BlogComments .comment .card-block {
    padding-left: 0;
    padding-top: 10px
}

#BlogComments article.likeit.likeit-wrapper {
    margin-top: 10px
}

#BlogComments .comment__author {
    margin-top: 25px
}

.auth-main-details .author-details {
    border: 18px solid #55eac4;
    padding-bottom: 30px;
    margin-bottom: 60px;
    background: #fff
}

.auth-main-details .author-details .author-main {
    border: 0;
    padding: 20px
}

.auth-main-details .author-details .auth-sub-dtl {
    padding: 0 50px
}

.author-blog-items .blog-one .col-md-12 {
    padding-left: 0;
    margin-bottom: 30px
}

.author-blog-items .read-more {
    text-align: left;
    text-decoration: underline;
    font: bold 20px/32px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative
}

.author-blog-items .read-more:hover {
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    padding: 5px
}

.top-authors-view-block .col-md-3 img {
    border: 5px solid #55eac4
}

.page-node-type-author-detail .author-details-single .col-lg-3 {
    padding-left: 15px
}

.page-node-type-author-detail #block-metrics-content {
    margin-top: 95px
}

.page-node-type-author-detail .breadcrumb li,
.page-node-type-author-detail .breadcrumb li a {
    font-size: .9em
}

.row.blog-items-two .col-md-6:first-child {
    margin-left: -15px
}

.node--type-author-detail {
    background-image: url(/themes/custom/metrics/images/wave-blog.png);
    background-size: contain;
    background-repeat: no-repeat
}

.blog--article #BlogLatestCarousel .latestBlog-details a:hover {
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    padding: 5px;
    color: #170034;
    width: fit-content
}

.blog--article #WhatsnewBlog .View-all:hover,
.blog--article #featuredBLogLanding .View-all:hover {
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    color: #170034
}

#relatedBlogs .related-articles-bloglist .display .related-article-blogcta:before,
.blog--article .alert-error,
.blog--article .breadcrumb li:first-child,
.blog--article .breadcrumb li:nth-child(2):before,
.blog--featured .breadcrumb li:first-child,
.blog--featured .breadcrumb li:nth-child(2):before,
.blog--whats-new .breadcrumb li:first-child,
.blog--whats-new .breadcrumb li:nth-child(2):before,
.blog--whats-new path-node .breadcrumb li:first-child,
.blog--whats-new path-node .breadcrumb li:nth-child(2):before,
.breadcrumbs-site,
.career-metrics-new .career-bg-vdo .sub-comp h4,
.career-metrics-new .featured-banner,
.career-metrics-new .old-sec-career,
.home-main-wrap .visually-hidden,
.image-wrap-2:hover .new-mission,
.image-wrap-6:hover .new-mission,
.insight-sr-nw-tmplt p.time-to-read,
.leadership-page .banneroverlay,
.market-lp-stream .back-arrow-blog,
.market-lp-stream .complete,
.node--type-product-pages .BVD hr,
.node-id-3391 .gnrc-anc span.bck-url img.back-arrow-blog,
.page-node-type-author-detail .breadcrumb li:first-child,
.page-node-type-author-detail .breadcrumb li:nth-child(2):before,
.page-node-type-author-detail .region-banner #block-breadcrumbs,
.page-node-type-blog-details .breadcrumb li:nth-child(2):before,
.page-prod-main-wrap .BVD hr,
.page-prod-main-wrap .brd-none .brd,
.page-prod-main-wrap .chart-prod,
.page-prod-main-wrap .partners-in-prod .box-partner h4,
.page-prod-main-wrap .partners-in-prod .modal-header h4,
.page-prod-main-wrap .prod-fourth-section-new,
.page-prod-main-wrap .prod-testimonial-section div#brd-orange-product,
.page-prod-main-wrap .single-item-metrics .brd,
.page-prod-main-wrap .uni-metric .brd,
.page-prod-main-wrap section.prod-fourth-section,
.prod-second-section #prod-second-section h4 {
    display: none
}

#faq,
.top-banner {
    background-size: cover;
    background-repeat: no-repeat
}

#featuredBLogLanding,
.blog--article #featuredBLogLanding,
.blog-one .col-md-7 .display a img,
.career-metrics-new .content-image,
.contact-us-unique-metrics .row.text-box.banner-text,
.node-id-3391 img.ftrd-bnr-mob.lazy,
.our-team-sec .newleadership img,
.page-node-type-solutions-details .prod-faq-section .sub-item.pr-0,
.related-story img,
.survey-lp-new .width-one-section,
.survey-lp-new .width-two-section,
p.hash-career {
    width: 100%
}

.blog--article .fixed-top .container-lg.container-xl.fadeInDown.animated {
    width: 87%!important
}

.blog--article #BlogLatestCarousel .latestBlog-details {
    padding: 4% 3%
}

#block-views-block-whats-new-blog-landing-block-1 #featuredBLogLanding .featured-blog .article img,
#blogLatest .owl-item img,
#featuredBLogLanding .article p span a,
.background-dark-blue-globe,
.blog--featured .mid-article-sec .display img,
.featured-banner .ftrd-bnr-img,
.node--type-author-detail .auth-profle-img,
.partner-login .col-lg-4 {
    height: 100%
}

#hubspot-messages-iframe-container.widget-align-right {
    z-index: 9999999999!important
}

@media screen and (max-width:767px) {
    .author-blog-items .blog-one .col-md-12,
    .page-node-type-author-detail .author-details-single .col-md-12 {
        padding: 0
    }
    .row.blog-items-two .col-md-6 {
        margin-bottom: 30px
    }
    .page-node-type-author-detail .author-details-single .col-lg-3 {
        padding-left: 15px;
        padding-right: 15px
    }
    .author-blog-items .blog-one .col-md-12 .col-md-7 {
        padding-left: 15px
    }
    .author-details-single {
        margin-left: 2%;
        margin-right: 2%
    }
    .page-node-type-author-detail .breadcrumb li,
    .page-node-type-author-detail .breadcrumb li a {
        font-size: .9em
    }
    .page-node-type-author-detail #block-metrics-content #block-breadcrumbs {
        margin-left: 2%
    }
    .page-node-type-author-detail #block-metrics-content {
        margin-top: 65px
    }
    .row.blog-items-two .col-md-6:first-child {
        margin-left: 0
    }
    .node--type-author-detail {
        background-size: auto
    }
    .blog--article #featuredBLogLanding .featured-blog .article {
        width: 100%!important
    }
    .blog--article #BlogLatestCarousel .latestBlog-details {
        height: 280px;
        min-height: 300px
    }
    .article a h3 {
        font-size: 25px
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
        width: 100%
    }
}

@media screen and (max-width:400px) {
    .blog--article #block-views-block-featured-blog-block-1 .view-content .col-md-9 h2 {
        font-size: 25px
    }
    .blog--article #featuredBLogLanding .View-all {
        width: max-content;
        font-size: 16px
    }
}

.blog-items-two .item-desc {
    margin-top: -25px
}

#featuredBLogLanding .article a {
    position: relative;
    display: block
}

#WhatsnewBlog .article a .category,
#featuredBLogLanding .article a .category,
#featuredBLogLanding-AttachmentOne .article a .category {
    position: absolute;
    top: auto;
    width: fit-content;
    left: 0;
    bottom: 0
}

#WhatsnewBlog .article a,
#featuredBLogLanding-AttachmentOne .article a {
    position: relative;
    height: 100%;
    display: block
}

.blog--article #featuredBLogLanding .featured-blog .article h3 a {
    font-size: 1.7vw!important;
    font-weight: 400!important
}

#WhatsnewBlog .display p,
#featuredBLogLanding-AttachmentOne .display p {
    font-size: 12px;
    display: flex
}

#block-views-block-featured-blog-landing-block-1 .article .display p,
#featuredBLogLanding-AttachmentOne .display p span,
.blog--article #featuredBLogLanding .display p,
.blog--article #featuredBLogLanding .display p span,
.career-metrics-new .career-core-new-grid,
.career-metrics-new .opened,
.career-metrics-new div#block-letstalkform--2,
.news-room-metrics .form--inline.clearfix,
.nwsrm-custm-template .cont-news,
.webinar-wrapper {
    display: flex
}

#featuredBLogLanding-AttachmentOne .display p span a,
.blog--article #featuredBLogLanding .display p span a {
    padding-left: 2px
}

#featuredBLogLanding .featured-blog .article {
    width: 100%;
    height: auto
}

.article.mid-article-sec {
    padding: 0;
    width: 98%!important;
    margin: 10px auto 30px!important
}

.article.mid-article-sec .col-md-5,
.page-prod-main-wrap .second-row-metric {
    padding: 30px
}

#block-letstalkform .actions input {
    padding: 12px 40px
}

.blog--article #block-views-block-featured-blog-block-1 .view-footer {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px
}

.blog--article #block-views-block-featured-blog-block-1 .view-footer .View-all:hover,
.blog--article #block-whatsnewsection .View-all:hover,
.node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap .sec-item-cta a:hover,
.node-id-3391 .views-element-container .text-wrap .sec-item-cta a:hover,
.node-id-3391 .views-rows.row.item-row-1 .desc span a:hover,
.nwsrm-custm-template .featured-anlst-rprt a.bs-ft-cta:hover,
.page-prod-main-wrap .prod-related-resrc .rel-story-container a:hover,
.unique-integrated-metric .insight-sidebar-wrap ul li a.active {
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    color: #170034
}

.metric-status-message {
    position: relative;
    height: 50px
}

.metric-status-message .alert-status {
    position: absolute;
    top: 100px;
    width: 100%
}

#featuredBLogLanding .article a,
.page-prod-main-wrap .Prod-benefit-section .col.image,
.webinar-speakers ul li p img {
    height: auto
}

@media screen and (max-width:991px) {
    .blog--article #WhatsnewBlog h3 {
        font-size: 20px
    }
    #block-metrics-content .container-fluid {
        padding: 0
    }
}

.generic-ttl {
    margin-top: -105px;
    padding-left: 100px
}

#block-breadcrumbs-2,
.career-metrics-new .career-new-vismis,
.nwsrm-custm-template .media-coverage .col-md-3.col-lg-3,
.page-node-type-platforms .solutions .four-col {
    margin-top: 30px
}

.bef-exposed-form .form--inline .form-type-textfield,
.blog--whats-new .rightShadowBlog .read-more,
.nwsrm-custm-template .media-coverage .container-lg.container-xl {
    margin-left: 0
}

#featuredBLogLanding .col-md-4 .article {
    padding: 20px 0
}

.related-articles-bloglist .article ul {
    margin-top: -20px
}

#relatedBlogs ul li:not(:last-child) {
    content: '|';
    padding: 0 5px 10px 0
}

.related-articles-bloglist .article .related-article-blogcta {
    text-align: left;
    text-decoration: underline;
    font: bold 23px/32px Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    position: relative;
    font-size: 18px!important;
    margin-top: 15px
}

#edit-field-category-target-id {
    background-position: 95% center
}

@media screen and (min-width:992px) and (max-width:1024px) {
    #block-letstalkform.active {
        display: flex
    }
}

.page-node-type-blog-details .breadcrumb li a {
    color: #eaa039!important
}

.page-node-type-blog-details .breadcrumb li {
    font-size: .9em
}

.banner-sub-cta1.mobile-home-cta-wrap,
.node--type-blog-details .blog-comment-wrapper,
.node-id-3391 .view-content .sec-row-item .sec-item-cta,
.page-prod-main-wrap .desc-box-wrap,
h2#heading-2 {
    margin-top: 20px
}

.node--type-blog-details hr {
    border: 2px solid #26eac4;
    margin-top: 30px;
    background: #26eac4;
    margin-bottom: 25px!important
}

#block-views-block-featured-blog-landing-block-1 .article img:hover,
#block-views-block-whats-new-blog-landing-block-1 .article img:hover,
#relatedBlogs .related-articles-bloglist .display img:hover,
.blog--article .article img:hover,
.page-node-type-author-detail .display img:hover {
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

#block-views-block-featured-blog-landing-block-1 .article,
#block-views-block-whats-new-blog-landing-block-1 .article,
.blog--article .article {
    transition: .3s;
    padding-bottom: 30px!important
}

#block-views-block-featured-blog-landing-block-1 .article:hover,
#block-views-block-whats-new-blog-landing-block-1 .article:hover,
#relatedBlogs .related-articles-bloglist .article:hover,
.blog--article .article:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
}

.blog--article .article .display a {
    overflow: hidden
}

.blog--article .article .display p {
    padding: 10px 5px;
    font-size: 12px!important
}

#block-views-block-featured-blog-landing-block-1 .article .display ul span,
#block-views-block-whats-new-blog-landing-block-1 .article .display p span,
.blog--article .article .display p span {
    padding-right: 2px;
    display: flex;
    padding-left: 5px
}

#block-views-block-featured-blog-landing-block-1 .article .display ul,
.blog--article .article h3,
.social-share-wrap li {
    padding: 0 10px
}

#block-views-block-featured-blog-landing-block-1 .article h3 a,
#block-views-block-whats-new-blog-landing-block-1 .article h3 a,
.blog--article .article h3 a {
    color: #10052f!important
}

.blog--article .article .read-more {
    margin-left: 10px
}

#block-views-block-whats-new-blog-landing-block-1 .article img,
.page-node-type-author-detail .display img {
    transition: transform .2s
}

#block-views-block-featured-blog-landing-block-1 .article .display a,
#block-views-block-whats-new-blog-landing-block-1 .article .display a {
    overflow: hidden;
    margin-bottom: 10px
}

#block-views-block-featured-blog-landing-block-1 .article h3,
#block-views-block-whats-new-blog-landing-block-1 .article h3 {
    padding: 0 10px!important
}

#block-views-block-whats-new-blog-landing-block-1 .article .read-more {
    margin-left: 10px;
    font-size: 1em;
    width: fit-content
}

#block-views-block-featured-blog-landing-block-1 #featuredBLogLanding .featured-blog .article,
#block-views-block-whats-new-blog-landing-block-1 #featuredBLogLanding .featured-blog .article {
    margin-bottom: 20px!important;
    padding: 0 0 10px!important;
    height: initial!important
}

#block-views-block-featured-blog-landing-block-1 .article .category,
#block-views-block-whats-new-blog-landing-block-1 .article .category {
    position: absolute!important;
    top: auto!important
}

#faq .faq-accordian .card-header,
.BVD ul li,
.blog--featured .featured-banner,
.blog-comments-head h2,
.core-values .our-story-two,
.page-node-type-blog-details .blog-desc ol li,
.playicon-img-wrap-wista,
.playicon-img-wrap-ytube,
.related-story .related-story-cta {
    position: relative
}

@media screen and (min-width:768px) {
    .view-id-whats_new_blog_landing #featuredBLogLanding .col-md-4:nth-child(3n) {
        padding-right: 0
    }
    .ftrd-bnr-img {
        display: block
    }
    .ftrd-bnr-mob {
        display: none
    }
}

#block-views-block-featured-blog-landing-block-1 .article img {
    transition: transform .2s;
    width: 100%
}

#block-views-block-featured-blog-landing-block-1 .article .display ul {
    font-size: 10px!important
}

#block-views-block-featured-blog-landing-block-1 .article .read-more {
    margin-left: 10px;
    font-size: 1em;
    width: fit-content;
    bottom: 0
}

.page-node-type-author-detail .display {
    overflow: hidden;
    position: relative
}

.page-node-type-author-detail .display .category {
    left: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    height: fit-content
}

.node--type-author-detail .blog-items-two .item-desc,
.node-id-3391 .social-share-wrap li.ss-twtr,
.page-node-type-partner-pages #block-metrics-content,
.page-node-type-partner-pages .generic-ttl,
.page-prod-main-wrap .desc-box-wrap:first-child {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .blog-items-two .item-desc p {
        font-size: 14px
    }
    #block-views-block-featured-blog-landing-block-1 .article h3,
    #block-views-block-featured-blog-landing-block-1 .featured-blog .article h3 a,
    #block-views-block-whats-new-blog-landing-block-1 .article h3,
    .blog--article #featuredBLogLanding-AttachmentOne .featured-blog .article h3 a,
    .blog--featured #block-views-block-featured-blog-new-landing-block-1 .article h3 {
        font-size: 27px
    }
    .node--type-author-detail .blog-items-two .item-desc p {
        font-size: 12px;
        margin-top: 0;
        padding-top: 10px
    }
}

.node--type-author-detail .blog-items-two .item-desc h3 {
    font-size: 27px
}

.node--type-author-detail .author-blog-items .read-more {
    font-size: 1em
}

.node--type-author-detail .item-desc {
    transition: .3s;
    padding: 10px 20px
}

.node--type-author-detail .item-desc:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)!important
}

#relatedBlogs .related-articles-bloglist p {
    font-size: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    margin-top: -10px
}

#relatedBlogs .related-articles-bloglist .article {
    transition: .3s;
    padding-bottom: 20px
}

#relatedBlogs .related-articles-bloglist .article .related-article-blogcta:hover {
    transition: .5s;
    font-size: 17px;
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    padding: 5px;
    color: #170034
}

#relatedBlogs .related-articles-bloglist .article .related-article-blogcta {
    font-size: 1em;
    width: fit-content;
    display: flex;
    align-items: center;
    margin-left: 10px
}

#relatedBlogs .related-articles-bloglist:hover {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .2)
}

#relatedBlogs .related-articles-bloglist .article .display .related-article-blogcta {
    margin-left: 0;
    overflow: hidden;
    display: block;
    background: 0 0
}

.related-articles-bloglist .article h4 {
    font-weight: 400;
    padding-left: 10px
}

#relatedBlogs .related-articles-bloglist {
    transition: .3s;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-right: 5px
}

#relatedBlogs .related-articles-bloglist .article {
    box-shadow: none!important
}

.related-articles-bloglist .article .category {
    top: -38px!important
}

/*.breadcrumb li,
.page-node-type-author-detail .breadcrumb li:nth-child(3) {
    text-transform: uppercase
}
*/
.block-system-breadcrumb-block .breadcrumb li, .breadcrumb-item a{font-size: .9em !important}
.blog--whats-new #block-breadcrumbs-2 .breadcrumb {
    width: 82%!important;
    margin: auto!important
}

.view-id-featured_blog_landing,
.view-id-whats_new_blog_landing {
    margin: 20px 0 30px!important;
    padding: 0 15px!important
}

#block-views-block-whats-new-blog-landing-block-1 .view-filters form,
#blog--featured .view-filters form {
    padding: 0 0 30px!important
}

@media (min-width:1601px) {
    .blog--whats-new .bef-exposed-form .form--inline .form-type-textfield {
        width: 66%!important
    }
    .view-filters .form--inline .form-type-select {
        margin-left: 30px!important
    }
}

@media (max-width:1600px) and (min-width:1401px) {
    .blog--whats-new #block-breadcrumbs-2 .breadcrumb {
        padding: 0!important
    }
}

#block-views-block-whats-new-blog-landing-block-1 .article .display p {
    display: flex;
    font-size: .8vw!important;
    padding: 3px 5px 10px!important;
    margin-top: 0!important
}

#block-views-block-whats-new-blog-landing-block-1 .article .read-more,
.blog--featured .article .read-more {
    margin-top: -10px!important
}

#block-views-block-whats-new-blog-landing-block-1 .view-display-id-attachment_2 #featuredBLogLanding .article.mid-article-sec {
    padding: 0!important;
    margin: 0!important
}

#block-views-block-whats-new-blog-landing-block-1 .view-display-id-attachment_2 #featuredBLogLanding .article.mid-article-sec .display a {
    margin-bottom: 0!important
}

.blog--whats-new .view-display-id-attachment_1 {
    padding: 0!important
}

.blog--whats-new .view-display-id-attachment_1 #featuredBLogLanding .row,
.blog--whats-new .views-infinite-scroll-content-wrapper .featured-blog .row {
    margin-left: -15px!important
}

.blog--whats-new .view-display-id-attachment_2 {
    padding: 0!important;
    margin-bottom: 50px!important
}

.blog--whats-new .featured-banner .gnrc-anc {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 87%;
    margin-left: 8%
}

.blog--whats-new .featured-banner .gnrc-anc .back-arrow-blog {
    margin-top: 0!important;
    width: 45px!important;
    margin-left: 0!important
}

.blog--whats-new .featured-banner .gnrc-anc .generic-ttl {
    margin-top: 0!important;
    padding: 0 0 10px!important
}

.blog--whats-new #block-breadcrumbs-2 .breadcrumb {
    padding: 20px 0 0!important
}

.blog--whats-new .bef-exposed-form .form--inline .form-type-textfield {
    width: 68%!important
}

@media screen and (min-width:1201px) and (max-width:1299px) {
    .blog--whats-new .featured-banner .gnrc-anc {
        margin-left: 4%
    }
    .blog--whats-new #block-breadcrumbs-2 .breadcrumb {
        width: 90%!important
    }
    div#block-views-block-whats-new-blog-landing-block-1 {
        width: 92%
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    div#block-views-block-whats-new-blog-landing-block-1 {
        width: 98%
    }
    .blog--whats-new #block-breadcrumbs-2 .breadcrumb {
        width: 95%!important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .blog--article #BlogLatestCarousel {
        margin-top: 80px
    }
    #myCarousel span.carousel-captions {
        top: 20%
    }
    .page-node-type-blog-details #block-metrics-content .container {
        width: 100%;
        max-width: initial;
        padding: 0
    }
    #BlogComments #comment-form {
        padding: 0 30px 30px;
        height: 100%;
        display: flow-root
    }
    .blog--whats-new #block-breadcrumbs-2 .breadcrumb {
        padding: 50px 0 10px!important;
        width: 95%!important;
        margin: auto!important
    }
    .blog--whats-new div#block-views-block-whats-new-blog-landing-block-1 {
        width: 98%;
        margin: 0 auto
    }
    .blog--whats-new .view-filters .form--inline .form-type-select {
        width: 30%;
        margin-left: 0!important;
        margin-right: 2%!important
    }
    .blog--whats-new .bef-exposed-form .form--inline .form-type-textfield {
        width: 66%!important;
        margin-left: 2%
    }
    .blog--whats-new .view-display-id-attachment_1 #featuredBLogLanding {
        padding: 0
    }
    .blog--whats-new .view-display-id-attachment_1 {
        padding: 0!important;
        margin-top: 0!important
    }
    #block-views-block-whats-new-blog-landing-block-1 #featuredBLogLanding .featured-blog .article {
        margin-bottom: 0!important
    }
    #block-views-block-whats-new-blog-landing-block-1 .article h3 {
        font-size: 25px
    }
    #block-views-block-whats-new-blog-landing-block-1 .col-md-7 .display img {
        height: -webkit-fill-available
    }
}

@media screen and (max-width:767px) {
    .ftrd-bnr-img {
        display: none
    }
    .blog--whats-new .mid-sec-article,
    .ftrd-bnr-mob {
        display: block
    }
    .parent--blog--submit input {
        left: -20px
    }
    #block-breadcrumbs-2 .breadcrumb {
        padding: 40px 35px 10px;
        margin-bottom: 0
    }
    .view-id-whats_new_blog_landing #featuredBLogLanding {
        width: 100%;
        padding: 0
    }
    .blog--whats-new .bef-exposed-form .form--inline .form-type-textfield {
        width: 100%!important;
        margin-left: 0
    }
    .blog--whats-new .view-filters .form--inline .form-type-select {
        width: 100%
    }
    .blog--whats-new .view-display-id-attachment_1 #featuredBLogLanding .row,
    .blog--whats-new .views-infinite-scroll-content-wrapper .featured-blog .row {
        margin-left: 0!important
    }
    .blog--whats-new .article.mid-article-sec .col-md-5 {
        padding: 20px 15px
    }
    .blog--whats-new .rightShadowBlog h3 {
        padding: 10px 0!important
    }
    .blog--whats-new .rightShadowBlog .read-more {
        margin-left: 0
    }
}

.page-node-type-blog-details .breadcrumb {
    flex-wrap: initial
}

.blog--article .view-id-featured_blog .View-all {
    width: initial
}

.page-node-type-blog-details .blog-desc ol li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('/themes/custom/metrics/images/lists.png') -60px 0 no-repeat #26eac4;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: -30px;
    display: none
}

.blog--whats-new #block-views-block-whats-new-blog-landing-block-1 .rightShadowBlog h3,
.blog--whats-new .rightShadowBlog h3 {
    padding: 10px 0!important
}

.blog--whats-new #block-views-block-whats-new-blog-landing-block-1 .rightShadowBlog .read-more {
    margin-left: 0;
    margin-top: 0!important
}

.career-metrics-new span.inner-text-career,
.comment__author span,
.survey-lp-new h3.state-competary.text-bold-last-survey {
    font-weight: 700
}

.blog-comments-head h2:before {
    content: "";
    content: "";
    position: absolute;
    width: 18%;
    height: 13px;
    left: 0;
    bottom: -10px;
    border-bottom: 3px solid #f59e01
}

.blog-comments-head h2 {
    font-weight: 700;
    font-size: 50px;
    color: #10052f
}

@media (min-width:1601px) {
    .blog--featured .bef-exposed-form .form--inline .form-type-textfield {
        width: 66%!important
    }
}

@media (max-width:1600px) and (min-width:1401px) {
    .view-filters .form--inline .form-type-select {
        width: 30%!important;
        margin-left: 0!important;
        margin-right: 2%!important
    }
    .bef-exposed-form .form--inline .form-type-textfield {
        width: 68%!important
    }
    .blog--featured #block-breadcrumbs-2 .breadcrumb {
        padding: 0!important
    }
}

.blog--featured .view-display-id-attachment_2 #featuredBLogLanding .article.mid-article-sec {
    padding: 0!important;
    margin: 0!important
}

.blog--featured .view-display-id-attachment_2 #featuredBLogLanding .article.mid-article-sec .display a,
.rightShadowBlog .inner-div p span:last-child a {
    margin-bottom: 0!important
}

.blog--featured .article .display p {
    padding: 3px 5px 10px!important;
    margin-top: 0!important
}

.blog--featured #block-views-block-featured-blog-landing-block-1 .rightShadowBlog h3,
.blog--featured .view-display-id-attachment_1,
.blog--featured .view-id-featured_blog_landing,
.ebooks-metrics-stream .no-pad-metrics,
.prod-second-section #prod-second-section .ins-comm-desc p,
.rel-story-container .display a,
.unique-integrated-metric.page-node-type-resources-collaterals #block-metrics-content .col-md-4 a {
    padding: 0!important
}

.blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row,
.blog--featured .views-infinite-scroll-content-wrapper .featured-blog .row {
    margin-left: -15px!important
}

.blog--featured .view-display-id-attachment_2 {
    padding: 0!important;
    margin-bottom: 50px!important
}

.blog--featured .featured-banner .gnrc-anc {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 87%;
    margin-left: 9%
}

.blog--featured .featured-banner .gnrc-anc .back-arrow-blog {
    margin-top: 0!important;
    width: 45px!important;
    margin-left: 0!important
}

.blog--featured .featured-banner .gnrc-anc .generic-ttl {
    margin-top: 0!important;
    padding: 0 0 10px!important
}

.blog--featured #block-breadcrumbs-2 .breadcrumb {
    width: 82%!important;
    margin: auto!important;
    padding: 20px 0 0!important
}

.generic-ttl h1 {
    margin-top: 5px!important
}

.view-filters .form--inline .form-type-select {
    width: 30%!important;
    margin-left: 0!important;
    margin-right: 2%!important
}

.blog--featured .bef-exposed-form .form--inline .form-type-textfield,
.framework-custom.node--type-product-pages .product-main-bnnr-wrap h1,
.framework-custom.node--type-product-pages .title-sub_head_wrap h4 {
    width: 68%!important
}

@media screen and (min-width:1201px) and (max-width:1299px) {
    .blog--featured .featured-banner .gnrc-anc {
        margin-left: 4%
    }
    .blog--featured #block-breadcrumbs-2 .breadcrumb {
        width: 90%!important
    }
    div#block-views-block-featured-blog-landing-block-1 {
        width: 92%
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    div#block-views-block-featured-blog-landing-block-1 {
        width: 98%
    }
    .blog--featured #block-breadcrumbs-2 .breadcrumb {
        width: 95%!important
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .blog--featured #block-breadcrumbs-2 .breadcrumb {
        padding: 50px 0 10px!important;
        width: 95%!important;
        margin: auto!important
    }
    .blog--featured div#block-views-block-featured-blog-landing-block-1 {
        width: 98%;
        margin: 0 auto
    }
    .blog--featured .view-filters .form--inline .form-type-select {
        width: 30%;
        margin-left: 0!important;
        margin-right: 2%!important
    }
    .blog--featured .bef-exposed-form .form--inline .form-type-textfield {
        width: 66%!important;
        margin-left: 2%
    }
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding {
        padding: 0
    }
    .blog--featured .view-display-id-attachment_1 {
        padding: 0!important;
        margin-top: 0!important
    }
    .blog--featured #featuredBLogLanding .featured-blog .article {
        margin-bottom: 0!important
    }
    .blog--featured .article h3 {
        font-size: 25px
    }
    .blog--featured .col-md-7 .display img {
        height: -webkit-fill-available
    }
}

@media screen and (max-width:767px) {
    .blog--featured .bef-exposed-form .form--inline .form-type-textfield {
        width: 100%!important;
        margin-left: 0
    }
    .blog--featured .view-filters .form--inline .form-type-select {
        width: 100%
    }
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row,
    .blog--featured .views-infinite-scroll-content-wrapper .featured-blog .row {
        margin-left: 0!important
    }
    .blog--featured .mid-sec-article {
        display: block
    }
    .blog--featured .article.mid-article-sec .col-md-5 {
        padding: 20px 15px
    }
    .blog--featured .rightShadowBlog h3 {
        padding: 10px 0!important
    }
    .blog--featured .rightShadowBlog .read-more {
        margin-left: 0
    }
}

@media screen and (min-width:1201px) {
    #block-views-block-featured-blog-landing-block-1 {
        width: 82%;
        margin: auto
    }
}

#views-exposed-form-featured-blog-landing-block-1 {
    padding: 0 0 10px
}

@media screen and (min-width:768px) {
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row {
        margin-left: -15px!important;
        margin-right: -15px!important
    }
    #block-views-block-featured-blog-landing-block-1 .article .display ul li {
        font-size: 1em!important
    }
    #block-views-block-whats-new-blog-landing-block-1 .article .display p {
        font-size: 11px!important
    }
}

@media screen and (max-width:1200px) and (min-width:992px) {
    .blog--article #BlogLatestCarousel {
        width: 95%
    }
    div#block-views-block-featured-blog-landing-block-1 {
        width: 98%;
        margin: auto
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .blog--featured .views-infinite-scroll-content-wrapper #featuredBLogLanding,
    .view-display-id-attachment_2 #featuredBLogLanding {
        width: 96%!important;
        padding: 0;
        margin: auto
    }
    .blog--featured .featured-banner .gnrc-anc {
        margin-left: 3%
    }
}

@media (max-width:768px) {
    #featuredBLogLanding .featured-blog .article {
        width: 100%!important;
        margin-left: 0
    }
    #views-exposed-form-featured-blog-landing-block-1 .form--inline {
        display: block;
        width: 97%;
        margin: auto
    }
}

.career-metrics-new .BVD,
.career-metrics-new div#wistia_59\.thumb_container,
.node--type-product-pages #myCarousel .carousel-captions .bnr-desc-main p:nth-child(2),
.page-node-type-resources-collaterals .new-at-metric .second-row,
.page-prod-main-wrap #myCarousel .carousel-captions .bnr-desc-main p:nth-child(2),
.page-prod-main-wrap .title-sub_head_wrap .bnr-desc-main p:nth-child(2),
.rightShadowBlog .inner-div p {
    margin-top: 0!important
}

.rightShadowBlog .inner-div p span:last-child {
    display: inline-flex!important
}

.blog--featured #block-views-block-featured-blog-landing-block-1 #featuredBLogLanding .mid-article-sec {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

.blog--featured .rightShadowBlog .read-more,
.contrl-tezt-metric .apps-about-content .BVD-wrap.background-grey-globe h6,
.inst-comps-wrapper-r4 .apps-about-content .attribute-list {
    margin-left: 0!important
}

.blog--whats-new .rightShadowBlog p span,
.node--type-product-pages li.case-li-2-color {
    font-size: 16px
}

#block-views-block-featured-blog-landing-block-1 .article ul li {
    display: flex;
    font-size: 16px;
    padding-right: 10px
}

#block-views-block-featured-blog-landing-block-1 .article ul li:nth-child(2) {
    padding-left: 10px
}

#block-views-block-featured-blog-landing-block-1 .article ul li:first-child {
    padding-right: 5px
}

#block-views-block-featured-blog-landing-block-1 .article ul li a,
#block-views-block-featured-blog-landing-block-1 .article ul li:nth-child(3),
#featuredBLogLanding .article p span a,
.featured-blog .article span a,
.featured-blog .article ul li a {
    padding-left: 5px
}

.blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
    width: 68%
}

@media screen and (max-width:767px) {
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row {
        margin: 0!important
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .js-form-type-select {
        width: 100%!important
    }
    .blog--article #featuredBLogLanding .featured-blog .article h3 a {
        font-size: 20px!important;
        font-weight: 400!important
    }
    #edit-submit-whats-new-blog-landing,
    .parent--blog--submit input {
        left: 0!important;
        right: 0;
        text-align: center;
        margin: 20px 0 0!important;
        width: 100%;
        height: 53px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .page-node-type-author-detail .author-details-single .col-lg-3 {
        padding-left: 0;
        margin-top: 30px
    }
    .page-node-type-author-detail #subscribe-form {
        margin-top: 40px
    }
    .blog--article #block-views-block-featured-blog-block-1 .view-filters .form-item-title {
        width: 68%;
        margin-left: 0
    }
    .blog--article #featuredBLogLanding .featured-blog .article h3 a {
        font-size: 20px;
        font-weight: 400!important
    }
}

.BVD ul li {
    margin: 1em 0 0 2em
}

.BVD ul li:before,
.page-node-type-blog-details .blog-desc ul li:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    height: 16px;
    line-height: 1.5em;
    text-rendering: auto;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    color: #29eac4;
    font-size: 1.2em;
    position: absolute;
    left: -1.5em
}

.page-node-type-blog-details .blog-desc ul li {
    position: relative;
    margin: 1em 3em
}

.author-details-single {
    width: 80%;
    margin: auto!important
}

.auth-main-details .author-details .author-main .col-md-8 {
    padding: 28px 10px
}

@media screen and (max-width:1299px) and (min-width:1201px) {
    .page-node-type-author-detail #block-metrics-content #block-breadcrumbs {
        width: 90%;
        margin: auto
    }
    .author-details-single {
        width: 90%;
        margin: auto!important
    }
}

#menu ul li>ul {
    left: 296px
}

.display p {
    font-size: 15px!important
}

.banner .banner-text h1 {
    font-family: serenity, Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 2.4em;
    color: #fff;
    margin: .3em 0;
    font-weight: 700;
    line-height: 1em;
    width: 75%
}

.related-story .related-story-cta::after,
.related-story a::after {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent
}

html {
    scroll-behavior: smooth
}

.top-banner {
    background-image: url('/themes/custom/metrics/images/cluster-bg_img.webp');
    height: 200px;
    background-position: top;
    width: 130%;
    margin-left: -14%
}

.new-tmplt-case-studies .cs-side-bar,
.new-tmplt-case-studies .top-banner,
.new-tmplt-cluster .top-banner {
    position: absolute!important
}

.container-fluid.career-only-full-vdo .container-lg.container-xl.mb-2,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.new-tmplt-case-studies .inst-cs-comps-wrapper-bvc .sub-comp .ins-comm-desc .container,
.nwsrm-custm-template .container-lg.container-xl.mb-2.ddd {
    max-width: 85%!important
}

.banner .row {
    align-items: center
}

.banner p:first-of-type {
    color: #170034;
    font-size: 14px;
    font-family: 'Noto Sans'
}

.banner h1 {
    font-size: 48px;
    font-family: serenity;
    font-weight: 700
}

.new-tmplt-cluster .banner h4 {
    color: #00c8b6;
    opacity: 80%;
    font-size: 26px;
    font-family: serenity;
    font-weight: 600;
    margin: 0
}

.banner p:last-of-type {
    color: #170034;
    font-size: 14px;
    font-family: 'Noto Sans';
    font-weight: 100;
    margin: 0
}

#faq h4::after,
h2.re-stories::after {
    content: '';
    margin: 0 auto;
    left: 0;
    bottom: -12px;
    position: absolute;
    background-color: #ee752f!important;
    right: 0
}

.new-tmplt-cluster .container-lg.container-xl.mb-2.breadcrumb-wrapper {
    max-width: 97.5%!important
}

@media(min-width:992px) {
    .banner container-lg.container-xl.mb-2.fadeInDown.animated,
    .breadcrumb-wrapper {
        max-width: 98%
    }
}

.block-system-breadcrumb-block .breadcrumb {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    margin: 0;
    padding-top: 0px !important;
    padding-left: 15px;
    padding-bottom: 0
}

#cluster-side-bar {
    background-color: #f6f6f6;
    z-index: 9999;
    padding: 20px
}

#cluster-side-bar ul {
    list-style-type: none;
    padding: 0 0 0 25px
}

#cluster-side-bar h4 {
    font-size: 28px;
    margin: 10px 0 0;
    font-weight: 600;
    padding-bottom: 10px
}

#faq h4,
h2.re-stories {
    text-align: center;
    position: relative;
    margin-bottom: 70px
}

.comps-sec .resrc-comps p,
.comps-sec p,
.ebooks-metrics-stream .resrc-desc p,
.ebooks-metrics-stream p.ebook-para-metrics {
    color: #170034;
    font-size: 18px;
    font-family: 'Noto Sans';
    line-height: 38px
}

.comps-sec ol li,
.comps-sec ul li {
    padding: 10px 0;
    font-family: 'Noto Sans';
    font-size: 18px;
    margin: 0!important
}

#faq {
    padding: 80px 0;
    background-position: center
}

#faq .faq-accordian button {
    color: #170034;
    font-family: 'Noto Sans';
    font-weight: 600;
    font-size: 18px
}

#faq h4 {
    color: #170034;
    font-size: 48px;
    padding: 80px 0 10px
}

@media (max-width:430px) {
    #faq h4 {
        padding: 4px 0 10px!important;
        margin-bottom: 26px!important;
        font-size: 24px!important
    }
    .comps-sec p {
        font-size: 14px!important
    }
}

#faq h4::after {
    width: 10%;
    height: 2px;
    color: #ee752f!important
}

.related-story {
    padding: 0 0 50px
}

.related-story h4 {
    color: #170034;
    font-size: 20px;
    font-family: serenity;
    padding: 20px 0 0;
    font-weight: 600
}

.related-story a {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Noto Sans';
    border-bottom: 2px solid #000
}
.related-story a::after {
    border-left: 60px solid #ff7900
}

.block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
    font-family: 'Noto Sans';
    font-weight: 100!important;
    letter-spacing: -1px;
    color: #170034;
    text-transform: uppercase;
    font-size: .9em
}

.block-system-breadcrumb-block li.breadcrumb-item:last-child {
  color: #787876;
  font-size: .9em !important;
  font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-weight: 500;
  text-transform: capitalize;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    vertical-align: middle;
    content: '|'!important;
    font-weight: 100
}

#faq .card-header {
    background-color: #fff;
    border-bottom: unset
}

#faq .card-body {
    padding: 0 35px 30px
}

h2.re-stories {
    color: #170034!important;
    font-size: 48px;
    padding: 30px 0 10px
}

h2.re-stories::after {
    width: 10%;
    height: 2px
}

.inst-comps-wrapper {
    background-image: url(/themes/custom/metrics/images/wave_bg.webp);
    height: 100%;
    background-repeat: no-repeat;
    background-size: unset;
    background-position: top
}

#faq .faq-accordian button.btn-link.collapsed {
    color: #170034!important;
    font-family: 'Noto Sans';
    font-weight: 600;
    font-size: 18px
}

#faq .faq-accordian button.btn-link.collapsed::after {
    content: url('/themes/custom/metrics/images/uncollapse_arrow.png')!important;
    right: 20px;
    position: absolute
}

#faq .faq-accordian button.btn-link::after {
    content: url('/themes/custom/metrics/images/collapsed_arrow.png');
    right: 20px;
    position: absolute
}

.related-story .related-story-cta::after {
    border-left: 10px solid #09cc94
}

.social-share-wrap {
    display: flex;
    list-style-type: none
}

@media(max-width:991px) {
    .banner p:first-of-type,
    .banner p:last-of-type,
    .comps-sec ol li,
    .comps-sec ul li {
        font-size: 16px
    }
    .banner h1 {
        font-size: 26px
    }
    .banner h4 {
        font-size: 20px
    }
    .banner h6 {
        display: none
    }
    .social-share-wrap {
        margin-top: 20px
    }
    .social-share-wrap li {
        padding-left: 0;
        padding-right: 10px
    }
    .breadcrumb-wrapper {
        margin: 0!important;
        padding-left: 15px
    }
    .related-story,
    h2.re-stories {
        padding: 0
    }
    .comps-sec h2,
    .comps-sec h3 {
        font-size: 24px
    }
    #faq h4,
    h2.re-stories {
        font-size: 36px
    }
    .comps-sec .resrc-comps p {
        font-size: 16px;
        line-height: 28px
    }
    #faq .faq-accordian button {
        font-size: 18px
    }
    .related-story .rel-story-item {
        padding-bottom: 30px
    }
    .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
        font-size: .9em
    }
    div#block-letstalkform {
        margin-top: 40px
    }
}

#faq .sub-item {
    max-width: 100%;
    flex: 0 0 100%
}

@media(min-width:769px) and (max-width:886px) {
    .related-story h4 {
        min-height: 162px
    }
}

@media(min-width:887px) and (max-width:1200px) {
    .related-story h4 {
        min-height: 137px
    }
}

@media(min-width:1201px) and (max-width:1597px) {
    .related-story h4 {
        min-height: 116px
    }
}

@media(min-width:1598px) {
    .related-story h4 {
        min-height: 93px
    }
}

.comps-sec h2 a {
    color: inherit!important;
    font-size: inherit!important
}

.comps-sec .grey-bg {
    background-color: #f6f6f6;
    padding: 30px 0;
    margin-top: 30px;
    margin-bottom: 20px
}

.webinar-wrapper .webinar-text {
    padding: 0;
    content-visibility: auto
}

.webinar-wrapper .webinar-text h6 span {
    background-color: #26eac4;
    padding: 2px 10px;
    font-family: serenity;
    font-weight: 600;
    font-size: 18px
}

.webinar-wrapper .webinar-text h3 {
    color: #170034;
    font-size: 30px;
    font-family: serenity;
    margin: 20px 0 10px
}

.webinar-wrapper .webinar-text p {
    margin: 0 0 10px;
    color: #170034;
    font-family: 'Noto Sans';
    line-height: 30px;
    opacity: 71%
}

.webinar-wrapper .webinar-text a {
    font-size: 20px;
    font-family: 'Noto Sans';
    font-weight: 600;
    border-bottom: 1px solid #000;
    position: relative
}

#cluster-side-bar ul li a,
.block-system-breadcrumb-block .breadcrumb li,
.node-id-3391 .learn-container .breadcrumb-wrapper li.breadcrumb-item,
.page-prod-main-wrap p.text-center.sub-title-product-02 {
    font-size: .9em
}

.fixme {
    position: fixed;
    width: 32%;
    top: 20%;
    right: 0
}

.comps-sec h2 {
    font-family: serenity;
    font-size: 48px;
    color: #00c8b6;
    font-weight: 600
}

.attribute-list,
.new-tmplt-case-studies .li-case,
.node--type-product-pages ul.li-case,
.page-prod-main-wrap ul.li-case,
.survey-one-web li:last-child {
    list-style-type: none
}

.attribute-list li {
    padding-left: 30px!important;
    position: relative
}

.attribute-list li::before {
    content: url('/themes/custom/metrics/images/bullet_point.png');
    position: absolute;
    left: 10px;
    top: 13px
}

@media(max-width:1200px) {
    .webinar-wrapper {
        display: block;
        margin-bottom: 50px
    }
}

@media(min-width:991px) and (max-width:1200px) {
    .related-story img {
        height: 200px
    }
}

@media(min-width:1200px) and (max-width:1500px) {
    .related-story img {
        height: 250px
    }
}

@media(min-width:1501px) {
    .related-story img {
        height: 300px
    }
}

#faq .faq-accordian button.btn-link[aria-expanded=true],
.career-metrics-new p.hash-career,
.node--type-product-pages .prod-faq-section button.btn-link[aria-expanded=true],
.page-node-type-solutions-details .prod-faq-section button.btn-link[aria-expanded=true],
.page-prod-main-wrap .prod-faq-section button.btn-link[aria-expanded=true] {
    color: #00c8b6!important
}

@media screen and (min-width:991px) {
    .blog--article #featuredBLogLanding .featured-blog .article h3 a {
        font-size: 27px
    }
    .new-at-metric .col-md-4 .read-more {
        bottom: 0
    }
    .new-at-metric .res-bottom-row-items .read-more {
        bottom: 28px!important
    }
}

footer .social-media li {
    margin-right: 15px!important
}

a.green-button {
    width: 160px!important
}

.new-tmplt-case-studies .sub-item,
.node--type-page a.btn.green-button {
    margin-top: 20px;
    margin-bottom: 30px
}

.new-at-metric .res-colz-cta-wrap,
.new-tmplt-case-studies .resrc-desc,
.node--type-product-pages .solutions .four-col {
    margin-top: 25px
}

.page-prod-main-wrap .Prod-benefit-section .wrapper,
.partner-login .bg-color {
    display: flex;
    flex-direction: column
}

.headerbg .menu {
    justify-content: flex-end
}

.resource-collateral {
    width: 89%;
    margin: 0 auto
}

@media (max-width:768px) and (min-width:280px) {
    .video-page h1 {
        margin: 4em 0 0!important
    }
    .related-rsrc ul li {
        min-height: 223px
    }
    .WP-DSB {
        min-height: inherit!important
    }
}

@media (max-width:767px) {
    #views-exposed-form-featured-blog-landing-block-1 .form--inline {
        display: block;
        width: 90%;
        margin: auto
    }
    .blog--featured .view-filters .form--inline .form-type-select {
        width: 100%!important
    }
    .view-id-featured_blog_landing #featuredBLogLanding {
        width: 90%!important;
        padding: 0
    }
    .blog--featured .views-infinite-scroll-content-wrapper #featuredBLogLanding,
    .view-display-id-attachment_2 #featuredBLogLanding {
        width: 90%!important;
        padding: 0;
        margin: auto
    }
    .all-jobs .white-bg {
        height: 200px!important
    }
}

#views-exposed-form-past-events-search-results .form-item,
.abt-evnt-page-wrap #views-exposed-form-insights-search-search-results .form-item {
    width: 33%!important
}

@media screen and (max-width:1401px) and (min-width:991px) {
    .homepage-Customer-talk .carousel-control-next {
        right: -27px!important
    }
    .homepage-Customer-talk .carousel-control-prev {
        left: -28px!important
    }
}

.blog.container.my-5 {
    max-width: 88%!important;
    margin-top: 72px!important
}

.new-tmplt-case-studies .cs-txt-colr,
.new-tmplt-case-studies .resrc-desc h2,
.new-tmplt-case-studies h2 {
    color: #00c8b6
}

.new-tmplt-case-studies .inst-cs-comps-wrapper-last .cta-get-started {
    margin-top: 0!important;
    margin-bottom: 0!important;
    border: 1px solid #26eac4;
    background-color: #ffff;
    padding: 12px
}

.new-tmplt-case-studies .inst-cs-comps-wrapper-last h3 {
    color: #00c8b6;
    font-size: 38px!important;
    font-weight: 500;
    font-family: serenity
}

.new-tmplt-case-studies .grey-bg {
    background-color: #f6f6f6;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px
}

.cs-sd-fixed {
    top: 24%!important
}

.new-tmplt-case-studies .inst-comps-wrapper-r4 .apps-about-content h3 {
    color: #00c8b6;
    font-size: 38px;
    font-weight: 500;
    font-family: serenity
}

.new-tmplt-case-studies .inst-comps-wrapper-r4 .apps-about-content a {
    padding: 12px
}

.new-tmplt-case-studies .inst-cs-comps-wrapper-bvc {
    background-color: #00c8b6;
    padding: 25px;
    margin-top: 30px;
    margin-bottom: 30px
}

.new-tmplt-case-studies .inst-cs-comps-wrapper-bvc .sub-comp h4 {
    color: #ffff;
    font-weight: 500;
    font-family: serenity;
    color: #ffff;
    padding-top: 25px
}

.insights-cs-banner-wrap {
    margin-top: 150px
}

.new-tmplt-case-studies .inst-cs-comps-wrapper-bvc .ins-comm-desc p {
    color: #ffff
}

.new-tmplt-case-studies div.cs-top-orange-bar:before {
    content: "";
    position: absolute;
    left: 10px!important;
    top: 50px!important;
    height: 5px;
    width: 60%;
    border-top: 1px solid #f69d01
}

.new-tmplt-case-studies .cs-side-bar-wrap p strong {
    color: #f69d01
}

.new-tmplt-case-studies .cs-side-bar {
    background-color: #f5f6f6;
    padding: 0
}

.new-tmplt-case-studies .cs-side-bar-wrap p:hover,
.page-prod-main-wrap .prod-related-resrc .res-colz-cta-wrap {
    text-decoration: underline
}

.new-tmplt-case-studies .cta-get-started,
.node--type-product-pages .prod-faq-section .accordion .card p,
.node-id-3391 .view-content .text-wrap .sec-row-desc,
.node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap .sec-row-desc,
.page-node-type-solutions-details .prod-faq-section .accordion .card p,
.page-prod-main-wrap .prod-faq-section .accordion .card p {
    font-size: 14px!important
}

.new-tmplt-case-studies .cs-side-bar-wrap {
    position: fixed;
    width: 24%;
    top: 54%;
    right: 15px;
    background-color: #f6f6f6;
    z-index: 99;
    padding-left: 30px;
    padding-top: 25px;
    height: 335px
}

@media only screen and (max-width:800px) {
    .new-tmplt-case-studies .cs-side-bar-wrap {
        height: 365px
    }
}

@media (min-width:991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 85%
    }
}

@media (max-width:767px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 90%
    }
}

@media (max-width:550px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%!important
    }
}

.inst-comps-wrapper-r4 .attribute-list li::before {
    content: url(/themes/custom/metrics/images/bullet_point.png);
    position: absolute;
    top: 0;
    left: 2px!important
}

.cs-nor-para,
.inst-comps-wrapper-r4 .attribute-list {
    font-size: 16px;
    line-height: 30px;
    color: #170034
}

.container-lg,
.container-md,
.container-sm,
.container-xl,
.inst-comps-wrapper-r4 .container-fluid {
    padding-right: 0!important;
    padding-left: 0!important
}

.new-tmplt-case-studies h2 {
    color: #00c8b6;
    font-size: 38px;
    margin-top: 10px
}

@media only screen and (max-width:991px) {
    .customer-logos .slick-custom-arrow {
        display: none!important
    }
    .new-tmplt-case-studies .inst-cs-comps-wrapper-last h3 {
        color: #00c8b6;
        font-size: 24px!important;
        font-weight: 500;
        font-family: serenity
    }
    .new-tmplt-case-studies .inst-comps-wrapper-r4 .apps-about-content h3 {
        color: #00c8b6;
        font-size: 24px!important
    }
    .resrc-desc h2 {
        font-size: 24px!important
    }
    .cs-main-title {
        font-size: 28px!important
    }
    .new-tmplt-case-studies h2 {
        color: #00c8b6;
        font-size: 24px!important;
        margin-top: 10px
    }
}

.resrc-desc h2 {
    color: #00c8b6;
    font-size: 38px
}

.cs-main-title {
    font-size: 48px;
    color: #170034
}

.cs-txt-colr {
    font-size: 22px!important;
    color: #00c8b6!important;
    line-height: 30px!important
}

.main-cs-cta-wrap {
    margin-top: 20px;
    margin-bottom: 20px
}

.cta-get-started {
    padding: 12px 30px
}

.insights-container .resrc-comps h2 {
    font-size: 38px;
    color: #00c8b6;
    font-weight: 500;
    font-family: serenity
}

.inst-cs-comps-wrapper-bvc {
    background-color: #02cca8;
    padding-top: 25px
}

.sub-comp h4 {
    color: #ffff;
    font-size: 38px
}

.ins-comm-desc p,
.inst-cs-comps-wrapper-bvc .ins-comm-desc p {
    font-size: 16px!important
}

.ins-comm-desc p {
    line-height: 28px!important;
    padding: 10px!important
}

.apps-about-content h3,
ins-comm-desc h2 {
    font-size: 38px;
    color: #00c8b6
}

.blue-para {
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.inst-cs-comps-wrapper-last .sub-comp .ins-comm-desc .attribute-list li::before {
    content: url(/themes/custom/metrics/images/bullet_point.png);
    position: absolute;
    left: 10px;
    top: 2px
}

.new-tmplt-case-studies #block-metrics-content .col-md-4 a.active {
    color: #eaa039;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Noto Sans';
    position: relative
}

.new-tmplt-case-studies #block-metrics-content .col-md-4 a.active::before {
    content: '';
    position: absolute;
    left: -25px;
    height: 100%;
    background-color: #eaa039;
    width: 5px
}

@media (max-width:600px) {
    .page-node-type-resources-collaterals .inst-comps-wrapper-r4 img.img-fluid.lazy {
        height: auto!important
    }
}

.new-tmplt-case-studies .column-2831 {
    padding-left: 0!important;
    min-width: fit-content
}

.page-node-type-resources-collaterals ul.social-share-wrap {
    margin-top: 180px
}

.ebooks-metrics-stream .sub-comp .ins-comm-desc .attribute-list li::before,
.sub-comp .ins-comm-desc .attribute-list li::before {
    content: url(/themes/custom/metrics/images/bullet_point.png);
    position: absolute;
    left: 0;
    top: 2px
}

.insight-sr-nw-tmplt .insights-banner-main-wrap h1,
.two-col-testimonial .card-body p:first-child {
    font-weight: 500
}

.new-tmplt-cluster .insights-container .inst-desc h2 {
    font-family: serenity;
    font-size: 38px;
    color: #00c8b6;
    font-weight: 500;
    margin-top: 15px
}

.new-tmplt-cluster .top-banner {
    margin-top: 8px
}

.banner .insight-sr-nw-tmplt .insights-banner-main-wrap {
    margin-top: 175px
}

.new-tmplt-case-studies .case-li-percentage {
    font-size: 35px;
    color: #04b49a;
    font-weight: 600
}

.new-tmplt-case-studies .case-image {
    align-self: center;
    text-align-last: end
}

.new-tmplt-case-studies .case-border {
    border-right: 2px solid #dcdcdc
}

.new-tmplt-case-studies .brd {
    border-right: 1px solid grey;
    height: 170px;
    width: 70px
}

.new-tmplt-case-studies .case-li-2-color {
    color: #170034;
    font-size: 12px
}

.ebooks-metrics-stream #cluster-side-bar ul li a:hover,
.page-node-type-resources-collaterals #block-metrics-content .col-md-4 a:hover {
    transition: .5s;
    font-size: 18px;
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #170034
}

.webinar-wrapper {
    display: flex;
    background-color: #fff;
    border: 2px solid #efefef
}

@media screen and (min-width:768px) {
    .cs-relstory-outer-wrap .row related-story .new-at-metric .second-row img {
        min-height: 200px;
        height: 200px!important
    }
    .webinar-wrapper {
        display: flex;
        background-color: #fff;
        border: 2px solid #efefef;
        padding-bottom: 25px;
        padding-top: 25px;
        margin-top: 20px
    }
    .page-node-type-resources-collaterals .res-colz-cta-wrap.webinar-cta {
        margin-top: 10px
    }
    .page-node-type-resources-collaterals .new-at-metric .col-md-4 .read-more::before {
        content: '▶';
        position: absolute;
        right: -22px!important;
        color: #09cc94
    }
    .page-node-type-resources-collaterals #block-metrics-content .col-md-4 a {
        padding: 5px;
        width: fit-content;
        text-decoration: underline
    }
    .related-story .related-story-cta::after {
        left: 110px!important;
        bottom: 5px!important
    }
    .cs-relstory-outer-wrap .new-at-metric {
        width: 100%
    }
    .insights-cs-banner-wrap .desc-top-wrap .icon-container {
        max-width: 100%
    }
    .rel-story-container .related-story a {
        border: none!important
    }
    .image-center-vertical,
    .new-tmplt-case-studies .sub-item,
    .node-id-3391 .featured-wrapper .featured-blog-item {
        padding-left: 0
    }
    .new-tmplt-case-studies div.cs-top-orange-bar:before {
        top: 45px!important;
        height: 5px;
        left: 0!important;
        border-top: 2px solid #f69d01!important
    }
    .inst-cs-comps-wrapper-bvc .ins-comm-desc p {
        font-size: 16px!important;
        padding-left: 0!important
    }
    .cs-business-realized .container,
    .inst-cs-comps-wrapper-bvc .ins-comm-desc .container {
        min-width: fit-content;
        padding-left: 0
    }
    .ins-comm-desc p,
    .new-tmplt-case-studies .inst-cs-comps-wrapper-bvc .sub-comp {
        padding-left: 0!important
    }
    .inst-cs-comps-wrapper-last .sub-comp .ins-comm-desc .attribute-list li {
        padding-left: 25px!important
    }
    .cs-relstory-outer-wrap h2.re-stories {
        margin-top: 0;
        padding: 0 0 10px
    }
    .cs-relstory-outer-wrap .rel-story-container .related-story {
        padding: 0!important
    }
    #cluster-side-bar ul li a {
        font-size: 16px!important
    }
    .node-id-3391 .learn-container .container-lg.container-xl.mb-2.breadcrumb-wrapper {
        min-width: -webkit-fill-available;
        padding-left: 0
    }
    .learn-border-bottom {
        border-top: 2px solid orange;
        width: 45%;
        display: block;
        margin: 20px auto
    }
    .node-id-3391 ul.social-share-wrap {
        margin-top: 0!important
    }
    .node-id-3391 .block-system-breadcrumb-block li.breadcrumb-item:last-child {
        font-size: .9em;
    }
    .node-id-3391 .featured-wrapper .featured-blog-item h4 {
        font-size: 38px;
        color: #170034;
        font-weight: 500;
        margin-bottom: 35px;
        margin-top: 35px
    }
}

.node-id-3391 .views-element-container .view-content .views-rows .col-md-6 img.lazy,
.nr-search-field-wrapper,
.nr-slct-field-wrapper,
img.learn-sec-img-two.lazy {
    width: -webkit-fill-available
}

.node-id-3391 .components-container .featured-blog-item .display img.lazy {
    min-height: 255px;
    border: 1px solid #f6f6f6
}

.ins-comm-desc .article {
    margin-bottom: 2em;
    text-align: left;
}

.grc .ins-comm-desc p {
    text-align-last: auto;
    text-align: left!important;
    padding: 0!important;
    margin-bottom: 1em;
}

.industry_pages .ins-comm-desc .article a h3,
.node-id-3391 .components-container .featured-blog-item .article h3 {
    font-size: 22px
}

.node-id-3391 section.container-fluid.viewfield-item-wrapper {
    margin-top: 6%!important
}

.node-id-3391 .components-container .featured-blog .article {
    width: 100%;
    height: auto!important;
    padding: 10px
}

.node-id-3391 .viewfield-item-wrapper .view-content,
.nwsrm-custm-template .media-coverage-main-wrap .right-featrd-blk {
    margin-top: 60px
}

.node--type-product-pages section.apps-about-content,
.node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap h4,
p.banner-sub-cta2 {
    margin-top: 15px
}

.node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap .sec-item-cta {
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.node-id-3391 .container-fluid .viewfield-item-wrapper .compnt-title {
    font-size: 38px;
    color: #170034;
    font-weight: 500
}

@media only screen and (max-width:991px) {
    .resrc-desc h2 {
        font-size: 26px
    }
    .cs-main-title {
        font-size: 24px
    }
    .cs-txt-colr {
        font-size: 16px!important
    }
    .insights-container .resrc-comps h2 {
        font-size: 24px;
        color: #00c8b6;
        font-weight: 500;
        font-family: serenity
    }
    .apps-about-content h3,
    ins-comm-desc h2 {
        font-size: 24px;
        color: #00c8b6
    }
    .node-id-3391 .featured-wrapper .featured-blog-item h4 {
        font-size: 28px!important;
        margin-top: 10px;
        margin-bottom: 30px
    }
    .node-id-3391 .container-fluid .viewfield-item-wrapper .compnt-title {
        font-size: 28px!important;
        margin-top: 10px
    }
}

.meta-auth-details .Date {
    font-style: italic
}

.meta-auth-details h6:nth-child(2) {
    color: #04b49a;
    font-weight: 600
}

.node-id-3391 .featured-wrapper .article .featured-item-desc {
    margin-bottom: 20px;
    font-size: 14px
}

.node-id-3391 .views-element-container .sec-row-item .text-wrap h4 {
    margin-top: 10px
}

.node-id-3391 .components-container .article a.read-more {
    padding: 5px;
    font-weight: 600
}

.node-id-3391 .views-element-container .text-wrap .sec-item-cta {
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .node-id-3391 .container {
        max-width: 95%!important
    }
    .node-id-3391 .social-share-wrap li.ss-twtr {
        margin-top: 0
    }
}

#views-exposed-form-past-events-search-results .form-item,
.inst-comps-wrapper-r4 .col-md-9.sub-item.pr-0,
.node-id-3391 .components-container .col-md-12,
.node-id-3391 .featured-wrapper .featured-blog-item .col-md-6,
.node-id-3391 .featured-wrapper .featured-blog-item .col-md-6 .article,
.node-id-3391 .view-content .views-rows .col-md-6,
.page-prod-main-wrap .partners-in-prod .modal-pop-partner,
.page-prod-main-wrap .prod-related-resrc .related-res .views-element-container .view-content .col-md-4.col-lg-4.col-xs-12.col-sm-12 .col-md-12.col-lg-12.col-xs-12.col-sm-12,
.prod-related-resrc .related-res .views-element-container .view-content .col-md-4.col-lg-4.col-xs-12.col-sm-12 .col-md-12.col-lg-12.col-xs-12.col-sm-12,
.viewfield-item-wrapper .view-content .sec-row-item,
​ .insight-search-wrap #views-exposed-form-insights-search-search-results .form-item {
    padding-left: 0!important
}

.node-id-3391 .views-rows.row.item-row-1 .desc span a {
    font-weight: 600;
    padding: 5px
}

.node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap .sec-item-cta a {
    padding: 5px!important
}

.node-id-3391 .views-element-container .text-wrap .sec-item-cta a {
    padding: 5px
}

@media only screen and (max-width:551px) {
    .learn-container p {
        text-align: left!important
    }
}

.featured-anlst-rprt.feat-new-lp h4,
.featured-event.feat-new-lp-sec h4,
.node-id-3391 .views-element-container .view-content .views-rows .col-md-6 h4 {
    font-size: 28px!important
}

.node-id-3391 .viewfield-item-wrapper h3.compnt-title {
    border-top: 2px solid orange
}

.node-id-3391 .viewfield-item-wrapper .view-content .sec-row-item .learn-sec-img {
    min-height: 255px;
    border: 1px solid #f6f6f6;
    height: 255px!important;
    width: 100%!important
}

.node-id-3391 .view-learn-insights .item-row-1 {
    background-color: #f6f6f6;
    width: -webkit-fill-available
}

.node-id-3391 .view-learn-insights .item-row-1 .desc p {
    margin-bottom: 32px!important
}

.node-id-3391 .featured-banner .gnrc-anc .generic-ttl {
    position: absolute;
    margin-top: 0!important;
    padding: 12px 88px 10px;
    top: 100px;
    width: 65%
}

.node-id-3391 .featured-banner .gnrc-anc .generic-ttl h1 {
    color: #10052f!important;
    font-size: 48px;
    width: 65%
}

@media screen and (max-width:1024px) {
    .new-at-metric h3 {
        font-weight: 400!important;
        min-height: 25px!important
    }
    .new-at-metric .second-row p {
        min-height: 50px!important;
        margin-top: 20px
    }
    .cs-relstory-outer-wrap .rel-story-container .related-story h3 {
        min-height: 60px!important
    }
    .node-id-3391 .featured-banner .gnrc-anc .generic-ttl h1 {
        font-size: 38px;
        width: 72%
    }
}

.node-id-3391 ul.social-share-wrap {
    margin-top: 0!important;
    position: absolute;
    right: -42%;
    display: grid;
    top: 100px
}

@media screen and (max-width:551px) {
    .node-id-3391 .featured-banner .gnrc-anc .generic-ttl h1 {
        font-size: 28px;
        width: 100%
    }
}

img.learn-sec-img-two.lazy {
    border: 1px solid #f6f6f6;
    min-height: 420px;
    height: 420px!important
}

.node-id-3391 h5.generic-sub-heading {
    font-size: 26px
}

.node-id-3391 .learn-container select#learn-mn-filter {
    opacity: .9;
    padding: 2px 15px 2px 20px;
    height: 65px;
    appearance: none;
    -webkit-padding-end: 40px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-image: url(/themes/custom/metrics/images/icon-down.webp), linear-gradient(to bottom, #fff, #fff);
    background-repeat: no-repeat;
    border: 1px solid #26eac4;
    border-radius: 2px;
    margin: 0;
    background-position: 95% 50%!important
}

.float-icon-pricing,
.float-icon-reportng {
    position: fixed;
    width: 58px;
    height: 58px;
    background-color: #0c9;
    background-image: linear-gradient(-225deg, #50cccc 35%, #45aeca 100%);
    border-radius: 50px;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 6px, rgb(0 0 0 / 20%) 0 2px 24px;
    z-index: 999999;
    display: none;
    transition: box-shadow 150ms ease-in-out;
    text-align: center;
    right: 20px;
    color: #fff
}

.view-display-id-bolg_category_page #featuredBLogLanding .article a {
    height: auto;
    width: fit-content;
    padding: 5px
}

.view-display-id-bolg_category_page #block-breadcrumbs-2 .breadcrumb {
    padding: 40px 25px 10px
}

.view-display-id-bolg_category_page .article a h3 {
    font-size: 24px
}

.view-display-id-bolg_category_page #featuredBLogLanding .article .display img.lazy:hover {
    height: auto;
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.view-display-id-bolg_category_page #featuredBLogLanding .featured-blog .article {
    margin-bottom: 40px!important
}

.survey-new-metrics .center-survey-new,
.view-display-id-bolg_category_page #loadmore-parent {
    margin-top: 25px!important
}

.view-display-id-bolg_category_page li.pager__item a:hover {
    outline: 0;
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    color: #170034;
    font-weight: 600
}

@media screen and (max-width:767px) {
    .WP-DSB img {
        max-width: 100%!important
    }
    .node-id-3391 .components-container .featured-blog-item .article h3 {
        font-size: 25px
    }
    .meta-auth-details .Date {
        margin-top: 10px
    }
    .view-display-id-bolg_category_page #block-breadcrumbs-2 .breadcrumb {
        padding: 0 30px 8px!important;
        margin-top: 15px!important
    }
    .view-display-id-bolg_category_page .generic-ttl {
        margin-top: -105px;
        font-size: 35px;
        padding-left: 0!important
    }
    .view-display-id-bolg_category_page .generic-ttl h1 {
        color: #170034!important;
        font-size: 30px!important;
        padding-left: 82px!important
    }
    .node--type-product-pages #myCarousel .owl-item {
        margin-top: 0!important
    }
}

@media screen and (max-width:510px) {
    .view-display-id-bolg_category_page .generic-ttl h1 {
        color: #170034!important;
        font-size: 26px!important;
        padding-left: 30px!important
    }
    .view-display-id-bolg_category_page .back-arrow-blog {
        margin-top: -66px
    }
}

.view-display-id-bolg_category_page .generic-ttl h1 {
    margin-top: 0!important;
    font-size: 35px;
    color: #170034
}

@media (max-width:510px) {
    .view-display-id-bolg_category_page .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
        font-size: .9em;
        margin-top: 50px!important
    }
    .view-display-id-bolg_category_page .breadcrumb-item+.breadcrumb-item::before {
        margin-top: 50px!important
    }
    .view-display-id-bolg_category_page .generic-ttl h1 {
        margin-top: 20px!important
    }
}

@media (max-width:1956px) {
    .view-display-id-bolg_category_page .block-system-breadcrumb-block .breadcrumb .breadcrumb-item.active a {
        font-size: 18px!important;
        color: #eaa039;
        font-family: 'Noto Sans';
        font-weight: 700;
        text-transform: uppercase
    }
}

.view-display-id-bolg_category_page .display p {
    margin-left: 3px
}

.inst-comps-wrapper-r4 .container-lg,
.market-lp-stream .container.view.view-partners-block.view-id-partners_block {
    max-width: 90%!important
}

.inst-comps-wrapper-r4 .column-2831 {
    max-width: 100%!important
}

.inst-comps-wrapper-r4 .col-md-6.order-md-1.text-sm-center.image-center-vertical {
    margin-top: unset!important
}

.float-icon-pricing:hover,
.float-icon-reportng:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: rgb(0 0 0 / 20%) 0 2px 10px, rgb(0 0 0 / 30%) 0 4px 28px
}

.float-icon-reportng {
    bottom: 152px
}

.float-icon-pricing {
    bottom: 85px
}

@media (max-width:768px) and (min-width:551px) {
    .home-main-bnnr-wrap .owl-nav .owl-next,
    .home-main-bnnr-wrap .owl-nav .owl-prev {
        top: 50%!important
    }
}

@media only screen and (max-width:400px) {
    .insight-search-wrap .ms-filter-sec h4 {
        font-size: 1.5em;
        color: #10052f;
        padding: 15px 30px 5px 0!important;
        margin: 0;
        position: relative
    }
}

@media only screen and (max-width:768px) {
    #views-exposed-form-past-events-search-results .form-item input,
    .insight-search-wrap #views-exposed-form-insights-search-search-results .form-item input {
        margin-top: 20px
    }
}

@media only screen and (max-width:640px) and (min-width:280px) {
    .about-vision-sec img,
    .insight-search-wrap .banner .carousel-item img {
        vertical-align: middle;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 250px
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #what .tabcontent .col-md-6:first-child img {
        position: initial;
        margin-bottom: 20px;
        height: auto!important
    }
}

.node--type-platforms .searchoverlay-content {
    top: 18%!important
}

.page-node-type-platforms .apps-about-content ul li::marker {
    font-size: 0px!important
}

@media only screen and (min-width:1025px) and (max-width:1226px) {
    .node--type-platforms .banner .banner-text {
        padding-top: 8em;
        left: 6%
    }
}

@media only screen and (max-width:1960px) and (min-width:1600px) {
    .node--type-platforms .paragraph--view-mode--default .banner .slide .banner-text,
    .paragraph--view-mode--default .banner .slide .banner-text {
        margin-left: -230px!important
    }
}

@media only screen and (max-width:1600px) and (min-width:1441px) {
    .node--type-platforms .paragraph--view-mode--default .banner .slide .banner-text,
    .paragraph--view-mode--default .banner .slide .banner-text {
        margin-left: -120px!important
    }
}

@media only screen and (max-width:1441px) and (min-width:1350px) {
    .node--type-platforms .paragraph--view-mode--default.banner .slide .banner-text,
    .paragraph--view-mode--default.banner .slide .banner-text {
        margin-left: -30px!important
    }
}

.background-light-blue-globe img.lazy,
.background-orange-globe img.lazy {
    vertical-align: top;
    float: right
}

.node--type-product-pages div#prod-second-section {
    position: absolute;
    top: -270px;
    z-index: 999;
    border-radius: 20px;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px
}

.node--type-product-pages li.case-li-percentage {
    font-size: 35px;
    color: #04b49a;
    font-weight: 900
}

.node--type-product-pages .brd,
.page-prod-main-wrap .brd {
    border-right: 1px solid grey;
    height: 100px;
    width: 70px
}

.node--type-product-pages .ins-comm-desc p {
    font-size: 12px!important;
    line-height: 28px!important;
    width: 100%;
    display: flex;
    justify-content: center
}

.node--type-product-pages div#brd-orange-product {
    height: 1px;
    margin: 0 auto;
    border-bottom: 1px solid orange;
    width: auto
}

.node--type-product-pages h2.sub-title-product-01,
.page-prod-main-wrap h2.sub-title-product-01 {
    color: #10052f;
    font-weight: 700;
    font-size: 32px
}

.node--type-product-pages section.prod-third-section {
    margin-top: 200px
}

@media screen and (max-width:991px) {
    .node--type-product-pages section.prod-third-section {
        margin-top: 475px
    }
}

@media screen and (max-width:650px) {
    .node--type-product-pages section.prod-third-section {
        margin-top: 600px!important
    }
}

@media screen and (max-width:600px) {
    .node--type-product-pages section.prod-third-section {
        margin-top: 675px!important
    }
}

.node--type-product-pages .BVD-wrap.background-grey-globe h6 {
    letter-spacing: 0;
    font-size: 30px;
    color: #170034;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 20px
}

.node--type-product-pages .prod-fourth-section .background-grey-globe h6 {
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    font-family: serenity
}

.node--type-product-pages .BVD p {
    font-size: 16px;
    line-height: 1.8
}

.career-metrics-new #career-bg-vdo .ins-comm-desc p,
.career-metrics-new .career-bg-vdo .gallry-title,
.node--type-product-pages .col-lg-6.col-md-6.fadeIn.animated {
    text-align: left
}

.node--type-product-pages .col-lg-6.col-md-6.fadeIn.animated ul li::marker {
    font-size: 22px;
    color: #01edc2
}

.node--type-product-pages .col-lg-5.col-md-5.fadeIn.animated p,
.page-prod-main-wrap .fadeIn.animated p {
    font-size: 16px;
    font-weight: 600
}

.node--type-product-pages .top-brd-org-product,
.page-prod-main-wrap .top-brd-org-product,
.top-brd-org-product1,
.top-brd-org-product2,
.top-brd-org-product3,
.top-brd-org-product4,
.top-brd-org-product5,
.top-brd-org-product6 {
    margin: auto;
    border-bottom: 2px solid #cecac3;
    width: 60%
}

.node--type-product-pages .top-brd-new-product {
    margin-left: auto;
    border-top: 2px solid #ffad1d;
    line-height: 3;
    width: 100%;
    margin-right: auto
}

.node--type-product-pages .prod-related-resrc .new-at-metric,
.page-prod-main-wrap .prod-related-resrc .new-at-metric {
    width: 95%!important
}

.node--type-product-pages .prod-related-resrc .related-res h4 {
    letter-spacing: 0;
    font-size: 30px;
    color: #170034;
    font-weight: 600;
    padding-top: 50px;
    padding-bottom: 15px
}

.page-prod-main-wrap .prod-related-resrc .related-res .views-element-container .view-content .col-md-4.col-lg-4.col-xs-12.col-sm-12,
.prod-related-resrc .related-res .views-element-container .view-content .col-md-4.col-lg-4.col-xs-12.col-sm-12 {
    padding-left: 0!important;
    margin-top: 30px
}

.node--type-product-pages .container-fluid.prod-faq-section,
.nwsrm-custm-template .featured-event-forbes,
.nwsrm-custm-template .right-featrd-blk,
.nwsrm-custm-template .three-col-featured-man-wrap .container-lg.container-xl.mb-2,
.page-prod-main-wrap .container-fluid.prod-faq-section {
    margin-top: 50px
}

.node--type-product-pages .prod-faq-section .sub-comp h4 {
    letter-spacing: 0;
    font-size: 30px;
    color: #170034;
    font-weight: 600;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 20px;
    width: auto
}

.node--type-product-pages .prod-second-section h4 {
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    font-family: serenity;
    text-align: center;
    margin-bottom: 25px
}

.node--type-product-pages .prod-second-section .tab-content,
.page-prod-main-wrap .prod-fourth-section .tab-content {
    padding-top: 0!important;
    margin-top: 30px
}

.node--type-product-pages .prod-second-section .sideways li {
    margin-top: 40px;
    display: flex;
    justify-content: left;
    font-weight: 800
}

.node--type-product-pages .prod-second-section .sideways li a.active {
    color: #170034!important;
    font-size: 18px!important;
    font-weight: 600!important;
    text-decoration: underline!important;
    font-family: 'Noto Sans'!important;
    position: relative!important;
    text-align: left
}

.enterprise-risk-metrics div#myCarousel,
.node--type-product-pages .prod-second-section .sideways a.active::before,
.page-prod-main-wrap .prod-second-section .sideways a.active::before,
.page-prod-main-wrap .prod-testimonial-section div#videoModal {
    display: none!important
}

.node--type-product-pages .prod-second-section ul.nav.nav-tabs.tabs-left.sideways {
    justify-content: center;
    display: grid
}

.node--type-product-pages .prod-faq-section .faq.sub-item {
    max-width: 85%;
    flex: 0 0 100%
}

#join-our-career,
.node--type-product-pages .prod-faq-section div#prod-faq-section,
.page-prod-main-wrap .prod-faq-section div#prod-faq-section {
    justify-content: center
}

.node--type-product-pages .prod-faq-section button.btn.btn-link::after,
.page-node-type-solutions-details .prod-faq-section button.btn.btn-link.collapsed::after,
.page-prod-main-wrap .prod-faq-section button.btn.btn-link.collapsed::after {
    content: url(/themes/custom/metrics/images/collapsed_arrow.png)!important;
    right: 20px;
    position: absolute
}

.node--type-product-pages button.btn.btn-link.collapsed::after,
.page-node-type-solutions-details .prod-faq-section button.btn.btn-link::after,
.page-prod-main-wrap .prod-faq-section button.btn.btn-link::after {
    content: url(/themes/custom/metrics/images/uncollapse_arrow.png)!important;
    right: 20px;
    position: absolute
}

.node--type-product-pages .prod-faq-section button.btn.btn-link {
    font-size: 20px;
    color: #170034;
    font-weight: 500;
    font-family: serenity
}

.node--type-product-pages .prod-second-section .tab-content .tab-pane p {
    color: #10052f;
    font-size: 14px!important;
    line-height: 1.8!important
}

.leadership-page .banner .banner-text h1,
.node--type-product-pages .prod-second-section .tab-content a,
.nwsrm-custm-template .newsroom-main-banner-wrap .generic-ttl h1 {
    color: #10052f!important
}

.node--type-product-pages .prod-second-section .tab-content a:hover {
    color: #fffF!important
}

.node--type-product-pages section.prod-second-section {
    background-image: url(https://www.metricstream.com/sites/default/files/2021-07/key-feature-wave_final.png);
    height: 100%;
    padding: 125px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.node--type-product-pages .prod-related-resrc .rel-story-container .col-md-4 a:hover {
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    color: #170034
}

.node--type-product-pages .prod-related-resrc .rel-story-container .col-md-4 a {
    padding: 5px
}

.node--type-product-pages .prd-res-org-bar {
    width: 15%;
    border-bottom: 1px solid orange
}

.node--type-product-pages .background-grey-globe,
.node--type-product-pages .prod-faq-section .faq div#headingOne,
.page-prod-main-wrap .background-grey-globe,
.page-prod-main-wrap .prod-faq-section .faq div#headingOne,
.survey-lp-new .bg-nw-survey {
    background-color: #fff!important
}

.node--type-product-pages .prod-testimonial-section .owl-dot.fa.fa-circle.active {
    color: orange
}

.home-page-class .prod-testimonial-section .owl-dots,
.node--type-product-pages .prod-testimonial-section .owl-dots,
.page-prod-main-wrap .prod-testimonial-section .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 65px
}

.node--type-product-pages .succeed-with-us {
    margin-top: 25px;
    padding-bottom: 80px!important
}

.node--type-product-pages .prod-testimonial-section .owl-prev.fa.fa-chevron-left {
    position: absolute;
    top: 150px;
    left: -53px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6
}

.node--type-product-pages .prod-testimonial-section .owl-next.fa.fa-chevron-right {
    position: absolute;
    top: 150px;
    left: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6
}

.node--type-product-pages .owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    color: #fff;
    margin-left: 5px
}

.node--type-product-pages .fa-chevron-left:before {
    content: "\f053";
    color: #000
}

.node--type-product-pages .fa-chevron-right:before {
    content: "\f054";
    color: #000
}

.node--type-product-pages .BVD-wrap,
.page-prod-main-wrap .prod-third-section .BVD-wrap {
    padding-bottom: 0!important
}

@media(max-width:767px) {
    .block-system-breadcrumb-block li.breadcrumb-item:last-child {
        font-size: .9em
    }
    .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
        font-size: .9em
    }
    #cluster-side-bar,
    .node--type-product-pages .prod-testimonial-section .owl-next.fa.fa-chevron-right,
    .node--type-product-pages .prod-testimonial-section .owl-prev.fa.fa-chevron-left {
        display: none
    }
    .node--type-product-pages .BVD-wrap.background-grey-globe h6 {
        padding-top: 0!important
    }
}

.node--type-product-pages .prod-testimonial-section .owl-stage-outer hr {
    border-bottom: 1px solid orange;
    width: 32%;
    margin-left: 0
}

.node--type-product-pages #myCarousel .img-video {
    position: absolute;
    top: 0;
    right: 0;
    display: flex
}

.node--type-product-pages .banner-sub-cta2 a.btn.btn-custom1.subcta2,
.page-prod-main-wrap .banner-sub-cta2 a.btn.btn-custom1.subcta2 {
    background: linear-gradient(to right, #fff 50%, #170034 50%)!important;
    background-size: 200% 100%!important;
    background-position: left bottom!important;
    transition: 1s!important;
    color: #170034!important
}

.node--type-product-pages .banner-sub-cta2 a.btn.btn-custom1.subcta2:hover,
.page-prod-main-wrap .banner-sub-cta2 a.btn.btn-custom1.subcta2:hover {
    background-position: right bottom!important;
    color: #fff!important
}

.node--type-product-pages #myCarousel .carousel-captions .btn-custom1,
.page-prod-main-wrap #myCarousel .carousel-captions .btn-custom1 {
    padding: 10px 30px!important
}

.prod-second-section .icon-container a.btn.cta-get-started.btn-download {
    border: 1px solid #26eac4;
    background-color: #ffff;
    font-size: 14px;
    margin-bottom: 25px
}

.node--type-product-pages .prod-third-section .BVD-wrap.background-grey-globe h6,
.page-prod-main-wrap .prod-third-section .BVD-wrap.background-grey-globe h6 {
    padding-top: 0;
    padding-bottom: 0
}

.node--type-product-pages .prod-fifth-section .fadeIn ul li {
    font-size: 18px;
    line-height: 1.8
}

.node--type-product-pages .prod-related-resrc .views-element-container .res-colz-cta-wrap .readmore-img,
.page-prod-main-wrap .prod-related-resrc .views-element-container .res-colz-cta-wrap .readmore-img {
    margin-left: 2px!important
}

.node--type-product-pages #myCarousel span.carousel-captions {
    left: 7%!important
}

@media (max-width:551px) {
    .our-team-sec .img-block {
        padding-right: 0!important
    }
    .our-team-sec .img-block .border h5 {
        font-size: 1.2em
    }
    .our-team-sec .img-block .border p {
        font-size: .9em
    }
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .node-id-3391 .container {
        max-width: 92%!important
    }
    .node-id-3391 h5.generic-sub-heading {
        font-size: 20px!important
    }
    .node--type-product-pages .new-at-metric .display span {
        width: auto;
        padding: 6px;
        height: 38px
    }
}

.node--type-product-pages .prod-faq-section .sub-comp h4::after {
    content: '';
    background-color: #ee752f!important;
    width: 14%;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 82px
}

.node--type-product-pages .prod-fifth-section .BVD-wrap a {
    color: #10052f;
    border: 1px solid #01edc2;
    border-radius: inherit;
    text-transform: uppercase;
    font-weight: 700;
    margin: 1em 0 0;
    font-size: .9em;
    outline: 0;
    background-image: linear-gradient(to left, transparent, transparent 50%, #01edc2 50%, #01edc2);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    padding: .8em 1.5em
}

.node--type-product-pages .prod-fifth-section .BVD-wrap a:hover,
.page-prod-main-wrap .benefit-global-cta a:hover,
.page-prod-main-wrap .prod-fifth-section .BVD-wrap a:hover,
.page-prod-main-wrap .prod-third-section .cta-get-started.btn-download:hover {
    background-position: 0 0;
    color: #10052f;
    transform: scale(1.05)
}

.node--type-product-pages .prel-vwall-btn a.btn.cta-get-started.btn-download {
    position: absolute;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #26eac4;
    right: 11%
}

.node--type-product-pages .v-tab-desc a.btn.cta-get-started.btn-download,
.page-prod-main-wrap .v-tab-desc a.btn.cta-get-started.btn-download {
    background-color: #eee;
    border: 1px solid #26eac4
}

.node--type-product-pages .prod-second-section #prod-second-section .container.mt-3.icon-container,
.page-prod-main-wrap .prod-second-section #prod-second-section .container.mt-3.icon-container {
    max-width: 95%
}

@media screen and (min-width:1300px) and (max-width:1450px) {
    #myCarousel .img-video img {
        width: 60%
    }
    .node--type-product-pages #myCarousel .img-video img {
        width: 50%!important
    }
}

.node--type-product-pages .prod-fifth-section .BVD-wrap .popup-youtube,
.page-prod-main-wrap .prod-fifth-section .BVD-wrap .popup-youtube {
    border: none!important;
    background: 0 0!important
}

.node--type-product-pages .prod-fifth-section .BVD-wrap .popup-youtube:hover,
.page-prod-main-wrap .prod-fifth-section .BVD-wrap .popup-youtube:hover {
    border: none!important;
    background-color: none!important
}

.node--type-product-pages section.apps-about-content .BVD ul li:last-child {
    display: flex;
    justify-content: left;
    margin-left: 6px!important
}

.marketplace hr,
.platform-main-wrap .apps-about-content .BVD-wrap.background-grey-globe h6,
.solution-page-metrics .apps-about-content hr {
    margin-left: 25px!important
}

.platform-main-wrap .BVD hr {
    margin-left: 25px
}

.platform-main-wrap .BVD {
    text-align: left;
    margin-top: 0!important
}

.apps-about-content .BVD-wrap.background-grey-globe h6 {
    letter-spacing: 0;
    font-size: 30px;
    color: #170034;
    font-weight: 600;
    text-align: left;
    padding-top: 0;
    margin-left: 45px;
    padding-bottom: 20px
}

.newroom-single p:first-child {
    margin-top: 2.9em
}

a.no-style {
    border: none;
    background: 0 0;
    padding: 1px
}

.h-orng-btm-border {
    border: 1px solid #ff7e2e;
    width: 25%
}

.apps-about-content a,
.blog--featured .pagination a.knowmore,
.download_data_sheet a,
.feature-list a,
.get-certified a,
a.gray-button,
a.knowmore {
    padding: 10px
}

.home-main-wrap span#dynamic-contact,
span#dynamic-contact {
    color: #10052f;
    display: inline
}

@media only screen and (min-width:1921px) and (max-width:2560px) {
    span#dynamic-contact {
        font-size: 2em
    }
}

@media only screen and (min-width:1600px) and (max-width:1920px) {
    span#dynamic-contact {
        font-size: 1.1em
    }
}

@media only screen and (min-width:1441px) and (max-width:1599px) {
    span#dynamic-contact {
        font-size: 1.1em
    }
}

@media only screen and (min-width:1336px) and (max-width:1440px) {
    .menu {
        margin: .2em 0 0
    }
    span#dynamic-contact {
        font-size: 1.1em
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .fixed-top .cta-contact-us,
    .fixed-top .cta-get-started {
        margin-right: 10px!important
    }
    #opensearchbtn {
        margin-right: 15px!important
    }
    span#dynamic-contact {
        margin-right: 0!important
    }
}

@media screen and (max-width:990px) {
    span#dynamic-contact {
        font-size: .9em;
        margin-top: 1.5em;
        margin-right: 1em!important
    }
}

@media only screen and (min-width:1025px) {
    .careers-page-class .partners-with-us-blue-bg img {
        position: relative;
        margin-top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .careers-page-class .partners-with-us-blue-bg img,
    .partners-with-us-blue-bg img {
        position: relative;
        margin-top: 20px
    }
}

.contact-class .contact-download-rfp .icon,
.contact-pricing .icon,
.contact-requrest-demo .icon {
    position: absolute;
    color: #fff;
    top: unset!important;
    left: 3%!important
}

.customer_wostia .wistia_click_to_play {
    outline: 0;
    border-top: 0;
    border-bottom: 0;
    background-image: none!important;
    background-position: none!important;
    background-size: none!important;
    transition: none!important;
    border-right: 0;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    border-left: none!important;
    padding: none!important
}

.wistia_popover_embed {
    position: absolute!important;
    transform: translate(0, 46px)!important
}

.customer_wostia .wistia_click_to_play:hover {
    background-position: 0 0;
    color: #fff;
    transform: none
}

.page-node-type-product-pages .hidden-insight ul li .wistia_click_to_play,
.page-node-type-solutions-details .hidden-insight ul li .wistia_click_to_play {
    text-align: center;
    border: 1px solid #170134;
    outline: 0;
    background-position: 100% 0;
    background-size: 200% 100%;
    color: #10052f!important;
    transition: .25s ease-in;
    margin: 0
}

.page-node-type-product-pages .hidden-insight ul li .border-blue-thick {
    text-align: center;
    border: 1px solid #170134;
    width: fit-content;
    color: #10052f!important;
    transition: .25s ease-in;
    padding: 5px
}

.nwsrm-custm-template .form--inline.clearfix {
    display: flex;
    justify-content: space-between
}

.nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item select {
    width: auto;
    display: inline-block;
    float: none;
    border: 1px solid grey;
    border-radius: 0;
    background-color: transparent;
    padding: 0 35px 0 10px;
    background-image: linear-gradient(45deg, transparent 50%, #ffc107 60%), linear-gradient(135deg, #ffc107 40%, transparent 50%)!important;
    background-position: calc(100% - 20px) 15px, calc(100% - 12px) 15px, 100% 0;
    background-size: 8px 8px, 8px 8px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #10052f;
    opacity: .7;
    font-weight: 700
}

.nwsrm-custm-template .background-light-grey-globe {
    background-color: #fffF!important
}

.nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield input {
    margin: 0;
    padding: 0 25px 0 10px;
    border-radius: 0;
    height: 40px;
    opacity: 1;
    border: 1px solid grey;
    box-shadow: none
}

.nwsrm-custm-template .components-container h3.mb-md-4 {
    color: #00c8b6;
    margin-bottom: 0!important;
    font-size: 40px
}

.nwsrm-custm-template .press-rels-row .bounceInRight.animated {
    margin-bottom: 45px;
    border-left: 4px solid transparent
}

.nwsrm-custm-template .col-md-6.col-sm-6.bounceInRight.animated.active,
.nwsrm-custm-template .press-rels-row .bounceInRight.animated:hover {
    border-left: 4px solid orange
}

.nwsrm-custm-template .ms-filter-sec .background-light-grey-globe.filter-bg {
    padding: 35px 0 12px;
    margin-bottom: 35px
}

.nwsrm-custm-template .press-rels-row .prlse-date {
    color: #1c2125;
    font-style: italic;
    opacity: .8;
    margin-bottom: 5px
}

.nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item label {
    margin-right: 16px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: #10052f
}

.nwsrm-custm-template .featured-banner {
    background-image: url(/themes/custom/metrics/images/cluster-bg_img.webp);
    height: 240px;
    background-size: cover;
    background-position: top;
    width: 135%;
    background-repeat: no-repeat
}

@media only screen and (max-width:1024px) {
    .partners-with-us-blue-bg img {
        position: relative;
        margin-top: 20px
    }
    .nwsrm-custm-template .form--inline.clearfix {
        display: grid
    }
    .nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item {
        margin-top: 22px
    }
}

.nwsrm-custm-template .featured-anlst-rprt h4 {
    color: #292929;
    text-align: left;
    font-size: 35px;
    letter-spacing: 0;
    opacity: 1
}

@media only screen and (max-width:1023px) {
    .nwsrm-custm-template .featured-anlst-rprt h4 {
        color: #292929;
        text-align: left;
        font-size: 28px!important
    }
    .nwsrm-custm-template .ms-filter-sec .background-light-grey-globe.filter-bg {
        padding: 14px 0 12px;
        margin-bottom: 35px
    }
}

.nwsrm-custm-template .featured-anlst-rprt a {
    color: #292929!important;
    font-size: 22px;
    font-weight: 600;
    padding: 5px
}

.nwsrm-custm-template .featured-items-wrapper .featured-event a {
    color: #292929!important;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 5px 5px 0;
    margin-left: -5px
}

.nwsrm-custm-template .featured-event h4 {
    color: #292929;
    text-align: left;
    font-size: 35px;
    letter-spacing: 0;
    opacity: 1;
    margin-top: 15px
}

.nwsrm-custm-template .fetrd-desc p:nth-child(2) {
    color: #1c2125;
    font-style: italic;
    opacity: .8;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 600
}

.nwsrm-custm-template .ms-filter-sec {
    padding-bottom: 42px
}

.nwsrm-custm-template .ms-filter-sec h4 a {
    color: #10052f;
    opacity: .9
}

.nwsrm-custm-template .featured-anlst-rprt p:first-child {
    color: #10052f;
    opacity: .9;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px
}

.nwsrm-custm-template .featured-event p:first-child {
    color: #10052f;
    opacity: .9;
    font-weight: 600;
    font-size: 18px
}

.nwsrm-custm-template .col-md-6.col-sm-6.bounceInRight.animated h4 {
    line-height: 1.4;
    padding: 0
}

.nwsrm-custm-template .blog-load-more {
    font-weight: 600;
    background: linear-gradient(to right, transparent 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    margin-left: 10px;
    transition: 1s;
    padding: 15px 40px
}

@media (max-width:767px) {
    .nwsrm-custm-template .container-lg.container-xl.mb-2.ddd {
        max-width: 90%!important
    }
    .nwsrm-custm-template .media-coverage .col-md-3.col-lg-3 {
        margin-bottom: 30px
    }
}

.nwsrm-custm-template .generic-ttl {
    margin-top: -130px;
    padding: 0!important
}

.nwsrm-custm-template .generic-ttl h1 {
    margin-top: 5px!important;
    color: #10052f!important;
    font-weight: 600
}

.nwsrm-custm-template .genrc-banner-desc p {
    font-weight: 600;
    margin-bottom: 15px
}

.nwsrm-custm-template .nwsrm-only-full-vdo h4 {
    color: #292929;
    font-size: 2.5rem;
    margin-top: 25px;
    font-weight: 600
}

.nwsrm-custm-template #latest-blogs h3.compnt-title {
    margin-left: 10px;
    margin-bottom: 25px;
    color: #00c8b6;
    font-weight: 600
}

.nwsrm-custm-template section#latest-blogs {
    margin-top: 40px;
    padding-top: 40px
}

.nwsrm-custm-template .container-fluid.nwsrm-only-full-vdo.text-align-center {
    margin-top: 20px;
    margin-bottom: 35px
}

.media-coverage-main-wrap .left-pr-blk h3,
.nwsrm-custm-template .view-what-s-new-at-metricstream-blog h3 {
    font-size: 43px;
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 17px;
    margin-left: 10px;
    color: #00c8b6
}

.nwsrm-custm-template section.container-fluid.viewfield-item-wrapper {
    padding-top: 35px;
    padding-bottom: 30px
}

.nwsrm-custm-template #WhatsnewBlog .w-new-blog h3 {
    font-size: 22px;
    font-weight: 600;
    border-bottom: none;
    color: #170034;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0
}

.nwsrm-custm-template #WhatsnewBlog .article a.read-more {
    position: relative;
    height: 100%;
    text-decoration: underline;
    padding: 5px 5px 5px 0;
    display: inline-block;
    font-weight: 600
}

.nwsrm-custm-template #WhatsnewBlog .article a.read-more:hover {
    background: linear-gradient(to right, #f3f4f6 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s
}

.nwsrm-custm-template #WhatsnewBlog span:first-child {
    font-style: italic;
    font-size: 16px;
    opacity: .9
}

.nwsrm-custm-template #WhatsnewBlog span:last-child {
    font-style: normal;
    font-size: 14px;
    color: #00c8b6;
    font-weight: 600
}

.nwsrm-custm-template .media-coverage h3.mb-md-5 {
    font-size: 48px;
    color: #00c8b6;
    font-weight: 500;
    margin-left: 10px
}

.nwsrm-custm-template .basic-prl-feature-wrap h4 {
    color: #292929!important;
    text-align: left!important;
    font-size: 32px!important;
    letter-spacing: 0!important;
    opacity: 1!important;
    font-weight: 500!important;
    margin-bottom: 25px
}

.nwsrm-custm-template .media-coverage .col-md-9.col-lg-9 {
    margin-bottom: 35px
}

.nwsrm-custm-template .md-cov-dt {
    font-style: italic;
    opacity: .9
}

.nwsrm-custm-template .three-col-featured-man-wrap .featured-media-contact {
    background-image: url(/sites/default/files/2021-07/Rectangle%201988.png);
    background-repeat: no-repeat;
    background-size: inherit;
    padding-left: 65px;
    word-break: break-word;
    margin-top: -25px;
    margin-left: 0
}

.nwsrm-custm-template .three-col-featured-man-wrap .featured-media-contact h3 {
    margin-top: 45px;
    color: #ffff;
    font-weight: 400
}

.nwsrm-custm-template .featured-event a.bs-ft-cta:hover,
.nwsrm-custm-template .featured-event-forbes a.bs-ft-cta:hover {
    transform: none;
    background: linear-gradient(to right, #fff 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    padding: 5px 5px 5px 0;
    color: #170034
}

.nwsrm-custm-template .featured-event h4:first-child,
.nwsrm-custm-template .featured-event-forbes h4:first-child {
    color: #170034;
    text-align: left;
    font-size: 22px;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 500
}

.nwsrm-custm-template .featured-event .fetrd-desc p:nth-child(2),
.nwsrm-custm-template .featured-event-forbes .fetrd-desc p {
    color: #1c2125;
    font-style: normal;
    opacity: .8;
    margin-bottom: 5px;
    margin-top: 10px
}

.nwsrm-custm-template .featured-event .fetrd-desc h4,
.nwsrm-custm-template .featured-event-forbes .fetrd-desc h4 {
    color: #170034!important;
    text-align: left!important;
    font-size: 24px!important;
    letter-spacing: 0!important;
    opacity: 1!important;
    font-weight: 500!important
}

.nwsrm-custm-template .featured-event-forbes a {
    color: #292929!important;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 5px 5px 0
}

.nwsrm-custm-template .featured-event-forbes .fetrd-desc h4 {
    margin-top: 15px
}

.nwsrm-custm-template section.three-col-featured-man-wrap .brand-assets h4,
.nwsrm-custm-template section.three-col-featured-man-wrap .press-kit h4 {
    margin-top: 12px
}

.nwsrm-custm-template .col-md-4.col-lg-4.col-xs-4.col-sm-4.brand-assets a.ft-cta:before,
.nwsrm-custm-template .press-kit a.ft-cta:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background: url('/sites/default/files/2021-07/direct-download_0.png') 0 0/cover;
    margin-right: 10px
}

.nwsrm-custm-template section.three-col-featured-man-wrap .brand-assets a,
.nwsrm-custm-template section.three-col-featured-man-wrap .press-kit a {
    font-weight: 600;
    text-decoration: underline
}

.nwsrm-custm-template .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    left: 30%
}

@media (max-width:768px) {
    .node-id-3391 ul.social-share-wrap {
        margin-top: 0!important;
        position: relative;
        right: 0;
        display: flex;
        top: 0
    }
    .nwsrm-custm-template .generic-ttl {
        padding-top: 0!important;
        padding-left: 0!important
    }
    .nwsrm-custm-template .form-control-feedback {
        left: 62%!important
    }
}

@media (max-width:551px) {
    .nwsrm-custm-template .container-lg.container-xl.mb-2.ddd {
        max-width: 88%!important
    }
    .nwsrm-custm-template .form-control-feedback {
        left: 75%
    }
}

.nwsrm-custm-template #WhatsnewBlog .display p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.nwsrm-custm-template section.three-col-featured-man-wrap {
    padding-top: 30px
}

.nwsrm-custm-template .feat-new-lp a,
.nwsrm-custm-template .featured-items-wrapper .feat-new-lp-sec a {
    color: #292929!important;
    font-size: 22px!important;
    padding: 5px 5px 5px 0;
    font-weight: 600
}

.nwsrm-custm-template a.green-mail:before,
.nwsrm-custm-template a.mail-green:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.8em;
    height: 1.2em;
    background: url(/sites/default/files/2021-07/message_one.png) 0 0/cover;
    margin-right: 15px
}

.nwsrm-custm-template a.phone-green:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background: url(/sites/default/files/2021-07/phone_icon.png) 0 0/cover;
    margin-right: 15px
}

p.media-news-lp {
    font-size: 18px
}

h6.invest-news-lp {
    font-size: 18px;
    font-weight: 600;
    opacity: .8
}

.news-margin-lp {
    margin-top: 9px!important
}

.nwsrm-custm-template .featured-items-wrapper .feat-new-lp-sec a {
    text-decoration: none
}

@media (max-width:1024px) {
    .node--type-product-pages .item.bg-white.p-4.border {
        min-height: 435px
    }
    .nwsrm-custm-template .form-control-feedback {
        left: 33%;
        margin-top: 22px
    }
}

@media (max-width:1200px) {
    .nwsrm-custm-template .form-control-feedback {
        left: 33%
    }
}

@media (max-width:650px) {
    .nwsrm-custm-template .form-control-feedback {
        left: 52%!important;
        top: 1%
    }
}

.nwsrm-custm-template .cont-news img.lazy {
    margin-top: 45px
}

.nwsrm-custm-template div#WhatsnewBlog {
    background: no-repeat padding-box #f3f4f6;
    opacity: 1;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width:400px) {
    .nwsrm-custm-template .form-control-feedback {
        left: 65%!important;
        top: 1%
    }
}

.nwsrm-custm-template .brand-assets .fetrd-desc,
.nwsrm-custm-template .press-kit .fetrd-desc {
    margin-bottom: 10px;
    font-weight: 600;
    opacity: .7
}

@media (max-width:575px) {
    .nwsrm-custm-template .three-col-featured-man-wrap .featured-media-contact {
        margin-top: 30px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-left: -15px
    }
    .nwsrm-custm-template .three-col-featured-man-wrap .press-kit {
        margin-bottom: 35px
    }
    .nwsrm-custm-template .right-featrd-blk {
        margin-top: -25px
    }
    .nwsrm-custm-template .col-md-6.col-sm-6.bounceInRight.animated,
    .nwsrm-custm-template .col-md-6.col-sm-6.bounceInRight.animated:hover {
        border-left: none;
        padding-left: 0!important
    }
    .nwsrm-custm-template .blog-load-more {
        display: block;
        width: 100%
    }
    .nwsrm-custm-template .ms-filter-sec {
        padding-bottom: 0!important
    }
    .nwsrm-custm-template div#WhatsnewBlog {
        padding-top: 28px;
        padding-bottom: 24px
    }
    .featured-event.feat-new-lp-sec h4 {
        padding-top: 20px
    }
    .nwsrm-custm-template .media-coverage h3.mb-md-5 {
        font-size: 40px
    }
    .nwsrm-custm-template #WhatsnewBlog .w-new-blog h3 {
        margin-bottom: -5px
    }
    .nwsrm-custm-template .media-coverage-main-wrap .right-featrd-blk {
        margin-top: 25px!important
    }
    .nwsrm-custm-template .col-md-6.col-sm-6.bounceInRight.animated.active {
        border-left: none
    }
    .nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item {
        margin-top: 10px;
        width: 44%;
        display: grid
    }
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 110%!important
    }
}

@media (max-width:991px) {
    .new-tmplt-cluster .container-lg.container-xl.mb-2.breadcrumb-wrapper {
        margin-left: 15px
    }
    .our-team-sec .img-block {
        margin-right: 0
    }
    .modal-video .modal-video-body {
        left: 0!important;
        right: 0;
        margin: 0 auto!important
    }
    .node-id-3391 .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
        font-size: .9em;
    }
    .view-display-id-bolg_category_page .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
        font-size: .9em;
    }
    .background-light-blue-globe img.lazy,
    .background-orange-globe img.lazy {
        margin-bottom: 5px;
        float: none
    }
    .news-margin-lp {
        margin-top: 9px!important;
        font-size: 12px
    }
    a.green-mail,
    a.mail-green {
        font-size: 12px
    }
    .nwsrm-custm-template .three-col-featured-man-wrap .featured-media-contact h3 {
        font-size: 22px
    }
    .nwsrm-custm-template .three-col-featured-man-wrap .featured-media-contact {
        padding-left: 40px
    }
    .nwsrm-custm-template .form-control-feedback {
        left: 36%
    }
}

.w-new-blog .article {
    padding-bottom: 40px
}

@media (max-width:768px) {
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 85%!important
    }
}

@media only screen and (max-width:575px) {
    .nwsrm-custm-template #views-exposed-form-press-release-page-1 .form-item {
        margin-top: 10px;
        width: 44%
    }
}

@media (max-width:430px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .node-id-3391 .container {
        max-width: 89%!important
    }
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 90%!important
    }
}

@media (max-width:375px) {
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 100%!important
    }
}

@media (min-width:1200px) {
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 75%!important
    }
}

@media screen and (min-width:1025px) and (max-width:1332px) {
    .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-month.form-item-month {
        float: initial!important;
        margin-top: 58px!important
    }
}

.nwsrm-custm-template .feat-new-lp a:nth-child(3),
.nwsrm-custm-template .featured-event-forbes a:nth-child(2),
.nwsrm-custm-template .featured-items-wrapper .feat-new-lp-sec a:nth-child(3) {
    margin-left: -5px
}

p.unique-date-news {
    color: #1c2125!important;
    font-style: italic!important;
    font-size: 14px!important
}

@media screen and (min-width:530px) and (max-width:550px) {
    .nwsrm-custm-template .form-control-feedback {
        left: 35%!important;
        top: 1%
    }
}

@media (max-width:321px) {
    .nwsrm-custm-template .form-control-feedback {
        left: 72%!important;
        top: 1%
    }
}

.page-node-type-press-relaease .press .newsnode {
    font-size: 2.4em
}

.home-page-class .prod-testimonial-section h4.name {
    min-height: 100px;
    text-transform: capitalize
}

.home-page-class .prod-testimonial-section h4.client-company,
h4.client-company {
    text-transform: capitalize
}

.popup-youtube i {
    position: absolute;
    top: 38%;
    left: 42%;
    color: #fff;
    font-size: 3em
}

@media (max-width:640px) {
    .popup-youtube i {
        position: absolute;
        top: 42%;
        left: 42%;
        color: #fff;
        font-size: 3em
    }
}

@media(min-width:319px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 29%!important;
        left: 73%!important
    }
}

@media(min-width:350px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 34.5%!important;
        left: 75.5%!important
    }
}

@media(min-width:400px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 40.5%!important;
        left: 78.5%!important
    }
}

@media(min-width:500px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 56%!important;
        left: 85%!important
    }
}

@media(min-width:700px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 36%!important;
        left: 76%!important
    }
}

@media(min-width:800px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46%!important;
        left: 81%!important
    }
}

@media(min-width:900px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 32%!important;
        left: 74%!important
    }
}

@media(min-width:1100px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 34.5%!important;
        left: 76.5%!important
    }
}

@media(min-width:1200px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 39.5%!important;
        left: 79.5%!important
    }
}

@media(min-width:1300px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 43.5%!important;
        left: 80.5%!important
    }
}

@media(min-width:1400px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46%!important;
        left: 82%!important
    }
}

@media(min-width:1500px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46.5%!important;
        left: 83%!important
    }
}

@media(min-width:1600px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 49.5%!important;
        left: 83%!important
    }
}

@media(min-width:1700px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 55.5%!important;
        left: 85%!important
    }
}

@media(min-width:1800px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 57%!important;
        left: 86%!important
    }
}

.hs-form-8a709a57-e6de-462d-9a2e-d6ad478be3de_e27e11ba-baff-4833-ab2b-86e249f38c6a.submitted-message {
    overflow: none!important;
    line-height: 1.5!important
}

.solution-page-metrics .apps-about-content .BVD-wrap.background-grey-globe h6 {
    margin-top: 30px!important;
    padding-bottom: 0!important;
    margin-left: 25px!important
}

.page-node-type-solutions-details .videos li.border-green {
    width: 28%
}

.magnificpopupnoscroll {
    overflow: hidden!important
}

body.intro,
body.wistia_popover_mode {
    overflow-y: hidden!important
}

.wistia_placebo_close_button {
    top: 125px!important
}

.path-search .js-form-submit,
.path-user .js-form-submit {
    margin-left: 20px;
    margin-top: 15px;
    background: #170034!important;
    padding: 5px 15px;
    height: 40px;
    width: 100px;
    border-radius: 0;
    border: 0
}

.path-user .form-control {
    margin-left: 20px;
    width: 60%
}

.path-user .region-content {
    margin: 0 auto;
    padding-top: 80px
}

@media(max-width:1024px) {
    .page-node-type-testimonials .wistia_embed {
        left: 76%!important;
        top: 64%!important
    }
}

@media(max-width:551px) {
    .page-node-type-testimonials .wistia_embed {
        left: 87%!important;
        top: 83%!important
    }
}

@media (max-width:430px) {
    .page-node-type-testimonials .wistia_embed {
        left: 83%!important;
        top: 79%!important
    }
}

@media(max-width:380px) {
    .page-node-type-testimonials .wistia_embed {
        left: 81%!important;
        top: 78%!important
    }
}

@media(max-width:360px) {
    .page-node-type-testimonials .wistia_embed {
        left: 80%!important;
        top: 76%!important
    }
}

@media (min-width:1500px) {
    .page-node-type-testimonials .wistia_embed {
        left: 84%!important;
        top: 76%!important
    }
}

@media (min-width:1700px) {
    .abt-evnt-page-wrap header.fixed-top.headerbg,
    .careers-page-class header.fixed-top.headerbg,
    .contact-us-unique-metrics header.fixed-top.headerbg,
    .customer-unique-metrics header.fixed-top.headerbg,
    .insight-unique-metrics header.fixed-top.headerbg,
    .insight-unique-metrics-learn header.fixed-top.headerbg,
    .journey-unique-metrics header.fixed-top.headerbg,
    .journey-unique-new-metrics header.fixed-top.headerbg,
    .leader-unique-metrics header.fixed-top.headerbg,
    .news-room-metrics header.fixed-top.headerbg,
    .page-node-type-industries header.fixed-top.headerbg,
    .page-node-type-platforms header.fixed-top.headerbg,
    .page-node-type-product-pages header.fixed-top.headerbg,
    .page-node-type-solutions-details header.fixed-top.headerbg,
    .partner-unique-succeed header.fixed-top.headerbg,
    .vision-mission-unique-metrics header.fixed-top.headerbg {
        background-color: #fff!important
    }
    .page-node-type-testimonials .wistia_embed {
        left: 83%!important;
        top: 76%!important
    }
}

@media (min-width:1800px) {
    .page-node-type-testimonials .wistia_embed {
        left: 81.5%!important;
        top: 74.5%!important
    }
}

@media (min-width:1900px) {
    .page-node-type-testimonials .wistia_embed {
        left: 82%!important;
        top: 74%!important
    }
}

.home-page-class .fixed-top,
.page-node-type-testimonials .fixed-top {
    z-index: 999!important
}

.career-metrics-new .career-second-section h2,
.page-node-type-testimonials #block-metrics-content,
.survey-lp-new .survey-section-fourth.top-survey-content {
    margin-top: 35px
}

.page-node-type-testimonials div#block-breadcrumbs {
    max-width: 85%;
    margin: 120px auto auto
}

.page-node-type-testimonials .block-system-breadcrumb-block .breadcrumb li {
    font-size: .9em;
    align-items: center
}

.our-team-sec .newleadership {
    width: 25%
}

.our-team-sec .border {
    border: 0!important
}

span#dynamic-contact a {
    color: #10052f;
    text-decoration: none
}

.about-vision-sec img,
.leadership-page .banner .carousel-item img {
    vertical-align: middle;
    object-fit: unset;
    object-position: center;
    width: 100%;
    height: 300px
}

@media (max-width:991px) {
    .about-vision-sec img,
    .leadership-page .banner .carousel-item img {
        height: 200px
    }
    .our-team-sec .newleadership {
        width: 33%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .our-team-sec .newleadership {
        width: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    span#dynamic-contact {
        font-size: .6em;
        margin-right: 0
    }
    .about-vision-sec img,
    .leadership-page .banner .carousel-item img {
        height: 150px
    }
    .our-team-sec .newleadership {
        width: 100%
    }
    .banner .banner-text h1 {
        width: 100%;
        text-align: center
    }
}

.page-node-type-testimonials .customer-talk-image .image-overlay,
.page-node-type-testimonials .customer_wostia {
    position: unset!important
}

.page-node-type-testimonials .customer-talk-image .wistia_click_to_play {
    padding: 0!important;
    width: -webkit-fill-available!important
}

.page-node-type-testimonials .wistia_click_to_play i.far.fa-play-circle {
    left: 83%;
    top: 76%
}

.page-node-type-testimonials i.far.fa-play-circle,
.page-node-type-testimonials i.far.fa-play-circle.wistia_embed {
    left: 87%!important;
    top: 82%!important
}

@media (max-width:1024px) {
    .page-node-type-testimonials i.far.fa-play-circle,
    .page-node-type-testimonials i.far.fa-play-circle.wistia_embed {
        left: 84%!important;
        top: 77%!important
    }
}

@media (max-width:768px) {
    .page-node-type-testimonials i.far.fa-play-circle,
    .page-node-type-testimonials i.far.fa-play-circle.wistia_embed {
        left: 79%!important;
        top: 70%!important
    }
}

@media (max-width:767px) {
    .page-node-type-testimonials i.far.fa-play-circle.wistia_embed {
        left: 88%!important;
        top: 83%!important
    }
}

@media (max-width:767px) {
    .page-node-type-testimonials i.far.fa-play-circle {
        left: 88%!important;
        top: 83%!important
    }
}

.page-node-type-testimonials h1.node-cust-title {
    font-size: 32px;
    padding-top: 15px
}

.home-page-class #homeVdoModl button.btn-close {
    width: fit-content;
    position: absolute;
    right: 0;
    border: none
}

.home-page-class #homeVdoModl .modal-dialog {
    -webkit-transform: none;
    transform: none;
    margin-top: 150px
}

.home-page-class #homeVdoModl button.close {
    border: 0;
    width: -webkit-fill-available
}

.home-page-class #homeVdoModl .fa-times:before {
    content: "\f00d";
    position: absolute;
    right: -2px;
    top: -20px;
    font-size: 15px;
    padding-right: 4px;
    color: #fff;
    padding-top: 2px
}

.home-page-class #homeVdoModl .modal-content {
    background-color: transparent
}

.home-page-class div#homeVdoModl,
.market-lp-stream,
.market-lp-stream header.fixed-top.bluebg,
.survey-new-metrics .para-col-survey {
    padding-right: 0!important
}

.page-prod-main-wrap .BVD-wrap h6 {
    width: auto
}

.page-prod-main-wrap .chart-prod {
    margin-top: 20px;
    margin-left: 46px;
    text-decoration: underline;
    border-left: 1px solid #26eac4
}

.page-prod-main-wrap .BVD-wrap h6 {
    font-family: serenity, Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.8em;
    color: #10052f;
    padding: .5em 1em .5em 0;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 auto
}

.page-prod-main-wrap .background-grey-globe .BVD ul li::marker {
    font-size: 0px!important
}

.page-prod-main-wrap div#prod-second-section {
    position: absolute;
    top: -330px;
    z-index: 999;
    border-radius: 10px;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px
}

.page-prod-main-wrap .prd-sec-desc {
    width: -webkit-fill-available;
    line-height: 20px!important
}

.page-prod-main-wrap .title-sub_head_wrap {
    position: absolute;
    margin-top: 100px
}

.page-prod-main-wrap li.case-li-percentage {
    font-size: 50px;
    color: #04b49a;
    font-weight: 900;
    text-align: left
}

.page-prod-main-wrap li.case-li-2-color {
    font-size: 15px;
    line-height: 1.3;
    text-align: left
}

.page-prod-main-wrap .ins-comm-desc .case-li-2-color p {
    font-size: 14px!important;
    line-height: 22px!important;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 600;
    margin-top: 0
}

.page-prod-main-wrap div#brd-orange-product {
    width: 10%;
    height: 1px;
    margin: 8px auto;
    border-bottom: 2px solid #ee752f
}

.page-prod-main-wrap section.prod-third-section {
    margin-top: 405px
}

@media screen and (max-width:991px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 470px
    }
}

@media screen and (max-width:650px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 600px!important
    }
}

@media screen and (max-width:600px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 685px!important
    }
    .page-prod-main-wrap div#prod-second-section .page-prod-main-wrap section.prod-third-section {
        margin-top: 700px!important
    }
}

@media screen and (max-width:440px) {
    .node--type-product-pages section.prod-third-section {
        margin-top: 750px!important
    }
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 1095px!important
    }
}

@media screen and (max-width:400px) {
    .node--type-product-pages section.prod-third-section {
        margin-top: 850px!important
    }
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 1225px!important
    }
}

.container-lg,
.container-md,
.container-sm,
.container-xl,
.page-prod-main-wrap .container-fluid {
    padding: 0;
    padding-left: 0!important
}

@media screen and (max-width:768px) {
    .node-id-3391 .featured-banner .gnrc-anc .generic-ttl {
        margin-top: 0!important;
        padding-left: 50px!important;
        position: relative;
        top: 0!important;
        width: 100%
    }
    .view-display-id-bolg_category_page .back-arrow-blog {
        margin-left: 22px!important
    }
    .node--type-product-pages section.prod-third-section {
        margin-top: 570px
    }
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 500px
    }
    .page-prod-main-wrap .page-prod-main-wrap div#prod-second-section {
        top: 65px!important
    }
}

.page-prod-main-wrap .BVD-wrap.background-grey-globe h4 {
    letter-spacing: 0;
    font-size: 38px;
    color: #170034;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 20px;
    font-family: serenity, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.page-prod-main-wrap .prod-fourth-section h4 {
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    font-family: serenity;
    text-align: center
}

.page-prod-main-wrap .BVD p,
.page-prod-main-wrap .benefit-global-cta p {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 0
}

.page-prod-main-wrap .col-lg-6.col-md-6 {
    text-align: center!important
}

.page-prod-main-wrap .col-lg-6.col-md-6 ul li::marker {
    font-size: 22px;
    color: #01edc2
}

.page-prod-main-wrap .top-brd-new-product {
    margin-left: auto;
    border-top: 2px solid #ffad1d;
    line-height: unset!important;
    width: 100%;
    margin-right: auto
}

.page-prod-main-wrap .prod-related-resrc .related-res h4 {
    letter-spacing: 0;
    font-size: 38px;
    color: #170034;
    font-weight: 600;
    padding-top: 50px;
    padding-bottom: 15px
}

.page-prod-main-wrap .prod-faq-section .sub-comp h4 {
    font-size: 38px;
    letter-spacing: 0;
    color: #170034;
    font-weight: 600;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 20px;
    width: auto
}

.page-prod-main-wrap .prod-second-section h4 {
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    font-family: serenity;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px
}

.page-prod-main-wrap .prod-fourth-section .sideways li {
    margin-top: 0;
    display: flex;
    justify-content: left;
    font-weight: 100;
    border-bottom: 1px solid #dee2e6;
    line-height: 4
}

.page-prod-main-wrap .prod-fourth-section .sideways li a.active {
    color: #342baf!important;
    font-weight: 600!important;
    font-family: 'Noto Sans'!important;
    position: relative!important;
    text-align: left;
    width: -webkit-fill-available!important;
    line-height: 1.6!important;
    margin-top: 28px
}

.page-prod-main-wrap .prod-fourth-section ul.nav.nav-tabs.tabs-left.sideways {
    justify-content: left;
    display: grid;
    border: none;
    margin-top: 30px
}

.page-prod-main-wrap .prod-faq-section .faq.sub-item {
    max-width: 85%;
    flex: 0 0 100%;
    margin-top: 30px
}

.page-node-type-solutions-details .prod-faq-section button.btn.btn-link,
.page-prod-main-wrap .prod-faq-section button.btn.btn-link {
    font-size: 20px;
    color: #170034;
    font-weight: 500;
    font-family: serenity;
    padding: 0 30px 0 0;
    text-align: left
}

.page-prod-main-wrap .prod-fourth-section .tab-content .tab-pane p {
    color: #10052f;
    font-size: 16px!important;
    line-height: 1.7!important
}

.page-prod-main-wrap .prod-fourth-section .tab-content a {
    color: #10052f!important;
    text-transform: uppercase
}

.page-prod-main-wrap .prod-fourth-section .tab-content a:hover {
    color: #fffF!important;
    text-transform: uppercase
}

.page-prod-main-wrap .Prod-benefit-section {
    background-image: url(https://www.metricstream.com/sites/default/files/2021-07/key-feature-wave_final.png);
    height: 100%;
    padding: 170px 0 235px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.page-prod-main-wrap .prod-related-resrc .rel-story-container a {
    padding: 5px 5px 5px 0!important;
    font-weight: 600
}

.page-prod-main-wrap .prd-res-org-bar {
    width: 15%;
    border-bottom: 2px solid #ee752f
}

.home-page-class .prod-testimonial-section .owl-dot.fa.fa-circle.active,
.page-prod-main-wrap .partners-in-prod .owl-dot.fa.fa-circle.active,
.page-prod-main-wrap .prod-testimonial-section .owl-dot.fa.fa-circle.active {
    color: orange;
    font-size: 15px
}

.page-prod-main-wrap .succeed-with-us {
    margin-top: 25px;
    padding-bottom: 60px!important
}

.page-prod-main-wrap .partners-in-prod .owl-prev.fa.fa-chevron-left,
.page-prod-main-wrap .prod-testimonial-section .owl-prev.fa.fa-chevron-left {
    position: absolute;
    top: 215px;
    left: -53px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6
}

.page-prod-main-wrap .partners-in-prod .owl-next.fa.fa-chevron-right,
.page-prod-main-wrap .prod-testimonial-section .owl-next.fa.fa-chevron-right {
    position: absolute;
    top: 215px;
    left: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6
}

.home-page-class .owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.page-prod-main-wrap .owl-carousel .owl-dot {
    color: #fff;
    margin-left: 5px;
    align-self: center;
    font-size: 10px
}

.page-prod-main-wrap .fa-chevron-left:before {
    content: "\f053";
    color: #000;
    font-size: 25px
}

.page-prod-main-wrap .fa-chevron-right:before {
    content: "\f054";
    color: #000;
    font-size: 25px
}

@media (min-width:300px) and (max-width:767px) {
    .new-at-metric .col-md-9 h2,
    .node--type-product-pages .succeed-with-us h2 {
        font-size: 26px!important
    }
    .new-at-metric .col-md-9 h2,
    .page-prod-main-wrap .succeed-with-us h2 {
        font-size: 26px!important;
        line-height: 1.3
    }
    .page-prod-main-wrap .product-main-bnnr-wrap .title-sub_head_wrap {
        top: 0!important
    }
}

.page-prod-main-wrap .BVD-wrap {
    padding-bottom: 50px!important
}

.page-prod-main-wrap .prod-testimonial-section .owl-stage-outer hr {
    border-bottom: 1px solid orange;
    width: 32%;
    margin-left: 0;
    margin-top: 0
}

@media screen and (min-width:767px) and (max-width:1310px) {
    .page-prod-main-wrap #myCarousel .carousel-captions h2,
    .page-prod-main-wrap .product-main-bnnr-wrap h1 {
        font-size: 40px!important
    }
}

@media screen and (max-width:1600px) and (min-width:1350px) {
    .node--type-product-pages #myCarousel .carousel-captions h2 {
        font-size: 45px;
        line-height: initial
    }
    .page-prod-main-wrap #myCarousel .carousel-captions h2 {
        font-size: 64px;
        line-height: initial
    }
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        line-height: initial
    }
}

.page-prod-main-wrap #myCarousel .img-video {
    position: absolute;
    top: -1%;
    right: 0;
    display: flex
}

@media screen and (max-width:1930px) and (min-width:1350px) {
    .page-prod-main-wrap #myCarousel .carousel-captions h2 {
        font-size: 45px;
        line-height: initial
    }
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        line-height: initial
    }
}

.page-prod-main-wrap .prod-second-section .icon-container a.btn.cta-get-started.btn-download {
    border: 1px solid #26eac4;
    background-color: #ffff;
    font-size: 14px;
    margin-bottom: 30px
}

.page-prod-main-wrap .prod-fifth-section ul li {
    font-size: 16px;
    line-height: 1.5;
    text-align: left
}

.page-prod-main-wrap #myCarousel span.carousel-captions,
.page-prod-main-wrap span.title-sub_head_wrap {
    left: 7%!important;
    z-index: 9999
}

@media (max-width:1849px) {
    .page-prod-main-wrap .item.bg-white.p-4.border {
        min-height: 520px
    }
}

@media (min-width:1850px) {
    .page-prod-main-wrap .item.bg-white.p-4.border {
        min-height: 625px
    }
}

@media (max-width:768px) {
    .page-prod-main-wrap .item.bg-white.p-4.border {
        min-height: 421px
    }
    .page-prod-main-wrap .prod-fourth-section ul.nav.nav-tabs.tabs-left.sideways {
        justify-content: center;
        display: grid;
        border: none
    }
}

@media (max-width:1200px) {
    .page-prod-main-wrap .item.bg-white.p-4.border {
        min-height: 450px
    }
}

.home-page-class .prod-testimonial-section h4.client-company,
.prod-testimonial-section h4.client-company {
    min-height: 52px;
    text-transform: unset!important
}

.page-node-type-solutions-details .prod-faq-section .sub-comp h4::after,
.page-prod-main-wrap .prod-faq-section .sub-comp h4::after {
    content: '';
    background-color: #ee752f!important;
    width: 14%;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 105px
}

.page-prod-main-wrap .prod-fifth-section .BVD-wrap a {
    color: #10052f;
    border: 1px solid #00c8b6;
    border-radius: inherit;
    text-transform: uppercase;
    font-weight: 700;
    margin: 25px 0 0;
    font-size: .9em;
    outline: 0;
    background-image: linear-gradient(to left, transparent, transparent 50%, #01edc2 50%, #01edc2);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    padding: .8em 1.5em
}

.page-prod-main-wrap .prel-vwall-btn a.btn.cta-get-started.btn-download {
    position: absolute;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #26eac4;
    right: 11%;
    margin-top: 50px;
    padding: 12px 30px!important
}

.page-prod-main-wrap .prod-third-section .background-grey-globe .container-xl,
.prod-second-section .container-lg.container-xl.mb-2 {
    max-width: 88%!important
}

.prod-related-resrc .related-res h3.related-story-ttle {
    min-height: 80px
}

@media screen and (min-width:1300px) and (max-width:1450px) {
    .page-prod-main-wrap #myCarousel .img-video img,
    .page-prod-main-wrap .top-img img {
        width: 33%!important;
        margin-right: 135px
    }
}

@media (max-width:991px) and (min-width:1024px) {
    .node--type-product-pages div#prod-second-section {
        top: -270px
    }
    .page-prod-main-wrap div#prod-second-section {
        top: -270px!important
    }
}

@media (max-width:1149px) {
    .page-prod-main-wrap div#prod-second-section {
        top: -175px!important
    }
}

@media screen and (max-width:991px) {
    .page-prod-main-wrap div#prod-second-section {
        top: -135px!important
    }
}

@media screen and (max-width:550px) {
    .page-prod-main-wrap li.case-li-2-color {
        font-size: 12px
    }
}

.page-prod-main-wrap .prod-third-section .text-column-2866 a.btn.cta-get-started.btn-download {
    margin-top: 0!important;
    text-transform: uppercase
}

.prod-second-section .tab-content .tab-v-img {
    transform: scale(1.12)
}

.page-prod-main-wrap .prod-fourth-section .tab-content #item-1 p:last-of-type {
    padding-bottom: 60px
}

.page-prod-main-wrap .succeed-with-us h2 {
    padding: 55px 100px 25px!important
}

.page-prod-main-wrap .prod-fourth-section .sideways li.active {
    border-top: 2px solid #ffad1d;
    width: 90%
}

.page-prod-main-wrap .prod-testimonial-section {
    background-image: url(/themes/custom/metrics/images/tstmni.webp)!important;
    background-size: cover;
    background-repeat: no-repeat
}

.prod-testimonial-section h4.name {
    font-weight: 300!important;
    text-transform: unset!important
}

.page-prod-main-wrap .img-chart.ml-3 {
    width: 200px
}

.page-prod-main-wrap .case-image img.lazy {
    width: 70px!important
}

.prod-second-section .col-4.case-image.pr-0.mt-3 {
    text-align-last: center
}

.page-prod-main-wrap .prod-fourth-section .sideways li a:hover {
    color: #342baf!important
}

.page-prod-main-wrap .sideways a.vtb-lnk {
    line-height: 1.6;
    margin-top: 28px
}

.page-prod-main-wrap .prod-second-section .sideways li:last-child {
    border: none!important
}

.page-prod-main-wrap .prod-faq-section .card {
    border-bottom: 1px solid rgba(0, 0, 0, .125)!important;
    margin-bottom: 10px
}

.page-prod-main-wrap .prod-third-section .col-lg-6.col-md-6 p:first-child {
    content: '';
    border-left: 2px solid #26eac4;
    height: 35%
}

.page-prod-main-wrap .prod-third-section .col-lg-6.col-md-6 .para-chart p:first-child {
    position: relative;
    border: none
}

@media screen and (max-width:575px) {
    .insight-search-wrap .col-md-8.col-sm-8.my-auto.bounceInRight.animated h4 {
        margin-top: 20px!important
    }
    .page-prod-main-wrap .brd {
        display: none
    }
}

@media (max-width:650px) {
    .page-prod-main-wrap .prd-res-org-bar {
        width: 35%;
        border-bottom: 2px solid #ee752f
    }
    .page-prod-main-wrap .prod-faq-section .sub-comp h4 {
        font-size: 26px!important
    }
}

@media only screen and (max-width:767px) {
    .cs-side-bar-wrap,
    .new-tmplt-case-studies .brd {
        display: none
    }
    .page-node-type-resources-collaterals ul.social-share-wrap,
    .page-prod-main-wrap section.prod-fifth-section {
        margin-top: 0
    }
    .learn-container p {
        width: 100%!important
    }
    .node-id-3391 .views-element-container .col-md-4.sec-row-item .text-wrap h4 {
        min-height: 40px
    }
    .news-room-metrics .form--inline.clearfix {
        display: block
    }
    .page-prod-main-wrap .prod-faq-section .sub-comp h4::after {
        top: 90px
    }
}

@media only screen and (max-width:600px) {
    .ftr-logo-img {
        width: 80%!important
    }
    .page-prod-main-wrap .prel-vwall-btn a.btn.cta-get-started.btn-download {
        margin-top: 0!important;
        left: 2px;
        width: fit-content;
        color: #170034;
        border: none;
        text-decoration: underline;
        background: 0 0
    }
    .page-prod-main-wrap .prel-vwall-btn a.btn.cta-get-started.btn-download:hover {
        margin-top: 0!important;
        left: 2px;
        width: fit-content;
        color: #170034;
        border: none;
        text-decoration: underline;
        background: 0 0;
        -webkit-box-shadow: none
    }
}

@media screen and (max-width:320px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 1180px!important
    }
}

.page-prod-main-wrap .prod-third-section .fadeIn:before {
    content: "";
    position: absolute;
    left: 1;
    height: 210px;
    width: 10%;
    border-left: 1px solid #26eac4
}

@media (min-width:1150px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 160px!important
    }
    .nwsrm-custm-template .fetrd-desc {
        min-height: 100px!important
    }
}

@media (max-width:767px) {
    .page-prod-main-wrap .prod-fourth-section .sideways li a.active {
        text-decoration: none!important;
        color: #342baf!important
    }
    .page-prod-main-wrap .prod-fifth-section .BVD {
        margin-top: 35px
    }
    .page-prod-main-wrap .prod-third-section .fadeIn:before {
        margin-left: 22px;
        height: 150px
    }
    .page-prod-main-wrap .prod-third-section .popup-youtube img.lazy {
        margin-left: 13px
    }
}

.page-prod-main-wrap section.prod-fourth-section .row {
    justify-content: space-between
}

.home-page-class .owl-next.fa.fa-chevron-right {
    position: absolute;
    top: 215px;
    left: 101%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6;
    flex-flow: column-reverse
}

.home-page-class .owl-prev.fa.fa-chevron-left {
    position: absolute;
    top: 215px;
    left: -53px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
    background-color: #dee2e6;
    writing-mode: vertical-rl
}

.home-page-class .prod-testimonial-section h4.name {
    font-weight: 300!important;
    min-height: unset!important;
    text-transform: capitalize
}

.home-page-class .fa-chevron-left:before {
    content: "\f053";
    font-size: 25px;
    color: #000;
    align-self: end
}

.home-page-class .fa-chevron-right:before {
    content: "\f054";
    font-size: 25px;
    color: #000;
    align-self: end
}

.home-page-class .succeed-with-us {
    background-image: url(/themes/custom/metrics/images/subscribe.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 75px!important
}

.home-page-class .succeed-with-us h2 {
    padding: 100px 100px 25px;
    color: #fff;
    margin-top: 0;
    opacity: 1;
    text-align: center;
    font: 600 68px/74px Serenity;
    margin-bottom: 53px;
    position: relative;
    text-align-last: center
}

div#wistia_59\.thumb_container {
    margin-top: -10px
}

.home-page-class .item.bg-white.p-4.border {
    min-height: 540px
}

.home-page-class .wistia_click_to_play {
    margin: 0;
    line-height: 0
}

.home-page-class .prod-testimonial-section .owl-stage-outer hr {
    border-bottom: 1px solid orange;
    width: 32%;
    margin-left: 0;
    margin-top: 10px
}

.sub-desc-carousel p {
    line-height: 1.3;
    margin-top: 0!important;
    font-family: serenity;
    font-size: 20px
}

.home-page-class i.fa-play-circle {
    position: absolute;
    top: 40%;
    left: 76%;
    color: rgb(254 165 0);
    font-size: 3em
}

.wistia_click_to_play i.far.fa-play-circle {
    left: 80%;
    top: 39%
}

.home-page-class .fa-play-circle:before {
    content: "\f144";
    font-size: 3rem
}

@media(min-width:319px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 21%;
        left: 70%
    }
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 29%!important;
        left: 73%!important
    }
}

@media(min-width:350px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 25.5%;
        left: 72%
    }
}

@media(min-width:400px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 31.5%;
        left: 75.5%
    }
}

@media(min-width:500px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 51%;
        left: 83%
    }
}

@media(min-width:700px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 27%;
        left: 72.5%
    }
}

@media(min-width:800px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 25%;
        left: 70%
    }
}

@media(min-width:900px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 22.5%;
        left: 70.5%
    }
}

@media(min-width:1100px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 25%;
        left: 72.5%
    }
}

@media(min-width:1200px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 29.5%;
        left: 74.5%
    }
}

@media(min-width:1300px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 33.5%;
        left: 76.5%
    }
}

@media(min-width:1400px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 36.5%;
        left: 79%
    }
}

@media(min-width:1500px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 37.5%;
        left: 79%
    }
}

@media (min-width:1600px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 40.5%;
        left: 80%
    }
}

@media(min-width:1700px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 42%;
        left: 82%
    }
}

@media(min-width:1800px) {
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 45%;
        left: 83%
    }
}

@media(min-width:350px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 34.5%!important;
        left: 75.5%!important
    }
}

@media(min-width:400px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 40.5%!important;
        left: 78.5%!important
    }
}

@media(min-width:500px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 56%!important;
        left: 85%!important
    }
}

@media(min-width:700px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 36%!important;
        left: 76%!important
    }
}

@media(min-width:800px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46%!important;
        left: 81%!important
    }
}

@media(min-width:900px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 32%!important;
        left: 74%!important
    }
}

@media(min-width:1100px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 34.5%!important;
        left: 76.5%!important
    }
}

@media(min-width:1200px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 39.5%!important;
        left: 79.5%!important
    }
    .career-metrics-new header.fixed-top.bluebg {
        padding-bottom: 10px
    }
}

@media(min-width:1300px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 43.5%!important;
        left: 80.5%!important
    }
}

@media(min-width:1400px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46%!important;
        left: 82%!important
    }
    .page-prod-main-wrap ul.li-case {
        margin-left: -15px
    }
}

@media(min-width:1500px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 46.5%!important;
        left: 83%!important
    }
}

@media(min-width:1600px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 49.5%!important;
        left: 83%!important
    }
}

@media(min-width:1700px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 55.5%!important;
        left: 85%!important
    }
    .nwsrm-custm-template .headerbg {
        background: #fff!important
    }
}

@media(min-width:1800px) {
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 57%!important;
        left: 86%!important
    }
}

@media(min-width:1900px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle,
    .wistia_click_to_play i.far.fa-play-circle {
        position: absolute;
        top: 59%!important;
        left: 87%!important
    }
    .home-page-class i.fa-play-circle {
        position: absolute;
        top: 47.5%;
        left: 83.5%
    }
}

@media (min-width:275px) and (max-width:767px) {
    .home-page-class .succeed-with-us h2,
    .new-at-metric .col-md-9 h2 {
        font-size: 30px!important;
        line-height: 1.3!important
    }
}

@media (min-width:1500px) {
    .home-page-class .item.bg-white.p-4.border {
        min-height: 570px
    }
}

@media (min-width:1650px) {
    .home-page-class .item.bg-white.p-4.border {
        min-height: 585px
    }
}

.page-node-type-product-pages section.succeed-with-us .popup-youtube i {
    top: 22%!important
}

.page-node-type-product-pages .disclmr-txt {
    text-align: center;
    margin: auto auto 15px;
    font-size: 13px
}

.page-node-type-product-pages .single-item-metrics {
    margin: auto
}

.page-prod-main-wrap .ins-comm-desc .two-item-metric .case-li-2-color p {
    justify-content: left
}

.page-prod-main-wrap .benefit-metric-section {
    background-image: url(https://www.metricstream.com/sites/default/files/2021-07/key-feature-wave_final.png);
    height: 100%;
    padding: 175px 0 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.page-prod-main-wrap #myCarousel .carousel-captions h2:nth-child(2) {
    font-size: 30px!important;
    width: 75%
}

@media (min-width:769px) {
    .page-prod-main-wrap .width-benefit-metric:nth-child(2),
    .width-benefit-metric:first-child,
    .width-benefit-metric:nth-child(3) {
        border-right: 2px solid #ee752f;
        padding-left: 15px
    }
    .page-prod-main-wrap .width-benefit-metric:first-child {
        padding-left: 0
    }
}

.page-prod-main-wrap .second-row-metric p {
    margin-top: 0!important;
    margin-bottom: 5px
}

.page-prod-main-wrap .prod-fourth-section-new .container {
    max-width: 90%;
    padding: 0;
    padding-left: 0!important
}

@media (max-width:767px) {
    .home-page-class .owl-next.fa.fa-chevron-right,
    .home-page-class .prod-testimonial-section .owl-prev.fa.fa-chevron-left {
        display: none
    }
    .page-prod-main-wrap .prod-third-section .third-section .BVD {
        margin-top: 25px
    }
}

.page-prod-main-wrap .stick {
    position: fixed;
    top: 17vh;
    width: -webkit-fill-available;
    transition: .3s ease-in
}

.page-prod-main-wrap .marker {
    position: absolute;
    top: 1000px;
    right: 100px;
    font-size: 2em
}

.page-prod-main-wrap .prd-bnft-cta {
    color: #170034;
    padding: 5px 5px 5px 0!important;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 0;
    margin-bottom: 20px
}

@media (min-width:991px) {
    .page-prod-main-wrap .benefit-fourth-new {
        max-width: 95%
    }
}

.page-prod-main-wrap .prd-bnft-cta a:hover {
    transform: none;
    background: linear-gradient(to right, transparent 50%, #26eac4 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s;
    color: #170034;
    padding: 5px 5px 5px 0
}

.page-prod-main-wrap .prd-bnft-cta a {
    padding: 5px 5px 5px 0
}

.market-lp-stream .partner-image,
.page-prod-main-wrap .partner-image {
    padding: 30px 20px 10px;
    text-align: center
}

.page-prod-main-wrap .partner-image img {
    width: auto!important
}

.page-prod-main-wrap .benefit-metric-section h2,
.page-prod-main-wrap .partners-in-prod h2 {
    font-size: 38px;
    text-align: center;
    width: auto;
    font-weight: 600;
    color: #170034;
    letter-spacing: 0
}

@media (min-width:1400px) {
    .all-jobs .white-bg {
        height: 250px!important
    }
    .page-prod-main-wrap .partner-para {
        min-height: 165px
    }
}

.page-prod-main-wrap .partner-para {
    padding: 0 20px 20px;
    min-height: 180px;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.market-lp-stream .partner-btn,
.page-prod-main-wrap .partner-btn {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px
}

.page-prod-main-wrap .modal-btn-partner {
    font-size: 12px;
    border: 1px solid #00c8b6;
    padding: 10px;
    border-radius: 0;
    font-weight: 700;
    background-image: linear-gradient(to left, transparent, transparent 50%, #01edc2 50%, #01edc2);
    background-position: 100% 0;
    transition: .2s ease-in-out;
    background-size: 200% 100%
}

.market-lp-stream .modal-btn-partner:hover,
.market-lp-stream a.btn.view-offerings-btn:hover,
.page-prod-main-wrap .modal-btn-partner:hover,
.page-prod-main-wrap a.btn.view-offerings-btn:hover {
    background-position: 0 0;
    color: #212529;
    transform: scale(1.05)
}

.page-prod-main-wrap .partners-in-prod .owl-dot.fa.fa-circle {
    font-size: 15px;
    color: #dee2e6
}

.page-prod-main-wrap .partners-in-prod .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.page-prod-main-wrap .partners-in-prod h2 {
    padding-top: 0;
    padding-bottom: 15px
}

.page-prod-main-wrap .partners-in-prod div#brd-orange-product {
    margin-bottom: 40px
}

.page-prod-main-wrap .benefit-metric-section h2 {
    font-family: serenity, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    padding-top: 40px;
    padding-bottom: 20px
}

.market-lp-stream .fade,
.page-prod-main-wrap .fade {
    transition: opacity .15s linear;
    backdrop-filter: blur(5px)
}

.modal-open .modal,
.page-prod-main-wrap .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999999999;
    padding-right: 0!important
}

.page-prod-main-wrap .partner-btn-modal {
    margin-left: 17px
}

.page-prod-main-wrap .partners-in-prod .modal-header .close {
    padding: 1rem 2rem;
    font-size: 30px
}

.page-prod-main-wrap .partners-in-prod .modal-body {
    padding-top: 0!important
}

.page-prod-main-wrap .partners-in-prod .modal-header {
    padding: 0;
    border: none
}

.page-prod-main-wrap section.partners-in-prod {
    margin-bottom: 45px
}

.page-prod-main-wrap section.partners-in-prod .box-partner {
    box-shadow: 0 2px 15px #0000000d
}

@media(min-width:768px) {
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 350px
    }
}

@media(min-width:991px) {
    .page-prod-main-wrap .col.width-benefit-metric h5 {
        min-height: 75px
    }
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 500px
    }
}

@media(min-width:1600.99px) and (max-width:1920px) {
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 880px
    }
}

@media(min-width:1400.99px) and (max-width:1600px) {
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 750px
    }
}

@media(min-width:1024.99px) and (max-width:1400px) {
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 665px
    }
}

@media(min-width:992.99px) and (max-width:1024px) {
    .page-prod-main-wrap img.img-fluid.lazy {
        width: 535px
    }
}

.page-prod-main-wrap .row.benefit-metric h5 {
    font-size: 26px;
    font-weight: 600
}

@media(max-width:599px) {
    .page-prod-main-wrap .box-partner .partner-image,
    .page-prod-main-wrap .partner-btn {
        display: flex;
        justify-content: center
    }
    .page-prod-main-wrap .box-partner .partner-para {
        text-align: center
    }
}

@media(max-width:340px) {
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 1290px!important
    }
}

.page-prod-main-wrap .benefit-global-cta a,
.page-prod-main-wrap .prod-third-section .cta-get-started.btn-download {
    font-size: .9em;
    border: 1px solid #00c8b6;
    padding: 12px;
    border-radius: 0;
    font-weight: 700;
    margin: 2em 5.2em 0 0;
    background-image: linear-gradient(to left, transparent, transparent 50%, #01edc2 50%, #01edc2);
    background-position: 100% 0;
    transition: .2s ease-in-out;
    background-size: 200% 100%;
    background-color: transparent
}

@media screen and (max-width:767px) {
    .node--type-product-pages #myCarousel .active,
    .node--type-product-pages #myCarousel .carousel-captions .bnr-desc-main p:nth-child(2),
    .page-prod-main-wrap #myCarousel .active,
    .page-prod-main-wrap #myCarousel .carousel-captions .bnr-desc-main p:nth-child(2),
    .page-prod-main-wrap #myCarousel .owl-item,
    .page-prod-main-wrap .title-sub_head_wrap .bnr-desc-main p:nth-child(2) {
        margin-top: 0!important
    }
    .page-node-type-testimonials .customer-talk-image {
        padding-top: 0!important;
        margin-bottom: 30px!important
    }
    .tab button:nth-child(6) {
        width: 50%
    }
    .page-prod-main-wrap .chart-prod {
        margin-left: 0;
        text-decoration: underline
    }
    .page-prod-main-wrap #myCarousel .carousel-captions .bnr-desc-main p {
        margin-top: 20px;
        font-size: 16px
    }
    .page-prod-main-wrap .prod-second-section .sideways li a.active {
        text-decoration: none!important
    }
    .prod-related-resrc .related-res .views-element-container .view-content .col-md-4.col-lg-4.col-xs-12.col-sm-12 {
        padding-left: 0!important;
        margin-top: 45px
    }
    .page-prod-main-wrap #myCarousel .carousel-captions h2 {
        font-size: 36px;
        width: 100%;
        margin-bottom: 15px
    }
    .page-prod-main-wrap img.prod-bnr-desktop.lazy {
        display: none!important
    }
    .page-prod-main-wrap .product-main-bnnr-wrap img.prod-mob.lazy {
        display: block!important
    }
}

@media screen and (min-width:768px) and (max-width:1800px) {
    .node--type-product-pages #myCarousel .carousel-captions .bnr-desc-main,
    .page-prod-main-wrap #myCarousel .carousel-captions .bnr-desc-main,
    .page-prod-main-wrap .title-sub_head_wrap .bnr-desc-main {
        width: 125%!important
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        width: 60%!important
    }
}

@media (min-width:992px) {
    .page-prod-main-wrap #myCarousel span.carousel-captions,
    .page-prod-main-wrap span.title-sub_head_wrap {
        top: 4%!important
    }
}

.page-prod-main-wrap .title-sub_head_wrap h4 {
    font-size: 22px!important;
    width: 100%;
    font-weight: 300;
    font-family: 'Noto Sans';
    margin: .3em 0 0;
    line-height: 30px
}

@media(max-width:768px) {
    .page-prod-main-wrap .col.width-benefit-metric {
        display: contents
    }
    .page-prod-main-wrap #myCarousel .carousel-captions h2:nth-child(2) {
        font-size: 26px!important
    }
    .page-prod-main-wrap .benefit-metric .col:nth-child(2) h5,
    .page-prod-main-wrap .col.width-benefit-metric h5 {
        margin-top: 20px
    }
    .page-prod-main-wrap .benefit-metric .col:nth-child(2) p {
        margin-bottom: 20px
    }
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        font-size: 20px!important
    }
    .page-prod-main-wrap .Prod-benefit-section {
        padding: 80px 0 155px;
        background-size: cover;
        background-position: right
    }
}

.page-prod-main-wrap .top-img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: end;
    margin-top: 9%
}

@media screen and (min-width:1400px) {
    .node--type-product-pages #myCarousel .img-video img {
        height: 100%;
        width: 60%!important
    }
    .page-prod-main-wrap #myCarousel .img-video img {
        height: 100%;
        width: 38%!important;
        margin-right: 140px
    }
    .page-prod-main-wrap .top-img img {
        height: 100%;
        width: 38%!important;
        margin-right: 140px;
        margin-top: -25px
    }
}

@media screen and (max-width:1025px) and (min-width:991px) {
    .node--type-product-pages #myCarousel .img-video img,
    .page-prod-main-wrap #myCarousel .img-video img,
    .page-prod-main-wrap .top-img img {
        width: 250px!important;
        margin-right: 95px
    }
}

@media screen and (min-width:1129px) and (max-width:1299px) {
    .page-prod-main-wrap #myCarousel .img-video img {
        width: 30%!important;
        margin-right: 150px!important
    }
    .page-prod-main-wrap .top-img img {
        width: 30%!important;
        margin-right: 110px!important
    }
}

@media (max-width:767px) and (min-width:300px) {
    #myCarousel .img-video img {
        height: 100%
    }
    .page-node-type-author-detail #subscribe-form {
        margin-top: 0;
        margin-bottom: 0
    }
    .page-node-type-author-detail div#block-letstalkform {
        margin-top: 35px
    }
    #topAuthor h3,
    .top-authors-view-block .view-header h3 {
        text-align: center
    }
    #topAuthor .top-auhor .col-md-9 {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 30px
    }
    .page-prod-main-wrap #myCarousel .img-video img,
    .page-prod-main-wrap .top-img img {
        height: 100%;
        padding-top: 30px
    }
}

@media screen and (max-width:1129px) and (min-width:768px) {
    .page-prod-main-wrap .top-img img {
        width: 36%!important
    }
}

.page-prod-main-wrap .product-main-bnnr-wrap h2 {
    font-size: 45px!important;
    line-height: initial;
    text-align: left;
    font: 600 64px Serenity;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

@media(max-width:1024px) {
    .page-prod-main-wrap .product-main-bnnr-wrap h1 {
        width: 75%
    }
}

.page-prod-main-wrap .product-main-bnnr-wrap p.banner-sub-cta1 {
    margin-top: 15px;
    width: fit-content;
    float: left;
    margin-right: 0
}

.page-prod-main-wrap .product-main-bnnr-wrap a.btn.btn-custom1 {
    background: linear-gradient(to right, #170034 50%, #fff 50%)!important;
    background-size: 200% 100%!important;
    background-position: left bottom!important;
    transition: 1s!important;
    color: #fff!important;
    border-radius: 0;
    padding: 15px 35px!important;
    font-weight: 700
}

.page-prod-main-wrap .product-main-bnnr-wrap a.btn.btn-custom1:hover {
    background-position: right bottom!important;
    color: #170034!important;
    border: 1px solid #170034;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .title-sub_head_wrap .bnr-desc-main p {
        margin-top: 20px;
        font-size: 16px
    }
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        font-size: 36px;
        width: 100%;
        margin-bottom: 15px
    }
    .page-prod-main-wrap .product-main-bnnr-wrap h1 {
        font-size: 36px!important;
        width: 100%;
        margin-bottom: 15px
    }
    .page-prod-main-wrap .product-main-bnnr-wrap .top-img {
        padding-top: 80px;
        top: 37%!important
    }
    .page-prod-main-wrap .prod-second-section .sub-comp {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:360px) {
    .page-prod-main-wrap .page-prod-main-wrap div#prod-second-section {
        top: 85px!important
    }
}

.page-prod-main-wrap .Prod-benefit-section .image {
    position: static;
    height: 50vh;
    width: 100vw
}

.page-prod-main-wrap .Prod-benefit-section .image img {
    object-fit: contain;
    height: 100%;
    width: 100%
}

.page-prod-main-wrap .Prod-benefit-section .column {
    padding: 0 20px;
    width: 100%;
    margin-left: auto;
    margin-right: 0
}

.page-prod-main-wrap .Prod-benefit-section .jumpto__target {
    margin-top: 6rem
}

.page-prod-main-wrap .Prod-benefit-section .banner {
    background: #f0e7d8;
    color: #ab9b96;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:900px) {
    .page-prod-main-wrap .Prod-benefit-section .wrapper {
        flex-direction: row
    }
    .page-prod-main-wrap .Prod-benefit-section .column {
        width: 50%
    }
    .page-prod-main-wrap .Prod-benefit-section .image {
        height: calc(100vh - 100px);
        height: -moz-calc(100vh - 100px);
        height: -webkit-calc(100vh - 400px);
        height: -o-calc(100vh - 100px);
        position: -webkit-sticky;
        position: sticky;
        top: 135px;
        align-self: flex-start
    }
}

.page-prod-main-wrap .Prod-benefit-section .container.wrapper {
    max-width: 95%!important
}

.market-lp-stream .container.bread-partner,
.page-prod-main-wrap .Prod-benefit-section .container.prod-benefit-fourth {
    max-width: 90%!important;
    padding-left: 0;
    padding-right: 0
}

.page-prod-main-wrap .Prod-benefit-section h2 {
    font-size: 38px;
    letter-spacing: 0;
    color: #170034;
    font-weight: 600;
    padding-top: 25px;
    text-align: center;
    width: auto;
    padding-bottom: 15px
}

@media(max-width:899px) {
    .page-prod-main-wrap .Prod-benefit-section .desc-box-wrap {
        margin-top: 25px
    }
    .page-prod-main-wrap .Prod-benefit-section a.btn.cta-get-started.btn-download {
        margin: 25px 0
    }
    .page-prod-main-wrap .desc-box-wrap:first-child {
        margin-top: 20px!important
    }
}

.page-prod-main-wrap .title-sub_head_wrap {
    padding-right: 20px
}

@media only screen and (max-width:340px) {
    .page-prod-main-wrap .prod-faq-section .sub-comp h4::after {
        top: 110px
    }
}

.page-prod-main-wrap .home-wistia .wistia_click_to_play {
    cursor: unset;
    margin-top: 0;
    text-transform: unset!important
}

.page-prod-main-wrap .third-section .BVD p {
    padding-top: 0
}

.page-prod-main-wrap .prod-testimonial-section .owl-stage-outer .wistia_click_to_play hr {
    margin-top: 26px
}

.page-prod-main-wrap section.succeed-with-us .popup-youtube i {
    display: block;
    position: absolute;
    top: 75%!important;
    right: 5%!important;
    left: unset!important;
    font-size: 2.5rem;
    cursor: pointer
}

.page-prod-main-wrap .wistia_click_to_play i.far.fa-play-circle {
    top: 74%!important;
    right: 5%!important;
    left: unset!important;
    font-size: 2.5rem;
    cursor: pointer
}

@media(max-width:480px) {
    .page-prod-main-wrap .title-sub_head_wrap {
        margin-top: 80px
    }
}

@media screen and (max-width:480px) {
    .customer-talk-content p {
        padding-top: 25px
    }
    .page-prod-main-wrap .product-main-bnnr-wrap h1 {
        font-size: 30px!important
    }
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        font-size: 18px!important;
        line-height: 25px
    }
}

.page-prod-main-wrap li.case-li-2-color p {
    display: unset!important
}

.home-page-class .succeed-with-us h2 {
    font-size: 3.2em!important
}

.home-wistia i.far.fa-play-circle {
    left: 40%;
    top: 25%;
    position: absolute;
    color: #fff;
    font-size: 3em
}

#block-letstalkform textarea {
    line-height: 1
}

.hbspt-form .hs-main-font-element p {
    overflow: auto;
    line-height: 1.5
}

@media (max-width:550px) {
    .home-page-class .succeed-with-us h2,
    .new-at-metric .col-md-9 h2 {
        padding: 30px 30px 30px 0;
        font-size: 30px!important
    }
}

.mfp-iframe-holder {
    padding-top: 135px!important;
    padding-bottom: 40px
}

@media only screen and (min-width:280px) and (max-width:640px) {
    .page-node-type-solutions-details .videos li.border-green {
        width: 90%
    }
    .page-node-type-solutions-details .solutionbrief ul li.border-blue {
        width: 90%!important;
        margin-bottom: 10px
    }
}

.customer-unique-metrics .customer_wostia {
    left: 77%!important;
    top: 60%!important
}

@media(max-width:551px) {
    .customer-unique-metrics .customer_wostia {
        left: 85%!important;
        top: 77%!important
    }
}

@media(max-width:400px) {
    .customer-unique-metrics .customer_wostia {
        left: 82%!important;
        top: 73%!important
    }
}

@media(min-width:1400px) {
    .customer-unique-metrics .customer_wostia {
        left: 81%!important;
        top: 68%!important
    }
}

.nwsrm-custm-template .featured-banner {
    width: initial!important;
    margin-left: -10%!important
}

.nwsrm-custm-template .genrc-banner-desc h3 {
    width: 125%!important
}

.bef-exposed-form .form--inline .form-type-textfield {
    width: 66%!important
}

@media (max-width:1100px) {
    .nwsrm-custm-template .genrc-banner-desc h3 {
        width: 100%!important
    }
}

.nws-lttr-bnnr-img {
    width: 272px!important;
    margin-top: -240px!important;
    margin-left: 140px!important
}

.extra-metric-this .new-tmplt-case-studies .cs-side-bar-wrap,
.insight-unique-metrics .bef-exposed-form .form--inline .form-type-textfield {
    width: 32%!important
}

.ebooks-metrics-stream .new-tmplt-case-studies .cs-side-bar-wrap {
    position: fixed;
    width: 24%;
    top: 54%;
    right: 15px;
    background-color: #f6f6f6;
    z-index: 99;
    padding-left: 0;
    padding-top: 0;
    height: auto
}

.ebooks-metrics-stream #cluster-side-bar ul {
    list-style-type: none;
    padding: 0;
    text-decoration: underline
}

.ebooks-metrics-stream #cluster-side-bar .attribute-list li::before {
    position: absolute;
    left: 10px;
    top: 13px;
    content: ""
}

.ebooks-metrics-stream #cluster-side-bar .attribute-list li {
    margin-top: 12px;
    padding-left: 16px!important;
    line-height: 30px
}

.ebooks-metrics-stream .attribute-list li {
    padding-left: 30px!important;
    color: #170034;
    font-size: 18px;
    font-family: 'Noto Sans';
    line-height: 38px
}

.ebooks-metrics-stream .inst-cs-comps-wrapper-bvc .sub-comp h4 {
    color: #ffff;
    padding-top: 25px;
    width: 70%
}

.ebooks-metrics-stream .ins-comm-desc p {
    padding-left: 0!important;
    color: #170034;
    font-size: 18px!important;
    font-family: 'Noto Sans';
    line-height: 38px!important
}

.ebooks-metrics-stream .new-tmplt-case-studies .grey-bg {
    padding-top: 0;
    margin-bottom: 0
}

.insights-container .attribute-list li::before {
    left: 0!important
}

.comps-sec .insights-container #heading-2 ul li {
    margin: 0!important;
    line-height: 38px
}

@media (min-width:768px) and (max-width:1024px) {
    span#dynamic-contact {
        margin-right: 0!important;
        display: ruby
    }
}

.customer-unique-metrics .wistia_popover_embed {
    position: fixed!important;
    transform: translate(0, 80px)!important;
    top: 60px!important
}

.customer-unique-metrics .mfp-iframe-holder .mfp-close {
    top: -90px
}

.customer-unique-metrics .mfp-iframe-scaler iframe {
    top: -52px
}

.ebooks-metrics-stream .insights-container .attribute-list li::before {
    left: 0!important;
    top: 2px
}

.extra-metric-this .cs-sd-fixed {
    top: 16%!important
}

.survey-new-metrics .survey-section-second hr {
    border-top: 2px solid #ee752f;
    width: 176px;
    margin-left: 5px
}

@media (max-width:768px) {
    .nwsrm-custm-template .nws-lttr-bnnr-img {
        margin-left: 70px!important;
        margin-top: -170px!important
    }
    .survey-new-metrics h3.state-competary {
        margin-top: 20px
    }
}

.page-node-type-testimonials .region.region-content {
    max-width: 85%;
    margin: auto
}

.page-node-type-testimonials .wistia_embed {
    left: 82%!important;
    top: 68%!important
}

@media(max-width:1024px) {
    .page-node-type-testimonials .wistia_embed {
        left: 76%!important;
        top: 58%!important
    }
}

@media(max-width:680px) {
    .ebooks-metrics-stream .inst-cs-comps-wrapper-bvc .sub-comp h4 {
        width: 100%
    }
    .page-node-type-testimonials .wistia_embed {
        left: 89%!important;
        top: 83%!important
    }
}

@media(max-width:551px) {
    .page-node-type-testimonials .wistia_embed {
        left: 88%!important;
        top: 81%!important
    }
}

@media (max-width:430px) {
    .page-node-type-testimonials .wistia_embed {
        left: 84%!important;
        top: 76%!important
    }
}

@media(max-width:380px) {
    .page-node-type-testimonials .wistia_embed {
        left: 83%!important;
        top: 75%!important
    }
}

@media(max-width:360px) {
    .page-node-type-testimonials .wistia_embed {
        left: 82%!important;
        top: 74%!important
    }
}

@media (min-width:1500px) {
    .page-node-type-testimonials .wistia_embed {
        left: 84%!important;
        top: 72%!important
    }
}

@media (min-width:1700px) {
    .page-node-type-testimonials .wistia_embed {
        left: 85%!important;
        top: 73%!important
    }
    .survey-new-metrics .headerbg {
        background: #fff!important
    }
}

@media (min-width:1800px) {
    .page-node-type-testimonials .wistia_embed {
        left: 85.5%!important;
        top: 73.5%!important
    }
}

@media (min-width:1900px) {
    .page-node-type-testimonials .wistia_embed {
        left: 86%!important;
        top: 74%!important
    }
}

@media screen and (max-width:600px) and (min-width:300px) {
    #myCarousel .carousel-captions {
        left: 6%!important
    }
    .fixed-top .menu .hamburger img {
        margin-top: -22px
    }
    .home-mob {
        margin-top: 150px!important
    }
}

@media screen and (min-width:1300px) {
    #myCarousel .carousel-captions .bnr-desc-main {
        width: 90%
    }
}

#myCarousel .img-video {
    right: 1%
}

@media (max-width:330px) {
    .page-prod-main-wrap #myCarousel .img-video img {
        padding-top: 120px
    }
    .page-prod-main-wrap .top-img img {
        padding-top: 100px
    }
    #myCarousel .img-video img {
        padding-top: 65px
    }
}

.customer-unique-metrics .wistia_click_to_play i.far.fa-play-circle {
    left: 0;
    top: 0
}

span#dynamic-contact {
    margin: 1em 1em 0 0!important
}

.home-main-wrap span#dynamic-contact {
    display: ruby;
    margin: 1.5em 1em 0 0!important
}

.unique-integrated-metric .comps-sec .insight-sidebar-wrap ul li {
    padding: 5px 0;
    font-size: 16px;
    line-height: 25px
}

.unique-integrated-metric .fixme {
    width: 34%;
    top: 12%
}

.unique-integrated-metric #cluster-side-bar ul {
    list-style-type: none;
    padding: 0
}

.survey-lp-new .generic-ttl h2,
.survey-new-metrics .generic-banner-desc h2 {
    color: #170234!important;
    width: 90%;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 500;
    font-size: 35px
}

.survey-lp-new .generic-ttl h1,
.survey-lp-new .main-h1-survey,
.survey-new-metrics .generic-ttl h1,
.survey-new-metrics .main-h1-survey {
    font-weight: 700!important
}

@media only screen and (min-width:280px) and (max-width:479px) {
    .partner-unique-succeed a.learnmore {
        font-size: .7em;
        text-align: center;
        left: 35%;
        position: absolute
    }
}

.esgrc-metrics .banner .slide .banner-text,
.partner-unique-succeed .banner .slide .banner-text {
    width: 90%
}

.nwsrm-custm-template a.ft-cta:before {
    background: url(https://metricstream.beta.webenza.net/sites/default/files/2021-08/direct-download.png)!important;
    width: 26px!important;
    height: 22px!important
}

@media screen and (min-width:1300px) and (max-width:1600px) {
    .fixed-top .cta-contact-us {
        width: fit-content;
        font-size: 1em;
        width: -moz-fit-content
    }
    .fixed-top .cta-get-started {
        width: -moz-fit-content
    }
}

@media only screen and (min-width:280px) and (max-width:379px) {
    .esgrc-metrics .banner-text a.learnmore {
        font-size: .7em;
        text-align: center;
        left: 31%;
        position: absolute
    }
}

@media only screen and (min-width:380px) and (max-width:450px) {
    .esgrc-metrics .banner-text a.learnmore {
        font-size: .7em;
        text-align: center;
        left: 33%;
        position: absolute
    }
}

@media only screen and (min-width:451px) and (max-width:479px) {
    .esgrc-metrics .banner-text a.learnmore {
        font-size: .7em;
        text-align: center;
        left: 35%;
        position: absolute
    }
}

@media (max-width:479px) {
    .esgrc-metrics .banner .slide .banner-text {
        text-align: center
    }
}

.esgrc-metrics header.fixed-top.headerbg {
    padding-bottom: 20px
}

@media(max-width:1699px) {
    .fixed-top .cta-get-started {
        padding: 11px 22px
    }
}

.headerbg .menu {
    padding-top: 10px;
    position: relative;
    margin-top: 5px;
    align-self: center;
    display: unset;
    justify-content: flex-end;
    display: flex
}

.fixed-top.bluebg .menu {
    justify-content: flex-end;
    display: flex
}

.enterprise-metric-mgt.page-node-type-product-pages .videos li.border-blue {
    width: 23%
}

@media only screen and (min-width:280px) and (max-width:767px) {
    .enterprise-metric-mgt .hidden-insight ul li {
        width: 90%!important;
        margin-bottom: 10px
    }
    .contact-us-unique-metrics .banner .slide .banner-text {
        left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .enterprise-metric-mgt .hidden-insight ul li {
        width: 46%!important;
        margin-bottom: 1%
    }
}

@media (min-width:300px) and (max-width:767px) {
    .node__content #myCarousel .carousel-captions {
        z-index: 9999999
    }
}

.node-id-3391 .viewfield-item-wrapper h3.compnt-title {
    width: 40%;
    padding-top: 25px
}

@media(max-width:1200px) {
    .page-prod-main-wrap section.succeed-with-us .popup-youtube i {
        display: block;
        top: 68%!important
    }
    .page-prod-main-wrap .wistia_click_to_play i.far.fa-play-circle {
        top: 68%!important
    }
    .node-id-3391 .viewfield-item-wrapper h3.compnt-title {
        width: 50%
    }
}

@media(max-width:670px) {
    .node-id-3391 .viewfield-item-wrapper h3.compnt-title {
        width: 90%
    }
}

.view-filters .form--inline .form-type-select select {
    background-position: 92% 50%
}

@media screen and (max-width:767px) {
    #myCarousel .carousel-captions h2 {
        font-size: 26px;
        text-align: center
    }
    #myCarousel .carousel-captions .bnr-desc-main p {
        margin-top: 20px;
        text-align: center
    }
    #myCarousel .carousel-captions .btn-custom1 {
        font-size: 16px;
        letter-spacing: 1.3px
    }
    #myCarousel .carousel-captions {
        right: 6%
    }
    .parent-menu {
        width: 37%
    }
    .blog--featured .form-actions.js-form-wrapper.form-wrapper input {
        left: 0!important;
        right: 0;
        text-align: center;
        margin: 20px 0 0!important;
        width: 100%;
        height: 53px;
        float: right;
        position: relative;
        background: #170034!important;
        padding: 5px 15px;
        border-radius: 0;
        border: 0
    }
}

@media screen and (max-width:560px) {
    .parent-menu {
        width: 25%!important
    }
}

@media screen and (max-width:450px) {
    .page-prod-main-wrap div#prod-second-section {
        top: 225px!important
    }
    .parent-menu {
        width: 30%!important
    }
    .survey-new-metrics .ftrd-bnr-mob {
        margin-top: -18px
    }
}

@media screen and (max-width:375px) {
    .parent-menu {
        width: 35%!important
    }
}

@media screen and (max-width:340px) {
    .page-prod-main-wrap .product-main-bnnr-wrap .top-img {
        top: 25%!important
    }
    .parent-menu {
        width: 40%!important
    }
}

.home-page-class .wistia_click_to_play i.far.fa-play-circle {
    top: 74%!important;
    right: 5%!important;
    left: unset!important;
    font-size: 2.5rem
}

.trust-center .apps-about-content p {
    padding-right: 0
}

.trust-center .apps-about-content a {
    padding: 10px 3px 10px 5px;
    font-size: 12px
}

@media(min-width:1440px) {
    .trust-center .apps-about-content a {
        padding: 10px;
        font-size: 14px
    }
}

@media(min-width:1600px) {
    .customer-unique-metrics .customer_wostia {
        left: 84%!important;
        top: 71%!important
    }
    .trust-center .apps-about-content a {
        padding: 10px;
        font-size: 16px
    }
}

@media (max-width:390px) and (min-width:300px) {
    .home-main-wrap #myCarousel .carousel-captions .btn-custom1 {
        width: 220px!important;
        padding: 5px 25px;
        font-size: 14px
    }
}

@media screen and (min-width:1300px) and (max-width:1450px) {
    .home-main-wrap #myCarousel .img-video img {
        width: 55%;
        z-index: 1
    }
}

#block-letstalkform .form-columns-0 p {
    display: block!important;
    font-size: 12px
}

.home-main-wrap #myCarousel span.carousel-captions {
    z-index: 3
}

.home-main-wrap #myCarousel .owl-dots {
    bottom: 20%
}

@media (max-width:767px) and (min-width:300px) {
    #myCarousel .img-video img {
        padding-top: 125px!important
    }
    .home-main-wrap #myCarousel .owl-dots {
        bottom: 10%;
        left: 40%
    }
}

.hs-main-font-element a {
    color: #342baf
}

@media(min-width:1300px) {
    .home-main-wrap #myCarousel .owl-dots {
        bottom: 35%
    }
}

@media (min-width:1820px) {
    .home-main-wrap #myCarousel .owl-dots {
        bottom: 38%
    }
}

@media(min-width:1024px) {
    .contact-us-unique-metrics .col-md-4.moveUp.animated {
        min-height: 300px;
        margin-top: 25px;
        margin-bottom: 20px
    }
    .survey-new-metrics .center-survey-new {
        align-items: center!important
    }
}

.contact-us-unique-metrics .col-md-4.moveUp.animated {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 25px
}

@media(max-width:1280px) {
    .trust-center .apps-about-content a {
        padding: 10px 3px 10px 5px;
        font-size: 12px
    }
    .related-articles-bloglist .article .category {
        top: -28px!important;
        padding: 6px
    }
    .related-articles-bloglist .article .category a {
        font-size: 10px
    }
}

@media screen and (min-width:1700px) {
    .page-prod-main-wrap #myCarousel .carousel-captions h2:nth-child(2),
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        margin-top: 10px!important
    }
    #block-metrics-content .card-body a {
        font-size: unset
    }
    .nwsrm-custm-template #block-metrics-content a {
        font-size: unset!important
    }
    .blog-unique-metric-ft #block-metrics-content a {
        font-size: 1em!important
    }
    span#dynamic-contact {
        margin: 1.5em 1em 0 0!important
    }
    .home-main-wrap span#dynamic-contact {
        margin: 2.2em 1em 0 0!important
    }
    .ebooks-metrics-stream #block-metrics-content a {
        font-size: 18px
    }
    .fixed-top .cta-get-started,
    a.btn.cta-contact-us {
        padding: 16px 32px;
        width: auto;
        font: bold 20px/27px Noto Sans;
        height: 61px
    }
    .market-lp-stream a.view-orfng-btn {
        font-size: 12px!important
    }
}

.career-metrics-new h6.designat,
.career-metrics-new h6.designation {
    font-style: italic;
    line-height: 1.3;
    padding: .5em 1em .5em 0;
    color: #170034
}

.fixed-top .cta-get-started,
a.btn.cta-contact-us {
    height: 51px
}

@media only screen and (min-width:1921px) and (max-width:2560px) {
    span#dynamic-contact {
        font-size: 1em
    }
}

.home-main-wrap .home-wistia .wistia_click_to_play {
    text-transform: unset
}

section.prod-fifth-section.vvv img {
    width: 937px;
    height: auto
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 {
    width: 82%;
    margin: auto
}

.blog--featured .view-id-featured_blog_new_landing {
    margin: 20px 0 30px!important
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 #featuredBLogLanding .featured-blog .article {
    margin-bottom: 20px!important;
    padding: 0 0 10px!important;
    height: initial!important
}

.blog--featured .view-id-featured_blog_new_landing #featuredBLogLanding {
    width: 100%!important
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 .article h3 {
    padding: 0 10px!important
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 .article .read-more {
    bottom: 0;
    font-size: 1em;
    width: fit-content;
    margin-left: 10px
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 .article a {
    margin-bottom: 20px
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 .article:hover {
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%)
}

.blog--featured form#views-exposed-form-featured-blog-new-landing-block-1 {
    padding: 0 0 15px
}

.blog--featured #block-views-block-featured-blog-new-landing-block-1 .rightShadowBlog h3,
.survey-lp-new .survey-pad,
.survey-new-metrics .survey-pad {
    padding: 0!important
}

@media (max-width:767px) {
    .nwsrm-custm-template .nws-lttr-bnnr-img {
        margin-left: 0!important;
        margin-top: 0!important
    }
    .nwsrm-custm-template .nl-img-right {
        text-align-last: center
    }
    .survey-new-metrics .survey-section-second hr {
        margin: auto
    }
    #myCarousel .carousel-captions .bnr-desc-main {
        margin-top: 0!important
    }
    #myCarousel .carousel-captions h2:first-child {
        width: 98%
    }
    .page-node-type-testimonials div#block-breadcrumbs {
        margin-top: 75px
    }
    .survey-new-metrics .generic-ttl h2 {
        width: 100%;
        text-align: center;
        font-size: 26px
    }
    .home-main-wrap #myCarousel .banner-sub-cta1,
    .home-main-wrap #myCarousel p.banner-sub-cta2 {
        margin-top: 10px;
        display: flex;
        float: unset;
        justify-content: center;
        margin-right: 0;
        width: auto
    }
    .blog--featured .view-id-featured_blog_new_landing #featuredBLogLanding {
        width: 90%!important;
        padding: 0
    }
    .blog--featured #views-exposed-form-featured-blog-new-landing-block-1 .form--inline,
    .blog--featured div#block-views-block-featured-blog-new-landing-block-1 .form--inline {
        display: block;
        width: 90%;
        margin: auto
    }
}

@media (max-width:768px) {
    .blog--featured #block-views-block-featured-blog-new-landing-block-1 .form--inline {
        display: block;
        width: 97%;
        margin: auto
    }
}

@media screen and (max-width:1024px) and (min-width:767px) {
    .blog--featured #block-views-block-featured-blog-new-landing-block-1 .featured-blog-item .col-md-6 {
        width: 48%!important;
        max-width: 48%!important;
        flex: 0 0 48%!important
    }
}

.blog--featured .view-filters .form--inline .form-type-select select {
    background-position: 92% 50%
}

@media screen and (max-width:1200px) and (min-width:992px) {
    .page-node-type-author-detail #block-metrics-content #block-breadcrumbs {
        width: 95%;
        margin: auto
    }
    .author-details-single {
        width: 95%;
        margin: auto!important
    }
    .blog--featured div#block-views-block-featured-blog-new-landing-block-1 {
        width: 98%;
        margin: auto
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .node--type-product-pages #myCarousel span.carousel-captions,
    .page-prod-main-wrap #myCarousel span.carousel-captions,
    .page-prod-main-wrap span.title-sub_head_wrap {
        top: 20px!important
    }
    #myCarousel span.carousel-captions {
        top: 15%!important
    }
    .blog--featured .view-display-id-attachment_2 #featuredBLogLanding {
        width: 96%!important;
        padding: 0;
        margin: auto
    }
    .survey-new-metrics .survey-section-second {
        margin-bottom: -50px
    }
}

.career-metrics-new .generic-ttl {
    margin-top: -30%;
    padding: 40px 115px 10px
}

@media (min-width:1750px) {
    .career-metrics-new .generic-ttl {
        padding: 0 0 0 130px;
        margin-top: -26%
    }
}

@media (max-width:1450px) {
    .career-metrics-new .generic-ttl {
        padding: 0 0 0 95px
    }
}

@media (max-width:1024px) {
    .career-metrics-new .generic-ttl {
        padding: 0 0 0 75px
    }
}

@media (max-width:768px) {
    .career-metrics-new .generic-ttl {
        padding: 0 0 0 50px
    }
}

.career-metrics-new .generic-ttl h1 {
    color: #ff7e2e!important;
    margin-top: 10px!important;
    font-size: 18px;
    font-weight: 400;
    font-family: serenity
}

.career-metrics-new .vision-mission-wrap p,
.career-metrics-new h6.designat {
    font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.career-metrics-new h5.generic-sub-heading {
    font-size: 45px;
    font-weight: 500;
    padding-right: 15px
}

@media (max-width:767px) {
    .career-metrics-new h5.generic-sub-heading {
        font-size: 26px;
        font-weight: 500
    }
}

.career-metrics-new .serach-jobs {
    margin-top: 25px;
    display: grid;
    justify-content: center
}

.career-metrics-new .serach-jobs .cta-get-started {
    padding: 25px 40px;
    font-size: 16px
}

.career-metrics-new .career-second-section h2 {
    color: #10052f;
    font-size: 45px;
    font-weight: 500
}

@media (max-width:1024px) {
    .career-metrics-new h5.generic-sub-heading {
        font-size: 35px;
        font-weight: 500
    }
    .career-metrics-new .career-second-section h2 {
        color: #10052f;
        font-size: 35px
    }
}

.career-metrics-new .look-career {
    opacity: .8;
    font-size: 20px;
    color: #170034;
    font-weight: 400
}

.career-metrics-new .socio-metric-career {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.career-metrics-new .career-second-section {
    padding: 0 25px 25px
}

.career-metrics-new .img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(74 73 73 / 50%);
    justify-content: center;
    align-items: center;
    display: none;
    padding: 85px;
    z-index: 999
}

.career-metrics-new .career-third-career_row,
.career-metrics-new .close-btn,
.market-lp-stream .partner-main-box,
.survey-lp-new .center-automate,
div#otp-container {
    display: flex;
    justify-content: center
}

.career-metrics-new .img-popup img {
    max-width: 450px;
    width: 100%;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    margin-top: 85px
}

.career-metrics-new .close-btn {
    width: 20px;
    height: 30px;
    flex-direction: column;
    position: absolute;
    top: 125px;
    right: 50px;
    cursor: pointer
}

.career-metrics-new .close-btn .bar {
    height: 4px;
    background: #fff
}

.career-metrics-new .close-btn .bar:first-child {
    transform: rotate(45deg)
}

.career-metrics-new .close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg)
}

.career-metrics-new .opened img {
    animation: 1s ease-in-out .8s animatepopup;
    -webkit-animation: .3s ease-in-out forwards animatepopup
}

@keyframes animatepopup {
    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

@media screen and (max-width:880px) {
    .career-metrics-new .container .container__img-holder:nth-child(3n+1) {
        display: block;
        margin: 15px auto auto
    }
}

.career-metrics-new .container__img-holder {
    margin-top: 30px;
    cursor: pointer
}

.career-metrics-new .gallry-title {
    font-size: 45px;
    margin-bottom: 40px!important;
    font-weight: 500;
    width: 60%;
    color: #170034;
    margin: auto
}

@media (max-width:1025px) {
    .career-metrics-new .gallry-title {
        font-size: 35px;
        width: 80%
    }
}

.career-metrics-new .image-gllry-main-wrap hr {
    width: 12%;
    border-top: 2px solid #ff7e2e;
    margin-bottom: 32px!important
}

.career-metrics-new .career-letstalk-form {
    background: url(https://www.metricstream.com/sites/default/files/2021-12/FormBg_car-min.png) center/cover;
    padding-left: 70px;
    padding-top: 100px;
    padding-bottom: 110px
}

.career-metrics-new section.image-gllry-main-wrap.scroll.career-gallery {
    background-image: url(https://www.metricstream.com/sites/default/files/2021-07/key-feature-wave_final.png);
    height: 100%;
    background-size: unset;
    padding: 105px 0;
    background-repeat: no-repeat;
    background-position: top
}

.career-metrics-new .career-only-full-vdo .wistia_click_to_play {
    width: auto!important;
    background-image: none!important;
    border-left: none!important;
    padding: unset;
    margin: 10px auto auto
}

.career-metrics-new .career-only-full-vdo {
    background-image: url(/themes/custom/metrics/images/tstmni.webp)!important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 30px;
    padding-bottom: 75px!important
}

.career-metrics-new .sub-comp h4 {
    color: #ffff;
    font-size: 45px;
    margin-top: 75px;
    font-weight: 500
}

@media(max-width:1025px) {
    .career-metrics-new .sub-comp h4 {
        font-size: 35px;
        margin-top: 45px
    }
    .career-metrics-new section.vision-mission-wrap {
        padding: 105px 100px 145px;
        margin-top: -25px
    }
}

.career-metrics-new .career-only-full-vdo hr {
    width: 11%;
    border-top: 2px solid #ff7e2e
}

.career-metrics-new .BVD-wrap .wistia_click_to_play {
    width: auto!important;
    padding: 0;
    border-left: none;
    background-image: none;
    margin-top: 0
}

.career-metrics-new .BVD-wrap {
    min-height: 300px;
    padding: 0;
    text-align: left;
    overflow: hidden;
    margin-top: 50px;
    background: unset!important
}

.career-metrics-new h4.green-title {
    color: #00c8b6;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0
}

.career-metrics-new h6.designation {
    font-weight: 500;
    font-size: 18px
}

.career-metrics-new .BVD h3,
.career-metrics-new .fadeIn h3 {
    margin-top: 25px;
    font-size: 45px;
    margin-bottom: 45px
}

.career-metrics-new .fadeIn h3 {
    font-weight: 500;
    text-align: left;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

@media(max-width:1024px) {
    .career-metrics-new .BVD h3,
    .career-metrics-new .fadeIn h3 {
        font-size: 35px;
        margin-bottom: 25px
    }
}

.career-metrics-new h6.designat {
    font-weight: 500;
    font-size: 18px
}

@media screen and (min-width:768px) {
    .blog--featured .view-display-id-attachment_1 #featuredBLogLanding .row {
        justify-content: center
    }
    .career-metrics-new .left-div {
        width: unset;
        min-width: unset;
        padding: unset;
        margin-right: unset
    }
}

.career-metrics-new p.imhg-career {
    width: fit-content;
    width: -moz-fit-content
}

.career-metrics-new .career-letstalk-form p {
    font-size: 20px;
    color: #fff;
    font-weight: 400
}

.career-metrics-new .career-letstalk-form h3,
.career-metrics-new .last-h2-career {
    font-size: 45px;
    color: #fff;
    font-weight: 500
}

.career-metrics-new .lts-talk-form {
    width: 100%;
    padding-left: 60px
}

.career-metrics-new .vision-mission-wrap {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-bottom: 70px;
    padding-top: 70px
}

@media(max-width:768px) {
    .page-prod-main-wrap div#prod-second-section {
        position: unset!important
    }
    .page-prod-main-wrap section.prod-third-section {
        margin-top: 50px!important
    }
    .disc-colo .application-homepage-blue-bg h6 {
        font-size: 1.4em
    }
    .career-metrics-new .sub-comp h4 {
        font-size: 35px;
        margin-top: 35px
    }
    .career-metrics-new section.vision-mission-wrap {
        padding: 105px 75px 145px;
        margin-top: -25px
    }
}

.career-metrics-new .vision-mission-wrap h4 {
    font-size: 45px;
    color: #10052f;
    margin-top: 20px;
    text-align: center;
    font-weight: 500
}

.career-metrics-new .vision-mission-wrap hr {
    padding: 0;
    margin: 1rem auto;
    border: none;
    width: 20%;
    border-bottom: 2px solid #f69d01
}

.career-metrics-new .vision-mission-wrap p {
    text-align: center;
    font-size: 27px!important;
    color: #170034;
    line-height: 30px;
    font-weight: 400
}

@media(max-width:1025px) {
    .career-metrics-new p.imhg-career {
        width: fit-content;
        margin: 0 45px;
        padding: 16px
    }
    .career-metrics-new .vision-mission-wrap h4 {
        font-size: 35px
    }
}

@media (max-width:767px) {
    .career-metrics-new .career-second-section h2 {
        color: #10052f;
        font-size: 26px
    }
    .career-metrics-new .generic-ttl {
        margin-top: -100%!important;
        padding-left: 25px!important
    }
    .career-metrics-new section.image-gllry-main-wrap.scroll.career-gallery {
        padding: 45px 0
    }
    .career-metrics-new p.imhg-career {
        margin: 0 auto
    }
}

@media (max-width:767px) and (min-width:300px) {
    .career-metrics-new .left-div {
        padding-bottom: 20px;
        margin-left: 25px
    }
    .career-metrics-new .career-letstalk-form h3 {
        font-size: 35px;
        margin-top: -25px
    }
    .career-metrics-new .career-letstalk-form p {
        font-size: 16px;
        color: #fff;
        line-height: 1.8
    }
}

@media (min-width:1200px) {
    .career-metrics-new p.imhg-career {
        width: fit-content;
        display: block;
        margin: 0 auto
    }
}

.career-metrics-new .core-values-wrap .sub-comp h4 {
    font-size: 45px;
    margin-top: 50px;
    font-weight: 500;
    color: #170034;
    text-align: center;
    margin-bottom: 40px
}

@media(max-width:551px) {
    .career-metrics-new section.vision-mission-wrap {
        padding: 105px 25px 145px;
        margin-top: -25px
    }
    .career-metrics-new .vision-mission-wrap .BVD p {
        padding: 0
    }
    .career-metrics-new .gallry-title {
        font-size: 26px
    }
    .career-metrics-new .core-values-wrap .sub-comp h4,
    .career-metrics-new .vision-mission-wrap h4 {
        font-size: 35px
    }
    .career-metrics-new .career-letstalk-form {
        margin-top: -40px;
        margin-bottom: -40px;
        padding-bottom: 115px!important
    }
}

.career-metrics-new .ins-comm-desc {
    display: contents;
    text-align-last: center
}

.career-metrics-new .core-career {
    text-align-last: initial;
    padding: 30px
}

.career-metrics-new .career-h2 {
    margin-top: 20px;
    margin-bottom: -10px;
    color: #130231;
    font-size: 38px
}

.career-metrics-new .core-values-wrap .ins-comm-desc p {
    padding-left: 0!important;
    color: #130231;
    font-weight: 400;
    font-size: 20px!important;
    text-align: left;
    letter-spacing: 0;
    opacity: 1;
    line-height: 30px!important;
    font-style: normal;
    text-align-last: auto
}

@media(max-width:768px) {
    .career-metrics-new .career-letstalk-form {
        padding-bottom: 120px!important;
        padding-top: 130px
    }
    .career-metrics-new .core-career {
        text-align-last: start;
        margin-top: 15px
    }
    .image-collage-main-wrap .grid-item.grid-item--width3 {
        width: 400px
    }
}

@media(max-width:551px) {
    .career-metrics-new .core-values-wrap .ins-comm-desc p {
        padding-left: 0!important;
        color: #130231;
        font-weight: 400;
        padding-right: 0!important;
        text-align: center
    }
}

.career-metrics-new div#core-values-wrap,
.industry_pages .ins-comm-desc,
.survey-lp-new .survey-section-sixth .ins-comm-desc,
.survey-new-metrics .survey-section-sixth .ins-comm-desc {
    display: contents
}

.career-metrics-new .val-career-new hr {
    padding: 0;
    margin: -15px auto 1rem;
    border: none;
    width: 10%;
    border-bottom: 2px solid #f69d01
}

@media(min-width:551px) {
    .career-metrics-new .look-career {
        margin-top: 10px
    }
}

.career-metrics-new .career-last-section.sub-item {
    background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Group%205649.png) center/contain no-repeat;
    padding: 85px;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 80px;
    display: none
}

@media(max-width:1200px) {
    .home-page-class .wistia_click_to_play i.far.fa-play-circle {
        display: block;
        top: 67%!important
    }
    .career-metrics-new .wistia_click_to_play {
        padding: 0
    }
    .career-metrics-new .career-only-full-vdo hr {
        margin-top: 0;
        margin-bottom: 0
    }
    .career-metrics-new .career-last-section.sub-item {
        background-size: auto
    }
}

.career-metrics-new p.banner-sub-cta1 {
    display: flex;
    justify-content: center;
    float: unset;
    margin-right: 0;
    width: unset
}

.career-metrics-new a.btn.btn-custom1 {
    background: linear-gradient(to right, #170034 50%, #fff 50%);
    background-size: 211% 111%;
    background-position: left bottom;
    transition: 1s;
    color: #fff;
    padding: 20px 70px;
    margin-top: 25px;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: unset;
    border: none
}

.career-metrics-new a.btn.btn-custom1:hover,
.survey-lp-new #survey-last-section a.btn.btn-custom1:hover,
.survey-lp-new a.btn.btn-custom1:hover,
.survey-new-metrics #survey-last-section a.btn.btn-custom1:hover,
.survey-new-metrics a.btn.btn-custom1:hover {
    background-position: right bottom;
    color: #170034;
    border: 1px solid #170034;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: unset
}

.career-metrics-new .last-p-career {
    color: #fff;
    font-size: 18px
}

@media (max-width:1025px) {
    .career-metrics-new section.image-gllry-main-wrap.scroll.career-gallery {
        padding: 65px 0;
        margin-top: -80px
    }
    .career-metrics-new .career-letstalk-form h3,
    .career-metrics-new .core-values-wrap .sub-comp h4 {
        font-size: 35px
    }
    .survey-lp-new .margin-tp-survey .para-col-survey {
        margin-top: 40px!important
    }
}

@media (min-width:1024px) {
    .partner-details {
        min-height: 456px!important
    }
    .career-metrics-new .BVD-wrap .animated.fadeIn {
        padding: 0 30px
    }
}

p.hash-career {
    color: #00c8b6;
    font-weight: 400;
    font-size: 24px;
    margin-top: 0
}

@media (max-width:1024px) {
    p.hash-career {
        width: 60%;
        font-size: 18px
    }
}

@media (max-width:768px) {
    .career-metrics-new .image-gllry-main-wrap hr {
        width: 38%
    }
    .career-metrics-new .last-h2-career {
        font-size: 35px
    }
    .career-metrics-new .last-p-career {
        font-size: 16px
    }
    p.hash-career {
        width: 40%;
        font-size: 16px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    p.hash-career {
        width: auto!important;
        font-size: 18px
    }
    .career-metrics-new p.imhg-career {
        margin: 0 auto;
        width: 135px
    }
}

@media (max-width:420px) {
    .career-metrics-new .close-btn {
        top: 235px;
        right: 60px
    }
}

@media (max-width:376px) {
    .career-metrics-new .close-btn {
        top: 195px!important;
        right: 60px!important
    }
}

@media (max-width:360px) {
    .career-metrics-new .close-btn {
        top: 180px!important;
        right: 60px!important
    }
}

.career-metrics-new .wistia_placebo_close_button {
    margin-top: 80px!important;
    opacity: .8!important
}

@media(max-width:680px) {
    .career-metrics-new .sub-comp h4 {
        font-size: 30px;
        margin-top: 25px
    }
    .career-metrics-new .BVD-wrap {
        margin-top: -5px
    }
    .career-metrics-new .lts-talk-form {
        width: 100%;
        padding-left: 25px
    }
    .career-metrics-new .career-second-section {
        padding: 0 40px
    }
    .career-metrics-new .val-career-new hr {
        width: 25%
    }
    .career-metrics-new .wistia_placebo_close_button {
        margin-top: 120px!important
    }
}

@media (max-width:680px) {
    .home-page-class .main-h-one-title h1 {
        padding-left: 15px;
        padding-right: 15px
    }
    .career-metrics-new .fadeIn h3 {
        font-size: 35px;
        margin-bottom: 25px
    }
    .career-metrics-new .core-values-wrap .sub-comp h4 {
        font-size: 35px
    }
    .career-metrics-new .last-h2-career,
    .career-metrics-new .last-p-career {
        padding: 10px
    }
    .career-metrics-new .career-last-section.sub-item {
        padding-top: 40px;
        margin-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 40px
    }
    .career-metrics-new .career-only-full-vdo hr {
        width: 25%;
        border-top: 2px solid #ff7e2e
    }
    .career-metrics-new .generic-ttl {
        margin-top: -96%!important;
        padding-left: 40px!important
    }
    .career-metrics-new h5.generic-sub-heading {
        font-size: 26px;
        font-weight: 500
    }
}

@media (max-width:500px) {
    .career-metrics-new .generic-ttl {
        margin-top: -98%!important;
        padding-left: 30px!important
    }
}

@media (max-width:400px) {
    .popup-youtube i {
        position: absolute;
        top: 48%;
        left: 42%;
        color: #fff;
        font-size: 3em
    }
    .career-metrics-new .generic-ttl {
        margin-top: -100%!important;
        padding-left: 28px!important
    }
}

@media (max-width:350px) {
    .survey-new-metrics a.btn.btn-custom1 {
        padding: 20px 25px;
        margin-bottom: 30px
    }
    .survey-new-metrics p.banner-sub-cta1 {
        width: max-content;
        padding-right: 0!important
    }
    .career-metrics-new .generic-ttl {
        margin-top: -108%!important;
        padding-left: 25px!important
    }
}

@media (max-width:450px) {
    .node--type-product-pages .prod-faq-section .sub-comp h4,
    .page-prod-main-wrap .prod-faq-section .sub-comp h4 {
        font-size: 26px!important
    }
    .page-node-type-testimonials i.far.fa-play-circle,
    .page-node-type-testimonials i.far.fa-play-circle.wistia_embed {
        left: 82%!important;
        top: 75%!important
    }
    .page-prod-main-wrap .prod-faq-section button.btn.btn-link {
        font-size: 16px
    }
    .page-prod-main-wrap .prod-third-section .fadeIn:before {
        margin-left: 13px;
        height: 150px
    }
    p.hash-career {
        width: auto!important;
        font-size: 14px
    }
    .career-metrics-new .generic-ttl h1 {
        font-size: 16px;
        margin-top: 5px!important
    }
}

@media (min-width:1600px) {
    .career-metrics-new .career-letstalk-form h3,
    .career-metrics-new .career-second-section h2,
    .career-metrics-new .core-values-wrap .sub-comp h4,
    .career-metrics-new .fadeIn h3,
    .career-metrics-new .last-h2-career,
    .career-metrics-new .sub-comp h4,
    .career-metrics-new .vision-mission-wrap h4,
    .career-metrics-new h5.generic-sub-heading {
        font-size: 60px
    }
    .career-metrics-new .gallry-title {
        font-size: 58px
    }
    .career-metrics-new .career-h2 {
        font-size: 45px
    }
    .career-metrics-new .vision-mission-wrap .fadeIn p {
        font-size: 24px
    }
    .career-metrics-new .core-values-wrap .ins-comm-desc p {
        font-size: 22px!important
    }
    .career-metrics-new h4.green-title {
        font-size: 35px
    }
    .career-metrics-new .career-letstalk-form p,
    .career-metrics-new .generic-ttl h1,
    .career-metrics-new .look-career,
    .career-metrics-new h6.designat,
    .career-metrics-new h6.designation {
        font-size: 22px
    }
    p.hash-career {
        font-size: 32px
    }
}

@media (max-width:551px) {
    .page-prod-main-wrap .new-at-metric .display span {
        width: auto;
        padding: 6px;
        height: 38px
    }
    .career-metrics-new p.imhg-career {
        margin: 0 auto;
        width: 125px
    }
}

.career-metrics-new .career-only-full-vdo h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    text-align: center
}

.career-metrics-new .core-values-wrap .sub-comp .core-flex-metrics h4 {
    font-size: 40px;
    margin-top: 60px;
    font-weight: 500;
    color: #170034;
    text-align: center;
    margin-bottom: 0
}

.core-flex-metrics {
    display: flex;
    align-items: flex-end;
    width: fit-content;
    width: -moz-fit-content
}

section.image-collage-main-wrap.image-collage-gallery {
    margin-top: 50px;
    margin-bottom: 70px
}

section.image-collage-gallery hr {
    padding: 0;
    margin: -15px auto 2rem;
    border: none;
    width: 10%;
    border-bottom: 2px solid #f69d01
}

.container.min-width-core-metric {
    min-width: 95%
}

.vision-mission-para {
    text-align: center;
    letter-spacing: 0;
    color: #170034;
    opacity: .7;
    font-size: 20px!important
}

.vision-image-career {
    width: 135px;
    margin: 30px auto auto
}

.career-metrics-new .succeed-with-us {
    background-image: url(/themes/custom/metrics/css/../images/subscribe.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 75px!important;
    margin-top: 45px
}

.two-col-testimonial .owl-dot,
.two-col-testimonial .owl-dot.active {
    padding: 5px;
    width: 50%;
    margin-left: 10px;
    margin-right: 10px
}

.career-metrics-new .succeed-with-us h2 {
    padding: 70px 100px 25px;
    color: #fff;
    text-align: center;
    margin-bottom: 53px;
    position: relative;
    font-weight: 600
}

@media(max-width:767px) {
    .solution-page-metrics .apps-about-content .BVD-wrap.background-grey-globe h6 {
        margin-top: 30px!important;
        padding-bottom: 0!important;
        margin-left: 0!important
    }
    .marketplace hr,
    .solution-page-metrics .apps-about-content hr {
        margin-left: 0!important
    }
    .page-prod-main-wrap .BVD-wrap.background-grey-globe h4 {
        padding-top: 0!important
    }
    .page-prod-main-wrap .partners-in-prod .owl-next.fa.fa-chevron-right,
    .page-prod-main-wrap .partners-in-prod .owl-prev.fa.fa-chevron-left,
    .page-prod-main-wrap .prod-testimonial-section .owl-next.fa.fa-chevron-right,
    .page-prod-main-wrap .prod-testimonial-section .owl-prev.fa.fa-chevron-left {
        display: none
    }
    .page-prod-main-wrap #myCarousel .carousel-captions h2:nth-child(2),
    .page-prod-main-wrap .title-sub_head_wrap h4:nth-child(2) {
        width: 100%
    }
    .page-prod-main-wrap .benefit-metric {
        padding-top: 25px
    }
    .page-prod-main-wrap .stick {
        position: unset;
        top: 17vh;
        width: -webkit-fill-available
    }
    .page-prod-main-wrap .sub-title-product-01 {
        font-size: 1.8rem
    }
    .banner-sub-cta1.mobile-home-cta-wrap {
        margin-top: 20px;
        display: flex;
        justify-content: center
    }
    .partner-unique-succeed .partners-section .row .col-lg-4 {
        margin-bottom: 30px
    }
    header.fixed-top.bluebg {
        padding-bottom: 0
    }
    .career-metrics-new .BVD {
        margin-top: 35px!important
    }
    .career-metrics-new .career-letstalk-form {
        background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/FormBg.png) center/cover;
        padding-left: 0;
        margin-right: 0
    }
    .career-metrics-new .core-career {
        text-align-last: center;
        margin-top: 20px;
        padding: 10px
    }
    .core-flex-metrics {
        margin: auto
    }
    .career-metrics-new .succeed-with-us h2 {
        padding: 40px 100px 25px;
        font-size: 35px!important
    }
    .two-col-testimonial .card-body {
        padding: 0
    }
}

.career-metrics-new section.two-col-testimonial.career-testimonial-section {
    background-image: url(/themes/custom/metrics/images/tstmni.webp)!important;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 95px;
    transform: scale(.95);
    margin-top: 40px
}

.two-col-testimonial .brd-left-career {
    border-left: 6px solid #f69d01
}

.two-col-testimonial .owl-theme .owl-nav.disabled+.owl-dots {
    background-color: #fff;
    width: 25%;
    margin: 45px auto auto;
    height: 10px;
    display: flex
}

.two-col-testimonial .owl-dot.active {
    background-color: #f69d01
}

.two-col-testimonial .owl-theme .owl-dots .owl-dot span {
    margin: auto;
    padding: 10px
}

.two-col-testimonial .owl-theme .owl-dots .owl-dot {
    height: 10px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:focus,
.owl-theme .owl-dots .owl-dot:hover,
.two-col-testimonial .owl-theme .owl-dots .owl-dot.active span {
    outline: 0
}

.two-col-testimonial h2 {
    text-align: center;
    color: #fff;
    font-size: 45px
}

.two-col-testimonial .item {
    min-height: 315px
}

.two-col-testimonial .card-body p:nth-child(2) {
    font-weight: 500;
    color: #14b998;
    font-size: 16px
}

.career-testimonial-section .right-desc {
    margin-top: 20px;
    padding-bottom: 25px;
    min-height: 385px
}

.career-testimonial-section .left-itms {
    margin-top: 20px;
    padding-bottom: 5px;
    min-height: 300px
}

.image-collage-main-wrap .grid {
    max-width: 1200px;
    margin: auto;
    height: auto
}

.image-collage-main-wrap .grid:after {
    content: '';
    display: block;
    clear: both
}

.image-collage-main-wrap .grid-item {
    width: 400px;
    height: 220px;
    border: 12px solid #fff;
    border-color: hsla(0, 0%, 100%, );
    border-radius: 5px;
    margin: auto
}

.image-collage-main-wrap .grid-item--width2 {
    width: 450px
}

.image-collage-main-wrap .grid-item--width3 {
    width: 800px
}

.image-collage-main-wrap .grid-item--width4 {
    width: 640px
}

.image-collage-main-wrap .grid-item--height2 {
    height: 220px
}

.image-collage-main-wrap .grid-item--height3 {
    height: 300px;
    display: flex
}

.image-collage-main-wrap .grid-item--height4 {
    height: 360px
}

@media(max-width:1024px) {
    .image-collage-main-wrap .grid {
        max-width: 800px;
        margin: auto;
        height: auto;
        display: flex
    }
}

@media(max-width:435px) {
    .career-metrics-new .image-collage-main-wrap .grid-item {
        width: 375px
    }
}

@media(max-width:420px) {
    .career-metrics-new .image-collage-main-wrap .grid-item {
        width: 365px
    }
}

@media(max-width:375px) {
    .page-prod-main-wrap .product-main-bnnr-wrap a.btn.btn-custom1 {
        padding: 15px!important
    }
    .career-metrics-new .image-collage-main-wrap .grid-item {
        width: 335px
    }
}

@media(max-width:360px) {
    .career-metrics-new .image-collage-main-wrap .grid-item {
        width: 320px
    }
}

@media(max-width:325px) {
    #myCarousel .img-video img {
        padding-top: 175px!important
    }
    .career-metrics-new .image-collage-main-wrap .grid-item {
        width: 285px
    }
}

@media(max-width:1025px) {
    .career-metrics-new .career-letstalk-form {
        padding-bottom: 90px
    }
    .career-metrics-new .core-values-wrap .sub-comp .core-flex-metrics h4 {
        font-size: 30px
    }
    .career-metrics-new .career-only-full-vdo h2 {
        font-size: 35px
    }
    .two-col-testimonial h2 {
        text-align: center;
        color: #fff;
        font-size: 35px
    }
}

@media (max-width:767px) {
    .career-metrics-new .core-values-wrap .sub-comp .core-flex-metrics h4,
    .career-metrics-new .core-values-wrap .sub-comp h4 {
        font-size: 26px;
        font-weight: 500
    }
    .career-metrics-new .core-values-wrap .ins-comm-desc p {
        text-align: center
    }
    .career-metrics-new .career-letstalk-form h3,
    .career-metrics-new .career-only-full-vdo h2,
    .career-metrics-new .gallry-title,
    .career-metrics-new .vision-mission-wrap h4 {
        font-size: 26px
    }
    .career-metrics-new .core-values-wrap .min-width-core-metric .row {
        display: block;
        text-align: -webkit-center;
        text-align: -moz-center
    }
}

@media(max-width:991px) {
    .comps-sec h2 {
        font-size: 26px!important;
        margin-top: 20px
    }
    .page-prod-main-wrap .benefit-metric-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        padding: 175px 0 160px
    }
    .page-prod-main-wrap #prod-second-section .row {
        justify-content: center
    }
    .insight-sr-nw-tmplt .block-system-breadcrumb-block .breadcrumb {
        display: flex;
        padding-left: 16px
    }
    .contact-us-unique-metrics .row.mt-2.mb-5 {
        display: block;
        max-width: 100%
    }
    .contact-us-unique-metrics .contact-download-rfp h6,
    .contact-us-unique-metrics .contact-pricing h6,
    .contact-us-unique-metrics .contact-requrest-demo h6 {
        padding: 0 0 .5em 2em
    }
    .career-metrics-new .vision-mission-wrap {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
}

@media(max-width:768px) {
    .image-collage-main-wrap .grid {
        max-width: 400px;
        margin: auto;
        height: auto;
        display: flex
    }
    section.image-collage-main-wrap.image-collage-gallery {
        margin-top: 50px;
        margin-bottom: 30px
    }
}

.two-col-testimonial hr {
    padding: 0;
    margin: 1rem auto 3rem;
    border: none;
    width: 11%;
    border-top: 2px solid #ff7e2e
}

@media(max-width:767px) {
    .career-metrics-new .image-collage-main-wrap .grid-item {
        position: relative!important;
        height: auto;
        top: 0!important
    }
    .two-col-testimonial h2 {
        text-align: center;
        color: #fff;
        font-size: 26px
    }
    .career-metrics-new .grid {
        position: inherit!important;
        flex-wrap: wrap;
        height: auto!important
    }
}

.career-metrics-new .two-col-testimonial p {
    font-size: 20px;
    opacity: 1;
    color: #170034;
    font-weight: 400
}

.career-metrics-new .content-details h3,
.career-metrics-new .new-mission h3 {
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: -25px;
    text-transform: uppercase;
    color: #fff
}

p.bvc-para,
p.core-values-text {
    font-size: .9em
}

.grid-item.grid-item--height3.image-wrap-3.container__img-holder.gvdgd {
    left: 800px!important;
    top: 0!important
}

.grid-item.grid-item--height3.image-wrap-4.container__img-holder.newr {
    left: 400px!important;
    top: 220px!important
}

@media screen and (min-width:1380px) and (max-width:1427px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 7%
    }
}

@media screen and (min-width:1342px) and (max-width:1379px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 5%
    }
}

@media screen and (min-width:1300px) and (max-width:1341px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 4%
    }
}

@media screen and (min-width:1280px) and (max-width:1300px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 2%
    }
}

@media screen and (min-width:1250px) and (max-width:1280px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 1.5%
    }
}

@media screen and (min-width:1230px) and (max-width:1250px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: .7%
    }
}

@media screen and (min-width:1200px) and (max-width:1230px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 0
    }
}

@media screen and (min-width:1150px) and (max-width:1200px) {
    .image-collage-main-wrap .container-fluid .container-lg {
        margin-left: 1%
    }
}

.career-metrics-new div#block-subscribeletstalkform {
    margin-bottom: 30px;
    padding-top: 5px
}

.career-metrics-new .content {
    width: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden
}

.career-metrics-new .content:hover .content-details {
    top: 40%;
    left: 50%;
    opacity: 1
}

.career-metrics-new .content-details h3 {
    margin-left: 40px;
    font-size: 35px
}

.career-metrics-new .content-details p {
    color: #fff;
    font-size: .8em
}

@media (max-width:680px) {
    .career-metrics-new .career-h2 {
        font-size: 32px
    }
    .two-col-testimonial hr {
        width: 25%;
        border-top: 2px solid #ff7e2e
    }
    section.image-collage-gallery hr {
        width: 25%
    }
    .career-metrics-new section.two-col-testimonial.career-testimonial-section {
        padding-bottom: 70px
    }
    .career-metrics-new .vision-mission-wrap {
        padding-top: 0!important
    }
    .career-metrics-new .content-details h3 {
        font-size: 26px;
        margin-left: 45px;
        margin-top: 4px
    }
}

@media (max-width:450px) {
    .career-metrics-new .content-details h3 {
        font-size: 26px;
        margin-left: 30px;
        margin-top: 3px
    }
}

@media (max-width:400px) {
    .career-metrics-new .content-details h3 {
        font-size: 26px;
        margin-left: 30px;
        margin-top: 2px
    }
}

@media (max-width:330px) {
    .career-metrics-new .content-details h3 {
        font-size: 26px;
        margin-left: 30px;
        margin-top: -4px
    }
}

.career-metrics-new .fixed-top .cta-contact-us,
.career-metrics-new .fixed-top .cta-get-started,
.market-lp-stream .block-system-breadcrumb-block .breadcrumb .breadcrumb-item a {
    font-family: 'Open Sans'!important
}

.career-metrics-new .new-mission {
    position: absolute;
    top: 48%;
    left: -2%
}

@media(max-width:400px) {
    .career-metrics-new .new-mission {
        position: absolute;
        top: 44%;
        left: -5%
    }
}

.career-metrics-new .image-wrap-6 .new-vision,
.career-metrics-new .new-vision {
    position: absolute;
    top: 0;
    left: 8%;
    width: 70%
}

.image-wrap-2:hover .new-vision,
.image-wrap-6:hover .new-vision {
    display: block!important;
    transition: .3s ease-out
}

.career-metrics-new .new-mission h3 {
    font-size: 35px
}

.career-metrics-new .new-vision p {
    color: #fff;
    font-size: 26px
}

@media(max-width:680px) {
    .two-col-testimonial .owl-theme .owl-nav.disabled+.owl-dots {
        width: 75%
    }
    .career-metrics-new .new-vision p {
        color: #fff;
        font-size: 24px;
        font-weight: 400
    }
    .survey-new-metrics .generic-ttl h1 {
        margin-top: 20px!important
    }
}

@media(max-width:430px) {
    .career-metrics-new .new-vision p {
        color: #fff;
        font-size: 22px;
        font-weight: 400
    }
}

@media(max-width:340px) {
    .career-metrics-new .new-mission {
        position: absolute;
        top: 38%;
        left: -5%
    }
    .career-metrics-new .new-vision p {
        color: #fff;
        font-size: 16px;
        font-weight: 400
    }
}

.career-metrics-new .image-wrap-6 .new-mission h3 {
    color: #10052f
}

.career-metrics-new .image-wrap-6 .new-vision p {
    color: #10052f;
    font-size: 26px;
    font-weight: 400
}

@media (max-width:680px) {
    .career-metrics-new .image-wrap-6 .new-vision p {
        color: #10052f;
        font-size: 24px;
        font-weight: 400
    }
    .survey-new-metrics .survey-section-second {
        margin-top: -55px
    }
}

@media (max-width:430px) {
    .career-metrics-new .image-wrap-6 .new-vision p {
        color: #10052f;
        font-size: 22px;
        font-weight: 400
    }
}

@media (min-width:1100px) {
    .image-collage-main-wrap .grid .grid-item:nth-child(12) {
        left: 0!important;
        top: 1120px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(13) {
        left: 400px!important;
        top: 1120px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(14) {
        left: 800px!important;
        top: 1120px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(15) {
        left: 000px!important;
        top: 1420px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(16) {
        left: 400px!important;
        top: 1420px!important
    }
}

.career-bg-vdo #myVideo {
    position: relative;
    min-width: 100%;
    min-height: 100%
}

.career-bg-vdo .content {
    position: absolute;
    background: 0 0;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    max-width: 80%
}

.career-bg-vdo #myBtn {
    width: 200px;
    font-size: 18px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer
}

.career-bg-vdo #myBtn:hover {
    background: #ddd;
    color: #000
}

.career-metrics-new .career-bg-vdo .cta-get-started {
    font-size: 14px;
    color: #10052f
}

.career-metrics-new .career-bg-vdo .gallry-title {
    margin-bottom: 0!important;
    color: #fff;
    font-size: 45px;
    width: 100%
}

.career-metrics-new #career-bg-vdo {
    display: block;
    justify-content: center
}

.career-metrics-new #career-bg-vdo .ins-comm-desc p {
    padding-left: 0!important;
    padding-right: 0!important;
    color: #fff;
    margin-top: 0;
    font-size: 20px!important
}

@media(max-width:767px) {
    .career-metrics-new .career-bg-vdo .gallry-title {
        font-size: 28px
    }
    .career-metrics-new .career-bg-vdo .cta-get-started {
        font-size: 12px
    }
    .career-metrics-new #career-bg-vdo .ins-comm-desc p {
        font-size: 16px!important;
        line-height: unset!important;
        padding-top: 2px!important;
        padding-bottom: 10px!important
    }
    .career-bg-vdo .content {
        top: 65%
    }
    .career-testimonial-section .right-desc {
        min-height: unset
    }
}

@media (max-width:340px) {
    .career-metrics-new .image-wrap-6 .new-vision p {
        color: #10052f;
        font-size: 16px;
        font-weight: 400
    }
    .career-metrics-new .career-bg-vdo .gallry-title {
        font-size: 24px
    }
}

.career-metrics-new .career-bg-vdo .container-lg {
    max-width: 100%!important;
    margin-bottom: 0!important
}

@media (max-width:400px) {
    .career-metrics-new .career-bg-vdo .gallry-title {
        font-size: 28px
    }
    .career-metrics-new #career-bg-vdo .ins-comm-desc p {
        font-size: 16px!important;
        padding-bottom: 5px!important
    }
}

@media (max-width:480px) {
    .home-main-wrap #myCarousel .img-video img {
        padding-top: 150px!important
    }
    .career-bg-vdo .content {
        max-width: 100%
    }
}

.wistia_popover_overlay {
    backdrop-filter: blur(15px)
}

.career-bg-vdo .wistia_click_to_play {
    margin: 0;
    background-image: none;
    border: none
}

.career-metrics-new .fixed-top {
    z-index: 9999
}

.career-metrics-new .jarallax-keep-img {
    position: relative;
    z-index: 0
}

.career-metrics-new .jarallax-keep-img>.jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100
}

span[data-jarallax-element] {
    display: inline-block
}

.career-metrics-new .jarallax {
    min-height: 800px;
    position: relative;
    z-index: 0;
    margin-top: -65px
}

.career-metrics-new .jarallax-keep-img.demo-float-left {
    margin-right: 15px;
    margin-left: -60px
}

.career-metrics-new .jarallax-keep-img.demo-float-right {
    margin-left: 15px;
    margin-right: -60px
}

@media screen and (max-width:600px) {
    .career-metrics-new .jarallax-keep-img.demo-float-left,
    .career-metrics-new .jarallax-keep-img.demo-float-right {
        margin-right: 0;
        margin-left: 0;
        float: none
    }
}

.career-metrics-new .demo-table {
    display: table;
    width: 100%;
    height: 600px;
    color: #fff
}

.career-metrics-new .demo-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.career-metrics-new .demo-gap {
    padding: 50px;
    overflow: hidden
}

.career-metrics-new .demo-gap .container {
    max-width: 800px;
    margin: 0 auto
}

.career-metrics-new .demo-gap-half {
    display: table;
    width: 100%
}

.career-metrics-new .demo-gap-half>div {
    display: table-cell;
    width: 50%
}

.career-metrics-new .demo-gap-half .demo-gap-1 .jarallax,
.career-metrics-new .demo-gap-half .demo-gap-2 .jarallax {
    padding-top: 56.25%;
    min-height: 0;
    height: 0
}

.career-metrics-new .demo-gap-half .demo-gap-1 .jarallax {
    padding-top: 112.5%
}

.career-metrics-new .demo-content {
    background-color: #f7f7f7;
    padding: 80px
}

.career-metrics-new .demo-float-left {
    float: left
}

.career-metrics-new .demo-float-right,
.market-lp-stream .modal-pop-partner {
    float: right
}

@media screen and (max-width:500px) {
    .career-metrics-new .demo-content,
    .career-metrics-new .demo-gap {
        padding: 50px 30px
    }
}

.career-metrics-new .jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.career-metrics-new video.img-fluid.jarallax-img {
    object-position: 50% 0%!important;
    top: 80px!important
}

.career-metrics-new .grid-item.grid-item--height3.image-wrap-3.container__img-holder {
    display: unset
}

.career-metrics-new .career-bg-vdo .wistia_click_to_play .btn.cta-get-started {
    display: inline-block!important
}

@media(min-width:769px) {
    .page-prod-main-wrap .row.benefit-metric .col:nth-child(2) h5 {
        margin-top: 20px
    }
    .career-metrics-new.careers-page-class .btn.cta-get-started {
        display: block!important
    }
}

@media(max-width:425px) {
    .career-metrics-new .serach-jobs .cta-get-started {
        padding: 16px 10px;
        font-size: 14px
    }
}

@media(min-width:1550px) {
    .career-metrics-new .jarallax {
        min-height: 950px
    }
    .career-metrics-new .career-letstalk-form {
        margin-bottom: 65px
    }
}

.career-metrics-new .career-bg-vdo .content {
    position: absolute;
    background: 0 0;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    top: 10%;
    left: 5%;
    max-width: fit-content;
    text-align-last: start;
    margin-right: unset;
    transform: unset;
    text-align: -webkit-left
}

@media (max-width:640px) {
    .career-metrics-new .career-bg-vdo .wistia_click_to_play {
        display: block;
        text-align-last: center;
        margin: auto
    }
    .career-metrics-new .career-bg-vdo .content {
        position: unset;
        display: block;
        margin: 70% auto auto
    }
}

.career-metrics-new .career-bg-vdo h1 {
    color: #fff!important;
    margin-top: 10px!important;
    font-size: 20px;
    font-weight: 400;
    font-family: serenity
}

@media(max-width:640px) {
    .grc .ins-comm-desc p {
        margin-top: 0;
        text-align: left !important;
        text-align-last: auto;
        padding-bottom: 1em !important;
    }
    .page-prod-main-wrap .top-img img {
        width: 70%;
        margin: auto
    }
    .page-prod-main-wrap .product-main-bnnr-wrap h2 {
        text-align: center;
        font-size: 30px!important
    }
    .page-prod-main-wrap .product-main-bnnr-wrap .top-img {
        top: 25%!important
    }
    .page-prod-main-wrap .product-main-bnnr-wrap h1,
    .page-prod-main-wrap .product-main-bnnr-wrap p.banner-sub-cta1,
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        text-align: center;
        width: unset;
        float: unset
    }
    .contact-us-unique-metrics .row.text-box.banner-text,
    .disc-colo .BVD p,
    .disc-colo .apps-about-content p,
    .disc-colo .feature-list p,
    .page-prod-main-wrap .Prod-benefit-section .desc-box-wrap,
    .page-prod-main-wrap .benefit-global-cta,
    .page-prod-main-wrap .prod-fifth-section ul li,
    .page-prod-main-wrap .prod-third-section h3,
    .page-prod-main-wrap .third-section .BVD p,
    .page-prod-main-wrap li.case-li-2-color,
    .page-prod-main-wrap li.case-li-percentage {
        text-align: center
    }
    .page-prod-main-wrap .prod-third-section .cta-get-started.btn-download {
        margin: 15px 0 0;
        text-align: center
    }
    .page-prod-main-wrap .prod-fifth-section ul li {
        list-style-type: none
    }
    .headerbg .menu {
        padding-top: 0;
        position: relative;
        margin-top: 0
    }
    .bluebg .menu {
        padding-top: 0
    }
    .disc-colo .banner .banner-text h1 {
        width: 100%;
        text-align: center
    }
    .disc-colo .banner .slide .banner-text {
        width: 90%;
        text-align: -webkit-center;
        text-align: -moz-center
    }
    .disc-colo a.learnmore {
        display: block;
        margin-top: 20px;
        width: fit-content
    }
    .disc-colo .BVD a {
        margin: 0
    }
    .disc-colo .application-homepage-blue-bg h6,
    .disc-colo .feature-list,
    .disc-colo .feature-list h6 {
        text-align: -webkit-center;
        text-align: -moz-center
    }
    .disc-colo .BVD hr {
        display: none
    }
    .disc-colo #block-metrics-content .col-md-4 a {
        width: fit-content;
        display: flex;
        justify-content: center
    }
    .disc-colo .BVD-wrap.background-grey-globe {
        margin-top: 25px
    }
    .disc-colo .application-homepage-blue-bg {
        min-height: unset
    }
    .contact-us-unique-metrics .banner .banner-text h1 {
        width: 100%
    }
    .career-metrics-new .core-values-wrap .min-width-core-metric .row {
        display: block;
        text-align: -webkit-center;
        text-align: -moz-center
    }
    .career-metrics-new .core-values-wrap .min-width-core-metric .row .col-md-4 {
        max-width: 100%
    }
    .career-metrics-new #career-bg-vdo .ins-comm-desc p,
    .career-metrics-new .career-bg-vdo h1,
    .career-metrics-new h5.generic-sub-heading {
        text-align: center;
        text-align-last: center;
        padding: 0
    }
    .career-metrics-new .jarallax {
        margin-top: -95px
    }
}

@media(min-width:1700px) {
    .ebooks-metrics-stream header.fixed-top.headerbg {
        background-color: #fff
    }
    .fixed-top .cta-get-started,
    .fixed-top a.btn.cta-contact-us {
        height: 61px!important
    }
    .career-metrics-new .jarallax {
        margin-top: -20px
    }
}

@media (max-width:425px) {
    .career-metrics-new .serach-jobs .cta-get-started {
        padding: 16px 10px;
        font-size: 14px
    }
}

.career-metrics-new a.btn.cta-get-started.text-center {
    font-size: 16px;
    color: #10052f;
    width: max-content;
    text-transform: capitalize
}

@media screen and (min-width:1025px) and (max-width:1200px) {
    .nwsrm-custm-template .bef-exposed-form .form--inline .form-type-textfield {
        width: 81%!important
    }
    .market-lp-stream .box-partner {
        max-width: 275px!important
    }
}

@media screen and (min-width:1201px) and (max-width:1262px) {
    .market-lp-stream .box-partner {
        max-width: 275px!important
    }
}

.market-lp-stream .bef-exposed-form .form--inline>.form-item {
    display: inline-grid
}

.market-lp-stream .modal-btn-partner,
.view-offerings-btn {
    font-size: 12px;
    border: 1px solid #00c8b6;
    padding: 10px;
    border-radius: 0;
    font-weight: 700;
    background-image: linear-gradient(to left, transparent, transparent 50%, #01edc2 50%, #01edc2);
    background-position: 100% 0;
    transition: .2s ease-in-out;
    background-size: 200% 100%;
    margin-top: 0!important
}

@media(min-width:1025px) {
    .page-prod-main-wrap span.title-sub_head_wrap {
        top: 10%!important
    }
    .nwsrm-custm-template .media-coverage .col-md-3.col-lg-3 {
        margin-top: 5px
    }
    .home-main-wrap #myCarousel .img-video {
        top: 15%
    }
    p.banner-sub-cta1,
    p.banner-sub-cta2 {
        margin-top: 35px
    }
    .two-col-testimonial .owl-stage {
        left: -72px!important
    }
    .market-lp-stream .box-partner {
        margin: 0!important
    }
    .survey-new-metrics .para-survey-style {
        margin-top: 20px
    }
}

.market-lp-stream .box-partner {
    max-width: 280px;
    margin-top: 25px!important;
    background: no-repeat padding-box #fefefe;
    box-shadow: 0 3px 15px #0000000d;
    border: 1px solid #dedede!important;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    margin-right: 1%!important;
    margin-left: 1%!important
}

.market-lp-stream .modal-header {
    border: none;
    padding-bottom: 0!important
}

.market-lp-stream .generic-ttl {
    padding: 60px 140px 10px;
    position: absolute;
    margin-top: 0!important;
    top: 75px;
    width: 65%
}

.market-lp-stream .generic-ttl h1 {
    color: #170034!important;
    font-size: 45px;
    font-weight: 700
}

.market-lp-stream h5.generic-sub-heading {
    color: #170034;
    font-size: 30px
}

.market-lp-stream .sub-comp h4 {
    color: #170034;
    font-size: 38px
}

@media(min-width:768px) {
    .page-prod-main-wrap .product-main-bnnr-wrap img.prod-mob.lazy {
        display: none
    }
    .container-fluid.join-our-career {
        background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-12/D_0.png) top/contain no-repeat
    }
    .market-lp-stream .partner-image {
        min-height: 145px
    }
}

.market-lp-stream .partner-para {
    padding: 0 20px 20px;
    min-height: 0;
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.market-lp-stream .view-filters .form--inline .form-type-select {
    width: 50%!important;
    margin-right: 2%!important;
    display: flex;
    margin-bottom: 45px;
    margin-top: 45px
}

.market-lp-stream .bef-exposed-form .form--inline .form-type-textfield {
    width: 28%!important;
    display: flex;
    margin-bottom: 45px;
    right: 45px;
    position: absolute
}

.market-lp-stream input#edit-submit-partners-block {
    position: absolute;
    margin-left: -115px;
    margin-top: 56px;
    background: #170034!important;
    padding: 5px 15px;
    height: 40px;
    width: 100px;
    border-radius: 0;
    border: 0;
    right: 140px
}

.industry_pages .framework-related-resource .ins-comm-desc p.attachment-bdy,
.industry_pages .node__submitted,
.market-lp-stream .bef-exposed-form .form--inline .form-type-textfield label,
.page-node-type-partner-pages #events .category,
.page-node-type-partner-pages .back-arrow-blog.lazy,
.page-node-type-partner-pages .custom-article .read-more,
.page-node-type-partner-pages .custom-article img,
.page-node-type-partner-pages .node__submitted {
    display: none
}

.market-lp-stream .js-form-item.form-item label {
    width: inherit;
    align-self: center;
    font-weight: 700;
    font-size: 16px;
    padding: 25px 6px;
    margin-bottom: 0;
    cursor: pointer
}

.market-lp-stream .partner-list-row {
    margin-top: 45px!important
}

@media(min-width:1100px) {
    .image-collage-main-wrap .grid .grid-item:nth-child(3) {
        left: 800px!important;
        top: 0!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(4) {
        left: 400px!important;
        top: 220px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(5) {
        left: 0!important;
        top: 300px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(6) {
        left: 800px!important;
        top: 300px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(7) {
        left: 0!important;
        top: 520px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(8) {
        left: 400px!important;
        top: 520px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(9) {
        left: 0!important;
        top: 820px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(10) {
        left: 400px!important;
        top: 820px!important
    }
    .image-collage-main-wrap .grid .grid-item:nth-child(11) {
        left: 800px!important;
        top: 820px!important
    }
    .image-collage-main-wrap .grid {
        height: 1150px!important
    }
    .career-metrics-new .career-bg-vdo .wistia_click_to_play {
        padding: 0
    }
    .market-lp-stream .partner-list-row {
        display: flex
    }
}

@media(min-width:320px) {
    .market-lp-stream .modal-content {
        margin-top: 70px
    }
}

.market-lp-stream .row.partner-list-row {
    max-width: 100%;
    margin: 50px auto 0!important;
    justify-content: center
}

.market-lp-stream .bread-partner {
    width: 85%;
    padding: 0
}

@media (max-width:690px) {
    .market-lp-stream .box-partner {
        max-width: 350px
    }
}

@media (max-width:991px) {
    .page-prod-main-wrap .sideways a.vtb-lnk {
        font-size: 15px
    }
    .page-prod-main-wrap .prod-second-section .sideways li a.active {
        font-size: 15px!important
    }
    .esgrc-metrics .banner h6 {
        display: block!important
    }
    .blog--featured .pagination a.knowmore,
    .pagination .page-link {
        padding-right: 20px
    }
    .market-lp-stream .pagination a.knowmore,
    .pagination .page-link {
        padding: 15px 20px
    }
}

.market-lp-stream .modal-dialog .partner-btn-modal.mb-3 {
    padding-left: 16px
}

.market-lp-stream .any-block-for-viewfield {
    width: -webkit-fill-available;
    width: -moz-available
}

.market-lp-stream .box-partner h4 {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    display: none
}

.market-lp-stream .form--inline.clearfix {
    margin: 0 auto;
    max-width: 85%;
    padding-top: 35px;
    padding-bottom: 35px
}

@media(max-width:768px) {
    .market-lp-stream .bef-exposed-form .form--inline .form-type-textfield {
        width: 85%!important;
        right: unset;
        margin-left: unset
    }
    .market-lp-stream a.btn.view-offerings-btn {
        margin-left: 10px
    }
    .market-lp-stream .modal-btn-partner,
    .view-offerings-btn {
        font-size: 9px;
        padding: 6px
    }
}

@media screen and (min-width:1700px) {
    .market-lp-stream a.connect-partner-btn,
    .market-lp-stream a.view-offerings-btn {
        font-size: 12px!important
    }
}

.market-lp-stream .pagination a.knowmore {
    margin: 0 5px 5px;
    padding: 15px;
    border: 1px solid #01edc2
}

.market-lp-stream .block-system-breadcrumb-block .breadcrumb li,
.market-lp-stream a.btn.cta-contact-us,
.market-lp-stream a.btn.cta-get-started {
    font-family: 'Open Sans'!important;
    font-weight: 700
}

@media (min-width:576px) {
    .market-lp-stream .modal-dialog {
        margin: 6.75rem auto
    }
}

@media (min-width:1600px) {
    .career-metrics-new .career-only-full-vdo h2,
    .two-col-testimonial h2 {
        font-size: 60px
    }
    .market-lp-stream .modal-dialog {
        margin: 9.75rem auto
    }
}

.market-lp-stream span.partner_modal {
    text-decoration: underline;
    color: #0d8b7e;
    cursor: pointer
}

.survey-lp-new .generic-ttl,
.survey-new-metrics .generic-ttl {
    margin-top: -110px;
    padding: 40px 120px 10px
}

@media (max-width:1024px) {
    .survey-lp-new .generic-ttl,
    .survey-new-metrics .generic-ttl {
        padding: 40px 90px 10px
    }
}

@media(max-width:767px) {
    .container-fluid.join-our-career {
        background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-12/M.png) top/contain no-repeat
    }
    .market-lp-stream .modal-pop-partner {
        padding-left: 0!important;
        float: unset
    }
    .market-lp-stream .partner-para {
        min-height: 130px
    }
    .market-lp-stream .box-partner .partner-image,
    .market-lp-stream .partner-btn {
        display: flex;
        justify-content: center
    }
    .market-lp-stream .box-partner .partner-para {
        text-align: center
    }
    .market-lp-stream .modal-btn-partner,
    .view-offerings-btn {
        font-size: 12px;
        padding: 10px
    }
    .survey-new-metrics .generic-ttl {
        padding: 34px 34px 0!important
    }
}

.survey-lp-new .generic-ttl h1,
.survey-new-metrics .generic-ttl h1 {
    color: #170234!important;
    width: 90%;
    font-size: 60px;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 500
}

.survey-new-metrics .survey-section-fourth,
.survey-new-metrics .survey-section-second {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 100%
}

.survey-new-metrics .survey-section-second {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Path%206078_0.png);
    padding: 120px 0
}

.survey-new-metrics .width-one-section {
    width: 125%
}

.survey-lp-new h3.state-competary,
.survey-new-metrics h3.state-competary {
    color: #170234!important;
    font-size: 45px;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 500
}

.survey-lp-new .survey-one-web li,
.survey-new-metrics .survey-one-web li {
    text-align: left;
    font-family: Noto Sans;
    letter-spacing: 0;
    color: #170034;
    opacity: 1;
    font-size: 16px;
    margin-top: 20px;
    line-height: 28px;
    font-weight: 100
}

.survey-new-metrics .width-two-section {
    width: 110%
}

.survey-new-metrics #survey-section-second ul li::marker {
    font-size: 20px
}

.survey-lp-new p.banner-sub-cta1,
.survey-new-metrics p.banner-sub-cta1 {
    display: flex;
    justify-content: center;
    float: left;
    margin-right: 0;
    width: unset
}

.survey-lp-new a.btn.btn-custom1,
.survey-new-metrics a.btn.btn-custom1 {
    background: linear-gradient(to right, #3030a8 50%, #fff 50%);
    background-size: 211% 111%;
    background-position: left bottom;
    transition: 1s;
    color: #fff;
    padding: 20px 70px;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: unset;
    border: none
}

.survey-lp-new .para-survey-style,
.survey-new-metrics .para-survey-style {
    text-align: left;
    font-family: 'Noto Sans';
    letter-spacing: 0;
    color: #170034;
    opacity: 1
}

.survey-lp-new #survey-section-second hr,
.survey-new-metrics #survey-section-second hr {
    border-top: 2px solid #ee752f;
    width: 190px;
    margin-left: 0
}

.survey-lp-new #survey-section-fifth hr,
.survey-lp-new .survey-section-fourth hr,
.survey-lp-new .survey-section-seventh hr,
.survey-new-metrics #survey-section-fifth hr,
.survey-new-metrics .survey-section-fourth hr,
.survey-new-metrics .survey-section-seventh hr {
    border-top: 2px solid #ee752f;
    width: 176px;
    margin-left: 0
}

.survey-new-metrics .survey-section-fourth {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Rectangle%202026.png);
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 80px
}

.survey-lp-new .side-line,
.survey-new-metrics .side-line {
    border: 0;
    border-left: 6px solid #fd6d21;
    background: no-repeat padding-box #fff;
    opacity: 1;
    border-radius: 0;
    padding: 25px
}

.survey-lp-new .card-title-4,
.survey-new-metrics .card-title-4 {
    font-size: 102px;
    position: absolute;
    top: -60px;
    color: #fd6d21
}

.survey-lp-new .span-percentage,
.survey-new-metrics .span-percentage {
    font-size: 40px
}

.survey-lp-new .top-space-fourth-survey,
.survey-new-metrics .top-space-fourth-survey {
    margin-top: 40px!important
}

.survey-lp-new .para-survey-fourth,
.survey-new-metrics .para-survey-fourth {
    padding-top: 0!important;
    margin-top: 0!important;
    padding-bottom: 0!important
}

@media (max-width:991px) {
    .survey-new-metrics .survey-section-second {
        padding: 75px 0 125px!important
    }
    .survey-new-metrics .survey-section-fourth {
        padding-top: 35px!important;
        padding-bottom: 50px!important
    }
}

.survey-new-metrics #survey-section-sixth hr {
    border-top: 2px solid #160233;
    width: 386px
}

.survey-lp-new .top-space-fourth-survey .side-line-1,
.survey-lp-new .top-space-fourth-survey .side-line-2,
.survey-new-metrics .top-space-fourth-survey .side-line-1,
.survey-new-metrics .top-space-fourth-survey .side-line-2 {
    border: 0;
    border-left: 6px solid #fd6d21;
    opacity: 1;
    border-radius: 0;
    padding: 25px;
    background: no-repeat padding-box #f4f4f4
}

.survey-new-metrics .survey-section-sixth {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Path%206068.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px
}

.survey-new-metrics #survey-last-section {
    background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Group%205649.png) center no-repeat;
    padding: 20px 85px 0;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 80px!important;
    transform: scale(1.1)
}

.survey-lp-new .last-sec-survey-new,
.survey-new-metrics .last-anime-survey,
.survey-new-metrics .last-sec-survey-new {
    align-self: center;
    transform: scale(.9)
}

@media (max-width:767px) {
    .career-metrics-new .core-values-wrap .min-width-core-metric .row .col-md-4 {
        max-width: 100%
    }
    .career-metrics-new a.btn.cta-get-started.text-center {
        font-size: 12px
    }
    .career-metrics-new .career-only-full-vdo {
        padding-bottom: 35px!important
    }
    .market-lp-stream .box-partner {
        max-width: 85%
    }
    .survey-new-metrics .para-survey-fourth {
        margin-top: 25px!important
    }
    .survey-new-metrics #survey-last-section {
        margin-top: 0!important;
        background-size: cover;
        transform: unset;
        padding: 85px
    }
    .survey-new-metrics #survey-section-fourth h3.state-competary {
        font-size: 35px;
        margin-top: 25px!important
    }
    .survey-new-metrics .anime-cen-survey {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px
    }
    .survey-new-metrics .sev-anime-survey {
        text-align: center
    }
    .survey-new-metrics #survey-section-seventh h3.state-competary {
        font-size: 35px
    }
}

.survey-lp-new .para-col-survey,
.survey-new-metrics .para-col-survey {
    color: #170034;
    font-size: 16px!important;
    font-weight: 100
}

.survey-lp-new .center-new-survey,
.survey-new-metrics .center-new-survey {
    margin: 0 auto;
    display: block
}

@media(min-width:1025px) {
    .survey-new-metrics .top-space-fourth-survey {
        align-items: flex-end
    }
    .survey-new-metrics .anime-cen-survey {
        transform: scale(.9)
    }
    .survey-lp-new .para-survey-style {
        margin-top: 20px
    }
}

.survey-lp-new #survey-last-section a.btn.btn-custom1,
.survey-new-metrics #survey-last-section a.btn.btn-custom1 {
    background: linear-gradient(to right, #f6bc41 50%, #fff 50%);
    background-size: 211% 111%;
    background-position: left bottom;
    transition: 1s;
    color: #170234!important;
    padding: 20px 70px;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: unset;
    border: none
}

@media (max-width:767px) {
    .survey-new-metrics #survey-section-seventh a.btn.btn-custom1 {
        padding: 20px 25px;
        margin-bottom: -40px
    }
    .survey-new-metrics .survey-one-web li,
    .survey-new-metrics h3.state-competary {
        text-align: center
    }
    .survey-new-metrics #survey-section-fifth hr,
    .survey-new-metrics #survey-section-second hr,
    .survey-new-metrics .survey-section-fourth hr,
    .survey-new-metrics .survey-section-seventh hr {
        margin: auto
    }
    .survey-new-metrics .left-survey-para {
        text-align: left!important
    }
    .survey-new-metrics .survey-section-second {
        padding: 148px 0 170px!important;
        margin-top: -55px
    }
    .survey-new-metrics .survey-one-web li:last-child {
        text-align: center;
        display: flex;
        justify-content: center
    }
}

@media(max-width:767px) {
    .grc .ins-comm-desc p {
        text-align-last: left!important;
    }
    .survey-lp-new .width-one-section,
    .survey-lp-new .width-two-section,
    .survey-new-metrics .width-one-section,
    .survey-new-metrics .width-two-section {
        width: 100%
    }
    .survey-new-metrics .top-space-fourth-survey .side-line-2 {
        margin-top: 60px
    }
    .survey-new-metrics .para-survey-style {
        margin-top: -80px
    }
    .survey-new-metrics a.btn.btn-custom1 {
        padding: 20px 25px;
        margin-bottom: 30px
    }
    .survey-new-metrics .survey-section-sixth {
        padding: 30px 0!important;
        margin-top: 35px
    }
    .survey-new-metrics .center-survey-new {
        align-items: center!important;
        margin-top: 50px!important
    }
    .survey-new-metrics .sev-anime-survey {
        text-align: center;
        margin-top: 50px!important
    }
    .survey-new-metrics .para-col-survey {
        font-weight: 100;
        text-align: center
    }
    .survey-new-metrics .last-survey-button {
        display: flex;
        justify-content: center
    }
    .survey-lp-new .generic-ttl {
        padding: 34px 34px 0!important
    }
}

@media(max-width:1500px) {
    .survey-lp-new .generic-ttl h1,
    .survey-new-metrics .generic-ttl h1 {
        font-size: 45px
    }
}

@media (min-width:1700px) {
    .survey-lp-new .headerbg {
        background: #fff!important
    }
}

.survey-lp-new .survey-section-fourth,
.survey-lp-new .survey-section-second,
.survey-lp-new .survey-section-sixth {
    height: 100%;
    background-position: top;
    background-size: cover
}

.survey-lp-new .survey-section-second {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Path%206078_0.png);
    background-repeat: no-repeat;
    padding: 110px 0 120px
}

@media screen and (max-width:767px) {
    .blog--featured #block-breadcrumbs-2 .breadcrumb {
        width: 90%!important
    }
    .career-metrics-new .ftrd-bnr-mob {
        display: block;
        width: -webkit-fill-available;
        width: -moz-available
    }
    .market-lp-stream .ftrd-bnr-mob {
        display: block;
        width: -webkit-fill-available
    }
    .survey-lp-new .back-arrow-blog,
    .survey-new-metrics .back-arrow-blog {
        display: none
    }
    .survey-lp-new .ftrd-bnr-mob,
    .survey-new-metrics .ftrd-bnr-mob {
        display: block;
        width: 100%
    }
}

@media (max-width:768px) {
    .market-lp-stream .row.partner-list-row {
        margin-top: 25px!important
    }
    .market-lp-stream .box-partner a.btn.modal-btn-partner.connect-partner-btn {
        margin-left: 10px
    }
    .survey-lp-new .generic-ttl,
    .survey-new-metrics .generic-ttl {
        padding: 0 0 0 72px;
        margin-top: -55px!important
    }
}

@media(max-width:1600px) {
    .survey-lp-new h3.state-competary,
    .survey-new-metrics h3.state-competary {
        font-size: 35px
    }
}

.survey-lp-new #survey-section-second ul li::marker {
    font-size: 20px
}

.survey-lp-new .survey-section-fourth {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Rectangle%202026.png);
    background-repeat: no-repeat;
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 50px
}

@media (max-width:991px) {
    .survey-lp-new .survey-section-second {
        padding: 75px 0 125px!important
    }
    .survey-lp-new .survey-section-fourth {
        padding-top: 35px!important;
        padding-bottom: 50px!important
    }
}

.survey-lp-new #survey-section-sixth hr {
    border-top: 2px solid #160233;
    width: 25%
}

.survey-lp-new .survey-section-sixth {
    background-image: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Path%206068.png);
    background-repeat: no-repeat;
    margin-top: 50px;
    padding-top: 60px!important;
    padding-bottom: 60px!important
}

.marketplace-box-section,
.survey-lp-new .center-survey-new {
    margin-top: 50px!important
}

.survey-lp-new #survey-last-section {
    background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-09/Group%205969.png) center no-repeat;
    padding: 20px 85px 0;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 80px!important;
    transform: scale(1.1)
}

@media(min-width:1024px) {
    .survey-lp-new .center-survey-new {
        align-items: center!important
    }
}

.survey-lp-new .last-anime-survey {
    align-self: center;
    transform: scale(.9);
    visibility: hidden
}

@media(max-width:1024px) {
    .survey-lp-new .generic-ttl h1,
    .survey-lp-new h3.state-competary,
    .survey-new-metrics .generic-ttl h1,
    .survey-new-metrics h3.state-competary {
        font-size: 35px
    }
    .survey-lp-new .img-one-anime-survey,
    .survey-new-metrics .img-one-anime-survey {
        align-self: center
    }
}

@media (max-width:767px) {
    .survey-new-metrics .generic-ttl h1 {
        width: 100%;
        text-align: center
    }
    .survey-lp-new .para-survey-fourth {
        margin-top: 25px!important
    }
    .survey-lp-new #survey-last-section {
        margin-top: 60px!important;
        background-size: cover;
        transform: unset;
        padding: 85px
    }
    .survey-lp-new #survey-section-fourth h3.state-competary {
        font-size: 35px;
        margin-top: 25px!important
    }
    .survey-lp-new .anime-cen-survey {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px
    }
    .survey-lp-new .sev-anime-survey {
        text-align: center
    }
    .survey-lp-new #survey-section-seventh h3.state-competary {
        font-size: 35px
    }
}

@media(min-width:1025px) {
    .survey-lp-new .top-space-fourth-survey {
        align-items: flex-end
    }
    .survey-lp-new .anime-cen-survey {
        transform: scale(.9);
        text-align-last: center
    }
    .over-ride-bg-fourth .top-space-fourth-survey {
        margin-top: 20px!important
    }
}

@media (min-width:1550px) {
    .survey-new-metrics .anime-cen-survey {
        transform: scale(.7)
    }
    .survey-lp-new .anime-cen-survey {
        transform: scale(.7);
        text-align-last: center
    }
}

@media(max-width:850px) {
    .survey-new-metrics .top-space-fourth-survey {
        margin-top: 55px!important
    }
    .survey-lp-new .top-space-fourth-survey {
        margin-top: 45px!important
    }
}

@media screen and (max-width:450px) {
    .survey-lp-new .ftrd-bnr-mob {
        margin-top: -18px
    }
}

@media(max-width:400px) {
    .survey-lp-new #survey-last-section a.btn.btn-custom1,
    .survey-new-metrics #survey-last-section a.btn.btn-custom1 {
        padding: 15px 50px;
        display: block
    }
}

@media(max-width:330px) {
    .survey-lp-new #survey-last-section a.btn.btn-custom1,
    .survey-new-metrics #survey-last-section a.btn.btn-custom1 {
        padding: 15px 30px;
        display: block
    }
}

@media(max-width:680px) {
    .survey-lp-new h3.state-competary,
    .survey-new-metrics h3.state-competary {
        font-size: 35px;
        margin-top: 75px!important
    }
    .survey-lp-new .survey-one-web li,
    .survey-new-metrics .survey-one-web li {
        font-size: 16px;
        margin-top: 20px;
        line-height: 26px;
        font-weight: 100
    }
    .survey-lp-new #block-letstalkform .actions input,
    .survey-new-metrics #block-letstalkform .actions input {
        background: no-repeat padding-box #170034;
        opacity: 1;
        color: #fff;
        height: 60px;
        width: 250px;
        width: -webkit-fill-available;
        display: block!important;
        margin: 30px 5px 30px auto!important;
        width: -moz-available
    }
    .survey-new-metrics .generic-ttl h1 {
        width: 100%
    }
    .survey-lp-new #survey-section-fifth hr,
    .survey-lp-new #survey-section-second hr,
    .survey-lp-new .survey-section-fourth hr,
    .survey-lp-new .survey-section-seventh hr,
    .survey-new-metrics #survey-section-fifth hr,
    .survey-new-metrics #survey-section-second hr,
    .survey-new-metrics .survey-section-fourth hr,
    .survey-new-metrics .survey-section-seventh hr {
        width: 156px
    }
    .survey-lp-new .survey-one-web,
    .survey-new-metrics .survey-one-web {
        font-weight: 600
    }
    .survey-lp-new .side-line,
    .survey-lp-new .side-line-1,
    .survey-lp-new .side-line-2,
    .survey-lp-new .side-line-pomu,
    .survey-new-metrics .side-line,
    .survey-new-metrics .side-line-1,
    .survey-new-metrics .side-line-2,
    .survey-new-metrics .side-line-pomu {
        padding-right: 0!important
    }
    .survey-new-metrics #survey-section-sixth hr {
        width: 200px
    }
    .survey-new-metrics #survey-last-section {
        background: url(https://stg-acquia.metricstream.com/sites/default/files/2021-08/Box%20%282%29.png)!important;
        padding: 0;
        margin-top: 70px!important;
        margin-bottom: 45px!important
    }
    .survey-lp-new .generic-ttl h1 {
        margin-top: 20px!important;
        width: 100%
    }
    .survey-lp-new #survey-section-sixth hr {
        width: 50%
    }
    .survey-lp-new #survey-last-section {
        padding: 0;
        margin-top: 70px!important;
        margin-bottom: 45px!important
    }
}

@media(max-width:767px) {
    .survey-lp-new .para-survey-style {
        margin-top: -80px
    }
    .survey-lp-new a.btn.btn-custom1 {
        padding: 20px 25px;
        margin-bottom: 30px
    }
    .survey-lp-new .survey-section-sixth {
        padding: 50px 0!important;
        margin-top: 60px
    }
    .survey-lp-new .center-survey-new {
        align-items: center!important;
        margin-top: 50px!important
    }
    .survey-lp-new .sev-anime-survey {
        text-align: center;
        margin-top: 50px!important
    }
    .survey-lp-new .para-col-survey {
        font-weight: 100;
        text-align: center;
        padding-right: 0!important
    }
    .survey-lp-new .side-line-pomu {
        margin-top: 40px!important
    }
    .survey-lp-new .last-survey-button {
        display: flex;
        justify-content: center
    }
    .survey-lp-new .last-anime-survey {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:780px) {
    .survey-lp-new #survey-section-second h3.state-competary,
    .survey-new-metrics #survey-section-second h3.state-competary {
        margin-bottom: -30px;
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .survey-lp-new #survey-section-seventh a.btn.btn-custom1 {
        padding: 20px 25px;
        margin-bottom: -40px
    }
    .survey-lp-new .survey-one-web li,
    .survey-lp-new h3.state-competary {
        text-align: center
    }
    .survey-lp-new #survey-section-fifth hr,
    .survey-lp-new #survey-section-second hr,
    .survey-lp-new .survey-section-fourth hr,
    .survey-lp-new .survey-section-seventh hr {
        margin: auto
    }
    .survey-lp-new .left-survey-para {
        text-align: left!important
    }
    .survey-lp-new .survey-section-second {
        padding: 148px 0 170px!important;
        margin-top: -55px
    }
    .survey-lp-new .survey-one-web li:last-child {
        text-align: center;
        display: flex;
        justify-content: center
    }
}

@media (max-width:680px) {
    .survey-lp-new #survey-section-fourth h3.state-competary,
    .survey-lp-new #survey-section-seventh h3.state-competary,
    .survey-new-metrics #survey-section-fourth h3.state-competary,
    .survey-new-metrics #survey-section-seventh h3.state-competary {
        font-size: 35px;
        margin-top: 30px!important
    }
    .survey-new-metrics #survey-section-sixth h3.state-competary {
        font-size: 35px;
        margin-top: 25px!important
    }
    .survey-lp-new .last-sec-survey-new h3.state-competary,
    .survey-new-metrics .last-sec-survey-new h3.state-competary {
        margin-top: 7px!important
    }
    .survey-lp-new #survey-section-fifth h3.state-competary,
    .survey-new-metrics #survey-section-fifth h3.state-competary {
        font-size: 35px;
        margin-top: 55px!important
    }
    .survey-new-metrics .survey-section-second {
        padding: 75px 0 170px!important
    }
    .survey-lp-new .survey-section-second {
        margin-top: -55px;
        padding: 75px 0 170px!important
    }
    .survey-lp-new #survey-section-sixth h3.state-competary {
        font-size: 35px;
        margin-top: 25px!important;
        width: 100%!important
    }
}

@media screen and (min-width:781px) and (max-width:991px) {
    .survey-lp-new #survey-section-second h3.state-competary,
    .survey-new-metrics #survey-section-second h3.state-competary {
        margin-bottom: 0;
        margin-top: 40px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .survey-lp-new .survey-section-second {
        margin-bottom: -50px
    }
}

.survey-lp-new .survey-section-fourth.over-ride-bg-fourth {
    background-image: none;
    margin-top: 0;
    padding-bottom: 30px
}

@media(max-width:450px) {
    .career-metrics-new .succeed-with-us h2 {
        padding: 12px 20px 0;
        font-size: 26px!important
    }
    .survey-lp-new .card-title-4 {
        font-size: 77px;
        top: -45px
    }
}

@media(max-width:1025px) {
    .market-lp-stream .generic-ttl {
        padding: 12px 88px 10px
    }
    .survey-lp-new .card-title-4 {
        font-size: 60px;
        top: -35px
    }
}

@media (max-width:325px) {
    .home-main-wrap #myCarousel .img-video img {
        padding-top: 210px!important
    }
    .survey-lp-new a.btn.btn-custom1 {
        padding: 20px 7px;
        margin-bottom: 30px
    }
}

@media(min-width:1200px) {
    .career-metrics-new .vision-mission-wrap p {
        padding: 0 75px!important;
        font-weight: 400
    }
    .career-metrics-new .img-popup img {
        max-width: 600px;
        width: 100%;
        opacity: 0;
        margin-top: 35px
    }
    .career-metrics-new .close-btn {
        right: 300px;
        cursor: pointer
    }
    .survey-lp-new .side-line,
    .survey-lp-new .top-space-fourth-survey .side-line-2 {
        padding: 45px;
        min-height: 220px
    }
    .survey-lp-new .top-space-fourth-survey .side-line-1 {
        padding: 45px;
        min-height: 240px
    }
}

.survey-lp-new .top-space-fourth-survey.margin-tp-survey {
    margin-top: -20px!important
}

@media (min-width:1025px) {
    .survey-lp-new #survey-section-seventh .top-space-fourth-survey {
        align-items: flex-start!important
    }
}

@media (min-width:1200px) {
    .career-metrics-new .wistia_placebo_close_button {
        margin-top: 25px!important
    }
    .survey-lp-new .over-ride-bg-fourth .top-space-fourth-survey .side-line-2 {
        padding: 45px;
        min-height: 190px
    }
}

.survey-lp-new #survey-section-seventh .sev-anime-survey {
    align-self: flex-end
}

@media(max-width:767px) {
    .survey-lp-new .survey-section-fourth.over-ride-bg-fourth {
        padding-bottom: 0!important
    }
    .survey-lp-new .survey-section-fourth.top-survey-content {
        margin-top: 45px
    }
    .survey-lp-new .center-survey-new,
    .survey-lp-new .top-space-fourth-survey {
        margin-top: 0!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .survey-lp-new #survey-section-second hr {
        margin-top: 42px
    }
}

@media only screen and (min-width:690px) and (max-width:767px) {
    .survey-lp-new .last-sec-survey-new {
        padding-left: 60px
    }
}

.leader-unique-metrics .fixed-top {
    z-index: 9999!important
}

#menu ul li>ul li h6 a {
    color: #fff!important;
    font-weight: 700;
    font-family: serenity!important;
    font-size: 1em;
    margin-top: 9%
}

#industry-page-related-resources h4 {
    font-size: 38px;
    letter-spacing: 0;
    color: #170034;
    font-weight: 600;
    text-align: left;
    padding: 15px
}

.page-prod-main-wrap .product-main-bnnr-wrap h1 {
    width: 75%
}

.industry_pages .disclmr-txt {
    text-align: center;
    margin: auto;
    font-size: 13px
}

.industry_pages .product-main-bnnr-wrap h1 {
    width: 76%
}

div#Media_coverage {
    position: absolute;
    bottom: 52px
}

@media(min-width:1800px) {
    div#Media_coverage {
        position: absolute;
        bottom: 96px
    }
}

@media (min-width:1300px) {
    .page-prod-main-wrap .BVD-wrap.background-grey-globe h4 {
        padding-top: 30px!important
    }
    .grc .ins-comm-desc p {
        margin-top: 0
    }
    .grc .item-grc.main-one img {
        margin-top: 6px
    }
}

.page-node-type-solutions-details div#prod-faq-section h4 {
    font-size: 38px;
    letter-spacing: 0;
    color: #170034;
    font-weight: 600;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 60px
}

p.bvc-para {
    margin: 16px 0
}

.core-values-section {
    display: inline-flex;
    margin-bottom: 16px
}

.core-values-section .text-sm-center.image-center-vertical {
    width: 100%;
    min-width: 35%
}

.our-values {
    padding-left: 12px
}

h3.core-value-head-growth {
    color: #eb8268;
    font-size: 1.5em;
    margin: 0
}

h3.core-value-head-coll {
    color: #418980;
    font-size: 1.5em;
    margin: 0
}

h3.core-value-head-dis {
    color: #3924b6;
    font-size: 1.5em;
    margin: 0
}

.col-md-12.col-lg-12.col-xs-12.col-sm-12.p-0.core-values {
    background-image: url(https://www.metricstream.com/sites/default/files/2022-06/core-value-bg.png);
    background-repeat: no-repeat;
    background-position: -5em 25em;
    background-color: #efefef
}

h4.core-values-title {
    text-align: center;
    font-size: 38px;
    padding: 1.5em 0
}

h4.core-values-title::after {
    content: '';
    border-bottom: 2px solid #f8836a;
    width: 20%;
    display: block;
    padding-top: 10px;
    margin: auto
}

.core-values .our-story-two .image-two {
    position: absolute;
    bottom: 0
}

@media screen and (min-width:1800px) {
    .col-md-12.col-lg-12.col-xs-12.col-sm-12.p-0.core-values {
        background-position: bottom center
    }
    p.core-values-text {
        font-size: 1.2em
    }
    .core-values h3 {
        font-size: 2.5em
    }
}

@media screen and (min-width:1440px) {
    .col-md-12.col-lg-12.col-xs-12.col-sm-12.p-0.core-values {
        background-position: center bottom
    }
}

@media (max-width:1024px) {
    .core-values .our-story-one {
        position: relative
    }
    .core-values .our-story-one .image-one {
        position: absolute;
        bottom: 0
    }
    p.core-values-text {
        font-size: .8em
    }
}

@media (min-width:768px) {
    .page-prod-main-wrap .prod-third-section .third-section .BVD {
        margin-top: 0!important
    }
    .career-metrics-new .mt-md-4,
    .my-md-4 {
        margin-left: 0!important
    }
    .core-values .our-story-two .image-two {
        position: absolute
    }
    .core-values .our-story-one {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .survey-lp-new .generic-ttl h1 {
        width: 100%;
        text-align: center
    }
    .survey-lp-new .survey-section-fourth {
        padding-top: 0!important;
        padding-bottom: 50px!important
    }
    .survey-lp-new .generic-ttl h2 {
        width: 100%;
        text-align: center;
        font-size: 26px
    }
    .core-values .our-story-one {
        margin-bottom: 26px
    }
    .core-values .our-story-one .image-one,
    .core-values .our-story-two .image-two {
        position: relative
    }
    .col-md-12.col-lg-12.col-xs-12.col-sm-12.p-0.core-values {
        background-position: bottom center
    }
}

header.fixed-top .img-fluid.lazy {
    margin-top: 1em!important
}

.marketplace-box-section {
    justify-content: center
}

.page-node-type-partner-pages .article ul {
    list-style: unset;
    padding-left: 2em;
    font-size: 1em;
    line-height: 1.5em;
    display: block
}

.page-node-type-partner-pages .article ul li::marker {
    font-size: 20px
}

.page-node-type-partner-pages .featured-banner .ftrd-bnr-img {
    margin-top: 6%
}

.page-node-type-partner-pages #collaterals {
    max-width: 90%!important;
    width: 90%!important;
    margin: 0 auto;
    border: none
}

.page-node-type-partner-pages #events .col-lg-12.col-md-12.col-xs-12.col-sm-12 {
    width: 92%;
    margin: 0 auto
}

.page-node-type-partner-pages .col-md-12.col-lg-12.col-xs-12.col-sm-12.custom-article.partner-page-heading .article {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0 auto
}

.page-node-type-partner-pages #events .article {
    width: 100%!important;
    max-width: 100%!important
}

.partners.custom-article {
    background: #f6f6f6;
    margin-bottom: 1em
}

#offerings .custom-article .article {
    width: 87%;
    margin: 0 auto
}

.partners .tablinks.active {
    background: #ee752f;
    color: #fff
}

.partners button.active::after {
    border-top: 10px solid #ee752f
}

.partners-infy {
    padding-bottom: 3.5em
}

.partners-infy .read-more {
    display: inline-flex
}

.partners-infy img {
    top: .5em
}

.partners-infy h3 {
    font-size: 1.5em!important;
    line-height: 1.2
}

.partner-page-heading p.partners-event-tab {
    padding: .8em 1em;
    background: #f6f6f6;
    font-family: serenity, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.5em
}

.partners-banner-text {
    position: absolute;
    top: 10em;
    width: 50%
}

.partners-banner-text h1 {
    color: #10052f!important;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .market-lp-stream .generic-ttl {
        margin-top: 0!important;
        position: relative!important;
        top: 0!important;
        width: 100%!important;
        padding: 20px!important;
        text-align: center
    }
    img.ftrd-bnr-img.lazy {
        display: none
    }
    .partners-banner-text h1 {
        font-size: 4.5em
    }
    .page-node-type-partner-pages .generic-ttl {
        padding-left: 1em;
        text-align: center
    }
    .partners-banner-text {
        width: 100%;
        padding: 0 2em 0 0
    }
    .page-node-type-partner-pages .ftrd-bnr-mob {
        display: block;
        width: 100%
    }
}

@media screen and (min-width:1600px) {
    #myCarousel .carousel-captions h2 {
        font-size: 3.2vw
    }
    .partners-banner-text {
        top: 12em
    }
}


/*Euphrates new release page css */

.new-release #brd-orange-product {
    display: none
}

.new-release .col .text-center {
    display: none
}

.new-release .Prod-benefit-section {
    background-image: none;
    padding: 0 0 8%;
}

.new-release .Prod-benefit-section .mt-3 {
    display: none
}

@media(max-width:600px) {
    .new-release .grc .product-main-bnnr-wrap a.btn.btn-custom1 {
        margin-bottom: 10px !important;
    }
    .new-release .Prod-benefit-section {
        background-image: none;
        margin-top: 25em;
    }
    .new-release .page-prod-main-wrap .product-main-bnnr-wrap h1,
    .page-prod-main-wrap .product-main-bnnr-wrap p.banner-sub-cta1,
    .page-prod-main-wrap .title-sub_head_wrap h4 {
        text-align: center !important;
        width: 100% !important;
        float: unset;
    }
    .new-release .page-prod-main-wrap .product-main-bnnr-wrap .title-sub_head_wrap {
        top: 0% !important;
    }
}