/* common.css - shared layout/utilities used across page categories */
*, ::before, ::after {
  box-sizing: border-box;
}

body.page-common {
  margin: 0;
}

html body.page-common {
  margin: 0;
  padding: 0;
}

/* common.html hyperlink parity matrix (desktop + mobile) */
body.page-common a,
body.page-common a:link,
body.page-common a:visited,
body.page-common a:hover,
body.page-common a:focus {
  color: inherit;
  text-decoration: none;
}


body.page-common .agency-link,
body.page-common .agency-link:link,
body.page-common .agency-link:visited,
body.page-common .reviewlink,
body.page-common .reviewlink:link,
body.page-common .reviewlink:visited {
  color: #3064f9;
}

body.page-common .agency-link:hover,
body.page-common .agency-link:focus,
body.page-common .agency-link:focus-visible,
body.page-common .reviewlink:hover,
body.page-common .reviewlink:focus,
body.page-common .reviewlink:focus-visible {
  color: #0f193b;
}

body.page-common .agency-link:hover img,
body.page-common .agency-link:focus img,
body.page-common .agency-link:focus-visible img,
body.page-common .reviewlink:hover img,
body.page-common .reviewlink:focus img,
body.page-common .reviewlink:focus-visible img {
  filter: brightness(0) saturate(100%);
}

body.page-common .homebannerbtn,
body.page-common .homebannerbtn:link,
body.page-common .homebannerbtn:visited {
  color: #ffffff;
}

body.page-common .demo-btn,
body.page-common .demo-btn:link,
body.page-common .demo-btn:visited,
body.page-common .demo-btn:hover,
body.page-common .demo-btn:focus {
  color: #3064f9;
}

body.page-common #mainfooter .footergrid a.color-black,
body.page-common #mainfooter .footergrid a.color-black:link,
body.page-common #mainfooter .footergrid a.color-black:visited {
  color: #5f6578;
}

body.page-common #mainfooter .footergrid a.color-black:hover,
body.page-common #mainfooter .footergrid a.color-black:focus,
body.page-common #mainfooter .footergrid a.color-black:focus-visible {
  color: #0f193b;
}

/* common.html surface colors */

body.page-common #mainfooter .bottombar {
  background-color: #f8f8fd;
}

/* keep video modals hidden in default page state */
body.page-common .modal {
  display: none;
  position: fixed;
  z-index: 1000000;
  inset: 0;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: auto;
  background:
    radial-gradient(circle at top, rgba(35, 55, 112, 0.16), transparent 52%),
    rgba(8, 13, 28, 0.74);
}

body.page-common .modal-content {
  position: relative;
  margin: 0;
  --modal-media-ratio: 16 / 9;
  --modal-max-height: 70svh;
  width: min(calc(var(--modal-max-height) * var(--modal-media-ratio)), calc(100vw - 40px), 1280px);
  height: fit-content;
  background-color: transparent;
}

body.page-common .modal-content iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

body.page-common .modal-content .modal-media-shell {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--modal-media-ratio, 16 / 9);
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%);
  box-shadow: 0 12px 40px rgba(15, 25, 59, 0.14);
}

body.page-common .modal-content .modal-media-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 242, 248, 0.98) 100%);
  pointer-events: none;
}

body.page-common .modal-content .modal-media-shell.is-ready::before {
  opacity: 0;
  transition: opacity 0.22s ease;
}

body.page-common .modal-content .modal-media-shell iframe,
body.page-common .modal-content .modal-media-shell lottie-player {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.22s ease;
}

body.page-common .modal-content .modal-media-shell.is-ready iframe,
body.page-common .modal-content .modal-media-shell.is-ready lottie-player {
  opacity: 1;
}

body.page-common .modal-content .modal-media-root {
  display: block;
  width: 100%;
  aspect-ratio: var(--modal-media-ratio, 16 / 9);
}

body.page-common .modal-content .modal-media-root lottie-player {
  display: block;
  width: 100%;
  height: 100%;
}

body.page-common .modalclose {
  position: absolute;
  top: -36px;
  right: 0;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.page-common .lottie-wrapper {
  position: relative;
}

body.page-common .lottie-wrapper .lottie-container {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

body.page-common .lottie-wrapper .lottie-container lottie-player {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.22s ease;
}

body.page-common .lottie-wrapper.is-ready .lottie-container lottie-player {
  opacity: 1;
}

body.page-common .lottie-wrapper .lottie-play-btn {
  z-index: 2;
}

body.page-common .lottie-wrapper.is-loading .lottie-play-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

body.page-common .lottie-wrapper.is-ready .lottie-play-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

body.page-common .lottie-wrapper.is-ready .lottie-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Shared FAQ section */
body.page-common .site-faq-section {
  padding: 100px 0;
  background: #ffffff;
}

body.page-common .site-faq-section > .container {
  width: calc(100% - 40px);
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

body.page-common .site-faq-section .section-headings {
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 36px;
  line-height: 45px;
  color: #0f193b;
}

body.page-common .site-faq-section .site-faq-chips {
  width: 100%;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.page-common .site-faq-section .site-faq-chip-viewport {
  width: 100%;
  position: relative;
}

body.page-common .site-faq-section .site-faq-chip-scroll {
  width: 100%;
}

body.page-common .site-faq-section .site-faq-chip {
  appearance: none;
  -webkit-appearance: none;
  min-height: 50px;
  padding: 12px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bcc1ce;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: none;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #0f193b;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.page-common .site-faq-section .site-faq-chip-next {
  display: none;
}

body.page-common .site-faq-section .site-faq-chip.is-active,
body.page-common .site-faq-section .site-faq-chip[aria-pressed="true"] {
  border-color: #3064f9;
  background: #3064f9;
  color: #ffffff;
}

body.page-common .site-faq-section .site-faq-list {
  width: 100%;
  margin-top: 40px;
}

body.page-common .site-faq-section .site-faq-item {
  border-bottom: 1px solid #e3e6f1;
}

body.page-common .site-faq-section .site-faq-item:first-child {
  border-top: 1px solid #e3e6f1;
}

body.page-common .site-faq-section .site-faq-item[hidden] {
  display: none;
}

body.page-common .site-faq-section .site-faq-item summary {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 42px 0;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}

body.page-common .site-faq-section .site-faq-item summary::-webkit-details-marker,
body.page-common .site-faq-section .site-faq-item summary::marker {
  display: none;
  content: "";
}

body.page-common .site-faq-section .site-faq-question {
  flex: 1 1 auto;
  min-width: 0;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #0f193b;
}

body.page-common .site-faq-section .site-faq-toggle {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  position: relative;
}

body.page-common .site-faq-section .site-faq-toggle::before,
body.page-common .site-faq-section .site-faq-toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #bcc1ce;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

body.page-common .site-faq-section .site-faq-toggle::before {
  width: 14px;
  height: 1.5px;
}

body.page-common .site-faq-section .site-faq-toggle::after {
  width: 1.5px;
  height: 14px;
}

body.page-common .site-faq-section .site-faq-item[open] .site-faq-toggle::before,
body.page-common .site-faq-section .site-faq-item[open] .site-faq-toggle::after {
  background: #3064f9;
}

body.page-common .site-faq-section .site-faq-item[open] .site-faq-toggle::after {
  opacity: 0;
}

body.page-common .site-faq-section .site-faq-answer {
  padding: 0 0 42px;
}

body.page-common .site-faq-section .site-faq-answer p:last-child {
  margin-bottom: 0;
}

/* common.html menu parity (desktop + mobile) */
@media screen and (min-width: 1080px) {

    /* Shared 1080 desktop container rhythm */
    .page-common .gotoapk > .container,
    .page-common .lovewordpress > .container,
    .page-common .build-your-app > .container,
    .page-common .faq > .container,
    .page-common .customersaying > .container,
    .page-common .footerbanner > .container,
    .page-common #mainfooter > footer > .container {
        width: calc(100% - 40px);
        max-width: 1080px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    /* Publish everywhere */
    .page-common .gotoapk {
        background: #f8f8fd;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .page-common .gotoapk .section-headings {
        margin: 0;
        width: 100%;
        max-width: 100%;
        font-size: 36px;
        line-height: 45px;
        text-align: center;
        color: #0f193b;
    }
    .page-common .gotoapk .subheading-top {
        margin: 30px 0 0;
        width: 1080px;
        max-width: 1080px;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #5f6578;
    }
    .page-common .gotoapk .semiflex {
        margin-top: 60px;
        display: flex;
        gap: 30px;
        align-items: flex-start;
        justify-content: center;
    }
    .page-common .gotoapk .webtoapk {
        width: 340px;
        height: 413px;
        padding: 0 0 30px;
        background: #ffffff;
        border: none;
        box-shadow: inset 0 0 0 1px #dce1eb;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .page-common .gotoapk .webtoapk > a:first-child {
        position: absolute;
        inset: 0;
        display: block;
        z-index: 2;
        border-radius: 6px;
        cursor: pointer;
    }
    #publish-everywhere-cards .webtoapk {
        position: relative;
    }
    #publish-everywhere-cards .webtoapk > a:first-child {
        position: absolute;
        inset: 0;
        display: block;
        z-index: 2;
        border-radius: 6px;
        cursor: pointer;
    }
    #publish-everywhere-cards .webtoapk > a:first-child:focus-visible {
        outline: 2px solid #3064f9;
        outline-offset: 4px;
    }
    .page-common .gotoapk .webtoapk .webtoapk-bar {
        width: 80px;
        height: 3px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        line-height: 0;
        overflow: hidden;
    }
    .page-common .gotoapk .webtoapk .webtoapk-bar svg {
        display: block;
        width: 80px;
        height: 3px;
    }
    .page-common .gotoapk .webtoapk .webtoapk-box {
        margin: 63px auto 0;
        width: 160px;
        height: 160px;
        max-width: 160px;
        max-height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-common .gotoapk .webtoapk .webtoapk-box img {
        display: block;
        width: 160px;
        height: 160px;
        max-width: 160px;
        max-height: 160px;
        object-fit: contain;
        object-position: center center;
    }
    .page-common .gotoapk .webtoapk .subheadings-2 {
        margin: 60px auto 0;
        width: 300px;
        max-width: 300px;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        color: #0f193b;
    }
    .page-common .gotoapk .webtoapk p {
        margin: 20px auto 0;
        width: 300px;
        max-width: 300px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        color: #5f6578;
    }

    /* Agencies */
    .page-common .lovewordpress {
        padding-top: 100px;
        padding-bottom: 100px;
        background: #ffffff;
        margin-top: 0;
    }
    .page-common .lovewordpress .section-headings.text-center {
        margin: 0;
        width: 100%;
        max-width: 100%;
        font-size: 36px;
        line-height: 45px;
        text-align: center;
        color: #0f193b;
    }
    .page-common .lovewordpress .subheadings-1.subheading-top.text-center {
        margin: 30px 0 0;
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #5f6578;
    }
    .page-common .lovewordpress .section-headings .appmysite-heart-icon {
        display: inline-block;
        width: 34.316px;
        height: 30.933px;
        vertical-align: middle;
        margin: -5.4px 0 0;
    }
    .page-common .lovewordpress .agency-link {
        width: max-content;
        margin: 30px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .page-common .lovewordpress .agencies-desktop-art,
    .page-common .lovewordpress .agencies-grid-art {
        display: block;
        width: 100%;
        max-width: 1080px;
        height: 340.123px;
        margin-top: 60px;
        object-fit: contain;
    }
    body.page-common #agency-solutions-section .agencies-desktop-art,
    body.page-common #agency-solutions-section .agencies-grid-art {
        width: 1080px;
        height: 340.123046875px;
        overflow: hidden;
    }
    .page-common .lovewordpress .agencies-desktop-art img,
    .page-common .lovewordpress .agencies-grid-art img,
    body.page-common #agency-solutions-section .agencies-desktop-art img,
    body.page-common #agency-solutions-section .agencies-grid-art img {
        width: 1080px;
        height: 340.123046875px;
        max-width: none;
        display: block;
        object-fit: fill;
    }
    .page-common .lovewordpress .agencies-mobile-art {
        display: none;
    }

    /* Build and publish */
    .page-common .build-your-app {
        position: relative;
        margin-top: 0;
        padding-top: 0;
        min-height: 640px;
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        background-color: #f8f8fd;
        overflow: hidden;
    }
    body.page-common #done-for-you-app-build-section {
        background-color: #f8f8fd;
    }
    .page-common .build-your-app .container {
        position: relative;
        z-index: 2;
        padding-top: 184px;
    }
    .page-common .build-your-app .section-headings.text-left {
        margin: 0;
        width: 540px;
        max-width: 540px;
        text-align: left;
        font-size: 36px;
        line-height: 45px;
        color: #0f193b;
    }
    .page-common .build-your-app .build-your-app-content {
        margin-top: 30px;
        width: 540px;
        max-width: 540px;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #5f6578;
    }
    .page-common .build-your-app .two-btn-set {
        margin-top: 60px;
        width: 500px;
        gap: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
    }
    .page-common .build-your-app .two-btn-set .build-app-contact-link {
        display: none;
    }
    .page-common .build-your-app .two-btn-set .homebannerbtn {
        order: 1;
        width: 220px;
        height: 54px;
        min-height: 54px;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        padding: 15px 33px;
        border-radius: 4px;
        background-color: #3064f9;
        color: #fff;
        border: 1px solid #3064f9;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;
        transition: all 0.2s ease;
    }

    .page-common .build-your-app .two-btn-set .homebannerbtn:hover,
    .page-common .build-your-app .two-btn-set .homebannerbtn:focus-visible {
        background-color: transparent;
        color: #3064f9;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }
    .page-common .build-your-app .two-btn-set .demo-btn {
        order: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 54px;
        min-height: 54px;
        margin-left: 0;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        padding: 15px 33px;
        border-radius: 4px;
        background-color: transparent;
        color: #3064f9;
        border: 1px solid #3064f9;
        box-sizing: border-box;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .page-common .build-your-app .two-btn-set .demo-btn:hover,
    .page-common .build-your-app .two-btn-set .demo-btn:focus-visible,
    .page-common .build-your-app .two-btn-set .build-app-contact-link:hover,
    .page-common .build-your-app .two-btn-set .build-app-contact-link:focus-visible {
        background-color: #3064f9;
        color: #ffffff;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }

    .page-common .build-your-app .two-btn-set .build-app-contact-link:hover img,
    .page-common .build-your-app .two-btn-set .build-app-contact-link:focus-visible img {
        filter: brightness(0) invert(1);
    }
    .page-common .build-your-app .build-your-app-web {
        display: block;
        position: absolute;
        right: max(0px, calc((100vw - 1440px) / 2));
        top: 0;
        width: 980px;
        height: 640px;
        overflow: hidden;
    }
    .page-common .build-your-app .build-your-app-web::before {
        content: none;
        display: none;
    }
    .page-common .build-your-app .build-your-app-web img {
        width: 980px;
        height: 640px;
        object-fit: cover;
        display: block;
    }
    .page-common .build-your-app .build-app-mobile-art {
        display: none;
    }

    /* Featured logos */
    .page-common .faq {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .page-common .featured-section {
        margin: 0 auto 60px;
        width: 528px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .page-common .featured-section .feature-left-line,
    .page-common .featured-section .feature-right-line {
        width: 160px;
        height: 1px;
        flex: 0 0 160px;
        background: #dce1eb;
    }
    .page-common .featured-section p {
        margin: 0;
        width: 168px;
        flex: 0 0 168px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        white-space: nowrap;
        color: #0f193b;
    }
    .page-common .faq .padding-top-100 {
        padding-top: 0;
    }
    .page-common .faq .padding-top-100 .midflex {
        display: grid;
        width: 1080px;
        height: 140px;
        grid-template-columns: repeat(5, 190px);
        column-gap: 32px;
        row-gap: 40px;
        justify-content: flex-start;
    }
    .page-common .faq .padding-top-100 .midflex div,
    .page-common .faq .padding-top-100 .midflex div a {
        width: 190px;
        height: 50px;
        margin: 0;
        display: block;
        line-height: 0;
    }
    .page-common .faq .padding-top-100 .midflex div a img {
        width: 100%;
        height: 50px;
        display: block;
        object-fit: contain;
    }
    .page-common .faq .padding-top-100 .midflex div a img.mobileshow {
        display: none;
    }
    .page-common .faq .padding-top-100 .midflex div a img.webshow {
        display: block;
    }

    /* Reviews + awards (Figma 8000:50801, 8030:2306, 8030:2378) */
    .page-common .customersaying.background-blue-light.padding-top-100 {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #f8f8fd;
    }
    .page-common .customersaying > .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 100px;
    }
    .page-common .customersaying .row {
        margin: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 40px;
        width: 100%;
        max-width: 1080px;
    }
    .page-common .customersaying .row .col-md-6 {
        width: calc((100% - 40px) / 2);
        max-width: 520px;
        flex: 0 0 calc((100% - 40px) / 2);
        padding-left: 0;
        padding-right: 0;
    }
    .page-common .customersaying .row .col-md-6:first-child {
        margin-top: 0;
        margin-right: 0;
        padding-top: 0;
    }
    .page-common .customersaying .section-headings {
        margin: 0 0 30px;
        padding-top: 0;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 45px;
        color: #0f193b;
        text-align: left;
        width: 100%;
        max-width: 520px;
    }
    .page-common .customersaying .row .col-md-6:first-child .section-headings.mt-3 {
        margin-top: 0;
    }
    .page-common .customersaying .subheadings-1 {
        margin: 0 0 40px;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #5f6578;
        text-align: left;
        width: 100%;
        max-width: 520px;
    }
    .page-common .customersaying .reviewlink {
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #0f193b;
        text-decoration: none;
    }
    .page-common .customersaying .reviewlink img {
        width: 18.272px;
        height: 11.029px;
        flex-shrink: 0;
        object-fit: contain;
    }
    .page-common .customersaying .our-reviews {
        width: 100%;
        max-width: 520px;
        height: auto;
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
        border-radius: 6px;
        overflow: hidden;
        background: #ffffff;
    }
    .page-common .customersaying .our-reviews .review-separator-one,
    .page-common .customersaying .our-reviews .review-separator-two {
        display: none;
    }
    .page-common .customersaying .review-individual {
        width: 50%;
        height: 150px;
        max-width: 260px;
        flex: 0 0 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: #ffffff;
        border: none;
        box-sizing: border-box;
    }
    .page-common .customersaying .review-individual:nth-child(1) {
        border-right: 1px solid #dce1eb;
        border-bottom: 1px solid #dce1eb;
        border-radius: 6px 0 0 0;
    }
    .page-common .customersaying .review-individual:nth-child(2) {
        border-bottom: 1px solid #dce1eb;
        border-radius: 0 6px 0 0;
    }
    .page-common .customersaying .review-individual:nth-child(3) {
        border-right: 1px solid #dce1eb;
        border-radius: 0 0 0 6px;
    }
    .page-common .customersaying .review-individual:nth-child(4) {
        border-radius: 0 0 6px 0;
    }
    .page-common .customersaying .review-individual a {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        z-index: 2;
        display: block;
    }
    .page-common .customersaying .review-logo-ratings {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
        width: 140px;
        margin: 0;
        position: absolute;
        left: 60px;
        top: 43px;
        z-index: 1;
    }
    .page-common .customersaying .review-logo {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        overflow: hidden;
    }
    .page-common .customersaying .review-logo img {
        width: auto;
        height: 32px;
        max-width: 140px;
        object-fit: contain;
        object-position: center;
    }
    .page-common .customersaying .review-stars {
        width: 124px;
        height: 18px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-common .customersaying .review-stars img,
    .page-common .customersaying .review-stars img.rating-stars-row {
        width: 124px;
        height: 18px;
        max-width: 124px;
        max-height: 18px;
        object-fit: contain;
        object-position: center;
        display: block;
    }
    .page-common .customersaying .text-center.awards {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%;
        max-width: 1080px;
        display: flex;
        justify-content: center;
    }
    .page-common .customersaying .text-center.awards .awards-desktop-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        width: 100%;
        max-width: 1080px;
        height: 122px;
        text-decoration: none;
    }
    .page-common .customersaying .text-center.awards .awards-desktop-row.webshow {
        display: flex;
    }
    .page-common .customersaying .text-center.awards .webshow {
        display: flex;
    }
    .page-common .customersaying .text-center.awards .mobileshow {
        display: none;
    }
    .page-common .customersaying .text-center.awards .awards-desktop-row img {
        width: 108px;
        height: 122px;
        object-fit: contain;
        object-position: center;
        flex-shrink: 0;
        display: block;
    }

    /* Pre-footer CTA (Figma 8030:2852, 8030:2857) */
    .page-common .footerbanner {
        min-height: auto;
        padding: 100px 0;
        background-color: transparent;
        position: relative;
        overflow: hidden;
    }
    .page-common .footerbanner .footerbanner-decor-mobile {
        display: none;
    }
    .page-common .footerbanner .footerbanner-decor.webshow {
        position: absolute;
        inset: 0;
        display: block;
        pointer-events: none;
    }
    .page-common .footerbanner .decor-cluster {
        position: absolute;
        width: 383px;
        height: 427px;
        display: block;
        object-fit: contain;
    }
    .page-common .footerbanner .decor-left-cluster {
        left: 0;
        top: 0;
    }
    .page-common .footerbanner .decor-right-cluster {
        right: 0;
        top: 0;
    }
    .page-common .footerbanner .container {
        width: calc(100% - 40px);
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        display: block;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
    }
    .page-common .footerbanner .container > h2 {
        margin: 0 0 30px 0;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        color: #0f193b;
    }
    .page-common .footerbanner .container > h3 {
        margin: 0;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #5f6578;
    }
    .page-common .footerbanner .two-btn-set {
        margin-top: 60px;
        margin-bottom: 0;
        justify-content: center;
    }
    .page-common .footerbanner .homebannerbtn {
        width: 220px;
        height: 54px;
        padding: 15px 33px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
        background-color: #3064f9;
        border-radius: 4px;
        border: 1px solid #3064f9;
        text-decoration: none;
        transition: all 0.2s ease;
    }

    .page-common .footerbanner .homebannerbtn:hover,
    .page-common .footerbanner .homebannerbtn:focus-visible {
        background-color: transparent;
        color: #3064f9;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }

    /* Main footer */
    .page-common #mainfooter footer {
        padding: 60px 0;
        background: #f8f8fd;
    }
    .page-common #mainfooter .footergrid.semiflex {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        height: auto;
        column-gap: 0;
        row-gap: 0;
        align-items: start;
    }
    .page-common #mainfooter .footergrid.semiflex > div {
        width: 216px;
        align-self: start;
    }
    .page-common #mainfooter .footer-main-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .page-common #mainfooter .footer-main-block > a {
        display: inline-flex;
        margin: 0;
        line-height: 0;
    }
    .page-common #mainfooter .footer-main-block > a img {
        width: 133.588px;
        height: 24.56px;
        display: block;
        object-fit: contain;
        object-position: left center;
    }
    .page-common #mainfooter .footer-main-block > h4.weight-500 {
        margin: 30px 0 14px;
        font-family: 'Outfit', sans-serif;
        font-size: 13px;
        line-height: 16px;
        color: #0f193b;
    }
    .page-common #mainfooter .footer-main-block > p.footer-address-lines {
        margin: 0;
        width: 117px;
        max-width: 117px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-family: 'Outfit', sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: #5f6578;
    }
    .page-common #mainfooter .footer-main-block > p.footer-address-lines span {
        display: block;
        line-height: 15px;
    }
    .page-common #mainfooter .footer-main-block > .woocertified {
        margin-top: 30px;
        width: 177.496px;
        height: 30px;
        display: flex;
        align-items: flex-start;
        gap: 10.5px;
    }
    .page-common #mainfooter .footer-main-block > .woocertified img {
        width: 52px;
        height: 13px;
        margin-top: 6.63px;
        display: block;
        flex: 0 0 52px;
    }
    .page-common #mainfooter .footer-main-block > .woocertified .woo-divider {
        width: 1px;
        height: 30px;
        background: #dce1eb;
        flex: 0 0 1px;
        display: block;
    }
    .page-common #mainfooter .footer-main-block > .woocertified .woo-certified-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        margin-top: 0;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        font-size: 10px;
        line-height: 13px;
        letter-spacing: 0;
    }
    .page-common #mainfooter .footer-main-block > .woocertified .woo-certified-text span:first-child {
        color: #5f6578;
    }
    .page-common #mainfooter .footer-main-block > .woocertified .woo-certified-text span:last-child {
        color: #5f6578;
        white-space: nowrap;
    }
    .page-common #mainfooter .footergrid h5 {
        margin: 0 0 31px;
        font-family: 'Outfit', sans-serif;
        font-size: 14px;
        line-height: 18px;
        white-space: nowrap;
        color: #0f193b;
    }
    .page-common #mainfooter .footergrid div a.color-black {
        margin: 0 0 31px;
        font-family: 'Outfit', sans-serif;
        font-size: 13px;
        line-height: 16px;
        white-space: nowrap;
        display: block;
    }
    .page-common #mainfooter .footergrid div a.color-black:last-child {
        margin-bottom: 0;
    }
    .page-common #mainfooter .bottombar {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: 70px;
        min-height: 70px;
        padding: 25px 0;
        box-sizing: border-box;
        background: #f8f8fd;
        border-top: 1px solid #e3edf7;
    }
    .page-common #mainfooter .bottombar .container.allflex {
        display: flex;
        width: calc(100% - 40px);
        max-width: 1080px;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }
    .page-common #mainfooter .bottombar p {
        margin: 0;
        font-family: 'Outfit', sans-serif;
        font-size: 12px;
        line-height: 15px;
        color: #0f193b;
    }
    .page-common #mainfooter .bottombar .container > div:nth-child(2) {
        width: 240px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
    }
    .page-common #mainfooter .bottombar .container > div:nth-child(2) a {
        margin: 0;
        line-height: 0;
        display: inline-flex;
        align-items: center;
    }
    .page-common #mainfooter .bottombar .container > div:nth-child(2) a img {
        width: 20px;
        height: 20px;
        min-width: 20px;
        max-width: none;
        flex: 0 0 20px;
        object-fit: contain;
        display: block;
    }
}

@media screen and (max-width: 1079px) {
    body.page-common #publish-everywhere-cards > .container,
    body.page-common #agency-solutions-section > .container,
    body.page-common #done-for-you-app-build-section > .container,
    body.page-common #featured-in-logos-section > .container,
    body.page-common #customer-reviews-awards-section > .container,
    body.page-common #final-cta-banner-section > .container,
    body.page-common #global-footer-section > .container,
    body.page-common #mainfooter .bottombar .container.allflex {
        width: min(100%, 375px);
        max-width: 375px;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    body.page-common #done-for-you-app-build-section .build-app-mobile-art {
        width: min(100vw, 375px) !important;
        max-width: 375px !important;
        height: auto !important;
        margin: 40px 0 0;
        margin-left: 50%;
        transform: translateX(-50%);
        object-fit: contain;
        object-position: center;
    }

    body.page-common #final-cta-banner-section .decor-mobile-left,
    body.page-common #final-cta-banner-section .decor-mobile-right {
        width: min(100vw, 375px);
        max-width: 375px;
        left: 50%;
        transform: translateX(-50%);
        object-fit: cover;
    }

    body.page-common #publish-everywhere-cards {
        background: #f8f8fd;
        padding-top: 60px;
        padding-bottom: 59px;
    }

    body.page-common #publish-everywhere-cards .section-headings {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        text-align: left;
        font-size: 26px;
        font-weight: 700;
        line-height: 33px;
        color: #0f193b;
    }

    body.page-common #publish-everywhere-cards .subheading-top {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 20px 0 0;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #5f6578;
    }

    body.page-common #publish-everywhere-cards .semiflex {
        width: 100%;
        margin: 40px 0 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    body.page-common #publish-everywhere-cards .webtoapk {
        width: 100%;
        height: 411.5px;
        margin: 0;
        padding: 0 20px 30px;
        border-radius: 6px;
        border: 0;
        background: #ffffff;
        box-shadow: inset 0 0 0 1px #dce1eb;
        position: relative;
    }

    body.page-common #publish-everywhere-cards .webtoapk > a:first-child {
        position: absolute;
        inset: 0;
        display: block;
        z-index: 2;
        border-radius: 6px;
        cursor: pointer;
    }

    body.page-common #publish-everywhere-cards .webtoapk .webtoapk-bar {
        width: 80px;
        height: 3px;
        margin: 0 auto;
        position: static;
        transform: none;
        line-height: 0;
        overflow: hidden;
    }

    body.page-common #publish-everywhere-cards .webtoapk .webtoapk-bar svg {
        display: block;
        width: 80px;
        height: 3px;
    }

    body.page-common #publish-everywhere-cards .webtoapk .webtoapk-box {
        width: 160px;
        height: 160px;
        margin: 60px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.page-common #publish-everywhere-cards .webtoapk .webtoapk-box img {
        width: 160px;
        height: 160px;
        max-width: 160px;
        max-height: 160px;
        display: block;
        object-fit: contain;
    }

    body.page-common #publish-everywhere-cards .webtoapk .subheadings-2 {
        width: 300px;
        margin: 60px auto 0;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #0f193b;
    }

    body.page-common #publish-everywhere-cards .webtoapk .normaltext {
        width: 295px;
        margin: 20px auto 0;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #5f6578;
    }

    body.page-common .site-faq-section {
        padding: 60px 0;
    }
    body.page-common .site-faq-section > .container {
        width: 375px;
        max-width: 375px;
        padding: 0 20px;
        box-sizing: border-box;
        align-items: flex-start;
    }
    body.page-common .site-faq-section .section-headings {
        width: 335px;
        text-align: left;
        font-size: 26px;
        line-height: 33px;
    }
    body.page-common .site-faq-section .site-faq-chips {
        width: max-content;
        margin-top: 0;
        position: relative;
        z-index: 1;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0 80px 2px 20px;
        box-sizing: border-box;
    }
    body.page-common .site-faq-section .site-faq-chip-scroll {
        width: 375px;
        height: 44px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    body.page-common .site-faq-section .site-faq-chip-viewport {
        width: 375px;
        height: 44px;
        margin: 40px 0 0 -20px;
        position: relative;
    }
    body.page-common .site-faq-section .site-faq-chip-scroll::-webkit-scrollbar {
        display: none;
    }
    body.page-common .site-faq-section .site-faq-chip-viewport::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 44px;
        background: linear-gradient(270deg, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
        z-index: 2;
    }
    body.page-common .site-faq-section .site-faq-chip {
        min-height: 44px;
        height: 44px;
        padding: 12px 24px;
        flex: 0 0 auto;
    }
    body.page-common .site-faq-section .site-faq-chip-next {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 4px 12px rgba(15, 25, 59, 0.14);
        transform: translateY(-50%);
        z-index: 3;
    }
    body.page-common .site-faq-section .site-faq-chip-next::before {
        content: "";
        width: 9px;
        height: 9px;
        display: block;
        border-top: 2px solid #7a839d;
        border-right: 2px solid #7a839d;
        transform: rotate(45deg);
        margin-left: -2px;
    }
    body.page-common .site-faq-section .site-faq-chip-viewport.is-end::after,
    body.page-common .site-faq-section .site-faq-chip-viewport.is-end .site-faq-chip-next {
        opacity: 0;
        pointer-events: none;
    }
    body.page-common .site-faq-section .site-faq-list {
        width: 335px;
        margin-top: 40px;
    }
    body.page-common .site-faq-section .site-faq-item summary {
        padding: 30px 0;
        gap: 20px;
        align-items: center;
    }
    body.page-common .site-faq-section .site-faq-question {
        font-size: 16px;
        line-height: 20px;
        white-space: normal;
    }
    body.page-common .site-faq-section .site-faq-answer {
        padding: 0 0 30px;
    }

    body.page-common #agency-solutions-section,
    body.page-common #featured-in-logos-section,
    body.page-common #customer-reviews-awards-section {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-top: 0;
    }

    body.page-common #agency-solutions-section {
        background: #ffffff;
        height: auto;
    }

    body.page-common #agency-solutions-section .section-headings.text-center {
        width: 100%;
        margin: 0;
        text-align: left;
        font-size: 26px;
        font-weight: 700;
        line-height: 33px;
        white-space: normal;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        color: #0f193b;
    }

    body.page-common #agency-solutions-section .section-headings .appmysite-heart-icon {
        width: 26.001px;
        height: 23.427px;
        margin: 5.29px 6px 0 0.6px;
        vertical-align: middle;
    }

    body.page-common #agency-solutions-section .subheadings-1.subheading-top.text-center {
        width: 100%;
        margin: 20px 0 0;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #5f6578;
    }

    body.page-common #agency-solutions-section .agency-link {
        margin: 20px auto 0;
        width: max-content;
        min-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        white-space: nowrap;
    }

    body.page-common #agency-solutions-section .agency-link .agency-link-text {
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
    }

    body.page-common #agency-solutions-section .agency-link img {
        flex: 0 0 auto;
        display: block;
        margin: 0;
    }

    body.page-common #agency-solutions-section .agencies-desktop-art,
    body.page-common #agency-solutions-section .agencies-grid-art {
        display: none;
    }

    body.page-common #agency-solutions-section .agencies-mobile-art {
        display: block;
        width: 100%;
        height: auto;
        margin: 40px 0 0;
        object-fit: cover;
    }

    body.page-common #done-for-you-app-build-section,
    body.page-common .build-your-app {
        background: #f8f8fd;
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    body.page-common #done-for-you-app-build-section .build-your-app-web {
        display: none;
    }

    body.page-common #done-for-you-app-build-section .section-headings.text-left {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        text-align: left;
        font-size: 26px;
        font-weight: 700;
        line-height: 33px;
        color: #0f193b;
    }

    body.page-common #done-for-you-app-build-section .build-your-app-content {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 20px 0 0;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #5f6578;
    }

    body.page-common #done-for-you-app-build-section .two-btn-set {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 30px;
    }

    body.page-common #done-for-you-app-build-section .build-app-contact-link {
        width: auto;
        height: 20px;
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        line-height: 20px;
        color: #3064f9;
        white-space: nowrap;
    }

    body.page-common #done-for-you-app-build-section .build-app-contact-link .build-app-contact-link-text {
        font-size: 16px;
        line-height: 20px;
        color: inherit;
        white-space: nowrap;
    }

    body.page-common #done-for-you-app-build-section .build-app-contact-link:hover,
    body.page-common #done-for-you-app-build-section .build-app-contact-link:focus-visible {
        background-color: #3064f9;
        color: #ffffff;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }

    body.page-common #done-for-you-app-build-section .build-app-contact-link:hover img,
    body.page-common #done-for-you-app-build-section .build-app-contact-link:focus-visible img {
        filter: brightness(0) invert(1);
    }

    body.page-common #done-for-you-app-build-section .homebannerbtn {
        width: min(100%, 420px);
        height: 50px;
        margin: 0;
        border-radius: 4px;
        background-color: #3064f9;
        border: 1px solid #3064f9;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    body.page-common #done-for-you-app-build-section .homebannerbtn:hover,
    body.page-common #done-for-you-app-build-section .homebannerbtn:focus-visible {
        background-color: transparent;
        color: #3064f9;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }

    body.page-common #done-for-you-app-build-section .demo-btn {
        display: none;
    }

    body.page-common #done-for-you-app-build-section .build-app-mobile-art {
        display: block;
        width: min(100vw, 375px) !important;
        max-width: 375px !important;
        height: auto !important;
        margin: 40px 0 0;
        margin-left: 50%;
        transform: translateX(-50%);
        object-fit: contain;
        object-position: center;
        opacity: 1;
    }

    body.page-common #featured-in-logos-section {
        background: #ffffff;
        height: auto;
    }

    body.page-common #featured-in-logos-section .featured-section {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    body.page-common #featured-in-logos-section .feature-left-line,
    body.page-common #featured-in-logos-section .feature-right-line {
        flex: 1 0 0;
        height: 1px;
        background: #dce1eb;
    }

    body.page-common #featured-in-logos-section .featured-section p {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        white-space: nowrap;
        color: #0f193b;
    }

    body.page-common #featured-in-logos-section .padding-top-100 {
        width: 100%;
        margin: 0;
        padding-top: 20px;
    }

    body.page-common #featured-in-logos-section .midflex {
        width: 100%;
        height: auto;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 25px;
        row-gap: 25px;
        justify-content: flex-start;
        align-items: center;
    }

    body.page-common #featured-in-logos-section .midflex > div,
    body.page-common #featured-in-logos-section .midflex > div > a {
        width: 100%;
        height: 46px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    body.page-common #featured-in-logos-section .midflex > div > a > img.mobileshow {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 46px;
        margin: 0;
        object-fit: contain;
        object-position: left center;
    }

    body.page-common #featured-in-logos-section .midflex > div > a > img.webshow {
        display: none;
    }

    body.page-common #customer-reviews-awards-section {
        background: #f8f8fd;
        height: auto;
    }

    body.page-common #customer-reviews-awards-section .row {
        width: 100%;
        margin: 0;
        display: block;
    }

    body.page-common #customer-reviews-awards-section .row > .col-md-6 {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
    }

    body.page-common #customer-reviews-awards-section .section-headings {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        line-height: 33px;
        text-align: left;
        color: #0f193b;
    }

    body.page-common #customer-reviews-awards-section .subheadings-1 {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 20px 0 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: #5f6578;
    }

    body.page-common #customer-reviews-awards-section .reviewlink {
        width: 131.2721px;
        height: 20px;
        margin: 30px 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        white-space: nowrap;
        font-size: 16px;
        line-height: 20px;
    }

    body.page-common #customer-reviews-awards-section .reviewlink img {
        width: 18.2721px;
        height: 11.0293px;
        margin: 0;
    }

    body.page-common #customer-reviews-awards-section .our-reviews {
        width: 100%;
        height: 230px;
        margin: 40px 0 0;
        line-height: 24px;
        border-radius: 6px;
        background: #ffffff;
        border: 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 115px);
        overflow: hidden;
    }

    body.page-common #customer-reviews-awards-section .review-separator-one,
    body.page-common #customer-reviews-awards-section .review-separator-two {
        display: none;
    }

    body.page-common #customer-reviews-awards-section .review-individual {
        width: 100%;
        height: 115px;
        margin: 0;
        border: 0;
        position: relative;
        background: #ffffff;
    }

    body.page-common #customer-reviews-awards-section .review-individual:nth-of-type(1),
    body.page-common #customer-reviews-awards-section .review-individual:nth-of-type(2) {
        border-bottom: 1px solid #dce1eb;
    }

    body.page-common #customer-reviews-awards-section .review-individual:nth-of-type(1),
    body.page-common #customer-reviews-awards-section .review-individual:nth-of-type(3) {
        border-right: 1px solid #dce1eb;
    }

    body.page-common #customer-reviews-awards-section .review-individual > a {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 115px;
        margin: 0;
        z-index: 2;
        display: block;
    }

    body.page-common #customer-reviews-awards-section .review-logo-ratings {
        position: absolute;
        left: 26px;
        top: 29px;
        width: 115px;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        z-index: 1;
    }

    body.page-common #customer-reviews-awards-section .review-logo {
        width: 115px;
        height: 28px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.page-common #customer-reviews-awards-section .review-logo img {
        width: auto;
        max-width: 115px;
        max-height: 28px;
        margin: 0;
        display: block;
        object-fit: contain;
    }

    body.page-common #customer-reviews-awards-section .review-stars {
        width: 114px;
        height: 17px;
        margin: 0;
    }

    body.page-common #customer-reviews-awards-section .review-stars img {
        width: 114px;
        height: 17px;
        margin: 0;
        display: block;
    }

    body.page-common #customer-reviews-awards-section .text-center.awards {
        width: 100%;
        margin: 60px 0 0;
        padding: 0;
    }

    body.page-common #customer-reviews-awards-section .awards-desktop-row {
        display: none;
    }

    body.page-common #customer-reviews-awards-section a.mobileshow {
        display: block;
        width: 334px;
    }

    body.page-common #customer-reviews-awards-section .awards-badges-grid {
        width: 100%;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 90px));
        column-gap: clamp(16px, 4vw, 32px);
        row-gap: 28px;
        justify-content: flex-start;
    }

    body.page-common #customer-reviews-awards-section .awards-badges-grid .awards-badge {
        width: 90px;
        height: 102px;
        display: block;
    }

    body.page-common #final-cta-banner-section {
        height: auto;
        min-height: 0;
        max-height: none;
        background: #ffffff;
        padding: 127px 0;
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    body.page-common #final-cta-banner-section .footerbanner-decor.webshow {
        display: none;
    }

    body.page-common #final-cta-banner-section .footerbanner-decor-mobile {
        display: block;
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
    }

    body.page-common #final-cta-banner-section .decor-mobile-left {
        position: absolute;
        left: 50%;
        top: 0;
        width: min(100vw, 375px);
        max-width: 375px;
        height: 114px;
        transform: translateX(-50%);
        object-fit: cover;
        object-position: left top;
    }

    body.page-common #final-cta-banner-section .decor-mobile-right {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: min(100vw, 375px);
        max-width: 375px;
        height: 114px;
        transform: translateX(-50%);
        object-fit: cover;
        object-position: left bottom;
    }

    body.page-common #final-cta-banner-section > .container {
        position: relative;
        z-index: 1;
    }

    body.page-common #final-cta-banner-section h2 {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        text-align: left;
        font-size: 34px;
        font-weight: 700;
        line-height: 43px;
        color: #0f193b;
    }

    body.page-common #final-cta-banner-section h3 {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 20px 0 0;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #5f6578;
    }

    body.page-common #final-cta-banner-section .two-btn-set {
        width: 100%;
        margin: 30px 0 0;
        display: flex;
        justify-content: flex-start;
    }

    body.page-common #final-cta-banner-section .homebannerbtn {
        width: min(100%, 420px);
        height: 50px;
        margin: 0;
        border-radius: 4px;
        background-color: #3064f9;
        border: 1px solid #3064f9;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    body.page-common #final-cta-banner-section .homebannerbtn:hover,
    body.page-common #final-cta-banner-section .homebannerbtn:focus-visible {
        background-color: transparent;
        color: #3064f9;
        border-color: #3064f9;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
    }

    body.page-common #global-footer-section {
        background: #f8f8fd;
        padding: 60px 0;
    }

    body.page-common #global-footer-section .footergrid.semiflex {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    body.page-common #global-footer-section .footergrid.semiflex > div {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body.page-common #global-footer-section .footer-main-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    body.page-common #global-footer-section .footer-main-block > a {
        margin: 0;
        display: inline-flex;
        line-height: 0;
    }

    body.page-common #global-footer-section .footer-main-block > a img {
        width: 136.003px;
        height: 25.004px;
        display: block;
        object-fit: contain;
    }

    body.page-common #global-footer-section .footer-main-block > h4.weight-500 {
        margin: 20px 0 9px;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #0f193b;
    }

    body.page-common #global-footer-section .footer-main-block > p.footer-address-lines {
        width: 137px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #5f6578;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified {
        width: 178px;
        height: 30px;
        margin: 20px 0 0;
        display: flex;
        align-items: center;
        gap: 11px;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified img {
        width: 52px;
        height: 13px;
        margin: 0;
        display: block;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified .woo-divider {
        width: 1px;
        height: 30px;
        background: #dce1eb;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified .woo-certified-text {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified .woo-certified-text span:first-child {
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        color: #5f6578;
    }

    body.page-common #global-footer-section .footer-main-block > .woocertified .woo-certified-text span:last-child {
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        color: #5f6578;
        white-space: nowrap;
    }

    body.page-common #global-footer-section .footergrid h5 {
        margin: 0 0 19px;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #0f193b;
    }

    body.page-common #global-footer-section .footergrid div a.color-black {
        margin: 0 0 25px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        display: block;
    }

    body.page-common #global-footer-section .footergrid div a.color-black:last-child {
        margin-bottom: 0;
    }

    body.page-common #mainfooter .bottombar {
        height: 107px;
        min-height: 107px;
        margin-top: 1px;
        padding: 22px 0;
        border-top: 0;
        background: #f8f8fd;
        position: relative;
    }

    body.page-common #mainfooter .bottombar::before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        width: 100%;
        height: 1px;
        background: #dce1eb;
    }

    body.page-common #mainfooter .bottombar .container.allflex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 28px;
    }

    body.page-common #mainfooter .bottombar p {
        margin: 0;
        width: 207px;
        height: 15px;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #0f193b;
        white-space: nowrap;
    }

    body.page-common #mainfooter .bottombar .container > div:nth-child(2) {
        width: 240px;
        height: 20px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
    }

    body.page-common #mainfooter .bottombar .container > div:nth-child(2) a {
        width: 20px;
        height: 20px;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    body.page-common #mainfooter .bottombar .container > div:nth-child(2) a img {
        width: 20px;
        height: 20px;
        display: block;
    }
}