:root {
    --accent: #121016;
    --accent75: rgba(0, 20, 71, 0.75);
    --accent70: rgba(0, 20, 71, 0.70);
    --accent60: rgba(0, 20, 71, 0.6);
    --accent40: rgba(0, 20, 71, 0.4);
    --black60: rgba(0, 0, 0, 0.6);
    --black40: rgba(0, 0, 0, 0.4);
    --black80: rgba(0, 0, 0, 0.8);
    --black15: rgba(0, 0, 0, 0.15);
    --black10: rgba(0, 0, 0, 0.1);
    --moengage-blue: #121016;
    --faded-blue: #123385;
    --white: #ffffff;
    --gray: #6b7c93;
    --primary-gray-text: #808DAC;
    --primary-gray-text-2: #7D8BAA;
    --off-white: rgba(0, 0, 0, 0.2);
    --white20: rgba(255, 255, 255, 0.2);
    --white25: rgba(255, 255, 255, 0.25);
    --white60: rgba(255, 255, 255, 0.6);
    --white80: rgba(255, 255, 255, 0.8);
    --green: #80D3A1;
    --green-shade: #E4FCED;
    --primary-teal10: rgba(6,166,183,.1);
    --primary-teal: #06A6B7;
    --primary-dark-teal: #046873;
    --primary-light-teal: #A3EDC1;
    --primary-light-blue: #F2FAFB;
    --green2: #3BB9C6;
    --primary-mint3: #70CE95;
    --primary-mint3-10: rgba(112,206,149,.1);
    --yellow: #FFB833;
    --primary-data-teal: #89E8AF;
    --wire-med-gray: #8D9095;
    --gray-lite-10: #ECF0F8;
    --gray-lite-20: #ecf4f9;
    --gray-lite-25: #ecf0f8;
    --gray-lite-05: #F9FBFF;
    --gray-neutral: #CFDBE1;
    --moe-navbar-nav-height: 8.563rem;
    --mobile-nav-height: 3.875rem;
    --animation-order: 0;
    --body-font-size: 0.938rem;
    --headings: h1,h2,h3,h4,h5,h6;
    --spacing: 0.5rem;
    --slider-card-height: 330px;
    --photo-galler-card: 390px;
    --text-animation-initial-delay: 0.35s;
    --text-animation-initial-delay-bottom: 0.7s;
    --text-animation-initial-delay-difference: calc(var(--text-animation-initial-delay-bottom) - var(--text-animation-initial-delay));
    --text-animation-duration: 5s;
    --text-animation-duration-bottom: calc(var(--text-animation-duration) - var(--text-animation-initial-delay-difference));
    --text-animation-delay: calc((var(--text-animation-duration) + var(--text-animation-initial-delay)) - 0.25s);
    --text-animation-delay-bottom: calc((var(--text-animation-duration) + var(--text-animation-initial-delay-bottom)));
    /* footer related variables */
    --footer-padding-top: 165px;
    --arch-curvature: 250vw;
    --arch-positioning: calc((var(--arch-curvature) - 100vw) / 2 * -1);
    --footer-overlay-height: 220px;
    --footer-overlay-negative-height: calc(var(--footer-overlay-height) * -1);
    /* homepage header related variables */
    --header-circle-size: 2200px;
    --header-circle-center: calc((var(--header-circle-size) - 100vw) / 2 * -1);
}

@font-face {
    font-family: "Source Code Pro";
    src: url(./../fonts/SourceCodePro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Thin.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Thin.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "circular";
    src: url(./../fonts/CircularXXWeb-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: circular;
    font-weight: 400;
    overflow-x: hidden;
    position: relative;
    scroll-behavior: smooth;
}
/* Reset default */
p:empty {
    display: none;
}

a {
    color: inherit;
    text-decoration: none;
}

mark {
    background-color: transparent;
    padding: 0;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-control {
    box-shadow: none !important;
    outline: none !important;
}

/* Header */
.header-sticky-container {
    pointer-events: none;
}

/* Top Nav */
.navbar-container {
    background-color: var(--accent);
    color: var(--white);
    transition: all ease .3s;
    position: relative;
    pointer-events: all;
}
.navbar-container.primary-blue {
    background-color: var(--moengage-blue);
}
.navbar-container.faded-blue {
    background-color: var(--faded-blue);
}

.navbar-container.navbar-light {
    background-color: var(--moengage-blue);
}

.nav-top-col {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 0;
    border-bottom: 1px solid var(--green);
    align-items: center;
}

.nav-top-col li {
    display: flex;
    align-items: center;
}

.nav-top-col li:not(:last-child)::after {
    content: ' ';
    display: flex;
    width: 2px;
    height: 12px;
    background-color: var(--white);
}

.navbar-container.is-compact .nav-top-col li:not(:last-child)::after {
    background-color: var(--moengage-blue);
}

/* White Nav */
.navbar-container.white-nav .nav-top-col li:not(:last-child)::after {
    background-color: var(--moengage-blue);
}

.navbar-container.white-nav .navbar-nav .nav-link,
.navbar-container.white-nav .moe-navbar-nav li .nav-link,
.navbar-container.white-nav .moe-navbar-nav li .nav-link:hover {
    color: var(--moengage-blue);
}

.navbar-container.white-nav {
    background-color: var(--white);
}

.navbar-container.white-nav .hamburger .line {
    background-color: var(--accent);
}

.navbar-container.white-nav .navbar-brand img {
    filter: unset;
}

.navbar-container.white-nav li .nav-link::after {
    background-color: var(--primary-dark-teal);
}

.nav-top-col li .nav-link {
    padding: 1.175rem 1rem;
}

.nav-top-col li:last-child .nav-link {
    padding-right: 0;
}

/* Navigation style for single header */
.nav-absolute-wrapper {
    position: absolute;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.without-content-wrapper.nav-minimal {
    min-height: 82px;
}
.nav-minimal-with-overlay.is-overlay-active .nav-single-overlay {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
.nav-minimal-with-overlay.is-overlay-active .nav-single-default {
    opacity: 0;
    pointer-events: none;
}

.nav-absolute-wrapper.nav-single-overlay {
    opacity: 0;
    pointer-events: none;
    transition: all ease .3s;
    transform: translateY(30px);
}
.nav-absolute-wrapper.nav-single-default {
    transition: all ease .3s;
}

/* Navbar */
.navbar-container .navbar-nav .nav-link {
    color: var(--white);
}
.navbar-light .nav-top-col .navbar-nav .nav-link,
.navbar-dark .nav-top-col .navbar-nav .nav-link {
    color: var(--white);
}

.main-nav {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.navbar-brand {
    position: relative;
    top: 3px;
    user-select: none;
    margin: 0;
}

.navbar-brand img {
    filter: brightness(0) invert(1);
    height: 30px;
    width: auto;
}

.moe-navbar-nav {
    flex-direction: row;
    align-items: center;
}

.moe-navbar-nav > li {
    padding: 1.5rem 1.5rem;
    cursor: pointer;
    padding-top: .25rem;
    margin-top: 1.25rem;
}

/* Navbar is-compact */
.navbar-container.is-compact {
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.15);
}

.navbar-container.is-compact.remove-shadow {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.navbar-container.is-compact .navbar-brand img {
    filter: unset;
}

.navbar-container.is-compact .navbar-nav .nav-link,
.navbar-container.is-compact .moe-navbar-nav li .nav-link {
    color: var(--moengage-blue);
}

.navbar-container.is-compact .moe-navbar-nav li .nav-link:hover {
    color: var(--moengage-blue);
}

/* Button Primary */
.btn-primary {
    background-color: var(--yellow);
    color: var(--moengage-blue);
    border: none;
    font-weight: 500;
    padding: 0.5rem 1.225rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    cursor: pointer;
}

.btn-primary.lg {
    font-size: 1.125rem;
    border-radius: .5rem;
    padding: .5rem 1.75rem;
}

.btn-yellow-outline {
    cursor: pointer;
    padding: 0.75rem 2.75rem;
    font-weight: 500;
    border-radius: 0.25rem;
    background-color: transparent;
    border-color: var(--yellow);
    color: var(--white);
}

.btn-yellow-outline:hover {
    background-color: var(--yellow);
    color: var(--accent);
}

.btn-primary.lg {
    font-size: 1.125rem;
    border-radius: 0.5rem;
    padding: 0.5rem 1.75rem;
}

.btn-primary:focus,
.btn-primary:focus-visible {
    background-color: var(--yellow);
    color: var(--moengage-blue);
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:focus {
    background-color: var(--yellow);
    color: var(--moengage-blue);
    text-decoration: underline;
    border: 1px solid var(--moengage-blue);
    box-shadow: none;
}

.navbar-container .btn-primary {
    margin-inline-start: 1rem;
    padding: 0.44rem 1.225rem;
    color: var(--accent);
}

.navbar-container:not(.is-compact) .btn-primary:active {
    background-color: var(--white);
    color: var(--moengage-blue);
    text-decoration: none;
}
.bg-lite-gray {
    /* background-color: var(--gray-lite-20) !important; */
    background-color: #f4efe6!important;
}
.has-blue-bg .btn-primary:active {
    background-color: var(--white);
    color: var(--moengage-blue);
    text-decoration: none;
}


/* Mega Menu */
.animation-marker-wrapper .mega-menu-container {
    background-color: transparent;
}

.mega-menu-container {
    background-color: #fff;
    color: var(--accent);
    display: none;
    opacity: 1;
    z-index: -1;
    animation: fade-in-animation .3s ease-in-out forwards;
    z-index: -1;
    overflow-x: hidden;
}

.mega-menu-container .cards-row {
    --bs-gutter-x: 3rem;
}

.cards-row .post-card {
    margin: 2rem 0;
    margin-bottom: 4rem;
}

.platform-container {
    display: grid;
    grid-template-columns: 250px 2.2fr 1fr;
    column-gap: 3rem;
    row-gap: 1rem;
    padding: 2rem 0;
    padding-bottom: 0;
    grid-template-areas:
        "pt-col-left pt-col-center pt-col-right"
        "pt-col-left pt-col-center-bottom pt-col-right";
    /* grid-template-rows: 0.5fr 0.65fr; */
}

.pt-col-left {
    grid-area: pt-col-left;
}

.pt-col-center {
    grid-area: pt-col-center;
}

.pt-col-right {
    grid-area: pt-col-right;
    position: relative;
}

.pt-col-center-bottom {
    grid-area: pt-col-center-bottom;
}

.platform-container .pt-col-left>.cta-link {
    align-items: center;
    column-gap: 0.625rem;
    color: var(--moengage-blue);
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 1.75rem;
    /* margin-bottom: 0rem; */
    padding: 1rem 0;
}

.mega-menu-container .cta-link::after {
  min-width: unset;
  min-height: unset;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
}

hr.dark-teal-hr {
    background-color: var(--primary-dark-teal);
    height: 1px;
    margin: 0;
    opacity: 1;
}

.primary-teal-header-small {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-dark-teal);
    text-transform: uppercase;
}

.mega-menu-container .info-block {
    display: flex;
    position: relative;
}

.mega-menu-container .info-block a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.backdrop-list-group {
    list-style: none;
    padding: 0;
}

.backdrop-list-group li {
    padding: 0 !important;
    display: flex;
}

.backdrop-list-group li a {
    position: relative;
}

.backdrop-list-group li a::before {
    content: ' ';
    display: flex;
    height: 4px;
    background-color: var(--primary-dark-teal);
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    transition: all cubic-bezier(.77, 0, .18, 1) .3s;
}

.backdrop-list-group li:hover a::before {
    width: 100%;
}

.mega-menu-container .info-block p {
    margin-bottom: 0.75rem;
    font-weight: 300;
}

.mega-menu-container .info-block-row {
    row-gap: 1.25rem;
}

.mega-menu-container .info-block:hover .hover-ul {
    text-decoration: underline;
}

.info-icon {
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: contrast(0) sepia(100%) hue-rotate(100deg) brightness(1.4) saturate(1.2);
}

.info-icon-container {
    height: 32px;
    width: 32px;
    flex-shrink: 0;
    border-radius: 1rem;
    overflow: hidden;
    background-color: var(--primary-dark-teal);
    /* background-color: rgba(0,0,0,0.3); */
}

.title-primary-blue {
    color: var(--moengage-blue);
}
.primary-blue-text {
    color: var(--moengage-blue) !important;
}

.midnight-blue-text {
    color: var(--accent);
}

.links-block {
    position: relative;
    height: 100%;
    width: 100%;
}

.links-block.has-bg {
    padding: 2rem 0;
}

.links-block.links-block-fixed {
    background-color: #E8FAEF;
    padding-left: 3rem !important;
}

.links-block.links-block-fixed {
    width: 276px;
}

.links-block .link-block-item {
    display: flex;
    color: var(--moengage-blue);
    font-size: 0.875rem;
    font-weight: 400;
    margin-top: 1rem;
    cursor: pointer;
}

.links-block .link-block-item .link-label {
    position: relative;
}

.links-block .link-block-item .link-label::after {
    content: ' ';
    display: flex;
    height: 4px;
    background-color: var(--primary-dark-teal);
    position: absolute;
    left: 0;
    width: 0%;
    transition: all cubic-bezier(.77, 0, .18, 1) .3s;
}

.links-block .link-block-item:hover .link-label::after {
    width: 100%;
}

.teal-bg-overflow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: #E8FAEF;
    top: -3rem;
}

/* Mega Menu(Solutions) */
.post-card-tag {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: var(--primary-dark-teal);
}

.solutions-row {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    overflow: hidden;
}

.links-block-bg {
    position: absolute;
    top: -3rem;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    background-color: #E8FAEF;
    z-index: 0;
}

/* Mega Menu(Customer Success) */
.navbar .customer-success-container {
    padding-bottom: 3rem;
}

/* Mega Menu(Resources) */

/* Mega Menu(Company) */

/* Utility Classes */
.moe-overflow-visible {
    overflow: visible !important;
}
.mt-64 {
    margin-top: 4rem;
}
.moe-py-5 {
    padding: 5rem 0;
}
.moe-pb-5 {
    padding-bottom: 5rem;
}
.moe-mt-5 {
    margin-top: 5rem;
}
.moe-mt-1 {
    margin-top: 1rem;
}
.moe-mb-15 {
    margin-bottom: 1.5rem;
}
.btn-primary img {
    margin-inline-start: 0.75rem;
}

.v-space-120 {
    padding: 7.5rem 0;
}
.show-xs {
    display: none;
}
.mobile-only {
    display: none;
}
.check-list-container {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.check-list-container.height-100 {
    height: 100%;
}
.check-list-container.height-100 li {
    flex: 1;
}

.flex-container {
    display: flex;
}

.animation-is-paused img {
    animation-play-state: paused;
}
.shadow-lg {
    box-shadow: unset !important;
}
.check-list-container li {
    display: flex;
    align-items: flex-start;
    line-height: 1.35;
}

.check-list-container li img {
    width: auto;
    height: 1.25rem;
    margin-inline-end: 1rem;
    position: relative;
    top: 2px;
}

.check-list-container li:not(:last-child) {
    margin-bottom: 1rem;
}
.check-list-container.grid-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.header-center {
    text-align: center;
}

.header-left {
    text-align: left !important;
}

.card-tags {
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background-color: var(--primary-dark-teal);
    border-radius: 4px;
    padding: 5.5px 10px;
    display: inline-block;
    list-style: none;
    margin: unset;
}

.moe-blue-bg {
    background-color: var(--moengage-blue);
    color: var(--white);
}

.moe-accent-bg {
    background-color: var(--accent);
    color: var(--white);
}

.moe-white-bg {
    background-color: var(--white);
    color: var(--accent);
}

.moe-flex {
    display: flex;
}

.moe-space-between {
    justify-content: space-between;
}

.link-group {
    display: flex;
    column-gap: 1rem;
}

.section-tag {
    font-size: 1rem;
    font-weight: 500;
    color: var(--primary-dark-teal);
    margin-bottom: 0.5rem;
}

.section-tag.mint {
    color: var(--primary-data-teal);
}

.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.page-tag {
    font-size: 1rem;
    color: var(--primary-light-teal);
    font-weight: 500;
    text-transform: uppercase;
}

.spacer {
    margin-top: 70px;
    border-top: 1px solid #dee2e6 !important;
    padding-top: 70px;
}

.col-ten {
    width: 83.33%;
}

.col-eight {
    width: 66.66%;
}

.col-six {
    width: 50%;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.size-h1 {
    font-size: 4.875rem;
    color: var(--accent);
}

.fs-40 {
    font-size: 2.5rem;
    line-height: 2.75rem;
}

.fs-30 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.fs-20 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.fs-12 {
    font-size: 0.75rem;
    line-height: 0.875rem;
}

.accent-text {
    color: var(--accent);
    font-weight: 500;
}
.accent-70-text {
    color: var(--accent70) !important;
}

.moe-blue-text {
    color: var(--moengage-blue);
    font-weight: 500;
}

.dark-teal-text {
    color: var(--primary-dark-teal);
}

.fs-46 {
    font-size: 2.875rem;
}

.fs-50 {
    font-size: 3.125rem;
    line-height: 3.5rem;
}

.fw-500 {
    font-weight: 500;
}

.main-header {
    font-size: 3.125rem;
    color: var(--accent);
    font-weight: 500;
    margin: 0;
}

.main-header.white {
    color: var(--white);
}

.main-description {
    font-size: 1.25rem;
    color: var(--accent);
}

.main-description.white {
    color: var(--white);
}

.page-tag {
    font-size: 1rem;
    color: var(--primary-light-teal);
    font-weight: 500;
}

.page-tag.uppercase {
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.accent-heading {
    font-size: 2.5rem;
    color: var(--accent);
}

.link-list-group {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 2.25rem;
    column-gap: 1rem;
}
.link-list-group.reverse .cta-link::after {
    display: none;
}
.cta-link:hover::before {
    background-color: var(--yellow);
}
.link-list-group.reverse .cta-link::before {
    content: '';
    display: flex;
    height: 25px;
    min-width: 25px;
    border-radius: 14px;
    background-image: url('./../images/circle-arrow-blue.svg');
    transition: all ease .3s;
    margin-inline-end: 0.75rem;
}

.section-content-title {
    font-size: 2.5rem;
    color: var(--accent);
    font-weight: 500;
    margin: 0;
}
.security-section-container .section-content-title {
    font-size: 3.125rem;
    line-height: 1.15;
    font-weight: 400;
}
.section-content-paragraph {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: var(--accent);
}

.btn-yellow-transparent {
    color: var(--yellow);
    display: flex;
    align-items: center;
}

.btn-yellow-transparent:hover {
    color: var(--yellow);
    text-decoration: underline;
}

.primary-teal-header-small {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-dark-teal);
}

.relative {
    position: relative;
}

.title-primary-blue {
    color: var(--moengage-blue);
}

.midnight-blue-text {
    color: var(--accent);
}

.underline {
    text-decoration: underline;
    cursor: pointer;
}

.pb5 {
    padding-bottom: 5rem;
}

.green-text {
    color: var(--green);
}

.accent-bg {
    background-color: var(--accent);
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
    line-height: 18px;
}

.pl3 {
    padding-left: 3rem;
}

.pv-2 {
    padding: 2rem 0;
    font-weight: 500;
}

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

.mb-20 {
    margin-bottom: 20px;
}

.mw-190 {
    max-width: 190px;
}

.mw-205 {
    max-width: 205px;
}
.dir-column {
    flex-direction: column;
}
.btn-group-container.dir-column {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}
.btn-group-container.dir-column .btn {
    width: 100%;
}
.btn-group-container.dir-column .btn:first-of-type {
    margin-bottom: 1.5rem;
}
.btn-group-container,
.link-group-container {
    display: flex;
    flex-wrap: wrap;
}

.link-group-container {
    column-gap: 2rem;
    row-gap: 0.75rem;
}

.btn-group-container.center {
    justify-content: center;
    margin-right: -2.5rem;
    margin-left: -2.5rem;
}
.btn-group-container.center > * {
    margin-right: 2.5rem;
}
.industry-page .customer-engagement-section .btn-group-container.center > :not(:last-child) {
    margin-right: 1.25rem;
}
.industry-page .customer-engagement-section .btn-group-container.center > :last-child {
    margin-left: 1.25rem;
}

.btn-blue-outline {
    background-color: var(--white);
    color: var(--moengage-blue);
    border: none;
    padding: 0.5rem 1.275rem;
    border: 1px solid var(--moengage-blue);
    font-weight: 500;
}

.btn-blue-outline.transparent {
    background-color: transparent;
}

.btn-blue-outline:hover {
    background-color: var(--yellow);
    color: var(--moengage-blue);
    text-decoration: underline;
    border: 1px solid var(--moengage-blue);
    box-shadow: none;
}

.btn-blue-outline:active,
.btn-blue-outline:active:focus,
.btn-blue-outline:focus {
    background-color: var(--white);
    color: var(--moengage-blue);
    text-decoration: none;
    border: 1px solid var(--moengage-blue);
    box-shadow: none;
}

.btn-blue-fill {
    background-color: var(--moengage-blue);
    color: var(--white);
    border: none;
    padding: 0.438rem 1.275rem;
    border: 1px solid var(--moengage-blue);
    font-weight: 500;
    box-shadow: none;
}

.btn-blue-fill:hover {
    color: var(--white);
}

.horizontal-flip {
    transform: rotate(180deg);
}

/* Section Title (Utility Class) */
.section-title-container.center {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enterprise-section-container {
    color: var(--white);
}

.section-title-container .section-title {
    font-size: 3.125rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    line-height: 3.5rem;
    color: var(--accent);
}

.section-title-container .section-title.fs-40 {
    font-size: 2.5rem;
    line-height: 1.1;
}
.section-title.fs-2 {
    font-size: 2rem;
}

.section-title-container p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25rem;
    color: var(--accent);
    margin-bottom: 0;
}

.section-title-container.light .section-title,
.section-title-container.light p {
    color: var(--white);
}

/* Logo Container (Utility)  */
.logo-container {
    text-align: center;
    color: var(--accent);
    margin-bottom: 3rem;
}

.logo-container .logo-image-container {
    display: flex;
    margin-right: -5.25rem;
    justify-content: center;
    align-items: center;
}
.logo-container .logo-image-container > *:not(.marker) {
    margin-right: 5.25rem;
}

/* Animated Tabs (utility)  */
.tabs-container {
    list-style: none;
    padding: 0;
    display: flex;
    border-bottom: 1px solid var(--moengage-blue);
    justify-content: space-between;
    margin: 0;
    position: relative;
}

.tabs-container .marker {
    display: flex;
    height: 0.375rem;
    background-color: var(--moengage-blue);
    width: 94px;
    position: absolute;
    bottom: -0.188rem;
    left: 0;
    transition: all ease .3s;
    color: var(--moengage-blue);
}

.tabs-container li.is-active {
    color: var(--accent);
}

.tabs-container li {
    cursor: pointer;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    color: var(--primary-gray-text);
    position: relative;
    transition: all ease .3s;
}

/* .tabs-content-container .tab-content {
    display: none;
}

.home-main .customer-stories-section-container .tabs-content-container .tab-content  {
    display: flex;
}

.tabs-content-container .tab-content.active {
    display: flex;
    animation: fade-in-animation .3s ease-in-out forwards;
} */

.tabs-content-container.v-tab-content-container .tab-content {
    flex-direction: column;
}

.tabs-content-container p {
    color: var(--accent);
    margin: 2rem 0;
    line-height: 1.375rem;
}

.customer-relation-section-container .tabs-content-container p {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
}

.absolute-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.absolute-bg-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* Post Card(Component) */
.post-card {
    width: 100%;
    max-width: 250px;
    text-decoration: none;
    display: block;
    padding-bottom: 1rem;
}

.post-card.has-anchor {
    position: relative;
    z-index: 1;
}

.post-card.has-anchor.disable-paragraph .post-card-title {
    min-height: 110px;
    width: 70%;
}

.post-card.has-anchor .overlay-anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.post-card-img-wrapper {
    width: 100%;
    max-width: 250px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.post-card-img-wrapper img {
    width: 100%;
    height: auto;
    max-height: 250px;
    object-fit: contain;
}

.post-card.video-card .post-card-img-overlay {
    display: flex;
}

.post-card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 35, 124, 0.7);
    transition: all ease 300ms;
    display: none;
    justify-content: center;
    align-items: center;
}

.video-card .play-icon {
    height: 32px;
    width: 32px;
}

.post-card-img-wrapper img {
    max-height: 250px;
    object-fit: contain;
}

.post-card-title {
    font-size: 1rem;
    color: var(--moengage-blue);
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.mega-menu-container .cta-link {
  font-size: 0.875rem;
}

.post-card-description {
    color: var(--accent);
    font-size: 0.875rem;
    margin-bottom: 1.625rem;
    font-weight: 300;
}

.post-card.has-anchor .overlay-anchor:hover~.cta-link {
    text-decoration: underline;
    transition: all ease .3s;
}

.post-card.has-anchor .overlay-anchor:hover~.cta-link::after {
    background-color: var(--yellow);
}

.post-card:hover .post-card-title {
    text-decoration: underline;
}

/* Accordion(Component) */
.moe-accordion-content {
    transition: all ease 0.3s;
}

/* CTA Link */
.cta-link.yellow-fill {
    color: var(--yellow);
    font-weight: 400;
    text-decoration: none !important;
}

.cta-link.yellow-fill:hover.cta-link,
.cta-link.yellow-outline:hover.cta-link {
    color: var(--yellow);
}

.cta-link.yellow-fill::after {
    background-image: url('./../images/arrow.svg');
}
.cta-link.green-fill {
    color: var(--primary-dark-teal);
    font-weight: 400;
}
.cta-link.green-fill::after {
    background-image: url('./../images/green-arrow-filled.svg');
    transition: all ease .3s;
}
.cta-link.green-fill:hover.cta-link {
    color: var(--primary-dark-teal);
}
.cta-link.green-fill:hover.cta-link::after {
    background-color: unset;
    transform: translateX(6px);
}

.cta-link.yellow-outline {
    color: var(--yellow);
    font-weight: 400;
}

.blue-bg .cta-link.yellow-outline:hover {
    text-decoration: none;
}

.blue-bg .cta-link.yellow-outline:hover.yellow-outline::after {
    background-image: url('./../images/circle-arrow-blue.svg');
    background-color: var(--yellow);
}

.cta-link.yellow-outline::after {
    background-image: url('./../images/arrow-outline.svg');
    border: 1px solid var(--yellow);
    transition: all ease .3s;
}

.cta-link.yellow-outline:not(.play-icon):hover.cta-link.yellow-outline::after {
    background-image: url('./../images/arrow.svg');
}

.cta-link.yellow-outline.play-icon::after {
    background-image: url('./../images/icon-play-yellow.svg');
    border-color: transparent;
}

.cta-link.yellow-outline:hover.cta-link::after {
    background-color: transparent;
}
.cta-link.dark-teal {
    color: var(--primary-dark-teal);
}
.cta-link.dark-teal::after {
    background-image: url('./../images/arrow-green.svg');
    background-size: contain;
    transform: scaleX(-1);
}
.cta-link {
    font-size: 1rem;
    color: var(--moengage-blue);
    margin: 0;
    display: flex;
    font-weight: 500;
    text-decoration: none;
    align-items: flex-start;
    transition: all ease .3s;
}

.cta-link::after {
    content: '';
    display: flex;
    min-width: 25px;
    min-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 14px;
    background-image: url('./../images/circle-arrow-blue.svg');
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .3s;
    margin-left: 0.75rem;
}

.cta-link.icon-before::before {
    content: '';
    display: flex;
    min-height: 25px;
    min-width: 25px;
    border-radius: 14px;
    background-image: url('./../images/circle-arrow-blue.svg');
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .3s;
}

.cta-link.icon-before::after {
    display: none;
}

.cta-link:hover.cta-link {
    text-decoration: underline;
    color: var(--moengage-blue);
}

.cta-link:hover.cta-link::after {
    background-color: var(--yellow);
}

.cta-link:active.cta-link::after {
    background-color: transparent;
}

.cta-link.icon-before:active.cta-link::before {
    background-color: transparent;
}

.cta-link.icon-before:hover.cta-link::before {
    background-color: var(--yellow);
}

/* Homepage Hero Banner */
main {
    position: relative;
    z-index: 1;
}

.main-banner-container {
    color: #fff;
    /* background-image: url('./../images/bg-circle.svg'); */
    background-image: unset;
    background-repeat: no-repeat;
    background-position: left calc(50% + 27%) bottom 220px;
    background-size: 2200px;
    background-color: #F2FAFB;
    overflow-x: hidden;
}
.main-banner-container .main-banner-content-container {
    position: relative;
}
.main-banner-outer {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.header-circle-container {
    width: 100%;
    overflow: hidden;
}
.header-circle {
    height: var(--header-circle-size);
    width: var(--header-circle-size);
    left: calc(var(--header-circle-center) - 13%);
    bottom: 230px;
    position: absolute;
    border-radius: 50%;
    background-color: var(--accent);
    overflow: hidden;
}
.header-inner-circle {
    display: flex;
    min-height: 400px;
    width: 100%;

}
.header-circle-container .dotted-circle {
    width: 928px;
    height: 928px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(83%);
    bottom: 0;
}
.header-circle-container .dotted-circle  img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.main-banner-container .btn-primary {
    padding: 0.5rem 1.95rem;
}

.hero-main-section .main-banner-row {
    padding: 5.375rem 0 2rem;
}

.main-banner-container .main-banner-row {
    padding: 5.375rem 0 2rem;
    position: relative;
}

.main-banner-container .main-banner-row-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.main-banner-container .main-banner-row-overlay #diwali-light {
    width: 100%;
}

.main-banner-container h1, .main-banner-container .h1 {
    line-height: 1.05;
    font-size: 4.875rem;
    margin-bottom: 2.175rem;
    min-height: 255px;
}

.main-banner-container h1 .green-text {
    display: flex;
    width: 60%;
}

.main-banner-container h1.typewriter-animation .green-text {
    width: 50%;

}
.main-banner-container h1.typewriter-animation .typewrite {
    text-align: left;
    vertical-align: text-top;
}

.main-banner-container h1.typewriter-animation .typewrite::after {
    content: "|";
    animation: blink 0.8s cubic-bezier(0.68, 0.01, 0.01, 0.99) 0s infinite;
    font-size: 80%;
    font-weight: 400;
}

.centered-absolute-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tabs-container {
    list-style: none;
    padding: 0;
    display: flex;
    border-bottom: 1px solid var(--moengage-blue);
    justify-content: space-between;
    margin: 0;
    position: relative;
}

.tabs-container li {
    cursor: pointer;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 300;
    /* color: var(--primary-gray-text); */
    color: 777777;
    position: relative;
    transition: all ease .3s;
}

.tabs-container li.is-active {
    color: var(--moengage-blue);
}

.tabs-container .marker {
    color: var(--moengage-blue);
}

.tabs-content-container .tab-content {
    display: none;
}

.tabs-content-container .tab-content.active {
    display: flex;
    animation: fade-in-animation .3s ease-in-out forwards;
}

.customer-relation-section-container .tabs-content-container {
    padding-top: 3.5rem;
    /* overflow: hidden; */
}

.customer-relation-section-container .tabs-content-container .col-left-container {
    margin-inline-start: 5.75rem;
    width: 75%;
}

.tabs-content-container .tab-heading {
    font-size: 2.5rem;
    line-height: 2.75rem;
    font-weight: 500;
    color: var(--accent);
}

.tabs-content-container p {
    color: var(--accent);
    margin: 2rem 0;
    line-height: 1.375rem;
}


.section-content-heading {
    font-size: 2.5rem;
    line-height: 2.75rem;
    color: var(--accent);
    font-weight: 500;
}

.color-moengage-blue {
    color: var(--moengage-blue);
}

.color-teal {
    color: var(--primary-mint3);
}

.primary-teal {
    color: var(--primary-teal);
}

mark.color-teal {
    color: var(--primary-teal);
}
mark.color-yellow {
    color: var(--yellow);
}

mark.primary-mint {
    color: var(--primary-mint3);
}

mark.color-dark-teal {
    color: var(--primary-dark-teal);
}

mark.color-data-teal {
    color: var(--primary-data-teal);
}

mark.color-light-teal {
    color: var(--primary-light-teal);
}

mark.color-green {
    color: var(--green);
}
mark.color-orange {
    color: #EC4B39 !important;
}
.text-orange {
    color: #EC4B39 !important;
}
.text-500 {
    font-weight: 500;
}
.main-body-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    transition: all ease .3s;
}
.main-body-overlay.active {
    z-index: 1;
    background-color: var(--accent60);
}
.moe-modal.vertical-horizontal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.moe-modal-container {
    pointer-events: fill;
    position: relative;
    z-index: 1;
}

.moe-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1021;
    color: #fff;
    transition: all ease .3s;
    opacity: 0;
    visibility: hidden;
}

.moe-modal .moe-modal-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 20, 71, 0.7);
    z-index: -1;
}

.moe-modal-body {
    display: flex;
    border: 0.5rem solid #000;
    transition: all ease .3s;
    transform: scale(0.9);
}

.tabs-accordian {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
}

.tabs-accordian-header {
    padding: 1.625rem 0rem 1.625rem 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    font-weight: 400;
    margin: 0;
    border-top: 1px solid #fff;
    transition: border-bottom ease .2s;
    user-select: none;
    font-size: 1.188rem;
    transition: all ease .3s;
    line-height: 1.563rem;
}

.tabs-accordian:last-child .tabs-accordian-header {
    border-bottom: 1px solid #fff;
}

.tabs-accordian.is-open .tabs-accordian-header {
    border-top: 4px solid var(--primary-data-teal);
    border-bottom-color: transparent;
    background-color: var(--accent);
    color: var(--primary-data-teal);
}

.tabs-accordian-header::after {
    padding: 1rem 1.25rem;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-start: auto;
    content: "";
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPmNoZXZyb24tZG93bjwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjAwMDAwMCwgLTE2LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjQiPgogICAgICAgICAgICA8ZyBpZD0iY2hldnJvbi1kb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC4wMDAwMDAsIDE3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoIiBwb2ludHM9IjAgMCA0IDQgOCAwIj48L3BvbHlsaW5lPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-position: center;
    background-size: 20px;
    transition: transform .2s ease-in-out;
}

.is-open.tabs-accordian .tabs-accordian-header::after {
    transform: rotate(-180deg);
}

.tabs-accordian-content {
    padding: 0 1.25rem;
    background-color: var(--accent);
    height: 0;
    transform-origin: top center;
}

.tabs-accordian-content li p {
    margin-bottom: 1.125rem;
}

.tabs-accordian-content-header {
    padding-top: 1.75rem;
    margin-bottom: 1.5rem;
    color: var(--primary-data-teal);
    transition: all ease .3s;
}

.tabs-accordian-content .rect-top,
.tabs-accordian-content .rect-mid,
.tabs-accordian-content .rect-main,
.tabs-accordian-content .rect-bottom {
    background-color: #fff;
}

.tabs-accordian-content .feature-image-container {
    margin-top: 1rem;
}

.tabs-accordian-content li:last-child {
    padding-bottom: 2rem;
}

.tab-accordian-button-container {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

/** Resources card section **/
.resources-card-section {
    padding: 5rem 0 7.5rem;
}

.resources-card-section.pt-375 {
    padding-top: 3.75rem;
}
.resources-card-section.pt-7 {
    padding-top: 7rem;
}

.resources-card-row {
    margin-bottom: -3.37rem;
}
.resources-card-row > div[class*=' col'] {
    margin-bottom: 3.75rem;
}

.blog-card-list {
    margin-bottom: -3rem;
}
.blog-card-list > * {
    margin-bottom: 3rem;
}

/** Resources card **/
.library-card {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
}

a.caseStudy-cards-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

a.caseStudy-cards-list:hover .category-text {
    text-decoration: underline;
}

.card-banner {
    width: 100%;
    aspect-ratio: 300 / 157;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
}
@supports not (aspect-ratio: 300 / 157) {
    .card-banner::before {
        float: left;
        padding-top: 52.33%;
        content: "";
    }

    .card-banner::after {
        display: block;
        content: "";
        clear: both;
      }
    .card-banner img {
        position: absolute;
      }
}

.library-card .card-body {
    padding: 0;
}

.card-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partners-page .card-banner img {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #f5f5f5;
    padding: 15px 20px;
}

.custResourceWrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.custResource {
    font-size: 14px;
    color: var(--primary-dark-teal);
    display: flex;
    align-items: center;
    margin-top: 5.5px;
}

.custResource img {
    height: 15px;
    width: 15px;
    object-fit: contain;
    margin-inline-start: 0.25rem;
}

.card-tag-type {
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background-color: var(--primary-dark-teal);
    border-radius: 4px;
    padding: 5.5px 10px;
    display: inline-block;
}

.category-text {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--moengage-blue);
}

.card-border {
    border-top: 1px solid var(--primary-dark-teal);
    margin-top: 1.75rem;
    padding-top: 1.1rem;
}

.card-border p {
    color: var(--primary-dark-teal);
    text-transform: uppercase;
    font-size: 0.875rem;
}

/* blog Card  */
.blog-cards {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-cards:hover {
    color: initial;
}

.blog-cards:hover .blog-content {
    text-decoration: underline;
}

.blog-cards .blog-card-banner {
    width: 100%;
    aspect-ratio: 16/8;
    max-height: 210px;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
}

.blog-cards .blog-card-banner img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.blog-cards .blog-tag-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 1rem;
}

.blog-cards .blog-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: unset;
    margin: unset;
}

.blog-cards .blog-tags {
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Source Code Pro", system-ui;
    /* background-color: var(--primary-dark-teal); */
    background-color: #f580e6;
    border-radius: 4px;
    padding: 5.5px 10px;
    display: inline-block;
    list-style: none;
    margin: unset;
}

.blog-cards .last-updated {
    font-size: 14px;
    /* color: var(--primary-dark-teal); */
    color: var(--accent);
    display: flex;
    align-items: center;
}

.blog-cards .blog-content {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--moengage-blue);
}

.blog-cards .last-updated img {
    height: 15px;
    width: 15px;
    object-fit: contain;
    margin-inline-start: 0.25rem;
}

.blog-cards .span-reading-time .rt-postfix {
    margin-inline-end: 0;
}

.resources-card-section .loadMore-btn {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;
}

.loadMore-btn .cta-link::after {
    transform: rotate(90deg);
}

.loadMore-btn .cta-link:focus {
    box-shadow: unset;
}

/*Resource page framework section*/
.resources-framework-section {
    padding-bottom: 6.25rem;
}

.framework-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.85rem 0 4rem;
    background-color: var(--moengage-blue);
    border-radius: 8px;
    background-image: url('./../images/data-element.svg'), url('./../images/data-element.svg');
    background-repeat: no-repeat;
    background-size: 426px;
    background-position: right -150px bottom 176px, left -150px top 99px;
}

.framework-card .framework-card-title {
    color: #fff;
    width: 57%;
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.875rem;
}

.explore-section {
    padding-bottom: 8rem;
}

.explore-section .section-title-container .section-title {
    margin-bottom: 3rem;
}

/*Explore card*/
.explore-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    text-align: center;
}

.explore-card .explore-img-container {
    width: 100%;
    height: 210px;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1.75rem;
}

.explore-card .explore-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.explore-card .explore-header {
    font-size: 1.875rem;
    color: var(--moengage-blue);
    margin-bottom: 0.75rem
}

.explore-card .explore-description {
    color: var(--accent);
    margin-bottom: 1.5rem;
    line-height: 1.375;
}

.explore-card .btn-primary {
    z-index: 2;
    cursor: pointer;
}

/*subscribtion section*/
.resources-subscribe-section {
    padding-top: 7.25rem;
    padding-bottom: calc(3.75rem + var(--footer-overlay-height));
    background-color: var(--green-shade);
    background-image: url('./../images/data-element.svg');
    background-repeat: no-repeat;
    background-size: 64.5vw;
    background-position: right calc(50% + -556px) top 80px;
    scroll-margin-top: 136px;
}
.section-without-footer.resources-subscribe-section {
    padding-bottom: 3.75rem;
}
.resources-subscribe-section .section-title-container .section-title {
    margin-bottom: 1rem;
}

.resources-subscribe-section .section-title-container .section-subtitle {
    padding-bottom: 1rem;
    margin-left: unset;
    margin-right: unset;
    width: 85%;
    line-height: 1.2;
}

.btn-primary.subscribe-btn {
    background-color: var(--moengage-blue);
    color: #fff;
}

.subscribe-input-row {
    max-width: 800px;
}
.resources-subscribe-section .hubspot-form-container {
    margin-top: -1.5rem;
}
.resources-subscribe-section .hubspot-form-container .btn {
    padding: 0.438rem 0.95rem;
}
.resources-subscribe-section .hubspot-form-container p {
    margin-bottom: 0;
}

.resources-subscribe-section .form-label {
    font-size: 0.875rem;
    margin-bottom: 4px;
    margin-inline-start: 2px;
    color: var(--accent);
}

.resources-subscribe-section .form-control {
    height: 42px;
    border: 1px solid var(--primary-dark-teal);
    margin-bottom: 1.25rem;
}

.resources-subscribe-section .form-check {
    user-select: none;
    margin-top: 0;
    cursor: pointer;
    margin-bottom: 2rem;
}

.resources-subscribe-section .form-check .form-check-label {
    cursor: pointer;
    margin-inline-start: 5px;
    font-size: 0.875rem;
}

.resources-subscribe-section .form-check a {
    color: var(--moengage-blue);
    text-decoration: underline;
}

.resources-subscribe-section .form-check-input {
    border-color: var(--primary-dark-teal);
    cursor: pointer;
}

.resources-subscribe-section .form-check-input:checked {
    background-color: var(--primary-dark-teal);
}

.resources-subscribe-section .form-check-input:focus {
    box-shadow: unset;
}
.resources-subscribe-section .hs-email.hs-form-field .hs-error-msgs {
    bottom: -2.5rem;
}
.resources-subscribe-section .hbspt-form form {
    position: relative;
}
.resources-subscribe-section .hbspt-form form > .hs_error_rollup {
    bottom: -2.5rem;
}

/** All resources **/
.resources-header-section {
    color: #fff;
    background-color: var(--moengage-blue);
    padding-top: 2.5rem;
    padding-bottom: 8rem;
    background-image: url('./../images/data-element.svg');
    background-size: 710px;
    background-position: left calc(50% + 345px) top 2.25rem;
    background-repeat: no-repeat;
}
.resources-header-section.with-cta {
    background-size: 810px;
    background-position: left calc(50% + 450px) top 6.25rem;
}

.resources-header-section .hero-main-header {
    margin-bottom: 1.75rem;
}

.resource-header-desc {
    font-size: 1.25rem;
}
.with-cta .resource-header-desc {
    max-width: 500px;
}
.resources-header-section .btn-primary {
    margin-top: 2.5rem;
}
.resources-card-section .resources-tabs-container {
    margin-bottom: 3.75rem;
}

.blog-tabs.resources-tabs-container {
    margin-bottom: 4rem;
}
.resources-tabs-col {
    overflow: hidden;
}
.resources-tabs-container {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-inline-end: -2.875rem;
    row-gap: 1.5rem;
}
.resources-tabs-container .menu-item {
    margin-inline-end: 2.875rem;
}

.resources-tab {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: var(--primary-gray-text);
    margin-bottom: 0;
    position: relative;
    list-style: none;
    font-weight: 300;
}

.resources-tab a {
    color: var(--primary-gray-text);
}

.resources-tab a:hover {
    color: var(--primary-gray-text);
}

.resources-tab.active a {
    color: var(--moengage-blue);
}

.resources-tab::after {
    content: '';
    width: 0%;
    transition: all ease .3s;
}

.resources-tab.active::after,
.resources-tab:hover::after {
    content: '';
    position: absolute;
    left: -2%;
    bottom: -6px;
    height: 4px;
    width: 104%;
    background-color: var(--moengage-blue);
}

/* WORDPRESS STYLING */
.resources-tabs-container#resource-tabs-nav li.menu-item::after {
    content: '';
    width: 0%;
    transition: all ease .3s;
}

.resources-tabs-container#resource-tabs-nav li.menu-item:hover::after {
    content: '';
    position: absolute;
    left: -2%;
    bottom: -6px;
    height: 4px;
    width: 104%;
    background-color: var(--moengage-blue);
}

.resources-card-section .resources-pagination-container {
    margin-top: 3rem;
    margin-bottom: 0;
}

.resources-pagination-container {
    display: flex;
    padding: 0;
    list-style: none;
    justify-content: center;
    column-gap: 2.25rem;
    position: relative;
}

.resources-pagination-container img {
    height: 25px;
    width: 25px;
}

.resources-pagination-container a,
.resources-pagination-container .current {
    color: var(--moengage-blue);
    display: inline-flex;
    justify-content: center;
    width: 25px;
    border: none;
    margin-right: 2rem;
}

.search-wrapping-content {
    padding-bottom: 3rem;
    padding-top: 2rem;
}

.search-wrapping-content .foundresults {
    color: var(--primary-gray-text);
    font-size: 1.125rem;
}

.search-wrapping-content .btnBlue {
    background-color: var(--moengage-blue);
    color: #fff;
    padding: 0.45rem 1.25rem;
    border-radius: 0.25rem;
}

.blog-search-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.75rem;
    font-weight: 500;
    padding-bottom: 1.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--accent);
}

.blog-searched-value {
    color: var(--primary-dark-teal);
}

.home-search-btn {
    display: flex;
    height: 38px;
    width: 38px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.30);
    margin-right: .25rem;
    transition: all ease .3s;
}
.home-search-btn:hover {
    background-color: rgba(255,255,255,0.10);
}
.home-search-btn a {
    z-index: 1;
}
.home-search-btn * {
    transition: all ease .3s;
}
.home-search-btn img {
    width: 45%;
    height: 45%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.navbar-container.is-compact .home-search-btn img{
    filter: unset;
}
.navbar-container.is-compact .home-search-btn  {
    border-color: rgba(0, 35, 124,.3);
}
.nav-top-col .home-search-btn {
    height: 32px;
    width: 32px;
    border: none;
    margin-left: .25rem;
}
/* FOOTER WITHOUT CONTENT */
.footer-without-content-wrapper {
    padding: 2rem 0;
}

.footer-without-content-wrapper .copy-right {
    font-size: 0.875rem;
}

.footer-without-content-wrapper.center {
    display: flex;
    justify-content: center;
}

/* NAV WITHOUT CONENT COMPONENT  */
.without-content-wrapper {
    background-color: var(--white);
    padding: 1.25rem 0;
}

.without-content-wrapper.sticky {
    position: sticky;
    top: 0;
    z-index: 99;
}

.without-content-wrapper.white {
    background-color: var(--white);
    padding: 1.25rem 0;
}

.without-content-wrapper.center {
    display: flex;
    justify-content: center;
}

.without-content-wrapper img {
    height: 1.875rem;
    width: auto;
    object-fit: contain;
}

.without-content-wrapper.accent {
    background-color: var(--accent);
    color: var(--white);
}

.without-content-wrapper.accent img,
.without-content-wrapper.moe-blue img {
    filter: brightness(0) invert(1);
}

.without-content-wrapper.moe-blue {
    background-color: var(--moengage-blue);
}

.black-1 {
    filter: brightness(0);
}

.black-02 {
    filter: brightness(0) opacity(0.2);
}
.lh-12 {
    line-height: 1.12;
}

.tag-list-container {
    all: unset;
    /* color: var(--primary-dark-teal); */
    color: #a3a3a3;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 1.125rem;
}

.tag-list-container li {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: "Source Code Pro", system-ui;
}

.hero-section-header-row .right-col-container p {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.tag-list-container li:not(:last-child)::after {
    content: '|';
    margin-inline-start: 0.5rem;
    margin-inline-end: 0.5rem;
}

.hero-section-header-row .right-col-container .link-group {
    justify-content: space-between;
}

.cta-link.play::after {
    background-image: url('./../images/icon-play-2.svg');
}

.cs-card-container {
    /* background-color: var(--primary-light-blue); */
    background-color: #f4efe6;
    border: 1px solid var(--off-white);
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    height: 100%;
    z-index: -1;
}

.card-body-section {
    padding-bottom: 7.875rem;
}

.card-body-section .main-card-row {
    margin-bottom: -1.5rem;
}
.card-body-section .main-card-row > * {
    margin-bottom: 1.5rem;
}

.cs-card-container p {
    margin: 0;
    color: var(--accent);
}

.cs-card-container .card-header-container {
    position: relative;
    display: flex;
    justify-content: center;
    height: 200px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 0.5rem;
}

.cs-card-container .card-header-container::after {
    content: '';
    display: flex;
    height: 768px;
    width: 768px;
    border-radius: 500px;
    position: absolute;
    background-color: #fff;
    bottom: 0;
    z-index: -1;
}

.cs-card-container .card-body-container {
    padding-left: 1.375rem;
    padding-right: 1.125rem;
    padding-top: 1.75rem;
    padding-bottom: 2.75rem;
    transition: all ease .3s;
}

.cs-card-container .card-header-container .card-tag {
    z-index: 2;
    position: absolute;
    top: 2rem;
    left: 2rem;
    /* background-color: var(--primary-dark-teal); */
    background-color: #f580e6;
    color: var(--white);
    font-family: "Source Code Pro", system-ui;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.cs-card-container .card-header-container img {
    all: unset;
    position: relative;
    z-index: 1;
    width: 78%;
    max-width: 150px;
    object-fit: contain;
    height: 50px;
    max-height: 55px;
    background-color: transparent;
    border: none;
    top: 1.25rem;
}

.cs-card-container .tag-list-container {
    margin-bottom: 0.875rem;
}

.cs-card-container .anchor-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.cs-card-container:hover {
    transition: all ease .3s;
    border-color: var(--moengage-blue);
    cursor: pointer;
}

.cs-card-container:hover .card-body-container p {
    font-weight: 500;
}

.card-body-section .resources-pagination-container {
    margin-top: 3.875rem;
    margin-bottom: 0;
}
.fs-18 {
    font-size: 1.125rem;
}
.resouce-video-component-wrapper > :first-child:not(div.editor-wrapper) {
    margin-top: 5rem;
}
.video-detail-page .main-banner.podcastContentPillar:has( .controls) {
    padding-bottom: 2.5rem;
}
.single-industry-reports {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.single-industry-reports .without-content-wrapper {
    width: 100%;
}
.single-industry-reports .ebook-detail-page-wrapper {
    width: 100%;
    flex-grow: 1;
}
.single-industry-reports .footer-without-content-wrapper {
    width: 100%;
}
div.highlight-and-share-wrapper div:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
div.highlight-and-share-wrapper div:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
div.highlight-and-share-wrapper a {
    font-size: 17px !important;
    padding: 12px 21px !important;
}
div.highlight-and-share-wrapper .has-icon {
    width: 20px;
    height: 20px;
}
.hero-banner-row {
    padding-top: 6.25rem;
    padding-bottom: 4.5rem;
}
.main-banner-outer.center .header-circle {
    left: calc(var(--header-circle-center) - 0%);
    bottom: 0;
}
.main-banner-outer.center .header-circle.neutral-blue {
    /* background-color: var(--gray-lite-20); */
    background-color: rgb(243 239 230 / 1);
}
.hero-banner-row .left-col {
    color: var(--white);
}
.section-title-container.left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.section-title-container.left .section-title {
    line-height: 1.125;
    margin-bottom: .25rem;
}
.section-title-container.left .section-subtitle {
    font-size: 1.125rem;
    color: var(--black60);
  }
.app-marketplace-main .main-banner-outer {
    overflow: visible;
}
.app-marketplace-main .arrow-prev,
.app-marketplace-main .arrow-next {
    transition: all ease .3s;
}
.app-marketplace-main .arrow-prev.swiper-button-disabled,
.app-marketplace-main .arrow-next.swiper-button-disabled {
    opacity: 0.2;
}
.app-marketplace-main .select .select-dropdown {
    top: calc(100% + 0.25rem);
    color: var(--accent);
    max-height: 220px;
    min-width: 220px;
    overflow-y: auto;
}
.app-marketplace-main .main-banner-outer.center .header-circle {
    left: calc(var(--header-circle-center) - 64%);
}
.app-marketplace-main .section-popular-marketplace {
    padding-top: 0;
    position: relative;
    z-index: -1;
}
.app-marketplace-main.detail .section-popular-marketplace {
    padding-top: 5rem;
}
.app-marketplace-main .header-circle {
    bottom: 0;
}
.app-marketplace-main .more-security-wrapper .section-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--primary-dark-teal);
}
.app-marketplace-main .more-security-wrapper .section-title-container p {
    font-size: 1.125rem;
    line-height: 1.65;
    width: 82%;
}
.app-marketplace-main .more-security-wrapper .btn-group-container {
    margin-top: 1.5rem;
}
.app-marketplace-main .more-security-wrapper .section-title-container {
    max-width: 675px;
}
.fluid-search-container {
    position: relative;
}
.fluid-search-container .icon-left {
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.fluid-search-container .icon-right {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.fluid-search-container button.icon-right {
    background-color: unset;
    border: unset;
    right: 0;
    width: 50px;
}
.fluid-search-container .icon-left img,
.fluid-search-container .icon-right img {
    height: 1rem;
    margin-left: auto;
    margin-right: auto;
}
.fluid-search {
    min-height: 44px;
    min-width: 315px;
    padding:  0.75rem 1rem;
    border-radius: 0.375rem;
    border: none;
    outline: none;
}
.fluid-search.has-icon {
    padding-left: 2.5rem;
}
.fluid-search.has-icon {
    padding-left: 2.5rem;
}
.fluid-search.has-icon-right {
    padding-right: 2.5rem;
}
.marketplace-search-container .fluid-search {
    height: 100%;
}
.fluid-search-container .autoComplete_wrapper > input {
    width: unset;
    min-height: 44px;
    min-width: 315px;
    padding: 0.75rem 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
    border: none;
    outline: none;
}
.fluid-search-container .autoComplete_wrapper {
    display: flex;
    align-items: center;
}
.fluid-search-container .autoComplete_wrapper::after {
    content: ' ';
    display: flex;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 1rem;
    background-image: url('../images/search-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.fluid-search-container .autoComplete_wrapper > ul > li{
    font-weight: 400;
    color: var(--black60);
}
.fluid-search-container .autoComplete_wrapper > ul > li mark {
    font-weight: 500;
    color: var(--black80);
}
.fluid-search-container .autoComplete_wrapper > input::placeholder {
    color: rgba(0,0,0,0.9);
}
.fluid-search-container .autoComplete_wrapper > ul .no_result {
    padding: .75rem;
    color: var(--black60);
    text-align: center;
}

.animated-v-tab.tabs-container {
    flex-direction: column;
}
.animated-v-tab.tabs-container .marker {
    display: none;
}
.animated-v-tab.tabs-container {
    border-bottom: none;
}
.moe-tabs-wrapper {
    margin-top: 3rem;
}
.animated-v-tab.moe-bordered-tab.height-100 {
    height: 100%;
}
.animated-v-tab.moe-bordered-tab.height-100 li {
    flex: 1;
    display: flex;
    align-items: center;
}
.animated-v-tab.moe-bordered-tab {
    border: 1px solid var(--primary-gray-text);
    background-color: var(--gray-lite-10);
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.animated-v-tab.moe-bordered-tab li {
    padding: 1.25rem 2.25rem;
    border-right: 1px solid var(--primary-gray-text);
    font-size: 1.875rem;
    line-height: 1.2;
}
.animated-v-tab.moe-bordered-tab li:not(:last-of-type) {
    border-bottom: 1px solid var(--primary-gray-text);
}
.animated-v-tab.moe-bordered-tab li.is-active {
    background-color: #fff;
    border-right-color: #fff;
}
.animated-v-tab.moe-bordered-tab li:first-of-type.is-active,
.animated-v-tab.moe-bordered-tab li:last-of-type.is-active {
    border-right-color: var(--primary-gray-text);
}
.paddingX-inset {
    padding: 0 5.75rem;   
}
.section-moe-tabs .tab-img-container {
    width: 100%;
    margin-top: 3.25rem;
}
.section-moe-tabs .tab-img-container img {
    width: 100%;
    object-fit: contain;
    max-height: 450px;
}
.tabs-content-container.dir-column .tab-content {
    flex-direction: column;
}
.pillarBreadcrumb {
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
}
.moe-accordion.white .tabs-accordian-header {
    border-color: var(--primary-gray-text);
    color: var(--accent);
    font-weight: 500;
}
.moe-accordion.white .tabs-accordian.is-open .tabs-accordian-header {
    background-color: var(--white);
    color: var(--moengage-blue);
}
.moe-accordion.white .tabs-accordian.is-open .tabs-accordian-header {
    border-top-color: var(--accent);
}
.moe-accordion.white .tabs-accordian-header::after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPlBhdGgtMy1Db3B5PC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTMtQ29weSIgc3Ryb2tlPSIjMDAyMzdDIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMSAxIDUgNSA5IDEiPjwvcG9seWxpbmU+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.moe-accordion.white .tabs-accordian-content {
    background-color: transparent;
    color: var(--accent);
}
.moe-accordion.white .moe-accordion-item.is-open .moe-accordion-header {
    border-bottom-color: transparent;
}
.moe-accordion.white .tab-img-container {
    margin-top: .75rem;
    margin-bottom: 4.25rem;
}
.moe-accordion.white .moe-accordion-item:last-of-type .tab-img-container {
    margin-bottom: 0;
}
.header-tab-container {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    background-color: var(--white20);
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 0.25rem;
    position: relative;
}
.header-tab-container .marker {
    background-color: var(--yellow);
    position: absolute;
    left: 4px;
    bottom: 4px;
    top: 4px;
    /* width: 150px; */
    border-radius: .5rem;
    transition: all ease .3s;
}
.header-tab-container li {
    padding: 1rem 1.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    transition: all ease .3s;
}
.header-tab-container li.active {
    border-radius: 0.5rem;
    color: var(--accent);
}
.in-the-new-swiper .swiper-slide {
    height: auto;
}
.in-the-new-swiper-container {
    margin-top: 2.5rem;
}
.in-the-new-swiper-wrapper {
    /* position: absolute; */
}
.in-the-news-main {
    overflow: hidden;
}
.in-the-news-main .mp-card-container .mp-logo-container img {
    mix-blend-mode: multiply;
    object-fit: contain;
    object-position: left;
}
.in-the-news-main .mp-card-container .mp-logo-container {
    width: 60%;
    margin: 0;
    /* margin-left: -1.125rem; */
    background: var(--green-shade);
    border: 1px solid rgba(0,0,0,.08);
}
.in-the-news-main .mp-card-container .mp-card-paragraph {
    color: var(--moengage-blue);
    flex: 1;
}
.in-the-news-main .has-anchor .overlay-anchor {
    z-index: 10;
}
.in-the-news-main .in-the-news-row {
    height: 320px;
}
.news-card-row {
    margin-top: 2.5rem;
}
.news-card-container {
    margin-bottom: 3rem;
}
.news-card-container .image-container img {
    height: 60px;
    width: 100%;
    max-width: 60%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.news-card-container .image-container{
    height: 200px;
    background-color:var(--gray-lite-10);
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news-card-container .date{
    font-size: .875rem;
    color: var(--black60);
}
.news-card-container .title {
    margin-top: 0.5rem;
    font-size: 1.25rem;
    color: var(--accent);
    line-height: 1.3;
}
.in-the-news-main .resources-pagination-container {
    margin-top: 3rem;
    margin-bottom: 6rem;
}
.hubspot-form-container select option {
    color: var(--accent);
}
.press-release-row {
    margin-top: 2.5rem;
}
.moe-plain-card.lg .image-container {
    aspect-ratio: 1200/628;
    margin-bottom: 2rem;
}
.moe-plain-card.lg {
    padding-right: 1.5rem;
}
.moe-plain-card:not(.lg):not(.card-row) {
    margin-bottom: 4rem;
}
.moe-plain-card.card-row .image-container {
    aspect-ratio: 1200/628;
    margin-bottom: 0;
    margin-left: 2rem;
}
.moe-plain-card.card-row {
    margin-bottom: 2rem;
}
.moe-plain-card.card-row .title {
    font-size: 1.25rem;
}
.moe-plain-card.card-row .card-content {
    width: 100%;
}
.moe-plain-card.card-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    position: relative;
}
.moe-plain-card .image-container {
    aspect-ratio: 40.4/21.1;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.moe-plain-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.moe-plain-card.lg .title {
    font-size: 1.5rem;
    color: var(--accent);
    line-height: 1.2;
}
.moe-plain-card .title {
    font-size: 1.25rem;
    color: var(--accent);
    line-height: 1.2;
}
.moe-plain-card .paragraph {
    font-size: 1rem;
    margin-top: 1rem;
    color: var(--black60);
    line-height: 1.25;
}
.moe-plain-card .date.top {
    margin-top: 0;
    margin-bottom: .5rem;
}
.moe-plain-card .date {
    font-size: .875rem;
    color: var(--accent);
    opacity: .4;
    margin-top: .75rem;
}
.press-release-featured {
    padding-bottom: 2.25rem;
}
.in-the-news-main .press-release-main-section .resources-pagination-container {
    margin-top: 1.125rem;
    margin-bottom: 0;
}
.press-release-main-section  {
    padding-bottom: 5rem;
}
#in-the-news-wrapper {
    animation: fade-in-animation .3s ease-in-out forwards;
}
#press-release-wrapper {
    animation: fade-in-animation .3s ease-in-out forwards;
    display: none;
}
.nav-bottom-col-container {
    margin-top: 2rem;
}
.nav-bottom-row a {
    font-weight: 400;
    font-size: 15px;
}
.nav-bottom-col-container {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 2rem 0 0;
}
.nav-bottom-col-container li:not(:last-child) {
    margin-right: 3rem;
}

/************ Global Search ************/
.global-search-nav-logo {
    height: 32px;
    width: auto;
    object-fit: contain;
}
.global-search-nav {
    /* background-color: var(--gray-lite-20); */
    background-color: #f4efe6;
    position: sticky;
    top: 0;
    z-index: 999;
}
.global-nav-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
}
.global-search-page-main .has-anchor {
    position: relative;
}
.global-search-page-main .overlay-anchor {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.global-search-page-main .news-card-container .date {
    font-size: .875rem;
    color: var(--accent);
    opacity: .4;
}
.global-search-page-main .search-section .news-card-container .title,
.global-search-page-main .search-section .moe-plain-card.card-row .title {
    font-weight: 400;
}
.search-close-btn img {
    filter: brightness(2) invert(1) opacity(0.5);
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
}
.global-search-page-main .section-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.without-content-wrapper.center.bg-lite-gray {
    min-height: 76px;
}
/* .without-content-wrapper.center.bg-lite-gray [class^=container-] {
    padding: 1.25rem 0;
} */
.page-template-global-search .without-content-wrapper.white {
    padding: 0;
}
.page-template-global-search .without-content-wrapper.white [class^=container-] {
    padding: 1.25rem 0;
    border-bottom: 1px solid #A3DDBE;
}
.page-template-global-search .nav-absolute-wrapper.nav-single-default {
    /* background-color: var(--gray-lite-20); */
    background-color: #f4efe6;
}
.global-search-hero-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.global-search-page-main .main-banner-outer.center .header-circle.neutral-blue {
    bottom: -20rem;
}
.global-search-hero-container .section-title-container {
    padding: 4.5rem 0;
    margin-bottom: 0;
    width: 100%;
    align-items: flex-start;
    text-align: left;
    padding-bottom: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--accent);
}
.global-search-hero-container .section-title {
    margin: 0;
    font-size: 2.25rem;
    line-height: 1.2;
}
.global-search-hero-container .search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 655px;
    background-color: #fff;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid rgba(207, 219, 223, .23);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);
    flex-shrink: 0;
    transition: border ease 0.24s;
}
.global-search-hero-container .search-container input {
    height: 70px;
    flex: 1;
    border: unset;
    padding: 0 15px 0 0;
    font-size: 20px;
}
.global-search-hero-container .search-container input:focus {
    outline: none;
}
.global-search-hero-container .search-container input::placeholder {
    color: var(--primary-gray-text);
}
.global-search-hero-container .search-container:focus-within {
    border: 3px solid rgba(207, 219, 223, .63);
}
.global-search-hero-container .search-container .search-icon-container {
    padding: 15px 22px 15px 24px;
}
.global-search-hero-container .main-banner-outer.center .header-circle {
    bottom: 20px;
}
.search-page-hero-spacing {
    width: 100%;
    height: 40px;
}
.content-list {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    transition: all ease .2s;
    position: relative;
}
.content-list::before {
    content: '';
    display: flex;
    position: absolute;
    inset: 0;
    background-color: transparent;
    border-radius: .75rem;
    z-index: -1;
    left: -10px;
    right: -10px;
    transition: all ease .2s;
}
.content-list:hover::before {
    /* background-color: var(--primary-light-blue); */
    background-color: #f4efe6;
}
.content-list:hover .title {
    text-decoration: underline;
}
.content-list:last-child {
    /* border-bottom: none; */
}
.global-search-page-main .title-container {
    margin-bottom: 0.625rem;
    display: flex;
    align-items: flex-start;
}
.global-search-page-main .tag {
    /* background-color: var(--primary-dark-teal); */
    background-color: #f580e6;
    color: var(--white);
    font-family: "Source Code Pro", system-ui;
    font-size: 0.75rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.188rem;
    margin-left: .5rem;
    white-space: nowrap;
}
.global-search-page-main .title {
    font-size: 1.125rem;
    color: var(--moengage-blue);
    line-height: 1.125;
    font-weight: 500;
}
.global-search-page-main .paragraph {
    font-size: 1rem;
    color: var(--primary-gray-text);
    line-height: 1.25;
    font-weight: 300;
}
.search-content-wrapper [class*=col-]:last-child .content-list,
.search-content-wrapper [class*=col-]:nth-last-child(2) .content-list {
    border-bottom: none;
}
.search-content-wrapper {
    margin-top: 2rem;
    --bs-gutter-x: 4rem;
    /* padding-bottom: 3.5rem; */
    /* border-bottom: 1px solid var(--off-white); */
}
.search-content-row {
    margin-top: 32px;
}
.section-row {
    --bs-gutter-x: 4rem;
}
.header-link {
    color: var(--moengage-blue);
    text-decoration: underline;
    font-size: .875rem;
}
.header-link:hover {
    color: var(--moengage-blue);
}
.search-section .news-card-container .image-container {
    height: 90px;
    margin-bottom: .75rem;
    background-color: transparent;
    border: 1px solid var(--off-white);
}
.search-section .news-card-container .title {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.search-section .news-card-container .title mark {
    font-weight: 700;
}
.search-section .news-card-container {
    margin-bottom: 1.5rem;
}
.search-section .moe-plain-card.card-row .image-container {
    aspect-ratio: 190/100;
    width: 300px;
    max-width: 100%;
}
.search-section .moe-plain-card.card-row .title {
    font-size: 1.125rem;
    width: 90%;
}
.search-section .moe-plain-card.card-row .title mark {
    font-weight: 700;
}
.search-section .moe-plain-card .date {
    margin-bottom: .75rem;
}
.search-section .moe-plain-card.card-row {
    margin-bottom: 1rem;
}
.section-main-row {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.search-section .blog-cards .blog-tags {
    font-size: .75rem;
}
.search-section .blog-cards .last-updated {
    font-size: .75rem;
}
.search-section .blog-cards .last-updated img {
    height: 10px;
}
.search-section .blog-cards .blog-content {
    font-size: 1.125rem;
    color: var(--accent);
    font-weight: 400;
}
.search-section .blog-cards .blog-content mark {
    font-weight: 700;
}
.search-section .blog-cards .blog-card-banner {
    position: relative;
    background-color: #f2f2f2;
    margin-bottom: 1rem;
}
.search-section .blog-cards .blog-card-banner .video-play-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,35,124,.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-section .blog-cards .blog-card-banner .video-play-btn img {
    height: 3rem;
    width: auto;
    object-fit: contain;
}

/************** Moe Search Styles ***************/
.moe-search-wrapper::before {
    content: ' ';
    background-image: url('./../images/search-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 1rem;
    width: 1rem;
    left: 1.5rem;
}
.moe-search-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    width: 656px;
    max-width: 100%;
    position: relative;
}
.moe-search-wrapper .moe-search{
    width: 100%;
    height: 100%;
}
.moe-search-wrapper .moe-search [class^=ais-] {
    height: 100%;
}
.moe-search-wrapper input {
    box-shadow: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid var(--off-white);
    border-radius: .625rem;
    padding-left: 3.5rem;
    outline: none;
    transition: all ease .3s;
    font-size: 1.25rem;
}
.moe-search-wrapper input:focus {
    border-color: var(--primary-light-blue);
}
.moe-search-wrapper .ais-SearchBox-form::before {
    left: 1.625rem;
    /* height: 1.25rem;
    width: 1.25rem; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: invert(1);
}
.moe-search-wrapper .ais-SearchBox-form {
    background-color: transparent;
}
.global-search-hero-container .section-title-container .title.sm {
    margin-top: 1rem;
    /* color: var(--primary-gray-text-2); */
    color: #777777;
    font-weight: 300;
}
.search-content-filter-wrapper {
    padding-top: 2.5rem;
    border-bottom: 1px solid var(--off-white);
    width: 100%;
    overflow: hidden;
    /* background-color: var(--gray-lite-20); */
    background-color: #f4efe6;
}
.search-content-filter-wrapper .tabs-container li {
    margin-left: 1.4375rem;
    margin-right: 1.4375rem;
    padding-left: 0;
    padding-right: 0;
}
.search-content-filter-wrapper .tabs-container {
    justify-content: flex-start;
    border-bottom: none;
    column-gap: 0;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.tabs-container li {
    padding-left: 1.4375rem;
    padding-right: 1.4375rem;
    font-size: 1.25rem;
}
.ais-Hits-item {
    box-shadow: none;
}
.global-search-page-main {
    width: 100%;
    overflow-x: hidden;
}
.global-search-page-main .tab-content {
    flex-direction: column;
}
#search-case-studies-main-container .caseStudy-cards-list {
    padding-bottom: 1.5rem;
    height: 100%;
}
#search-results-blogs .blog-cards,
#search-resources-main-container .blog-cards {
    margin-bottom: 2rem;
}
#search-results-blogs .section-main-row,
#search-case-studies-main-container .section-main-row,
#search-resources-main-container .section-main-row {
    padding-bottom: 1.5rem;
}
.blog-tag-transparent {
    /* color: var(--primary-dark-teal); */
    color: var(--accent);
    font-family: "Source Code Pro", system-ui;
    font-size: .875rem;
    margin-bottom: 0.25rem;
}
.search-pagination-container {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    /* margin-top: 3rem; */
}
.search-pagination-item {
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease .3s;
    border-radius: 30px;
    font-size: 1rem;
    color: var(--moengage-blue);
    margin: 0 .25rem;
    overflow: hidden;
}
.search-pagination-item.active {
    background-color: var(--moengage-blue);
    color: var(--white);
}
.search-pagination-item:hover {
    background-color: var(--primary-light-blue);
}
.search-pagination-prev img {
    transform: scaleX(-1);
}
.search-pagination-prev img,
.search-pagination-next img {
    width: 112%;
    height: 112%;
    object-fit: contain;
}
#search-results-all .caseStudy-cards-list {
    height: 100%;
}
#search-results-all.active .section-main-row {
    padding-bottom: 0;
}
.global-search-page-main mark {
    background-color: var(--yellow);
    color: var(--accent);
    font-weight: 400 !important;
}
#search-case-studies-container [class*=col-] {
    margin-bottom: 1rem;
}
.press-release-date {
    font-size: .875rem;
    color: var(--accent);
    opacity: .4;
    margin-bottom: 0.5rem;
}
@media (max-width: 991.98px) {
    #search-results-all .caseStudy-cards-list {
        margin-bottom: 1rem;
    }
    .search-content-filter-wrapper .tabs-container li {
        font-size: 1rem;
    }
    #search-in-the-news-container {
        margin-bottom: 3rem;
    }
}
@media (max-width: 767.98px) {
    .search-content-filter-wrapper {
        padding-top: 1rem;
    }
    .global-search-page-main .main-banner-outer.center .header-circle {
        top: unset;
        bottom: -2rem;
    }
    .search-content-filter-wrapper .tabs-container {
        flex-wrap: wrap;
        border: none;
        margin-left: unset;
        width: unset;
        column-gap: unset;
        margin-right: -1.5rem;
        padding-top: 1.625rem;
    }
    .search-content-filter-wrapper .tabs-container li {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1rem;
        font-size: 1.125rem;
        display: flex;
        justify-content: center;
        margin-right: 1.5rem;
    }
    .search-content-filter-wrapper .tabs-container li::after {
        content: " ";
        display: flex;
        height: 6px;
        background-color: var(--moengage-blue);
        position: absolute;
        left: unset;
        bottom: 0.75rem;
        right: unset;
        width: 0%;
        transition: all cubic-bezier(.77,0,.18,1) .3s;
    }
}
@media (max-width: 575.98px) {
    .global-search-page-main .main-banner-outer.center .header-circle {
        bottom: 0;
    }
    .search-section .news-card-container .image-container {
        height: 120px;
    }
    .search-content-row [class*=col-]:not(:last-child) .blog-cards {
        margin-bottom: 2rem;
    }
    .search-section .moe-plain-card.card-row {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .search-section .moe-plain-card.card-row .image-container {
        width: 400px;
        margin-left: 0;
    }
    .search-content-filter-wrapper .tabs-container {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .search-content-filter-wrapper .tabs-container li {
        white-space: nowrap;
    }
}

/* Loading skeletons */
.skeleton {
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse 1.4s ease-in-out infinite;
    border-radius: 4px;
    display: block;
}

@keyframes skeleton-pulse {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.skeleton-card,
.skeleton-list-item,
.skeleton-press-release {
    margin-bottom: 1.5rem;
}

.skeleton-card .skeleton + .skeleton,
.skeleton-list-item .skeleton + .skeleton,
.skeleton-press-release .skeleton + .skeleton {
    margin-top: 0.5rem;
}

.skeleton-banner {
    width: 100%;
    aspect-ratio: 16/8;
    max-height: 210px;
    margin-bottom: 1rem;
    border-radius: 8px;
}

.skeleton-text {
    height: 0.875rem;
}

.skeleton-text-title {
    height: 1.25rem;
    width: 80%;
}

.skeleton-text-sm {
    height: 0.75rem;
    width: 40%;
}

.skeleton-text-short {
    width: 65%;
}

.skeleton-press-release-card {
    height: 5rem;
    margin-top: 0.5rem;
}