#mycw-landing {
    max-width: calc(100% - 50px);
}

#mycw-landing div.page-header {
    padding-top: calc(var(--spacing) * 12);
}
.user-logged-in #mycw-landing div.page-header {
    padding-bottom: calc(var(--spacing) * 7);
}

#mycw-landing:not(.viewing) .is-viewing,
#mycw-landing:not(.editing) .is-editing,
.editing .is-viewing,
.viewing .is-editing {
    display: none;
}

.btn-back {
    display: inline-block;
    font-size: 20px;
    color: var(--color-cw-sea-salt);
    text-decoration: none;
    margin-block-end: 0;
    margin-bottom: calc(var(--spacing) * 8);
}
.btn-back img {
    display: inline-block;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}
.btn-back span {
    display: inline-block;
    vertical-align: middle;
    transform: translateX(0);
    transition: transform 0.33s ease-out;
}
.btn-back:hover span {
    transform: translateX(8px);
}
.header-bar {
    display: flex;
    justify-content: space-between;
    align-items: start;
    align-self: stretch;
}
.header-bar, .action-btn-group {
    margin-bottom: 0;
}

.page-header button {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-cw-sea-salt);
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
    background-color: var(--color-cw-grey-salt);
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(5, 12, 13, 0.25);
}


.page-header button:hover {  
    background-color: var(--color-cw-sea-salt)!important;
    color: var(--color-cw-black-pepper)!important;
}
.page-header button:disabled {
    background-color: #333A3A!important;
    color: #9FA3A2!important;
}
.page-header button:not(:disabled) {
    cursor: pointer;
}
.page-header button img {
    display: inline-block;
    filter: brightness(0) invert(1);
    vertical-align: text-bottom;
    width: 24px;
    height: 24px;
}
.page-header button:hover img {
    filter: invert(1) brightness(3.53%);
}
.page-header button:disabled img,
.page-header button:disabled:hover img {
    filter: invert(1) brightness(63%);
}

.header-btn-group,
.action-btn-group {
    display: none;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}
.user-logged-in .header-btn-group,
.user-logged-in .action-btn-group,
.has-offline-watch-history .header-btn-group,
.has-offline-watch-history .action-btn-group {
    display: flex;
}
.header-btn-group {
    margin-bottom: calc(var(--spacing) * 8);
}
.editing .swimlane-wrap ul li > a {
    pointer-events: none;
}

h1.page-title {
    font-size: 36px;
}

h1.page-title a {
    display: inline-block;
    font-size: 20px;
    color: var(--color-cw-grey-salt);
    text-decoration: none;
    margin-bottom: 10px;
}

section.swimlanes.layout-grid .landscape ul.swimlane-list.swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
}
section.swimlanes.layout-grid .portrait ul.swimlane-list.swiper-wrapper {
    grid-template-columns: repeat(7, 1fr);
}
section.swimlanes.layout-grid .square ul.swimlane-list.swiper-wrapper {
    grid-template-columns: repeat(5, 1fr);
}
.layout-grid .swimlane-wrap.video li,
.layout-grid .swimlane-wrap.channel li {
    width: auto;
    height: auto;
}
.layout-carousels .swimlane-wrap.video li {
    width: 240px;
    height: auto;
}
.layout-grid .channels-carousel .swiper-wrapper li {
    width: auto;
}
.layout-grid .swiper-button-prev, .layout-grid .swiper-button-next {
    display: none;
}

.swimlane .spinner {
    margin: 0 auto;
}

body:not(.user-logged-in) #mycw-landing #swimlane-watchlist.swimlane h3,
body:not(.user-logged-in) #mycw-landing #swimlane-favorite-channels.swimlane h3 {
    padding-left: 32px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.55 6.55V8.95H14.35V6.55C14.35 5.22625 13.2738 4.15 11.95 4.15C10.6263 4.15 9.55 5.22625 9.55 6.55ZM7.15 8.95V6.55C7.15 3.89875 9.29875 1.75 11.95 1.75C14.6013 1.75 16.75 3.89875 16.75 6.55V8.95C18.0738 8.95 19.15 10.0263 19.15 11.35V19.75C19.15 21.0738 18.0738 22.15 16.75 22.15H7.15C5.82625 22.15 4.75 21.0738 4.75 19.75V11.35C4.75 10.0263 5.82625 8.95 7.15 8.95Z" fill="%236C7B80"/></svg>');
}

#swimlane-trending .swimlane h3 {
    display: none;
}

@media screen and (min-width:768px) {
    #mycw-landing {
        width: 90%;
        max-width: 1280px;
    }
}

/* move NEW! badge to top right on continue watching swimlane */
body.cw-unified ul.swimlane-list-continue-watching li.swimlane-item span.is-new {
    left: unset;
    bottom: unset;
    right: 6%;
    top: 10%;
}

.swimlane a.swimlane-content p.mtitle,
.swimlane a.swimlane-content p.subtitle {
    color: var(--color-cw-sea-salt);
}

#mycw-landing div.swimlane h3 {
    font-weight: 600;
}
.swimlanes .empty-message {
    color: var(--color-cw-sea-salt);
    font-size: 18px;
}
.swimlanes .empty-message.panel {
    font-size: 16px;
    text-align: center;
    min-height: 222px;
    padding: 20px;
    border-radius: 4px;
    background-color: #051314A6;
    margin-top: 14px;
}
.swimlanes .empty-message .icon {
    width: 32px;
    height: 32px;
    margin: 0 auto 10px;
}
.swimlanes .empty-message p {
    font-size: 24px;
    font-weight: 600;
}
.swimlanes .empty-message div {
    font-size: 20px;
}
.swimlanes .empty-message a.panel-button {
    font-size: 20px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    color: var(--color-cw-sea-salt);
    background: rgba(108, 123, 128, 0.80);
    display: inline-block;
    box-shadow: 0 4px 4px 0 rgba(5, 12, 13, 0.25);
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    margin: 20px auto 0;
}

.swimlanes .empty-message a.panel-button:hover {
    background: var(--color-cw-sea-salt);
    color: var(--color-cw-black-pepper);
}

#swimlane-continue-watching .empty-message {
    padding-top: calc(var(--spacing) * 2);
}

/* edit mode */
.swimlane-item-checkbox-container {
    visibility: hidden;
}

.landscape .swimlane-item-checkbox-container {
    width: 16.44%;
}

.swimlane-wrap:is(.channel, .show) ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container span {
    transition: transform 0.2s ease-out, border-color 0.8s ease, opacity 0.2s ease;
}
.swimlane-wrap.video ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container span {
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

.editing .swimlane-wrap:is(.channel, .show, .video) ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container span {
    opacity: 1;
}
.editing:not(.exit-editing) .swimlane-item a .thumb-wrap .swimlane-item-overlay {
    background-image: none;
}
.editing.exit-editing .swimlane-wrap:is(.channel, .show, .video) ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container span {
    opacity: 0;
}
.swimlane-wrap:is(.channel, .show) ul.swimlane-list li.swimlane-item:hover .swimlane-item-checkbox-container span,
.swimlane-wrap:is(.channel, .show) ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container:focus span,
.swimlane-wrap:is(.channel, .show) ul.swimlane-list li.swimlane-item .swimlane-item-checkbox-container span:focus {
    transform: translate(4%, -4%) scale(1.04);
}
.editing .swimlane-item-checkbox-container {
    visibility: visible!important;
}
.swimlane-item-checkbox-container input[type="checkbox"] {
    display: none;
}
.editing .swimlane-item-checkbox-container label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swimlane-item-checkbox-container label span {
    position: absolute;
    top: 6.75%;
    right: 6.75%;
    width: 30%;
    height: auto;
    aspect-ratio: 1/1;
    max-width: 48px;
    min-width: 24px;
}
.layout-grid .swimlane.landscape .swimlane-item-checkbox-container label span {
    width: 16.44%;
    right: calc(8.75% * 9 / 16);
}
.layout-grid .swimlane.portrait .swimlane-item-checkbox-container label span {
    width: 30%;
    right: calc(6.75% * 3 / 2);
}
.layout-grid .swimlane.square .swimlane-item-checkbox-container label span {
    width: 20.835%;
}

.editing .swimlane-item .checked {
	display: none;
}
.editing .swimlane-item input:checked ~ label span .checked {
	display: inline;
}

.editing .swimlane-item input:checked ~ label span .unchecked {
	display: none;
}
.editing .swimlane-item:has(input[type="checkbox"]) .swimlane-item-overlay {
    transition: background-color 0.25s ease;
}

.editing .swimlane-item:has(input[type="checkbox"]:checked) .swimlane-item-overlay {
    background-color: rgba(5, 19, 20, 0.65)!important;
}

/* modal */
.grey-pepper-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
    text-align: center;
}
.grey-pepper-overlay:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
.grey-pepper-modal {
    background-color: var(--color-cw-grey-pepper);
    color: var(--color-cw-salt);
    padding: 20px 32px 32px 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 768px;
    margin: 0 auto;
    width: 60%;
  }
  
  .grey-pepper-modal .modal-head {
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
  }
  
  .grey-pepper-modal .modal-body {
    max-width: 535px;
    margin: 0 auto;
  }
  
  .grey-pepper-modal .modal-close {
    text-align: right;
    cursor: pointer;
    filter: brightness(0) invert(1);
  }
  .grey-pepper-modal h3 {
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 700;
    margin-bottom: 5px;
  }
  @media only screen and (min-width: 640px) {
    .grey-pepper-modal h3 {
      text-shadow: 0.75px 0 currentColor;
      letter-spacing: 0.25px;
    }
  }
  .grey-pepper-modal .modal-info {
    padding: 13.5px 0;
  }
  .grey-pepper-modal .modal-info p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    margin: 0 0 10px 0;
  }
  .grey-pepper-modal button,
  .grey-pepper-modal .modal-cancel {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
  }
  .grey-pepper-modal button {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  .grey-pepper-modal .modal-cancel {
    height: 45px;
    line-height: 45px;
    color: var(--color-cw-salt);
    text-decoration: none;
  }
  .modal-body button {
    width: 100%;
    padding: 5px 10px;
    border-radius: 0px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 35px;
    font-family: inherit;
    background: #fcfcfc;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .modal-body button {
    color: #fff;
    background-color: #860C0F;
    font-weight: 600;
    border: none;
    cursor: pointer;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -10px 20px -1px rgba(0, 0, 0, 0.1),
      inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .modal-body button:focus {
    outline: none;
    border-color: #29d;
  }
  .modal-body button:hover {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -10px 20px 3px rgba(0, 0, 0, 0.1),
      inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -2px rgba(0, 0, 0, 0.3);
  }
  .modal-body button:active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .modal-body button:hover {
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.3);
    background: var(--color-cw-sea-salt);
    color: var(--color-cw-black-pepper);
  }

@media screen and (max-width: 1280px) {
    section.swimlanes.layout-grid .landscape ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
    section.swimlanes.layout-grid .portrait ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
    section.swimlanes.layout-grid .square ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .layout-grid .swimlane.landscape .swimlane-item-checkbox-container label span {
        width: 18.48%;
    }
    .layout-grid .swimlane.portrait .swimlane-item-checkbox-container label span {
        width: 23.46%;
    }
    .layout-grid .swimlane.square .swimlane-item-checkbox-container label span {
        width: 18.48%;
    }
}

@media screen and (max-width: 960px) {
    section.swimlanes.layout-grid .landscape ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    section.swimlanes.layout-grid .portrait ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
    section.swimlanes.layout-grid .square ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    #mycw-landing div.swimlane h3 {
        padding: 0 0%;
    }
    #mycw-landing section.swimlanes {
        margin-top: 0;
    }
    .swimlanes .empty-message a.panel-button {
        padding: 8px 12px;
    }

    .layout-grid .swimlane.landscape .swimlane-item-checkbox-container label span {
        width: 18.37%;
    }
    .layout-grid .swimlane.portrait .swimlane-item-checkbox-container label span {
        width: 25%;
    }
    .layout-grid .swimlane.square .swimlane-item-checkbox-container label span {
        width: 18.37%;
    }
}
@media screen and (max-width: 768px) {
    section.swimlanes.layout-grid .landscape ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    section.swimlanes.layout-grid .portrait ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    section.swimlanes.layout-grid .square ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .user-logged-in h1.page-title {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .page-header button {
        font-size: 16px;
    }
    .page-header button img {
        width: 20px;
        height: 20px;
    }
    .btn-back,
    .edit-btns > div:first-child {
        margin-bottom: calc(var(--spacing) * 6);
    }

    .layout-grid .swimlane.landscape .swimlane-item-checkbox-container label span {
        width: 15.33%;
    }
    .layout-grid .swimlane.portrait .swimlane-item-checkbox-container label span {
        width: 23.6%;
    }
    .layout-grid .swimlane.square .swimlane-item-checkbox-container label span {
        width: 15.33%;
    }
}
@media screen and (max-width: 540px) {
    h1.page-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 480px) {
    #mycw-landing {
        max-width: calc(100% - 10px);
    }
    h1.page-title {
        font-size: 20px;
    }
    .page-header button {
        font-size: 12px;
        padding-top: calc(var(--spacing) * 2 - 2px);
        min-width: max-content;
    }
    .page-header button img {
        width: 12px;
        height: 14px;
        vertical-align: text-bottom;
    }
    .header-btn-group button {
        text-wrap: nowrap;
    }
    .btn-back,
    .edit-btns > div:first-child {
        margin-bottom: calc(var(--spacing) * 4);
    }
    section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    body.cw-unified .layout-grid .swimlane-wrap.video li,
    body.cw-unified .layout-grid .swimlane-wrap.channel .swiper-wrapper li {
        width: 100%;
    }
    #mycw-landing div.swimlane h3 {
        font-size: 18px;
        margin-left: 0!important;
    }
    .swimlane-item-checkbox-container {
        top: 8px;
        right: 8px;
    }
    body:not(.user-logged-in) #mycw-landing #swimlane-watchlist.swimlane h3,
    body:not(.user-logged-in) #mycw-landing #swimlane-favorite-channels.swimlane h3 {
        padding-left: 20px;
        background-size: 16px 16px;
    }
    .swimlanes .empty-message {
        font-size: 13px;
    }
    .swimlanes .empty-message p {
        font-size: 14px;
    }
    .swimlanes .empty-message div {
        font-size: 16px;
    }
    .swimlanes .empty-message a.panel-button {
        font-size: 12px;
    }
}
@media only screen and (hover: none) and (pointer: coarse) {
    /* Styles for touch-screen devices go here */
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
}

/* About page */

/* body.w480 .cwtv-c-1 #cw-page-hdr-title {
    width: 98%;
    margin: 0 1%;
} */

#mycw-cta-container, .cta-container {
    width: 98%;
    margin: 0 1%;
    color: #fff;
    line-height: normal;
    text-align: center;
    color: var(--color-cw-sea-salt, #F1F1EF);
}

#mycw-cta-container {
    padding-bottom: 96px;
}

.cta-container h2 {
    text-align: center;
    text-transform: none;
    padding-top: 48px;
    margin-bottom: 10px;
    min-height: 60px;
    width: auto;
    font: normal 900 40px/160% "F37 Bolton";
}
.cta-container h2 span {
    color: var(--color-cw-hot-sauce, #FF4500);
}
.cta-container p {
    font: normal 400 18px/160% "F37 Bolton"; 
    width: 100%;
    text-align: center;
    margin: 14px auto;
    max-width: 540px;
}
.cta-container p.header {
    color: var(--color-cw-sea-salt, #F1F1EF);
}
.cta-container p.info {
    color: var(--color-cw-grey-salt, #6C7C81);
}

.cta-container button {
    width: 100%;
    max-width: 490px;
    padding: 14px 25px;
    border-radius: 4px;
    background: #5B7375;
    color: #E7F6F6;
    box-shadow: 0 4px 4px 0 rgba(5, 12, 13, 0.25);
    text-align: center;
    font: normal 629 14px/160% "F37 Bolton";
    cursor: pointer;
}

.cta-container button.btn-get-started {
    background: #333A3A;
    color: #9FA3A2;
}

.cta-container button.btn-browse-titles {
    margin-top: 12px;
    margin-bottom: 32px;
}

.cta-container button:hover {
    background: var(--color-cw-sea-salt);
    color: var(--color-cw-black-pepper);
}

.mycw-cta-panels-wrapper {
    /* display: flex;
    flex-direction: row; */
    text-align: left;
    padding-top:96px;
}

.mycw-cta-panels {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
}

.mycw-cta-panel {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 32px; */
    flex: 1 0 0;
}

.mycw-cta-panel h4 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 21.28px;
    /* margin-bottom: 21.28px; */
}

.mycw-cta-panel p {
    font-size: 14px;
    font-weight: 300;
    margin-top: 14px;
    margin-bottom: 0;
}

/* .mycw-cta-panel i {
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, var(--color-cw-sea-salt) 0%, var(--color-cw-hot-sauce) 100%);
    padding: 24px;
    margin-bottom: 16px;
} */

/* Benefits page */

.mycw-benefits-panels {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
    /* align-self: stretch; */
    /* flex-wrap: wrap; */
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.mycw-benefit-panel {
    /* display: flex;
    flex-direction: row;
    justify-content: space-evenly; */
    /* align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap; */
    display: flex;
    padding: 0;
    align-items: center;
    gap: 48px;
    align-self: stretch;
}
.mycw-benefit-panel:nth-child(even) {
    flex-direction: row-reverse;
}

.mycw-benefit-left-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
}

.mycw-benefit-panel-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap; */
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
}
.mycw-benefit-panel-description > * {
    text-align: left;
}
.mycw-benefit-panel-description h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
}

.mycw-benefit-panel-description div {
    color: #6D7C81;
    font-family: "F37 Bolton";
    font-size: 22px;
    font-weight: 372;
    line-height: 160%;
    margin: 0;
}

.mycw-benefit-panel-description h4 i {
    font-style: normal;
    color: var(--color-cw-hot-sauce, #FF4500);
}

.mycw-benefit-right-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}

.mycw-benefit-right-panel img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 600px;
}


i.icon {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 54px;
    height: 48px;
}

.channels-wrapper {
    background-color: var(--color-cw-sea-salt, #F1F1EF);
    color: var(--color-cw-black-pepper, #050C0D);
    /* padding: 0 120px 96px; */
    padding: 0 32px 96px;
}
.channels-wrapper > * {
    width: 100%;
    max-width: 1014px;
    margin: 0 auto;
}
.channels-video-container {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 700/403;
    background-color: #050C0D;
    padding: 2%;
    margin-bottom: calc(2% + 32px);
}
.channels-video-container-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.channels-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
.footer-wrapper {
    background: black url('//static.cwtv.com/images/login/landing-footer-bg.svg') no-repeat center bottom;
    background-size: contain;
}

@media screen and (max-width:768px) {
    #cw-page-hdr-title {
        margin-top: 24px;
        font-size: 28px;
    }

    p.header {
        width: 100%;
        max-width: 504px;
        text-align: center;
    }

    p.header {
        margin-left: auto;
        margin-right: auto;
    }

    .mycw-cta-panels-wrapper {
        flex-direction: column;
    }

    .mycw-cta-panels {
        padding-left: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 6px;
    }

    .mycw-cta-panel {
        flex: 1 1 calc(33.333% - 6px);
    }

    .mycw-benefit-panel {
        padding: 48px 0;
    }
    .mycw-benefit-panel,
    .mycw-benefit-panel:nth-child(even) {
        flex-direction: column;
    }
    .mycw-benefit-right-panel {
        flex:unset;
        width: 100%;
    }
}

@media screen and (max-width:480px) {

    .mycw-cta-panels {
        flex-direction: column;
        gap: 0;
    }

    .mycw-cta-panel {
        flex: 1 1 calc(100% - 64px);
    }

    p.header span {
        display: block;
    }
}


/* Continuous Auto Scroll Carousel */

.u-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }
  
  .u-wrapper .swiper-free-mode > .swiper-wrapper {
      transition-timing-function: linear!important;
  }  
  
  .u-wrapper img,
  .u-wrapper picture {
    max-width: 100%;
    display: block;
  }
  
  .c-carousel {
    overflow-x: hidden;
    position: relative;
    width: 100%;
  }
  
  .c-carousel__wrapper.swiper {
    position: static;
  }
  
  .c-carousel__inner-wrapper.swiper-wrapper {
    display: flex;
    align-items: center;
  }
  .c-carousel__item {
    padding: 8px;
  }
  .c-carousel img {
    margin: 8px auto 16px;
    border-radius: 4px;
  }
  .c-carousel__item .upper-slide {
    display: block;
    right: -32px;
  }
  .c-carousel__item .lower-slide {
    display: block;
    left: -32px;
  }