.no-style {
  all: unset !important;       /* clears default margins, bold, font-size, etc. */
  display: block;   /* restore block layout */
  margin: 0;        /* explicit, for clarity */
}
.post-categories a:hover {
    color: #fff;
    background-color: rgba(108, 103, 174, 0.8);
}
.block-tab-slider .swiper .img-wrap {
    min-height: 319px;
}
.block-tab-slider .swiper .img-wrap {
    padding-left: 11%;
    padding-right: 11%;
}
.amos-page {
    padding: 35px 35px !important;
}
.amos-page ul, .amos-page ol {
  list-style-position: outside !important;
  list-style-type: initial !important;
  margin-left: 1.6em !important;
  padding-left: 1.3em !important;
}

.amos-page ul {
  list-style-type: disc !important;
}
.amos-page ol {
  list-style-type: decimal !important;
}
.amos-page ul ul,
.amos-page ol ul,
.amos-page ul ol,
.amos-page ol ol {
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
  /* visually nest sub-lists */
  margin-left: 1.4em !important;
}

.amos-page li {
  position: relative;
  margin-bottom: 0.55em;
  font-size: 1.08em;
  color: #23204d;
}

.amos-page ul li::marker,
.amos-page ol li::marker {
  color: #6C67AE !important; /* Amos accent */
  font-size: 1.15em;
}


.grecaptcha-badge { 
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.amos-download-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #E9DFF5;
  border-radius: 20px;
  padding: 40px;
  gap: 36px;
  margin: 36px 0;
  box-shadow: 0 6px 36px rgba(40, 30, 90, 0.05);
}
.arrow-link {
    pointer-events: none;
}
.all-blog-link {
    pointer-events: auto !important;
}

a.btn-v1.dark-purple {
    background: #1F0B36;
    color: #fff;
    text-decoration: none;
    border: 1px solid #1F0B36;
}

/* =========================
   Engage V1 (engage-v1.php)
   ========================= */
.page-template-engage-v1 .engage-v1-hero,
.page-template-engage-v1-php .engage-v1-hero {
    background: linear-gradient(180deg, #FFFFFF 0%, #E9DFF5 100%);
    overflow: hidden; /* crop marquee rows at viewport edges */
    padding-bottom: 60px;
}

.page-template-engage-v1 .block-banner-engage-v1,
.page-template-engage-v1-php .block-banner-engage-v1 {
    background: transparent !important; /* gradient comes from .engage-v1-hero */
    padding-bottom: 0px;
}

.page-template-engage-v1 .block-engage-screenshots,
.page-template-engage-v1-php .block-engage-screenshots {
    margin-top: 24px;
}

.page-template-engage-v1 .engage-screenshots-swiper,
.page-template-engage-v1-php .engage-screenshots-swiper {
    width: 100%;
}

.page-template-engage-v1 .engage-screenshots-swiper .swiper-slide,
.page-template-engage-v1-php .engage-screenshots-swiper .swiper-slide {
    width: 376px;
}

.page-template-engage-v1 .engage-screenshots-swiper img,
.page-template-engage-v1-php .engage-screenshots-swiper img {
    width: 376px;
    height: 229px;
    display: block;
    border-radius: 12px;
    opacity: 1;
    border: 1px solid #E9DFF5;
    box-sizing: border-box;
}

.page-template-engage-v1 .engage-bottom-screenshots,
.page-template-engage-v1-php .engage-bottom-screenshots {
    margin-top: 22px;
}

/* Reverse ONLY the bottom marquee direction without using Swiper reverseDirection (prevents loop jerk) */
.page-template-engage-v1 .engage-bottom-screenshots,
.page-template-engage-v1-php .engage-bottom-screenshots {
    transform: scaleX(-1);
}
.page-template-engage-v1 .engage-bottom-screenshots .swiper-slide,
.page-template-engage-v1-php .engage-bottom-screenshots .swiper-slide {
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    .page-template-engage-v1 .engage-v1-hero,
    .page-template-engage-v1-php .engage-v1-hero {
        padding-bottom: 40px;
    }

    /* Engage screenshots sliders: mobile fixed size */
    .page-template-engage-v1 .engage-screenshots-swiper .swiper-slide,
    .page-template-engage-v1-php .engage-screenshots-swiper .swiper-slide {
        width: 187.72px !important;
    }

    .page-template-engage-v1 .engage-screenshots-swiper img,
    .page-template-engage-v1-php .engage-screenshots-swiper img {
        width: 187.72px !important;
        height: 114.25px !important;
    }
}

.page-template-engage-v1 .block-engage-static-logos,
.page-template-engage-v1-php .block-engage-static-logos {
    background: #ffffff;
    padding: 40px 0;
}

.page-template-engage-v1 .block-engage-static-logos .static-logos-row,
.page-template-engage-v1-php .block-engage-static-logos .static-logos-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px 48px;
    text-align: center;
}

.page-template-engage-v1 .block-engage-static-logos .static-logos-title,
.page-template-engage-v1-php .block-engage-static-logos .static-logos-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    white-space: nowrap;
}

.page-template-engage-v1 .block-engage-static-logos .static-logos-list,
.page-template-engage-v1-php .block-engage-static-logos .static-logos-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px 48px;
}

.page-template-engage-v1 .block-engage-static-logos .static-logo img,
.page-template-engage-v1-php .block-engage-static-logos .static-logo img {
    display: block;
    width: auto;
    max-width: 135px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-static-logos,
    .page-template-engage-v1-php .block-engage-static-logos {
        padding: 28px 0;
    }

    .page-template-engage-v1 .block-engage-static-logos .static-logos-title,
    .page-template-engage-v1-php .block-engage-static-logos .static-logos-title {
        padding-left: 11px;
        padding-right: 11px;
        white-space: normal;
    }

    .page-template-engage-v1 .block-engage-static-logos .static-logos-list,
    .page-template-engage-v1-php .block-engage-static-logos .static-logos-list {
        gap: 14px 24px;
    }

    /* Static logos: first logo taller on mobile only */
    .page-template-engage-v1 .block-engage-static-logos .static-logos-list .static-logo:first-child img,
    .page-template-engage-v1-php .block-engage-static-logos .static-logos-list .static-logo:first-child img {
        height: 59px;
        width: auto;
    }

    .page-template-engage-v1 .block-engage-static-logos .static-logo img,
    .page-template-engage-v1-php .block-engage-static-logos .static-logo img {
        height: 30px;
        max-width: 160px;
    }
}

.page-template-engage-v1 .block-engage-challenges,
.page-template-engage-v1-php .block-engage-challenges {
    position: relative;
    background: transparent;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 56px 0 44px 0;
}

.page-template-engage-v1 .block-engage-challenges::before,
.page-template-engage-v1-php .block-engage-challenges::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #FFA0A0 0%, #FFFFFF 100%);
    opacity: 0.4; /* 40% background opacity */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 0;
}

.page-template-engage-v1 .block-engage-challenges > *,
.page-template-engage-v1-php .block-engage-challenges > * {
    position: relative;
    z-index: 1;
}

.page-template-engage-v1 .block-engage-challenges .engage-challenges-grid,
.page-template-engage-v1-php .block-engage-challenges .engage-challenges-grid {
    max-width: 1327px;
    margin-left: auto;
    margin-right: auto;
}

.page-template-engage-v1 .block-engage-challenges .engage-challenges-title,
.page-template-engage-v1-php .block-engage-challenges .engage-challenges-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 28px;
}

.page-template-engage-v1 .block-engage-challenges .engage-challenge-card,
.page-template-engage-v1-php .block-engage-challenges .engage-challenge-card {
    background: #E36365;
    color: #ffffff;
    border-radius: 12px;
    padding: 24px 22px;
}

.page-template-engage-v1 .block-engage-challenges .engage-challenge-card-title,
.page-template-engage-v1-php .block-engage-challenges .engage-challenge-card-title {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

.page-template-engage-v1 .block-engage-challenges .engage-challenge-card-desc,
.page-template-engage-v1-php .block-engage-challenges .engage-challenge-card-desc {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    font-weight: 300;
}

.page-template-engage-v1 .block-engage-value-prop,
.page-template-engage-v1-php .block-engage-value-prop {
    background: #ffffff;
    padding: 0 0 105px 0;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-value-prop,
    .page-template-engage-v1-php .block-engage-value-prop {
        padding: 0 0 65px 0;
    }
}

.page-template-engage-v1 .block-engage-features,
.page-template-engage-v1-php .block-engage-features {
    background: #ffffff;
    padding: 0 0 70px 0;
}

.page-template-engage-v1 .block-engage-features .engage-features-title,
.page-template-engage-v1-php .block-engage-features .engage-features-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 35px;
}

.page-template-engage-v1 .block-engage-features .engage-feature-card,
.page-template-engage-v1-php .block-engage-features .engage-feature-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #E9DFF5 100%);
    border-radius: 12px;
    padding: 24px 26px;
}

.page-template-engage-v1 .block-engage-features .engage-feature-icon,
.page-template-engage-v1-php .block-engage-features .engage-feature-icon {
    margin-bottom: 19px;
}

.page-template-engage-v1 .block-engage-features .engage-feature-icon img,
.page-template-engage-v1-php .block-engage-features .engage-feature-icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    display: block;
}

.page-template-engage-v1 .block-engage-features .engage-feature-title,
.page-template-engage-v1-php .block-engage-features .engage-feature-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

.page-template-engage-v1 .block-engage-features .engage-feature-subtitle,
.page-template-engage-v1-php .block-engage-features .engage-feature-subtitle {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-features,
    .page-template-engage-v1-php .block-engage-features {
        padding: 0 0 44px 0;
    }

    .page-template-engage-v1 .block-engage-features .engage-features-title,
    .page-template-engage-v1-php .block-engage-features .engage-features-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: 0px;
        margin-bottom: 20px;
    }

    .page-template-engage-v1 .block-engage-features .engage-feature-icon img,
    .page-template-engage-v1-php .block-engage-features .engage-feature-icon img {
        width: 48px;
        height: 48px;
    }

    .page-template-engage-v1 .block-engage-features .engage-feature-title,
    .page-template-engage-v1-php .block-engage-features .engage-feature-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-features .engage-feature-subtitle,
    .page-template-engage-v1-php .block-engage-features .engage-feature-subtitle {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0px;
    }
}

.page-template-engage-v1 .block-engage-single-slider,
.page-template-engage-v1-php .block-engage-single-slider {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
    overflow: hidden;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-single-slider,
    .page-template-engage-v1-php .block-engage-single-slider {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.page-template-engage-v1 .block-engage-single-slider .top,
.page-template-engage-v1-php .block-engage-single-slider .top {
    padding-bottom: 48px;
    text-align: left !important;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-single-slider .top,
    .page-template-engage-v1-php .block-engage-single-slider .top {
        padding-bottom: 9px;
    }
}

.page-template-engage-v1 .block-engage-single-slider .top.text-center,
.page-template-engage-v1-php .block-engage-single-slider .top.text-center {
    text-align: left !important;
}

.page-template-engage-v1 .block-engage-single-slider .ch2,
.page-template-engage-v1-php .block-engage-single-slider .ch2 {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 120% !important;
    letter-spacing: 0px !important;
    color: #1F0B36;
}

.page-template-engage-v1 .block-engage-single-slider .excerpt,
.page-template-engage-v1-php .block-engage-single-slider .excerpt {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    letter-spacing: 0px !important;
    opacity: 0.7;
    color: #1F0B36;
}

.page-template-engage-v1 .block-engage-single-slider .swiper,
.page-template-engage-v1-php .block-engage-single-slider .swiper {
    overflow: visible;
    padding-bottom: 20px;
    position: relative;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-wrapper,
.page-template-engage-v1-php .block-engage-single-slider .swiper-wrapper {
    align-items: center;
    display: flex;
    transition-timing-function: ease !important;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
    width: auto;
    flex-shrink: 0;
    transition: opacity 0.5s ease;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
        width: 700px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
        width: 500px;
    }
}

/* Desktop: show first 3 real slides before JS takeover */
@media (min-width: 768px) {
    .page-template-engage-v1 .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(1),
    .page-template-engage-v1-php .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(1) {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 3;
    }
    .page-template-engage-v1 .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(2),
    .page-template-engage-v1-php .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(2) {
        opacity: 0.5 !important;
        visibility: visible !important;
        z-index: 2;
    }
    .page-template-engage-v1 .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(3),
    .page-template-engage-v1-php .block-engage-single-slider:not(.engage-single-slider-ready) .swiper-slide:not(.dummy-slide):nth-child(3) {
        opacity: 0.5 !important;
        visibility: visible !important;
        z-index: 1;
    }
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-content,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image {
    width: 100%;
    height: 439px;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image img,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image img {
    width: 100%;
    height: 100%;
    max-height: 439px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-info-text,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-info-text {
    margin-top: 40px;
    padding-left: 32px;
    border-left: 4px solid rgba(31, 11, 54, 0.2);
    width: 100%;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-info-text p,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-info-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(31, 11, 54, 0.8);
    margin: 0;
    opacity: 1;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide.slide-active,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide.slide-active {
    opacity: 1 !important;
    pointer-events: auto;
    z-index: 3;
}
.page-template-engage-v1 .block-engage-single-slider .swiper-slide.slide-next,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide.slide-next {
    opacity: 0.5 !important;
    pointer-events: auto;
    z-index: 2;
}
.page-template-engage-v1 .block-engage-single-slider .swiper-slide.slide-preview,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide.slide-preview {
    opacity: 0.5 !important;
    pointer-events: auto;
    z-index: 1;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-slide.dummy-slide,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide.dummy-slide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: auto !important;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.page-template-engage-v1 .block-engage-single-slider .swiper-slide.dummy-slide::after,
.page-template-engage-v1-php .block-engage-single-slider .swiper-slide.dummy-slide::after {
    content: '';
    display: block;
    background: transparent;
    opacity: 0;
    pointer-events: none;
    flex-shrink: 0;
}

/* Dummy slide sizing (matches Solutions single slider; stabilizes snap grid + end behaviour) */
@media (min-width: 1024px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide.dummy-slide::after,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide.dummy-slide::after {
        width: 700px;
        height: 439px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide.dummy-slide::after,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide.dummy-slide::after {
        width: 500px;
        height: 300px;
    }
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide.dummy-slide::after,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide.dummy-slide::after {
        width: 350px;
        height: 250px;
    }
}

/* Match Solutions single-slider mobile sizing (prevents over-tall slides on small screens) */
@media (max-width: 1023px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
        height: 300px;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image {
        height: 300px;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image img,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image img {
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
        height: 250px;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image {
        height: 250px;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image img,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image img {
        max-height: 250px;
    }

    /* Tighten info text spacing for mobile */
    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-info-text,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-info-text {
        margin-top: 24px;
        padding-left: 20px;
    }
}

/* Container clipping + consistent width like other blocks */
.page-template-engage-v1 .block-engage-single-slider .container,
.page-template-engage-v1-php .block-engage-single-slider .container {
    position: relative;
    overflow: hidden;
}

.page-template-engage-v1 .block-engage-single-slider .slider-nav-wrapper,
.page-template-engage-v1-php .block-engage-single-slider .slider-nav-wrapper {
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 40px;
    margin-top: 40px;
}

.page-template-engage-v1 .block-engage-single-slider .custom-nav,
.page-template-engage-v1-php .block-engage-single-slider .custom-nav {
    gap: 24px;
    flex-shrink: 0;
}

.page-template-engage-v1 .block-engage-single-slider .swipe-next,
.page-template-engage-v1 .block-engage-single-slider .swipe-prev,
.page-template-engage-v1-php .block-engage-single-slider .swipe-next,
.page-template-engage-v1-php .block-engage-single-slider .swipe-prev {
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    border: none;
    flex-shrink: 0;
    box-shadow: none;
}

@media (min-width: 768px) {
    .page-template-engage-v1 .block-engage-single-slider .swipe-next,
    .page-template-engage-v1 .block-engage-single-slider .swipe-prev,
    .page-template-engage-v1-php .block-engage-single-slider .swipe-next,
    .page-template-engage-v1-php .block-engage-single-slider .swipe-prev {
        width: 60px;
        height: 60px;
        background-size: 60px;
    }
}

.page-template-engage-v1 .block-engage-single-slider .engage-single-next,
.page-template-engage-v1-php .block-engage-single-slider .engage-single-next {
    background: url("/wp-content/themes/amos/images/v1/right-arrow-single-slider.png") no-repeat center !important;
    background-color: #fff;
}
.page-template-engage-v1 .block-engage-single-slider .engage-single-prev,
.page-template-engage-v1-php .block-engage-single-slider .engage-single-prev {
    background: url("/wp-content/themes/amos/images/v1/left-arrow-single-slider.png") no-repeat center !important;
    background-color: #fff;
}

.page-template-engage-v1 .block-engage-single-slider .engage-single-next.swiper-button-disabled,
.page-template-engage-v1-php .block-engage-single-slider .engage-single-next.swiper-button-disabled,
.page-template-engage-v1 .block-engage-single-slider .engage-single-prev.swiper-button-disabled,
.page-template-engage-v1-php .block-engage-single-slider .engage-single-prev.swiper-button-disabled {
    opacity: 0.4;
}

/* Override global v1.css rules that swap arrow images on [aria-disabled=true] */
.page-template-engage-v1 .block-engage-single-slider .engage-single-next[aria-disabled="true"],
.page-template-engage-v1-php .block-engage-single-slider .engage-single-next[aria-disabled="true"] {
    background: url("/wp-content/themes/amos/images/v1/right-arrow-single-slider.png") no-repeat center !important;
    background-color: #fff !important;
}
.page-template-engage-v1 .block-engage-single-slider .engage-single-prev[aria-disabled="true"],
.page-template-engage-v1-php .block-engage-single-slider .engage-single-prev[aria-disabled="true"] {
    background: url("/wp-content/themes/amos/images/v1/left-arrow-single-slider.png") no-repeat center !important;
    background-color: #fff !important;
}

.page-template-engage-v1 .block-engage-single-slider .engage-single-pagination,
.page-template-engage-v1-php .block-engage-single-slider .engage-single-pagination {
    position: relative;
    height: 4px;
    bottom: auto;
    left: auto;
    background: rgba(31, 11, 54, 0.2);
    border-radius: 2px;
    overflow: hidden;
    flex-grow: 1;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-pagination-progressbar,
.page-template-engage-v1-php .block-engage-single-slider .swiper-pagination-progressbar {
    background: rgba(31, 11, 54, 0.2);
    height: 4px;
    border-radius: 2px;
}

.page-template-engage-v1 .block-engage-single-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.page-template-engage-v1-php .block-engage-single-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #1F0B36;
    border-radius: 2px;
    height: 4px;
}

/* Engage single slider: mobile behavior (match Solutions) */
@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-single-slider .swiper,
    .page-template-engage-v1-php .block-engage-single-slider .swiper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible;
        width: 100%;
        display: block;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-wrapper,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-wrapper {
        margin-bottom: 0;
        display: flex;
        align-items: stretch;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide {
        width: calc(100% / 1.09) !important;
        max-width: calc(100% / 1.09) !important;
        height: auto !important;
        flex-shrink: 0;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Hide dummy slides on mobile */
    .page-template-engage-v1 .block-engage-single-slider .dummy-slide,
    .page-template-engage-v1-php .block-engage-single-slider .dummy-slide {
        display: none !important;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-content,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-content {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image {
        height: 250px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-slide .slide-image img,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-slide .slide-image img {
        height: 250px;
        width: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .page-template-engage-v1 .block-engage-single-slider .slider-nav-wrapper,
    .page-template-engage-v1-php .block-engage-single-slider .slider-nav-wrapper {
        gap: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }

    /* Hide arrows/nav on mobile (pagination dots only) */
    .page-template-engage-v1 .block-engage-single-slider .swipe-next,
    .page-template-engage-v1 .block-engage-single-slider .swipe-prev,
    .page-template-engage-v1-php .block-engage-single-slider .swipe-next,
    .page-template-engage-v1-php .block-engage-single-slider .swipe-prev,
    .page-template-engage-v1 .block-engage-single-slider .custom-nav,
    .page-template-engage-v1-php .block-engage-single-slider .custom-nav {
        display: none !important;
    }

    /* Pagination container (bullets) */
    .page-template-engage-v1 .block-engage-single-slider .engage-single-pagination,
    .page-template-engage-v1-php .block-engage-single-slider .engage-single-pagination {
        width: 100%;
        max-width: 100%;
        height: auto !important;
        position: relative !important;
        text-align: center;
        margin-top: 0 !important;
        padding: 15px 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        bottom: auto !important;
        background: none !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-pagination-bullet,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: rgba(31, 11, 54, 0.3) !important;
        opacity: 1 !important;
        margin: 0 6px !important;
        border-radius: 50%;
        display: inline-block;
        transition: background 0.3s ease;
    }

    .page-template-engage-v1 .block-engage-single-slider .swiper-pagination-bullet-active,
    .page-template-engage-v1-php .block-engage-single-slider .swiper-pagination-bullet-active {
        background: #1F0B36 !important;
        opacity: 1 !important;
    }

    .page-template-engage-v1 .block-engage-single-slider .container,
    .page-template-engage-v1-php .block-engage-single-slider .container {
        overflow: hidden;
        max-width: 100% !important;
    }
}

.page-template-engage-v1 .block-engage-customer-proof,
.page-template-engage-v1-php .block-engage-customer-proof {
    position: relative;
    background: transparent;
    padding: 80px 0;
    border-radius: 0px;
    overflow: hidden;
}

.page-template-engage-v1 .block-engage-customer-proof::before,
.page-template-engage-v1-php .block-engage-customer-proof::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #32BEC0 100%);
    opacity: 0.2; /* 20% background opacity */
    z-index: 0;
}

.page-template-engage-v1 .block-engage-customer-proof .container,
.page-template-engage-v1-php .block-engage-customer-proof .container {
    position: relative;
    z-index: 1;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-inner,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-inner {
    padding: 0px 56px;
    border-radius: 0px; /* no rounded corners */
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-title,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 16px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-subtitle,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-subtitle {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 40px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-card,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 28px 28px;
    box-shadow: 0 10px 28px rgba(20, 20, 40, 0.06);
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-logo,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-logo {
    height: 44px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-logo img,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-logo img {
    max-height: 44px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
}

/* Customer proof: first card logo is taller (mobile + desktop) */
.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo {
    height: 69px;
}
.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo img,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo img {
    max-height: 69px;
}

/* Customer proof: first logo offset on desktop/tablet only */
@media (min-width: 768px) {
    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo {
        margin-top: -15px;
        margin-bottom: 8px;
    }
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-tag,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #C3EEEE;
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 22px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-card-title,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-card-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 12px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-card-desc,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-card-desc {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}

.page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-buttons,
.page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-buttons {
    margin-top: 36px;
}

.page-template-engage-v1 .block-engage-comparison,
.page-template-engage-v1-php .block-engage-comparison,
.page-template-solutions-v1 .block-comparison,
.page-template-solutions-v1-php .block-comparison {
    background: #ffffff;
    padding: 80px 0;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-title,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-title,
.page-template-solutions-v1 .block-comparison .engage-comparison-title,
.page-template-solutions-v1-php .block-comparison .engage-comparison-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 16px;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-desc,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-desc,
.page-template-solutions-v1 .block-comparison .engage-comparison-desc,
.page-template-solutions-v1-php .block-comparison .engage-comparison-desc {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 42px;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table-wrap,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table-wrap,
.page-template-solutions-v1 .block-comparison .engage-comparison-table-wrap,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table-wrap {
    max-width: 1328px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table,
.page-template-solutions-v1 .block-comparison .engage-comparison-table,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table {
    width: 1328px;
    min-width: 1328px;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    /* +10px vertical spacing (was 26px) */
    padding: 36px 16px;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th.h-empty,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th.h-empty,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th.h-empty,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th.h-empty {
    background: #1F0B36;
    color: transparent;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table col.col-amos,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table col.col-amos,
.page-template-solutions-v1 .block-comparison .engage-comparison-table col.col-amos,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table col.col-amos {
    /* One uniform AMOS column background (instead of per-cell) */
    /* Match design: top tinted, bottom white, overall ~20% opacity */
    background: linear-gradient(180deg, rgba(50, 190, 192, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th.h-diy,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th.h-diy,
.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th.h-enterprise,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th.h-enterprise,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th.h-diy,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th.h-diy,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th.h-enterprise,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th.h-enterprise {
    background: #1F0B36;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th.h-amos,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th.h-amos,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th.h-amos,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th.h-amos {
    background: #32BEC0;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th.h-amos img,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th.h-amos img,
.page-template-solutions-v1 .block-comparison .engage-comparison-table thead th.h-amos img,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th.h-amos img {
    height: 26px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td,
.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td {
    /* +10px vertical spacing (was 22px) */
    padding: 36px 16px;
    border-bottom: 1px solid rgba(31, 11, 54, 0.08);
    text-align: center;
    vertical-align: middle;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-title,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-title,
.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td.c-title,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td.c-title {
    text-align: left;
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-diy,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-diy,
.page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-enterprise,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-enterprise,
.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td.c-diy,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td.c-diy,
.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td.c-enterprise,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td.c-enterprise {
    color: rgba(31, 11, 54, 0.7);
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
}

.page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-amos,
.page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-amos,
.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td.c-amos,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td.c-amos {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    background: transparent;
}

/* =========================
   Solutions V1: Comparison table column sizing
   - First column fixed 272px
   - Remaining 3 columns share remaining width
   ========================= */
.page-template-solutions-v1 .block-comparison .engage-comparison-table,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table {
    width: 100%;
    /* Allow horizontal scroll on small screens (wrap has overflow-x:auto) */
    min-width: 900px;
    table-layout: fixed;
}

.page-template-solutions-v1 .block-comparison .engage-comparison-table col.col-title,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table col.col-title {
    width: 272px;
}

.page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td,
.page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td {
    padding: 26px 16px;
}

/* Solutions V1: mobile typography for comparison table (desktop unchanged) */
@media (max-width: 767px) {
    .page-template-solutions-v1 .block-comparison .engage-comparison-table thead th,
    .page-template-solutions-v1-php .block-comparison .engage-comparison-table thead th {
        font-size: 16px;
        padding: 20px 12px;
    }

    .page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td,
    .page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td {
        font-size: 16px;
        padding: 18px 12px;
    }

    .page-template-solutions-v1 .block-comparison .engage-comparison-table tbody td.c-title,
    .page-template-solutions-v1-php .block-comparison .engage-comparison-table tbody td.c-title {
        font-size: 16px;
        line-height: 130%;
    }
}

/* =========================
   Engage: Demo Quote (clone of Solutions .block-demo-quote)
   ========================= */
.page-template-engage-v1 .block-engage-demo-quote,
.page-template-engage-v1-php .block-engage-demo-quote {
    background: linear-gradient(180deg, #FFFFFF 0%, #E9DFF5 100%);
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Engage demo quote: mobile-only tighter top padding */
@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-demo-quote,
    .page-template-engage-v1-php .block-engage-demo-quote {
        padding-top: 12px;
    }
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta {
    padding-right: 40px;
    width: 100%;
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta h2,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta h2 {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 44px !important;
    line-height: 120% !important;
    letter-spacing: 0px !important;
    color: #1F0B36;
    margin-bottom: 24px;
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta h2 span,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta h2 span {
    color: #6C67AE;
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-demo-quote .demo-cta h2 span,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta h2 span {
        display: block;
    }
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta p,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #1F0B36;
    margin-bottom: 32px;
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta .buttons,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta .buttons {
    margin-top: 32px;
}

.page-template-engage-v1 .block-engage-demo-quote .demo-cta .buttons .btn-v1,
.page-template-engage-v1-php .block-engage-demo-quote .demo-cta .buttons .btn-v1 {
    font-family: "Inter", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 120% !important;
    letter-spacing: 0px !important;
    text-align: center;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper {
    width: 100%;
    height: 420px;
    padding: 40px;
    background-color: #1F0B36;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .icon,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .icon {
    margin-bottom: 24px;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .icon img,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .icon img {
    max-width: 100px;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .quote-text,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .quote-text {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 130% !important;
    letter-spacing: 0px !important;
    color: #fff;
    margin-bottom: 20px;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .role,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .role {
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 140% !important;
    letter-spacing: 0px !important;
    color: rgba(255, 255, 255, 0.7);
    padding-top: 8px;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .btm,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .btm {
    margin-top: 24px;
}

.page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .bottom-image,
.page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .bottom-image {
    margin-top: 24px;
}

@media (max-width: 767px) {
    /* Mobile-only adjustments */
    .page-template-engage-v1 .block-engage-demo-quote,
    .page-template-engage-v1-php .block-engage-demo-quote {
        padding-top: 12px;
        padding-bottom: 50px;
    }

    .page-template-engage-v1 .block-engage-demo-quote .demo-cta,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .page-template-engage-v1 .block-engage-demo-quote .demo-cta h2,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta h2 {
        font-size: 32px !important;
        margin-bottom: 16px;
    }

    .page-template-engage-v1 .block-engage-demo-quote .demo-cta p,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta p {
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        margin-bottom: 24px;
    }

    .page-template-engage-v1 .block-engage-demo-quote .demo-cta .buttons,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta .buttons {
        margin-top: 24px;
        flex-direction: column !important;
        width: 100%;
        gap: 12px !important;
    }

    .page-template-engage-v1 .block-engage-demo-quote .demo-cta .buttons .btn-v1,
    .page-template-engage-v1-php .block-engage-demo-quote .demo-cta .buttons .btn-v1 {
        font-family: "Inter", sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 120% !important;
        text-align: center;
        width: 100% !important;
        height: 51px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
    }

    .page-template-engage-v1 .block-engage-demo-quote .quote-wrapper,
    .page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper {
        padding: 30px 20px;
        margin-top: 30px;
        height: auto;
        min-height: 300px;
    }

    .page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .quote-text,
    .page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .quote-text {
        font-size: 20px !important;
        line-height: 130% !important;
    }

    .page-template-engage-v1 .block-engage-demo-quote .quote-wrapper .role,
    .page-template-engage-v1-php .block-engage-demo-quote .quote-wrapper .role {
        font-size: 16px !important;
        line-height: 140% !important;
    }

} /* end @media (max-width: 767px) for Engage demo quote */

/* =========================
   Engage: FAQ / About Amos Engage (accordion)
   IMPORTANT: don't rely on page-template body classes (not always present with header-v1.php).
   Scope to Engage wrapper + block class instead.
   ========================= */
.block-engage-faq,
.engage-v1 .block-engage-faq {
    background: #ffffff;
    padding: 80px 0;
}

.block-engage-faq .engage-faq-inner,
.engage-v1 .block-engage-faq .engage-faq-inner {
    max-width: 1051px;
    margin-left: auto;
    margin-right: auto;
}

.block-engage-faq .engage-faq-title,
.engage-v1 .block-engage-faq .engage-faq-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 28px;
}

/* Increase specificity further (some pages override generic typography) */
body.v1 .block-engage-faq .engage-faq-title { font-size: 32px; }
body.v1 .block-engage-faq .engage-faq-question { font-size: 20px; }
body.v1 .block-engage-faq .engage-faq-answer { font-size: 14px; }

.block-engage-faq .engage-faq-item,
.engage-v1 .block-engage-faq .engage-faq-item {
    border-top: 1px solid rgba(31, 11, 54, 0.15);
}
.block-engage-faq .engage-faq-item:last-child,
.engage-v1 .block-engage-faq .engage-faq-item:last-child {
    border-bottom: 1px solid rgba(31, 11, 54, 0.15);
}

.block-engage-faq .engage-faq-header,
.engage-v1 .block-engage-faq .engage-faq-header {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    text-align: left;
}

.block-engage-faq .engage-faq-question,
.engage-v1 .block-engage-faq .engage-faq-question {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
}

.block-engage-faq .engage-faq-icon,
.engage-v1 .block-engage-faq .engage-faq-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: url("/wp-content/uploads/2026/01/up-arrow.png") no-repeat center;
    background-size: 24px 24px;
    transition: transform 0.18s ease;
}

/* Closed state shows DOWN arrow by flipping the UP arrow */
.block-engage-faq .engage-faq-item:not(.is-open) .engage-faq-icon,
.engage-v1 .block-engage-faq .engage-faq-item:not(.is-open) .engage-faq-icon {
    transform: rotate(180deg);
}

.block-engage-faq .engage-faq-body,
.engage-v1 .block-engage-faq .engage-faq-body {
    padding: 0 0 22px 0;
}

.block-engage-faq .engage-faq-answer,
.engage-v1 .block-engage-faq .engage-faq-answer {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
}

@media (max-width: 767px) {
    .block-engage-faq,
    .engage-v1 .block-engage-faq {
        padding: 56px 0;
    }

    .block-engage-faq .engage-faq-title,
    .engage-v1 .block-engage-faq .engage-faq-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 20px;
    }

    .block-engage-faq .engage-faq-question,
    .engage-v1 .block-engage-faq .engage-faq-question {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0px;
    }

    .block-engage-faq .engage-faq-answer,
    .engage-v1 .block-engage-faq .engage-faq-answer {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0px;
    }
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-comparison,
    .page-template-engage-v1-php .block-engage-comparison {
        padding: 56px 0;
    }

    .page-template-engage-v1 .block-engage-comparison .engage-comparison-title,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: 0px;
        text-align: center;
    }

    .page-template-engage-v1 .block-engage-comparison .engage-comparison-desc,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-desc {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 24px;
    }

    /* Mobile: make horizontal scroll available + hide native scrollbar (we show a custom one) */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table-wrap,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table-wrap {
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge legacy */
        padding-bottom: 8px; /* space so content doesn't sit on indicator */
    }
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table-wrap::-webkit-scrollbar,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table-wrap::-webkit-scrollbar {
        height: 0;
    }

    /* Mobile: table typography */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table {
        font-size: 14px;
        /* Reduce total table width on mobile */
        width: 780px;
        min-width: 780px;
    }

    /* Narrow the first column so other columns shrink too */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table col.col-title,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table col.col-title {
        width: 116px;
    }
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table thead th,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table thead th,
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td {
        font-size: 14px;
        padding: 18px 12px;
    }
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-title,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-title {
        font-size: 14px;
    }

    /* Force 14px on plain text nodes (these <td> rules otherwise win) */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-diy,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-diy,
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-enterprise,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-enterprise,
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-amos,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-amos,
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table tbody td.c-title,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table tbody td.c-title {
        font-size: 14px !important;
    }

    /* Ensure ALL nested text inside cells uses 14px on mobile */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table th *,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table th *,
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-table td *,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-table td * {
        font-size: 14px !important;
    }

    /* Mobile: always-visible custom scroller */
    .page-template-engage-v1 .block-engage-comparison .engage-comparison-scrollbar,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-scrollbar {
        max-width: 1328px;
        margin: 10px auto 0 auto;
        padding: 0 16px;
        display: block;
    }

    .page-template-engage-v1 .block-engage-comparison .engage-comparison-scrollbar-track,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-scrollbar-track {
        height: 10px;
        background: rgba(31, 11, 54, 0.12);
        border-radius: 999px;
        position: relative;
        overflow: hidden;
    }

    .page-template-engage-v1 .block-engage-comparison .engage-comparison-scrollbar-thumb,
    .page-template-engage-v1-php .block-engage-comparison .engage-comparison-scrollbar-thumb {
        height: 100%;
        width: 40px;
        background: #1F0B36;
        border-radius: 999px;
        transform: translate3d(0, 0, 0);
        will-change: transform, width;
        touch-action: none; /* allow thumb dragging */
    }
}

@media (max-width: 991px) {
    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-inner,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-inner {
        padding: 0px 9px;
    }
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-customer-proof,
    .page-template-engage-v1-php .block-engage-customer-proof {
        padding: 50px 0;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-grid > div:first-child .engage-customer-proof-logo {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-title,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: 0px;
        text-align: center;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-subtitle,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-subtitle {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 26px;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-tag,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-tag {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 120%;
        letter-spacing: 0px;
        text-align: center;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-card-title,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-card-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-customer-proof .engage-customer-proof-card-desc,
    .page-template-engage-v1-php .block-engage-customer-proof .engage-customer-proof-card-desc {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0px;
    }
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-prop-inner,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-inner {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 36px 56px;
    /* Keep the gradient panel full container width; constrain content inside separately */
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-prop-content,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-content {
    max-width: 1327px;
    margin-left: auto;
    margin-right: auto;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-prop-inner::before,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #32BEC0 100%);
    opacity: 0.2; /* 20% overall background opacity */
    z-index: 0;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-prop-inner > *,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-inner > * {
    position: relative;
    z-index: 1;
    padding: 0px 16px;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-heading,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-heading {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 0px;
    margin-bottom: 29px;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-subheading,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-subheading {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0px;
    margin-bottom: 33px;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-title,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-title {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0px;
    margin-bottom: 24px;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-benefits,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-benefits {
    list-style: none;
    padding-left: 0;
    margin: 0 0 55px 0;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-benefits li,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-benefits li {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0px;
    position: relative;
    padding-left: 28px;
    margin-bottom: 21px;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-benefits li::before,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-benefits li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url("/wp-content/uploads/2026/01/Vector.png") no-repeat center center;
    background-size: contain;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-image,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    max-width: 520px;
    margin-left: auto;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-image img,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Apply the same section gradient over the image (as in design) */
.page-template-engage-v1 .block-engage-value-prop .engage-value-image::after,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #32BEC0 100%);
    opacity: 0.2;
    pointer-events: none;
}

/* Engage V1: Value proposition right-side video thumbnail + centered play CTA */
.page-template-engage-v1 .block-engage-value-prop .engage-value-video,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-video {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    max-width: 520px;
    margin-left: auto;
    background: transparent; /* prevent .block-banner background from showing */
    padding: 0; /* prevent .block-banner padding from affecting layout */
    color: inherit;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-video .engage-value-video-bg,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-video .engage-value-video-bg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    opacity: 0.6;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-video::after,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-video::after {
    /* Remove the bottom "shadow" / tint overlay on the video thumbnail */
    content: none;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-video .wrap,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-video .wrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.page-template-engage-v1 .block-engage-value-prop .engage-value-video .wrap .btn-v1,
.page-template-engage-v1-php .block-engage-value-prop .engage-value-video .wrap .btn-v1 {
    cursor: pointer;
    box-shadow: 0px 12px 15.8px rgba(0, 0, 0, 0.15);
}

.page-template-engage-v1 .block-engage-value-prop .engage-video-modal-content,
.page-template-engage-v1-php .block-engage-value-prop .engage-video-modal-content {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.page-template-engage-v1 .engage-video-modal-content .btn-close,
.page-template-engage-v1-php .engage-video-modal-content .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 999px;
    padding: 10px;
}

.page-template-engage-v1 .engage-video-modal-media,
.page-template-engage-v1-php .engage-video-modal-media {
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .page-template-engage-v1 .block-engage-value-prop .engage-value-prop-inner,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-inner {
        padding: 32px 24px;
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-image,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-image,
    .page-template-engage-v1 .block-engage-value-prop .engage-value-video,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-video {
        max-width: 100%;
        margin: 22px auto 0 auto;
    }
}

/* Engage V1: Value proposition MOBILE typography + full-width content (desktop unchanged) */
@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-value-prop .engage-value-prop-content,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-content {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-prop-inner,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-prop-inner {
        /* Full-bleed panel on mobile (break out of .container) */
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-heading,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-heading {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-subheading,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-subheading {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-title,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-value-prop .engage-value-benefits > li,
    .page-template-engage-v1-php .block-engage-value-prop .engage-value-benefits > li {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0px;
    }
}

@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-challenges,
    .page-template-engage-v1-php .block-engage-challenges {
        padding: 40px 0 32px 0;
        /* Full-bleed section on mobile (break out of .container) */
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .page-template-engage-v1 .block-engage-challenges .engage-challenges-grid,
    .page-template-engage-v1-php .block-engage-challenges .engage-challenges-grid {
        max-width: 100%;
    }

    .page-template-engage-v1 .block-engage-challenges .engage-challenges-title,
    .page-template-engage-v1-php .block-engage-challenges .engage-challenges-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0px;
        text-align: center;
        padding: 0px 31px;
        margin-bottom: 20px;
    }

    .page-template-engage-v1 .block-engage-challenges .engage-challenge-card-title,
    .page-template-engage-v1-php .block-engage-challenges .engage-challenge-card-title {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0px;
    }

    .page-template-engage-v1 .block-engage-challenges .engage-challenge-card-desc,
    .page-template-engage-v1-php .block-engage-challenges .engage-challenge-card-desc {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0px;
    }

    /* Engage V1: banner mobile layout (desktop unchanged) */
    .page-template-engage-v1 .block-banner-engage-v1 .page-name-top,
    .page-template-engage-v1-php .block-banner-engage-v1 .page-name-top {
        text-align: left !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .h1 h1.no-style,
    .page-template-engage-v1-php .block-banner-engage-v1 .h1 h1.no-style,
    .page-template-engage-v1 .block-banner-engage-v1 h1.no-style,
    .page-template-engage-v1-php .block-banner-engage-v1 h1.no-style {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 30px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
        text-align: left !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .excerpt,
    .page-template-engage-v1-php .block-banner-engage-v1 .excerpt,
    .page-template-engage-v1 .block-banner-engage-v1 .excerpt p,
    .page-template-engage-v1-php .block-banner-engage-v1 .excerpt p {
        font-family: "Inter", sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 140% !important;
        letter-spacing: 0px !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .content,
    .page-template-engage-v1-php .block-banner-engage-v1 .content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    /* Buttons stacked + centered */
    .page-template-engage-v1 .block-banner-engage-v1 .buttons,
    .page-template-engage-v1-php .block-banner-engage-v1 .buttons {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .buttons .btn-v1,
    .page-template-engage-v1-php .block-banner-engage-v1 .buttons .btn-v1 {
        width: 100%;
        max-width: 320px;
        text-align: center;
        justify-content: center;
    }
}

.page-template-engage-v1 .block-banner-engage-v1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #E9DFF5 100%);
    color: #1F0B36;
    padding-top: 60px;
    padding-bottom: 11px;
}

.page-template-engage-v1 .block-banner-engage-v1 .page-name-top {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.05em; /* 5% */
    text-transform: uppercase;
    margin-bottom: 19px;
}

/* Engage banner H1: use higher specificity + !important to beat any late/global banner rules */
.page-template-engage-v1 .block-banner-engage-v1 .h1 h1.no-style,
.page-template-engage-v1-php .block-banner-engage-v1 .h1 h1.no-style,
.page-template-engage-v1 .block-banner-engage-v1 h1.no-style,
.page-template-engage-v1-php .block-banner-engage-v1 h1.no-style {
    color: #1F0B36 !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    font-size: 40px !important;
    line-height: 120% !important;
    letter-spacing: 0px !important;
    text-align: center !important;
}

.page-template-engage-v1 .block-banner-engage-v1 .excerpt,
.page-template-engage-v1 .block-banner-engage-v1 .excerpt p {
    color: #1F0B36;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center !important;
    width: 600px;
    margin-bottom: 29px;
}

/* Engage: force excerpt paragraph block to be centered (works with fixed widths too) */
.page-template-engage-v1 .block-banner-engage-v1 .excerpt,
.page-template-engage-v1-php .block-banner-engage-v1 .excerpt {
    margin-left: auto;
    margin-right: auto;
}
.page-template-engage-v1 .block-banner-engage-v1 .excerpt p,
.page-template-engage-v1-php .block-banner-engage-v1 .excerpt p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-template-engage-v1 .block-banner-engage-v1 .buttons {
    justify-content: center;
}

.page-template-engage-v1 .block-banner-engage-v1 .content {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

/* Engage V1: highlight any <span> inside the H1 (same as Solutions) */
.page-template-engage-v1 .block-banner-engage-v1 .h1 span,
.page-template-engage-v1-php .block-banner-engage-v1 .h1 span,
.page-template-engage-v1 .block-banner-engage-v1 h1 span,
.page-template-engage-v1-php .block-banner-engage-v1 h1 span {
    color: #6C67AE;
}

/* Engage V1: banner MOBILE overrides (must come after desktop rules above) */
@media (max-width: 767px) {
    .page-template-engage-v1 .block-banner-engage-v1 .page-name-top,
    .page-template-engage-v1-php .block-banner-engage-v1 .page-name-top {
        text-align: left !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .h1,
    .page-template-engage-v1-php .block-banner-engage-v1 .h1,
    .page-template-engage-v1 .block-banner-engage-v1 .h1 h1.no-style,
    .page-template-engage-v1-php .block-banner-engage-v1 .h1 h1.no-style,
    .page-template-engage-v1 .block-banner-engage-v1 h1.no-style,
    .page-template-engage-v1-php .block-banner-engage-v1 h1.no-style {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 30px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
        text-align: left !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .excerpt,
    .page-template-engage-v1-php .block-banner-engage-v1 .excerpt,
    .page-template-engage-v1 .block-banner-engage-v1 .excerpt p,
    .page-template-engage-v1-php .block-banner-engage-v1 .excerpt p {
        font-family: "Inter", sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 140% !important;
        letter-spacing: 0px !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .content,
    .page-template-engage-v1-php .block-banner-engage-v1 .content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    /* Buttons stacked + full width */
    .page-template-engage-v1 .block-banner-engage-v1 .buttons,
    .page-template-engage-v1-php .block-banner-engage-v1 .buttons {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100%;
        gap: 12px !important;
        justify-content: center;
        align-items: stretch !important;
    }

    .page-template-engage-v1 .block-banner-engage-v1 .buttons .btn-v1,
    .page-template-engage-v1-php .block-banner-engage-v1 .buttons .btn-v1 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
        box-sizing: border-box;
        text-align: center;
        justify-content: center;
    }
}
.block-impact .title {
    line-height: 120%;
}
.amos-download-cta  h2 {
    font-size: 32px;
}
.amos-cta-content {
  flex: 1 1 320px;
  min-width: 240px;
      max-width: 460px;
}
.amos-cta-content h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #2e1c47;
  margin: 0 0 24px 0;
  line-height: 1.1;
}
.amos-cta-content p {
  font-size: 20px;
    color: #1F0B36;
  margin: 0 0 32px 0;
  max-width: 480px;
}
.amos-cta-btn {
  display: inline-block;
  background: #2e1c47;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 18px 38px;
  border-radius: 32px;
  text-decoration: none;
  transition: background 0.18s;
  box-shadow: 0 2px 8px rgba(40, 30, 90, 0.08);
}
.amos-cta-btn:hover, .amos-cta-btn:focus {
  background: #160b2a;
  color: #fff;
}
.amos-cta-image img {
  display: block;
  max-width: 260px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 10px 32px rgba(20,20,40,0.12);
}


.block-quote .icon img {
  max-height: 100px;
  max-width: 250px;
  width: auto;
  height: auto;
  object-fit: contain;  /* Or use 'object-fit: cover' if you want images to fill the box completely */
  display: block;
}

.block-blog .card-title, .blog-posts .card-title {
    max-height: none;
}
#connectors select {
    padding-left: 23px;
}
.block-connectors .connector {
    margin-bottom: 25px;
}
.banner-post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
.sidebar-blog {
    position: sticky;
    top: 7rem; 
    z-index: 2; 
}

.mb-59 {
    margin-top: 59px;
 }
 .crop-bottom-15 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;  /* Or set a fixed height instead */
  overflow: hidden;
}
.crop-bottom-15 img {
  width: 100%;
  height: 145.65%;         /* 100 / 0.85 = 117.65% */
  object-fit: cover;
  object-position: top center;
  position: absolute;
  top: 0;
  left: 0;
}
 a.btn-v1:hover {
    transform: scale(1.05);      /* 5% increase */
    transition: transform 0.1s;  /* smooth transition */
}
 .block-timeline .ch2 {
    width: auto;
 }
 .block-single-slider img {
    width: 100%;
    height: 93%;
 }
 .m-content {
    width: 85%;
 }
.block-help img.icon {
    height: 44px;
    width: 44px;
    object-fit: contain;
    display: block;
    margin-bottom: 45px;
    max-width: none;
    padding-bottom: initial
}
 
 .swiper-wrapper {
  transition-timing-function: linear !important;
  align-items: center;
}



.logo-slider .swiper-slide {
  width: 10rem;                 /* 160px */
  aspect-ratio: 16 / 9;         /* 160 x 90 */
  display: grid;
  place-items: center;
  padding: 10px;
  background: #fff;             /* Optional, for contrast */
  border-radius: 8px;           /* Optional */
}

.logo-slider .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}


.logo-slider .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* Optional: a nice fade-in/fade-out effect on the sides */
.compact-logo-slider, .logo-slider {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}

/* Block-help slider fade effect
   Desktop/tablet: use mask (works well and matches the original design)
   Mobile: mask can interfere with swipe gestures on some devices, so we use a non-interactive overlay instead. */
@media (min-width: 768px) {
  .help-swiper {
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      white 0%,
      white 91%,
      transparent 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      white 0%,
      white 91%,
      transparent 100%
    );
  }

  /* Disable the fade/peek mask when there is no "next" slide (i.e. swiper is at end) */
  .help-swiper.help-peek-disabled {
    mask-image: linear-gradient(to right, white 0%, white 100%);
    -webkit-mask-image: linear-gradient(to right, white 0%, white 100%);
  }

  /* Desktop end-state: show LEFT fade only (previous slide peeking on the left) */
  .help-swiper.help-peek-left-only {
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      white 9%,
      white 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      white 9%,
      white 100%
    );
  }
}

@media (max-width: 767px) {
  /* Ensure Swiper can always receive horizontal swipe gestures on mobile */
  .help-swiper,
  .help-swiper .swiper-wrapper,
  .help-swiper .swiper-slide,
  .single-slider,
  .single-slider .swiper-wrapper,
  .single-slider .swiper-slide {
    touch-action: pan-y;
    -ms-touch-action: pan-y;
  }

  /* Our desktop single-slider uses pointer-events gating; on mobile it can break touch/swipe.
     Mobile sliders rely on swiping + dots, so allow pointer events on slides. */
  .block-single-slider .swiper-slide {
    pointer-events: auto !important;
  }

  /* On mobile, avoid masks (can block swipe-back from the last slide). */
  .help-swiper {
    position: relative;
    mask-image: none;
    -webkit-mask-image: none;
  }

  /* Fade overlay (pointer-events: none so swiping always works). */
  .help-swiper::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    /* Use the help block background color to "fade out" slides at the edges */
    /* Right-side fade only (no left fade on mobile) */
    background: linear-gradient(
      to right,
      rgba(31, 11, 54, 0) 0%,
      rgba(31, 11, 54, 0) 91%,
      #1F0B36 100%
    );
  }

  /* On last visible slide: show LEFT fade only (because previous slide is peeking on the left) */
  .help-swiper.help-peek-left-only::after {
    background: linear-gradient(
      to right,
      #1F0B36 0%,
      rgba(31, 11, 54, 0) 9%,
      rgba(31, 11, 54, 0) 100%
    );
  }

  /* When there is no next slide, remove the fade/peek overlay */
  .help-swiper.help-peek-disabled::after {
    display: none;
  }

  /* Help slider dummy slide (mobile-only): must never be visible or swipeable */
  .help-swiper .help-dummy-slide {
    width: 1px !important;
    max-width: 1px !important;
    flex: 0 0 1px !important;
    margin-right: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

footer#footer .top .wrap p {
    line-height: 29px;
}

/* Mobile-only styles for block-achieve h2 */
@media (max-width: 767px) {
    #block-achieve h2,
    .block-achieve h2 {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 28px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
        padding: 21px 0px 0px 0px;
    }
}
.block-achieve .wrap {
    padding-right: 128px;
}

.block-blog .card {
    min-height: 475px;
}


.wp-block-columns {
 display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 1rem;
    flex-direction: unset;
}
.wp-block-column {
    flex-basis: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}
header .mm .mega-menu {
    min-height: 291px;
}
.mega-menu h6 {
    min-width: 255px;
}
.campus-menu h6 {
    min-width: 275px;
}
.intigration-menu {
    width: 100%;
}
.campus-menu {
    height: 455px;
}
#mobile-top {
        display: none !important;
    }
    #desktop-top {
        display: flex !important;
    }

.connectors-cta h3 {
    font-weight: 700;
    font-size: 40px;
}

.connectors-cta p {
    padding: 0px 29%;
    margin-top: -15px;
}
.connectors-cta a {
    margin-top: 15px;
}

.footer-btns {
    display: inline-block;width: 500px;
}
.home-artice-all-mo-btn {
        display: none;
}
.row.page-name-top {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    padding-left: 12px;
    color: #6C67AE;
    text-transform: uppercase;
}
.pt-news .news-item {
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 42px;
    border: 1px solid #EAEAEA;
}


.block-banner .title {
    font-size: 14px;
}
.block-banner-v1 .title {
    font-size: 14px;
}
.about-page-banner .h1 {
    font-size: 60px;
}
.about-page-banner {
    font-size: 20px;
    font-family: 'Inter';
    font-weight: 500;
}
.block-impact .title {
    max-width: 657px;
}    
.block-impact .sub-title {
    padding-bottom: 0px;
    color: #1F0B36;
    text-transform: capitalize;
}
.block-impact p {
    color: rgba(31, 11, 54, 0.8); /* 0.8 = 80% opacity */
    font-weight: 500;
    font-size: 20px;
}
.block-impact .card {
    min-height: 457px;
}
.block-it .right {
    color: rgba(31, 11, 54, 0.8);
}
.block-it .right {
    width: 635px;
}
.block-it {
    padding-bottom: 70px;
}
.about-page-banner p {
    color: rgba(31, 11, 54, 0.9); /* 0.9 = 90% opacity */
}
.block-team .top h2 {
    font-size: 40px;
    font-weight: 700;
}
.block-team p {
    font-size: 16px;
    font-weight: 500;
    color: rgba(31, 11, 54, 0.8); /* 80% opacity */
}
.block-team .card-body {
    min-height: 370px;
}
.block-team img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.swipe-next.swiper-button-disabled.is-disabled {
    opacity: 0.4;
}

.block-banner.solid-banner {
    padding-top: 90px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

.block-connectors .actions {
    display: inline-flex;
}

.heading-highlight {
    font-size: 60px;
    font-weight: 700;
}
.block-blog .wrap, .blog-posts .wrap {
    height: 246px;
}
.block-blog .wrap img, .blog-posts .wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.filter-btn-group { display: flex !important; }
    .filter-dropdown { display: none !important; }
.filter-dropdown, .form-select.sort-dropdown {
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #2D1457; /* Deep purple, match your border */
    border-radius: 6px;
    padding: 0.55rem 2.2rem 0.55rem 1rem;
    font-size: 16px;
    text-transform: capitalize;
    color: #2D1457; /* Match text color */
    background: #fff url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L6 6L11 1' stroke='%232D1457' stroke-width='2'/></svg>") no-repeat right 1rem center/1.1rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 160px;
    box-shadow: none;
    outline: none;
    transition: border-color 0.15s;
    text-align: center;                         /* Center text in select */
    text-align-last: center;                    /* Center the currently selected item */
    padding-right: 2.2rem;                      /* Give space for the arrow */
    background-position: right 1.2rem center;   /* Keep arrow vertically centered */
    background-size: 1.3rem auto;
}
.filter-dropdown:focus, .form-select.sort-dropdown:focus {
    border-color: #442484;
}
.filter-label {
    color: #1F0B36;
    font-size: 16px !important;
    font-weight: 700;
}
.sort-wrap {
    display: flex;
    align-items: center;
    gap: 1.25rem;       /* Adjust to taste */
    flex-wrap: nowrap;  /* Prevents children wrapping */
    flex-shrink: 0;     /* Do not shrink */
}

.sort-wrap label {
    white-space: nowrap;
}

.btn.filter-btn, .btn.sort-btn {
    text-transform: capitalize;
}

.sort-wrap.single-filter-only {
        width: auto !important;
        max-width: none !important;
    }
.banner-post {
    color: rgba(31, 11, 54, 0.9);
    font-size: 20px;
    font-weight: 500;
}
.am-sing p {
    color: rgba(31, 11, 54, 0.9);
    font-size: 20px;
    font-weight: 500;
}
.am-sing a {
    color: rgba(31, 11, 54, 0.9);
    text-decoration: underline;
}
.sidebar-blog a {
    text-decoration: none;
}
.block-tab-slider .card-footer:hover, .block-blog .card-footer:hover, .blog-posts .card-footer:hover  {
    background-color: #1F0B36;
}

.block-tab-slider .card-footer:hover .arrow-link, .block-blog .card-footer:hover .arrow-link, .blog-posts .card-footer:hover .arrow-link {
    color: #fff !important;
    /* If your arrow is an SVG, add fill: #fff; below as well */
}

.block-tab-slider .card-footer:hover .arrow-link,
.block-tab-slider .card-footer:hover a.arrow-link, .block-blog .card-footer:hover .arrow-link, .blog-posts .card-footer:hover .arrow-link{
    color: #fff !important;
    background: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.1665 10H15.8332' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M10 4.16663L15.8333 9.99996L10 15.8333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 0 top 2px;
}


/* contact form and about us page */
/* Basic styling for the template */
.contact-amos-container {
    padding: 60px 0 0 0;
}
.contact-amos-title {
    color: #1F0B36;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.contact-amos-title h1 {
    margin: 0 auto;
    display: inline-block;
    max-width: 448px;
}
.contact-amos-subtitle {
    text-align: center;
    color: #6C67AE;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-family: 'Inter';
    font-weight:700;
}
.contact-amos-cards {
    display: flex;
    justify-content: center;
    gap: 0px;
    margin-bottom: 50px;
}
.contact-amos-card {
   background: #fff;
    border-radius: 10px;
    padding: 32px 24px;
    flex: 1 1 0;
    text-align: left;
    border: 1px solid #D8D8D8;
}
.contact-amos-card h4 {
   margin: 0 0 10px 0;
    font-size: 16px;
    color: rgba(7, 24, 51, 0.71) !important;
    font-weight: 600;
}
.contact-amos-card.flex-fill strong {
    font-size: 24px;
    font-weight: 700;
    color: #071833;
}
.contact-amos-card .bottom
{
    margin-top: 20px;
    font-size: 16px;
    color: rgba(7, 24, 51, 0.71) !important;
    font-weight: 600;
}
.contact-amos-card .bottom a
{
    background: #fff;
    border: 2px solid #1F0B36;
    color: #1F0B36;
    padding: 8px 18px;
    border-radius: 24px;
    font-weight: 700;
    display: inline-block;
    margin-top: 8px;
    text-decoration: none;
    font-size: 16px;
}
.contact-amos-card a {
    color: #2d224c;
    font-weight: 700;
    text-decoration: underline;
}
.contact-amos-card .card-icon {
    font-size: 2rem;
    color: #7b6fa9;
    margin-bottom: 10px;
    display: block;
}
.contact-amos-form-section {
    background: #d6f3f5;
    padding: 60px 0;
    margin-top: 40px;
    border-radius: 32px 32px 0 0;
}
.contact-amos-form-wrapper {
    background: #fff;
    border-radius: 18px;
    max-width: 784px;
    margin: 0 auto;
    padding: 44px 133px 36px 133px;
    box-shadow: 0 2px 8px rgba(44, 44, 84, 0.04);
}

#contactModal .contact-amos-form-section {
     background: #fff;
    padding: 0;
    margin-top: 0;
    border-radius: 32px 32px 0 0;
}
#contactModal .contact-amos-form-wrapper {
    background: #fff;
    border-radius: 18px;
    max-width: 784px;
    margin: 0 auto;
    padding: 14px 53px 36px 53px;
    box-shadow: 0 2px 8px rgba(44, 44, 84, 0.04);
}
.contact-amos-form-title {
   font-size: 32px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #1F0B36;
}
.contact-amos-form-desc {
    font-size: 20px;
    color: rgba(31, 11, 54, 0.7);
    margin-bottom: 28px;
    font-weight: 500;
 
}
.contact-amos-form label {
    font-size: 16px;
    font-weight: 600;
    color: rgba(31, 11, 54, 0.7); /* 70% opacity */
    margin-bottom: 6px;
    display: block;
}

.contact-amos-form input,
.contact-amos-form textarea {
    width: 100%;
    padding: 29px 14px;
    margin-bottom: 22px;
    border: 1px solid #DCDCDC;
    background: #F4F4F4;
    border-radius: 4px;
    font-size: 1.01rem;
    font-family: inherit;
    color: rgba(31, 11, 54, 0.5);
    box-shadow: none;
    outline: none;
    transition: box-shadow 0.2s;
}
.contact-amos-form input:focus,
.contact-amos-form textarea:focus {
    box-shadow: 0 0 0 2px #1ec3c9;
    background: #fff;
}
.contact-amos-form textarea {
    min-height: 100px;
    resize: vertical;
    padding: 15px;
}
.contact-amos-form .phone-group {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
}
.iti.iti--allow-dropdown.iti--show-flags {
    margin-bottom: 25px;
}
.contact-amos-form .phone-flag {
    display: flex;
    align-items: center;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 0 10px;
    height: 46px;
    border: none;
    font-size: 1.1rem;
    margin-right: 0;
    min-width: 56px;
    justify-content: center;
}
.contact-amos-form .phone-flag img {
    width: 24px;
    height: 18px;
    margin-right: 6px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}
.contact-amos-form .phone-code {
    background: #f6f6f6;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    height: 46px;
    font-size: 1.01rem;
    width: 56px;
    text-align: center;
    color: #21123d;
}
.contact-amos-form .phone-input {
    flex: 1;
    background: #f6f6f6;
    border: none;
    border-radius: 4px;
    padding: 13px 14px;
    height: 46px;
    font-size: 1.01rem;
    color: #21123d;
}
.contact-amos-form .gdpr {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.contact-amos-form .gdpr input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #d6d6d6;
    width: 16px;
    height: 16px;
}
.contact-amos-form .gdpr label {
    font-size: 0.93rem;
    font-weight: 500;
    color: #b0b0b0;
    margin-top: -15px;
}
.contact-amos-form button {
    width: 100%;
    background: #32BEC0;
    color: #1F0B36;
    border: none;
    border-radius: 24px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 8px;
}
.contact-amos-form button:hover {
    background: #17a2a6;
}

.card .stretched-link {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 5;
}

.block-blog .card:hover .card-footer,
.block-blog .card:focus-within .card-footer {
    background: #1F0B36;
}
.block-blog .card:hover .card-footer .arrow-link,
.block-blog .card:focus-within .card-footer .arrow-link {
    color: #fff !important;
}

.card-footer.hovered {
  background: #1F0B36;
}
.card-footer.hovered .arrow-link {
  color: #fff !important;
}

.post-banner-image-div .alignright {
        margin: 0px;
}

block-impact .card {
    padding: 46px 56px 9px 42px;
}
.block-impact .icon {
    margin-top: -119px;
}
.block-impact .title {
    margin-bottom: 109px;
}





/* Add PNG chevron to "Commercial" (.mm) and "Campus" (.cc) */
.navigation > li.mm > a,
.navigation > li.cc > a {
  position: relative;
  padding-right: 1.25rem; /* room for the icon on the right */
}

/* Default: chevron pointing down */
.navigation > li.mm > a::after,
.navigation > li.cc > a::after {
  content: "";
  position: absolute;
  right: 0.3rem;              /* tweak as needed to align with your spacing */
  top: 50%;
  width: 12px;                /* adjust to your PNG's look/scale */
  height: 8px;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .2s ease;
  background-image: url("/wp-content/uploads/2025/10/chevron.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;       /* so clicks hit the link, not the pseudo-element */
}

/* Open/expanded state: flip chevron up */
.navigation > li.open > a::after,
.navigation > li.mm > a[aria-expanded="true"]::after,
.navigation > li.cc > a[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}
/* Hover/focus: keep chevron in sync when dropdown shows on hover */
.navigation > li.mm:hover > a::after,
.navigation > li.mm:focus-within > a::after,
.navigation > li.cc:hover > a::after,
.navigation > li.cc:focus-within > a::after {
  transform: translateY(-50%) rotate(180deg);
}

.block-quote .bottom-image {
    position: absolute;
    bottom: 0;
    right: 13%;
    max-width: 250px; /* Adjust per design */
}

.block-quote .bottom-image img {
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 992px) {
  .navigation > li.mm > a[aria-expanded="true"]::after,
  .navigation > li.cc > a[aria-expanded="true"]::after,
  .navigation > li.open > a::after,
  .navigation > li.mm:focus-within > a::after,
  .navigation > li.cc:focus-within > a::after {
    transform: translateY(-50%) rotate(0deg);
  }

  .navigation > li.mm:hover > a::after,
  .navigation > li.cc:hover > a::after {
    transform: translateY(-50%) rotate(180deg);
  }
}



.block-quote .bottom-image {
    position: absolute;
    bottom: 0;
    right: 13%;
    max-width: 250px; /* Adjust per design */
}

.block-quote .bottom-image img {
    width: 100%;
    height: auto;
    display: block;
}


.card-bg-grow{position:relative;overflow:hidden}
.card-bg-grow::before{content:"";position:absolute;inset:0;background:var(--card-bg,#ffffff);transform:scale(1);transition:transform .35s ease;border-radius:inherit;z-index:0}
.card-bg-grow:hover::before{transform:scale(1.03)}
.card-bg-grow>*{position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){.card-bg-grow::before{transition:none}}


/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .navigation > li.mm > a::after,
  .navigation > li.cc > a::after {
    transition: none;
  }
}


.partner-page-banner h1 {
font-family: Inter !important;
font-weight: 700;
font-style: Bold;
font-size: 14px;
line-height: 100%;
letter-spacing: 5%;
text-align: center;
color: #32BEC0 !important;
}
.partner-page-banner .excerpt {
    max-width: 1156px;
    margin: 0 auto;
    font-family: Inter;
    font-weight: 700;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
}
.partner-page-banner {
    padding: 95px;
}
.partner-page-banner span {
    color: #32BEC0;
}
.block-partners-grid {
    padding: 45px 0px 195px 0px;
    background-color: #1F0B36;
}
.block-partners-grid h2 {
    font-family: Inter !important;
    font-weight: 600;
    font-size: 60px !important;
    line-height: 110.00000000000001%;
    letter-spacing: 0px;
}
.block-partners-grid p {
    font-size: 20px;
}
.block-partners-grid .card {
    border-radius: 20px;
}

.connector.education p, .connector.commercial p {
    color: #1F0B36;
    font-family: Inter;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 16px;
}
.connector.education h5, .connector.commercial h5 {
    color: #1F0B36;
    font-family: Inter;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 6px;
    font-size: 24px;
}
.block-partners .actions {
    padding: 0px;
}
.block-partners .blog-filters {
    padding: 0px;
}
.block-partners .actions input {
    margin-right: 0px;
}

.partner-single-banner {
    padding-top: 15px !important;
}
.block-banner.solid-banner.partners-list-hero {
    padding-top: 11px;
}
/* Very small phones (<=415px): All auto, others share remaining space */
@media (max-width: 415px){
    .block-partners .blog-filters .filter-responsive-group{ margin-bottom:12px; }
    .block-partners .blog-filters .filter-btn-group{
        display: grid !important;
        grid-template-columns: auto 1fr 1fr !important;
        gap: 6px !important;
        width: 100% !important;
    }
    .block-partners .blog-filters .filter-btn-group .btn{
        width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        padding: 10px 6px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }
}
/* Slightly wider small phones (<=480px): All auto, others share */
@media (max-width: 480px){
    .block-partners .blog-filters .filter-btn-group{
        display: grid !important;
        grid-template-columns: auto 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .block-partners .blog-filters .filter-btn-group .btn{
        width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        padding: 10px 6px !important;
        margin: 0 !important;
        line-height: 1.15 !important;
    }
}
/* Failsafe: force single-line grid for small screens up to 600px - All auto, others share */
@media (max-width: 600px){
    .block-partners .blog-filters .filter-btn-group{
        display: grid !important;
        grid-template-columns: auto 1fr 1fr !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        width: 100% !important;
    }
    .block-partners .blog-filters .filter-btn-group .btn{
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        padding: 9px 21px !important;
        line-height: 1.2 !important;
    }
}


 /* Partners list: mobile stacking for filters + search */
 @media (max-width: 1093px) {
     .block-partners .blog-filters .wrap-filters{
         flex-direction: column !important;
         justify-content: flex-start !important;
         align-items: stretch !important;
         gap: 12px;
     }
     .block-partners .blog-filters .filter-responsive-group{
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100% !important;
         margin-bottom: 6px;
         order: 1; /* ensure filters appear first */
     }
     .block-partners .blog-filters .filter-label{
         display: block;
         margin-bottom: 10px;
     }
     .block-partners .blog-filters .filter-btn-group{
         width: 100%;
         gap: 10px;
     }
     .block-partners .blog-filters .sort-wrap.actions{
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100% !important;
         order: 2; /* ensure search appears after filters */
         margin-top: 8px;
     }
     .block-partners .blog-filters .actions input{
         width: 100% !important;
     }
 }
 /* Partners-only overrides to avoid global mobile rules */
 @media (max-width: 767px){
     /* Keep tag buttons visible for partners */
     .block-partners .filter-btn-group{ display:flex !important; }
     .block-partners .filter-dropdown{ display:none !important; }
     .blog-filters {
        margin-top: 43px;
    }
 }
 @media (max-width: 992px){
     /* Prevent global .btn rule from stretching partner filter buttons */
     .block-partners .filter-btn-group .btn{
         width:auto !important;
         display:inline-flex !important;
         margin:0 !important;
         margin-bottom:0 !important;
         font-size:15px !important;
         font-weight:700 !important;
     }
 }
 
 @media (max-width: 767px){
     .block-partners .blog-filters .wrap-filters{ display: block !important; }
     .block-partners .blog-filters .filter-responsive-group{ display:block !important; }
     .block-partners .blog-filters .sort-wrap.actions{ display:block !important; }
     /* Ensure partners page keeps the filter label visible on mobile */
     .block-partners .blog-filters .filter-label{ display:block !important; }
     /* Override global rule that hides labels inside blog-filters on mobile */
     .block-partners .blog-filters .wrap-filters .label,
     .block-partners .blog-filters .wrap-filters label{ display:block !important; }
     .block-partners .blog-filters .actions input{
         font-size:16px;
         padding-top:14px;
         padding-bottom:14px;
         padding-left:48px;
         border-radius:6px;
         background-position: left 16px center;
         background-size:20px auto;
     }

     
 }


@media (min-width: 767px) and (max-width: 1167px) {
    .sidebar-blog .wrap {
        display: none;
    }
    .block-impact .icon img {
        width: 99%;
    }
} 

@media (min-width: 1921px) and (max-width: 9700px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 1700px) and (max-width: 1920px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 1500px) and (max-width: 1699px) {
    .container {
        max-width: 1500px;
    }
    .block-partners-grid h2 {
        font-size: 45px !important;
    }
    .block-partners-grid .img-fluid {
        width: 255px;
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .container {
        max-width: 1400px;
    }
    .block-partners-grid h2 {
        font-size: 25px !important;
    }
    .block-partners-grid .img-fluid {
        width: 195px;
    }
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .container {
        max-width: 1191px;
    }
    .block-partners-grid h2 {
        font-size: 19px !important;
    }
    .block-partners-grid .img-fluid {
        width: 145px;
    }
    .block-partners-grid p {
        font-size: 13px;
    }
    header nav a {
        font-size: 15px;
    }
    header nav > ul > li {
        padding-left: 9px;
        padding-right: 19px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header nav > ul > li {
        padding-left: 5px;
        padding-right: 7px;
    }
    header nav a {
        font-size: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 921px) {
    .container {
        max-width: 800px;
    }
    .block-partners-grid h2 {
        font-size: 19px !important;
    }
    .block-partners-grid .img-fluid {
        width: 145px;
    }
    .block-partners-grid p {
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .contact-amos-form-wrapper {
        padding: 24px 8px;
    }
}
/* Additional styling to match the design */
.iti {
  width: 100%;
}
.iti--allow-dropdown .iti__flag-container {
  border-radius:  4px;
  background: #f6f6f6;
  border: none;
}
.iti__selected-flag {
  background: #f6f6f6 !important;
  border-radius: 4px 0px 0px 4px !important;
  border: none;
}
.iti__country-list {
  z-index: 9999;
}
.contact-amos-form input#phone {
  background: #f6f6f6;
    border: 2px solid #DCDCDC;
    border-radius: 4px;
    height: 46px;
    font-size: 1.01rem;
    color: #21123d;
    padding-left: 60px !important;
}
.iti__selected-flag
 {
    background: #f6f6f6 !important;
    border-radius: 4px !important;;
    border: 1px solid #DCDCDC !important;;
}
div#contactModal .modal-header {
    border-bottom: none;
}

/* end contact form */
@media (min-width: 1400px) and (max-width: 1488px) {
    .block-timeline .box1 {
        height: 331px;
        min-height: 331px;
    }
    .block-tab-slider .swiper .img-wrap {
        padding-left: 7%;
        padding-right: 7%;
    }
}
@media (min-width: 768px) and (max-width: 1400px) {
    .h1 {
        font-size: 2rem;
    }
        .block-banner .content {
        padding-right: 20px;
    }
        .block-banner-v1 .content {
        padding-right: 20px;
    }
        .banner-post h1 {
        font-size: 2rem;
    }
    .block-tab-slider .swiper .img-wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media (min-width: 992px) and (max-width: 1269px) {
    .block-media-why .left img {
        width: 100%;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .block-media-why .left img {
        border-radius: 12px;
        position: relative;
        top: -121%;
        max-width: 100%;
    }
    .why-image {
        height: 397px;
        overflow: hidden;
        position: relative;
        text-align: center;
        padding: 0;
        width: 98%;
        margin: -55px auto 35px auto;
        border-radius: 12px;
    }
}
@media (min-width: 992px) and (max-width: 1119px) {
    .block-timeline .box1 {
        height: 331px;
        min-height: 331px;
    }
    
}
@media (min-width: 992px) and (max-width: 1024px) {
    header nav > ul > li {
        padding-left: 1px;

    }
    header nav a {
        font-size: 15px;
    }
}

@media (min-width: 1px) and (max-width: 1417px) {
    /* blog posts page*/
    .block-subscription .d-flex.flex-row.justify-content-center.align-items-center {
        display: block !important;
    }
    .block-subscription .wrap form {
        background-color: rgba(1, 1, 1, 0);

    }
    .block-subscription .wrap form {
        background-color: rgba(1, 1, 1, 0);
        border-radius: 4px;
        padding: 12px 14px;
        flex-wrap: wrap;
    }
    .block-subscription .wrap button {
        background-color: #1F0B36;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding: 1px 30px;
        width: 100%;
        height: 48px;
        margin-top: 15px;
    }
    .block-subscription h5 {
        text-align: center;
    }
    .block-subscription .wrap {
        padding: 15px;
    }
    .block-subscription .wrap input {
        width: 100%;
    }
    .connectors-cta p {
        padding: 0px 9%;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .h1.text-white {
    font-size: 32px;
    font-weight: 700;
    }
    
.btn-v1, a.btn-v1 {
    padding: 11px 15px;
}

}


@media (min-width: 768px) and (max-width: 1399px) {
    .home-banner {
        padding-bottom: 25px;
    }
    .partner-page-banner .excerpt {
        font-size: 45px;
    }
    .block-partners-grid h2 {
        font-size: 35px !important;
    }
    .block-partners-grid p {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .post-banner-image-div .alignright {
        margin-top: 31px;
    }
    .page-banner {
        margin-top: 0px;
    }
    .block-tab-slider .card, .block-blog .card, .blog-posts .card {
        min-height: auto;
    }
    .contact-amos-card .bottom span {
        display: block;
    }

    .ss.-open {
        margin-top: -45px;
        z-index: 955555555;
    }
    .contact-amos-container {
        padding: 45px 0 0 0;
    }
    .contact-amos-form-section {
        padding: 40px 0;
        border-radius: 24px 24px 0 0;
    }
    .block-banner.text-banner {
    padding-top: 25px;
    }
    .block-banner-v1.text-banner {
    padding-top: 25px;
    }
     .top-nav {
        top: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .block-media-why .left img {
    width: 100%;
    }
    .footer-btns {
    width: auto;
    }
    .block-connectors .actions {
        flex-direction: column;
        width: 100%;
        display: block;
    }
    .block-connectors .actions select {
        width: 85%;
        margin-bottom: 9px;
    }
    .block-connectors .actions select {
        width: 100%;
        margin-bottom: 9px;
    }
    .block-connectors .actions input {
     width: 100%;
     
    } 
    .wp-block-columns {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    .wp-block-column {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .wp-block-column figure.alignright,
    .wp-block-column .wp-block-image {
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
        text-align: center;
    }
    .wp-block-columns {
        gap: 0rem;
    }
    .wp-block-image img {
        margin-bottom: 25px;
    }
    .mega-menu {
        position: static;
        min-width: 0;
        max-width: 100%;
        box-shadow: none;
        border-radius: 0;
        padding: 18px 0px 12px 0px;
        height: auto;
    }
    .mega-menu .row {
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    .mega-menu .col-md-6, .mega-menu .col-md-9 {
        width: 100%;
        margin-bottom: 18px;
        padding: 0;
    }
    .m-content h6 {
        font-size: 1rem;
    }
    .m-content p {
        font-size: 0.96rem;
    }
    .mega-menu .mega-menu-head h5 {
        font-size: 1rem;
        text-align: left;
    }
    .mega-menu .mega-menu-head .col-12 {
        padding: 0;
    }
    .mega-menu .wrapper-menu {
        margin-bottom: 0;
    }
    .mega-menu img {
        width: 28px;
        height: 28px;
        margin-top: -9px;
    }
    .mega-menu hr {
        margin: 10px 0 18px 0;
    }
    li.mega-menu-head {
        display: none;
    }
    ul.mega-menu {
        background-color: rgba(255, 255, 255, 0);
    }
    .mega-menu h6 {
        font-size: 15px;
    }
    .mega-menu .m-content {
        width: 100%;
    }
    .top-bar {
        font-size: 14px;
        font-weight: 600;
        padding: 6px 10px;
        position: fixed;
        width: 100%;
        z-index: 10;
        margin-top: -118px;
        z-index: 55555 !important;
        top: unset;
    }
    .top-nav {
        top: 42px;
    }
    .page-body {
        margin-top: 118px;
    }
    #mobile-top {
        display: flex !important;
    }
    #desktop-top {
        display: none !important;
    }
    .ss .cc::after, .ss .menu-item-has-children::after {
        content: " ";
        position: absolute;
        right: 12px;
        background: url(../images/icons/down-arrow.svg) bottom right;
        width: 13px;
        height: 7px;
        top: 19px;
    }
        .ss .cc, .ss .menu-item-has-children {
        position: relative;
    }
    .ss .cc.open::after, .ss .menu-item-has-children.open::after {
        background: url(../images/icons/up-arrow.svg) top right;
    }
    .campus-menu .wrapper-menu {
        padding: 0;
    }
    .campus-inte {
        display: none;
    }

    .timeline-vertical {
    position: relative;
    margin-left: 24px;
  }

  /* Draw vertical line behind all items except the last dot */
  .timeline-vertical::before {
    content: '';
    position: absolute;
    top: 0;
    left: 6px; /* half of the dot width */
    width: 1px;
    height: 100%;
    background-color: #fff;
  }

  .timeline-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
    position: relative;
  }

  /* This hides the bottom part of the line after the last dot */
  .timeline-item:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 6px;
    height: 100%;
    width: 2px;
    background-color: #fff; /* Match your background color */
    z-index: 1;
  }

  .timeline-marker {
    flex: 0 0 25px;
    position: relative;
    margin-right: 16px;
  }

  .timeline-dot {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 7px;
  }

  .timeline-label {
        font-size: 14px;
        font-weight: 500;
        background: #6C67AE;
        color: #fff;
        border: none;
        border-radius: 4px;
        padding: 1px 17px;
        margin-bottom: 12px;
        white-space: nowrap;
        margin-left: 60px;
        height: 35px;
    top: -11px;
    left: 50%;
    width: 76px;
    line-height: 31px !important;
  }

  .timeline-content .box1 {
    background: rgba(108, 103, 174, 0.2);
    padding: 40px 20px 20px 0px;
    height: auto;
    min-height: 250px;
  }
  /* Mobile-specific timeline styling */
  @media (max-width: 767px) {
    .block-timeline .box1 {
      background-color: #1F0B36;
    }
    
    .block-timeline .box1 .title {
      font-size: 18px !important;
    }
    
    .block-timeline .box1 li {
      font-family: "Inter", sans-serif;
      font-weight: 500;
      font-size: 16px !important;
      line-height: 140% !important;
      letter-spacing: 0px;
      padding-left: 35px;
      background-position: left top 10px;
    }
  }





.block-timeline {
    padding-top: 50px;
    padding-bottom: 50px;
}

.block-timeline .inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
}
    
}    

@media (min-width: 768px) {
  .swiper-wrapper {
      display: flex !important;     /* Swiper uses transforms, so !important is needed */
      align-items: stretch;
  }

  .swiper-slide {
      height: auto !important;      /* Override Swiper inline height if set */
      display: flex;
  }

  .card.h-100 {
      height: 100%;
      display: flex;
      flex-direction: column;
  }
  .card-body {
      flex: 1 1 auto;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
    .block-partners-grid .img-fluid {
        width: 155px;
    }
    .block-partners-grid {
        padding: 45px 0px 55px 0px;
    }
    .partner-page-banner {
        padding: 25px 9px;
    }
    .block-partners-grid h2 {
        font-size: 25px !important;
    }
    .block-partners-grid p {
        font-size: 15px;
    }
    .partner-page-banner .excerpt {
        font-size: 25px;
    }
    .block-quote .bottom-image img {
        display: none;
    }
    .block-impact .icon {
        margin-top: 0px;
    }
    .block-impact .icon img {
        width: 45%;
    }
    .block-impact .icon {
        padding-bottom: 19px;
    }
    .block-impact .title {
        margin-bottom: 11px;
    }
    .contact-amos-title {
        font-size: 2rem;
    }
    .contact-amos-cards {
       flex-direction: column !important;
        gap: 1px;
        align-items: stretch;
        width: 345px;
        margin: 0 auto;
    }
    .contact-amos-form-wrapper {
        padding: 24px 6px;
        width: 345px;
        padding: 25px;
    }
    .contact-amos-form-section {
        border-radius: 32px 32px 0 0;
    }
    .contact-amos-subtitle {
        font-size: 12px;
    }
    .contact-amos-title h1 {
        max-width: 348px;
        font-weight: 700;
        font-size: 32px;
        margin-top: -15px;
    }
    .contact-amos-card .card-icon img {
        width: 40px;
    }
    textarea#details {
        height: 193px;
    }
    #mobile-top{
        position: relative;
        margin-top: 0;
    }
    .top-nav{
        position: sticky;
        top: 0;
    }
    .page-body{
        margin-top: 0;
    }
  .home-banner.home-banner .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem; 
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .home-banner {
        padding-bottom: 0px;
    }
  .home-logo-slider {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .block-tab-slider .nav-link {
    font-size: 20px;
  }
  .home-logo-slider img {
    width: 105px;
}
 .mySwiper {
    overflow: visible;
  }

  .mySwiper .swiper-wrapper {
    display: block;
  }

  .mySwiper .swiper-slide {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .mySwiper .swiper-slide .card {
    height: auto;
  }
    .mySwiper {
        pointer-events: none;
        touch-action: none;
    }
    .mySwiper a,
    .mySwiper a * {
        pointer-events: auto;
        touch-action: auto;
    }
  .home-news-slider .custom-nav {
    display: none;
    }
    .block-tab-slider .nav-tabs.mb-5 {
    margin-bottom: 15px !important;
}
.home-news-slider h2 {
    font-size: 32px;
    font-weight: 700;
}
.block-tab-slider .swiper .badge, .block-blog .badge, .banner-post .badge, .sidebar-blog .badge {

    font-size: 12px;
    
}
.block-tab-slider .swiper .title {
    font-size: 24px;
}
.block-tab-slider .swiper .body {
    font-size: 16px;
}
.block-tab-slider .swiper .card-body {
    padding: 37px 40px 10px 27px;

}

.block-tab-slider .card-footer, .block-blog .card-footer, .blog-posts .card-footer {
    padding: 12px 29px;
}
.block-tab-slider .swiper .swiper-slide {
    padding-bottom: 11px;
}
.block-quote .wrap {
    font-size: 20px;
    font-weight: 700;
}
.block-quote .role {
    font-weight: 500;
    padding: 0px 30px;
}
.block-quote .quote .wrap {
    padding: 30px;
}
.block-quote .btm {
    padding-top: 14px;
    text-align: center;
}
.block-quote .btn-v1.purple, .block-quote a.btn-v1.purple {
    margin-bottom: 25px;
}
.block-quote .icon {
    padding: 25px 0px 0px 27px;
}
.block-tab-slider > .container {
    padding-top: 15px;
}
.why-image {
    height: 297px; /* crop height */
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 0;
width: 94%;
margin: -55px auto;
border-radius: 12px;
}
.why-image img {
    width: 100%;
  position: relative;
  top: -71%; 
}
.why-below-img {
    margin-top: 85px !important;
}
.why-below-img .sub-title {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 9px;
}
.why-below-img {
    margin-top: 35px;
}
.why-below-img h2, .why-below-img h5 {
    font-size: 32px;
    font-weight: 700;
}
.why-below-img h5 {
    font-size: 20px;
    font-weight: 700;
}
.why-below-img p {
    font-size: 16px;
    font-weight: 500;
}
.hy-below-img-btn {
    text-align: center;
}
.block-blog {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding-top: 45px !important;
    padding-bottom: 8px;
}
.block-blog .row.top {
    padding-bottom: 9px;
}
.block-blog .row.top h2 {
    font-size: 32px;
    font-weight: 700;
}
.block-tab-slider .card, .block-blog .card, .blog-posts .card {
    border-radius: 12px;
    border-color: transparent;
    margin-top: 0px;
}
.home-artice-all-mo-btn {
    display: block;
    text-align: center;
    padding: 15px;
}
.home-artice-all-mo-btn a{
    width: 75%;
}
.block-blog .card-body, .blog-posts .card-body {
    padding: 19px 60px 30px 28px;
}

/* Achieve Page */

.achieve-top-quote .quote {
    padding:25px !important
}
.achieve-top-quote img {
    width: 79px;
}
.block-quote.inner .role {
    font-size: 14px;
}
.block-help {
    padding-top: 40px;
    padding-bottom: 40px;
}
.block-help h2 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 32px;
    text-align: left !important;
}
.block-help img.icon {
    max-width: 40px;
    padding-bottom: 18px;
}
.block-help .feature-box {
    padding: 30px 25px;
    margin-bottom: 0;
    width: 255px;
    height: 100%;
    min-height: auto;
    display: flex;
    flex-direction: column;
}

/* Make all slides equal height on mobile */
.block-help .help-swiper {
    display: flex;
    align-items: stretch;
}

.block-help .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.block-help .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch;
}

.block-help .swiper-slide .feature-box {
    height: 100%;
    width: 100%;
}

/* Desktop: Reset to default behavior */
@media (min-width: 768px) {
    .block-help .feature-box {
        min-height: 240px;
    }
}
.block-help h6 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 120%;
    letter-spacing: 0px;
}
.block-help .feature-box p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}
.block-help .help-nav-wrapper {
    margin-top: 20px !important;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Desktop layout for help-nav-wrapper */
@media (min-width: 768px) {
    .block-help .help-nav-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}
/* Hide navigation arrows on mobile */
.block-help .swipe-next, .block-help .swipe-prev {
    display: none;
}
.block-help .custom-nav {
    display: none;
}

/* Show arrows on desktop */
@media (min-width: 768px) {
    .block-help .swipe-next, .block-help .swipe-prev {
        display: block;
        width: 60px;
        height: 60px;
    }
    .block-help .custom-nav {
        display: flex;
        gap: 12px;
        align-self: flex-end;
    }
}
/* Mobile: Pagination container */
.block-help .swiper-pagination {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    position: static !important;
    text-align: center;
    margin-top: 0;
    padding: 15px 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    bottom: auto !important;
    background: none !important;
    background-color: transparent !important;
}

/* Mobile: Show dots pagination */
.block-help .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(108, 103, 174, 0.3) !important;
    opacity: 1 !important;
    margin: 0 6px !important;
    border-radius: 50%;
    display: inline-block;
    transition: background 0.3s ease;
}
.block-help .swiper-pagination-bullet-active {
    background: #FFFFFF !important;
    opacity: 1 !important;
}

/* Desktop: Show progress bar and hide bullets */
@media (min-width: 768px) {
    .block-help .swiper-pagination {
        height: 3px !important;
        margin-top: 0;
        padding: 0;
        display: block !important;
    }
    .block-help .swiper-pagination-progressbar {
        height: 3px;
    }
    .block-help .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 3px;
    }
    .block-help .swiper-pagination-bullet {
        display: none !important;
    }
}
.achieve-logo-slider img,
.achieve-logo-slider .swiper-slide img {
    /* Solutions template: match Home Page logo sizing on small laptop/tablet */
    width: auto !important;
    height: auto !important;
    max-width: 180px !important;
    max-height: 60px !important;
    object-fit: contain;
}
.achieve-logo-slider .ch3 {
    font-size: 20px;
    margin-bottom: 15px;
}
.block-cta-v1 .content {
    padding: 32px 40px;
}
.block-cta-v1 .btn-v1 {
    width: 95%;
}
.block-features {
    padding-top: 50px;
    padding-bottom: 50px;
}
.block-features .h2,
.block-features h2 {
    width: auto;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 28px !important;
    line-height: 120% !important;
    letter-spacing: 0px;
    padding: 0px 11px 0px 11px;
    margin-bottom: 32px;
}

/* Desktop: Restore larger font size */
@media (min-width: 768px) {
    .block-features h2 {
        font-size: 32px !important;
    }
}
.block-timeline .ch2 {
    width: auto;
    font-size: 28px !important;
    line-height: 120% !important;
    text-align: center;
    padding-left: 0;
    color: #fff;
}

/* Desktop: Restore padding */
@media (min-width: 768px) {
    .block-timeline .ch2 {
        padding-left: 15px;
    }
}

.block-single-slider {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Desktop: Allow overflow for peeking slides */
@media (min-width: 768px) {
    .block-single-slider {
        overflow: visible;
    }
}

/* Mobile: Keep overflow hidden */
@media (max-width: 767px) {
    .block-single-slider {
        overflow: hidden;
    }
}

/* Base styles are now set in v1.css with proper container width */

.block-single-slider .swiper-slide.slide-active {
    opacity: 1 !important;
}

.block-single-slider .swiper-slide.slide-next {
    opacity: 0.5 !important;
}

.block-single-slider .swiper-slide.slide-preview {
    opacity: 0.5 !important;
}

.block-single-slider .swiper-slide.slide-last {
    opacity: 1 !important;
}

.block-single-slider .swiper-slide .slide-info-text {
    margin-top: 20px;
    padding-left: 20px;
    border-left-width: 3px;
    margin-bottom: 0;
}

.block-single-slider .swiper-slide .slide-info-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    margin-bottom: 0;
}

/* Desktop: Add more spacing */
@media (min-width: 768px) {
    .block-single-slider .swiper-slide .slide-info-text {
        margin-top: 30px;
    }
}

.block-single-slider .slider-nav-wrapper {
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

/* Desktop layout for slider-nav-wrapper */
@media (min-width: 768px) {
    .block-single-slider .slider-nav-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
}

/* Mobile: Ensure slider and pagination container layout */
@media (max-width: 767px) {
    .block-single-slider .container {
        display: block;
    }
    
    .block-single-slider .slider-nav-wrapper {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .block-single-slider .swiper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible;
        width: 100%;
        display: block;
    }
    
    .block-single-slider .swiper-wrapper {
        margin-bottom: 0;
        display: flex;
        align-items: stretch;
    }
    
    .block-single-slider .swiper-slide[data-real-slide="true"] {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1023px) {
  .block-single-slider .swiper-slide .slide-image {
    height: 300px;
  }
  
  .block-single-slider .swiper-slide .slide-image img {
    max-height: 300px;
  }
}

@media (max-width: 767px) {
  .block-single-slider .swiper-slide .slide-image {
    height: 250px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  
  .block-single-slider .swiper-slide .slide-image img {
    height: 250px;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  
  .block-single-slider .swiper-slide .slide-content {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .block-single-slider .swiper-slide {
    width: calc(100% / 1.09) !important;
    max-width: calc(100% / 1.09) !important;
    height: auto !important;
    flex-shrink: 0;
    display: flex !important;
  }
  
  /* Hide dummy slides on mobile */
  .block-single-slider .dummy-slide {
    display: none !important;
  }
  
  .block-single-slider .swiper-slide[data-real-slide="true"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Override desktop opacity rules on mobile */
  .block-single-slider .swiper-slide {
    opacity: 1 !important;
  }
  
  .block-single-slider .swiper-slide.slide-active,
  .block-single-slider .swiper-slide.slide-next,
  .block-single-slider .swiper-slide.slide-preview {
    opacity: 1 !important;
  }
  
  .block-single-slider .swiper-slide .slide-info-text {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
  }
  
  /* Ensure swiper container is visible on mobile */
  .block-single-slider .container {
    overflow: hidden;
    max-width: 100% !important;
  }
  
  .block-single-slider .swiper {
    overflow: visible;
  }
}

/* Hide navigation arrows on mobile */
.block-single-slider .swipe-next, 
.block-single-slider .swipe-prev {
    display: none;
}

.block-single-slider .custom-nav {
    display: none;
}

/* Show arrows on desktop */
@media (min-width: 768px) {
    .block-single-slider .swipe-next, 
    .block-single-slider .swipe-prev {
        display: block;
        width: 60px;
        height: 60px;
    }
    
    .block-single-slider .custom-nav {
        display: flex;
        gap: 12px;
        align-self: flex-end;
    }
}

/* Mobile: Pagination container */
.block-single-slider .swiper-pagination {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    position: relative !important;
    text-align: center;
    margin-top: 0 !important;
    padding: 15px 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    bottom: auto !important;
    background: none !important;
    background-color: transparent !important;
}

/* Mobile: Position pagination below everything */
@media (max-width: 767px) {
    .block-single-slider .swiper-pagination {
        margin-top: 0 !important;
        position: relative !important;
        display: flex !important;
    }
}

/* Mobile: Show dots pagination */
.block-single-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(31, 11, 54, 0.3) !important;
    opacity: 1 !important;
    margin: 0 6px !important;
    border-radius: 50%;
    display: inline-block;
    transition: background 0.3s ease;
}
.block-single-slider .swiper-pagination-bullet-active {
    background: #1F0B36 !important;
    opacity: 1 !important;
}

/* Desktop: Show progress bar */
@media (min-width: 768px) {
    .block-single-slider .swiper-pagination {
        height: 3px !important;
        margin-top: 0;
        padding: 0;
        display: block !important;
    }
    .block-single-slider .swiper-pagination-progressbar {
        height: 3px;
    }
    .block-single-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 3px;
    }
    .block-single-slider .swiper-pagination-bullet {
        display: none !important;
    }
}

.block-single-slider .top {
    text-align: left;
    padding-bottom: 30px;
}

@media (min-width: 1px) and (max-width: 767px) {
    .block-help {
        padding-bottom: 5px;
    }
    
    .block-single-slider {
        padding-bottom: 15px;
    }
    
    .block-single-slider .top {
        padding-bottom: 15px;
    }
}

.block-single-slider .ch2 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 28px !important;
    line-height: 120% !important;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.block-single-slider .excerpt {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 140% !important;
    letter-spacing: 0px;
}

.block-demo-quote {
    padding-top: 50px;
    padding-bottom: 50px;
}

.block-demo-quote .demo-cta {
    padding-right: 0;
    margin-bottom: 40px;
}

/* Mobile-only styles for demo-cta */
@media (max-width: 767px) {
    .block-demo-quote .demo-cta h2 {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 32px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
        margin-bottom: 16px;
    }

    .block-demo-quote .demo-cta p {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0px;
        margin-bottom: 24px;
    }

    .block-demo-quote .demo-cta .buttons {
        margin-top: 24px;
        flex-direction: column !important;
        width: 100%;
        gap: 12px !important;
    }

    .block-demo-quote .demo-cta .buttons .btn-v1 {
        font-family: "Inter", sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
        text-align: center;
        width: 100% !important;
        height: 51px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
    }
}

/* Desktop styles */
@media (min-width: 768px) {
    .block-demo-quote .demo-cta h2 {
        font-size: 40px !important;
    }

    .block-demo-quote .demo-cta p {
        font-size: 16px;
    }
}

.block-demo-quote .quote-wrapper {
  padding: 30px 20px;
  margin-top: 30px;
  height: auto;
  min-height: 300px;
}

.block-demo-quote .quote-wrapper .quote-text {
  font-size: 20px !important;
  line-height: 130% !important;
}

.block-demo-quote .quote-wrapper .role {
  font-size: 16px !important;
  line-height: 140% !important;
}

.block-features ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.block-features li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
}

.block-features .icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #6C67AE;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Desktop: Restore larger icon size */
@media (min-width: 768px) {
    .block-features .icon {
        width: 68px;
        height: 68px;
        background-size: 32px;
    }
}

.block-features li span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0px;
    padding-left: 1px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .block-features ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}



.block-achieve .wrap {
    padding-right: 0px;
}

.block-achieve {
    padding-top: 10px;
}

.block-achieve .styled-input {
    padding-top: 48px;
    font-size: 14px;
}
.block-achieve .fake-label {
    font-size: 14px;
}

.block-achieve input[type="submit"] {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
}

.block-achieve .total {
    margin-bottom: 25px;
}

.block-achieve .total span {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
}
.footer-nav.contact {
    margin-top: 29px;
}

.block-banner.purple {
    background-color: #E9DFF5;
    padding-top: 28px;
 }
 
.block-banner-v1.purple {
    background-color: #E9DFF5;
    padding-top: 28px;
 }  
 .row.page-name-top {
    font-size: 12px;
    padding-left: 12px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
} 
.block-blog.purple .card {
    margin-top: 15px;
}


/* about page */

.block-banner .title {
    font-size: 12px;
    margin-top: 15px;
}

.block-banner-v1 .title {
    font-size: 12px;
    margin-top: 15px;
}
.about-page-banner .h1 {
    font-size: 32px;
    padding: 9px 21px 0px 21px;
}
.about-page-banner p {
    font-weight: 500;
    font-size: 16px;
    padding: 0px 15px;
}
.about-page-banner .btn-v1 {
    width: 91%;
}
.block-impact .text-center.title {
    font-size: 32px;
    padding: 0px 25px 25px 25px;
    line-height: 39px;
    margin-top: -135px;
    position: relative;
}
.block-banner.text-banner {
    padding-bottom: 235px;

}

.block-banner-v1.text-banner {
    padding-bottom: 235px;

}
.block-impact .sub-title {
    font-size: 20px;

}
.block-impact p {
    color: rgba(31, 11, 54, 0.8);
    font-weight: 500;
    font-size: 16px;
}
.block-impact .card {
    padding: 26px 36px 30px 36px;
}
.block-impact .card {
    min-height: auto;
}
.block-why-us .title {
    font-size: 40px;
}

.block-why-us .sub-title {
    font-size: 20px;
}
.block-why-us .wrap {
    padding: 20px 20px;
    margin-bottom: 25px;
}

.block-why-us .top::before {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}
.block-quote.inner .quote {
    padding: 25px;
}
.block-quote .btn-v1 {
    width: 85%;
}
.block-it .left {
 width: 345px;
        height: 224px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        margin: 0 auto;
        flex-direction: column;

}

.block-it .left img {
  width: 244px;
        height: 199px;
        object-fit: contain;
        display: block;
        margin: 0;
        margin-top: 39px;
}


.block-it .sub-title {
    font-size: 16px;
    padding-bottom: 11px;
    padding-top: 15px;
}
.block-it h2 {
    font-size: 32px;
}
.block-it .right {
    font-size: 16px;
}
.block-it {
    padding-bottom: 21px;
}
.block-cta-v1 .content .btn-v1 {
    font-size: 16px;
}
.block-team .top h2 {
    font-size: 32px !important;
}
.block-team .title {
    font-size: 20px;
}
.block-team .role {
    font-size: 16px;
}
.block-team {
    padding-top: 0px;
}
.block-team .custom-nav {
   display: flex;
    gap: 5px;
    max-width: 100%;
    margin-top: 16px;
    justify-content: flex-end;
}
.block-team .block-tab-slider .swipe-next, .block-team .block-tab-slider .swipe-prev, .block-team .swipe-next, .block-team .swipe-prev {
    width: 60px;
    height: 60px;
    border-radius: 60px;
}
.block-team .block-tab-slider .swipe-prev.swiper-button-disabled, .block-team .swipe-prev.swiper-button-disabled {
    background-size: 40px !important;
}
.block-team .block-tab-slider .swipe-next, .block-team .swipe-next, .block-team .swipe-next.swiper-button-disabled {
    background-size: 40px !important;
}
.block-team .block-tab-slider .swipe-prev, .block-team .swipe-prev {
    background-size: 40px !important;
}
.block-team .top h2 {
    padding-top: 0px;
    padding-bottom: 10px;
}
.block-team img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: block; /* ensures clip-path works correctly */
    width: 100%; /* optional: make sure the image fits container */
    height: auto; /* keep aspect ratio */
    clip-path: inset(0 0 3% 0 round 12px 12px 0 0);
    object-fit: cover; /* optional, helps with layout in some cases */
}
.block-team .card-body {
    margin-top: -130px;
}
.block-tab-slider .custom-nav {
    display: none;
}
.block-tab-slider p {
    font-size: 32px;
}
.block-team .card-body {
    padding: 149px 20px 20px 25px;
}

/* connector page */ 

.block-banner h1 {
    font-size: 28px !important;
    line-height: 120% !important;
}

.block-banner .excerpt {
    font-size: 14px;
    line-height: 140%;
}

.block-banner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.block-banner .banner-image {
    margin-top: 30px;
}

/* Solutions V1 responsive styles for mobile */
@media (max-width: 767px) {
    .block-banner-v1 h1 {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 32px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
    }

    .block-banner-v1 .excerpt {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0px;
    }

    .block-banner-v1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .block-banner-v1 .banner-image {
        margin-top: 30px;
    }

    /* Stack buttons on mobile for Solutions V1 */
    .block-banner-v1 .buttons {
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .block-banner-v1 .buttons .btn-v1 {
        width: 100% !important;
        max-width: 100% !important;
        height: 51px;
        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
    }
}

.block-slider {
    padding-top: 40px;
    padding-bottom: 40px;
}

.block-slider .title {
    padding-bottom: 30px;
}

/* Solutions V1 - Trusted by leading organisations responsive */
.block-banner-v1 ~ .block-slider .title {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    padding-bottom: 30px;
}

@media (min-width: 1px) and (max-width: 767px) {
    .block-banner-v1 ~ .block-slider .title {
        padding-bottom: 0px;
    }
}

.block-slider .swiper-slide {
    min-height: 60px;
}

.block-slider .swiper-slide img {
    max-height: 42px;
    max-width: 144px;
}

/* Mobile: Show 3 logos at a time for Solutions V1 */
@media (max-width: 767px) {
    .block-banner-v1 ~ .block-slider .swiper-slide {
        width: auto !important;
        flex-shrink: 0;
    }
}

/* Solutions V1 - Increase logo size by 25% on mobile */
.block-banner-v1 ~ .block-slider .swiper-slide {
    min-height: 75px;
}

.block-banner-v1 ~ .block-slider .swiper-slide img {
    /* Keep Solutions V1 logos aligned with Home sizing on small laptop/tablet */
    max-height: 60px;
    max-width: 180px;
}

.block-banner.solid-banner {
    font-size: 16px;
}
.p-connectors .img-fluid {
    width: 292px;
}
.block-connectors .actions {
    padding-top: 20px;
    padding-bottom: 30px;
}

/* all posts page */
h2.heading-highlight {
    font-size: 32px;
}
.blog-filters {
    padding-top: 25px !important;
}
.block-blog .wrap, .blog-posts .wrap {
    height: 166px;
}

 .filter-btn-group { display: none !important; }
    .filter-dropdown { display: block !important; }

.btn.filter-btn, .btn.sort-btn {
    width: 100%;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    /* Remove default arrow: */
    border: none;
    /* Set dimensions for your SVG arrow: */
    width: 1em;   /* adjust as needed */
    height: 0.6em; /* adjust as needed */
    /* Custom SVG as background: */
    background: url("data:image/svg+xml;utf8,<svg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L6 6L11 1' stroke='%232D1457' stroke-width='2'/></svg>") no-repeat center center;
    background-size: 100% 100%;
}
.blog-filters .dropdown-menu.show {
    transform: translate3d(0, 60px, 0px) !important;
}
.blog-filters .wrap-filters .label,
.blog-filters .wrap-filters label {
    display: none !important;
}

.wrap-filters {
        flex-direction: row !important;   /* Make row, not column */
        align-items: stretch !important;
        flex-wrap: nowrap !important;     /* Prevent wrapping */
    }
    .filter-responsive-group,
    .sort-wrap {
        flex: 1 1 50%;         /* Take up equal width */
        max-width: 50%;
        min-width: 0;
        width: 50%;
        margin-bottom: 0;      /* Remove any vertical gap */
        padding-right: 0.25rem; /* Small gap between (optional) */
        box-sizing: border-box;
    }
    .sort-wrap {
        padding-left: 0.25rem; /* Small gap between (optional) */
        padding-right: 0;
    }
    .filter-dropdown,
    .sort-dropdown {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    /* Hide filter/sort labels if needed for more space */
    .filter-label {
        display: none !important;
    }
    .filter-btn-group {
        display: none !important;
    }
    .blog-filters .wrap-filters {
        margin-bottom: -15px !important;
        margin-top: -25px;
    }
    .am-sing p {
        width: auto;
        font-size: 16px;
    }
    .banner-post {
        font-size: 16px;
    }
    .banner-post img {
        border-radius: 8px;
        float: none;
        margin-top: 29px;
        margin-left: 0;
    }
    .banner-post .block-tab-slider .swiper .badge, .banner-post .block-blog .badge, .banner-post .badge, .banner-post .sidebar-blog .badge {
        margin-bottom: 29px !important;
    }
    .banner-post-img-crop {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 75%; /* This won't work as-is, see below */
    }

    .banner-post-img-crop img {
        width: 100%;
        display: block;
        border-radius: 8px;
        float: none;
        margin-top: 29px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .banner-post .btm {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .post-banner-image-div {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-bottom: 75%; /* Or your desired crop percent */
        border-radius: 8px;
        text-align: center; /* For old browsers as fallback */
    }

    .post-banner-image-div img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 100%;
        display: block;
        border-radius: 8px;
        max-width: none;
    }
    .sidebar-blog {
        display: none;
    }

    .connectors-cta h3 {
        font-size: 24px;
    }
    .connectors-cta p {
        padding: 0px 0% !important;
        margin-top: -15px;
        font-size: 16px;
    }

    /* footer */
    .footer-nav ul,
    .footer-nav .body ul,
    .footer-nav .list-unstyled {
        display: block !important;
        padding-left: 0 !important;
    }
    .footer-nav ul li,
    .footer-nav .body ul li,
    .footer-nav .list-unstyled li {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }
    /* Optionally, reset link display for nice stacking */
    .footer-nav ul li a {
        display: inline-block;
        width: auto;
        padding: 0;
        margin: 0;
    }
      .footer-nav {
        text-align: left;
        margin-top: 19px;
        margin-left: 0px;
    }
        #footer .btn-v1, a.btn-v1 {
        padding: 11px 35px;
    }
    footer#footer.v1 .top .wrap {
        width: 346px;
        text-align: left;
        margin-left: inherit;
    }
    footer#footer {
        padding-top: 30px;

    }
    .footer-btns {
        margin-top: -21px;
        padding-bottom: 35px;
    }
    .block-banner.solid-banner {
    padding-top: 25px;
    }
    /* .home-banner.home-banner .buttons {
        display: inline-block !important;
    } */
    .home-banner.home-banner .buttons .btn-v1 {
        width: 45%;
        padding: 11px 5px;
    }
    .home-banner .buttons {
        margin-top: 23px;
    }
    .block-blog .card {
        min-height: auto;
    }
    .hy-below-img-btn .btn-v1 {
        width: 99%;
    }
    .block-media-why {
        padding-bottom: 110px;
    }
    .block-media-why .hy-below-img-btn {
        padding-top: 8px;
    }
    .block-help img.icon {
        margin-bottom: 5px;
        height: auto;
        width: auto;
    }

    .amos-download-cta {
           flex-direction: row;
    align-items: flex-start;
    padding: 28px;
    gap: 18px;
    }
    .amos-cta-image img {
        display: none;
    }
    a.btn-v1.dark-purple {
        width: 100%;
        text-align: center;
    }
    .amos-cta-content {
        max-width: 100%;
    }
     .crop-bottom-15 {
        aspect-ratio: 1.4;
    }
  .team-swiper .swiper-slide,
  .team-swiper .card {
    height: 605px;
    min-height: 605px;
    max-height: 605px;
    display: flex;
    flex-direction: column;
  }
  .team-swiper .card-body {
    flex: 1 1 auto;
    overflow: auto;
  }
  .team-swiper .card .body p {
    display: -webkit-box;
    line-clamp: 4; /* standard property for compatibility */
    -webkit-line-clamp: 4;   /* adjust as needed */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .about-block-cta p {
        line-height: 120%;
    }
    
    .block-blog .col-lg-4 {
        margin-top: 15px;
    }
    .amos-page {
        padding: 25px 25px !important;
    }
    .block-tab-slider .swiper .img-wrap {
        min-height: auto;
    }
}

.card .stretched-link {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 5;
}

.block-blog .card:hover .card-footer,
.block-blog .card:focus-within .card-footer {
    background: #1F0B36;
}
.block-blog .card:hover .card-footer .arrow-link,
.block-blog .card:focus-within .card-footer .arrow-link {
    color: #fff !important;
}

.card-footer.hovered {
  background: #1F0B36;
}
.card-footer.hovered .arrow-link {
  color: #fff !important;
}



/* Decorative icons anchored to specific cards in why-us */
.block-why-us .yas-deco-card{
  position:absolute;
  width:155px;                /* size: adjust to taste */
  height:auto;
  pointer-events:none;
  z-index:2;
}

/* Star above the first card (near the 10+ stat) */
.block-why-us .yas-deco--star{
  top:-58px;                 /* raises above card */
  left:-58px;                /* nudges to the outside corner */
}

/* Heart under the third card (near the 100% stat) */
.block-why-us .yas-deco--heart{
    bottom: -58px;
    right: -58px;
    z-index: 11;
}
.linkedin-profile img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: auto !important;
    clip-path: none !important;
    object-fit: none !important;
}
@media screen and (min-width: 1px) and (max-width: 1273px) {
  .block-why-us .yas-deco--star {
    top: -20px;
    left: -0px;
  }
  .block-why-us .yas-deco--heart {
    bottom: -20px;
    right: -0px;
  }
  .block-why-us .yas-deco-card{ 
    width:65px;  
  }
}





/* Section wrapper */
.contact-amos-office-section {
  background:#fff;
  padding:64px 0 96px;
}

/* Title */
.contact-amos-office-title {
  margin:0 0 32px;
  text-align:center;
  font-weight:700;
  font-size:60px;
  line-height:1.15;
  color:#1F0B36;
}

/* Image container */
.office-figure {
  position:relative;
}
.office-image {
  width:100%;
  display:block;
  border-radius:18px;
  object-fit:cover;
}

/* Floating card */
.office-info-card {
  position:absolute;
  right:32px;
  top:50%;
  transform:translateY(-50%);
  width:340px;
  background:#fff;
  border-radius:12px;
  padding:32px;
  border:1px solid #D8D8D8;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

/* Icon */
.office-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:40px;
  border-radius:50%;
  margin-bottom:35px;
}

/* Text */
.office-address {
  margin:0 0 12px;
  font-weight:600;
  color:#071833;
  line-height:1.5;
  font-size:16px;
  font-family:'Inter';
}
.office-hours {
    margin: 0;
    font-size: 16px;
    color: #071833;
    line-height: 1.5;
    font-weight: 600;
}

/* Mobile layout */
@media (max-width: 767px) {
  .contact-amos-office-title {
    font-size: 32px;
  }

  .office-figure {
    position: relative;
    border-radius: 0;             /* remove visible corner rounding */
    overflow: hidden;             /* ensure cropped image fills */
    margin: 0;
  }

  .office-image {
    width: 100%;
    height: 300px;                /* adjust for mobile height */
    object-fit: cover;            /* crop edges */
    object-position: center;      /* crop equally left & right */
    display: block;
    border-radius: 0;             /* no visible radius */
  }

  .office-info-card {
    position: relative;
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    border-radius: 12px;          /* nice card rounding */
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    background: #fff;
    right: 0px;
  }
  .contact-amos-office-section {
        background: #fff;
        padding: 44px 0 0px;
    }
}



/* Single Partner Layout */
.partner-single-banner{background-color:#1F0B36;padding-top:60px;padding-bottom:80px}
.partner-single-banner .back-link{color:#fff;text-decoration:none;font-weight:500;margin-bottom:0px !important;display:inline-flex;align-items:center;gap:4px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}
.partner-single-banner .back-link:hover{color:#fff;opacity:.9}
.partner-single-banner .back-link .arrow {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding: 0px;
    margin-top: 2px;
}
.partner-divider{
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.partner-header-banner a {
    color: #ffffff;
}
.partner-logo-banner{width:240px;height:240px;border:2px solid #fff;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
.partner-logo-banner img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;border-radius:0}
.partner-header-banner h1{color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:48px;line-height:120%;letter-spacing:0;margin:0}
.partner-category-banner{
    background:transparent;color:#2EBDBF;border:0;padding:0;display:inline-block;text-decoration:none;
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;
    font-size:14px;line-height:120%;letter-spacing:0;text-align:left;text-transform:uppercase
}
.visit-website-banner{
    display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:15px 34px;border:1.5px solid #fff;border-radius:999px;
    color:#fff;background:transparent;text-decoration:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-weight:700;font-size:16px;line-height:120%;letter-spacing:0}
.visit-website-banner:hover{background:#fff;color:#1F0B36;text-decoration:none}
.visit-website-banner svg{flex-shrink:0}

.partner-header-banner {
    margin-top: 36px;
}

.partner-single h3 {
    color: #1F0B36;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0px;
}
.partner-single p {
    color: #1F0B36;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
}
.partner-single .back-link{    color: #1F0B36;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter'}
.partner-single .back-link .arrow{display:inline-block;transform:translateY(-1px)}
.partner-single .partner-header h1{color:#201144;font-weight:800}
.partner-single .partner-badge{background:#21b3a9;color:#fff;border-radius:999px;padding:.4rem .8rem;font-weight:600}
.partner-single .partner-logo img{width:112px;height:112px;object-fit:cover;background:#000;border-radius:12px}
.partner-single .sidebar-blog h3{color:#201144;font-weight:800}
.partner-single .sidebar-blog .list-item{gap:12px;padding:12px 0;border-bottom:1px solid #eee}
.partner-single .sidebar-blog .list-item:last-child{border-bottom:0}
@media (max-width:991.98px){
	.partner-single .partner-header{flex-direction:column}
}

/* Partner single buttons and badges */
.partner-single .visit-website{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 28px;border:3px solid #1F0B36;border-radius:999px;color:#1F0B36;background:transparent;text-decoration:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:120%;letter-spacing:0}
.partner-single .visit-website:hover{background:#1F0B36;color:#fff !important;text-decoration:none}
 .partner-single .partner-badge{display:inline-block;text-decoration:none}
 .partner-single .partner-badge:hover{opacity:.9;text-decoration:none}

/* Partner single back link */
.partner-single .back-link{color:#201144;text-decoration:none;font-weight:600;display:block;margin-bottom:20px}
.partner-single .back-link:hover{color:#201144;text-decoration:none}
.partner-single .back-link .arrow{display:inline-block;width:56px;height:56px;border-radius:50%;background:url('/wp-content/uploads/2025/10/Frame-3313.png') no-repeat center/cover;color:transparent;overflow:hidden;text-indent:-9999px}
.back-link .arrow {
    border: 0px;
}
@media (max-width:575.98px){.partner-single .back-link .arrow{width:48px;height:48px}}

/* Partner single sidebar: match post sidebar */
.partner-single .sidebar-blog{background-color:#F5F5F5;border-radius:12px;margin-top:35px}
.partner-single .sidebar-blog .list-item{padding:28px 35px;border-bottom:1px solid #D6D6D6;gap:0}
.partner-single .sidebar-blog .list-item:last-child{border-bottom:0}
.partner-single .sidebar-blog h3{font-size:28px;font-weight:700;padding:36px 35px 0;margin-bottom:0;color:#1F0B36;line-height:150%;letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
 .partner-single .sidebar-blog .wrap{padding-right:20px}
 .partner-single .sidebar-blog .wrap img{border-radius:12px;max-width:100px}
.partner-single .sidebar-blog h5{font-size:20px;font-weight:700;max-height:72px;overflow:hidden;color:#1F0B36;line-height:120%;letter-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.partner-single .sidebar-blog h5 a{color:#1F0B36}
/* Download button per spec */
.partner-single .sidebar-blog .btn-v1.purple{background:#6C67AE;color:#fff !important;border:1px solid #6C67AE;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;width:124px;height:33px;gap:4px;padding:8px 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:120%;letter-spacing:0;text-align:center}
.partner-single .sidebar-blog .btn-v1.purple:hover{opacity:.95;color:#fff !important;border-color:#6C67AE}

/* Partner logo box */
.partner-single .partner-logo{width:240px;height:240px;border:2px solid #1F0B36;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center}
.partner-single .partner-logo img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;background:transparent;border-radius:0}

/* Partner header typography & alignment */
.partner-single .partner-header{min-height:240px; margin-top: 39px;}
.partner-single .partner-header h1{color:#1F0B36;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:60px;line-height:120%;letter-spacing:0;margin:0}
.partner-single .partner-header .visit-website{color:#1F0B36;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:120%;letter-spacing:0}

/* Partner badge spec override */
.partner-single .partner-badge{
	background:#2EBDBF;
	color:#1F0B36;
	border-radius:999px;
	padding:8px 14px;
	margin-top:35px;
	margin-bottom:35px;
	display:inline-block;
	text-decoration:none;
	font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
	font-weight:700;
	font-size:16px;
	line-height:120%;
	letter-spacing:0;
	text-align:center;
}
.partner-single .partner-badge:hover{opacity:.95;color:#1F0B36;text-decoration:none}

/* Partner content text blocks max-width */
.partner-text-block-odd h3,
.partner-text-block-odd .partner-section-text,
.partner-text-block-even h3,
.partner-text-block-even .partner-section-text{
	max-width:648px;
}
/* Push even row text content to the right within its column */
.partner-text-block-even h3,
.partner-text-block-even .partner-section-text{
	margin-left:auto;
	margin-right:0;
}
/* Partner content images max-width */
.partner-single .row img.img-fluid.rounded{
	max-width:784px;
	width:100%;
	height:auto;
}

.partner-quote .container .quote .wrap {
    color: #1F0B36;
    font-family: Inter;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0px;
}
.partner-quote .container .quote .role{
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0px;

}
a.partner-nav-link {
    color: #1F0B36;
}

/* Partners List Hero Section */
.partners-list-hero{
    position:relative;
    overflow:visible;
}
.partners-list-banner{
    padding-top:0;
    padding-bottom:0;
}
.partners-list-banner .row{
    display:flex;
    align-items:center;
}
.partners-list-banner .left{
    display:flex;
    align-items:center;
    min-height:400px;
}
.partners-list-banner p {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0px;
    margin:0;
    color:#fff;
}
.partners-list-banner span {
    color: #32BEC0;
}

/* Partners Hero Image with Radial Gradient */
.partners-hero-image-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:400px;
}
.partners-hero-gradient{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    height:100%;
    background:
        radial-gradient(circle at 13% -9%, rgba(85,54,137,0.45) 59%, rgba(85,54,137,0.35) 25%, rgba(85,54,137,0.18) 89%, rgba(85,54,137,0.05) 75%, rgba(85,54,137,0.00) 100%);
    filter: blur(69px);
    pointer-events:none;

}
.partners-hero-image-wrapper img{
    position:relative;

    max-width:76%;
    height:auto;
}

/* Ensure list content sits above hero glow if overlapping */
.block-partners{position:relative;}

/* Mobile adjustments */
@media (max-width: 767.98px){
    .partners-list-banner{
        padding-top:0;
        padding-bottom:0;
    }
    .partners-list-banner .left,
    .partners-hero-image-wrapper{
        min-height:auto;
    }
    .partners-list-banner p{
        font-size:32px;
        text-align:center;
    }
    .partners-hero-gradient{
        width:100%;
        height:100%;
        filter: blur(69px) !important;
    }
}


/* Quote spacing and styling on partner page */
.partner-single + .block-quote.inner{margin-bottom:55px}
.quote-divider{border:0;border-top:1px solid rgba(31, 11, 54, 0.2);margin:24px 0 20px;}

/* Partner Navigation Links */
.partner-navigation{padding:60px 0;background:#fff}
.partner-nav-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#1F0B36;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;transition:opacity .2s}
.partner-nav-link:hover{opacity:.8;color:#1F0B36;text-decoration:none}
.partner-nav-link .nav-arrow{flex-shrink:0}

/* Responsive: headings scale down on tablet and mobile */
@media (max-width: 991.98px){
	.partner-single .partner-header h1{font-size:42px}
	.partner-single .partner-main h3{font-size:70%}
	.partner-single .sidebar-blog h3{font-size:22px}
}
@media (max-width: 575.98px){
	.partner-single .partner-header{align-items:center;text-align:center}
	.partner-single .partner-logo{width:150px;height:150px}
	.partner-single .partner-header h1{font-size:36px;text-align:center}
	.partner-single .partner-header .flex-wrap{justify-content:center}
	.partner-single .partner-main h3{font-size:100%}
	.partner-single .partner-badge{display:none}
	.partner-single .back-link{display:none !important}
	.partner-single .sidebar-blog h3{font-size:20px}
    .container.pt-5.pb-5.partner-single {
        padding-top: 1px !important;
    }
    .partner-single-banner img.img-fluid {
        width: 215px;
        margin-top: 28px;
    }
}
/* Ensure sidebar visible on all resolutions for partner page */
.partner-single .sidebar-blog{display:block}

/* Default (non-mobile): show desktop labels and hide mobile labels */
.partner-navigation .label-mobile{display:none}

/* Partner Single: mobile adjustments */
@media (max-width: 575.98px){
	/* Header stacking and spacing */
	.partner-single-banner .partner-header-banner{flex-direction:column;align-items:flex-start;gap:16px}
	.partner-single-banner .partner-logo-banner{margin:6px 0 4px;width:136px;height:136px;display:flex;justify-content:center;align-items:center;align-self:flex-start}
	.partner-single-banner .partner-logo-banner img{width:100%;height:100%;max-width:80%;max-height:80%;object-fit:contain}
	.partner-single-banner h1{font-size:32px;line-height:1.25}
	.partner-single-banner .visit-website-banner{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:40px;width:100%;position:relative;z-index:10;pointer-events:auto}

	/* Content rows: spacing and readability */
	.partner-single .row.align-items-center .partner-text-block-odd h3,
	.partner-single .row.align-items-center .partner-text-block-even h3{font-size:28px;line-height:1.3}
	.partner-single .row.align-items-center .partner-section-text{line-height:1.6}
	.partner-single .row.align-items-center img.img-fluid.rounded{margin-top:12px}

	/* Navigation labels: mobile short labels */
	.partner-navigation .label-desktop{display:none}
	.partner-navigation .label-mobile{display:inline}
    .partner-header-banner {
        padding-bottom: 15px;
    }
    .container.pt-5.pb-5.partner-single {
        padding-top: 51px !important;
    }
    .partner-quote .container .quote .wrap {
        font-weight: 500;
        font-size: 16px;
    }
     .partner-navigation {
         padding: 0px 0px 60px 0px;
     }
	
	/* Quote Read More button (mobile only) */
	.quote-read-more{
		display:block;
		background:transparent;
		border:none;
		color:#1F0B36;
		font-weight:600;
		font-size:16px;
		text-decoration:underline;
		cursor:pointer;
		padding:0;
		margin-top:25px;
		text-align:left;
	}
	.quote-read-more:hover{
		opacity:0.8;
	}
}

/* Hide Read More button on desktop */
@media (min-width: 576px){
	.quote-read-more{
		display:none !important;
	}
}

/* Partners List page: force sticky top-nav above hero */
body.page-template-partners-list-php .top-nav,
body.page-template-partners-list .top-nav{
    position: sticky;
    top: 0;
    z-index: 9999;
}

/* Partner single: responsive image crop container */
.partner-image-wrap{ 
	max-width:784px;
	width:100%;
	aspect-ratio:784 / 633;
	max-height:633px;
	overflow:hidden;
	border-radius:12px;
}
.partner-image-wrap img{
	width:100%;
	height:100%;
	object-fit:cover; /* preserve aspect ratio, crop overflow */
	border-radius:inherit;
	display:block;
}

@media (max-width: 575.98px){
	.partner-image-wrap{ border-radius:12px; }
}

/* Engage V1: FAQ typography (mobile only) */
@media (max-width: 767px) {
    .page-template-engage-v1 .block-engage-faq .engage-faq-title,
    .page-template-engage-v1-php .block-engage-faq .engage-faq-title {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 24px !important;
        line-height: 140% !important;
        letter-spacing: 0px !important;
        text-align: center !important;
    }

    .page-template-engage-v1 .block-engage-faq .engage-faq-question,
    .page-template-engage-v1-php .block-engage-faq .engage-faq-question {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 120% !important;
        letter-spacing: 0px !important;
    }

    .page-template-engage-v1 .block-engage-faq .engage-faq-answer,
    .page-template-engage-v1-php .block-engage-faq .engage-faq-answer {
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 140% !important;
        letter-spacing: 0px !important;
    }
}