/*!
    Site Name: Home | Clipper
    Page URI: https://www.clippercard.com
    Author: MIG, Inc.
    Author URI: https://www.migcom.com
    Description: CSS for Clipper Card homepage
    Version: 2.0.0
*/

.home-banner {
    position: relative;
    box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
}
.home-banner.hero {
    background-image: url("../img/home-hero-background.jpg");
    background-repeat: no-repeat;
}
.home-banner.start {
    background-color: #f5f9fc;
    background-image: url("../img/home-start-background.svg");
    background-repeat: no-repeat;
    background-position: -95% 50%;
    background-size: 64%;
}

.home-banner.hero h2 {
    color: #fff;
    font-family: "utopia-std", serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 3rem;
}
.home-banner.hero a:hover {
    text-decoration: none;
}

.home-banner.start:hover {
    background-color: #fff;
    transition: all 0.3s ease 0s;
}
.home-banner.start a:hover {
    color: #006298;
    text-decoration: none;
}

.start hr {
    width: 100%;
    border-color: #64b1e1;
}

.start .ad-xl strong,
.start .ad-lg strong {
    font-weight: 900;
}
.start .ad-md strong {
    color: #44b3e6;
}
.start .ad-sm strong {
    border-bottom: #f5f9fc 1px solid;
}

.home-banner.start a:hover .ad-sm strong {
    border-bottom: #006298 1px solid;
    transition: all 0.3s ease 0s;
}

.start a:hover .external-link:after,
.start .external-link:hover:after,
.start .external-link:focus:after,
.start .external-link:active:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f14c";
    position: relative;
    left: 4px;
    font-size: .875rem;
    padding-right: 4px;
}

.enhanced-features {
    background: url("../img/home-card-features.png");
    background-position: 85% 0;
    background-repeat: no-repeat;
}

.pay-with-mobile {
    background-color: #12578a;
    background-image: url("../img/home-card-pay.png");
    background-position: 75% 0;
    background-repeat: no-repeat;
    height: 177px;
}
.pay-with-mobile .card-body {
    padding: 30px;
}
.pay-with-mobile .promo-logo-group {
    position: absolute;
    top: 30px;
    right: 50px;
}

.enhanced-features h2,
.pay-with-mobile h2 {
    font-family: "utopia-std", serif;
    font-weight: 600; 
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0;
}
.pay-with-mobile h2 {
    width: 250px;
    border-bottom: 1px solid transparent;
}
.pay-with-mobile h2:hover {
    border-bottom: 1px solid #fff;
}

.enhanced-features a {
    height: 177px;
}
.enhanced-features a:hover {
    color: #006298;
    text-decoration: none;
    box-shadow: 0 0 0px 1px #369ece;
    border-radius: 4px;
}

.enhanced-features p {
    width: 250px;
}
.pay-with-mobile p {
    color: #fff;
    font-size: 1.15rem;
}

.pay-with-mobile h2 a {
    color: #fff;
}
.pay-with-mobile h2 a:hover {
    text-decoration: none;
}

a.promo-logo {
    display: block;
    border: 1px solid transparent;
    border-radius: 10px;
    margin: 0 0 10px;
    padding: 10px 10px 5px;
}
a.promo-logo:hover,
a.promo-logo:focus,
a.promo-logo:focus-within {
    border: 1px solid #fff;
}
a.promo-logo img {
    width: 80px;
}

.cards-news .h2 {
    font-weight: 700;
    padding-top: 2rem;
}

.homepage-news-wrap {
    border: 1px solid #DEDEDE;
    padding: 3rem 3.5rem 1rem 3.5rem;
}

.homepage-news-region ul {
    list-style-type: none;
}

.homepage-news-region h2 {
    font-weight: 700;
}

.homepage-news-region ul li {
    background-image: url(../img/common/icon-triangle-right.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    padding-bottom: 15px;
}

.homepage-news-region ul li a {
    color: #4f4d51;
    line-height: 1.75;
    padding-bottom: 2px;
    border-bottom: solid #fff 1px;
}

.homepage-news-region ul li a:hover,
.homepage-news-region ul li a:active {
    line-height: 1.75;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: solid #4F4D51 1px;
}

.homepage-news-region img {
    margin:2rem auto;
    display: block;
}

.learn-more a {
    background-color: #006298;
    color: #fff!important;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #006298;
    padding-bottom: 1px;
    letter-spacing: 1px;
}

.learn-more a:hover {
    text-decoration: none;
}

.learn-more a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f178";
    position: relative;
    left: 2px;
    font-size: .875rem;
    padding-right: 4px;
}

.learn-more a:hover:after,
.learn-more a:focus:after,
.learn-more a:active:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f14c";
    position: relative;
    left: 2px;
    font-size: .875rem;
    padding-right: 4px;
}

.learn-more span {
    border-bottom: 1px solid #006298;
}

.learn-more a:hover span {
    background-color: #006298;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

.learn-more a i {
    position: relative;
    top: .25rem;
    font-size: 1.5rem;
}

.improve-clipper {
    background-color: #006298;
    color: #fff;
    font-size: .875rem;
}

.improve-clipper-section h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.improve-clipper-section .btn {
    background-color: #369ECE;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* Queued for removal */
#main-banner .hero-image-link,
#lower-banner .hero-image-link {
    display: inline-block;
}

#main-banner .hero-image-link:focus {
    outline: 3px solid #2F93C1;
}

#homepage-cards {
    background-color: #F0F0F0;
}

.btn-lower-banner {
    background-color: #43B3E6;
    color:white;
    font-weight:700;
    letter-spacing: 1.5px;
    font-size:.75rem;
    padding:.25rem 1.5rem;
}

.btn-lower-banner:hover {
    background-color:white;
    color:#006298;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* END Queued for removal */


/* End ALL */

/* ----------- Smartphone Device Styles (SM)  ----------- */

@media (max-width: 575px) {

    .home-banner.hero {
        background-image: url("../img/home-hero-mobile.jpg");
        background-size: 110%;
        background-position: 50% 0;
    }
    .home-banner.hero a {
        display: block;
        height: 550px;
    }
    .col-md-8:has(> .home-banner.hero) {
        padding-left: 0;
        padding-right: 0;
    }
    .home-banner.hero h2 {
        font-size: 2.2rem;
        line-height: 2.8rem;
        text-align: center;
        padding-top: 30px;
    }
    .home-banner.hero .lead {
        position: relative;
    }
    .home-banner.hero .btn-clipper {
        position: absolute;
        top: 330px;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.75rem;
        padding: 10px 20px;
    }

    .home-banner.start {
        height: 410px;
    }
    .home-banner.start .start-inner {
        position: relative;
        width: 225px;
        top: 40px;
        left: 125px;
    }
    .start hr {
        margin: 15px 0;
    }
    .start .ad-xl {
        font-size: 4rem;
        line-height: 2rem;
    }
    .start .ad-lg {
        font-size: 2.3rem;
        line-height: 3.7rem;
    }
    .start .ad-md {
        font-size: 1.25rem;
        line-height: 1.4rem;
        padding-right: 20px;
    }
    .start .ad-sm {
        font-size: 1rem;
    }
    .start .ad-xs {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }
    .home-banner.start .ad-img {
        padding-top: 10px;
    }
    .home-banner.start .start-logo {
        width: 180px;
    }

    .enhanced-features {
        background-position: 100% 90%;
    }
    .card.enhanced-features .card-body a,
    .card.pay-with-mobile .card-body a {
        margin: 0;
    }
    .enhanced-features a {
        height: 190px;
    }

    .pay-with-mobile {
        background-image: url("../img/home-card-pay-mobile.png");
        background-position: 100% 0;
        background-size: 60%;
        height: 285px;
    }
    .pay-with-mobile .card-body {
        padding: 20px;
    }
    .pay-with-mobile h2 {
        font-size: 2rem;
        line-height: 2.2rem;
        width: 220px;
    }
    .pay-with-mobile p {
        font-size: 1rem;
        line-height: 1.25rem;
        width: 150px;
        position: relative;
        top: 10px;
        left: 0;
    }
    .pay-with-mobile .promo-logo-group {
        width: 300px;
        top: 210px;
        right: 50px;
        left: 10px;
    }
    .card .card-body a.promo-logo {
        display: block;
        border-color: #fff;
        float: left;
        width: 100px;
        margin-left: 10px;
    }
    a.promo-logo img {
        width: 80px;
    }

    .homepage-news-region ul {
        padding-left: 0px;
    }

    .homepage-news-region {
        padding-bottom: 0rem!important;
        padding-top: 0rem!important;
    }

    .homepage-news-wrap {
        border: 1px solid #DEDEDE;
        padding: 3rem 1rem 0rem;
        margin-bottom: 0rem;
    }

    img.card-img-top {
        position: relative;
        bottom: 10px;
    }

    .homepage-news-wrap {
        border: 1px solid #DEDEDE;
        padding: 2rem 2rem 1rem;
        margin-bottom: 0rem;
        margin-top: 2rem;
    }

    .homepage-news-region h2 {
        font-weight: 700;
        text-align: center;
    }

    #homepage-cards .clipper-cards {
        min-height: 400px;
    }

    /* Queued for removal */
    #main-nav ul.navbar-nav li.nav-item.active a {
        border-bottom: 0px !important;
    }

    #main-nav ul.navbar-nav li.nav-item a:hover,
    #main-nav ul.navbar-nav li.nav-item a:active {
        border-bottom: 0px solid!important;
    }

    #main-nav ul.navbar-nav li.nav-item.active a{
        border-bottom: 0px!important;
    }

    .hero-image-wrapper.col-md-8 {
        padding-right: 0px;
        padding-left: 0px;
    }

    p.lead {
        /* display: none; */
    }

    #main-banner {
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
        padding:0px;
    }

    #main-banner {
        padding-bottom: 0rem!important;
        position: relative;
    }

    #lower-banner {
        margin-top: 15px;
        position: relative;
        background-image: url(../img/homepage/Banner-lower-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 240px;
    }
    
    a.hero-image-link-mobile {
        text-align: center;
        position: absolute;
        color: #fff;
        top: 27px;
        left: 25px;
        padding-bottom: 5px;
        font-size: 2.25rem;
        font-family: "utopia-std",serif;
        line-height: 2.5rem;
        font-weight: 600;
        border-bottom: 1px solid #fff;
    }

    a.hero-image-link-mobile:active {
        border-bottom: 1px solid #63B2E3;
    }

    a.hero-image-link-mobile:hover {
        text-decoration: none;
    }

    .mobile-display {
        overflow: hidden;
    }

    .mobile-display img {
        position: relative;
        left: 50%;
        transform: translate(-50%,0%);
    }
    /* END Queued for removal */

}

/* End XS */

/* ----------- Styles (SM)  ----------- */

/* This is for 200% screens */

@media (min-width: 576px) and (max-width: 767px) {

    .homepage-news-region h2 {
        font-size: 1.5rem;
    }

    /* Queued for removal */
    #main-banner .lead {
        position: absolute;
        bottom: 37px;
        right: 178px;
    }

    .hero-image .btn-clipper {
        position: absolute;
        bottom: 15px;
        right: 25px;
    }

    .btn-clipper {
        padding: 1rem !important;
    }

    #lower-banner {
        margin-top: 15px;
        position: relative;
        background-image: url(../img/homepage/Banner-lower-mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 240px;
    }

    .hmpg-pay-phone {
        position: relative;
        background-image: url(../img/homepage/Hero-banner-right-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 360px;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    a.hero-image-link-right {
        text-align: center;
        position: absolute;
        color: #fff;
        top: 10px;
        left: 35px;
        padding-bottom: 5px;
        font-size: 1.125rem;
        font-family: "utopia-std",serif;
        line-height: 1.2rem;
        font-weight: 600;
        border-bottom: 1px solid #fff;
    }

    .card-text {
        line-height: 1.25rem;
    }

    #main-banner {
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        position: relative;
        margin-bottom: 2rem;
        display: inline-block;
    }

    #lower-banner {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* End 200% screens */

}


/* ---------------------- Tablet styles (SM)  ---------------------- */
@media (min-width: 768px) {

    .home-banner {
        height: 261px;
    }
    .home-banner.hero {
        width: 465px;
        background-position: 50% 50%;
        background-size: 100%;
    }
    .home-banner.hero a {
        display: block;
        height: 261px;
    }
    .home-banner.hero h2 {
        font-size: 1.8rem;
        line-height: 2rem;
        padding: 38px 0 0 40px;
    }
    .lang-zh .home-banner.hero h2 {
        padding: 18px 0 0 50px;
    }
    .home-banner.hero .btn-clipper {
        position: absolute;
        bottom: 17px;
        right: 10px;
        padding: .65rem;
        font-size: .5rem;
    }

    .home-banner.start .start-inner {
        position: relative;
        width: 137px;
        top: 20px;
        left: 75px;
    }
    .start hr {
        margin: 10px 0;
    }
    .start .ad-xl {
        font-size: 2.2rem;
        line-height: 1rem;
    }
    .start .ad-lg {
        font-size: 1rem;
        line-height: 2rem;
    }
    .start .ad-md {
        font-size: 0.75rem;
        line-height: 1rem;
        padding-right: 14px;
    }
    .start .ad-sm {
        font-size: 0.65rem;
    }
    .start .ad-xs {
        font-size: 0.6rem;
        line-height: 0.75rem;
    }
    .home-banner.start .ad-img {
        padding-top: 10px;
    }
    .home-banner.start .start-logo {
        width: 110px;
    }

    .cards-news h2,
    .cards-news .h2,
    .homepage-news-region h2 {
        font-size: 1.5rem;
    }

    .enhanced-features h2,
    .pay-with-mobile h2 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .enhanced-features p,
    .pay-with-mobile p {
        font-size: 0.875rem;
        line-height: 1rem;
    }

    .enhanced-features {
        background-image: url("../img/home-card-features-tablet.png");
        background-position: 90% 0;
    }
    .enhanced-features a {
        height: 112px;
    }
    .enhanced-features p {
        width: 200px;
    }

    .pay-with-mobile {
        background-position: 35% 1px;
        background-size: 31%;
        height: 110px;
    }
    .pay-with-mobile .card-body {
        padding: 25px;
    }
    .pay-with-mobile h2 {
        width: 220px;
    }
    .pay-with-mobile p {
        width: 130px;
        position: absolute;
        top: 40px;
        left: 330px;
    }
    .pay-with-mobile .promo-logo-group {
        top: 33px;
        right: 20px;
    }
    a.promo-logo {
        border-color: #fff;
        float: left;
        margin-left: 20px;
    }
    a.promo-logo img {
        width: 60px;
    }

    #homepage-cards .card-body {
        flex: 1 1 auto;
        padding: 0.5rem 1.25rem 2rem;
    }

    #homepage-cards .card-deck .card {
        margin-left: 7px;
        margin-right: 7px;
        flex:1 0 0%;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-1 {
        position: relative;
        top: 0px;
        margin-top: 0rem;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-2 {
        position: relative;
        top: 0px;
        margin-top: 1rem;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-3 {
        position: relative;
        top: 0px;
        margin-top: 0rem;
    }

    .how-to-improve-clipper {
        background-image: url("../img/homepage/improve-clip-bg-left.png");
        background-repeat: no-repeat;
    }
    .how-to-improve-clipper-rt img {
        position: relative;
        top: 50px;
        left: -40px;
    }

    /* Queued for removal */
    .hmpg-pay-phone {
        position: relative;
        background-image: url(../img/homepage/Hero-banner-right-bg.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 366px;
        height: 263px;
    }

    #lower-banner {
        position: relative;
        background-image: url(../img/homepage/COYP-Banner-Horizontal-bg.svg);
        background-repeat: no-repeat;
        background-size: auto;
        width: 690px;
        height: auto;
    }

    .lower-banner-wrap {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 115px;
        align-items: center;
        justify-content: flex-end;
    }

    a.hero-image-link {
        width: 100%;
        height: 185px;
    }
    a.hero-image-link-right {
        text-align: left;
        position: absolute;
        color: #fff;
        left: 20px;
        padding: 0px 0 5px;
        font-size: 1.5rem;
        font-family: "utopia-std",serif;
        line-height: 1.5rem;
        font-weight: 600;
        border-bottom: 1px solid white;
    }
    a.hero-image-link-right:hover {
        text-decoration: none;
        transition: all 0.3s ease 0s;
    }

    .apay-logo-hmpg, 
    .gpay-logo-hmpg {
        width: 80px;
        padding: 10px;
        margin-right: 21px;
    }
    a.hero-image-link-btm-left,
    a.hero-image-link-btm-right {
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 10px 5px;
        margin-right: 0px;
    }
    a.hero-image-link-btm-left {
        margin-right: 10px;
    }

    #main-banner,
    #lower-banner {
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        position: relative;
        display: inline-block;
    }

    #main-banner .lead {
        position: absolute;
        bottom: 0px;
        right: 20px;
    }

    #lower-banner .lead {
        position: absolute;
    }

    #main-banner p.lead a {
        font-size: .8rem;
    }

    .hero-image-link:active {
        border: 0px;
    }

    #main-banner .lead {
        position: absolute;
        bottom: 42px;
        right: 240px;
    }

    .hero-image .btn-clipper {
        position: absolute;
        bottom: 20px;
        right: 25px;
    }

    .lead .btn-clipper {
        padding: .65rem;
        font-size: .5rem;
    }

    .pay-with-mobile .desktop-promo-logos {
        top: 60px;
        left: 20px; 
    }

    .hmpg-START {
        position: relative;
        background-image: url(../img/homepage/START_hover.svg);
        background-repeat: no-repeat;
        background-size: 102%;
        box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
    }
    .hmpg-START img {
        opacity: 1;
        transition: all 0.3s ease 0s;
        width: 215px;
        height: 258px;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .hmpg-START img:hover {
        opacity:0;
    }

    .hero-image {
        width: 459px;
        height: 261px;
        box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
    }

    .hero-image .btn-clipper {
        position: absolute;
        bottom: 20px;
        right: 15px;
        padding: .65rem;
        font-size: .5rem;
    }

    #lower-banner .lead {
        bottom: 50px;
        right: 17px;
    }
    /* END Queued for removal */

}

/* End SM */

/* ----------- Desktops and laptops (MD) ----------- */
@media (min-width: 992px) {

    .home-banner {
        height: 353px;
    }
    .home-banner.hero {
        width: 622px;
    }
    .home-banner.hero a {
        display: block;
        height: 353px;
    }
    .home-banner.hero h2 {
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: 55px 0 0 55px;
    }
    .lang-zh .home-banner.hero h2 {
        padding: 32px 0 0 70px;
    }
    .home-banner.hero .btn-clipper {
        position: absolute;
        bottom: 25px;
        right: 20px;
        padding: .75rem;
        font-size: .75rem;
    }

    .home-banner.start .start-inner {
        position: relative;
        width: 190px;
        top: 30px;
        left: 100px;
    }
    .start hr {
        margin: 15px 0;
    }
    .start .ad-xl {
        font-size: 3.5rem;
        line-height: 2rem;
    }
    .start .ad-lg {
        font-size: 2rem;
        line-height: 3rem;
    }
    .start .ad-md {
        font-size: 1rem;
        line-height: 1rem;
        padding-right: 20px;
    }
    .start .ad-sm {
        font-size: 0.875rem;
    }
    .start .ad-xs {
        font-size: 0.75rem;
        line-height: 0.9rem;
        padding-right: 10px;
    }
    .home-banner.start .ad-img {
        padding-top: 10px;
    }
    .home-banner.start .start-logo {
        width: 140px;
    }

    .enhanced-features h2,
    .pay-with-mobile h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .enhanced-features p,
    .pay-with-mobile p {
        font-size: 1.15rem;
        line-height: 1.5rem;
    }

    .enhanced-features {
        background-image: url("../img/home-card-features.png");
        background-position: 100% 100%;
    }
    .enhanced-features a {
        background-image: url();
        background-position: 100% 90%;
        height: 177px;
    }
    .enhanced-features .card-body {
        padding: 15px;
    }
    .enhanced-features p {
        width: 210px;
    }

    .pay-with-mobile {
        background-position: 75% 0;
        background-size: 57%;
        height: 177px;
    }
    .pay-with-mobile .card-body {
        padding: 30px;
    }
    .pay-with-mobile .promo-logo-group {
        top: 40px;
        right: 50px;
    }
    .pay-with-mobile h2 {
        width: 225px;
    }
    .pay-with-mobile p {
        width: 240px;
        position: relative;
        top: 10px;
        left: 0;
    }
    a.promo-logo {
        border: 1px solid transparent;
        float: none;
    }
    a.promo-logo img {
        width: 60px;
    }

    #homepage-cards .card-deck .card {
        margin-left: 15px;
        margin-right: 15px;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-1 {
        position: relative;
        top: 0px;
        margin-top: 1.5rem;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-2 {
        position: relative;
        top: 0px;
        margin-top: 1rem;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-3 {
        position: relative;
        top: 0px;
        margin-top: 0rem;
    }
    
    /* Queued for removal */
    .lower-banner-wrap {
        height: 160px;
    }

    #lower-banner {
        width: 930px;
        height: 160px;
    }

    .hmpg-pay-phone {
        width: 366px;
        height: 354px;
    }

    a.hero-image-link-right {
        top: 30px;
        padding:10px;
        font-size: 2rem;
        line-height: 2rem;
    }

    .apay-logo-hmpg,
    .gpay-logo-hmpg {
        width: 100px;
        margin-right: 35px;
    }
    a.hero-image-link-btm-left,
    a.hero-image-link-btm-right {
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 10px 5px;
        margin-right: 0px;
    }
    a.hero-image-link-btm-left {
        margin-right: 10px;
    }

    #main-banner .lead {
        bottom: 50px;
        right: 328px;
    }

    .hero-image .btn-clipper {
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

    .lead .btn-clipper {
        padding: .75rem;
        font-size: .75rem;
    }

    .btn-lower-banner {
        font-size:.875rem;
    }

    #lower-banner .lead {
        bottom: 68px;
        right: 35px;
    }

    .pay-with-mobile .desktop-promo-logos {
        top: 60px;
        left: 0px; 
    }

    .hmpg-START {
        background-size: auto;
    }
    .hmpg-START img {
        width: 291px;
        height: 350px;
    }
    
    .hero-image {
        width: 622px;
        height: 353px;
        box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
    }

    .hero-image .btn-clipper {
        position: absolute;
        bottom: 25px;
        right: 20px;
        padding: .75rem;
        font-size: .75rem;
    }
    /* END Queued for removal */

}

/* End MD */

/* ----------- Large Desktops (LG) ----------- */

@media (min-width: 1200px) {

    .home-banner {
        height: 421px;
    }
    .home-banner.hero {
        width: 744px;
    }
    .home-banner.hero a {
        display: block;
        height: 421px;
    }
    .home-banner.hero h2 {
        font-size: 3rem;
        line-height: 3rem;
        padding: 64px 0 0 60px;
    }
    .lang-zh .home-banner.hero h2 {
        padding: 35px 0 0 80px;
    }
    .home-banner.hero .btn-clipper {
        position: absolute;
        bottom: 35px;
        right: 25px;
        padding: .75rem;
        font-size: .875rem;
    }

    .home-banner.start .start-inner {
        position: relative;
        width: 225px;
        top: 40px;
        left: 125px;
    }
    .start hr {
        margin: 15px 0;
    }
    .start .ad-xl {
        font-size: 4rem;
        line-height: 2rem;
    }
    .start .ad-lg {
        font-size: 2.3rem;
        line-height: 3.7rem;
    }
    .start .ad-md {
        font-size: 1.25rem;
        line-height: 1.4rem;
        padding-right: 20px;
    }
    .start .ad-sm {
        font-size: 1rem;
    }
    .start .ad-xs {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }
    .home-banner.start .ad-img {
        padding-top: 10px;
    }
    .home-banner.start .start-logo {
        width: 180px;
    }

    #homepage-cards .cards-news img.card-img-top.hmpg-card-img-3 {
        margin-top: 2rem;
    }

    .enhanced-features h2,
    .pay-with-mobile h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .enhanced-features a {
        height: 177px;
    }
    .enhanced-features p {
        width: 240px;
    }

    .pay-with-mobile {
        background-position: 75% 0;
        background-size: 48%;
        height: 177px;
    }
    .pay-with-mobile .card-body {
        padding: 30px;
    }
    .pay-with-mobile .promo-logo-group {
        position: absolute;
        top: 30px;
        right: 50px;
    }
    .pay-with-mobile h2 {
        width: 250px;
    }
    .pay-with-mobile p {
        font-size: 1.15rem;
        width: 310px;
        position: relative;
        top: 10px;
        left: 0;
    }
    a.promo-logo {
        border: 1px solid transparent;
        float: none;
    }
    a.promo-logo img {
        width: 80px;
    }

    /* Queued for removal */
    .hero-image {
        width: 744px;
        height: 421px;
        box-shadow: rgba(194, 194, 194, 0.5) 0px 3px 3px 0px;
    }
    .hero-image .btn-clipper {
        position: absolute;
        bottom: 35px;
        right: 25px;
        padding: .75rem;
        font-size: .875rem;
    }

    #lower-banner {
        width: 1110px;
        height: 185px;
        box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
    }

    .hmpg-START img {
        opacity: 1;
        transition: all 0.3s ease 0s;
        width: 350px;
        height: 420px;
        position: relative;
        top: 0px;
    }

    .lower-banner-wrap {
        height: 185px;
    }

    a.hero-image-link-right {
        top: 37px;
        left: 40px;
        padding: 5px 10px 0;
        font-size: 2.4rem;
        line-height: 2.8rem;
        border-bottom: 1px solid transparent;
    }

    .hmpg-pay-phone {
        width: 366px;
        height: 423px;
    }

    a.hero-image-link-right:hover:after {
        content:'';
        display:block;
        height:2px;
        border-bottom: 1px solid #fff;
        text-decoration: none;
    }
    a.hero-image-link-left {
        width: 744px;
        height: 421px;
        box-shadow: 0 3px 3px 0px rgb(194 194 194 / 50%);
    }
    .lead .btn-clipper {
        padding: .75rem;
        font-size: .875rem;
    }

    #main-banner .lead {
        bottom: 60px;
        right: 390px;
    }
    #lower-banner .lead {
        bottom: 75px;
        right: 50px;
    }
    /* END Queued for removal */

}