.difference-page {
    --dg: #6b9510;
    --pale: #eafbc4;
    --sage: #c5d6c4;
    color: #090909;
    font-family: Montserrat, Arial, sans-serif;
}
.difference-page .site-header {
    position: relative;
}
.difference-page .nav-link.active {
    color: var(--dg) !important;
    font-weight: 700;
}
.difference-page h1,
.difference-page h2,
.difference-page h3,
.difference-page p {
    letter-spacing: -0.02em;
}
.diff-kicker,
.section-label {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
}
.difference-hero {
    height: 569px;
    background: #fff;
}
.hero-grid {
    display: grid;
    grid-template-columns: 462px 1fr;
    height: 100%;
    padding: 0;
    margin-left: max(24px, calc((100% - 1240px) / 2 + 12px));
}
.difference-hero-copy {
    padding: 73px 30px 40px 0;
}
.difference-hero-copy h1 {
    margin: 12px 0 8px;
    font-size: 48px;
    line-height: 1.03;
    font-weight: 700;
}
.difference-hero-copy h2 {
    margin: 0 0 25px;
    color: var(--dg);
    font-size: 42px;
    line-height: 1.05;
    font-weight: 400;
}
.difference-hero-copy > p:last-child {
    max-width: 465px;
    font-size: 14px;
    line-height: 1.45;
}
.difference-hero-photo {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 0 55px;
}
.difference-hero-photo > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-quote {
    position: absolute;
    left: 34px;
    bottom: 58px;
    width: 666px;
    max-width: calc(100% - 58px);
    padding: 34px 28px 41px 24px;
    background: var(--dg);
    border-radius: 0 0 60px 0;
    color: #fff;
    border-left: 5px #FFE900 solid;
}
.hero-quote span {
    display: block;
    font-size: 16px;
    margin: 0 0 10px 0;
}
.hero-quote strong {
    display: block;
    margin-top: 3px;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}
.promise-strip {
    height: 67px;
    background: var(--pale);
}
.promise-strip .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 42px;
    color: var(--dg);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.point-view {
    padding: 28px 0 44px 0;
}
.point-view .section-label {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.point-view h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 49px;
}
.point-view h3 {
    margin: 0 0 20px;
    color: var(--dg);
    font-size: 40px;
    font-weight: 400;
}
.point-view > div > p:not(.section-label) {
    max-width: 1190px;
    font-size: 14px;
    line-height: 1.5;
}
.brand-values {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 39px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.brand-values div {
    padding: 22px 38px;
    border-right: 1px solid #bbb;
}
.brand-values div:last-child {
    border: 0;
}
.brand-values strong,
.brand-values span {
    display: block;
}
.brand-values strong {
    font-size: 24px;
    line-height: 26px;
}
.brand-values span {
    color: var(--dg);
    font-size: 16px;
}
.journey-difference {
    padding: 31px 0 48px;
    background: var(--sage);
}
.journey-difference p.section-label {
    font-size: 24px;
    font-weight: 500;
}
.journey-difference h2 {
    margin: 0 0 28px;
    font-size: 48px;
    line-height: 1.03;
    font-weight: 700;
}
.difference-cards {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}
.care-card {
    position: relative;
    grid-column: span 2;
    height: 344px;
    overflow: hidden;
}
.care-card.care-wide {
    grid-column: span 3;
    height: 314px;
}
.care-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.care-card:after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
}
.care-card div {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 20px;
    bottom: 20px;
    color: #fff;
}
.care-card h3 {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.care-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
}
.care-card em {
    display: block;
    margin-top: 11px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}
.warm-care {
    padding: 45px 0 38px;
}
.warm-care header {
    text-align: center;
}
.warm-care h2 {
    margin: 0;
    color: var(--dg);
    font-size: 48px;
    font-weight: 700;
}
.warm-care header p {
    font-size: 24px;
}
.care-timeline {
    max-width: 1170px;
    margin: 30px auto 0;
    padding: 0;
    list-style: none;
}
.care-timeline li {
    position: relative;
    padding: 15px 0 19px 34px;
}
.care-timeline li:before {
    content: url('../assets/grtdifference/icon-next-orange.png');
    position: absolute;
    left: 3px;
    top: 13px;
    width: 27px;
    height: 27px;
}
.care-timeline strong {
    font-size: 20px;
    display: block;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 5px 0;
}
.care-timeline span {
    font-size: 16px;
    display: block;
}
.human-difference {
    display: grid;
    grid-template-columns: 346px 1fr 344px;
    align-items: center;
    min-height: 696px;
    padding-bottom: 66px;
}
.side-rider {
    position: relative;
    height: 696px;
    overflow: hidden;
}
.side-rider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.left-rider {
    border-radius: 0 170px 0 0;
}
.right-rider {
    border-radius: 170px 0 0;
}
.side-rider small {
    position: absolute;
    left: 0;
    right: 22px;
    bottom: 28px;
    color: #fff;
    font-size: 16px;
    text-align: right;
}
.right-rider.side-rider small {
    right: auto;
    left: 22px;
    text-align: left;
}
.human-copy {
    padding: 30px 35px 0px 35px;
    text-align: center;
}
.human-copy .section-label {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.human-copy h2 {
    margin: 0px 0 13px;
    font-size: 48px;
    line-height: 67px;
    font-weight: 700;
}
.human-copy h2 span {
    color: var(--dg);
}
.human-copy > p:not(.section-label) {
    max-width: 673px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
}
.human-copy blockquote {
    max-width: 460px;
    margin: 120px auto 52px;
    color: var(--dg);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    position: relative;
}
.human-copy blockquote::before {
    content: url('../assets/grtdifference/quote-up.png');
    position: absolute;
    left: -15px;
    top: 0;
    z-index: 100;
}
.human-copy blockquote::after {
    content: url('../assets/grtdifference/quote-down.png');
    position: absolute;
    right: -15px;
    bottom: -5px;
    z-index: 100;
}
.human-copy a {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.human-copy a b {
    font-size: 31px;
    margin-left: 5px;
}
.human-copy a:hover {
    color: #6b9510;
}
.hospitality {
    display: grid;
    grid-template-columns: 58.3% 41.7%;
    min-height: 849px;
    background: #f7f4e9;
}
.hospitality-photo {
    position: relative;
}
.hospitality-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hospitality-photo span {
    position: absolute;
    right: 44px;
    bottom: 130px;
    width: calc(100% - 140px);
    padding: 31px 24px;
    background: var(--dg);
    border-radius: 0 0 42px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border-left: 5px solid #FFE900
}
.hospitality-copy {
    padding: 51px 95px 55px 20px;
}
.hospitality-copy h2 {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    margin: 0 0 15px 0;
}
.hospitality-copy p {
    font-size: 16px;
    line-height: 1.52;
    text-align: justify;
}
.hospitality-copy a {
    display: inline-block;
    margin-top: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.hospitality-copy a span {
    font-size: 26px;
    line-height: 30px;
    margin-left: 5px;
}
.truth-section {
    padding: 60px 0;
    background: url("../assets/grtdifference/gpt-d-10.png") center/cover
        no-repeat;
}
.truth-section h2 {
    margin: 0 0 42px;
    color: #fff;
    font-size: 48px;
    line-height: 1.18;
    font-weight: 400;
    text-align: center;
}
.truth-section h2 span {
    color: #ffed00;
    font-weight: 700;
}
.truth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.truth-grid article {
    min-height: 300px;
    padding: 27px 43px;
    background: #f6f1e9;
}
.truth-grid .yes-card {
    background: #cceafb;
}
.truth-grid h3 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.truth-grid ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.truth-grid li {
    position: relative;
    padding: 11px 0 11px 27px;
    border-bottom: 1px solid #bbb;
    font-size: 16px;
}
.truth-grid li:last-child {
    border: 0;
}
.truth-grid li:before {
    position: absolute;
    left: 0;
}
.no-list li:before {
    content: url(../assets/grtdifference/icon-cancel.png);
    top: 12px;
}
.yes-list li:before {
    content: url(../assets/grtdifference/icon-check-xanh.png);
    top: 7px;
}
.yes-list li {
    padding-left: 36px;
}
.thoughtful-road {
    padding: 110px 0 69px 0;
    background: url("../assets/grtdifference/gpt-d-11.png") center/cover
        no-repeat;
    color: #fff;
}
.thoughtful-road h2 {
    font-size: 48px;
    line-height: 1.08;
    font-weight: 600;
    margin: 0 0 9px 0;
}
.thoughtful-road h2 span {
    color: #ffe900;
    font-weight: 700;
}
.thoughtful-road > div > p:not(.section-label) {
    font-size: 24px;
    font-weight: 400;
}
.thoughtful-links {
    display: flex;
    gap: 25px;
    margin-top: 27px;
    align-items: center;
}
.thoughtful-links span {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.thoughtful-links img {
    height: 19px;
}
.local-spirit {
    min-height: 521px;
    padding: 62px 0;
    background: url("../assets/grtdifference/gpt-d-12.png") center/cover
        no-repeat;
    color: #fff;
}
.local-spirit .container {
    display: grid;
    grid-template-columns: 1fr 654px;
    align-items: center;
}
.local-title {
    font-size: 48px;
    line-height: 1.08;
    font-weight: 600;
}
.local-panel {
    padding: 28px 34px 25px;
    background: #fff;
    border-radius: 0 0 50px 0;
    color: #111;
}
.local-panel > p {
    font-size: 16px;
    line-height: 24.5px;
}
.local-panel dl {
    margin: 29px 0 0;
}
.local-panel dl div {
    display: grid;
    grid-template-columns: 180px 1fr;
    padding: 14px 0;
    border-bottom: 1px solid #bbb;
}
.local-panel dl div:last-child {
    border: 0;
}
.local-panel dt {
    color: var(--dg);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.local-panel dd {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.choose-loop {
    padding: 45px 0 55px;
    background: var(--sage);
}
.choose-loop p.section-label {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 3px 0;
}
.choose-loop h2 {
    font-size: 48px;
    line-height: 54px;
    font-weight: 700;
    text-transform: capitalize;
}
.choose-loop p:not(.section-label) {
    font-size: 16px;
}
.choose-loop .grt-btn {
    margin: 22px 18px 0 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
}
.choose-loop .grt-btn.grt-btn-yellow {
    padding: 19px;
}
.choose-loop .grt-btn.choose-outline {
    color: #000;
    padding: 19px 36px;
}
.choose-outline {
    border-color: #111;
    color: #111;
}
@media (max-width: 991.98px) {
    .difference-page .site-header {
        position: fixed;
    }
    .difference-hero {
        height: auto;
        padding-top: 64px;
    }
    .hero-grid {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .difference-hero-copy {
        padding: 50px 24px;
    }
    .difference-hero-photo {
        height: 500px;
        border-radius: 0 0 0 45px;
    }
    .promise-strip {
        height: auto;
    }
    .promise-strip .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        padding: 24px;
        grid-auto-flow: row;
    }
    .point-view h2 {
        line-height: 40px;
    }
    .brand-values {
        grid-template-columns: 1fr 1fr;
    }
    .brand-values div:nth-child(2) {
        border-right: 0;
    }
    .difference-cards {
        grid-template-columns: 1fr 1fr;
    }
    .care-card,
    .care-card.care-wide {
        grid-column: auto;
        height: 340px;
    }
    .care-card:last-child {
        grid-column: 1/-1;
    }
    .human-difference {
        grid-template-columns: 200px 1fr 200px;
    }
    .hospitality {
        grid-template-columns: 1fr;
    }
    .hospitality-photo {
        height: 650px;
    }
    .hospitality-copy {
        padding: 55px;
    }
    .local-spirit .container {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .thoughtful-links {
        flex-wrap: wrap;
    }
    .grt-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 575.98px) {
    .difference-hero-copy h1 {
        font-size: 39px;
    }
    .difference-hero-copy h2 {
        font-size: 32px;
    }
    .difference-hero-photo {
        height: 390px;
    }
    .hero-quote {
        left: 16px;
        bottom: 22px;
        padding: 16px 18px;
    }
    .hero-quote strong {
        font-size: 14px;
    }
    .point-view h2,
    .point-view h3,
    .journey-difference h2,
    .warm-care h2,
    .human-copy h2,
    .hospitality-copy h2,
    .truth-section h2,
    .thoughtful-road h2,
    .choose-loop h2 {
        font-size: 30px;
    }
    .brand-values {
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
    }
    .brand-values div {
        border-right: 0;
        padding: 15px;
        border-bottom: 0;
    }
    .difference-cards {
        grid-template-columns: 1fr;
    }
    .care-card:last-child {
        grid-column: auto;
    }
    .care-timeline li {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .human-difference {
        display: flex;
        flex-direction: column;
    }
    .side-rider {
        width: 100%;
        height: 480px;
    }
    .left-rider {
        align-self: flex-start;
    }
    .right-rider {
        align-self: flex-end;
    }
    .human-copy {
        order: -1;
        padding: 20px 15px;
    }
    .human-copy a {
        font-size: 19px;
    }
    .human-copy blockquote {
        margin: 45px auto 30px;
    }
    .human-copy h2 {
        line-height: 40px;
    }
    .hospitality-photo {
        height: 540px;
    }
    .hospitality-photo span {
        width: 90%;
        bottom: 30px;
    }
    .hospitality-copy {
        padding: 45px 24px;
    }
    .truth-grid {
        grid-template-columns: 1fr;
    }
    .truth-section {
        padding: 50px 0;
    }
    .truth-grid article {
        padding: 25px 22px;
    }
    .thoughtful-links {
        gap: 20px;
    }
    .local-title {
        font-size: 32px;
    }
    .local-panel {
        padding: 24px 20px;
    }
    .local-panel dl div {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .choose-loop {
        padding: 45px 0;
    }
    .choose-loop .grt-btn {
        width: 100%;
        margin-right: 0;
    }
}
.care-card-link {
    position: absolute;
    z-index: 4;
    inset: 0;
}