/* Remove inherited dividers from the partner and placement cards. */
.records-replacement-card .records-grid > .record-card--partners > div,
.records-replacement-card .records-grid > .record-card--placement > div {
    border-left: 0 !important;
    border-right: 0 !important;
}
.records-section {
    position: relative;
    min-height: 500px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 72px 20px 150px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(255, 248, 248, 0.96) 34%,
            rgba(255, 224, 228, 0.92) 67%,
            rgba(211, 0, 20, 0.2) 100%
        ),
        linear-gradient(180deg, #fff 0%, #fff7f7 52%, #ffe7ea 100%);
}
.records-section:after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 330px;
    pointer-events: none;
    opacity: 0.52;
    background:
        linear-gradient(
            90deg,
            rgba(248, 190, 196, 0.72),
            rgba(255, 255, 255, 0) 72%
        ),
        url("/assets/images/diamond.svg") center top/100% auto no-repeat;
}

/* Continue the same full-width background behind the comparison cards. */
.why-choose-section {
    background: linear-gradient(
        135deg,
        #fff 0%,
        #fffafa 34%,
        #fff0f2 68%,
        #f8c6cc 100%
    ) !important;
}

/* Unite the two comparison cards into one large records card only. */
.records-section-wrapper .why-choose-comparison {
    width: min(1170px, calc(100% - 20px));
    padding: 0;
    gap: 0 !important;
    border: 1px solid #f1a8b0;
    border-radius: 0 0 38px 38px;
    background: #fffafa;
    box-shadow: 0 8px 22px #8f0c1c18;
    overflow: hidden;
}
.records-section-wrapper .why-choose-card {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.records-section-wrapper .why-choose-card--yes {
    border-right: 1px solid #f1b6bb !important;
}
.records-section-wrapper .why-choose-heading span {
    font-size: 0 !important;
}
.records-section-wrapper .why-choose-heading span:after {
    content: "OUR RECORDS THAT";
    font-size: clamp(30px, 3.2vw, 54px);
}
.records-section-wrapper .why-choose-heading strong {
    font-size: 0 !important;
}
.records-section-wrapper .why-choose-heading strong:after {
    content: "MAKE US";
    font-size: clamp(26px, 3.2vw, 54px);
}
@media (max-width: 700px) {
    .records-section-wrapper .why-choose-comparison {
        width: calc(100% - 20px);
        border-radius: 0 0 22px 22px;
    }
    .records-section-wrapper .why-choose-card--yes {
        border-right: 0 !important;
        border-bottom: 1px solid #f1b6bb !important;
    }
}

/* Shape-only preview: hide badge content until the polygon is approved. */
.records-replacement-card__intro > strong {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    font-size: 0 !important;
    color: transparent !important;
}
.records-replacement-card__intro > strong em {
    font-size: 0 !important;
}
.records-replacement-card__intro > strong small {
    display: none !important;
}

/* Final reference match for the visible records summary panel. */
.records-replacement-card {
    overflow: visible;
}
.records-header-card {
    overflow: hidden;
}
.records-replacement-card__intro {
    overflow: visible;
    min-height: 260px;
    padding: 62px 330px 54px 84px;
}
.records-replacement-card__intro > strong {
    right: -22px;
    top: -122px;
    width: 390px;
    height: 355px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    clip-path: polygon(
        20% 0%,
        76% 0%,
        81% 1%,
        86% 5%,
        99% 44%,
        100% 50%,
        99% 56%,
        86% 95%,
        81% 99%,
        76% 100%,
        20% 100%,
        14% 99%,
        9% 95%,
        1% 56%,
        0% 50%,
        1% 44%,
        9% 5%,
        14% 1%
    );
    font-family: Poppins, sans-serif;
    font-size: 29px;
    line-height: 1.05;
    filter: drop-shadow(4px 0 0 #ed7620)
        drop-shadow(0 10px 12px rgba(80, 45, 0, 0.2));
}
.records-replacement-card__intro > strong em {
    font-size: 78px;
    line-height: 0.95;
}
.records-replacement-card__intro > strong small {
    margin-top: 22px;
    font-size: 40px;
    letter-spacing: 3px;
}
@media (max-width: 700px) {
    .records-replacement-card {
        overflow: visible;
    }
    .records-replacement-card__intro {
        min-height: 215px;
        padding: 28px 20px;
    }
    .records-replacement-card__intro > strong {
        right: auto;
        top: auto;
        width: 210px;
        height: 195px;
        margin: 24px auto -70px;
        font-size: 16px;
    }
    .records-replacement-card__intro > strong em {
        font-size: 38px;
    }
.records-replacement-card__intro > strong small {
    margin-top: 10px;
    font-size: 22px;
}
}

/* Restore badge content after the shape-only preview. */
.records-replacement-card__intro > strong {
    color: #171717 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    filter: drop-shadow(3px 0 0 #f07b22) drop-shadow(-2px 0 0 #f6a900) drop-shadow(0 3px 0 #f07b22) drop-shadow(0 10px 12px rgba(80, 45, 0, .2));
}
.records-replacement-card__intro > strong em { font-size: 0 !important; color: transparent !important; }
.records-replacement-card__intro > strong em { -webkit-text-fill-color: transparent !important; text-shadow: none !important; }
.records-replacement-card__intro > strong em::after { display: none !important; }
.records-replacement-card__intro > strong em { font-size: 70px !important; color: #b30016 !important; -webkit-text-fill-color: #b30016 !important; background: none !important; letter-spacing: -3px !important; text-shadow: 1px 1px 0 rgba(90,0,10,.65), 2px 2px 0 rgba(90,0,10,.42), 3px 3px 6px rgba(0,0,0,.24) !important; }
.records-replacement-card__intro > strong em { word-spacing: -14px !important; }
.records-replacement-card__intro > strong em { font-size: 82px !important; line-height: .86 !important; }
.records-replacement-card__intro > strong em { letter-spacing: -1px !important; }
.records-replacement-card__intro > strong {
    filter:
        drop-shadow(0 0 0 #f9a825)
        drop-shadow(3px 0 0 #ffca28)
        drop-shadow(5px 0 0 #ef6c00)
        drop-shadow(-3px 0 0 #ffd54f)
        drop-shadow(0 5px 0 #d84315)
        drop-shadow(0 10px 12px rgba(80, 45, 0, .28));
}
.records-replacement-card__intro > strong {
    filter: drop-shadow(4px 0 0 #ef7622) drop-shadow(2px 3px 0 #f9a825) drop-shadow(-2px 0 0 #ffd54f) drop-shadow(0 6px 0 #d84315) drop-shadow(0 10px 12px rgba(80, 45, 0, .28)) !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='borderGradient' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFF176'/%3E%3Cstop offset='.35' stop-color='%23FFD54F'/%3E%3Cstop offset='.7' stop-color='%23F57C00'/%3E%3Cstop offset='1' stop-color='%23D84315'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 4 L72 4 Q76 4 78 8 L97 42 Q99 50 97 58 L78 92 Q76 96 72 96 L28 96 Q24 96 22 92 L3 58 Q1 50 3 42 L22 8 Q24 4 28 4 Z' fill='%23FFC107' stroke='url(%23borderGradient)' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat !important;
}
.records-replacement-card__intro > strong {
    filter: drop-shadow(0 8px 10px rgba(80, 45, 0, .22)) !important;
}
.records-replacement-card {
    border-bottom: 1px solid #efb0b7 !important;
    border-bottom-left-radius: 34px !important;
    border-bottom-right-radius: 34px !important;
    display: flow-root;
    box-sizing: border-box;
    padding-bottom: 34px;
    background: #fff !important;
}
.records-replacement-card .records-grid {
    margin-bottom: 0;
}
.records-grid > .record-card:first-child {
    min-height: 160px;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(#292929 0 42%, #b60000 42%);
    text-align: center;
}
.records-grid > .record-card:first-child .record-card__top {
    width: 100%;
    min-height: 62px;
    padding: 10px 16px 6px;
    box-sizing: border-box;
    border: 0;
}
.records-grid > .record-card:first-child .record-card__top strong {
    display: block;
    color: #ffd329;
    font-size: 28px;
    line-height: 1;
}
.records-grid > .record-card:first-child .record-card__top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    text-align: left;
}
.records-grid > .record-card:first-child .record-card__header-icon {
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border: 1px solid #8d8d8d;
    border-radius: 6px;
    color: #fff;
    font-size: 34px;
    line-height: 1;
}
.records-grid > .record-card:first-child .record-card__header-copy {
    display: block;
    width: auto;
}
.records-grid > .record-card:first-child .record-card__header-copy small {
    text-align: left;
    font-style: italic;
}
.records-grid > .record-card:first-child .record-card__top {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
.records-grid > .record-card:first-child .record-card__header-icon {
    display: grid !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
}
.records-grid > .record-card:first-child .record-card__header-copy {
    display: block !important;
    flex: 1 1 auto !important;
}
.records-grid > .record-card:first-child .record-card__top small {
    display: block;
    margin-top: 4px;
    font-size: 13px;
}
.records-grid > .record-card:first-child > div:not(.record-card__top) {
    display: inline-flex;
    width: 48%;
    min-height: 98px;
    padding: 12px 8px 8px;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    text-align: center;
    border-right: 2px solid #fff;
}
.records-grid > .record-card:first-child > div:last-child { border-right: 0; }
.records-grid > .record-card:first-child > div:not(.record-card__top) b {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 1;
}
.records-grid > .record-card:first-child > div:not(.record-card__top) span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
}
.records-grid > .record-card:first-child > div:not(.record-card__top) small {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
}
.records-grid > .record-card:first-child .record-card__stat-icon {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px;
    color: #fff;
    font-size: 38px;
    line-height: 1;
    text-align: center;
}
.records-grid > .record-card:first-child .record-card__stat-icon i {
    display: inline-block !important;
    font-size: 38px !important;
    line-height: 1 !important;
}
.records-replacement-card .records-grid {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.records-grid > .record-card--partners .record-card__top,
.records-grid > .record-card--placement .record-card__top {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 112px;
    padding: 18px 16px 10px;
    box-sizing: border-box;
    text-align: left;
}
.record-card--partners .record-card__header-icon,
.record-card--placement .record-card__header-icon {
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border: 1px solid #888;
    border-radius: 6px;
    color: #fff;
    font-size: 30px;
}
.record-card--partners .record-card__header-copy strong,
.record-card--placement .record-card__header-copy strong {
    display: block;
    color: #ffd329;
    font-size: 38px;
    line-height: .95;
}
.record-card--partners .record-card__header-copy small,
.record-card--placement .record-card__header-copy small {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 13px;
    line-height: 1.1;
}
.record-card--partners > p,
.record-card--placement > p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
}
.record-card--partners .partner-logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 120px;
    margin: 8px auto 0;
}
.record-card--partners .partner-logos span {
    display: grid;
    place-items: center;
    min-height: 38px;
    border-radius: 5px;
    background: #fff;
    color: #444;
    font-size: 8px;
    font-weight: 700;
}
.record-card--placement .record-percent {
    margin: 10px 0 0;
    color: #fff;
    font-size: 58px;
    line-height: .95;
    text-align: center;
}
.records-grid > .record-card--partners .record-card__top,
.records-grid > .record-card--placement .record-card__top {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    float: none !important;
}
.records-grid > .record-card--partners .record-card__header-copy,
.records-grid > .record-card--placement .record-card__header-copy {
    display: block !important;
    width: auto !important;
    min-width: 0;
}
.records-grid > .record-card--partners .record-card__header-copy strong,
.records-grid > .record-card--placement .record-card__header-copy strong {
    font-size: 34px !important;
    white-space: normal;
}
.records-grid > .record-card--placement .record-card__header-copy strong {
    font-size: 22px !important;
    line-height: 1.05 !important;
}
.records-grid > .record-card--partners > p,
.records-grid > .record-card--placement > p {
    clear: both;
}
.records-grid > .record-card:first-child .record-card__header-icon i {
    font-size: 34px !important;
}
.records-replacement-card::after {
    content: "";
    display: block;
    height: 1px;
    margin: 0 0 -35px;
    background: #efb0b7;
    border-radius: 0 0 34px 34px;
}
.records-replacement-card__intro > strong em::after { content: "1.5LAKH+"; display: inline-block; font-size: 70px; font-family: 'Arial Black', Poppins, Arial, sans-serif; letter-spacing: -1px; background: linear-gradient(90deg, #4f0009 0 14%, #b30016 14% 29%, #ff3b30 29% 43%, #b30016 43% 57%, #ff3b30 57% 71%, #8b0012 71% 86%, #4f0009 86% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 1px 1px 0 rgba(90,0,10,.65), 2px 2px 0 rgba(90,0,10,.42), 3px 3px 6px rgba(0,0,0,.24); }
.records-replacement-card__intro > strong small { display: block !important; font-size: 40px !important; margin-top: 22px !important; letter-spacing: 3px; }

/* Use the supplied SVG path as the badge mask. */
.records-replacement-card__intro > strong {
    clip-path: none !important;
    color: #171717 !important;
    font-size: 29px !important;
    background: #ffc107;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M28 4 L72 4 Q76 4 78 8 L97 42 Q99 50 97 58 L78 92 Q76 96 72 96 L28 96 Q24 96 22 92 L3 58 Q1 50 3 42 L22 8 Q24 4 28 4 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M28 4 L72 4 Q76 4 78 8 L97 42 Q99 50 97 58 L78 92 Q76 96 72 96 L28 96 Q24 96 22 92 L3 58 Q1 50 3 42 L22 8 Q24 4 28 4 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.records-replacement-card__intro > strong em { font-size: 0 !important; color: transparent !important; }
.records-replacement-card__intro > strong small { display: block !important; margin-top: 22px; font-size: 40px; letter-spacing: 3px; }
.records-replacement-card {
    border: 0 !important;
}
.records-header-card__image {
    border: 0 !important;
}
.records-header-card__image:before {
    -webkit-mask-image: linear-gradient(
        105deg,
        #000 0%,
        #000 32%,
        rgba(0, 0, 0, 0.55) 58%,
        transparent 82%
    );
    mask-image: linear-gradient(
        105deg,
        #000 0%,
        #000 32%,
        rgba(0, 0, 0, 0.55) 58%,
        transparent 82%
    );
}

/* Final records header layout */
.records-replacement-card,
.records-header-card {
    border-radius: 80px 80px 0 0 !important;
}
.records-header-card {
    display: grid;
    grid-template-columns: 50% 50%;
    height: 430px;
    overflow: hidden;
    background: #970006;
}
.records-header-card__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 50px;
    box-sizing: border-box;
    background: #b90009;
    color: #fff;
}
.records-header-card__copy p {
    margin: 0 0 8px;
    font-size: 30px;
}
.records-header-card__copy strong {
    display: block;
    color: #ffd52d;
    font-size: clamp(52px, 6vw, 78px);
    line-height: 0.88;
}
.records-header-card__copy b {
    margin-top: 16px;
    font-size: 70px;
    line-height: 1;
}
.records-header-card__image {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}
.records-header-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.14);
}
.records-header-card__image:before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 -20%;
    width: 120%;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        #a90008 0%,
        rgba(169, 0, 8, 0.8) 35%,
        rgba(169, 0, 8, 0.2) 68%,
        transparent 84%
    );
    filter: blur(5px);
}
@media (max-width: 700px) {
    .records-header-card {
        height: 190px;
        border-radius: 30px 30px 0 0 !important;
    }
    .records-header-card__copy {
        padding: 20px 18px;
    }
    .records-header-card__copy p {
        font-size: 12px;
    }
    .records-header-card__copy strong {
        font-size: 38px;
    }
    .records-header-card__copy b {
        font-size: 32px;
    }
}
.records-section-wrapper .why-choose-showcase,
.records-section-wrapper .why-person-overlay {
    display: none !important;
}
.records-replacement-card {
    top: 150px !important;
}
.records-replacement-card {
    border-radius: 34px 34px 0 0;
}
.records-replacement-card__hero {
    height: 430px;
    background: linear-gradient(105deg, #920006 0%, #b90009 48%, #d00014 100%);
}
.records-replacement-card__hero > div {
    width: 55%;
    padding: 92px 52px;
}
.records-replacement-card__hero p {
    font-size: 30px;
}
.records-replacement-card__hero strong {
    font-size: clamp(62px, 7vw, 112px);
    line-height: 0.88;
    text-shadow: 3px 4px 0 #8b2200;
}
.records-replacement-card__hero b {
    display: block;
    font-size: 72px;
    line-height: 1;
    margin-top: 14px;
}
.records-replacement-card__hero img {
    width: 50%;
    object-position: center;
    opacity: 0.95;
    mix-blend-mode: normal;
}
.records-replacement-card__intro {
    min-height: 260px;
    padding: 68px 360px 40px 90px;
}
.records-replacement-card__intro p {
    font-size: 27px;
    line-height: 1.5;
}
.records-replacement-card__intro > strong {
    right: -4px;
    top: -120px;
    width: 300px;
    height: 300px;
    padding-top: 74px;
    font-size: 22px;
    border: 4px solid #f07824;
    box-shadow: 0 12px 20px #5b3d002e;
}
.records-replacement-card__intro em {
    font-size: 60px;
    line-height: 1;
}
.records-replacement-card__intro small {
    font-size: 34px;
}
@media (max-width: 700px) {
    .records-replacement-card {
        top: 80px !important;
    }
}
@media (max-width: 700px) {
    .records-replacement-card__hero {
        height: 190px;
    }
    .records-replacement-card__hero > div {
        padding: 30px 18px;
    }
    .records-replacement-card__hero p {
        font-size: 12px;
    }
    .records-replacement-card__hero strong {
        font-size: 38px;
    }
    .records-replacement-card__hero b {
        font-size: 32px;
    }
    .records-replacement-card__intro {
        min-height: 155px;
        padding: 25px 18px;
    }
    .records-replacement-card__intro p {
        font-size: 12px;
    }
    .records-replacement-card__intro > strong {
        width: 110px;
        height: 110px;
        top: -20px;
        padding-top: 27px;
        font-size: 9px;
    }
    .records-replacement-card__intro em {
        font-size: 20px;
    }
    .records-replacement-card__intro small {
        font-size: 13px;
    }
}
.records-replacement-card__intro {
    display: none !important;
}
.records-header-card {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 430px;
    height: 430px;
    gap: 0;
    overflow: hidden;
    border-radius: 34px 34px 0 0;
    background: #970006;
}
.records-header-card__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 55px 50px;
    background: linear-gradient(105deg, #920006 0%, #b90009 78%, #c90012 100%);
    color: #fff;
    box-sizing: border-box;
}
.records-header-card__copy p {
    margin: 0 0 8px;
    font-size: 30px;
}
.records-header-card__copy strong {
    display: block;
    color: #ffd52d;
    font-size: clamp(52px, 6vw, 78px);
    line-height: 0.88;
    text-shadow: 3px 4px #7e1b00;
}
.records-header-card__copy b {
    margin-top: 16px;
    font-size: 70px;
    line-height: 1;
}
.records-header-card__image {
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}
.records-header-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
    transform: scale(1.14);
    border: 0;
    border-radius: 0;
    filter: none;
}

/* Keep the header edges clean: the image/overlay must be clipped by the same
   rounded shape as the red panel, without introducing a colored edge. */
.records-header-card,
.records-replacement-card {
    border: 0 !important;
    border-radius: 34px 34px 0 0 !important;
    background-clip: padding-box;
}
.records-header-card__image {
    isolation: isolate;
    border: 0 !important;
}
.records-header-card__image:before,
.records-header-card__image:after {
    inset: 0;
}
.records-header-card__copy,
.records-header-card__image {
    font-family: Poppins, sans-serif;
}
.records-header-card__copy p {
    font-weight: 400;
    letter-spacing: 0;
}
.records-header-card__copy strong {
    font-weight: 800;
    letter-spacing: -0.035em;
}
.records-header-card__copy b {
    font-weight: 700;
    letter-spacing: -0.025em;
}
.records-header-card__copy b::after {
    content: "";
    display: block;
    width: min(100%, 445px);
    margin-top: 14px;
    border-top: 3px dashed rgba(255, 255, 255, 0.72);
}

/* Supporting copy and trust badge shown beneath the records hero. */
.records-replacement-card__intro {
    display: block !important;
    position: relative;
    min-height: 260px;
    padding: 62px 330px 54px 84px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #fff 0%, #fffafa 100%);
}
.records-replacement-card__intro p {
    max-width: 780px;
    margin: 0;
    color: #171717;
    font-family: Poppins, sans-serif;
    font-size: clamp(18px, 2.15vw, 27px);
    /* font-style: italic; */
    line-height: 1.5;
}
.records-replacement-card__intro p::after {
    content: "";
    display: block;
    margin-top: 28px;
    border-top: 1px dashed #c7c7c7;
}
.records-replacement-card__intro > strong {
    position: absolute;
    z-index: 2;
    right: -18px;
    top: -122px;
    width: 370px;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    box-sizing: border-box;
    background: #ffc900;
    clip-path: polygon(21% 0, 79% 0, 100% 50%, 79% 100%, 21% 100%, 0 50%);
    color: #161616;
    font-family: Poppins, sans-serif;
    font-size: 29px;
    line-height: 1.05;
    text-align: center;
    filter: drop-shadow(3px 0 0 #f07b22) drop-shadow(-2px 0 0 #f6a900) drop-shadow(0 3px 0 #f07b22) drop-shadow(0 10px 12px rgba(80, 45, 0, 0.2));
}
.records-replacement-card__intro > strong em {
    color: #b30016;
    font-size: 68px;
    font-style: normal;
    line-height: 0.95;
}
.records-replacement-card__intro > strong small {
    margin-top: 22px;
    color: #fff;
    font-size: 38px;
    letter-spacing: 4px;
    text-shadow: 1px 2px #b77900;
}
@media (max-width: 700px) {
    .records-header-card {
        height: 190px;
        border-radius: 18px 18px 0 0;
    }
    .records-header-card__copy {
        padding: 20px 18px;
    }
    .records-header-card__copy p {
        font-size: 12px;
    }
    .records-header-card__copy strong {
        font-size: 38px;
    }
    .records-header-card__copy b {
        margin-top: 8px;
        font-size: 32px;
    }
    .records-header-card__copy b::after {
        width: min(100%, 220px);
        margin-top: 8px;
        border-top-width: 2px;
    }
    .records-replacement-card__intro {
        min-height: 215px;
        padding: 28px 20px 28px;
    }
    .records-replacement-card__intro p {
        font-size: 14px;
        line-height: 1.45;
    }
    .records-replacement-card__intro p::after {
        margin-top: 18px;
    }
    .records-replacement-card__intro > strong {
        position: relative;
        right: auto;
        top: auto;
        width: 210px;
        height: 195px;
        margin: 24px auto -70px;
        font-size: 16px;
    }
    .records-replacement-card__intro > strong em {
        font-size: 38px;
    }
    .records-replacement-card__intro > strong small {
        margin-top: 10px;
        font-size: 22px;
    }
}
.records-replacement-card,
.records-header-card {
    border-radius: 50px 50px 0 0 !important;
}
.records-section-wrapper .why-choose-heading {
    visibility: hidden;
}
.records-header-card__image {
    position: relative;
}
.records-header-card__image:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: -24%;
    top: 0;
    width: 124%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        #a90008 0%,
        rgba(169, 0, 8, 0.96) 22%,
        rgba(169, 0, 8, 0.7) 43%,
        rgba(169, 0, 8, 0.32) 65%,
        transparent 84%
    );
    filter: blur(3px);
}
.records-header-card__image:after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(55, 0, 0, 0.32) 0%,
        rgba(55, 0, 0, 0.12) 22%,
        transparent 48%
    );
}
.records-replacement-card {
    border: 0 !important;
}
.records-replacement-card__hero {
    background: #960006 !important;
}
.records-replacement-card__hero > div {
    position: relative;
    z-index: 2;
    background: linear-gradient(
        105deg,
        #920006 0%,
        #b90009 78%,
        rgba(208, 0, 20, 0) 100%
    );
}
.records-replacement-card__hero img {
    position: relative;
    z-index: 1;
    width: 50%;
    mix-blend-mode: normal;
    opacity: 1;
    filter: none;
    object-position: center;
}
.records-replacement-card__hero img {
    display: block;
    flex: 0 0 50%;
    height: 100%;
    object-fit: cover;
}
.records-replacement-card__hero > div {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    overflow: hidden;
}
.records-replacement-card__hero img {
    box-shadow: none !important;
    border: 0 !important;
}
.records-replacement-card {
    box-shadow: none !important;
}
.records-replacement-card__hero {
    background: #fff !important;
}
.records-replacement-card__hero img {
    margin-right: -2px;
}
.records-replacement-card__hero {
    position: relative;
    background: #960006 !important;
}
.records-replacement-card__hero > div {
    background: linear-gradient(
        90deg,
        #920006 0%,
        #a90008 78%,
        rgba(169, 0, 8, 0) 100%
    ) !important;
}
.records-replacement-card__hero img {
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 13%,
        #000 100%
    );
    mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 100%);
}
.records-replacement-card__hero:after {
    display: none;
}
.records-replacement-card__hero > div {
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50% !important;
    flex: none !important;
}
.records-replacement-card__hero img {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 50% !important;
    height: 100%;
    flex: none !important;
}
.records-replacement-card__hero:after {
    display: none !important;
}
.records-replacement-card__hero {
    overflow: hidden !important;
    background: #960006 !important;
}
.records-replacement-card__hero img {
    right: -1px;
    width: 52% !important;
    max-width: none;
    border-radius: 0 !important;
}
.records-section-wrapper {
    position: relative;
}
.records-section-wrapper .why-choose-comparison {
    visibility: hidden;
}
.records-replacement-card {
    position: absolute;
    z-index: 9;
    top: 490px;
    left: 50%;
    width: min(1170px, calc(100% - 20px));
    transform: translateX(-50%);
    overflow: hidden;
    border: 1px solid #efb0b7;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 8px 24px #8f0c1c18;
}
.records-replacement-card__hero {
    height: 320px;
    display: flex;
    overflow: hidden;
    background: linear-gradient(110deg, #900006, #d40012);
    color: #fff;
}
.records-replacement-card__hero > div {
    width: 55%;
    padding: 55px 42px;
}
.records-replacement-card__hero p {
    margin: 0;
    font-size: 22px;
}
.records-replacement-card__hero strong {
    display: block;
    color: #ffd52d;
    font-size: clamp(50px, 6vw, 88px);
    line-height: 0.9;
}
.records-replacement-card__hero b {
    font-size: 58px;
}
.records-replacement-card__hero img {
    width: 50%;
    object-fit: cover;
    mix-blend-mode: screen;
}
.records-replacement-card__intro {
    position: relative;
    min-height: 180px;
    padding: 45px 310px 30px 70px;
    box-sizing: border-box;
}
.records-replacement-card__intro p {
    margin: 0;
    font-size: 26px;
    line-height: 1.5;
    /* font-style: italic; */
}
.records-replacement-card__intro > strong {
    position: absolute;
    right: 15px;
    top: -65px;
    width: 200px;
    height: 200px;
    padding-top: 48px;
    background: #ffca05;
    clip-path: polygon(
    30% 0%,     /* top-left corner start */
    70% 0%,     /* top-right corner start */
    100% 30%,   /* right upper */
    100% 70%,   /* right lower */
    70% 100%,   /* bottom-right */
    30% 100%,   /* bottom-left */
    0% 70%,     /* left lower */
    0% 30%      /* left upper */
);
    text-align: center;
    color: #171717;
}
.records-replacement-card__intro em {
    font-size: 38px;
    color: #a9000b;
    font-style: normal;
}
.records-replacement-card__intro small {
    color: #fff;
    font-size: 25px;
}
@media (max-width: 700px) {
    .records-replacement-card {
        top: 300px;
        width: calc(100% - 20px);
        border-radius: 18px;
    }
    .records-replacement-card__hero {
        height: 190px;
    }
    .records-replacement-card__hero > div {
        padding: 30px 18px;
    }
    .records-replacement-card__hero p {
        font-size: 12px;
    }
    .records-replacement-card__hero strong {
        font-size: 38px;
    }
    .records-replacement-card__hero b {
        font-size: 32px;
    }
    .records-replacement-card__intro {
        min-height: 155px;
        padding: 25px 18px;
    }
    .records-replacement-card__intro p {
        padding-right: 0px;
        font-size: 12px;
    }
    .records-replacement-card__intro > strong {
        width: 110px;
        height: 110px;
        top: -20px;
        padding-top: 27px;
        font-size: 9px;
    }
    .records-replacement-card__intro em {
        font-size: 20px;
    }
    .records-replacement-card__intro small {
        font-size: 13px;
    }
}
.records-infographic-section {
    position: relative;
    min-height: 1250px;
    padding: 45px 20px;
    background: linear-gradient(
        135deg,
        #fff 0%,
        #fffafa 34%,
        #fff0f2 68%,
        #f8c6cc 100%
    );
}
.records-infographic {
    max-width: 1040px;
    margin: auto;
    overflow: hidden;
    border: 1px solid #efb0b7;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 8px 24px #8f0c1c18;
}
.records-infographic__hero {
    height: 320px;
    display: flex;
    overflow: hidden;
    background: linear-gradient(110deg, #900006, #d40012);
    color: #fff;
}
.records-infographic__hero > div {
    width: 55%;
    padding: 55px 42px;
}
.records-infographic__hero p {
    margin: 0;
    font-size: 22px;
}
.records-infographic__hero strong {
    display: block;
    color: #ffd52d;
    font-size: clamp(50px, 6vw, 88px);
    line-height: 0.9;
}
.records-infographic__hero b {
    font-size: 58px;
}
.records-infographic__hero img {
    width: 50%;
    object-fit: cover;
    mix-blend-mode: screen;
}
.records-infographic__intro {
    position: relative;
    min-height: 180px;
    padding: 45px 310px 30px 70px;
    box-sizing: border-box;
}
.records-infographic__intro p {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    font-style: italic;
}
.records-infographic__intro > strong {
    position: absolute;
    right: 15px;
    top: -65px;
    width: 200px;
    height: 200px;
    padding-top: 48px;
    background: #ffca05;
    clip-path: polygon(
        50% 0,
        90% 20%,
        100% 55%,
        78% 92%,
        50% 100%,
        22% 92%,
        0 55%,
        10% 20%
    );
    text-align: center;
    color: #171717;
}
.records-infographic__intro em {
    font-size: 38px;
    color: #a9000b;
    font-style: normal;
}
.records-infographic__intro small {
    color: #fff;
    font-size: 25px;
}
.records-infographic__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    padding: 0 42px 45px;
}
.records-infographic__grid article {
    grid-column: span 2;
    min-height: 190px;
    padding: 20px;
    border-radius: 14px;
    background: linear-gradient(#292929 0 42%, #b70000 42%);
    color: #fff;
}
.records-infographic__grid article:nth-child(4),
.records-infographic__grid article:nth-child(5) {
    grid-column: span 3;
}
.records-infographic__grid b {
    display: block;
    color: #ffd329;
    font-size: 30px;
}
.records-infographic__grid small {
    display: block;
    margin-bottom: 14px;
}
.records-infographic__grid span {
    display: inline-flex;
    width: 48%;
    flex-direction: column;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
}
.records-infographic__grid i {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}
.records-infographic__grid article strong {
    display: block;
    font-size: 52px;
}
.records-infographic__grid label {
    display: block;
    background: #fff;
    color: #555;
    padding: 8px;
    text-align: center;
    font-size: 11px;
}
.records-infographic__grid article div {
    display: flex;
    gap: 8px;
}
.records-infographic__grid article img {
    width: 48%;
    height: 70px;
    object-fit: cover;
}
.records-infographic__grid article p {
    font-size: 12px;
}
.records-infographic__grid article:last-child span {
    font-size: 12px;
    width: auto;
}
@media (max-width: 700px) {
    .records-infographic-section {
        min-height: 900px;
        padding: 25px 10px;
    }
    .records-infographic {
        border-radius: 18px;
    }
    .records-infographic__hero {
        height: 190px;
    }
    .records-infographic__hero > div {
        padding: 30px 18px;
    }
    .records-infographic__hero p {
        font-size: 12px;
    }
    .records-infographic__hero strong {
        font-size: 38px;
    }
    .records-infographic__hero b {
        font-size: 32px;
    }
    .records-infographic__intro {
        min-height: 155px;
        padding: 25px 18px;
    }
    .records-infographic__intro p {
        padding-right: 75px;
        font-size: 12px;
    }
    .records-infographic__intro > strong {
        width: 110px;
        height: 110px;
        top: -20px;
        padding-top: 27px;
        font-size: 9px;
    }
    .records-infographic__intro em {
        font-size: 20px;
    }
    .records-infographic__intro small {
        font-size: 13px;
    }
    .records-infographic__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0 12px 25px;
    }
    .records-infographic__grid article,
    .records-infographic__grid article:nth-child(4),
    .records-infographic__grid article:nth-child(5) {
        grid-column: span 1;
        min-height: 130px;
        padding: 10px;
    }
    .records-infographic__grid article:last-child {
        grid-column: span 2;
    }
    .records-infographic__grid b {
        font-size: 18px;
    }
    .records-infographic__grid small {
        font-size: 8px;
    }
    .records-infographic__grid span {
        font-size: 17px;
    }
    .records-infographic__grid i {
        font-size: 8px;
    }
    .records-infographic__grid article strong {
        font-size: 32px;
    }
}
.records-section:before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 520px;
    height: 282px;
    background: url("/assets/images/pink_halftone_vector.svg") left top/520px
        282px no-repeat;
    pointer-events: none;
    opacity: 0.9;
}
.records-section__inner {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5.5vw;
}
.records-section__heading {
    width: min(640px, calc(100% - 20px));
    margin: 0 auto;
    padding: 10px 24px 12px;
    box-sizing: border-box;
    border: 1px solid #f1a8b0;
    border-radius: 8px;
    background: #fff;
    color: #8d0015;
    font:
        900 italic clamp(28px, 3.2vw, 54px)/0.95 Montserrat,
        Poppins,
        sans-serif;
    text-align: center;
}
@media (max-width: 700px) {
    .records-section {
        min-height: 380px;
        padding: 42px 10px 110px;
    }
    .records-section__inner {
        padding: 0 10px;
    }
    .records-section__heading {
        width: 100%;
        padding: 8px 10px 10px;
        font-size: clamp(24px, 7vw, 42px);
    }
}

.records-panel {
    max-width: 1040px;
    margin: 34px auto 0;
    overflow: hidden;
    border: 1px solid #efb0b7;
    border-radius: 28px;
    background: #fffaf9;
    box-shadow: 0 8px 24px #a000151c;
}
.records-hero {
    height: 260px;
    display: flex;
    overflow: hidden;
    background: linear-gradient(110deg, #8d0008 0%, #bd000c 55%, #e00018 100%);
    color: #fff;
}
.records-hero__copy {
    width: 54%;
    padding: 42px 34px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.records-hero__copy p {
    margin: 0 0 4px;
    font-size: 22px;
}
.records-hero__copy strong {
    display: block;
    color: #ffd52d;
    font-size: clamp(42px, 6vw, 78px);
    line-height: 0.9;
    text-shadow: 2px 2px #691000;
}
.records-hero__copy b {
    display: block;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1;
    margin-top: 8px;
}
.records-hero img {
    width: 52%;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: screen;
    opacity: 0.9;
}
.records-intro {
    position: relative;
    min-height: 160px;
    padding: 34px 290px 25px 65px;
    box-sizing: border-box;
}
.records-intro p {
    max-width: 530px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-style: italic;
    color: #444;
}
.records-trust-badge {
    position: absolute;
    right: 18px;
    top: -38px;
    width: 180px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffc900;
    clip-path: polygon(
        50% 0,
        90% 20%,
        100% 55%,
        78% 92%,
        50% 100%,
        22% 92%,
        0 55%,
        10% 20%
    );
    color: #202020;
    box-shadow: 0 6px 12px #6d4f0022;
    text-align: center;
    transform: rotate(4deg);
}
.records-trust-badge span {
    font-weight: 900;
    font-size: 13px;
}
.records-trust-badge strong {
    font-size: 34px;
    line-height: 1;
    color: #b3000d;
}
.records-trust-badge b {
    font-size: 18px;
}
.records-trust-badge small {
    font-size: 22px;
    color: #fff;
    margin-top: 5px;
}
.records-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
    padding: 0 28px 38px;
}
.record-card {
    min-height: 160px;
    position: relative;
    grid-column: span 2;
    padding: 18px 16px;
    border-radius: 14px;
    background: linear-gradient(#292929 0 38%, #b60000 38%);
    color: #fff;
    box-sizing: border-box;
}
.record-card--projects,
.record-card--youtube {
    grid-column: span 3;
}
.record-card__icon {
    font-size: 28px;
    margin-right: 7px;
}
.record-card > strong {
    font-size: 28px;
    color: #ffd329;
    vertical-align: middle;
}
.record-card > small {
    display: block;
    margin: 2px 0 12px;
    font-size: 11px;
}
.record-card > div {
    display: inline-flex;
    width: 48%;
    flex-direction: column;
    text-align: center;
    border-right: 1px solid #fff;
}
.record-card > div:last-child {
    border: 0;
}
.record-card > div b {
    font-size: 25px;
}
.record-card > div span {
    font-size: 10px;
}
.record-card p {
    font-size: 10px;
}
.record-logos {
    font-size: 9px;
    text-align: center;
    line-height: 2;
    background: #fff;
    color: #555;
    border-radius: 4px;
}
.record-percent {
    display: block;
    font-size: 42px;
    margin-top: 8px;
}
.record-project-images {
    display: flex !important;
    gap: 8px;
    width: 100% !important;
    border: 0 !important;
}
.record-project-images img {
    width: 48%;
    height: 62px;
    object-fit: cover;
    border-radius: 4px;
}
.record-subscribers {
    font-size: 42px;
    color: #fff;
}
.record-card--youtube > span:last-child {
    font-size: 11px;
}
.record-card--youtube p {
    display: inline-block;
    margin-left: 18px;
}
@media (max-width: 700px) {
    .records-panel {
        margin-top: 20px;
        border-radius: 18px;
    }
    .records-hero {
        height: 160px;
    }
    .records-hero__copy {
        width: 62%;
        padding: 24px 18px;
    }
    .records-hero__copy p {
        font-size: 11px;
    }
    .records-hero__copy strong {
        font-size: 35px;
    }
    .records-hero__copy b {
        font-size: 28px;
    }
    .records-hero img {
        width: 48%;
    }
    .records-intro {
        min-height: 150px;
        padding: 22px 18px 18px;
    }
    .records-intro p {
        font-size: 12px;
        padding-right: 90px;
    }
    .records-trust-badge {
        width: 105px;
        height: 105px;
        right: 8px;
        top: -16px;
    }
    .records-trust-badge span {
        font-size: 8px;
    }
    .records-trust-badge strong {
        font-size: 20px;
    }
    .records-trust-badge b {
        font-size: 11px;
    }
    .records-trust-badge small {
        font-size: 13px;
    }
    .records-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0 12px 22px;
    }
    .record-card,
    .record-card--projects,
    .record-card--youtube {
        grid-column: span 1;
        min-height: 125px;
        padding: 10px 8px;
    }
    .record-card__icon {
        font-size: 18px;
    }
    .record-card > strong {
        font-size: 18px;
    }
    .record-card > small {
        font-size: 8px;
    }
    .record-card > div b,
    .record-subscribers {
        font-size: 20px;
    }
    .record-card > div span,
    .record-card p {
        font-size: 8px;
    }
    .record-card--youtube {
        grid-column: span 2;
    }
}

/* Final badge content and outline. */
.records-replacement-card__intro > strong {
    clip-path: none !important;
    font-size: 29px !important;
    color: #171717 !important;
    filter: drop-shadow(3px 0 0 #f07b22) drop-shadow(-2px 0 0 #f6a900) drop-shadow(0 3px 0 #f07b22) drop-shadow(0 10px 12px rgba(80, 45, 0, .2));
}
.records-replacement-card__intro > strong em {
    display: inline-block;
    margin: 4px 0 2px;
    font-size: 60px !important;
    line-height: .86 !important;
    font-family: 'Arial Black', Poppins, Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -1px;
    background: linear-gradient(
        90deg,
        #65000d 0%,
        #8b0012 16%,
        #e51b23 27%,
        #ff3b30 39%,
        #b30016 48%,
        #e51b23 61%,
        #ff3b30 70%,
        #8b0012 82%,
        #4f0009 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 1px 1px 0 rgba(90, 0, 10, .65), 2px 2px 0 rgba(90, 0, 10, .42), 3px 3px 6px rgba(0, 0, 0, .24);
}
.records-replacement-card__intro > strong small {
    display: block !important;
    width: 245px;
    height: 54px;
    margin: 15px auto 0 !important;
    overflow: hidden;
    font-size: 0 !important;
    letter-spacing: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='245' height='54' viewBox='0 0 245 54'%3E%3Cg fill='%23fff0a6' stroke='%23f6c84c' stroke-width='1.2'%3E%3Ctext x='8' y='39' font-size='27'%3E★%3C/text%3E%3Ctext x='51' y='43' font-size='34'%3E★%3C/text%3E%3Ctext x='94' y='48' font-size='46'%3E★%3C/text%3E%3Ctext x='151' y='43' font-size='34'%3E★%3C/text%3E%3Ctext x='199' y='39' font-size='27'%3E★%3C/text%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    filter: drop-shadow(1px 1px 0 #fff7c9) drop-shadow(2px 3px 0 #c47d00) drop-shadow(3px 5px 3px rgba(80, 45, 0, .3));
}

/* Keep the summary badge at the reference size and above the card edge. */
.records-replacement-card {
    overflow: visible;
}
.records-replacement-card {
    border-left: 1px solid #efb0b7 !important;
    border-right: 1px solid #efb0b7 !important;
}
.records-header-card {
    overflow: hidden;
}
.records-replacement-card__intro {
    overflow: visible;
    min-height: 260px;
    padding: 62px 330px 54px 84px;
}
.records-replacement-card__intro > strong {
    right: -18px;
    top: -122px;
    width: 370px;
    height: 350px;
    padding: 0 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    clip-path: polygon(21% 0, 79% 0, 100% 50%, 79% 100%, 21% 100%, 0 50%);
    font-family: Poppins, sans-serif;
    font-size: 29px;
    line-height: 1.05;
    filter: drop-shadow(0 10px 12px rgba(80, 45, 0, 0.18));
}
.records-replacement-card__intro > strong em {
    font-size: 68px;
    line-height: 0.95;
}
.records-replacement-card__intro > strong small {
    margin-top: 22px;
    font-size: 38px;
    letter-spacing: 4px;
}
@media (max-width: 700px) {
    .records-replacement-card__intro {
        min-height: 215px;
        padding: 28px 20px;
    }
    .records-replacement-card__intro > strong {
        right: auto;
        top: auto;
        width: 210px;
        height: 195px;
        margin: 24px auto -70px;
        font-size: 16px;
    }
    .records-replacement-card__intro > strong em {
        font-size: 38px;
    }
    .records-replacement-card__intro > strong small {
        margin-top: 10px;
        font-size: 22px;
    }
}