@font-face {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../assets/fonts/Sarabun/Sarabun-Regular.ttf') format('truetype');
}
@font-face {
	font-family: Sarabun;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../../assets/fonts/Sarabun/Sarabun-Bold.ttf') format('truetype');
}
@font-face {
	font-family: OpenSans;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../assets/fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('../../assets/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: OpenSans;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../../assets/fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../../assets/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2');
}
@font-face {
	font-family: icons;
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../../assets/fonts/icons/icons.ttf?u00x38') format('truetype'), url('../../assets/fonts/icons/icons.woff?u00x38') format('woff'), url('../../assets/fonts/icons/icons.svg?u00x38#icons') format('svg');
}
body {
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Sarabun, Arial, Helvetica, sans-serif;
}
a {
	color: #3471b8;
	text-decoration: none;
}
a:hover {
	color: #448ce0;
}
img {
    max-width: 100%;
    height: auto;
}
img.alignright {
	float: right;
	margin: 1em 0 1em 30px;
}
img.alignleft {
	float: left;
	margin: 1em 30px 1em 0;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*****************************************************************************/
/*** WP YouTube Lyte                                                       ***/
/*****************************************************************************/
.lyte-wrapper {
	padding-bottom: 20px;
}

/*****************************************************************************/
/*** Buttons and Links                                                     ***/
/*****************************************************************************/
.mshk-button-red {
	border: solid 1px #ed1d5f;
	border-radius: 4px;
	background-color: #ed1d5f;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 18px !important;
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	text-align: center;
}
.mshk-button-red:hover {
	filter: brightness(110%);
}
.mshk-button-red.hero,
.mshk-button-white.hero {
	padding: .75em 1.5em .75em 1.5em;
	margin: 0 20px 0 0;
	font-size: 20px !important;
}
.mshk-button-red.pricing {
	padding-top: .75em;
	padding-bottom: .75em;
	font-size: 20px !important;
	width: 210px;
	display: inline-block;
}
.mshk-button-white {
	border: solid 1px #ed1d5f;
	border-radius: 4px;
	background-color: #ffffff;
	color: #ed1d5f !important;
	font-weight: bold;
	font-size: 18px !important;
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	text-align: center;
}
.mshk-button-red.cta,
.mshk-button-white.footer {
	padding: 1em;
	font-size: 20px !important;
}
.mshk-button-red.signup {
	font-size: 16px !important;
	padding: .5em 1.5em .5em 1.5em;
}
.mshk-button-white:hover {
	background-color: #ff3877;
	color: #ffffff !important;
}
.mshk-button-blue {
	border: solid 1px #3471b8;
	border-radius: 4px;
	background-color: #3471b8;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 18px !important;
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	text-align: center;
}
.mshk-button-blue:hover {
	background-color: #3077ca;
}
.mshk-button-blue.search {
	font-weight: normal;
}
.mshk-button-help {
	border: solid 1px #3471b8;
	border-radius: 4px;
	background-color: #ffffff;
	color: #3471b8 !important;
	font-size: 18px !important;
	font-weight: bold;
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	text-align: center;
	width: 190px;
	display: inline-block;
}
.mshk-button-help:hover {
	filter: brightness(110%);
}
.mshk-link-red {
	color: #ed1d5f !important;
	text-decoration: none !important;
}
.mshk-link-red:hover {
	filter: brightness(110%) !important;
}

/*****************************************************************************/
/*** Header                                                                ***/
/*****************************************************************************/
.mshk-header {
	background-color: #ffffff;
	background-image: url('../../assets/images/bg.png');
	padding: 30px 0 30px 0;
	transition: 0.3s;
	padding-left: .75rem;
	padding-right: .75rem;
}

.mshk-header .container,
.mshk-header .container-fluid {
	padding-left: .75rem;
	padding-right: .75rem;
}

.mshk-navbar li a {
	margin: 0 0 0 20px;
	text-align: center;
	color: #899097;
	font-size: 18px;
}
.mshk-navbar li a:hover {
	color: #ff3877;
}
.mshk-navbar__menu {
	margin-top: 20px;
}
.mshk-navbar__menu ul {
    display: none;
    position: absolute;
	padding: 5px;
    left: 22px;
    z-index: 99999;
    width: 220px;
    background: #ffffff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.mshk-navbar__menu li {
    position: relative;
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
}
.mshk-navbar__menu li:hover > ul {
    display: block;
}
.mshk-navbar__menu ul li {
	padding: 5px 10px 5px 10px;
	width: 100%;
}
.mshk-navbar__menu ul li a {
	margin-left: 0;
	padding-left: 0;
}
.mshk-navbar__cta {
	margin-top: 20px;
}
.mshk-navbar__cta li {
	display: inline-block;
}
.mshk-navbar__cta li a {
	padding-left: 1em;
	padding-right: 1em;
}
.mshk-navbar .navbar-toggler {
	border: solid 1px #ed1d5f;
	box-shadow: none;
	margin-top: 5px;
}
.mshk-navbar .navbar-toggler:hover {
	background-color: #ff3877;
}
.mshk-navbar .navbar-toggler:hover > .navbar-toggler-icon {
	color: #ffffff;
}
.mshk-navbar .navbar-toggler:focus {
	outline: none;
}
.mshk-navbar .navbar-toggler-icon {
	color: #ed1d5f;
	padding-top: 5px;
}

/*****************************************************************************/
/*** Footer                                                                ***/
/*****************************************************************************/
.mshk-footer {
	background-image: url('../../assets/images/bg.png');
	margin-top: 160px;
}
.mshk-footer__getstarted {
	background-color: #ed2b5e;
	border-radius: 10px;
	color: #ffffff;
	padding: 50px 70px 50px 70px;
	margin: -80px 0 80px 0;
}
.mshk-footer__getstarted h3 {
	font-weight: bold;
	font-size: 36px;
}
.mshk-footer__getstarted p {
	font-size: 18px;
}
.mshk-footer__links {
	padding: 0 80px 20px 80px;
}
.mshk-footer__widget h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.mshk-footer__widget a {
	color: #899097;
	text-decoration: none;
}
.mshk-footer__widget a:hover {
	text-decoration: underline;
}
.mshk-footer__widget ul {
	padding-left: 0;
}
.mshk-footer__widget li {
	list-style-type: none;
	padding-bottom: 20px;
}

/*****************************************************************************/
/*** Bluebar CTA                                                           ***/
/*****************************************************************************/
.mshk-bluebar {
	padding: 80px 0 80px 0;
}
.mshk-bluebar__cta {
	background-image: url('../../assets/images/home-cta-bg.png');
	background-color: #3471b8;
	border-radius: 10px;
	color: #ffffff;
	padding: 60px;
}
.mshk-bluebar__cta h3 {
	font-weight: bold;
	font-size: 36px;
}
.mshk-bluebar__cta p {
	font-size: 18px;
}

/*****************************************************************************/
/*** Case Studies                                                          ***/
/*****************************************************************************/
.mshk-casestudy__card {
	background-color: #ffffff;
	box-shadow: 0px 40px 100px rgba(21, 27, 151, 0.08);
	padding: 30px;
	margin: 15px;
	width: 20%;
	height: 340px;
}
.mshk-casestudy__card--copy {
	height: 220px;
}
.mshk-casestudy__card--copy h3 {
	font-weight: bold;
	font-size: 36px;
}
.mshk-casestudy__card--copy p {
	font-size: 18px;
}

/*****************************************************************************/
/*** FAQ                                                                   ***/
/*****************************************************************************/
.mshk-faq {
	padding: 80px 0 80px 0;
}
.mshk-faq__faqs {
	padding: 40px;
	background-color: #ffffff;
	box-shadow: 0 0 80px #efefef;
}
.mshk-faq__faqs h2 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.mshk-faq__faqs h3 {
	font-size: 20px;
	font-weight: bold;
	border-top: solid 1px #eeeeee;
	padding: 30px 30px 10px 30px;
}
.mshk-faq__faqs p {
	font-size: 16px;
	text-align: left;
	padding: 0 30px 10px 30px;
}
.mshk-faq__faqs ul {
	font-size: 16px;
	padding: 0 30px 10px 80px;
}
.mshk-faq__faqs li {
	font-size: 16px;
	padding-bottom: 10px;
}

/*****************************************************************************/
/*** Feature                                                               ***/
/*****************************************************************************/
.mshk-feature {
	padding-top: 80px;
	padding-bottom: 80px;
}
.mshk-feature h2 {
	font-size: 44px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 30px;
}
.mshk-feature h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
}
.mshk-feature h3.tagline-border {
	border-left-style: solid;
	border-left-width: 7px;
	padding-left: 10px;
}
.mshk-feature ul {
	font-size: 18px;
}
.mshk-feature li {
	margin-bottom: 20px;
}
.mshk-feature p {
	font-size: 18px;
}
.mshk-feature img {
	filter: drop-shadow(0 10px 10px #eff0f6);
	-webkit-filter: drop-shadow(0 10px 10px #eff0f6);
}
.mshk-feature figure {
	font-family: Sarabun, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	padding: 20px;
	margin-top: 30px;
	box-shadow: 0 4px 150px 10px #edeef1;
}
.mshk-feature blockquote p {
	font-style: italic;
	font-size: 14px;
}
.mshk-feature figcaption {
	font-weight: bold;
}
.mshk-feature figcaption cite {
	font-weight: normal;
	font-style: normal;
}
.mshk-feature .left-copy {
	padding-right: 40px;
}
.mshk-feature__cta {
	text-align: center;
	margin-top: 40px;
}

/*****************************************************************************/
/*** Here to Help                                                          ***/
/*****************************************************************************/
.mshk-heretohelp {
	padding-top: 80px;
	padding-bottom: 80px;
}
.mshk-heretohelp h2 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}
.mshk-heretohelp p {
	font-size: 18px;
	text-align: center;
	padding-left: 200px;
	padding-right: 200px;
}
.mshk-heretohelp__card {
	margin: 40px 20px 0 20px;
	text-align: center;
	border-radius: 5px;
	height: 397px;
}
.mshk-heretohelp__card img {
	border-radius: 5px;
}
.mshk-heretohelp__card.first {
	background-image: url('../../assets/images/here-to-help-live-training-330x397.png');
}
.mshk-heretohelp__card.second {
	background-image: url('../../assets/images/here-to-help-support-330x397.png');
}
.mshk-heretohelp__card.third {
	background-image: url('../../assets/images/here-to-help-deliverability-330x397.png');
}
.mshk-heretohelp__card h3 {
    font-size: 24px;
	font-weight: bold;
    text-align: center;
    color: #ffffff;
    margin-top: 40px;
	margin-bottom: 230px;
}

/*****************************************************************************/
/*** Integration                                                           ***/
/*****************************************************************************/
.mshk-integration {
	padding-top: 200px;
	background-image: url('../../assets/images/bg.png');
}
.mshk-integration__hero h1 {
	color: #3471b8;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}
.mshk-integration__hero h4 {
	color: #ed1d5f;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.mshk-integration__hero p {
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
.mshk-integration__hero--media {
	margin-top: 40px;
	padding: 0;
	text-align: center;
	box-shadow: 0 0 80px #efefef;
}
.mshk-integration__hero--cta.above {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mshk-integration__hero--cta.below {
	margin-top: 50px;
}
.mshk-integration__blurbs {
	text-align: center;
	background-color: #f7ffff;
	margin-top: 100px;
	padding-bottom: 100px;
}
.mshk-integration__blurbs--blurb {
	padding: 0 40px 0 40px;
}
.mshk-integration__blurbs--blurb .headline {
	padding-bottom: 20px;
	height: 200px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}
.mshk-integration__blurbs--blurb .headline h3 {
	font-weight: bold;
}
.mshk-integration__blurbs--blurb .copy {
	vertical-align: top;
	text-align: left;
}
.mshk-integration__blurbs--blurb .copy p {
	font-size: 18px;
}
.mshk-integration__helps {
	text-align: center;
	background-color: #fdfdfd;
	padding: 100px 0 100px 0;
}
.mshk-integration__helps--headline h2 {
	font-size: 40px;
	padding: 0 0 40px 0;
}
.mshk-integration__helps--copy p {
	font-size: 18px;
	text-align: left;
}
.mshk-integration__helps--cta {
	margin-top: 60px;
}
.mshk-integration__steps {
	text-align: center;
	background-color: #f7ffff;
	margin-top: 100px;
	padding-bottom: 40px;
}
.mshk-integration__steps h2 {
	font-size: 40px;
	padding: 80px 0 80px 0;
}
.mshk-integration__steps--step {
	padding: 0 40px 60px 40px;
}
.mshk-integration__steps--step .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #3471b8;
	color: #ffffff;
	font-size: 36px;
	padding: 12px;
	margin: auto;
}
.mshk-integration__steps--step .copy {
	margin-top: 20px;
	font-size: 18px;
}
.mshk-integration__benefits {
	text-align: center;
	background-color: #fdfdfd;
	padding: 100px 0 100px 0;
}
.mshk-integration__benefits h2 {
	font-size: 40px;
	padding: 0 0 80px 0;
}
.mshk-integration__benefits i {
	font-size: 40px;
	font-weight: bold;
	padding-top: 50px;
}
.mshk-integration__benefits--benefit {
	padding: 0 40px 0 40px;
}
.mshk-integration__benefits--benefit .icon img {
	padding-bottom: 20px;
}
.mshk-integration__benefits--benefit .copy p {
	font-size: 18px;
}
.mshk-integration__faq {
	background-color: #fdfdfd;
	padding: 0 0 100px 0;
}

/*****************************************************************************/
/*** Pricing Plan                                                          ***/
/*****************************************************************************/
.mshk-pricingplan {
	background-color: #ffffff;
	padding: 30px;
	box-shadow: 0 0 80px #eae7e7;
	margin: 0 30px 0 30px;
	height: 100%;
}
.mshk-pricingplan h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.mshk-pricingplan li {
	list-style-type: none;
	margin-bottom: 1.5em;
	padding-left: 30px;
	position: relative;
}
.mshk-pricingplan li::before {
	content: "\E902";
	font-family: icons;
	font-size: 11px;
	color: #66cc66;
	padding-right: 10px;
	position: absolute;
	top: 5px;
	left: 0;
}
.mshk-pricingplan .newlabel {
	font-size: 12px;
	color: #ffffff;
	background-color: #2890ff;
	padding: 2px 4px 2px 4px;
	text-align: center;
	width: 34px;
	position: absolute;
	margin-left: -70px;
	border-radius: 2px;
}
.mshk-pricingplan__header {
	margin: -30px -30px 30px -30px;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}
.mshk-pricingplan__cta {
	text-align: center;
	margin: 40px 0 40px 0;
}
.mshk-pricingplan__cta.below {
	text-align: center;
	margin: 40px 0 20px 0;
}
.mshk-pricingplan__features p {
	text-align: left;
	padding-bottom: 0;
	padding-left: 20px;
}
.mshk-pricingplan__monthly {
	display: block;
	text-align: center;
}
.mshk-pricingplan__monthly sup {
	font-size: 36px;
	left: -35px;
}
.mshk-pricingplan__monthly p {
	font-size: 16px;
}
.mshk-pricingplan__monthly span.price.monthly {
	font-size: 64px;
	font-weight: bold;
	margin-left: -30px;
}
.mshk-pricingplan__yearly {
	display: none;
	text-align: center;
}
.mshk-pricingplan__yearly sup {
	font-weight: bold;
	font-size: 36px;
	left: -15px;
}
.mshk-pricingplan__yearly p {
	font-size: 16px;
}
.mshk-pricingplan__yearly span.price.monthly {
	font-size: 50px;
	font-weight: bold;
	text-decoration: line-through;
	color: #939393;
	margin-left: -15px;
	margin-right: 10px;
}
.mshk-pricingplan__yearly span.price.yearly {
	font-size: 64px;
	font-weight: bold;
}
.mshk-pricingplan__annualonly--monthlyprice {
	text-align: center;
	text-decoration: line-through;
}
.mshk-pricingplan__annualonly--moneyback {
	text-align: center;
}
.mshk-pricingplan__annualonly--moneyback i {
	color: #3c863e;
	padding-right: 10px;
}
.mshk-pricingplan__annualonly--moneyback hr {
	margin: 40px 0 40px 0;
}

/*****************************************************************************/
/*** Product                                                               ***/
/*****************************************************************************/
.mshk-product {
	padding-top: 200px;
	background-image: url('../../assets/images/bg.png');
}
.mshk-product h1 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.mshk-product h1 span {
	color: #ed1d5f;
}
.mshk-product h2 {
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 30px;
}
.mshk-product p {
	font-size: 18px;
}
.mshk-product ul {
	font-size: 18px;
}
.mshk-product li {
	padding-bottom: 10px;
}
.mshk-product__testimonials {
	padding-top: 80px;
	padding-bottom: 80px;
}
.mshk-product__testimonials h2 {
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 80px;
}
.mshk-product__herobutton {
	margin-top: -60px;
	margin-bottom: 80px;
}
.mshk-product__cta {
	margin-top: 40px;
	margin-bottom: 80px;
}

/*****************************************************************************/
/*** Testimonial                                                           ***/
/*****************************************************************************/
.mshk-testimonial {
	padding: 80px 0 80px 0;
}
.mshk-testimonial--headshots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 80px 0;
}
.mshk-testimonial--headshots .thumb:nth-child(1) {
	margin-top: 4.7rem;
}
.mshk-testimonial--headshots .thumb:nth-child(2) {
	margin: 14.2rem 3.4vw 0 3vw;
}
.mshk-testimonial--headshots .thumb:nth-child(3) {
	margin-top: 5.7rem;
}
.mshk-testimonial--headshots .thumb:nth-child(4) {
	margin: 10.7rem 4.5vw 0 6vw;
}
.mshk-testimonial--headshots .thumb:nth-child(5) {
	margin-top: 2.5rem;
}
.mshk-testimonial--headshots .thumb:last-child {
	margin: 10.2rem 0 0 3.4vw;
}
.mshk-testimonial--headshots .thumb-image {
	width: 150px;
	height: 150px;
	box-shadow: 0px 38px 61px 2px #dedfe7;
	overflow: hidden;
	border-radius: 50%;
}
.mshk-testimonial--headshots .thumb-image.small {
	width: 70px;
	height: 70px;
}
.mshk-testimonial--headshots .thumb-image.medium {
	width: 100px;
	height: 100px;
}
.mshk-testimonial--quote {
	text-align: center;
}
.mshk-testimonial--quote h4 {
	color: #ed1d5f;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}
.mshk-testimonial--quote p.person-quote {
	font-size: 32px;
	padding: 0px 180px 60px 180px;
	line-height: 3.5rem;
}
.mshk-testimonial--quote p.person-name {
	margin-bottom: 0;
}
.mshk-testimonial--quote p.person-title {
	font-size: 16px;
}
.mshk-testimonialcard {
    background-color: #ffffff;
    padding: 40px;
	position: relative;
	height: 100%;
	box-shadow: 0px 6px 67px 12px rgb(239 240 246 / 50%);
}
.mshk-testimonialcard__quote {
	margin-bottom: 80px;
}
.mshk-testimonialcard__quote .quote-copy {
	font-style: italic;
	line-height: 1.75em;
	width: 80%;
}
.mshk-testimonialcard__quote .quote-mark {
	font-size: 34px;
	font-weight: bold;
	color: #ed1d5f;
}
.mshk-testimonialcard__author {
	position: absolute;
	bottom: 20px;
}
.mshk-testimonialcard__author h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
.mshk-testimonialcard__author p {
	font-size: 14px;
}
/*****************************************************************************/
/*** Use Case                                                              ***/
/*****************************************************************************/
.mshk-usecase__card {
	background-color: #ffffff;
	box-shadow: 0px 40px 100px rgba(21, 27, 151, 0.08);
	margin: 15px;
	width: 270px;
	padding: 0;
}
.mshk-usecase__card--top {
	padding: 30px 30px 0 30px;
	height: 200px;
}
.mshk-usecase__card--top h3 {
	font-weight: bold;
	font-size: 32px;
	padding-bottom: 10px;
}
.mshk-usecase__card--top p {
	font-size: 18px;
}
.mshk-usecase__card--bottom {
	height: 310px;
	padding-top: 230px;
	text-align: center;
}

@media screen and (max-width: 1400px) {
	.mshk-navbar li a {
		margin: 0;
	}
	.mshk-navbar__menu {
		padding-left: 0;
	}
	.mshk-navbar__cta {
		padding-left: 0;
	}
	.mshk-navbar__cta li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.mshk-navbar__cta li a {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.mshk-feature .right-copy {
		padding-left: 50px;
	}
	.mshk-feature .left-copy {
		padding-right: 50px;
	}
	.mshk-integration__hero--media {
		width: 75%;
	}
	.mshk-testimonial--quote p.person-quote {
		padding: 0px 80px 60px 80px;
	}
	.mshk-usecase__card {
		width: 250px;
	}
}
@media screen and (max-width: 1200px) {
	.mshk-button-red.hero,
	.mshk-button-white.hero {
		padding: .5em 1.25em .5em 1.25em;
	}
	.mshk-navbar li a {
		font-size: 16px;
	}
	.mshk-navbar__menu li {
		padding-left: .4em;
		padding-right: .4em;
	}
	.mshk-navbar__cta .nav-link {
		padding-left: .4em;
		padding-right: .4em;
	}
	.mshk-navbar__cta .mshk-button-white {
		font-size: 16px !important;
	}
	.mshk-navbar__cta .mshk-button-red {
		font-size: 16px !important;
	}
	.mshk-heretohelp p {
		padding-left: 100px;
		padding-right: 100px;
	}
	.mshk-integration__hero--media {
		width: 83.33333333%;
	}
	.mshk-product h1 {
		font-size: 44px;
	}
	.mshk-casestudy__card {
		width: 21.5%;
		height: 360px;
	}
	.mshk-casestudy__card--copy {
		height: 240px;
	}
	.mshk-casestudy__card--copy h3 {
		font-size: 30px;
	}
	.mshk-usecase__card {
		width: 270px;
	}
}
@media screen and (max-width: 992px) {
	.mshk-button-red.hero,
	.mshk-button-white.hero {
		font-size: 17px !important;
		padding: .5em .8em .5em .8em;
	}
	.mshk-button-white.footer {
		font-size: 17px !important;
	}
	.mshk-button-red.cta {
		font-size: 17px !important;
	}
	.mshk-button-help {
		font-size: 16px !important;
		width: 150px;
	}
	#navbarNav {
		float: right;
		background-color: #ffffff;
		box-shadow: 0 5px 5px #efefef;
		position: absolute;
		right: 10px;
		top: 64px;
	}
	.mshk-navbar__menu li {
		display: block;
		text-align: right;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0.6em;
		padding-right: 0.6em;
	}
	.mshk-navbar__cta li {
		display: block;
		margin-top: 0;
		margin-right: 10px;
	}
	.mshk-navbar__cta .nav-link {
		padding-left: 1em;
		padding-right: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.mshk-navbar li a {
		font-size: 16px;
		text-align: right;
	}
	.mshk-navbar .mshk-button-red,
	.mshk-navbar .mshk-button-white {
		border: none;
		background: none;
		font-size: 16px !important;
		color: #ed1d5f !important;
	}
	.mshk-navbar .mshk-button-red:hover,
	.mshk-navbar .mshk-button-white:hover {
		color: #ff3877 !important;
	}
	.mshk-footer__getstarted {
		padding: 30px 50px 30px 50px;
	}
	.mshk-footer__getstarted h3 {
		font-size: 30px;
	}
	.mshk-footer__getstarted p {
		font-size: 17px;
	}
	.mshk-bluebar {
		padding: 80px 0 80px 0;
	}
	.mshk-bluebar__cta {
		padding: 30px;
	}
	.mshk-bluebar__cta h3 {
		font-size: 30px;
	}
	.mshk-bluebar__cta p {
		font-size: 17px;
		margin-bottom: 0;
		padding-top: 5px;
	}
	.mshk-faq__faqs {
		width: 91.66666667%;
	}
	.mshk-feature h2 {
		font-size: 34px;
		margin-top: 0;
	}
	.mshk-heretohelp h2 {
		font-size: 34px;
	}
	.mshk-heretohelp p {
		font-size: 17px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.mshk-heretohelp__card {
		height: 300px;
		margin-top: 20px;
	}
	.mshk-heretohelp__card h3 {
		font-size: 18px;
		font-weight: normal;
		margin-top: 30px;
		margin-bottom: 170px;
	}
	.mshk-heretohelp__card.first {
		background-image: url('../../assets/images/here-to-help-live-training-249x300.png');
	}
	.mshk-heretohelp__card.second {
		background-image: url('../../assets/images/here-to-help-support-249x300.png');
	}
	.mshk-heretohelp__card.third {
		background-image: url('../../assets/images/here-to-help-deliverability-249x300.png');
	}
	.mshk-integration__hero--media {
		width: 100%;
	}
	.mshk-integration__blurbs {
		margin-top: 70px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mshk-integration__blurbs--blurb .headline {
		height: 225px;
	}
	.mshk-integration__helps {
		padding: 50px 0 50px 0;
	}
	.mshk-integration__helps--copy {
		width: 75%;
	}
	.mshk-pricingplan {
		padding: 20px;
	}
	.mshk-pricingplan ul {
		padding-left: 15px;
	}
	.mshk-pricingplan li {
		margin-bottom: 15px;;
	}
	.mshk-product h1,
	.mshk-product__testimonials h2 {
		font-size: 40px;
	}
	.mshk-product h2 {
		font-size: 34px;
	}
	.mshk-testimonial {
		padding: 40px 0 40px 0;
	}
	.mshk-testimonial--quote p.person-quote {
		font-size: 24px;
		padding: 0 0 20px 0;
		line-height: 2em;
	}
	.mshk-testimonial--headshots .thumb:nth-child(2) {
		margin: 10.2rem .5vw 0 .5vw;
	}
	.mshk-testimonial--headshots .thumb:nth-child(4) {
		margin: 8.7rem 1vw 0 1vw;
	}
	.mshk-testimonial--headshots .thumb:last-child {
		margin: 8.2rem 0 0 0;
	}
	.mshk-testimonialcard {
		height: auto;
		margin-bottom: 20px;
	}
	.mshk-casestudy__card {
		width: 33%;
		height: 320px;
	}
	.mshk-casestudy__card--copy {
		height: 200px;
	}
	.mshk-casestudy__card--copy p {
		font-size: 17px;
	}
	.mshk-usecase__card--top h3 {
		font-size: 30px;
	}
	.mshk-usecase__card--top p {
		font-size: 17px;
	}
}
@media screen and (max-width: 768px) {
	.mshk-button-red.cta {
		padding: .75em 1em .75em 1em;
	}
	.mshk-button-red.pricing {
		padding-top: .5em;
		padding-bottom: .5em;
		width: 180px;
	}
	.mshk-button-help {
		font-size: 18px !important;
		width: 190px;
	}
	.mshk-footer__getstarted {
		padding: 20px 40px 40px 40px;
		text-align: center;
	}
	.mshk-footer__getstarted h3 {
		font-size: 24px;
	}
	.mshk-footer__getstarted p {
		padding-bottom: 30px;
	}
	.mshk-footer__widget h4 {
		margin-bottom: 10px;
		border-bottom: solid 1px #899097;
		padding-bottom: 10px;
	}
	.mshk-bluebar__cta {
		padding: 20px 20px 40px 20px;
		text-align: center;
	}
	.mshk-bluebar__cta h3 {
		font-size: 24px;
		text-align: center;
	}
	.mshk-bluebar__cta p {
		padding-bottom: 40px;
	}
	.mshk-faq__faqs h2 {
		font-size: 36px;
		margin-bottom: 20px;
	}
	.mshk-feature h2 {
		margin-bottom: 10px;
	}
	.mshk-feature li {
		margin-bottom: 10px;
	}
	.mshk-feature .left-copy,
	.mshk-feature .right-copy {
		padding-left: 10px;
		padding-right: 10px;
	}
	.mshk-feature .right-copy h2 {
		margin-top: 20px;
	}
	.mshk-feature .left-copy .copy {
		margin-bottom: 20px;
	}
	.mshk-heretohelp {
		margin: 0 0 80px 0;
	}
	.mshk-heretohelp p {
		padding-left: 0;
		padding-right: 0;
	}
	.mshk-heretohelp__cards {
		margin-left: 80px;
		margin-right: 80px;
	}
	.mshk-heretohelp__card h3 {
		font-size: 22px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.mshk-heretohelp__card.first {
		background-image: url('../../assets/images/here-to-help-live-training-370x445.png');
	}
	.mshk-heretohelp__card.second {
		background-image: url('../../assets/images/here-to-help-support-370x445.png');
	}
	.mshk-heretohelp__card.third {
		background-image: url('../../assets/images/here-to-help-deliverability-370x445.png');
	}
	.mshk-integration__hero h1 {
		font-size: 40px;
	}
	.mshk-integration__steps h2,
	.mshk-integration__benefits h2 {
		font-size: 36px;
	}
	.mshk-integration__benefits i {
		font-size: 36px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mshk-integration__blurbs--blurb .headline {
		height: auto;
		padding-bottom: 0;
	}
	.mshk-integration__helps--headline h2 {
		font-size: 26px;
		padding: 0 0 20px 0;
	}
	.mshk-integration__helps--copy {
		width: 100%;
	}
	.mshk-pricingplan {
		padding: 20px;
		margin: 0;
	}
	.mshk-pricingplan ul {
		padding-left: 0;
	}
	.mshk-testimonial {
		padding-top: 0;
	}
	.mshk-testimonial--headshots .thumb:nth-child(5),
	.mshk-testimonial--headshots .thumb:last-child {
		display: none;
	}
	.mshk-testimonial--quote p.person-quote {
		font-size: 20px;
		line-height: 1.7em;
	}
	.mshk-casestudy__card {
		width: 100%;
		height: 240px;
	}
	.mshk-casestudy__card--copy {
		height: 120px;
	}
	.mshk-casestudy__card--copy h3 {
		font-size: 24px;
	}
	.mshk-usecase__card {
		width: 250px;
		margin: 10px;
	}
	.mshk-usecase__card--top h3 {
		font-size: 24px;
	}
	.mshk-usecase__card--bottom .mshk-button-help {
		font-size: 17px !important;
	}
}
@media screen and (max-width: 576px) {
	.mshk-footer__getstarted {
		margin-left: 20px;
		margin-right: 20px;
	}
	.mshk-bluebar__cta {
		margin-left: 10px;
		margin-right: 10px;
	}
	.mshk-faq__faqs {
		padding: 20px;
	}
	.mshk-faq__faqs h3 {
		padding: 20px 20px 10px 20px;
	}
	.mshk-faq__faqs p {
		padding: 0 20px 10px 20px;
	}
	.mshk-feature h2 {
		font-size: 30px;
	}
	.mshk-feature h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.mshk-feature p,
	.mshk-feature ul {
		font-size: 16px;
	}
	.mshk-heretohelp p {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mshk-integration__hero--media {
		width: 91.66666667%;
	}
	.mshk-integration__blurbs--blurb .headline h3 {
		font-size: 24px;
	}
	.mshk-integration__helps--headline h2 {
		font-size: 24px;
		padding: 0 0 10px 0;
	}
	.mshk-integration__helps--copy p {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mshk-product h1,
	.mshk-product__testimonials h2 {
		font-size: 34px;
	}
	.mshk-product h2 {
		font-size: 30px;
	}
	.mshk-casestudy__card {
		width: 90%;
	}
}
@media screen and (max-width: 428px) {
	.mshk-button-red.hero,
	.mshk-button-white.hero {
		font-size: 16px !important;
		padding: .5em;
	}
	.mshk-button-white.footer {
		font-size: 16px !important;
	}
	.mshk-button-red.cta {
		font-size: 16px !important;
	}
	.mshk-button-red.pricing {
		padding-top: .5em;
		padding-bottom: .5em;
		font-size: 16px !important;
		width: 180px;
	}
	.mshk-button-blue.search {
		font-size: 14px !important;
		padding: .75em 1em .75em 1em;
	}
	.mshk-button-help {
		font-size: 16px !important;
		width: 160px;
	}
	.mshk-footer {
		padding: 0 10px 0 10px;
	}
	.mshk-footer__getstarted {
		padding: 20px 20px 40px 20px;
		margin-left: 0;
		margin-right: 0;
	}
	.mshk-footer__getstarted p {
		font-size: 16px;
		padding-bottom: 20px;
	}
	.mshk-footer__widget h4 {
		font-size: 18px;
	}
	.mshk-footer__widget li {
		font-size: 14px;
		padding-bottom: 10px;
	}
	.mshk-bluebar {
		padding: 40px 10px 40px 10px;
	}
	.mshk-bluebar__cta {
		margin-left: 0;
		margin-right: 0;
	}
	.mshk-bluebar__cta h3 {
		font-size: 24px;
	}
	.mshk-bluebar__cta p {
		font-size: 16px;
	}
	.mshk-faq {
		padding: 40px 0 40px 0;
	}
	.mshk-faq__faqs h2 {
		font-size: 28px;
	}
	.mshk-faq__faqs h3 {
		font-size: 18px;
	}
	.mshk-faq__faqs p {
		font-size: 14px;
	}
	.mshk-heretohelp {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.mshk-heretohelp h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.mshk-heretohelp p {
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.mshk-heretohelp__cards {
		margin-left: 40px;
		margin-right: 40px;
	}
	.mshk-heretohelp__card h3 {
		font-size: 20px;
	}
	.mshk-integration__hero h1 {
		font-size: 32px;
	}
	.mshk-integration__hero p {
		font-size: 16px;
		padding-bottom: 20px;
	}
	.mshk-integration__hero--media {
		margin-top: 20px;
	}
	.mshk-integration__hero--cta.above {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.mshk-integration__steps {
		margin-top: 50px;
		padding-bottom: 0;
	}
	.mshk-integration__steps h2 {
		font-size: 28px;
		padding: 40px 0 40px 0;
	}
	.mshk-integration__steps--step {
		padding: 0 40px 40px 40px;
	}
	.mshk-integration__steps--step .icon {
		width: 70px;
		height: 70px;
		font-size: 32px;
		padding: 10px;
	}
	.mshk-integration__steps--step .copy {
		font-size: 16px;
		margin-top: 10px;
	}
	.mshk-integration__benefits {
		padding: 40px 0 40px 0;
	}
	.mshk-integration__benefits h2 {
		font-size: 28px;
		padding: 0 0 40px 0;
	}
	.mshk-integration__benefits i {
		font-size: 28px;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.mshk-integration__benefits--benefit .copy p {
		font-size: 16px;
	}
	.mshk-integration__benefits--benefit .icon img {
		width: 25%;
	}
	.mshk-integration__blurbs--blurb {
		padding: 0 20px 0 20px;
	}
	.mshk-integration__blurbs--blurb .headline h3,
	.mshk-integration__helps--headline h2 {
		font-size: 20px;
	}
	.mshk-integration__blurbs--blurb .copy p,
	.mshk-integration__helps--copy p {
		font-size: 16px;
	}
	.mshk-pricingplan h2 {
		font-size: 20px;
	}
	.mshk-pricingplan ul {
		padding-left: 10px;
	}
	.mshk-pricingplan__features ul,
	.mshk-pricingplan__features p {
		font-size: 14px;
	}
	.mshk-pricingplan__monthly sup {
		font-size: 28px;
		left: -20px;
	}
	.mshk-pricingplan__yearly sup {
		font-size: 28px;
	}
	.mshk-pricingplan__monthly span.price.monthly {
		font-size: 48px;
		margin-left: -20px;
	}
	.mshk-pricingplan__yearly span.price.monthly {
		font-size: 36px;
	}
	.mshk-pricingplan__yearly span.price.yearly {
		font-size: 48px;
	}
	.mshk-pricingplan__monthly p,
	.mshk-pricingplan__yearly p {
		font-size: 14px;
	}
	.mshk-pricingplan__cta {
		margin: 20px 0 20px 0;
	}
	.mshk-testimonial--headshots {
		margin: 0 0 40px 0;
	}
	.mshk-testimonial--headshots .thumb:nth-child(1) {
		display: none;
	}
	.mshk-testimonial--headshots .thumb:nth-child(2) {
		margin: 7.2rem 2vw 0 2vw;
	}
	.mshk-testimonial--headshots .thumb:nth-child(3) {
		margin-top: 3.7rem;
	}
	.mshk-testimonial--headshots .thumb:nth-child(4) {
		margin: 6.7rem 2vw 0 2vw;
	}
	.mshk-testimonial--quote {
		padding: 0 20px 0 20px;
	}
	.mshk-testimonial--quote h4 {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.mshk-testimonial--quote p.person-quote {
		font-size: 16px;
		line-height: 1.5em;
	}
	.mshk-testimonialcard__quote .quote-mark {
		font-size: 28px;
	}
	.mshk-casestudy__card {
		padding: 20px;
		width: 80%;
		height: 220px;
	}
	.mshk-casestudy__card--copy h3 {
		font-size: 20px;
	}
	.mshk-casestudy__card--copy p {
		font-size: 16px;
	}
	.mshk-usecase__card--top {
		height: 140px;
	}
	.mshk-usecase__card--top h3 {
		font-size: 20px;
	}
	.mshk-usecase__card--top p {
		font-size: 16px;
	}
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 390px) {
	.mshk-button-red.hero,
	.mshk-button-white.hero {
		font-size: 14px !important;
		padding: .5em;
	}
	.mshk-button-white.footer,
	.mshk-button-red.cta {
		font-size: 14px !important;
	}
	.mshk-navbar li a {
		font-size: 14px;
	}
	.mshk-navbar .mshk-button-red,
	.mshk-navbar .mshk-button-white {
		font-size: 14px !important;
	}
	.mshk-footer {
		margin-top: 130px;
	}
	.mshk-footer__getstarted {
		padding: 15px 15px 30px 15px;
	}
	.mshk-footer__getstarted h3 {
		font-size: 20px;
	}
	.mshk-footer__getstarted p {
		font-size: 14px;
	}
	.mshk-bluebar__cta {
		padding: 15px 15px 30px 15px;
	}
	.mshk-bluebar__cta h3 {
		font-size: 20px;
	}
	.mshk-bluebar__cta p {
		font-size: 14px;
	}
	.mshk-faq__faqs h2 {
		font-size: 24px;
	}
	.mshk-faq__faqs h3 {
		padding: 20px 0 10px 0;
	}
	.mshk-faq__faqs p {
		padding: 0 0 10px 0;
	}
	.mshk-feature h2 {
		font-size: 24px;
	}
	.mshk-feature h3 {
		font-size: 16px;
	}
	.mshk-feature p,
	.mshk-feature ul {
		font-size: 14px;
	}
	.mshk-heretohelp {
		margin-bottom: 40px;
	}
	.mshk-heretohelp h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.mshk-heretohelp p {
		font-size: 14px;
		padding: 0 10px 0 10px;
		margin-bottom: 0;
	}
	.mshk-integration__hero h1 {
		font-size: 28px;
	}
	.mshk-integration__steps h2,
	.mshk-integration__benefits h2,
	.mshk-integration__benefits i {
		font-size: 24px;
	}
	.mshk-product h1,
	.mshk-product__testimonials h2 {
		font-size: 28px;
	}
	.mshk-product h2 {
		font-size: 24px;
	}
	.mshk-product p {
		font-size: 14px;
	}
	.mshk-testimonial--quote p.person-quote,
	.mshk-testimonial--quote p.person-name,
	.mshk-testimonial--quote p.person-title {
		font-size: 14px;
	}
	.mshk-testimonialcard {
		padding: 20px;
	}
	.mshk-testimonialcard__author {
		bottom: 0;
	}
	.mshk-testimonialcard__quote .quote-copy,
	.mshk-testimonialcard__author,
	.mshk-testimonialcard__author h4 {
		font-size: 14px;
	}
	.mshk-casestudy__card--copy p {
		font-size: 14px;
	}
	.mshk-usecase__card--top {
		height: 120px;
	}
	.mshk-usecase__card--top p {
		font-size: 14px;
	}
	.mshk-usecase__card--bottom .mshk-button-help {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {
	.mshk-footer__getstarted {
		padding: 15px 10px 30px 10px;
	}
	.mshk-footer__links {
		padding: 0 40px 20px 40px;
	}
	.mshk-bluebar__cta {
		padding: 15px 10px 30px 10px;
	}
	.mshk-integration {
		padding-top: 150px;
	}
	.mshk-integration__hero h1 {
		font-size: 24px;
	}
	.mshk-integration__hero p {
		font-size: 14px;
	}
	.mshk-integration__hero--cta a {
		font-size: 14px !important;
	}
	.mshk-integration__steps h2,
	.mshk-integration__benefits h2,
	.mshk-integration__benefits i {
		font-size: 20px;
	}
	.mshk-integration__steps--step .copy,
	.mshk-integration__benefits--benefit .copy p {
		font-size: 14px;
	}
	.mshk-integration__benefits--benefit .icon img {
		padding-bottom: 10px;
	}
	.mshk-integration__blurbs--blurb .headline h3 {
		font-size: 18px;
	}
	.mshk-integration__helps--headline h2 {
		font-size: 18px;
		padding: 0 20px 10px 20px;
		text-align: left;
	}
	.mshk-integration__blurbs--blurb .copy p,
	.mshk-integration__helps--copy p {
		font-size: 14px;
	}
	.mshk-product__testimonials h2 {
		margin-bottom: 40px;
	}
	.mshk-testimonialcard__quote .quote-mark {
		font-size: 22px;
	}
}
@media screen and (max-width: 320px) {
	.mshk-button-help {
		font-size: 14px !important;
	}
	.mshk-footer__getstarted {
		padding: 15px 20px 30px 20px;
	}
	.mshk-bluebar__cta {
		padding: 15px 20px 30px 20px;
	}
	.mshk-faq__faqs h3 {
		font-size: 16px;
	}
	.mshk-feature h2 {
		font-size: 20px;
	}
	.mshk-heretohelp h2 {
		font-size: 22px;
	}
	.mshk-heretohelp__cards {
		margin-left: 20px;
		margin-right: 20px;
	}
	.mshk-heretohelp__card {
		height: 260px;
	}
	.mshk-heretohelp__card h3 {
		font-size: 18px;
		margin-bottom: 160px;
	}
	.mshk-heretohelp__card.first {
		background-image: url('../../assets/images/here-to-help-live-training-249x300.png');
	}
	.mshk-heretohelp__card.second {
		background-image: url('../../assets/images/here-to-help-support-249x300.png');
	}
	.mshk-heretohelp__card.third {
		background-image: url('../../assets/images/here-to-help-deliverability-249x300.png');
	}
	.mshk-integration__steps--step .icon {
		width: 60px;
		height: 60px;
		font-size: 24px;
		padding: 12px;
	}
	.mshk-product h1,
	.mshk-product__testimonials h2 {
		font-size: 24px;
	}
	.mshk-product h2 {
		font-size: 20px;
	}
}
@media screen and (max-width: 280px) {
	.mshk-casestudy__card {
		height: 240px;
	}
	.mshk-casestudy__card--copy {
		height: 140px;
	}
}

:root {
	--bs-gutter-x: 25px;
	--bs-gutter-y: 25px;
}