.bankingTwenty {
    background-color: #fff
}

.bankingTwenty h2 {
    margin: 0
}

.bankingTwenty p {
    margin: 0
}

.bankingTwenty .app-store {
    margin-right: 15px
}

.bankingTwenty .no-space {
    margin: 0;
    padding: 0
}

.bankingTwenty .gpcc-24-7-title {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.bankingTwenty .gpcc-24-7-para {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

@media (min-width:992px) {
    .bankingTwenty {
        padding: 11px 0 132px 0
    }

    .bankingTwenty .gpcc-24-7-pos {
        padding: 0 0 0 3.3%
    }

    .bankingTwenty .gpcc-24-7-image-cont {
        max-width: 666px;
        max-height: 730px;
        object-fit: contain
    }

    .bankingTwenty .gpcc-24-7-title {
        padding: 190px 0 40px 0;
        margin-left: 10.4%;
        font-size: 50px;
        line-height: normal
    }

    .bankingTwenty .gpcc-24-7-para {
        max-width: 400px;
        font-size: 28px;
        line-height: 1.29;
        margin-left: 10.4%;
        margin-bottom: 60px
    }

    .bankingTwenty .app-store>img .google-play>img {
        width: 191px;
        height: 57px;
        object-fit: contain
    }

    .bankingTwenty .img-brand {
        max-width: 191px;
        max-height: 57px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .bankingTwenty .store-links {
        margin-left: 10.4%;
        margin-bottom: 120px
    }
}

@media (min-width:1700px) {
    .bankingTwenty .gpcc-24-7-pos {
        padding: 0 0 0 19.3%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bankingTwenty {
        padding: 0 0 11px 0
    }

    .bankingTwenty .gpcc-24-7-rt-sec {
        padding-left: 32px
    }

    .bankingTwenty .gpcc-24-7-image-cont {
        max-width: 435px;
        max-height: 536px;
        object-fit: contain
    }

    .bankingTwenty .gpcc-24-7-title {
        padding: 128px 0 14px 0;
        font-size: 40px;
        line-height: 1.8
    }

    .bankingTwenty .gpcc-24-7-para {
        max-width: 335px;
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 40px
    }

    .bankingTwenty .app-store>img .google-play>img {
        width: 130px;
        height: 39px;
        object-fit: contain
    }

    .bankingTwenty .img-brand {
        max-width: 130px;
        max-height: 39px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .bankingTwenty .store-links {
        margin-bottom: 29px
    }
}

@media (min-width:450px) and (max-width:767px) {
    .bankingTwenty .gpcc-24-7-rt-sec {
        margin: 40px 10.9% 111px 10.9%
    }

    .bankingTwenty .store-links {
        text-align: center
    }

    .bankingTwenty .gpcc-24-7-image-cont {
        max-width: 100%;
        object-fit: contain
    }

    .bankingTwenty .gpcc-24-7-title {
        text-align: center;
        width: 100%;
        font-size: 24px;
        line-height: 3
    }

    .bankingTwenty .gpcc-24-7-para {
        text-align: center;
        font-size: 18px;
        line-height: 1.78;
        margin-top: 14px
    }

    .bankingTwenty .app-store>img .google-play>img {
        width: 130px;
        height: 39px;
        object-fit: contain
    }

    .bankingTwenty .img-brand {
        max-width: 130px;
        max-height: 39px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .bankingTwenty .store-links {
        padding-top: 30px
    }
}

@media (max-width:449px) {
    .bankingTwenty .gpcc-24-7-rt-sec {
        margin: 40px 10.9% 111px 10.9%
    }

    .bankingTwenty .store-links {
        text-align: center
    }

    .bankingTwenty .gpcc-24-7-image-cont {
        max-width: 100%;
        object-fit: contain
    }

    .bankingTwenty .gpcc-24-7-title {
        max-width: 151px;
        font-size: 24px;
        line-height: 3
    }

    .bankingTwenty .gpcc-24-7-para {
        max-width: 296px;
        font-size: 18px;
        line-height: 1.78;
        margin-top: 14px
    }

    .bankingTwenty .app-store>img .google-play>img {
        width: 130px;
        height: 39px;
        object-fit: contain
    }

    .bankingTwenty .img-brand {
        max-width: 130px;
        max-height: 39px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .bankingTwenty .store-links {
        padding-top: 30px
    }
}

.banking-form {
    background-color: #f9f9f9
}

.banking-form .form-check-label {
    font-family: Syfsans-normal
}

.banking-form .alertMini {
    display: none;
    color: #de0101;
    font-size: 12px
}

.banking-form .alertMini img {
    width: 8px
}

.banking-form .success-vis {
    display: none
}

.banking-form .disloader {
    display: none
}

.banking-form .loader.disloader {
    position: absolute;
    z-index: 100
}

.banking-form .no-space {
    margin: 0;
    padding: 0
}

.banking-form .form-control {
    height: 18px;
    font-size: 16px;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    height: calc(2.25rem + 2px) !important;
    font-family: SyfSans;
    color: #333740 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #333740 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
}

.banking-form .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 10px 0 20px 13px;
    transition: all .2s;
    opacity: .5;
    font-family: SyfSans-normal;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333740;
    width: 200px;
    height: 16px;
    font-size: 16px
}

.banking-form .form-control:focus+.form-control-placeholder,
.banking-form .form-control:valid+.form-control-placeholder {
    transform: translate3d(0, -100%, 0);
    opacity: 1
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .banking-form .ie-position-last {
        margin-left: 300px !important;
        position: -ms-page !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .banking-form .ie-button-position-last {
        margin-left: 150px !important;
        position: -ms-page !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .banking-form .gpcc-radio-des {
        width: 50%;
        max-width: 60%;
        word-wrap: break-word
    }
}

.banking-form .gpcc-img-container {
    max-width: 118px;
    max-height: 74px;
    width: auto;
    height: auto;
    object-fit: contain
}

.banking-form .gpcc-radio-des {
    width: 327px;
    height: 18px;
    font-size: 16px;
    font-family: SyfSans-md;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.banking-form .gpcc-form-title {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.banking-form .gpcc-form-para {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.banking-form .radio-btn-container {
    font-family: SyfSans-md;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.banking-form .rate-tile-button {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .37px;
    color: #fff !important
}

.banking-form .rate-tile-cancel-button {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00689a
}

.banking-form .font-or {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #3b3c43
}

.banking-form .font-explore {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #00689a;
    text-decoration: none
}

.banking-form .font-explore:hover {
    color: #01426a
}

.banking-form input[type=radio] {
    cursor: pointer;
    appearance: none;
    outline: 0;
    background: #fff;
    height: 13px;
    width: 13px;
    border: 1px solid #6a6a6a
}

.banking-form input[type=radio]:checked {
    background: #fff
}

.banking-form input[type=checkbox]:hover {
    filter: brightness(90%)
}

.banking-form input[type=checkbox]:disabled {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.banking-form input[type=radio]:after {
    content: "";
    position: relative;
    left: 40%;
    top: 10%;
    width: 40%;
    height: 70%;
    border: solid #3b3c43;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none
}

.banking-form input[type=radio]:checked:after {
    display: block
}

.banking-form input[type=radio]:disabled:after {
    border-color: #7b7b7b
}

.banking-form #err-desc,
.banking-form #err-title,
.banking-form #reg-desc,
.banking-form #reg-title,
.banking-form #succ-desc,
.banking-form #succ-title {
    display: none
}

.banking-form .emaildesc {
    font-family: SyfSans-normal;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: .39px;
    color: #333740
}

@supports (-webkit-touch-callout: none) {

    /* CSS specific to iOS devices */
    .input-box.gpcc-text {
        padding: 0;
    }
}

@media (min-width:992px) {
    .banking-form {
        padding: 148px 0 47px 9.8%;
        overflow: hidden
    }

    .banking-form .cancelmob {
        display: none
    }

    .banking-form .no-col-space {
        padding: 0
    }

    .banking-form .gpcc-form-title {
        max-width: 584px;
        line-height: 1;
        font-size: 50px;
        margin-top: 16px;
        margin-bottom: 0
    }

    .banking-form .gpcc-form-para {
        max-width: 641px;
        margin-top: 10px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 30px
    }

    .banking-form .gpcc-email-img-container {
        max-width: 466px;
        max-height: 424px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .banking-form .gpcc-form-rt-sec {
        margin-top: -320px
    }

    .banking-form .input15 {
        width: 280px;
        height: 40px;
        margin-bottom: 30px;
        margin-right: 30px
    }

    .banking-form .col-pos {
        margin-left: -10px;
        padding: 0
    }

    .banking-form .radio-btn-container {
        width: 327px;
        font-size: 16px;
        line-height: normal;
        padding-right: 0
    }

    .banking-form .email-pos {
        margin-bottom: 56px
    }

    .banking-form .gpcc-radio-des {
        height: 18px;
        font-size: 16px
    }

    .banking-form .captcha-margin {
        margin-top: 38px;
        margin-bottom: 57px
    }

    .banking-form .font-or {
        font-size: 24px
    }

    .banking-form .font-explore {
        max-width: 427px;
        font-size: 24px
    }

    .banking-form .rate-tile-button {
        width: 200px !important;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a !important;
        background-color: #00689a !important;
        color: #3b3c43;
        margin-bottom: 37px;
        padding-top: 10px
    }

    .banking-form .rate-tile-button:hover {
        background-color: #01426a
    }

    .banking-form .rate-tile-cancel-button {
        width: 118px !important;
        height: 38px;
        border-radius: none;
        border: none;
        background-color: transparent !important;
        color: #00689a;
        padding-top: 10px
    }

    .banking-form .rate-tile-cancel-button:hover {
        color: #01426a
    }

    .banking-form .cancel {
        max-width: 118px
    }

    .banking-form .yellow-border {
        width: 258px;
        height: 8px;
        border: solid 1px #fbc600;
        float: right;
        margin-top: 102%;
        background: #fbc600
    }

    .banking-form .yellow-border-mob {
        display: none
    }

    .banking-form .emaildesc {
        width: 420px
    }

    .banking-form .radio-para {
        margin-bottom: 10px
    }

    .banking-form .form-check-inline {
        margin-right: 50px
    }
}

@media (min-width:1700px) {
    .banking-form {
        padding: 148px 0 47px 19.4%
    }
}

@media (min-width:800px) and (max-width:991px) {
    .banking-form {
        padding: 93px 0 93px 3.7%;
        overflow: hidden
    }

    .banking-form .yellow-border {
        width: 258px;
        height: 8px;
        border: solid 1px #fbc600;
        background: #fbc600;
        float: right;
        margin-top: 102px
    }

    .banking-form .cancelmob {
        display: none
    }

    .banking-form .gpcc-form-rt-sec {
        margin-top: 160px
    }

    .banking-form .gpcc-form-title {
        max-width: 420px;
        line-height: normal;
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 0
    }

    .banking-form .gpcc-form-para {
        max-width: 641px;
        margin-top: 20px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 30px
    }

    .banking-form .gpcc-email-img-container {
        max-width: 251.3px;
        max-height: 234.8px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .banking-form .input15 {
        width: 274px;
        height: 39px;
        margin-bottom: 33px;
        margin-right: 30px
    }

    .banking-form .radio-btn-container {
        width: 327px;
        font-size: 16px;
        line-height: normal
    }

    .banking-form .email-pos {
        margin-bottom: 56px
    }

    .banking-form .gpcc-radio-des {
        height: 18px;
        font-size: 16px
    }

    .banking-form .rate-tile-button {
        width: 118px;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a;
        background-color: #00689a
    }

    .banking-form .captcha-margin {
        margin-top: 55px;
        margin-bottom: 38px
    }

    .banking-form .cancel {
        max-width: 118px
    }

    .banking-form .rate-tile-button {
        width: 200px !important;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a !important;
        background-color: #00689a !important;
        color: #3b3c43;
        margin-bottom: 37px;
        padding-top: 10px
    }

    .banking-form .rate-tile-cancel-button {
        width: 118px !important;
        height: 38px;
        border-radius: none;
        border: none;
        background-color: transparent !important;
        padding-top: 10px;
        color: #00689a
    }

    .banking-form .font-or {
        font-size: 24px
    }

    .banking-form .font-explore {
        max-width: 427px;
        font-size: 24px
    }

    .banking-form .yellow-border-mob {
        display: none
    }

    .banking-form .success-vis {
        margin-top: 50px
    }

    .banking-form .emaildesc {
        width: 89%
    }

    .banking-form .radio-para {
        margin-bottom: 10px
    }

    .banking-form .form-check-inline {
        margin-right: 50px
    }
}

@media (min-width:768px) and (max-width:799px) {
    .banking-form {
        padding: 93px 0 93px 3.7%;
        overflow: hidden
    }

    .banking-form .yellow-border {
        width: 258px;
        height: 8px;
        border: solid 1px #fbc600;
        background: #fbc600;
        float: right;
        margin-top: 102px
    }

    .banking-form .cancelmob {
        display: none
    }

    .banking-form .gpcc-form-rt-sec {
        margin-top: 160px
    }

    .banking-form .gpcc-form-title {
        max-width: 420px;
        line-height: normal;
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 0
    }

    .banking-form .gpcc-form-para {
        max-width: 641px;
        margin-top: 20px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 30px
    }

    .banking-form .gpcc-email-img-container {
        max-width: 251.3px;
        max-height: 234.8px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .banking-form .input15 {
        height: 39px;
        margin-bottom: 33px;
        margin-right: 15px
    }

    .banking-form .radio-btn-container {
        width: 327px;
        font-size: 16px;
        line-height: normal
    }

    .banking-form .email-pos {
        margin-bottom: 56px
    }

    .banking-form .gpcc-radio-des {
        height: 18px;
        font-size: 16px
    }

    .banking-form .rate-tile-button {
        width: 118px;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a;
        background-color: #00689a
    }

    .banking-form .captcha-margin {
        margin-top: 55px;
        margin-bottom: 38px
    }

    .banking-form .cancel {
        max-width: 118px
    }

    .banking-form .rate-tile-button {
        width: 200px !important;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a !important;
        background-color: #00689a !important;
        color: #3b3c43;
        margin-bottom: 37px;
        padding-top: 10px
    }

    .banking-form .rate-tile-cancel-button {
        width: 118px !important;
        height: 38px;
        border-radius: none;
        border: none;
        background-color: transparent !important;
        padding-top: 10px;
        color: #00689a
    }

    .banking-form .font-or {
        font-size: 24px
    }

    .banking-form .font-explore {
        max-width: 427px;
        font-size: 24px
    }

    .banking-form .yellow-border-mob {
        display: none
    }

    .banking-form .success-vis {
        margin-top: 50px
    }

    .banking-form .emaildesc {
        width: 89%
    }

    .banking-form .radio-para {
        margin-bottom: 10px
    }

    .banking-form .form-check-inline {
        margin-right: 50px
    }
}

@media (min-width:421px) and (max-width:767px) {
    .banking-form {
        padding: 90px 11% 80px 11%
    }

    .banking-form .radio-para {
        margin-bottom: 10px
    }

    .banking-form .cancel {
        display: none
    }

    .banking-form .yellow-border {
        width: 122px;
        height: 8px;
        border: solid 1px #fbc600;
        background: #fbc600;
        float: right
    }

    .banking-form .gpcc-form-title {
        width: 303px;
        font-size: 26px;
        line-height: 1.35;
        margin-top: 26px;
        margin-bottom: 0
    }

    .banking-form .gpcc-form-para {
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 40px
    }

    .banking-form .gpcc-email-img-container {
        display: none
    }

    .banking-form .input15 {
        width: 99.3%;
        height: 40px;
        margin-bottom: 36px
    }

    .banking-form .radio-btn-container {
        width: 327px;
        font-size: 16px;
        line-height: normal
    }

    .banking-form .email-pos {
        margin-bottom: 21px
    }

    .banking-form .gpcc-radio-des {
        height: 18px;
        font-size: 16px
    }

    .banking-form .rate-tile-button {
        width: 100% !important;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a !important;
        background-color: #00689a !important;
        color: #3b3c43;
        margin-bottom: 14px;
        padding-top: 10px
    }

    .banking-form .rate-tile-cancel-button {
        width: 100% !important;
        height: 38px;
        border-radius: none;
        border: none;
        background-color: transparent !important;
        color: #00689a
    }

    .banking-form .captcha-margin {
        margin-top: 40px;
        margin-bottom: 80px
    }

    .banking-form .font-or {
        font-size: 24px
    }

    .banking-form .font-explore {
        font-size: 24px
    }

    .banking-form .yellow-border {
        display: none
    }

    .banking-form .yellow-border-mob {
        width: 122px;
        height: 8px;
        border: solid 1px #fbc600;
        background: #fbc600;
        margin-left: 90%;
        margin-top: 20px
    }

    .banking-form .emaildesc {
        width: 85%
    }

    .banking-form .form-check-inline {
        margin-right: 50px
    }
}

@media (max-width:420px) {
    .banking-form {
        padding: 90px 5.3% 80px 5.3%
    }

    .banking-form .radio-para {
        margin-bottom: 10px
    }

    .banking-form .cancel {
        display: none
    }

    .banking-form .yellow-border {
        width: 122px;
        height: 8px;
        border: solid 10px #fbc600;
        float: right
    }

    .banking-form .gpcc-form-title {
        max-width: 327px;
        font-size: 28px;
        line-height: normal;
        margin-top: 26px;
        margin-bottom: 0
    }

    .banking-form .gpcc-form-para {
        max-width: 335px;
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 40px
    }

    .banking-form .gpcc-email-img-container {
        display: none
    }

    .banking-form .input15 {
        width: 99.3%;
        height: 40px;
        margin-bottom: 36px
    }

    .banking-form .radio-btn-container {
        width: 327px;
        font-size: 16px;
        line-height: normal
    }

    .banking-form .email-pos {
        margin-bottom: 21px
    }

    .banking-form .gpcc-radio-des {
        height: 18px;
        font-size: 16px
    }

    .banking-form .rate-tile-button {
        width: 100% !important;
        height: 38px;
        border-radius: 2px;
        border: solid 2px #00689a !important;
        background-color: #00689a !important;
        color: #3b3c43;
        margin-bottom: 14px;
        padding-top: 10px
    }

    .banking-form .rate-tile-cancel-button {
        width: 100% !important;
        height: 38px;
        border-radius: none;
        border: none;
        background-color: transparent !important;
        color: #00689a;
        padding-top: 10px
    }

    .banking-form .captcha-margin {
        margin-top: 40px;
        margin-bottom: 50px
    }

    .banking-form .font-or {
        font-size: 16px;
        line-height: normal;
        letter-spacing: .37px
    }

    .banking-form .font-explore {
        font-size: 16px;
        line-height: normal;
        letter-spacing: .37px
    }

    .banking-form .yellow-border {
        display: none
    }

    .banking-form .yellow-border-mob {
        width: 122px;
        height: 8px;
        border: solid 1px #fbc600;
        background: #fbc600;
        margin-left: 69%;
        margin-top: 20px
    }

    .banking-form .emaildesc {
        width: 85%
    }

    .banking-form .form-check-inline {
        margin-right: 50px
    }
}

.gpcc-head img {
    max-width: 100%;
    display: block;
    margin: auto
}

.gpcc-head .gpcc-label .label-title-button {
    width: 234px
}

@media (min-width:1200px) and (max-width:1699px) {
    .gpcc-head {
        position: relative
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 17.3rem;
        left: 8.25rem;
        right: 45.56rem;
        width: 36.188rem;
        height: 7.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3.75rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 25.5rem;
        left: 8.25rem;
        right: 45.56rem;
        width: 47.188rem;
        height: 7.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.5rem;
        font-family: SyfSans
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 20.313rem;
        height: 19rem;
        top: 9.6rem;
        right: 8.25rem;
        padding: 2.5rem 2.5rem 2.5rem 2.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 17.313rem;
        height: 2.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 1.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-top: .5rem;
        margin-left: -.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 2.938rem;
        font-family: SyfSans;
        margin-top: .2rem;
        margin-left: .8rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 2.938rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-left: 5.2rem;
        margin-top: -5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 9.75rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 10rem !important;
        height: 2.5rem
    }
}

@media screen and (min-width:1700px) {
    .gpcc-head {
        position: relative
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 20.3rem;
        left: 23.25rem;
        right: 45.56rem;
        width: 36.188rem;
        height: 7.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3.75rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 29.5rem;
        left: 23.25rem;
        right: 45.56rem;
        width: 35.188rem;
        height: 2rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.5rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 20.313rem;
        height: 22rem;
        top: 16rem;
        right: 22.18rem;
        padding: 2.5rem 2.5rem 2.5rem 2.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 15.313rem;
        height: 3.75rem;
        font-family: SyfSans;
        font-size: 1.5rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 3.875rem;
        height: 4.063rem;
        font-family: SyfSans;
        font-size: 5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 1.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-top: .5rem;
        margin-left: -1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 2.538rem;
        font-family: SyfSans;
        margin-top: .4rem;
        margin-left: .3rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 2.538rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-left: 5rem;
        margin-top: -3rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 12rem;
        height: 2.125rem;
        font-family: SyfSans;
        font-size: 1.5rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        margin-top: 1.2rem;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 8.5rem !important
    }
}

@media (min-width:768px) and (max-width:800px) {
    .gpcc-head .gpcc-banner-content {
        top: 8.8rem !important
    }

    .gpcc-head .gpcc-banner-content-text {
        top: 24.6rem !important
    }

    .gpcc-head .gpcc-label {
        top: 17rem !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-head {
        position: relative
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 10.8rem;
        left: 3rem;
        right: 24rem;
        width: 20.188rem;
        height: 15.25rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3.75rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 26.6rem;
        left: 3rem;
        width: 20.188rem;
        height: 3.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.5rem;
        font-family: SyfSans;
        line-height: 1.17
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 20.313rem;
        height: 20.188rem;
        top: 20.12rem;
        right: 3rem;
        padding: 2.5rem 2.5rem 2.5rem 2.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 17.313rem;
        height: 1.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 1.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-top: .5rem;
        margin-left: -.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 2.938rem;
        font-family: SyfSans;
        margin-top: .4rem;
        margin-left: .8rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 2.938rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-left: 5.2rem;
        margin-top: -4.8rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 8.5rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 10rem !important;
        height: 2rem;
        padding-top: unset !important
    }
}

@media (min-width:992px) and (max-width:1100px) {
    .gpcc-head .gpcc-banner-content {
        width: 30.188rem !important;
        height: 6.5rem !important
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3rem !important
    }

    .gpcc-head .gpcc-banner-content-text {
        top: 19rem !important;
        width: 40.188rem !important;
        height: 6.5rem !important
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.2rem !important
    }

    .gpcc-head .gpcc-label {
        right: 4.25rem !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .gpcc-head {
        position: relative
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 12.3rem;
        left: 8.25rem;
        right: 45.56rem;
        width: 35.188rem;
        height: 7.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3.5rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 20rem;
        left: 8.25rem;
        right: 45.56rem;
        width: 47.188rem;
        height: 7.5rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.4rem;
        font-family: SyfSans;
        line-height: 1
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 20.313rem;
        height: 16.188rem;
        top: 8.6rem;
        right: 6.25rem;
        padding: 1.5rem 1.5rem 1.5rem 1.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 16.313rem;
        height: 1.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 6rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 2.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-top: .5rem;
        margin-left: .1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 1.938rem;
        font-family: SyfSans;
        margin-top: .6rem;
        margin-left: 0rem;
        font-size: 2.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 1.938rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-left: 5.8rem;
        margin-top: -4.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 10.5rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1.2rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 10rem !important;
        height: 2rem
    }
}

@media screen and (max-width:512px) {
    .gpcc-head {
        position: relative;
        margin-bottom: 11rem
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 14.3rem;
        left: 2.25rem;
        right: 45.56rem;
        width: 19.5rem;
        height: 10.25rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 2.4rem;
        font-family: SyfSans;
        line-height: 1.1
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 22.8rem;
        left: 2.25rem;
        right: 45.56rem;
        width: 18.628rem;
        height: 9rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.5rem;
        font-family: SyfSans;
        line-height: 1.1
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 17.313rem;
        height: 17.188rem;
        top: 28.12rem;
        right: 2rem;
        padding: 2.5rem 2.5rem 2.5rem 2.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 17.313rem;
        height: 1.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 1.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-top: .5rem;
        margin-left: -.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 2.938rem;
        font-family: SyfSans;
        margin-top: .2rem;
        margin-left: .8rem;
        font-size: 2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 2.938rem;
        font-family: SyfSans;
        font-size: 2rem;
        margin-left: 5.2rem;
        margin-top: -5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 8.5rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 8rem !important;
        height: 2rem
    }
}

@media (min-width:650px) and (max-width:750px) {
    .gpcc-head .gpcc-banner-content {
        top: 7.3rem !important;
        left: 3rem !important
    }

    .gpcc-head .gpcc-banner-content-text {
        top: 21.5rem !important;
        left: 3rem !important
    }
}

@media (min-width:512px) and (max-width:750px) {
    .gpcc-head .gpcc-label {
        top: 16.6rem !important
    }
}

@media (min-width:512px) and (max-width:912px) {
    .gpcc-head {
        position: relative
    }

    .gpcc-head .gpccBanner {
        position: relative
    }

    .gpcc-head .gpcc-banner-content {
        position: absolute;
        top: 18.3rem;
        left: 2.25rem;
        right: 45.56rem;
        width: 16.188rem;
        height: 11.25rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
        font-size: 3rem;
        font-family: SyfSans
    }

    .gpcc-head .gpcc-banner-content-text {
        position: absolute;
        top: 32.5rem;
        left: 2.25rem;
        right: 45.56rem;
        width: 18.188rem;
        height: 4rem;
        color: #fff
    }

    .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
        font-size: 1.5rem;
        font-family: SyfSans
    }

    .gpcc-head .gpcc-label {
        position: absolute;
        width: 18.313rem;
        height: 16.188rem;
        top: 38.6rem;
        right: 1.25rem;
        padding: 1.5rem 1.5rem 1.5rem 1.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        z-index: 2
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 16.313rem;
        height: 1.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 6rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 2.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-top: .5rem;
        margin-left: .1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 1.938rem;
        font-family: SyfSans;
        margin-top: .6rem;
        margin-left: 0rem;
        font-size: 2.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 1.938rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-left: 6rem;
        margin-top: -4.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 10.5rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1.2rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 244px !important
    }
}

.gpcc-head .gpcc-label .label-title-button:focus {
    outline: 2px solid #3b3d49;
    border-radius: 8px;
    outline-offset: 0px;
}

.gpcc-home-banner video {
    object-fit: cover;
    width: 100%
}

@media (min-width:1200px) and (max-width:1699px) {
    .video-play-imag {
        position: absolute;
        right: 2.5rem;
        bottom: 5.5rem;
        z-index: 1;
        width: 5.563rem;
        height: 3.563rem;
    }
}

@media (min-width:1700px) {
    .video-play-imag {
        position: absolute;
        right: 2.5rem;
        bottom: 5.5rem;
        z-index: 1;
        width: 5.563rem;
        height: 3.563rem;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .video-play-imag {
        display: none
    }
}

.gpcc-public-calculator-col {
    background-color: #fff !important
}

@media (max-width:767px) {
    .gpcc-public-calculator-col {
        background-color: #f9f9f9 !important
    }
}

#slidecontainerIE {
    display: none !important
}

.gpcc-calculator-section {
    background-color: #f9f9f9
}

.gpcc-calculator-section .gpcc-cal-content-col {
    background-color: #f9f9f9 !important
}

.gpcc-calculator-section .gpcc-field-label {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43
}

@media (min-width:1700px) {
    .gpcc-calculator-section {
        padding: 160px 0 110px 0
    }

    .gpcc-calculator-section .gpcc-field-label {
        font-size: 28px;
        margin: 62px 0 20px 0
    }

    .gpcc-calculator-section .gpcc-calc-pos {
        width: 100%;
        padding-left: 19.4%
    }

    .gpcc-calculator-section .no-margin {
        margin: 0
    }
}

@media (min-width:992px) and (max-width:1699px) {
    .gpcc-calculator-section {
        padding: 160px 0 110px 0
    }

    .gpcc-calculator-section .gpcc-field-label {
        font-size: 28px;
        margin: 62px 0 20px 0
    }

    .gpcc-calculator-section .gpcc-calc-pos {
        width: 100%;
        padding-left: 9.2%
    }

    .gpcc-calculator-section .no-margin {
        margin: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section {
        padding: 90px 0
    }

    .gpcc-calculator-section .gpcc-field-label {
        font-size: 24px
    }

    .gpcc-calculator-section .gpcc-calc-pos {
        width: 100%;
        padding-left: 4.6%
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section {
        padding: 50px 0 52px 0
    }

    .gpcc-calculator-section .gpcc-field-label {
        font-size: 24px
    }
}

.gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-title {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-para {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3b3c43;
    margin-bottom: 0
}

.gpcc-calculator-section .gpcc-lt-sec .slider {
    -webkit-appearance: none;
    height: 4px;
    background: linear-gradient(to right, #fbc600 0, #fbc600 2%, #fbc600 20%, #e9eae8 20%, #e9eae8 98%, #e9eae8 100%);
    outline: 0;
    transition: opacity .2s
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-lt-sec .slider {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-lt-sec .slider {
        width: 93.5%
    }
}

.gpcc-calculator-section .gpcc-lt-sec .slider:focus {
    outline-offset: 1rem;
    outline: 2px solid #3b3c43;
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-lt-sec .slider {
        width: 98%
    }
}

.gpcc-calculator-section .gpcc-lt-sec .sliderplus {
    -webkit-appearance: none;
    height: 4px;
    background: linear-gradient(to right, #fbc600 0, #fbc600 2%, #fbc600 20%, #e9eae8 20%, #e9eae8 98%, #e9eae8 100%);
    outline: 0;
    transition: opacity .2s
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderplus {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderplus {
        width: 93.5%
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderplus {
        width: 98%
    }
}

.gpcc-calculator-section .gpcc-lt-sec .slider:hover {
    opacity: 1
}

.gpcc-calculator-section .gpcc-lt-sec .sliderplus:hover {
    opacity: 1
}

.gpcc-calculator-section .gpcc-lt-sec .slider::-webkit-slider-thumb {
    appearance: none;
    width: 38px;
    height: 38px;
    border: solid 13px #fbc600;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .sliderplus::-webkit-slider-thumb {
    appearance: none;
    width: 38px;
    height: 38px;
    border: solid 13px #fbc600;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .slider::-moz-range-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    border: solid 13px #fbc600;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .sliderplus::-moz-range-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    border: solid 13px #fbc600;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE {
    -webkit-appearance: none;
    background: 0 0;
    height: 50px
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIE {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIE {
        width: 93.5%
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIE {
        width: 98%
    }
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus {
    -webkit-appearance: none;
    background: 0 0;
    height: 50px
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIEplus {
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIEplus {
        width: 93.5%
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-lt-sec .sliderIEplus {
        width: 98%
    }
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE:focus {
    outline: 0
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:focus {
    outline: 0
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE:focus::-ms-fill-lower {
    background: #fbc600
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:focus::-ms-fill-lower {
    background: #fbc600
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE:focus::-ms-fill-upper {
    background: #e9eae8
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:focus::-ms-fill-upper {
    background: #e9eae8
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE::-ms-track {
    cursor: default;
    height: 5px;
    transition: all .2s ease;
    width: 100%;
    background: 0 0;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus::-ms-track {
    cursor: default;
    height: 5px;
    transition: all .2s ease;
    width: 100%;
    background: 0 0;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE::-ms-fill-lower {
    background: #fbc600;
    border-radius: 10px
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus::-ms-fill-lower {
    background: #fbc600;
    border-radius: 10px
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE::-ms-fill-upper {
    background: #e9eae8;
    border-radius: 10px
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus::-ms-fill-upper {
    background: #e9eae8;
    border-radius: 10px
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE::-ms-thumb {
    background: #fff;
    border: solid 12px #fbc600;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus::-ms-thumb {
    background: #fff;
    border: solid 12px #fbc600;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-moz-range-thumb,
.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-ms-fill-lower,
.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-ms-fill-upper,
.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-ms-thumb,
.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-webkit-slider-runnable-track,
.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-webkit-slider-thumb {
    cursor: not-allowed
}

.gpcc-calculator-section .gpcc-lt-sec .sliderIE:disabled::-moz-range-thumb,
.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:disabled::-ms-fill-lower,
.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:disabled::-ms-fill-upper,
.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:disabled::-ms-thumb,
.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:disabled::-webkit-slider-runnable-track,
.gpcc-calculator-section .gpcc-lt-sec .sliderIEplus:disabled::-webkit-slider-thumb {
    cursor: not-allowed
}


.gpcc-calculator-section .gpcc-lt-sec input[type=number] {
    -moz-appearance: textfield;
    width: 173px;
}

.gpcc-calculator-section .gpcc-lt-sec input[type=number]:focus,
.gpcc-calculator-section .gpcc-lt-sec input[type=number]:hover {
    -moz-appearance: number-input
}

.gpcc-calculator-section .gpcc-lt-sec .gpcc-text {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: normal;
    color: #3b3c43
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-lt-sec {
        margin: 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-sec {
        margin-top: 25px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-title {
        max-width: 540px;
        font-size: 50px;
        line-height: 1.08;
        margin: 25px 0 25px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-para {
        max-width: 400px;
        font-size: 28px;
        line-height: 1.29
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-cal-tools {
        margin: 62px 0 20px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .input-group {
        margin: 20px 0 20px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-text {
        font-size: 48px !important;
        padding-top: 10px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-mob-img-container {
        display: none
    }

    .gpcc-calculator-section .gpcc-lt-sec .input-box {
        width: 350px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-lt-sec {
        margin: 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-sec {
        margin-top: 44px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-title {
        max-width: 317px;
        font-size: 40px;
        line-height: 1.35;
        margin: 44px 0 20px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-para {
        max-width: 342px;
        font-size: 18px;
        line-height: 1.56
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-cal-tools {
        margin: 49px 0 54px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .input-group {
        margin: 12px 0 54px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-text {
        font-size: 38px !important;
        padding-top: 3px
    }

    .gpcc-calculator-section .gpcc-lt-sec .tab-dol-pos {
        padding-top: 15px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-mob-img-container {
        display: none
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-lt-sec {
        margin-left: 4.6% !important;
        margin-right: 4% !important;
        padding-left: 20px !important;
        background-color: #fff
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-mob-img-container {
        height: 41px !important;
        width: 41px !important;
        margin-top: 26px;
        margin-bottom: 26px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-title {
        font-size: 28px;
        line-height: normal;
        margin-bottom: 20px
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-lt-para {
        font-size: 18px;
        line-height: 1.56
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-cal-tools {
        margin: 27px 0 34px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .input-group {
        margin: 7px 0 34px 0
    }

    .gpcc-calculator-section .gpcc-lt-sec .gpcc-text {
        font-size: 38px !important;
        background-color: #fff !important
    }

    .gpcc-calculator-section .gpcc-lt-sec .slidecontainer {
        margin: 0 0 24px 0
    }
}

.gpcc-calculator-section .gpcc-rt-sec {
    background-color: #fff
}

.gpcc-calculator-section .gpcc-rt-sec .cashback-stmt {
    font-family: Syfsans-md;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-calculator-section .gpcc-rt-sec .para-dis {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000
}

.gpcc-calculator-section .gpcc-rt-sec .gpcc-field-cashback {
    font-family: SyfSans-md;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43
}

@media (min-width:992px) {
    .gpcc-calculator-section .gpcc-rt-sec {
        margin: 0
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-img-container {
        height: 70px !important;
        width: 70px !important;
        margin: 70px 78.4% 104px 11.7% !important
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-mob-img-container {
        display: none
    }

    .gpcc-calculator-section .gpcc-rt-sec .field-pos {
        margin: 0 0 0 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-pos {
        margin: 16px 0 11px 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cash-text-pos {
        margin: 0 17.4% 91px 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-field-cashback {
        max-width: 223px;
        max-height: 135px;
        font-size: 120px
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-stmt {
        max-width: 497px;
        height: 22px;
        font-size: 20px;
        font-weight: 500
    }

    .gpcc-calculator-section .gpcc-rt-sec .totalcashback {
        margin-bottom: 10px;
        height: 24px;
        background-color: #fbc600;
        padding: 3px
    }

    .gpcc-calculator-section .gpcc-rt-sec .para-dis {
        font-size: 16px;
        line-height: 1.25
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-calculator-section .gpcc-rt-sec {
        margin: 0
    }

    .gpcc-calculator-section .gpcc-rt-sec .field-pos {
        margin: 0 0 0 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-pos {
        margin: 36px 0 9px 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cash-text-pos {
        margin: 0 84px 40px 11%
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-img-container {
        height: 72px !important;
        width: 72px !important;
        margin: 40px 71.9% 72px 10.8% !important
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-field-cashback {
        max-width: 149px;
        max-height: 90px;
        font-size: 80px
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-stmt {
        max-width: 497px;
        height: 22px;
        font-size: 16px;
        font-weight: 500
    }

    .gpcc-calculator-section .gpcc-rt-sec .totalcashback {
        margin-bottom: 24px;
        height: 24px;
        background-color: #fbc600;
        padding: 3px
    }

    .gpcc-calculator-section .gpcc-rt-sec .para-dis {
        font-size: 16px;
        line-height: 1.25
    }
}

@media (max-width:767px) {
    .gpcc-calculator-section .gpcc-rt-sec {
        background-color: #fff !important;
        margin-left: 4.6%;
        margin-right: 4%;
        padding-left: 0
    }

    .gpcc-calculator-section .gpcc-rt-sec .field-pos {
        margin: 0 0 0 6%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-pos {
        margin: 10px 0 9px 6%
    }

    .gpcc-calculator-section .gpcc-rt-sec .cash-text-pos {
        margin: 0 0 40px 6%
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-img-container {
        display: none
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-mob-img-container {
        height: 41px !important;
        width: 41px !important;
        margin-top: 26px;
        margin-bottom: 26px
    }

    .gpcc-calculator-section .gpcc-rt-sec .gpcc-field-cashback {
        max-width: 149px;
        max-height: 90px;
        font-size: 80px
    }

    .gpcc-calculator-section .gpcc-rt-sec .cashback-stmt {
        max-width: 292px;
        height: 36px;
        font-size: 16px;
        font-weight: 500
    }

    .gpcc-calculator-section .gpcc-rt-sec .totalcashback {
        margin-bottom: 15px;
        height: 24px;
        background-color: #fbc600;
        padding: 3px
    }

    .gpcc-calculator-section .gpcc-rt-sec .para-dis {
        font-size: 16px;
        line-height: 1.25
    }
}

.gpcc-header {
    background-color: #005e8a;
    width: 100%
}

.gpcc-header .banner-sub-head-1 {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fbc600
}

.gpcc-header .banner-sub-head-2 {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff
}

.gpcc-header .public-banner-sub-head-2 {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff
}

.gpcc-header .banner-head-1 {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff
}

.gpcc-header .public-banner-head-1 {
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff
}

.gpcc-header .banner-para {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff
}

.gpcc-header .public-banner-para {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff
}

.gpcc-header .banner-number {
    width: 300px;
    height: 64px;
    font-family: SyfSans;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fbc600
}

.gpcc-header .call-link {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .37px;
    color: #3b3c43;
    padding-top: 18px
}

.gpcc-header .mob-pos {
    display: none
}

@media (min-width:1700px) {
    .gpcc-header {
        height: 1198px
    }

    .gpcc-header .mob-pos {
        display: none
    }

    .gpcc-header .no-space {
        padding: 0;
        margin: 0
    }

    .gpcc-header .top-pos {
        padding-top: 146px;
        padding-left: 10%
    }

    .gpcc-header .public-top-pos {
        padding-top: 198px
    }

    .gpcc-header .gpcc-banner-image {
        max-width: 600px;
        max-height: 700px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .gpcc-header .right-trans {
        padding-top: 34px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .public-right-trans {
        padding-top: 39px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .left-trans {
        padding: 0
    }

    .gpcc-header .banner-sub-head-1 {
        max-width: 523px;
        height: 36px;
        font-size: 28px;
        line-height: normal;
        margin-bottom: 10px
    }

    .gpcc-header .banner-sub-head-2 {
        max-width: 523px;
        font-size: 28px;
        line-height: 1.29;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        max-width: 523px;
        font-size: 28px;
        line-height: 1.29
    }

    .gpcc-header .banner-head-1 {
        max-width: 365px;
        font-size: 70px;
        line-height: 1.14
    }

    .gpcc-header .public-banner-head-1 {
        max-width: 347.4px;
        font-size: 60px;
        line-height: 1.03
    }

    .gpcc-header .banner-para {
        max-width: 500px;
        font-size: 24px;
        line-height: 1.29;
        margin-top: 16px;
        margin-bottom: 44px
    }

    .gpcc-header .public-banner-para {
        max-width: 523px;
        font-size: 28px;
        line-height: 1.29;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .gpcc-header .banner-number {
        max-width: 300px;
        height: 64px;
        font-size: 24px
    }

    .gpcc-header .banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        height: auto;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 60%;
        margin-top: 30px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .banner-credit-svg {
        width: 400px;
        height: 250px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 40%;
        margin-top: 20px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .email-banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 40%;
        margin-top: 20px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .gpcc-call-button {
        width: 281px;
        height: 59.9px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center;
        cursor: pointer
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 281px;
        height: 59.9px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center;
        cursor: pointer
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 18px;
        cursor: pointer
    }
}

@media (min-width:992px) and (max-width:1699px) {
    .gpcc-header {
        height: 1198px
    }

    .gpcc-header .top-pos {
        padding-top: 146px
    }

    .gpcc-header .public-top-pos {
        padding-top: 198px
    }

    .gpcc-header .gpcc-banner-image {
        max-width: 600px;
        max-height: 700px;
        width: auto;
        height: auto;
        float: right;
        object-fit: contain
    }

    .gpcc-header .right-trans {
        padding-top: 34px
    }

    .gpcc-header .public-right-trans {
        padding-top: 39px
    }

    .gpcc-header .left-trans {
        padding: 0
    }

    .gpcc-header .banner-sub-head-1 {
        max-width: 523px;
        font-size: 28px;
        line-height: normal;
        margin-bottom: 10px
    }

    .gpcc-header .banner-sub-head-2 {
        max-width: 523px;
        font-size: 28px;
        line-height: normal;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        max-width: 523px;
        font-size: 28px;
        line-height: 1.29
    }

    .gpcc-header .banner-para {
        max-width: 500px;
        font-size: 24px;
        line-height: 1.29;
        margin-top: 16px;
        margin-bottom: 44px
    }

    .gpcc-header .public-banner-para {
        max-width: 523px;
        font-size: 28px;
        line-height: 1.29;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .gpcc-header .banner-number {
        max-width: 300px;
        height: 64px;
        font-size: 24px
    }

    .gpcc-header .gpcc-call-button {
        width: 281px;
        height: 59.9px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center;
        cursor: pointer
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 281px;
        height: 59.9px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center;
        cursor: pointer
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 18px;
        cursor: pointer
    }
}

@media (min-width:1201px) and (max-width:1699px) {
    .gpcc-header .mob-pos {
        display: none
    }

    .gpcc-header .banner-head-1 {
        max-width: 365px;
        font-size: 70px;
        line-height: 1.14
    }

    .gpcc-header .public-banner-head-1 {
        max-width: 347.4px;
        font-size: 60px;
        line-height: 1.03
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .gpcc-header .mob-pos {
        display: none
    }

    .gpcc-header .banner-head-1 {
        max-width: 347.4px;
        font-size: 70px;
        line-height: 1.14
    }

    .gpcc-header .public-banner-head-1 {
        max-width: 347.4px;
        font-size: 60px;
        line-height: 1.03;
        letter-spacing: 0 !important
    }

    .gpcc-header .banner-para {
        max-width: 470px;
        font-size: 24px;
        line-height: 1.29;
        margin-top: 16px;
        margin-bottom: 44px
    }
}

@media (min-width:992px) and (max-width:1399px) {
    .gpcc-header .banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 65%;
        margin-top: -30px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .banner-credit-svg {
        width: 400px;
        height: 250px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 60%;
        margin-top: -40px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .email-banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 60%;
        margin-top: -70px;
        position: relative;
        z-index: 999
    }
}

@media (min-width:1400px) and (max-width:1700px) {
    .gpcc-header .banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 65%;
        margin-top: -30px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .banner-credit-svg {
        width: 400px;
        height: 250px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 66%;
        position: relative;
        z-index: 999
    }

    .gpcc-header .email-banner-credit {
        width: 398.4px;
        height: 250.9px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 74%;
        margin-top: -70px;
        position: relative;
        z-index: 999
    }
}

@media (min-width:801px) and (max-width:991px) {
    .gpcc-header {
        height: 1000px
    }

    .gpcc-header .mob-pos {
        display: none
    }

    .gpcc-header .no-space {
        padding: 0;
        margin: 0
    }

    .gpcc-header .top-pos {
        padding-top: 138px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .public-top-pos {
        padding-top: 163px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .gpcc-banner-image {
        max-width: 374px;
        max-height: 436.4px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .gpcc-header .banner-sub-head-1 {
        min-width: 355px;
        min-height: 28px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
        margin-top: 27.4px
    }

    .gpcc-header .banner-sub-head-2 {
        min-width: 355px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        max-width: 442px;
        font-size: 20px;
        line-height: 1.8;
        margin-bottom: 0
    }

    .gpcc-header .banner-head-1 {
        max-width: 263px;
        font-size: 50px;
        line-height: normal;
        margin-bottom: 10px
    }

    .gpcc-header .public-banner-head-1 {
        min-width: 263px;
        font-size: 50px;
        line-height: normal;
        margin-top: 24.4px
    }

    .gpcc-header .banner-para {
        max-width: 355px;
        font-size: 24px;
        line-height: 1.29;
        margin-top: 30px;
        margin-bottom: 20px
    }

    .gpcc-header .public-banner-para {
        max-width: 389px;
        font-size: 24px;
        line-height: 1.5;
        margin-top: 30px;
        margin-bottom: 20px
    }

    .gpcc-header .banner-number {
        min-width: 292px;
        font-size: 20px
    }

    .gpcc-header .banner-credit {
        width: 279px;
        height: 175.7px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 85%;
        margin-top: -120px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .banner-credit-svg {
        width: 279px;
        height: 175.7px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 80%;
        position: relative;
        z-index: 999
    }

    .gpcc-header .col {
        padding: 0
    }

    .gpcc-header .gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 12px
    }
}

@media (min-width:400px) and (max-width:767px) {
    .gpcc-header {
        height: 727px
    }

    .gpcc-header .desk-pos {
        display: none
    }

    .gpcc-header .top-pos {
        padding-top: 105px
    }

    .gpcc-header .public-top-pos {
        padding-top: 105px
    }

    .gpcc-header .banner-number {
        display: none
    }

    .gpcc-header .left-trans {
        display: block;
        margin-top: 38px
    }

    .gpcc-header .gpcc-banner-image {
        display: block
    }

    .gpcc-header .right-trans {
        padding-top: 29px
    }

    .gpcc-header .public-right-trans {
        padding-top: 53px
    }

    .gpcc-header .banner-sub-head-1 {
        min-width: 355px;
        min-height: 36px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .banner-sub-head-2 {
        min-width: 355px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        min-width: 322px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.4;
        margin-top: 10px
    }

    .gpcc-header .banner-head-1 {
        max-width: 222px;
        font-size: 36px;
        line-height: normal;
        margin: 8px 0
    }

    .gpcc-header .public-banner-head-1 {
        min-width: 256px;
        font-size: 50px;
        line-height: 1.08;
        margin: 0
    }

    .gpcc-header .banner-para {
        min-width: 322px;
        font-size: 20px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 24px
    }

    .gpcc-header .public-banner-para {
        min-width: 322px;
        font-size: 20px;
        line-height: 1.67;
        margin-top: 0;
        margin-bottom: 40px
    }

    .gpcc-header .row {
        margin: 0
    }

    .gpcc-header .banner-credit {
        width: 143.6px;
        height: 90.5px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(15deg);
        margin-top: -30px
    }

    .gpcc-header .banner-credit-svg {
        width: 150.7px;
        height: 109.3px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 30%
    }

    .gpcc-header .gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 12px
    }
}

@media (min-width:568px) and (max-width:767px) {
    .gpcc-header .top-pos {
        padding-top: 105px;
        padding: 105px 14% 0
    }

    .gpcc-header .banner-credit {
        width: 143.6px;
        height: 90.5px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(15deg);
        margin-top: -30px;
        margin-left: 15%
    }

    .gpcc-header .gpcc-banner-image {
        margin: 0 14%
    }
}

@media (min-width:360px) and (max-width:399px) {
    .gpcc-header {
        height: 727px
    }

    .gpcc-header .desk-pos {
        display: none
    }

    .gpcc-header .top-pos {
        padding-top: 105px
    }

    .gpcc-header .public-top-pos {
        padding-top: 105px
    }

    .gpcc-header .banner-number {
        display: none
    }

    .gpcc-header .left-trans {
        display: block;
        margin-top: 38px
    }

    .gpcc-header .gpcc-banner-image {
        display: block
    }

    .gpcc-header .right-trans {
        padding-top: 29px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .public-right-trans {
        padding-top: 53px;
        padding-left: 0;
        padding-right: 0
    }

    .gpcc-header .banner-sub-head-1 {
        max-width: 355px;
        min-height: 36px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .banner-sub-head-2 {
        max-width: 355px;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        min-width: 322px;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0;
        margin-top: 10px
    }

    .gpcc-header .banner-head-1 {
        max-width: 222px;
        font-size: 36px;
        line-height: normal;
        margin: 8px 0
    }

    .gpcc-header .public-banner-head-1 {
        min-width: 256px;
        font-size: 50px;
        line-height: 1.08;
        margin: 0
    }

    .gpcc-header .banner-para {
        max-width: 300px;
        font-size: 20px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 24px
    }

    .gpcc-header .public-banner-para {
        max-width: 300px;
        font-size: 20px;
        line-height: 1.67;
        margin-top: 0;
        margin-bottom: 40px
    }

    .gpcc-header .row {
        margin: 0
    }

    .gpcc-header .banner-credit {
        width: 143.6px;
        height: 90.5px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(15deg);
        margin-top: -30px
    }

    .gpcc-header .banner-credit-svg {
        width: 150.7px;
        height: 109.3px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 25%;
        margin-top: -10px
    }

    .gpcc-header .gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .public-gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 12px
    }
}

@media (max-width:359px) {
    .gpcc-header {
        height: 727px
    }

    .gpcc-header .desk-pos {
        display: none
    }

    .gpcc-header .top-pos {
        padding-top: 105px;
        padding-right: 0;
        padding-left: 0
    }

    .gpcc-header .public-top-pos {
        padding-top: 105px;
        padding-right: 0;
        padding-left: 0
    }

    .gpcc-header .banner-number {
        display: none
    }

    .gpcc-header .left-trans {
        margin-top: 38px;
        display: block
    }

    .gpcc-header .gpcc-banner-image {
        display: block
    }

    .gpcc-header .right-trans {
        padding-top: 29px
    }

    .gpcc-header .public-right-trans {
        padding-top: 53px
    }

    .gpcc-header .banner-sub-head-1 {
        min-width: 355px;
        min-height: 36px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .banner-sub-head-2 {
        min-width: 355px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        min-width: 322px;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0;
        margin-top: 10px
    }

    .gpcc-header .banner-head-1 {
        max-width: 222px;
        font-size: 36px;
        line-height: normal;
        margin: 8px 0
    }

    .gpcc-header .public-banner-head-1 {
        font-size: 48px;
        line-height: 1.08;
        margin: 0
    }

    .gpcc-header .banner-para {
        max-width: 322px;
        font-size: 20px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 24px
    }

    .gpcc-header .public-banner-para {
        max-width: 322px;
        font-size: 20px;
        line-height: 1.67;
        margin-top: 0;
        margin-bottom: 40px
    }

    .gpcc-header .row {
        margin: 0
    }

    .gpcc-header .banner-credit {
        width: 143.6px;
        height: 90.5px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(15deg);
        margin-top: -30px
    }

    .gpcc-header .banner-credit-svg {
        width: 150.7px;
        height: 109.3px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 50%;
        margin-top: 20px
    }

    .gpcc-header .gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #f9c300;
        text-align: center
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 12px
    }
}

@media (min-width:768px) and (max-width:800px) {
    .gpcc-header {
        height: 1000px
    }

    .gpcc-header .mob-pos {
        display: none
    }

    .gpcc-header .no-space {
        padding: 0;
        margin: 0
    }

    .gpcc-header .top-pos {
        padding-top: 138px;
        width: 97%
    }

    .gpcc-header .public-top-pos {
        padding-top: 163px;
        width: 97%
    }

    .gpcc-header .gpcc-banner-image {
        max-width: 374px;
        max-height: 436.4px;
        object-fit: contain;
        width: auto;
        height: auto
    }

    .gpcc-header .banner-sub-head-1 {
        min-width: 355px;
        min-height: 28px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
        margin-top: 27.4px
    }

    .gpcc-header .banner-sub-head-2 {
        min-width: 355px;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0
    }

    .gpcc-header .public-banner-sub-head-2 {
        max-width: 442px;
        font-size: 20px;
        line-height: 1.8;
        margin-bottom: 0
    }

    .gpcc-header .banner-head-1 {
        max-width: 263px;
        font-size: 50px;
        line-height: normal;
        margin-bottom: 10px
    }

    .gpcc-header .public-banner-head-1 {
        min-width: 263px;
        font-size: 50px;
        line-height: normal;
        margin-top: 24.4px
    }

    .gpcc-header .banner-para {
        min-width: 355px;
        font-size: 24px;
        line-height: 1.29;
        margin-top: 30px;
        margin-bottom: 20px
    }

    .gpcc-header .public-banner-para {
        max-width: 389px;
        font-size: 24px;
        line-height: 1.5;
        margin-top: 30px;
        margin-bottom: 20px
    }

    .gpcc-header .banner-number {
        min-width: 294px;
        font-size: 20px
    }

    .gpcc-header .banner-credit {
        width: 279px;
        height: 175.7px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 84%;
        margin-top: -100px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .banner-credit-svg {
        width: 279px;
        height: 175.7px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(13deg);
        transform: rotate(13deg);
        margin-left: 90%;
        margin-top: -120px;
        position: relative;
        z-index: 999
    }

    .gpcc-header .col {
        padding: 0
    }

    .gpcc-header .gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .gpcc-call-button:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .gpcc-header .public-gpcc-call-button {
        width: 173px;
        height: 45px;
        border-radius: 2px;
        border: solid 2px #fbc600;
        background-color: #fbc600;
        text-align: center
    }

    .gpcc-header .public-call-link {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        color: #3b3c43;
        padding-top: 12px
    }

    .gpcc-header .left-trans {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .gpcc-header .mob-pos {
        display: block
    }

    .gpcc-header .desk-pos {
        display: none
    }
}

.gpcc-card-benefits {
    background-color: #f9f9f9
}

@media (min-width:1700px) {
    .gpcc-card-benefits {
        padding: 120px 0 144px 25%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        max-height: 400px
    }

    .gpcc-card-benefits .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px
    }

    .gpcc-card-benefits .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33
    }

    .gpcc-card-benefits .Gpcc-Cards-Rewards {
        margin-top: 80px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative
    }

    .gpcc-card-benefits .mob-pos {
        display: none
    }

    .gpcc-card-benefits .white-circle {
        width: 122px;
        height: 122px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative
    }

    .gpcc-card-benefits .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .gpcc-card-benefits .parent-img-container {
        position: relative
    }

    .gpcc-card-benefits .assoc-container {
        position: static;
        margin-left: -220px
    }

    .gpcc-card-benefits .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute
    }

    .gpcc-head .gpcc-label {
        /*
        position: absolute;
        width: 20.313rem;
        height: 16.188rem;
        top: 38.6rem;
        right: 1.25rem;
        padding: 1.5rem 1.5rem 1.5rem 1.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        z-index: 2
        */

        z-index: 2;
        position: absolute;
        width: 20.313rem;
        height: 19rem;
        top: 14rem;
        right: 8.25rem;
        padding: 2.5rem 2.5rem 2.5rem 2.469rem;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
    }

    .gpcc-head .gpcc-label .gpcc-label-text-size {
        width: 16.313rem;
        height: 1.75rem;
        margin: 0 0 .313rem .031rem;
        font-family: SyfSans;
        font-size: .95rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5
    }

    .gpcc-head .gpcc-label .gpcc-label-val {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-numeric {
        width: 2.875rem;
        height: 6.063rem;
        font-family: SyfSans;
        font-size: 6rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-percent {
        width: 2.625rem;
        height: 2.438rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-top: .5rem;
        margin-left: .1rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c39
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-cash {
        width: 5.563rem;
        height: 1.938rem;
        font-family: SyfSans;
        margin-top: .6rem;
        margin-left: 0rem;
        font-size: 2.2rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-label-val .gpcc-label-back {
        width: 5.438rem;
        height: 1.938rem;
        font-family: SyfSans;
        font-size: 2.2rem;
        margin-left: 6rem;
        margin-top: -4.5rem;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-head .gpcc-label .gpcc-annual-text-size {
        width: 10.5rem;
        height: 1.25rem;
        font-family: SyfSans;
        font-size: 1.2rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        margin-top: -1rem
    }

    .gpcc-head .gpcc-label .desk {
        display: block
    }

    .gpcc-head .gpcc-label .label-title-button {
        background-color: #fbc600 !important;
        width: 264px !important
    }
}

@media (max-width:1699px) and (min-width:1200px) {
    .gpcc-card-benefits {
        padding: 120px 0 144px 13.9%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        margin-left: 10%;
        max-height: 400px
    }

    .gpcc-card-benefits .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px
    }

    .gpcc-card-benefits .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33
    }

    .gpcc-card-benefits .Gpcc-Cards-Rewards {
        margin-top: 80px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative
    }

    .gpcc-card-benefits .mob-pos {
        display: none
    }

    .gpcc-card-benefits .white-circle {
        width: 122px;
        height: 122px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative
    }

    .gpcc-card-benefits .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .gpcc-card-benefits .parent-img-container {
        position: relative
    }

    .gpcc-card-benefits .assoc-container {
        position: static;
        margin-left: -120px
    }

    .gpcc-card-benefits .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .gpcc-card-benefits {
        padding: 40px 0 88px 7.2%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        margin-left: 20%;
        max-height: 200px;
        object-fit: contain
    }

    .gpcc-card-benefits .gpcc-zero-title {
        max-width: 275px;
        font-size: 28px;
        margin-bottom: 17px
    }

    .gpcc-card-benefits .gpcc-zero-para {
        max-width: 251px;
        font-size: 18px;
        line-height: 1.22
    }

    .gpcc-card-benefits .Gpcc-Cards-Rewards {
        max-width: 394px;
        max-height: 394px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 36px;
        position: relative
    }

    .gpcc-card-benefits .pos {
        margin-left: 7%
    }

    .gpcc-card-benefits .mob-pos {
        display: none
    }

    .gpcc-card-benefits .white-circle {
        width: 82px;
        height: 82px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 20px
    }

    .gpcc-card-benefits .yellow-circle {
        width: 180px;
        height: 180px;
        background-color: #fbc600;
        position: static;
        border-bottom-left-radius: 150px;
        border-top-left-radius: 150px;
        margin-top: -20px;
        margin-right: -40px
    }

    .gpcc-card-benefits .parent-img-container {
        position: relative;
        margin-left: 40px
    }

    .gpcc-card-benefits .assoc-container {
        position: static;
        margin-left: -60px
    }

    .gpcc-card-benefits .img-pos {
        overflow-x: hidden
    }

    .gpcc-card-benefits .gpcc-zero-wallet {
        font-size: 40px;
        line-height: .9;
        color: #fbc600;
        margin-top: 90px;
        margin-top: -165px;
        margin-left: 7%;
        position: absolute
    }
}

@media (max-width:1199px) and (min-width:991px) {
    .gpcc-card-benefits .yellow-circle {
        width: 180px;
        height: 180px;
        background-color: #fbc600;
        position: static;
        border-radius: 50%;
        margin-top: -20px;
        margin-right: 0;
        margin-left: -30%
    }

    .gpcc-card-benefits .white-circle {
        width: 82px;
        height: 82px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 0;
        margin-left: -30%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        margin-left: 20%;
        max-height: 200px;
        object-fit: fill
    }
}

@media (max-width:767px) {
    .gpcc-card-benefits {
        padding: 27px 0 88px 6.4%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        max-height: 110px;
        object-fit: contain
    }

    .gpcc-card-benefits .gpcc-zero-title {
        max-width: 275px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 8px;
        margin-left: 9.3%;
        margin-top: 35px
    }

    .gpcc-card-benefits .gpcc-zero-para {
        margin-left: 9.3%;
        max-width: 198px;
        font-size: 14px;
        line-height: 1.29
    }

    .gpcc-card-benefits .Gpcc-Cards-Rewards {
        max-width: 236px;
        max-height: 238px;
        width: auto;
        height: auto;
        object-fit: contain;
        float: right;
        margin-right: -40px
    }

    .gpcc-card-benefits .mob-pos {
        display: block
    }

    .gpcc-card-benefits .desk-pos {
        display: none
    }

    .gpcc-card-benefits .white-circle {
        width: 44px;
        height: 44px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 20px
    }

    .gpcc-card-benefits .yellow-circle {
        width: 80px;
        height: 80px;
        background-color: #fbc600;
        position: static;
        border-radius: 50%
    }

    .gpcc-card-benefits .parent-img-container {
        position: relative;
        margin-left: 10px;
        margin-top: 50px
    }

    .gpcc-card-benefits .assoc-container {
        position: static;
        margin-top: -85%;
        margin-left: 74%
    }

    .gpcc-card-benefits .img-pos {
        overflow-x: hidden;
        margin-top: -50px
    }

    .gpcc-card-benefits .gpcc-zero-wallet {
        font-size: 24px;
        line-height: 1.33;
        color: #fbc600;
        margin-top: -100px;
        max-width: 221px;
        position: absolute;
        margin-left: 35px
    }
}

@media (max-width:767px) and (min-width:420px) {
    .gpcc-card-benefits {
        padding: 27px 0 88px 15.7%
    }

    .gpcc-card-benefits .parent-img-container {
        margin-top: 70px
    }

    .gpcc-card-benefits .assoc-container {
        margin-top: -52%
    }

    .gpcc-card-benefits .gpcc-zero-wallet {
        margin-left: 38%
    }

    .gpcc-card-benefits .gpcc-zero-img {
        max-height: none
    }
}

.gpcc-card-benefits-sec {
    background-color: #fff
}

@media (min-width:1700px) {
    .gpcc-card-benefits-sec {
        padding: 113px 20.6% 144px 19.4%
    }

    .gpcc-card-benefits-sec .gpcc-card-img {
        max-width: 450px;
        max-height: 450px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-title {
        font-size: 40px;
        max-width: 410px;
        line-height: 1.1;
        margin-top: 83px;
        margin-left: 70px;
        margin-bottom: 0
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 0;
        margin-top: 30px;
        margin-left: 70px
    }
}

@media (max-width:1699px) and (min-width:1200px) {
    .gpcc-card-benefits-sec {
        padding: 113px 20.6% 144px 9.5%
    }

    .gpcc-card-benefits-sec .gpcc-card-img {
        max-width: 450px;
        max-height: 450px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-title {
        font-size: 40px;
        max-width: 410px;
        line-height: 1.1;
        margin-top: 83px;
        margin-left: 94px;
        margin-bottom: 0
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 397px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 0;
        margin-top: 30px;
        margin-left: 94px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .gpcc-card-benefits-sec {
        padding: 88px 10.3% 88px
    }

    .gpcc-card-benefits-sec .gpcc-card-img {
        max-width: 288px;
        max-height: 288px;
        width: auto;
        height: auto;
        object-fit: contain
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-title {
        font-size: 28px;
        max-width: 397px;
        margin-top: 47px;
        margin-left: 46px;
        margin-bottom: 0
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 410px;
        font-size: 18px;
        margin-left: 46px;
        margin-bottom: 0;
        margin-top: 17px
    }
}

@media (max-width:1199px) and (min-width:991px) {
    .gpcc-card-benefits-sec .gpcc-card-benefit-title {
        max-width: 397px;
        margin-top: 70px;
        margin-left: 0;
        margin-bottom: 0
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 410px;
        font-size: 18px;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 17px
    }

    .gpcc-card-benefits-sec .gpcc-card-img {
        margin-left: 50px
    }
}

@media (max-width:767px) {
    .gpcc-card-benefits-sec {
        padding: 0 0 53px 15.7%
    }

    .gpcc-card-benefits-sec .gpcc-card-img {
        max-width: 166px;
        max-height: 212px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: -125px;
        float: right
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-title {
        font-size: 24px;
        max-width: 216px;
        line-height: 1.33;
        margin-bottom: 0
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 226px;
        font-size: 14px;
        line-height: 1.33;
        margin-bottom: 0;
        margin-top: 10px
    }
}

@media (max-width:767px) and (min-width:420px) {
    .gpcc-card-benefits-sec {
        padding: 0 0 58px 23.7%
    }

    .gpcc-card-benefits-sec .gpcc-card-benefit-para {
        max-width: 70%
    }
}

@media (min-width:1700px) {
    .contactless {
        padding: 130px 19.4% 0 19.4%
    }

    .contactless .left-sec {
        background-color: #006899
    }

    .contactless .top-sec {
        display: none
    }

    .contactless .contactless-title {
        margin: 120px 0 30px 16.9%;
        max-width: 365px;
        font-size: 40px;
        line-height: 1.1;
        color: #fff
    }

    .contactless .contactless-para {
        margin: 0 0 0 16.9%;
        max-width: 346px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .contactless .contactless-img-container {
        max-width: 611px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    .contactless {
        padding: 0 6.7%
    }

    .contactless .left-sec {
        background-color: #006899
    }

    .contactless .top-sec {
        display: none
    }

    .contactless .contactless-title {
        margin: 120px 0 30px 16.9%;
        max-width: 365px;
        font-size: 40px;
        line-height: 1.1;
        color: #fff
    }

    .contactless .contactless-para {
        margin: 0 0 0 16.9%;
        max-width: 346px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .contactless .contactless-img-container {
        max-width: 611px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .contactless {
        padding: 0 7.2% 0 7.2%
    }

    .contactless .left-sec {
        background-color: #006899
    }

    .contactless .top-sec {
        display: none
    }

    .contactless .contactless-title {
        margin: 46px 0 17px 17%;
        max-width: 206px;
        font-size: 28px;
        color: #fff
    }

    .contactless .contactless-para {
        margin: 0 0 0 17%;
        max-width: 263px;
        font-size: 18px;
        line-height: 1.22;
        color: #fff
    }

    .contactless .contactless-img-container {
        max-width: 343px;
        max-height: 283px;
        width: auto;
        height: auto;
        object-fit: contain
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .contactless {
        padding: 0 7.2% 0 14%
    }
}

@media (max-width:767px) {
    .contactless .left-sec {
        background-color: #006899
    }

    .contactless .top-sec {
        display: block
    }

    .contactless .right-sec {
        display: none
    }

    .contactless .contactless-title {
        margin: 63px 0 8px 15.5%;
        max-width: 206px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .contactless .contactless-para {
        margin: 0 24.8% 64px 15.5%;
        max-width: 263px;
        font-size: 14px;
        line-height: 1.29;
        color: #fff
    }

    .contactless .contactless-img-container {
        width: auto;
        height: auto;
        object-fit: contain
    }
}

@media (min-width:568px) and (max-width:767px) {
    .contactless .contactless-title {
        margin: 63px 0 8px 15.5%;
        max-width: none;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .contactless .contactless-para {
        margin: 0 24.8% 64px 15.5%;
        max-width: none;
        font-size: 14px;
        line-height: 1.29;
        color: #fff
    }
}

.gpcc-faq-support {
    padding-top: 79px;
    background: #fff
}

.gpcc-faq-support .container-fluid {
    width: 100%;
    overflow: hidden
}

.gpcc-faq-support .hidden {
    display: none
}

.gpcc-faq-support .Oval {
    width: 10px;
    height: 10px;
    background-color: #006899;
    display: inline-block;
    border-radius: 50%
}

.gpcc-faq-support .faq-chat-not-available {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #006899
}

.gpccs-faq {
    background: #fff
}

.gpccs-faq .accordion-header {
    padding-right: 0
}

.gpccs-faq .accordion-header button {
    font-family: SyfSans;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    cursor: pointer;
    padding-right: 68px;
    padding-top: 1 rem;
    padding-bottom: 1 rem;
    border: 0;
    background: #fff;
    text-align: left;
    width: 100%;
    padding-left: .5px;
    outline: 0
}

.gpccs-faq .accordion-header button span {
    color: #3b3c43
}

.gpccs-faq .gpcc-page-faq-view-more-button-container a {
    position: relative;
    width: 249px;
    background: 0 0;
    border: none;
    text-align: left
}

@media (max-width:767px) {
    .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 6px;
        left: 150px
    }
}

@media (min-width:768px) {
    .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 7px;
        left: 150px
    }
}

@media (min-width:1100px) {
    .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 7px;
        right: 33px;
        left: auto
    }
}

@media (min-width:768px) {
    .gpccs-faq .accordion-header button {
        padding-right: 53px;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        outline: 0
    }
}

@media (max-width:767px) {
    .gpccs-faq .accordion-header button {
        padding-right: 58px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        outline: 0
    }

    .gpccs-faq .gpcc-page-faq-view-more-button-container {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.gpcc-faq-component-react-app {
    background: #fafafa
}

.gpcc-page-faq-section-wrapper {
    width: 100%;
    margin: auto
}

@media (max-width:767px) {
    .gpcc-page-faq-section-wrapper {
        padding-left: 2px;
        padding-right: 2px
    }
}

.gpcc-page-faq-section-wrapper .faq-questions-wrapper {
    margin-bottom: 0
}

.gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card {
    padding-top: 0;
    padding-bottom: 0
}

.gpcc-page-faq-section-wrapper .faq-questions-wrapper .faq0 table {
    width: 449px
}

@media (max-width:768px) {
    .gpcc-page-faq-section-wrapper .faq-questions-wrapper .faq0 table {
        width: 100%
    }
}

.card-body.gpcc-faq-component-answers {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3b3c43;
    padding-left: 0
}

.gpcc-faq-item-text {
    font-family: SyfSans;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-page-faq-section-title-container {
    width: 100%;
    padding-bottom: 18px
}

.gpcc-page-faq-section-title .title-text {
    font-size: 40px
}

.gpcc-page-faq-section-title .title-img img {
    width: 40px;
    height: 40px
}

.gpcc-page-faq-section-title {
    font-family: SyfSans;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.04;
    letter-spacing: normal;
    color: #3b3c43;
    position: relative
}

.gpcc-page-faq-section-title .title-img {
    position: absolute;
    top: 9px
}

@media (max-width:767px) {
    .gpcc-page-faq-section-title .title-img {
        top: 1px
    }
}

@media (min-width:768px) {
    .gpcc-page-faq-section-title .title-img {
        top: -4px
    }
}

@media (min-width:1100px) {
    .gpcc-page-faq-section-title .title-img {
        top: -4px
    }
}

.gpcc-page-faq-section-title .title-text {
    padding-left: 48px
}

@media (max-width:767px) {
    .gpcc-page-faq-section-title .title-text {
        padding-left: 53px;
        font-size: 28px
    }
}

@media (min-width:768px) {
    .gpcc-page-faq-section-title .title-text {
        padding-left: 52px
    }
}

@media (min-width:1100px) {
    .gpcc-page-faq-section-title .title-text {
        padding-left: 78px
    }
}

.gpcc-page-faq-view-more-button-container .more-text {
    font-family: SyfSans;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: .75;
    letter-spacing: normal;
    color: #006899
}

.gpcc-page-faq-view-more-button-container .more-text:hover {
    color: #01426a
}

.gpcc-page-faq-view-more-button-container .more-text:focus {
    color: #01426a
}

.gpcc-page-faq-view-more-button-container {
    padding-top: 44px;
    padding-bottom: 98px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button {
    -webkit-appearance: none;
    width: 250px;
    height: 50px;
    border-radius: 2px;
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .4px;
    text-align: center;
    color: #fff;
    padding-top: 16px
}

.gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button:hover {
    background-color: #01426a;
    border: solid 2px #01426a;
    padding-top: 15px
}

.gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button:focus {
    background-color: #01426a;
    border: solid 2px #01426a
}

.gpcc-page-contact-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 24px
}

.gpcc-page-contact-icon.cc-icon-1 {
    margin-bottom: 33px
}

@media (min-width:1100px) {
    .gpcc-page-contact-icon {
        margin-bottom: 0
    }

    .gpcc-page-contact-icon.cc-icon-1 {
        margin-bottom: 37px
    }
}

@media (max-width:767px) {
    .gpcc-page-faq-section-title .title-text {
        font-size: 28px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        padding-left: 53px
    }

    .gpcc-faq-support {
        padding-top: 89px
    }

    .gpcc-page-faq-section-title-container {
        padding-bottom: 19px
    }
}

@media (min-width:768px) {
    .gpcc-faq-support {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .gpcc-page-faq-section-wrapper {
        width: 100%;
        padding-left: 36px;
        padding-right: 6px
    }

    .gpcc-page-faq-section-title-container {
        padding-top: 30px;
        padding-bottom: 36px
    }

    .gpcc-page-faq-section-title {
        font-size: 40px;
        line-height: 1.5;
        letter-spacing: 1px
    }

    .card-body.gpcc-faq-component-answers {
        font-family: SyfSans-normal;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-faq-item-text {
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-faq-view-more-button-container {
        padding-top: 24px;
        padding-bottom: 109px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:992px) {
    .gpcc-faq-support .gpcc-page-faq-section-wrapper {
        padding-left: 138px
    }
}

@media (min-width:1100px) and (max-width:1439px) {
    .gpcc-faq-support .gpcc-page-faq-section-wrapper {
        padding-right: 132px;
        padding-top: 57px
    }
}

@media (min-width:1100px) {
    .gpcc-faq-support .gpcc-page-faq-view-more-button-container {
        padding-bottom: 158px
    }
}

@media (min-width:1440px) {
    .gpcc-faq-support .gpcc-page-faq-view-more-button-container {
        padding-bottom: 158px
    }

    .gpcc-faq-support .gpcc-page-contact-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 0
    }

    .gpcc-faq-support .gpcc-page-contact-icon.cc-icon-1 {
        margin-bottom: 37px
    }
}

.gpcc-page-faq-view-more-button-container .more-text {
    font-size: 18px;
    line-height: 1
}

@media (min-width:992px) {
    .gpcc-faq-support .gpcc-page-faq-section-title-container {
        padding-bottom: 50px
    }
}

@media (min-width:1100px) {
    .gpcc-faq-support {
        padding-top: 28px
    }

    .gpcc-faq-support .gpcc-page-faq-section-wrapper {
        width: 100%;
        padding-left: 138px;
        padding-right: 63px;
        padding-top: 57px
    }

    .gpcc-faq-support .gpcc-page-faq-section-title-container {
        padding-bottom: 50px;
        padding-top: 0
    }

    .gpcc-faq-support .gpcc-page-faq-view-more-button-container {
        padding-top: 28px;
        padding-bottom: 49px
    }

    .gpcc-faq-support .accordion-header {
        padding-right: 0
    }

    .gpcc-faq-support .accordion-header button {
        font-family: SyfSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        cursor: pointer;
        padding-right: 68px;
        outline: 0
    }
}

a.faq-open-btn:focus img {
    border: 1px solid #007bff
}

.gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card .card-body ul {
    margin-left: 18px
}

.gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card .card-body ul li {
    font-family: SyfSans-normal
}

@media (min-width:1100px) {
    .gpcc-page-faq-section-title .title-text {
        font-size: 60px;
        line-height: 1;
        letter-spacing: 1px
    }

    .gpcc-page-faq-section-title .title-img img {
        width: 53px;
        height: 53px
    }

    .gpcc-page-faq-view-more-button-container .more-text {
        font-size: 24px;
        line-height: .75
    }
}

.gpcc-page-contact-container {
    background: #f9f9f9
}

.gpcc-page-contact-wrapper {
    background: #f9f9f9
}

.gpcc-page-contact-wrapper .gpcc-page-contact-title {
    font-family: SyfSans;
    font-size: 34px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-page-contact-wrapper .gpcc-page-card-title {
    font-family: SyfSans;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43;
    margin-bottom: 0;
    padding-bottom: 6px
}

.gpcc-page-contact-wrapper .gpcc-card-contact-number * {
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-page-contact-wrapper .gpcc-card-contact-detail {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-page-contact-wrapper .gcc-card-agent-available .available * {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #3e8529
}

.gpcc-page-contact-wrapper .gcc-card-agent-available img {
    display: none
}

.gpcc-page-contact-wrapper .gpcc-page-contact-card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 30px 30px 70px 0 rgba(216, 216, 216, .6);
    background-color: #fff;
    padding: 24px 30px;
    min-height: 198px
}

@media (max-width:767px) {
    .gpcc-page-contact-wrapper .gpcc-page-contact-card {
        padding: 24px 30px 32px
    }
}

@media (max-width:767px) {
    .gpcc-page-contact-wrapper {
        padding: 60px 10px 30px 10px
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title {
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        padding-bottom: 21px;
        margin-bottom: 0;
        padding-top: 0
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title.gpcc-page-contact-title-1 {
        padding-top: 32px;
        padding-bottom: 11px
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title {
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title.gpcc-page-contact-title-1 {
        padding-top: 40px
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-number * {
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-detail {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gcc-card-agent-available a {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-card.cc-1 {
        padding-bottom: 52px
    }
}

@media (max-width:360px) {
    .gpcc-page-contact-wrapper .gpcc-page-contact-title {
        font-size: 24px
    }
}

@media (min-width:768px) {
    .gpcc-page-contact-wrapper {
        padding: 60px 30px 60px
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title {
        font-size: 30px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        margin-bottom: 0;
        padding-bottom: 21px;
        width: 324px;
        margin: auto
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title.gpcc-page-contact-title-1 {
        padding-top: 40px;
        padding-bottom: 11px
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title {
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title.gpcc-page-card-title-1 {
        padding-bottom: 0
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-card {
        width: 324px;
        margin: auto;
        padding: 24px 24px
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-card.cc-1 {
        padding-bottom: 52px
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-number * {
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-detail {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43;
        padding-top: 3px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .gpcc-page-contact-wrapper {
        padding: 60px 0 60px 0
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .gpcc-page-contact-wrapper {
        padding-left: 15px
    }
}

@media (min-width:1100px) {
    .gpcc-page-contact-wrapper {
        padding: 81px 45px 86px 30px
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title {
        font-family: SyfSans;
        font-size: 36px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.76;
        letter-spacing: normal;
        margin-bottom: 0;
        padding-bottom: 19px;
        width: 376px;
        margin: auto
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-title.gpcc-page-contact-title-1 {
        padding-top: 50px;
        width: 400px;
        padding-left: 3px;
        padding-bottom: 20px
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title {
        font-family: SyfSans;
        font-size: 28px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3b3c43;
        padding-top: 19px;
        margin-bottom: 0;
        padding-bottom: 6px
    }

    .gpcc-page-contact-wrapper .gpcc-page-card-title.gpcc-page-card-title-1 {
        padding-bottom: 0
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-number * {
        font-family: SyfSans-md;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-page-contact-wrapper .gpcc-card-contact-detail {
        font-family: SyfSans-normal;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #3b3c43;
        padding-top: 3px
    }

    .gpcc-page-contact-wrapper .gcc-card-agent-available a {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        color: #3e8529
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-card {
        width: 376px;
        min-height: 198px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 30px 30px 70px 0 rgba(216, 216, 216, .6);
        background-color: #fff;
        padding: 24px
    }

    .gpcc-page-contact-wrapper .gpcc-page-contact-card.cc-1 {
        padding: 24px
    }
}

@media (min-width:1300px) {
    .gpcc-page-contact-wrapper {
        padding: 81px 60px 86px 45px
    }
}

@media (min-width:1440px) {
    .gpcc-page-contact-wrapper {
        padding: 81px 100px 86px 100px
    }
}

.gpcc-card-contact-number span {
    display: block
}

.gpcc-card-contact-number a {
    display: none
}

.mob-os .gpcc-card-contact-number a {
    display: block
}

.mob-os .gpcc-card-contact-number span {
    display: none
}

.title-text {
    padding: 0 !important
}

@-moz-document url-prefix() {
    @media (min-width:1400px) {
        .accordion-header button {
            width: 41.725rem !important
        }
    }
}

.gpcc-faq-email-card {
    padding-top: 92px;
    background: #fff
}

.gpcc-faq-email-card>.container-fluid {
    max-width: 1440px
}

.gpcc-faq-email-card .card-border {
    border: 1px solid #e9eae8;
    margin-bottom: 1rem;
    padding: 0 1rem
}

@media (max-width:767px) {
    .gpcc-faq-email-card {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 44px
    }
}

@media (min-width:768px) {
    .gpcc-faq-email-card {
        padding-top: 50px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card {
        padding-top: 90px
    }
}

.gpcc-faq-email-card .container-fluid {
    width: 100%;
    overflow: hidden
}

.gpcc-faq-email-card .hidden {
    display: none
}

.gpcc-faq-email-card .gpccs-faq {
    background: #fff
}

.gpcc-faq-email-card .gpccs-faq .accordion-header {
    padding-right: 0
}

.gpcc-faq-email-card .gpccs-faq .accordion-header button {
    width: 16.375rem;
    font-family: SyfSans;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    cursor: pointer;
    padding-right: 68px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: 0;
    background: #fff;
    text-align: left;
    width: 100%;
    padding-left: .5px;
    vertical-align: middle
}

.gpcc-faq-email-card .gpccs-faq .accordion-header button span {
    color: #3b3c43
}

.gpcc-faq-email-card .gpccs-faq .accordion-header button:focus {
    outline: 0
}

.gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container a {
    position: relative;
    width: 249px;
    background: 0 0;
    border: none;
    text-align: left
}

@media (max-width:767px) {
    .gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 6px;
        left: 150px
    }
}

@media (min-width:768px) {
    .gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 7px;
        left: 150px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container a .more-arrow img {
        top: 7px;
        right: 33px;
        left: auto
    }
}

.gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container a:hover {
    text-decoration: none
}

@media (min-width:768px) {
    .gpcc-faq-email-card .gpccs-faq .accordion-header button {
        padding-right: 53px;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        vertical-align: middle
    }
}

@media (max-width:430px) {
    .gpcc-faq-email-card .gpccs-faq .accordion-header button {
        vertical-align: middle
    }
}

@media (max-width:767px) {
    .gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-section-title {
        text-align: center
    }

    .gpcc-faq-email-card .gpccs-faq .accordion-header button {
        padding-right: 58px;
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        vertical-align: middle
    }

    .gpcc-faq-email-card .gpccs-faq .gpcc-page-faq-view-more-button-container {
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 40px;
        padding-top: 25px;
        padding-left: 100px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpccs-faq .accordion-header {
        padding-right: 0
    }

    .gpcc-faq-email-card .gpccs-faq .accordion-header button {
        width: 40.725rem;
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        cursor: pointer;
        padding-right: 68px;
        padding-left: 5px;
        vertical-align: middle
    }
}

.gpcc-faq-email-card .gpcc-faq-component-react-app {
    background: #fafafa
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
    width: 100%;
    margin: auto
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper {
    margin-bottom: 0
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card {
    padding-top: 0;
    padding-bottom: 0
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper .faq0 table {
    width: 449px
}

@media (max-width:768px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper .faq0 table {
        width: 100%
    }
}

.gpcc-faq-email-card .card-body.gpcc-faq-component-answers {
    font-family: SyfSans-normal;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3b3c43;
    padding-left: 0
}

.gpcc-faq-email-card .gpcc-faq-item-text {
    font-family: SyfSans;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3b3c43
}

.gpcc-faq-email-card .gpcc-page-faq-section-title-container {
    width: 100%;
    padding-bottom: 18px
}

.gpcc-faq-email-card .gpcc-page-faq-section-title {
    font-family: SyfSans;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.04;
    letter-spacing: normal;
    color: #3b3c43;
    position: relative
}

.gpcc-faq-email-card .gpcc-page-faq-section-title .title-img {
    position: absolute;
    top: 9px
}

@media (min-width:768px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-img {
        top: -4px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-img {
        top: 1px
    }
}

.gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
    padding-left: 48px
}

@media (min-width:767px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        padding-left: 53px
    }
}

@media (min-width:768px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        padding-left: 52px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        padding-left: 78px
    }
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .more-text {
    font-family: SyfSans;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: .75;
    letter-spacing: normal;
    color: #006899
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .more-text:hover {
    color: #01426a
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .more-text:focus {
    color: #01426a
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container {
    padding-top: 44px;
    padding-bottom: 98px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button {
    -webkit-appearance: none;
    width: 250px;
    height: 50px;
    border-radius: 2px;
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .4px;
    text-align: center;
    color: #fff;
    padding-top: 16px
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button:hover {
    background-color: #01426a;
    border: solid 2px #01426a;
    padding-top: 15px
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .gpcc-page-faq-view-more-button:focus {
    background-color: #01426a;
    border: solid 2px #01426a
}

.gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
    font-size: 40px
}

.gpcc-faq-email-card .gpcc-page-faq-section-title .title-img img {
    width: 40px;
    height: 40px
}

@media (max-width:767px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 2px;
        padding-right: 2px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        font-size: 28px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 1px;
        padding-left: 53px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-img {
        top: 1px
    }

    .gpcc-faq-email-card .gpcc-faq-support {
        padding-top: 74px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title-container {
        padding-bottom: 12px
    }
}

@media (min-width:768px) {
    .gpcc-faq-email-card .gpcc-faq-support {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title-container {
        padding-top: 30px;
        padding-bottom: 56px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title {
        text-align: center;
        font-size: 40px;
        line-height: 1.25
    }

    .gpcc-faq-email-card .card-body.gpcc-faq-component-answers {
        font-family: SyfSans-normal;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-faq-email-card .gpcc-faq-item-text {
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.45;
        letter-spacing: normal;
        color: #3b3c43
    }

    .gpcc-faq-email-card .gpcc-page-faq-view-more-button-container {
        padding-top: 25px;
        padding-left: 100px;
        padding-bottom: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:990px) and (max-width:1190px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 230px !important;
        padding-right: 230px !important
    }

    .gpcc-faq-email-card .accordion-header button {
        width: 32.125rem;
        vertical-align: middle
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 330px !important;
        padding-right: 330px !important
    }
}

@media (min-width:1700px) {
    .gpcc-faq-email-card .accordion-header button {
        width: 42.125rem !important;
        vertical-align: middle
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 370px;
        padding-right: 370px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title-container {
        padding-bottom: 36px
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        font-size: 60px
    }
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-page-faq-view-more-button-container {
        padding-bottom: 50px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 370px;
        padding-right: 370px
    }
}

.gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .more-text {
    font-size: 20px;
    line-height: 1
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-faq-support {
        padding-top: 79px
    }

    .gpcc-faq-email-card .gpcc-faq-support .gpcc-page-faq-section-wrapper {
        width: 100%;
        padding-left: 138px;
        padding-right: 78px;
        padding-top: 57px
    }

    .gpcc-faq-email-card .gpcc-faq-support .gpcc-page-faq-section-title-container {
        padding-bottom: 80px;
        padding-top: 0
    }

    .gpcc-faq-email-card .gpcc-faq-support .gpcc-page-faq-view-more-button-container {
        padding-top: 28px;
        padding-bottom: 49px
    }

    .gpcc-faq-email-card .card-body.gpcc-faq-component-answers {
        font-size: 18px
    }
}

@media (min-width:1920px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-wrapper {
        padding-left: 330px;
        padding-right: 330px
    }
}

.gpcc-faq-email-card a.faq-open-btn:focus img {
    border: 1px solid #007bff
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card .card-body ul {
    margin-left: 18px
}

.gpcc-faq-email-card .gpcc-page-faq-section-wrapper .faq-questions-wrapper .ac-card .card-body ul li {
    font-family: SyfSans-normal
}

@media (min-width:992px) {
    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-text {
        width: 4.9rem;
        height: 3.25rem;
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: 1px;
        font-family: SyfSans
    }

    .gpcc-faq-email-card .gpcc-page-faq-section-title .title-img img {
        width: 53px;
        height: 53px
    }

    .gpcc-faq-email-card .gpcc-page-faq-view-more-button-container .more-text {
        font-size: 20px;
        line-height: .75
    }
}

.gpcc-faq-email-card .gpccs-faq .accordion-header button:focus {
    outline-color: #000 !important;
    outline-style: auto;
    outline-width: initial
}

@media (min-width:991px) and (max-width:1050px) {
    .accordion-header button {
        width: 33.725rem !important;
        vertical-align: middle
    }
}

@media (min-width:950px) and (max-width:1100px) {
    .accordion-header button {
        margin-bottom: 10px;
        vertical-align: middle
    }
}

@media (min-width:1050px) and (max-width:1100px) {
    .accordion-header button {
        width: 36.725rem !important;
        vertical-align: middle
    }
}

@media (min-width:1100px) and (max-width:1198px) {
    .accordion-header button {
        width: 43.725rem !important;
        vertical-align: middle
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1200px) and (max-width:1380px) {
    .accordion-header button {
        width: 36.125rem !important;
        vertical-align: middle
    }
}

@-moz-document url-prefix() {
    @media (min-width:1200px) and (max-width:1300px) {
        .accordion-header button {
            width: 36.725rem !important;
            vertical-align: middle
        }
    }

    @media (min-width:1301px) and (max-width:1400px) {
        .accordion-header button {
            width: 37.325rem !important;
            vertical-align: middle
        }
    }
}

@media (min-width:1191px) and (max-width:1200px) {
    .accordion-header {
        width: fit-content !important
    }

    .gpcc-page-faq-section-wrapper {
        padding-left: 230px !important;
        padding-right: 230px !important
    }
}

.gpcc-card-compare {
    background-color: #005e8a
}

.gpcc-card-compare nav {
    width: 100%
}

.gpcc-card-compare .nav-tabs {
    border-bottom: 1px solid #c4c4c4
}

.gpcc-card-compare .nav-item {
    -ms-flex: 1;
    flex: 1
}

.gpcc-card-compare .nav-tabs .nav-item.show .nav-link,
.gpcc-card-compare .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #fbc600 !important;
    padding: 0
}

.gpcc-card-compare #primiercard {
    display: none
}

.gpcc-card-compare #pluscard {
    display: none
}

.gpcc-card-compare #prefferedcard {
    display: none
}

.gpcc-card-compare #nav-home-tab.active #plus {
    display: none
}

.gpcc-card-compare #nav-home-tab.active #premier {
    display: block
}

@media (min-width:768px) {
    .gpcc-card-compare #nav-home-tab.active #primiercard {
        display: block
    }
}

.gpcc-card-compare #nav-profile-tab.active #plus {
    display: block
}

.gpcc-card-compare #nav-profile-tab.active #premier {
    display: none
}

@media (min-width:768px) {
    .gpcc-card-compare #nav-profile-tab.active #pluscard {
        display: block
    }
}

.gpcc-card-compare #nav-contact-tab.active #plus {
    display: none
}

.gpcc-card-compare #nav-contact-tab.active #premier {
    display: none
}

@media (min-width:768px) {
    .gpcc-card-compare #nav-contact-tab.active #prefferedcard {
        display: block
    }
}

.gpcc-card-compare .nav-link {
    border: transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 0
}

.gpcc-card-compare a {
    text-decoration: none
}

.gpcc-card-compare a:hover {
    color: #fff
}

@media (min-width:1700px) {
    .gpcc-card-compare {
        padding: 144px 19.4% 160px
    }

    .gpcc-card-compare .gpcc-card-title {
        font-size: 50px;
        height: 85px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff
    }

    .gpcc-card-compare .gpcc-card-para {
        font-size: 22px;
        text-align: left;
        color: #fff;
        line-height: 1.27;
        letter-spacing: .37px;
        margin: 0 0 58px
    }

    .gpcc-card-compare .tab-text {
        max-width: 206px;
        font-size: 28px;
        margin-bottom: 40px;
        color: #fff;
        text-align: left;
        margin-left: 36px
    }

    .gpcc-card-compare .mastercard-container {
        max-width: 586px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 87px
    }

    .gpcc-card-compare .master-title {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .gpcc-card-compare .master-para {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .gpcc-card-compare .master-title2 {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .gpcc-card-compare .master-para2 {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .gpcc-card-compare .pos {
        margin-top: 87px
    }

    .gpcc-card-compare .new-pos {
        margin-right: -19.4%
    }

    .gpcc-card-compare .img-content {
        max-width: 488px;
        font-size: 70px;
        color: #fff;
        position: absolute;
        margin-top: -50px;
        margin-left: 42px
    }

    .gpcc-card-compare .card-primier {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -120px;
        float: right;
        margin-right: -10px;
        max-width: none
    }

    .gpcc-card-compare .card-preffered {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -290px;
        float: right;
        margin-right: -60px;
        max-width: none
    }

    .gpcc-card-compare .card-plus {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -690px;
        max-width: none
    }

    .gpcc-card-compare .card-sml-primier {
        width: 49px;
        height: 31px;
        margin-left: 5 0;
        max-width: none;
        margin-top: 19px;
        margin-right: 36px
    }

    .gpcc-card-compare .master-card-ellipse {
        margin-top: 180px;
        width: 888px;
        height: 1106px;
        max-width: none
    }

    .gpcc-card-compare #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .gpcc-card-compare .img2 {
        float: right
    }

    .gpcc-card-compare .gpcc-zero-img {
        margin-left: 20%;
        max-height: 400px;
        margin-top: 120px;
        position: relative;
        object-fit: contain;
        opacity: 0
    }

    .gpcc-card-compare .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px;
        color: #fff
    }

    .gpcc-card-compare .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .gpcc-card-compare .save-pos {
        margin-top: -230px;
        margin-right: -19.4%
    }

    .gpcc-card-compare .Gpcc-Cards-Rewards {
        margin-top: 80px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .white-circle {
        width: 109px;
        height: 109px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative
    }

    .gpcc-card-compare .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .gpcc-card-compare .parent-img-container {
        position: relative
    }

    .gpcc-card-compare .assoc-container {
        position: static;
        margin-left: -220px
    }

    .gpcc-card-compare .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .desk-pos {
        display: block
    }

    .gpcc-card-compare .tb1 {
        margin-right: -31.4%
    }

    .gpcc-card-compare .tb3-pos {
        margin-bottom: 153px
    }

    .gpcc-card-compare .tb2 {
        float: none;
        margin-left: 13.5%
    }
}

@media (max-width:1699px) and (min-width:1200px) {
    .gpcc-card-compare {
        padding: 144px 8.5% 160px 8.5%
    }

    .gpcc-card-compare .gpcc-card-title {
        font-size: 50px;
        height: 85px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff
    }

    .gpcc-card-compare .gpcc-card-para {
        font-size: 22px;
        text-align: left;
        color: #fff;
        line-height: 1.27;
        letter-spacing: .37px;
        margin: 0 0 58px
    }

    .gpcc-card-compare .tab-text {
        max-width: 206px;
        font-size: 28px;
        margin-bottom: 40px;
        color: #fff;
        text-align: left;
        line-height: 1.15;
        margin-left: 36px
    }

    .gpcc-card-compare .mastercard-container {
        max-width: 586px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 87px
    }

    .gpcc-card-compare .master-title {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .gpcc-card-compare .master-para {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .gpcc-card-compare .master-title2 {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .gpcc-card-compare .master-para2 {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .gpcc-card-compare .pos {
        margin-top: 87px
    }

    .gpcc-card-compare .img-content {
        max-width: 488px;
        font-size: 70px;
        color: #fff;
        position: absolute;
        margin-top: -50px;
        margin-left: 42px
    }

    .gpcc-card-compare .card-primier {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -120px;
        float: right;
        margin-right: -10px;
        max-width: none
    }

    .gpcc-card-compare .card-preffered {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -290px;
        float: right;
        margin-right: -60px;
        max-width: none
    }

    .gpcc-card-compare .card-plus {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -690px;
        max-width: none
    }

    .gpcc-card-compare .card-sml-primier {
        width: 49px;
        height: 31px;
        margin-left: 50px;
        max-width: none;
        margin-top: 19px;
        margin-right: 36px
    }

    .gpcc-card-compare .master-card-ellipse {
        margin-top: 180px;
        width: 888px;
        height: 1106px;
        max-width: none
    }

    .gpcc-card-compare #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .gpcc-card-compare .img2 {
        float: right
    }

    .gpcc-card-compare .content2 {
        margin-left: 132px
    }

    .gpcc-card-compare .new-pos {
        margin-right: -10.2%
    }

    .gpcc-card-compare .gpcc-zero-img {
        margin-left: 20%;
        max-height: 400px;
        margin-top: 120px;
        position: relative;
        object-fit: contain;
        opacity: 0
    }

    .gpcc-card-compare .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px;
        color: #fff;
        margin-top: 10px;
        margin-left: 19.8%
    }

    .gpcc-card-compare .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff;
        margin-left: 19.8%
    }

    .gpcc-card-compare .save-pos {
        margin-top: -230px;
        margin-right: -10.2%
    }

    .gpcc-card-compare .Gpcc-Cards-Rewards {
        margin-top: 90px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative;
        margin-left: 60px
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .white-circle {
        width: 109px;
        height: 109px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-left: 30px
    }

    .gpcc-card-compare .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .gpcc-card-compare .parent-img-container {
        position: relative
    }

    .gpcc-card-compare .assoc-container {
        position: static;
        margin-left: -100px;
        margin-top: 70px
    }

    .gpcc-card-compare .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute;
        margin-left: 5.8%
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .desk-pos {
        display: block
    }

    .gpcc-card-compare .tb1 {
        margin-right: -10.2%
    }

    .gpcc-card-compare .tb3-pos {
        margin-bottom: 127px
    }

    .gpcc-card-compare .tb2 {
        float: none;
        margin-left: 16.5%
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .gpcc-card-compare {
        padding: 68px 7.8% 132px 7.8%
    }

    .gpcc-card-compare .gpcc-card-title {
        font-size: 36px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff
    }

    .gpcc-card-compare .gpcc-card-para {
        font-size: 18px;
        text-align: left;
        color: #fff;
        line-height: 1.11;
        letter-spacing: .37px;
        margin: 0 0 33px 0
    }

    .gpcc-card-compare .tab-text {
        max-width: 145px;
        font-size: 20px;
        margin-bottom: 24px;
        color: #fff;
        text-align: left;
        margin-left: 19px
    }

    .gpcc-card-compare .mastercard-container {
        max-width: 394px;
        max-height: 339px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 92px
    }

    .gpcc-card-compare .master-title {
        font-size: 20px;
        line-height: 1.33;
        margin: 9px 0 13px 58px;
        max-width: 186px;
        color: #fff
    }

    .gpcc-card-compare .master-title2 {
        font-size: 20px;
        line-height: 1.33;
        margin: 9px 0 13px 0;
        max-width: 186px;
        color: #fff
    }

    .gpcc-card-compare .master-para {
        font-size: 14px;
        line-height: 1.4;
        max-width: 230px;
        margin: 0 0 23px 58px;
        color: #fff
    }

    .gpcc-card-compare .master-para2 {
        font-size: 14px;
        line-height: 1.4;
        max-width: 220px;
        margin: 0 0 15px 0;
        color: #fff
    }

    .gpcc-card-compare .pos {
        margin-top: 92px
    }

    .gpcc-card-compare .new-pos {
        margin-top: 80px
    }

    .gpcc-card-compare .save-pos {
        margin-top: -112px
    }

    .gpcc-card-compare .img-content {
        max-width: 356px;
        font-size: 50px;
        color: #fff;
        position: absolute;
        margin-top: -30px;
        margin-left: 28px
    }

    .gpcc-card-compare .card-primier {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -70px;
        float: right;
        margin-right: -15px;
        max-width: none
    }

    .gpcc-card-compare .card-preffered {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -180px;
        float: right;
        margin-right: -15px;
        max-width: none
    }

    .gpcc-card-compare .card-plus {
        width: 147px;
        height: 92px;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -490px;
        margin-left: -15px
    }

    .gpcc-card-compare .card-sml-primier {
        width: 37px;
        height: 25px;
        margin-left: 23px;
        max-width: none;
        margin-top: 11px
    }

    .gpcc-card-compare #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .gpcc-card-compare .img2 {
        margin-top: 80px;
        margin-right: -9.2%
    }

    .gpcc-card-compare .gpcc-zero-img {
        position: relative;
        margin-left: 20%;
        max-height: 200px;
        object-fit: contain;
        margin-right: -8.5%;
        opacity: 0
    }

    .gpcc-card-compare .gpcc-zero-title {
        max-width: 275px;
        font-size: 20px;
        margin-bottom: 4px;
        color: #fff
    }

    .gpcc-card-compare .gpcc-zero-para {
        max-width: 251px;
        font-size: 14px;
        line-height: 1.22;
        color: #fff
    }

    .gpcc-card-compare .Gpcc-Cards-Rewards {
        max-width: 394px;
        max-height: 394px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 36px;
        position: relative
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .white-circle {
        width: 82px;
        height: 82px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 20px
    }

    .gpcc-card-compare .yellow-circle {
        width: 150px;
        height: 150px;
        background-color: #fbc600;
        position: static;
        margin-top: -30px;
        border-radius: 50%;
        margin-right: -60px
    }

    .gpcc-card-compare .parent-img-container {
        position: relative;
        margin-left: 80px
    }

    .gpcc-card-compare .assoc-container {
        position: static;
        margin-left: -80px
    }

    .gpcc-card-compare .gpcc-zero-wallet {
        font-size: 40px;
        line-height: .9;
        color: #fbc600;
        margin-top: 90px;
        margin-top: -140px;
        position: absolute
    }

    .gpcc-card-compare .master-card-ellipse {
        width: 622px;
        height: 878px;
        max-width: none
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .desk-pos {
        display: block
    }

    .gpcc-card-compare .tb1 {
        float: right
    }

    .gpcc-card-compare .tb2 {
        float: none;
        margin-left: 16.5%
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .gpcc-card-compare .card-primier {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -70px;
        float: right;
        margin-right: 85px;
        max-width: none
    }

    .gpcc-card-compare .card-preffered {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -180px;
        float: right;
        margin-right: 85px;
        max-width: none
    }

    .gpcc-card-compare .tab-text {
        max-width: 145px;
        font-size: 20px;
        margin-bottom: 24px;
        color: #fff;
        text-align: left
    }

    .gpcc-card-compare .master-card-ellipse {
        width: 622px;
        height: 878px;
        max-width: none
    }

    .gpcc-card-compare .yellow-circle {
        width: 150px;
        height: 150px;
        background-color: #fbc600;
        position: static;
        margin-top: -30px;
        border-radius: 50%;
        margin-right: -60px;
        margin-left: -40px
    }

    .gpcc-card-compare .white-circle {
        width: 82px;
        height: 82px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 20px;
        margin-left: -30px
    }

    .gpcc-card-compare .mob-pos {
        display: none
    }

    .gpcc-card-compare .desk-pos {
        display: block
    }

    .gpcc-card-compare .tb2 {
        float: none
    }

    .gpcc-card-compare .tb1 {
        float: right
    }
}

@media (max-width:767px) {
    .gpcc-card-compare {
        padding: 70px 0 0
    }

    .gpcc-card-compare nav {
        padding: 0 15px
    }

    .gpcc-card-compare .gpcc-card-title {
        font-size: 28px;
        height: 85px;
        text-align: center;
        color: #fff;
        margin: 0 11.7%
    }

    .gpcc-card-compare .gpcc-card-para {
        font-size: 16px;
        padding-bottom: 44px;
        text-align: left;
        color: #fff;
        line-height: 1.25;
        margin: 0 10.7%
    }

    .gpcc-card-compare .tab-text {
        max-width: 92px;
        font-size: 16px;
        margin-bottom: 9px;
        color: #fff;
        line-height: 1.25;
        text-align: left;
        margin-left: -20px
    }

    .gpcc-card-compare .mastercard-container {
        width: auto;
        height: auto;
        object-fit: contain;
        margin: 13px 8.2% 0
    }

    .gpcc-card-compare .master-title {
        font-size: 20px;
        line-height: 1.33;
        margin: 29px 35.7% 13px 10.2%;
        max-width: 233px;
        color: #fff
    }

    .gpcc-card-compare .master-para {
        font-size: 14px;
        line-height: 1.14;
        max-width: 230px;
        margin: 0 10.2%;
        color: #fff
    }

    .gpcc-card-compare .master-title2 {
        font-size: 20px;
        line-height: 1.33;
        margin: 29px 35.7% 13px 11.8%;
        max-width: 233px;
        color: #fff
    }

    .gpcc-card-compare .master-para2 {
        font-size: 14px;
        line-height: 1.14;
        max-width: 230px;
        margin: 0 11.8%;
        color: #fff
    }

    .gpcc-card-compare .img-content {
        max-width: 216px;
        font-size: 28px;
        color: #fff;
        position: absolute;
        margin-top: -20px;
        margin-left: 10.2%;
        margin-bottom: 0
    }

    .gpcc-card-compare .card-primier {
        width: 110px;
        height: 69px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -50px;
        float: right;
        margin-right: 8.7px;
        max-width: none
    }

    .gpcc-card-compare .card-preffered {
        width: 110px;
        height: 69px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -140px;
        float: right;
        max-width: none
    }

    .gpcc-card-compare .card-plus {
        width: 110px;
        height: 69px;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -350px;
        max-width: none
    }

    .gpcc-card-compare .pos {
        margin-top: 20px
    }

    .gpcc-card-compare .card-sml-primier {
        display: none
    }

    .gpcc-card-compare .mob-pos {
        display: block
    }

    .gpcc-card-compare .desk-pos {
        display: none
    }

    .gpcc-card-compare .gpcc-zero-img {
        position: relative;
        max-height: 200px;
        object-fit: contain;
        margin-right: -4.438%;
        margin-top: 80px;
        margin-left: 11%;
        opacity: 0
    }

    .gpcc-card-compare .Gpcc-Cards-Rewards {
        max-width: 236px;
        max-height: 238px;
        width: auto;
        height: auto;
        object-fit: contain;
        float: right;
        margin-top: 50px
    }

    .gpcc-card-compare .mob-pos {
        display: block
    }

    .gpcc-card-compare .desk-pos {
        display: none
    }

    .gpcc-card-compare .white-circle {
        width: 44px;
        height: 44px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: static;
        margin-top: 150px;
        padding-left: 0;
        margin-right: 0
    }

    .gpcc-card-compare .yellow-circle {
        width: 80px;
        height: 80px;
        background-color: #fbc600;
        position: static;
        border-radius: 50%;
        margin-right: -30%;
        margin-left: 0
    }

    .gpcc-card-compare .parent-img-container {
        position: relative;
        margin-left: 10px
    }

    .gpcc-card-compare .assoc-container {
        margin-right: -8px;
        position: static;
        margin-top: -400px;
        margin-left: 80%
    }

    .gpcc-card-compare .img-pos {
        margin-top: -90px
    }

    .gpcc-card-compare .gpcc-zero-wallet {
        font-size: 24px;
        line-height: 1.33;
        color: #fbc600;
        margin-top: -100px;
        max-width: 221px;
        position: absolute;
        margin-left: 35px
    }

    .gpcc-card-compare .gpcc-zero-title {
        max-width: 275px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 8px;
        margin-left: 11.1%;
        margin-top: 35px;
        color: #fff
    }

    .gpcc-card-compare .gpcc-zero-para {
        margin-left: 11.1%;
        max-width: 198px;
        font-size: 14px;
        line-height: 1.29;
        color: #fff;
        margin-bottom: 102px
    }

    .gpcc-card-compare .tb1 {
        margin-right: -3.7%;
        margin-top: 214px
    }

    .gpcc-card-compare .lst-para {
        margin-bottom: 131px
    }

    .gpcc-card-compare .tb3-pos {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .gpcc-card-compare .gpcc-card-compare .tb1 {
        margin-right: -4%;
        margin-top: 214px
    }
}

@media (min-width:420px) and (max-width:767px) {
    .gpcc-card-compare .master-para {
        max-width: none
    }

    .gpcc-card-compare .master-para2 {
        max-width: none
    }

    .gpcc-card-compare .gpcc-zero-img {
        margin-right: 0;
        opacity: 0
    }

    .gpcc-card-compare .gpcc-zero-para {
        max-width: 70%
    }

    .gpcc-card-compare .gpcc-zero-wallet {
        margin-left: 40%
    }

    .gpcc-card-compare .card-preffered {
        margin-right: 20px
    }

    .gpcc-card-compare .card-plus {
        margin-left: 20px
    }

    .gpcc-card-compare .tb1 {
        margin-right: 0;
        margin-top: 214px
    }
}

.public-cmpchart .cashabck {
    color: #39757a
}

.public-cmpchart .compare-body0 .colu2,
.public-cmpchart .compare-body0 .colu3 {
    color: #39757a
}

.public-cmpchart .compare-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.public-cmpchart .btm-stick-ele,
.public-cmpchart .compare-head {
    display: -ms-flexbox;
    display: flex
}

.public-cmpchart .btm-stick-ele {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.public-cmpchart .btm-stick-ele span {
    background-color: #f9f9f9
}

.public-cmpchart .commbg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    background-color: #f9f9f9
}

.public-cmpchart .commbg div,
.public-cmpchart .compare-head4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.public-cmpchart .commbg div {
    text-align: center
}

.public-cmpchart .compare-head4 {
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    border-bottom: 1px solid #adafaf
}

.public-cmpchart .empty-bg {
    position: absolute;
    height: 7px;
    background: #f9f9f9;
    width: 100%;
    bottom: 0;
    right: 0
}

.public-cmpchart .compare-body0 .colu4 {
    -ms-flex-flow: column;
    flex-flow: column
}

.public-cmpchart .cmpchart {
    color: #fff
}

.public-cmpchart .compare-head2,
.public-cmpchart .compare-head3 {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.public-cmpchart .compare-head4,
.public-cmpchart .wbg.colu1 {
    background-color: #fff
}

.public-cmpchart .wbg.colu1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.public-cmpchart .compare-body0 div,
.public-cmpchart .compare-body1 div,
.public-cmpchart .compare-body2 div,
.public-cmpchart .compare-body3 .colu1,
.public-cmpchart .compare-body3 .colu2,
.public-cmpchart .compare-body3 .colu3 {
    border-right: 1px solid #adafaf;
    border-bottom: 1px solid #adafaf
}

.public-cmpchart .btm-discl {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff
}

.public-cmpchart .compare-body0 .colu4 {
    border-top: 0
}

.public-cmpchart .btm-discl {
    margin-top: 51px
}

.public-cmpchart .compare-body3 .colu4 {
    border-right: 1px solid #adafaf;
    border-top: 1px solid #adafaf
}

@media (min-width:1200px) {
    .public-cmpchart .btm-stick-ele span {
        width: 374px;
        height: 21px
    }

    .public-cmpchart .align-tbl {
        width: 1177px
    }

    .public-cmpchart .compare-head div {
        height: 303px
    }

    .public-cmpchart .btm-discl {
        width: 482px
    }

    .public-cmpchart .syf-master-card {
        text-align: center;
        font-size: 40px
    }

    .public-cmpchart .wbg.colu1 {
        padding-left: 28px;
        padding-right: 27px
    }

    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        font-size: 24px
    }

    .public-cmpchart .cmpchart {
        width: 790px;
        font-size: 60px;
        line-height: 2.03
    }

    .public-cmpchart .mcard-img-contain {
        width: 164px;
        height: 102px;
        margin-top: 18px
    }

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        width: 300px
    }

    .public-cmpchart .colu2,
    .public-cmpchart .colu3,
    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        width: 251.5px
    }

    .public-cmpchart .colu4,
    .public-cmpchart .compare-head4 {
        width: 374px
    }

    .public-cmpchart .compare-head4 {
        padding: 5px 18px 0
    }

    .public-cmpchart .colu1 {
        height: 117px
    }

    .public-cmpchart .compare-body0 div {
        height: 117px
    }

    .public-cmpchart .compare-body1 div,
    .public-cmpchart .compare-body2 div {
        height: 103px
    }

    .public-cmpchart .compare-body3 div {
        height: 113px
    }

    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        text-align: center
    }

    .public-cmpchart .compare-head2 span {
        width: 147px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .public-cmpchart {
        margin-top: 11.5rem
    }

    .public-cmpchart .wbg.colu1 {
        padding-right: 26px
    }

    .public-cmpchart .align-tbl {
        width: 771px
    }

    .public-cmpchart .cmpchart {
        margin-top: 24px
    }

    .public-cmpchart .btm-stick-ele span {
        width: 238px;
        height: 22px;
        margin-top: -1px
    }

    .public-cmpchart .disc-txt {
        width: 95px
    }

    .public-cmpchart .compare-body2 .clou1 span {
        width: 145px;
        text-align: right
    }

    .public-cmpchart .syf-master-card {
        font-size: 32px;
        line-height: 1.13
    }

    .public-cmpchart .compare-head div {
        height: 298px
    }

    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        font-size: 18px
    }

    .public-cmpchart .cmpchart {
        width: 412px;
        font-size: 36px
    }

    .public-cmpchart .btm-discl {
        width: 472px
    }

    .public-cmpchart .mcard-img-contain {
        width: 136px;
        height: 84px;
        margin-top: 30px
    }

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        width: 208px
    }

    .public-cmpchart .colu2,
    .public-cmpchart .colu3,
    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        width: 163px
    }

    .public-cmpchart .compare-body0 div {
        height: 117px
    }

    .public-cmpchart .compare-body1 div,
    .public-cmpchart .compare-body2 div {
        height: 103px
    }

    .public-cmpchart .compare-body3 div {
        height: 113px
    }

    .public-cmpchart .compare-head4 {
        padding: 30px 18px 0
    }

    .public-cmpchart .colu4,
    .public-cmpchart .compare-head4 {
        width: 238px
    }
}

@media (min-width:768px) {
    .public-cmpchart .cashabck {
        font-size: 24px;
        font-family: syfsans
    }

    .public-cmpchart .brk-subtxt {
        font-size: 16px;
        line-height: 1.25
    }

    .public-cmpchart .colu1 {
        font-size: 18px
    }

    .public-cmpchart .compare-body0 .colu2,
    .public-cmpchart .compare-body0 .colu3 {
        font-size: 24px
    }

    .public-cmpchart .compare-head4 {
        border-top: 6px solid #fbc600
    }
}

.public-cmpchart .empty-bg {
    display: none
}

@media (max-width:767px) {
    .public-cmpchart .wbg.colu1 {
        padding-right: 9px
    }

    .public-cmpchart .btm-discl,
    .public-cmpchart .public-cmpchart-title {
        padding: 0 20px
    }

    .public-cmpchart .cashabck {
        font-size: 16px;
        width: auto !important;
        font-family: syfsans
    }

    .public-cmpchart .btm-stick-ele span {
        width: 90px;
        height: 11px
    }

    .public-cmpchart .brk-subtxt {
        font-size: 12px;
        line-height: 1.33;
        width: auto !important
    }

    .public-cmpchart .status-icon p {
        width: 18px
    }

    .public-cmpchart .colu1 {
        font-size: 12px;
        padding-left: 9px;
        padding-right: 9px
    }

    .public-cmpchart .compare-body0 span {
        width: 65px;
        text-align: right
    }

    .public-cmpchart .compare-body1 span,
    .public-cmpchart .compare-body3 span {
        width: 90px
    }

    .public-cmpchart .compare-body0 .colu2,
    .public-cmpchart .compare-body0 .colu3 {
        font-size: 16px
    }

    .public-cmpchart .syf-master-card {
        font-size: 13px;
        line-height: 1.23
    }

    .public-cmpchart .compare-head4 {
        padding-top: 2.2px;
        border-top: 4.8px solid #fbc600
    }

    .public-cmpchart .compare-head div {
        height: 106px;
        text-align: center
    }

    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        font-size: 14px
    }

    .public-cmpchart .cmpchart {
        font-size: 28px
    }

    .public-cmpchart .compare-body0 div,
    .public-cmpchart .compare-body1 div,
    .public-cmpchart .compare-body2 div,
    .public-cmpchart .compare-body3 div {
        height: 110px
    }

    .public-cmpchart .colu4 p {
        width: 24.8px
    }

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        width: 101px
    }

    .public-cmpchart .colu2,
    .public-cmpchart .colu3,
    .public-cmpchart .compare-head2,
    .public-cmpchart .compare-head3 {
        width: 85.5px
    }

    .public-cmpchart .mcard-img-contain {
        width: 53px;
        height: 33px;
        margin-top: 12px
    }

    .public-cmpchart .colu4,
    .public-cmpchart .compare-head4 {
        width: 107px
    }

    .public-cmpchart .btm-discl {
        font-size: 13px;
        text-align: center
    }

    .public-cmpchart .tbl-wrapper {
        margin-top: 69px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .public-cmpchart .cmpchart {
        width: 335px
    }

    .public-cmpchart .align-tbl {
        width: 375px
    }
}

@media (min-width:1440px) {
    .chart-bg-contain {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        height: 1106px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .public-cmpchart .align-tbl {
        width: 1055px
    }
}

.chart-bg-contain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:1200px) {
    .public-cmpchart {
        margin-top: 380px
    }
}

@media (min-width:768px) and (max-width:800px) {
    .public-cmpchart {
        margin-left: -30px
    }

    .align-tbl {
        width: 720px !important
    }

    .wbg.colu1 {
        min-width: 182.4px;
        max-width: 182.4px;
        width: 182.4px !important
    }
}

.compare-head2,
.compare-head3,
.compare-head4 {
    text-align: center
}

@media (min-width:834px) and (max-width:991px) {
    .chart-container {
        margin-left: -31px
    }
}

.public-cmpchart {
    position: relative
}

@media (min-width:992px) and (max-width:1024px) {
    .public-cmpchart {
        margin-left: 40px
    }

    .public-cmpchart {
        margin-top: 12rem
    }
}

@media (min-width:361px) and (max-width:767px) {
    .align-tbl {
        width: 375px;
        margin: 0 auto
    }

    .ipad .public-cmpchart {
        margin-top: -45.5rem
    }
}

@media (max-width:479px) {
    .public-cmpchart {
        margin-top: -32rem;
        margin-left: -16px;
        margin-right: -16px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .public-cmpchart {
        margin-top: -53rem
    }

    .btm-discl,
    .public-cmpchart-title {
        padding: 0 100px !important
    }
}

@media (max-width:360px) {
    .public-cmpchart {
        width: 360px
    }
}

.compare-head2 span,
.compare-head3 span {
    width: 100% !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b3c43;
    border-right: 1px solid #adafaf
}

.compare-head2 span {
    border-right: 1px solid #adafaf
}

.compare-body0 .colu4,
.compare-body1 .colu4,
.compare-body2 .colu4,
.compare-body3 .colu4,
.public-cmpchart .btm-stick-ele span {
    background-color: #fcecc3
}

.compare-body0 div {
    border-top: 1px solid #adafaf
}

@media (min-width:1200px) {

    .compare-head2 span,
    .compare-head3 span {
        height: 78px
    }
}

@media (min-width:768px) and (max-width:1199px) {

    .compare-head2 span,
    .compare-head3 span {
        height: 88px;
        height: 68px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .compare-body2 .wbg.colu1 {
        min-width: 182.4px;
        max-width: 182.4px;
        width: 182.4px !important
    }

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        min-width: 182.4px;
        max-width: 182.4px;
        width: 182.4px !important
    }

    .public-cmpchart .btm-stick-ele span {
        width: 238px;
        min-width: 238px;
        max-width: 238px
    }

    .public-cmpchart .colu4,
    .public-cmpchart .compare-head4 {
        width: 238px;
        min-width: 238px;
        max-width: 238px
    }

    .btm-stick-ele {
        position: relative
    }

    .btm-stick-ele span {
        position: absolute;
        border-right: 1px solid #adafaf;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:767px) {
    .public-cmpchart .wbg.colu1 {
        min-width: 100px;
        display: -ms-flexbox;
        display: flex;
        max-width: 100px
    }

    .compare-head2 span,
    .compare-head3 span {
        height: 88px
    }

    .public-cmpchart .btm-stick-ele span {
        width: 105.4px;
        height: 11px
    }
}

@media (max-width:833px) and (min-width:801px) {
    .btm-stick-ele span {
        right: 25px;
        border-right: 1px solid #adafaf
    }
}

@media (max-width:360px) {
    .public-cmpchart .btm-stick-ele span {
        width: 103.4px !important
    }

    .wbg.colu1 {
        min-width: 95px !important;
        max-width: 95px !important;
        width: 95px !important
    }
}

.public-cmpchart .btm-stick-ele span {
    border-left: 1px solid #adafaf
}

@media (min-width:1200px) and (max-width:1439px) {

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        min-width: 300px;
        width: 300px;
        max-width: 300px
    }

    .public-cmpchart .btm-stick-ele span {
        min-width: 330px;
        width: 330px;
        max-width: 330px;
        margin-right: 1px
    }

    .public-cmpchart .colu4,
    .public-cmpchart .compare-head4 {
        min-width: 330px;
        max-width: 330px
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .public-cmpchart .btm-stick-ele span {
        width: 238px;
        border-left: 1px solid #adafaf
    }
}

@media (max-width:767px) {
    .public-cmpchart .btm-stick-ele span {
        width: 107.4px;
        border-left: 1px solid #adafaf;
        border-right: 1px solid #adafaf
    }

    .public-cmpchart .colu1,
    .public-cmpchart .compare-head1 {
        width: 100px
    }
}

@media only screen and (min-width:414px) and (max-width:896px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
    .gpcc-card-compare {
        overflow-x: hidden
    }
}

.cmpchart-subtitle {
    font-size: 20px;
    color: #fff
}

.cmpchart-subtitle-des {
    font-size: 18px;
    color: #fff;
    padding-top: 10px
}

@media (min-width:361px) and (max-width:767px) {
    .ipad .public-cmpchart {
        margin-top: -47.5rem
    }
}

@media (min-width:768px) {
    .public-cmpchart .cmpchart {
        font-size: 30px
    }

    .public-cmpchart-title-wrapper {
        position: absolute;
        width: 412px;
        top: -50px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .public-cmpchart .cmpchart {
        width: 412px;
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .public-cmpchart-title-wrapper {
        width: 790px
    }

    .cmpchart-subtitle {
        font-size: 25px;
        color: #fff
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .cmpchart-subtitle-des {
        font-size: 16px;
        color: #fff;
        padding-top: 10px
    }
}

@media (min-width:1200px) {
    .cmpchart-subtitle-des {
        width: 750px
    }
}

@media (max-width:767px) {
    .gpcc-card-compare .tb1 {
        margin-right: -3.7%;
        margin-top: 450px
    }
}

@media (min-width:768px) {
    .public-cmpchart-title-wrapper {
        position: absolute;
        width: 412px;
        top: -50px
    }
}

.gpcc-save {
    background-color: #f9f9f9
}

@media (min-width:1700px) {
    .gpcc-save {
        padding: 412px 15.6% 0 19.4%
    }

    .gpcc-save .syf-save-img {
        width: 515px;
        height: 325px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 11px 22px 44px 0 rgba(0, 0, 0, .12);
        margin-left: 30px
    }

    .gpcc-save .gpcc-save-title {
        font-size: 50px;
        max-width: 512px;
        margin-bottom: 25px;
        margin-left: 70px
    }

    .gpcc-save .gpcc-save-para {
        max-width: 422px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 70px;
        margin-left: 70px
    }
}

@media (max-width:1699px) and (min-width:1200px) {
    .gpcc-save {
        padding: 412px 6.8% 0 5%
    }

    .gpcc-save .syf-save-img {
        width: 515px;
        height: 325px;
        max-width: none;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 11px 22px 44px 0 rgba(0, 0, 0, .12);
        margin-left: 30px
    }

    .gpcc-save .gpcc-save-title {
        font-size: 50px;
        max-width: 512px;
        margin-bottom: 25px;
        margin-left: 70px
    }

    .gpcc-save .gpcc-save-para {
        max-width: 422px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 70px;
        margin-left: 70px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .gpcc-save {
        padding: 255px 6.8% 62px 5.2%
    }

    .gpcc-save .syf-save-img {
        width: 305px;
        height: 192px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        max-width: none;
        object-fit: contain;
        box-shadow: 11px 22px 44px 0 rgba(0, 0, 0, .12);
        margin-left: 18px
    }

    .gpcc-save .gpcc-save-title {
        font-size: 28px;
        max-width: 284px;
        margin-bottom: 23px;
        margin-left: 78px
    }

    .gpcc-save .gpcc-save-para {
        max-width: 296px;
        font-size: 18px;
        line-height: 1.22;
        margin-bottom: 28px;
        margin-left: 78px
    }
}

@media (max-width:1199px) and (min-width:991px) {
    .gpcc-save {
        padding: 255px 9.5% 62px
    }
}

@media (max-width:767px) {
    .gpcc-save {
        padding: 391px 6.8% 63px 7.2%
    }

    .gpcc-save .syf-save-img {
        width: 241px;
        height: 152px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        max-width: none;
        object-fit: contain;
        box-shadow: 11px 22px 44px 0 rgba(0, 0, 0, .12);
        margin-left: 20px
    }

    .gpcc-save .gpcc-save-title {
        font-size: 28px;
        max-width: 261px;
        margin-bottom: 13px;
        margin-left: 9.1%;
        margin-right: 7.7%;
        margin-top: 57px
    }

    .gpcc-save .gpcc-save-para {
        max-width: 232px;
        font-size: 14px;
        line-height: 1.29;
        margin-left: 9.1%;
        margin-right: 7.7%;
        margin-bottom: 0
    }
}

@media (max-width:767px) and (min-width:420px) {
    .gpcc-save {
        padding: 380px 13% 63px
    }

    .gpcc-save .gpcc-save-title {
        font-size: 28px;
        margin-bottom: 13px;
        margin-left: 9.1%;
        margin-right: 7.7%;
        margin-top: 57px
    }

    .gpcc-save .gpcc-save-para {
        max-width: none;
        font-size: 14px;
        line-height: 1.29;
        margin-left: 9.1%;
        margin-right: 7.7%;
        margin-bottom: 0
    }
}

.gpcc-elanding {
    position: relative
}

.gpcc-elanding .gpcc-et-contain {
    padding-bottom: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.gpcc-elanding .gpcc-et-contain .offer-desc,
.gpcc-elanding .gpcc-et-contain .offer-title {
    margin: 0
}

.gpcc-elanding .gpcc-et-contain .gpcc-ecard {
    border-top: 10px solid #fbc600;
    box-shadow: 0 -13px 53px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.gpcc-elanding .offer-desc,
.gpcc-elanding .offer-title,
.gpcc-elanding .offer-txt {
    color: #3b3c43
}

.gpcc-elanding .offer-desc {
    font-family: SyfSans-normal;
    font-size: 21.2px;
    font-weight: 400;
    line-height: 1.31
}

@media (min-width:1250px) {
    .gpcc-elanding {
        padding: 0 20px
    }

    .gpcc-elanding .gpcc-ecard {
        padding: 33px 46px 40px 49px;
        width: 376px;
        height: 393px;
        margin-right: 12px;
        margin-left: 12px
    }
}

@media (min-width:1400px) {
    .gpcc-elanding {
        padding: 0 90px
    }
}

@media (min-width:1440px) {
    .gpcc-elanding {
        padding: 0 110px
    }
}

@media (min-width:1800px) {
    .gpcc-elanding {
        padding: 0 290px
    }
}

@media (min-width:1900px) {
    .gpcc-elanding {
        padding: 0 320px
    }
}

@media (min-width:992px) and (max-width:1249px) {
    .gpcc-elanding {
        padding: 0 20px
    }

    .gpcc-elanding .gpcc-ecard {
        width: 31%;
        padding: 33px 28px 40px 28px;
        margin-right: .5%;
        margin-left: .5%;
        height: 393px
    }
}

@media (min-width:992px) {
    .gpcc-elanding {
        margin-top: -175px
    }

    .gpcc-elanding .gpcc-ecard {
        margin-bottom: 30px
    }

    .gpcc-elanding .offer-txt {
        font-size: 74.9px;
        height: 85px
    }

    .gpcc-elanding .offer-title {
        font-size: 31.8px;
        padding-top: 3px
    }

    .gpcc-elanding .offer-desc {
        padding-left: 5.1px;
        padding-top: 27px
    }
}

@media (min-width:1200px) {
    .gpcc-elanding {
        padding-bottom: 0
    }
}

@media (max-width:991px) {
    .gpcc-elanding .offer-txt {
        font-size: 60px;
        line-height: 1.03
    }

    .gpcc-elanding .offer-title {
        line-height: 1.33
    }

    .gpcc-elanding .offer-desc {
        padding-top: 8px;
        font-size: 20px;
        line-height: 1.4
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-elanding {
        padding-left: 11px;
        margin-top: -155px;
        padding-bottom: 0;
        padding-right: 11px
    }

    .gpcc-elanding .offer-title {
        font-size: 24px;
        line-height: 1.33
    }

    .gpcc-elanding .offer-title {
        padding-top: 8px
    }

    .gpcc-elanding .gpcc-ecard {
        padding: 20px 20px 30px;
        margin-left: 9px;
        margin-right: 9px;
        width: 229px;
        height: 400px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .gpcc-elanding .gpcc-ecard {
        padding: 20px 20px 30px !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .gpcc-elanding {
        margin-top: 345px !important
    }

    .gpcc-elanding .gpcc-ecard {
        width: 341px
    }
}

@media (max-width:767px) {
    .gpcc-elanding {
        padding: 0 17px;
        margin-top: 370px
    }

    .gpcc-elanding .dsk-call-no {
        display: none
    }

    .gpcc-elanding .gpcc-et-contain {
        -ms-flex-flow: column !important;
        flex-flow: column !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .gpcc-elanding .offer-txt {
        padding-left: 3.4px
    }

    .gpcc-elanding .gpcc-ecard {
        padding: 20px 27.3px 18px 26.7px;
        margin-bottom: 24px
    }

    .gpcc-elanding .gpcc-ecard:last-of-type {
        margin-bottom: 0
    }

    .gpcc-elanding .offer-desc {
        padding-left: 3px;
        padding-top: 20px
    }

    .gpcc-elanding .offer-title {
        padding-top: 20px;
        font-size: 28px
    }
}

@media (min-width:1200px) and (max-width:1920px) {
    .gpcc-et-contain {
        padding-bottom: 120px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .gpcc-elanding .gpcc-et-contain {
        padding-bottom: 80px
    }
}

@media (max-width:767px) {
    .gpcc-elanding .gpcc-et-contain {
        padding-bottom: 40px
    }
}

.syn-mastercard-comp {
    overflow-x: hidden
}

.syn-mastercard-comp .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.syn-mastercard-comp .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.syn-mastercard-comp .slick-list:focus {
    outline: 0
}

.syn-mastercard-comp .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.syn-mastercard-comp .slick-slider .slick-list,
.syn-mastercard-comp .slick-slider .slick-track {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.syn-mastercard-comp .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.syn-mastercard-comp .slick-track:after,
.syn-mastercard-comp .slick-track:before {
    display: table;
    content: ""
}

.syn-mastercard-comp .slick-track:after {
    clear: both
}

.syn-mastercard-comp .slick-loading .slick-track {
    visibility: hidden
}

.syn-mastercard-comp .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.syn-mastercard-comp [dir=rtl] .slick-slide {
    float: right
}

.syn-mastercard-comp .slick-slide img {
    display: block
}

.syn-mastercard-comp .slick-slide.slick-loading img {
    display: none
}

.syn-mastercard-comp .slick-slide.dragging img {
    pointer-events: none
}

.syn-mastercard-comp .slick-initialized .slick-slide {
    display: block
}

.syn-mastercard-comp .slick-loading .slick-slide {
    visibility: hidden
}

.syn-mastercard-comp .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.syn-mastercard-comp .slick-arrow.slick-hidden {
    display: none
}

.syn-mastercard-comp .container-fluid {
    width: 100%
}

/* changed color by sumati as part of ada */
.syn-mastercard-comp .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
}

.syn-mastercard-comp .slick-dots li button:before {
    font-size: 30px;
    color: #94969a
}

.syn-mastercard-comp .slick-dots li {
    width: 15px;
    height: 15px
}

.syn-mastercard-comp {
    background: #f9f9f9;
    overflow-x: hidden;
    padding-top: 5rem
}

.syn-mastercard-img {
    display: block;
    max-width: 100%;
    width: 19rem
}

.syn-mastercard-card {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    border: solid 1px #e9eaeb
}

.syn-mastercard-slider.slick-dotted.slick-slider {
    padding-left: 1.5rem;
    padding-right: 0rem;
    padding-bottom: 2rem;
    margin-bottom: 5.5rem
}

.syn-mastercard-card:not(:nth-child(3)) {
    margin-right: 1rem
}

.syn-mastercard-title {
    font-family: SyfSans;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #3b3c43;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.syn-mastercard-desc {
    font-family: SyfSans-normal;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #3b3c43;
    padding-bottom: 1rem
}

.syn-mastercard-desc .bold-text {
    font-weight: 700
}

.syn-mastercard-list ul {
    padding-left: 1rem
}

.syn-mastercard-list ul li {
    padding-bottom: .5rem;
    font-family: SyfSans-normal;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #3b3c43
}

.syn-mastercard-checkbox {
    font-family: SyfSans-normal;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #3b3c43
}

.syn-mastercard-checkbox p {
    margin-bottom: 0
}

.syn-mastercard-checkbox p:first-child {
    margin-bottom: 11px
}

.syn-mc-bold-blue {
    color: #006899;
    font-weight: 700
}

.syn-mastercard-button {
    padding-top: 1.5rem
}

.syn-mastercard-button a {
    background-color: #fbc600;
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43;
    border: #fbc600;
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.syn-mastercard-button a:hover {
    background-color: #fbc600;
    border: #fbc600;
    color: #3b3c43;
    box-shadow: 0 0 0 .1rem #01426a !important
}

.syn-mastercard-button a:focus {
    background-color: #fbc600;
    border: #fbc600;
    color: #3b3c43;
    box-shadow: 0 0 0 .1rem #01426a !important
}

@media screen and (max-width:400px) {
    .syn-mastercard-card>div {
        position: relative;
        min-height: 735px
    }

    .syn-mastercard-card>div .syn-mastercard-button {
        /* Manisha- WCWFT-403 defect fix  */
        /* position: absolute;     */
        bottom: 0
    }
}

@media screen and (min-width:768px) {
    .syn-mastercard-slider.slick-dotted.slick-slider {
        padding-left: 3rem;
        padding-right: 0rem
    }

    .syn-mastercard-card {
        padding-left: 48px;
        padding-right: 48px
    }

    .syn-mastercard-card:not(:nth-child(3)) {
        margin-right: 2rem
    }

    .syn-mastercard-card {
        border-radius: 2px;
        border: solid 1px #e9eaeb
    }
}

.syn-mastercard-card:nth-child(1) {
    background-image: linear-gradient(to bottom, #58a7af, rgba(255, 255, 255, 0) 99%), linear-gradient(to bottom, #fff, #fff)
}

@media screen and (min-width:1024px) {
    .syn-mastercard-comp {
        background: #fff;
        padding-bottom: 7rem
    }

    .syn-mastercard-slider {
        max-width: 80rem;
        margin: auto;
        padding-left: 4rem;
        padding-right: 4rem
    }

    .syn-mastercard-slider.slick-dotted.slick-slider {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .syn-mastercard-card {
        margin: 0 !important;
        border: none;
        border-radius: 0;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media screen and (min-width:1025px) {
    .syn-mastercard-card:nth-child(1) {
        background-image: none
    }

    .syn-mastercard-card:nth-child(2) {
        background-image: linear-gradient(to bottom, #58a7af, rgba(255, 255, 255, 0) 99%), linear-gradient(to bottom, #fff, #fff)
    }
}

@media screen and (min-width:1024px) and (max-width:1160px) {
    .syn-mastercard-card {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media screen and (min-width:1024px) and (max-width:1241px) {
    .syn-mastercard-slider {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

#gpcc,
#gpcc_email {
    background-color: #f9f9f9
}

.master-card-compares {
    background-color: #f1f2f2 !important;
    background: url(/sites/syfbank/images/compare-bg-dsk.png);
    background-repeat: no-repeat !important;
    background-position: right bottom !important
}

.master-card-compares .offr-percentage-contain {
    background-color: #fcecc3 !important
}

.master-card-compares .offr-percentage-contain .mcard-check-close,
.master-card-compares .offr-percentage-contain .mcard-purchase-perc {
    background-color: #f9f9f9
}

.master-card-compares .mcard-summary {
    position: relative
}

.master-card-compares .dis-free {
    background-color: #3b3c43;
    color: #fff !important
}

.master-card-compares .offr-percentage-contain .mcard-check-close,
.master-card-compares .offr-percentage-contain .mcard-purchase-perc {
    background-color: #fcecc3
}

.master-card-compares .offr-percentage-contain {
    border-top: 6px solid #fbc600;
    background: #f9f9f9
}

.master-card-compares .discover-freedomdiv:first-of-type,
.master-card-compares .offr-percentage-containdiv:first-of-type {
    background-color: transparent
}

.master-card-compares .mcard-cpmare div,
.master-card-compares .offr-percentage-contain div:first-of-type {
    background-color: #fff
}

.master-card-compares .dis-free-one .disfree-percent,
.master-card-compares .dis-free-one .mcard-check-close,
.master-card-compares .dis-free-two .disfree-percent,
.master-card-compares .dis-free-two .mcard-check-close,
.master-card-compares .mcard-cpmare div {
    background: #fff
}

.master-card-compares .discover-freedom:first-of-type,
.master-card-compares .mcard-cpmare div:first-of-type {
    background: 0 0
}

.master-card-compares .mcard-check-close img {
    width: 31.5px;
    height: 31.5px
}

.master-card-compares .btm-discl,
.master-card-compares .mbt0 {
    margin-bottom: 0
}

.master-card-compares .offr-percentage-contain div:first-of-type {
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
    text-align: center !important;
    height: auto
}

.master-card-compares .mcard-purchase-perc,
.master-card-compares .mcard-tiles-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.master-card-compares .disfree-percent {
    font-size: 24px;
    color: #39757a;
    font-family: SyfSans;
    font-weight: 700
}

.master-card-compares .disfree-percent span {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #3b3c43
}

.master-card-compares .mcard-purchase-perc {
    font-size: 48px;
    color: #00689a
}

.master-card-compares .mcard-purchase-perc span {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #3b3c43
}

.master-card-compares .mcard-comp-title,
.master-card-compares .mcard-tiles-title {
    font-family: SyfSans;
    font-weight: 700;
    color: #3b3c43
}

.master-card-compares .dis-free,
.master-card-compares .mcard-summary {
    color: #3b3c43
}

.master-card-compares .scroll-container div div {
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.master-card-compares .offr-percentage-contain {
    box-shadow: 30px 30px 70px 0 rgba(48, 92, 97, .48);
    background-color: #fff
}

.master-card-compares .mcard-activate {
    font-family: SyfSans;
    font-weight: 700
}

.master-card-compares .scroll-container {
    display: -ms-flexbox;
    display: flex
}

.master-card-compares .scroll-container div div {
    border-bottom: 1px solid #adafaf;
    border-right: 1px solid #adafaf
}

.master-card-compares .scroll-container div div:first-of-type {
    text-align: center
}

.master-card-compares .btm-discl {
    font-family: SyfSans-normal;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    color: #3b3c43
}

.master-card-compares .mob-cmp-pos {
    display: none
}

@media (min-width:992px) {
    .master-card-compares {
        padding-top: 155px;
        padding-left: 125px
    }

    .master-card-compares .btm-discl {
        display: -ms-flexbox;
        display: flex;
        padding-left: 9px
    }

    .master-card-compares .offr-percentage-contain .mcard-tiles-title {
        height: 298px !important
    }

    .master-card-compares .mcard-img-contain {
        width: 164px;
        padding-top: 30px
    }

    .master-card-compares .scroll-container {
        padding-left: 7px;
        position: relative;
        margin-top: -113px
    }

    .master-card-compares .btm-discl {
        width: 482px;
        margin-top: 51px
    }

    .master-card-compares .scroll-container div div:first-of-type {
        padding: 24px 2px;
        height: 102px
    }

    .master-card-compares .scroll-container div div:nth-of-type(2) {
        height: 117px
    }

    .master-card-compares .scroll-container div div:nth-of-type(3),
    .master-card-compares .scroll-container div div:nth-of-type(4) {
        height: 103px
    }

    .master-card-compares .scroll-container div div:nth-last-of-type(1) {
        height: 117px
    }

    .master-card-compares .mcard-tiles-title {
        min-height: 80px;
        font-size: 36px;
        line-height: 1.11;
        padding: 38px 18px 42px !important
    }

    .master-card-compares .dis-free {
        font-size: 24px
    }

    .master-card-compares .dis-free-one .dis-free {
        padding-left: 54px !important;
        padding-right: 54px !important
    }

    .master-card-compares .mcard-activate {
        padding-top: 36px
    }

    .master-card-compares .mcard-cpmare {
        width: 313px;
        height: 541px;
        margin-top: 203px
    }

    .master-card-compares .mcard-comp-title {
        width: 790px;
        height: 144px;
        line-height: 1.3;
        font-size: 60px
    }

    .master-card-compares .offr-percentage-contain {
        width: 374px;
        height: 765px
    }

    .master-card-compares .discover-freedom {
        width: 255px;
        height: 541px;
        margin-top: 203px
    }

    .master-card-compares .mcard-summary {
        padding-right: 27px
    }

    .master-card-compares .mob-activate {
        display: -ms-flexbox;
        display: flex
    }

    .master-card-compares .mcard-activate .mob-activate {
        border-radius: 2px;
        border: solid 2px #006899;
        background-color: #016899;
        font-size: 16px;
        line-height: normal;
        letter-spacing: .37px;
        color: #fff;
        width: 250px;
        height: 50px;
        padding: 7.5px 0;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        z-index: 999;
        position: relative;
        text-decoration: none
    }

    .master-card-compares .mcard-activate .mob-activate:hover {
        color: #fff;
        border: solid 2px #01426a;
        background-color: #01426a
    }
}

@media (min-width:768px) {
    .master-card-compares .mcard-summary {
        font-size: 20px
    }

    .master-card-compares .btm-discl {
        font-size: 16px
    }

    .master-card-compares .mcard-activate {
        width: 651px;
        line-height: .75;
        font-size: 24px;
        letter-spacing: normal;
        color: #006899
    }

    .master-card-compares .mcard-purchase-perc {
        height: 118px !important
    }
}

.master-card-compares .mcard-summary.cprop-style {
    border-left: 1px solid #adafaf
}

.master-card-compares .discover-freedom .disfree-percent,
.master-card-compares .discover-freedom .mcard-check-close {
    border-right: 1px solid #adafaf
}

.master-card-compares .dis-free-one .dis-free,
.master-card-compares .mcard-summary.cprop-style.dum-ele {
    border-left: 0 none
}

@media (min-width:768px) and (max-width:991px) {
    .master-card-compares {
        background: url(/sites/syfbank/images/compare-bg-tab.png);
        padding-bottom: 35px;
        padding-top: 80px;
        padding-left: 30px
    }

    .master-card-compares .dis-free {
        font-size: 18px
    }

    .master-card-compares .btm-discl {
        width: 60%
    }

    .master-card-compares .dis-free-one .dis-free {
        padding: 0 25px
    }

    .master-card-compares .discover-freedom div:first-of-type,
    .master-card-compares .mcard-cpmare div:first-of-type {
        height: 68px
    }

    .master-card-compares .mcard-purchase-perc {
        height: 118px !important
    }

    .master-card-compares .mcard-summary {
        padding-right: 26px
    }

    .master-card-compares .scroll-container div div:first-of-type {
        height: 69px
    }

    .master-card-compares .scroll-container div div:nth-of-type(2) {
        height: 117px
    }

    .master-card-compares .scroll-container div div:nth-of-type(3),
    .master-card-compares .scroll-container div div:nth-of-type(4) {
        height: 103px
    }

    .master-card-compares .scroll-container div div:nth-last-of-type(1) {
        height: 117px
    }

    .master-card-compares .mcard-tiles-title {
        width: 100%;
        font-size: 32px;
        line-height: 1.13
    }

    .master-card-compares .offr-percentage-contain .mcard-tiles-title {
        padding: 7px 9px 30px !important
    }

    .master-card-compares .mcard-cpmare {
        width: 208px;
        height: 507px;
        margin-top: 188px
    }

    .master-card-compares .discover-freedom {
        width: 163px;
        height: 507px;
        margin-top: 187px
    }

    .master-card-compares .mcard-comp-title {
        width: 664px;
        font-size: 36px;
        line-height: normal
    }

    .master-card-compares .mcard-activate {
        padding-top: 20px
    }

    .master-card-compares .scroll-wrapper {
        margin-top: 55px
    }

    .master-card-compares .mcard-compare-wrapper {
        position: absolute
    }

    .master-card-compares .offr-percentage-contain {
        width: 238px;
        height: 716px
    }

    .master-card-compares .mcard-img-contain {
        width: 136px;
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        padding-top: 30px
    }

    .master-card-compares .offr-percentage-contain .mcard-tiles-title {
        height: 249px !important
    }

    .master-card-compares .mob-activate {
        display: -ms-flexbox;
        display: flex
    }

    .master-card-compares .mcard-activate .mob-activate {
        border-radius: 2px;
        border: solid 2px #006899;
        background-color: #016899;
        font-size: 16px;
        line-height: normal;
        letter-spacing: .37px;
        color: #fff;
        width: 250px;
        height: 50px;
        padding: 7.5px 0;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .master-card-compares .mcard-summary.dum-ele {
        height: 68px
    }
}

.master-card-compares .discover-freedom div:last-child,
.master-card-compares .mcard-cpmare div:last-child {
    border-bottom: 1px solid #adafaf
}

@media (min-width:768px) and (max-width:833px) {
    .master-card-compares .mcard-cpmare {
        width: 162px
    }

    .master-card-compares .offr-percentage-contain {
        width: 228px
    }
}

.master-card-compares .mcard-summary {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

@media (min-width:992px) and (max-width:1024px) {
    .master-card-compares {
        padding-left: 8%;
        padding-right: 8%
    }

    .master-card-compares .scroll-container {
        margin-top: -32px
    }

    .master-card-compares .mcard-cpmare {
        width: 240px
    }

    .master-card-compares .discover-freedom {
        width: 152px
    }

    .master-card-compares .offr-percentage-contain {
        width: 320px
    }

    .master-card-compares .scroll-container {
        padding-left: 0
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .master-card-compares {
        padding-left: 9%;
        padding-right: 9%
    }

    .master-card-compares .scroll-container {
        margin-top: -32px
    }
}

@media (min-width:1025px) and (max-width:1439px) {
    .master-card-compares .mcard-cpmare {
        width: 270px !important
    }

    .master-card-compares .discover-freedom {
        width: 210px !important
    }

    .master-card-compares .offr-percentage-contain {
        width: 310px !important
    }
}

@media (min-width:1200px) {
    .master-card-compares .scroll-container {
        margin-top: -113px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .master-card-compares {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media (max-width:767px) {
    .master-card-compares {
        background: url(/sites/syfbank/images/compare-bg-mob.png);
        padding-bottom: 27px;
        padding-top: 34px
    }

    .master-card-compares .desk-cmp-pos {
        display: none
    }

    .master-card-compares .mob-cmp-pos {
        display: block
    }

    .master-card-compares .dsk-act-txt {
        display: none
    }

    .master-card-compares .mcard-img-contain {
        height: 41px;
        width: 65px;
        margin-top: 10px
    }

    .master-card-compares .mcard-img-contain img {
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12)
    }

    .master-card-compares .btm-discl {
        font-size: 14px
    }

    .master-card-compares .mcard-compare-wrapper {
        padding: 0 20px
    }

    .master-card-compares .scroll-wrapper {
        margin-top: 18px
    }

    .master-card-compares .scroll-container {
        overflow-x: scroll;
        overflow-y: hidden
    }

    .master-card-compares .mcard-check-close img {
        width: 22px;
        height: 22px
    }

    .master-card-compares .dis-free {
        font-size: 18px
    }

    .master-card-compares .mcard-tiles-title {
        height: 56px;
        font-size: 21px;
        line-height: 1.33
    }

    .master-card-compares .scroll-container div div:first-of-type {
        padding: 0 2px;
        height: 78px
    }

    .master-card-compares .scroll-container div div:nth-of-type(2) {
        height: 117px
    }

    .master-card-compares .scroll-container div div:nth-of-type(3),
    .master-card-compares .scroll-container div div:nth-of-type(4) {
        height: 103px
    }

    .master-card-compares .scroll-container div div:nth-last-of-type(1) {
        height: 117px
    }

    .master-card-compares .mcard-purchase-perc {
        height: 118px !important
    }

    .master-card-compares .mcard-summary {
        font-size: 14px;
        padding-right: 9px;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .master-card-compares .mcard-summary:not(:first-of-type) {
        box-shadow: 30px 30px 70px 0 rgba(48, 92, 97, .18)
    }

    .master-card-compares .discover-freedom {
        width: 105px;
        height: 517px;
        margin-top: 82px
    }

    .master-card-compares .mcard-cpmare {
        margin-top: 82px;
        height: 517px;
        position: absolute
    }

    .master-card-compares .mcard-cpmare div {
        width: 101px
    }

    .master-card-compares .discover-freedom div {
        width: 105px
    }

    .master-card-compares .dis-free-one {
        margin-left: 101px
    }

    .master-card-compares .mob-activate {
        display: -ms-flexbox;
        display: flex
    }

    .master-card-compares .mcard-comp-title {
        width: 335px;
        font-size: 30px;
        line-height: 1.33
    }

    .master-card-compares .offr-percentage-contain {
        height: 620px;
        background: #f9f9f9
    }

    .master-card-compares .mcard-activate .mob-activate {
        border-radius: 2px;
        border: solid 2px #006899;
        background-color: #016899;
        font-size: 16px;
        line-height: normal;
        letter-spacing: .37px;
        color: #fff;
        width: 170px;
        padding: 7.5px 0;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .master-card-compares .mcard-activate {
        padding-top: 16px
    }

    .master-card-compares .mcard-tiles-title {
        padding-top: 9px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        height: 153px !important
    }

    .master-card-compares .btm-discl {
        width: 80%;
        padding-left: 10px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .master-card-compares {
        padding-left: 10%
    }

    .master-card-compares .mcard-tiles-title {
        width: 184px
    }
}

.master-card-compares .dum-ele {
    background-color: #f1f2f2 !important
}

@media (min-width:1500px) {
    .master-card-compares {
        padding-left: 10%
    }
}

@media (min-width:1600px) {
    .master-card-compares {
        padding-left: 13%
    }
}

@media (min-width:1700px) {
    .master-card-compares {
        padding-left: 15%
    }
}

@media (min-width:1900px) {
    .master-card-compares {
        padding-left: 17%
    }
}

@media (min-width:1440px) {
    .ie .syf-master-card {
        display: -ms-flexbox;
        display: flex;
        width: 337px;
        margin-bottom: 30px;
        min-height: 82px
    }
}

@media (min-width:992px) and (max-width:1439px) {
    .ie .master-card-compares .mcard-tiles-title {
        padding: 30px 18px 42px !important
    }

    .ie .syf-master-card {
        display: -ms-flexbox;
        display: flex;
        width: 325px;
        margin-bottom: 30px;
        min-height: 82px
    }
}

.master-card-compares .scroll-container div div:nth-last-of-type(1) {
    border-bottom: 0 none
}

.dis-free-one div:last-child,
.dis-free-two div:last-child,
.mcard-cpmare div:last-child {
    border-bottom: 1px solid #adafaf !important
}

.dis-free-two div,
.master-card-compares .scroll-container div:last-child div {
    border-right: 0 none !important
}

.offr-percentage-contain {
    border: 1px solid #adafaf;
    border-top: 0 none
}

.gpcc-exp-more {
    background: #fff
}

.gpcc-exp-more .exp-more-btm,
.gpcc-exp-more .exp-more-top {
    display: -ms-flexbox;
    display: flex
}

.gpcc-exp-more:after {
    position: absolute;
    content: "";
    border: 30px solid red;
    margin-top: -232px;
    right: 0;
    border-top: 5px solid #fbc600;
    border-bottom: 5px solid #fbc600;
    border-left: 197.5px solid #fbc600;
    border-right: 197.5px solid #fbc600
}

.gpcc-exp-more .exp-more-title {
    font-family: SyfSans;
    font-weight: 700;
    color: #3b3c43
}

.gpcc-exp-more .lcards-title,
.gpcc-exp-more .rcards-title {
    color: #3b3c43
}

.gpcc-exp-more .lcards-desc,
.gpcc-exp-more .rcards-desc,
.gpcc-exp-more .tdesc {
    font-family: SyfSans-normal;
    font-weight: 400;
    color: #3b3c43
}

.gpcc-exp-more .exp-more-btm {
    background-color: #58a7af;
    border-radius: 10px;
    position: relative
}

@media (min-width:768px) {
    .gpcc-exp-more .exp-more-bright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .gpcc-exp-more .exp-more-btm {
        position: relative
    }
}

.gpcc-exp-more .exp-more-tright {
    z-index: 1
}

@media (min-width:992px) {
    .gpcc-exp-more {
        padding-bottom: 60px;
        padding-top: 72px
    }

    .gpcc-exp-more .exp-more-top {
        padding-left: 131px
    }

    .gpcc-exp-more .exp-more-tleft {
        padding: 47px 30px 30px 0
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-right: 20px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-bottom: 40px
    }

    .gpcc-exp-more .lcards-desc,
    .gpcc-exp-more .rcards-desc {
        margin-top: 24px
    }

    .gpcc-exp-more .exp-more-lcards,
    .gpcc-exp-more .exp-more-rcards {
        width: 376px;
        min-height: 380px;
        padding: 50px 28.5px
    }

    .gpcc-exp-more .exp-more-tright {
        width: 573px
    }

    .gpcc-exp-more .exp-more-title {
        width: 574px;
        font-size: 60px;
        line-height: 1.03
    }

    .gpcc-exp-more .tdesc {
        width: 545px;
        font-size: 28px;
        margin-top: 36px;
        line-height: 1.29;
        padding-right: 29px
    }

    .gpcc-exp-more .lcards-title,
    .gpcc-exp-more .rcards-title {
        width: 320px;
        min-height: 82px;
        font-size: 36px
    }

    .gpcc-exp-more .lcards-desc,
    .gpcc-exp-more .rcards-desc {
        width: 320px;
        min-height: 112px;
        font-size: 20px;
        line-height: 1.4
    }

    .gpcc-exp-more .exp-more-btm {
        margin-top: -206px;
        padding-top: 75px;
        margin-right: 41px;
        margin-left: 41px;
        padding-left: 91px;
        padding-bottom: 163px
    }
}

.gpcc-exp-more .exp-more-lcards,
.gpcc-exp-more .exp-more-rcards {
    background-color: #fff
}

.gpcc-exp-more .lcards-desc,
.gpcc-exp-more .rcards-desc,
.gpcc-exp-more .tdesc {
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:991px) {
    .gpcc-exp-more {
        padding: 60px 20px
    }

    .gpcc-exp-more .tdesc {
        font-size: 18px;
        line-height: 1.56
    }

    .gpcc-exp-more .exp-more-contain {
        position: relative
    }

    .gpcc-exp-more:after {
        margin-top: -77px
    }

    .gpcc-exp-more .exp-more-tright {
        width: 321px;
        height: 391px;
        margin-top: 147px
    }

    .gpcc-exp-more .exp-more-btm {
        margin-top: -101px;
        padding: 127px 71px 167px 51px
    }

    .gpcc-exp-more .exp-more-title {
        width: 490px;
        font-size: 40px;
        line-height: 1.35;
        position: absolute
    }

    .gpcc-exp-more .tdesc {
        width: 357px;
        padding-top: 29px;
        margin-top: 117px;
        margin-right: 38px
    }

    .gpcc-exp-more .lcards-title,
    .gpcc-exp-more .rcards-title {
        min-width: 255px;
        max-width: 283px;
        font-size: 32px
    }

    .gpcc-exp-more .lcards-desc,
    .gpcc-exp-more .rcards-desc {
        width: 265px;
        font-size: 20px;
        line-height: 1.4
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-right: 21px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-bottom: 40px
    }

    .gpcc-exp-more .exp-more-lcards,
    .gpcc-exp-more .exp-more-rcards {
        padding: 23px 16px 48px 27px;
        width: 326px;
        min-height: 349px
    }

    .gpcc-exp-more .lcards-desc,
    .gpcc-exp-more .rcards-desc {
        padding-top: 41px
    }

    .gpcc-exp-more .exp-more-tleft {
        margin-left: 31px
    }
}

@media (max-width:767px) {
    .gpcc-exp-more {
        padding: 52px 17px 30px
    }

    .gpcc-exp-more:after {
        border-left: 95px solid #fbc600;
        border-right: 95px solid #fbc600;
        margin-top: -40px
    }

    .gpcc-exp-more .exp-more-btm {
        padding: 199px 8px 80px
    }

    .gpcc-exp-more .tdesc {
        font-size: 20px;
        line-height: 1.4
    }

    .gpcc-exp-more .exp-more-bleft,
    .gpcc-exp-more .exp-more-bright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: center;
        align-items: center
    }

    .gpcc-exp-more .exp-more-btm,
    .gpcc-exp-more .exp-more-top {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .gpcc-exp-more .exp-more-btm {
        margin-top: -200px
    }

    .gpcc-exp-more .exp-more-tright {
        margin-top: 30px;
        text-align: right;
        padding-right: 16px
    }

    .gpcc-exp-more .exp-more-tright img {
        width: 180px;
        height: 219px
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-bottom: 20px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-top: 10px
    }

    .gpcc-exp-more .exp-more-lcards,
    .gpcc-exp-more .exp-more-rcards {
        padding: 38px 27px;
        width: 326px;
        min-height: 331px
    }

    .gpcc-exp-more .exp-more-title {
        font-size: 28px;
        line-height: 1.21
    }

    .gpcc-exp-more .tdesc {
        margin-top: 30px
    }

    .gpcc-exp-more .lcards-title,
    .gpcc-exp-more .rcards-title {
        min-height: 68px;
        font-size: 28px;
        line-height: 1.21
    }

    .gpcc-exp-more .lcards-desc,
    .gpcc-exp-more .rcards-desc {
        width: 272px;
        min-height: 131px;
        font-size: 18px;
        line-height: 1.56;
        padding-top: 28px
    }
}

@media (min-width:1251px) and (max-width:1439px) {
    .gpcc-exp-more .exp-more-top {
        padding-left: 100px;
        padding-bottom: 80px
    }

    .gpcc-exp-more .exp-more-btm {
        padding-left: 45px;
        padding-bottom: 163px;
        margin-left: 33px;
        margin-right: 33px
    }

    .gpcc-exp-more .exp-more-tright {
        width: 500px
    }
}

@media (min-width:992px) and (max-width:1250px) {
    .gpcc-exp-more .exp-more-top {
        padding-left: 70px
    }

    .gpcc-exp-more .exp-more-btm {
        padding-left: 40px;
        margin-left: 25px;
        margin-right: 25px;
        margin-top: -84px
    }

    .gpcc-exp-more .exp-more-title {
        height: auto
    }

    .gpcc-exp-more .exp-more-title,
    .gpcc-exp-more .tdesc {
        width: 100%
    }

    .gpcc-exp-more .exp-more-tleft {
        width: 45%
    }

    .gpcc-exp-more .exp-more-tright {
        width: 48%;
        margin-top: 10rem;
        margin-right: 20px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .gpcc-exp-more .exp-more-btm {
        padding: 127px 12px 167px 28px
    }

    .gpcc-exp-more .tdesc {
        width: 320px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .gpcc-exp-more .exp-more-tright {
        margin-top: 0
    }
}

@media (max-width:360px) {

    .gpcc-exp-more .exp-more-lcards,
    .gpcc-exp-more .exp-more-rcards {
        width: 312px
    }
}

@media (min-width:1500px) {
    .gpcc-exp-more .exp-more-btm {
        padding-left: calc(10% - 41px)
    }

    .gpcc-exp-more .exp-more-top {
        padding-left: 10%
    }

    .gpcc-exp-more .exp-more-title,
    .gpcc-exp-more .tdesc {
        width: 600px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-bottom: 77px
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-right: 100px
    }
}

@media (min-width:1600px) {

    .gpcc-exp-more .exp-more-title,
    .gpcc-exp-more .tdesc {
        width: 650px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-bottom: 87px
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-right: 120px
    }
}

@media (min-width:1800px) {
    .gpcc-exp-more .exp-more-btm {
        padding-left: calc(10% - 41px)
    }

    .gpcc-exp-more .exp-more-top {
        padding-left: 10%
    }

    .gpcc-exp-more .exp-more-title,
    .gpcc-exp-more .tdesc {
        width: 750px
    }

    .gpcc-exp-more .exp-more-lcards:first-of-type {
        margin-bottom: 97px
    }

    .gpcc-exp-more .exp-more-lcards {
        margin-right: 130px
    }
}

.re-contact-land {
    position: relative;
    background: #f9f9f9
}

.re-contact-land a {
    text-decoration: none
}

.re-contact-land .cland-cards {
    background-color: #fff
}

.re-contact-land .ccard-contain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.re-contact-land .cland-inner:after {
    position: absolute;
    content: "";
    height: 10px;
    background: #fbc600;
    right: 0
}

.re-contact-land .cc1 .ccard-img-contain {
    width: 72.2px;
    height: 70px
}

.re-contact-land .cc2 .ccard-img-contain {
    width: 112px;
    height: 70px
}

.re-contact-land .cc3 .ccard-img-contain {
    width: 102px;
    height: 70px
}

.re-contact-land .cland-card-title {
    font-size: 28px
}

.re-contact-land .gpcc-cland-contain {
    display: -ms-flexbox;
    display: flex
}

.re-contact-land .cland-card-des {
    font-size: 16px;
    line-height: 1.25
}

@media (min-width:992px) {
    .re-contact-land {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .re-contact-land .cland-title {
        line-height: 1.03
    }

    .re-contact-land .cland-tagline {
        width: 464px;
        padding-top: 12px
    }

    .re-contact-land .cland-card-title {
        padding-top: 80px
    }

    .re-contact-land .cland-cards {
        width: 376px;
        height: 350px;
        box-shadow: 30px 30px 70px 0 rgba(0, 0, 0, .08);
        padding: 30px;
        margin-right: 24px
    }

    .re-contact-land .cland-cards:last-child {
        margin-right: 0
    }

    .re-contact-land .cland-card-des {
        line-height: 1.4;
        padding-top: 8px;
        font-size: 20px
    }

    .re-contact-land .gpcc-cland-contain {
        padding-top: 40px
    }

    .re-contact-land .cland-inner:after {
        width: 405px;
        margin-top: 174px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .re-contact-land {
        padding: 180px 129px 20px
    }

    .re-contact-land .cland-title {
        line-height: 1.03;
        width: 319px
    }

    .re-contact-land .cland-tagline {
        width: 483px;
        padding-top: 10px
    }

    .re-contact-land .cland-card-title {
        width: 227px;
        padding-top: 36px
    }

    .re-contact-land .cland-card-des {
        width: 227px;
        padding-top: 8px
    }

    .re-contact-land .cc1 .ccard-img-contain {
        width: 61.9px;
        height: 60px;
        margin-bottom: 10px
    }

    .re-contact-land .cc1 {
        margin-right: 24px
    }

    .re-contact-land .cland-cards {
        width: 276px;
        height: 300px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .04);
        padding: 30px 19px 30px 30px;
        margin-bottom: 20px
    }

    .re-contact-land .cland-cards:last-child {
        margin-bottom: 0
    }

    .re-contact-land .cland-cards:first-child {
        margin-right: 24px
    }

    .re-contact-land .gpcc-cland-contain {
        padding-top: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .re-contact-land .cland-inner:after {
        width: 321px;
        margin-top: 95px;
        margin-bottom: -50px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .re-contact-land {
        padding: 180px 90px 20px
    }
}

@media (min-width:768px) {
    .re-contact-land .cland-title {
        font-size: 60px;
        width: 325px
    }

    .re-contact-land .cland-tagline {
        font-size: 20px;
        line-height: 1.4
    }
}

@media (max-width:767px) {
    .re-contact-land {
        padding: 125px 16px 120px
    }

    .re-contact-land .cland-title {
        font-size: 36px;
        width: 330px;
        line-height: normal
    }

    .re-contact-land .cland-tagline {
        font-size: 16px;
        line-height: 1.25;
        padding-top: 10px
    }

    .re-contact-land .cland-card-title {
        width: 283px;
        padding-top: 40px
    }

    .re-contact-land .cland-card-des {
        width: 283px;
        padding-top: 8px
    }

    .re-contact-land .cland-cards {
        width: 343px;
        height: 300px;
        box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, .1);
        padding: 25.7px 30px 30px 30px;
        margin-bottom: 16px
    }

    .re-contact-land .cland-cards:last-child {
        margin-bottom: 0
    }

    .re-contact-land .gpcc-cland-contain {
        padding-top: 40px;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .re-contact-land .cland-inner:after {
        width: 109px;
        margin-top: 178px
    }

    .re-contact-land .cc1 .ccard-img-contain {
        width: 62px;
        height: 60px
    }

    .re-contact-land .cc2 .ccard-img-contain {
        width: 100px;
        height: 63px
    }
}

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

    .re-contact-land .cland-tagline,
    .re-contact-land .cland-title {
        width: 70%
    }

    .re-contact-land .cland-tagline {
        width: 343px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .re-contact-land {
        padding: 200px 30px 95px
    }

    .re-contact-land .cland-cards {
        width: 295px
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .re-contact-land {
        padding: 200px 20px 95px
    }

    .re-contact-land .cland-cards {
        width: 295px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .re-contact-land {
        padding: 200px 45px 99px
    }
}

@media (min-width:1200px) and (max-width:1275px) {
    .re-contact-land .cland-cards {
        width: 330px
    }
}

@media (min-width:1300px) and (max-width:1439px) {
    .re-contact-land {
        padding: 200px 80px 75px
    }
}

@media (min-width:1200px) {
    .re-contact-land .cland-card-title {
        width: 291px
    }

    .re-contact-land .cland-card-des {
        width: 316px
    }
}

@media (min-width:1440px) {
    .re-contact-land {
        padding: 200px 129px 75px
    }

    .re-contact-land .gpcc-cland-contain {
        padding-left: 3px;
        padding-right: 3px
    }

    .re-contact-land .cland-card-title {
        width: 291px
    }

    .re-contact-land .cland-card-des {
        width: 316px
    }
}

.breadcrumb-section {
    background-color: #fff
}

.breadcrumb {
    padding: .1em;
    background-color: unset !important
}

.breadcrumb a {
    color: unset
}

.breadcrumb li {
    padding: .05em .25em;
    float: left;
    list-style-type: none;
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: unset !important;
    letter-spacing: normal;
    color: var(--blue-optimum-blue)
}

.breadcrumb li:hover {
    cursor: pointer;
    color: #01426a
}

.breadcrumb li:after {
    content: ">";
    display: inline;
    padding: 0 .0725em 0 .15em;
    color: var(--blue-optimum-blue)
}

.breadcrumb li:last-child {
    color: #000;
    cursor: default
}

.breadcrumb li:last-child:hover {
    cursor: default;
    color: #000
}

.breadcrumb li:last-child:after {
    content: ""
}

.breadcrumb ul {
    padding: 0;
    margin: .25em 0
}

.clear:after,
.clear:before {
    content: ""
}

.clear:after {
    clear: both
}

.clear {
    display: inline-block;
    display: block
}

.yellow-stick {
    padding-bottom: 55px !important
}

.breadcrumb-section {
    padding-left: 5.5% !important
}

#contactus {
    background-color: #f9f9f9
}

#cc-1,
#cc-2,
.call-at.hidden {
    display: none
}

.contact-sp {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #f9f9f9;
    -ms-flex-flow: column;
    flex-flow: column
}

.contact-sp button,
.contact-sp button:focus {
    outline: 0
}

.contact-sp .sp-vmore {
    text-decoration: none
}

.contact-sp:after {
    position: absolute;
    content: "";
    height: 10px;
    background: #fbc600;
    right: 0
}

.contact-sp .sp-call,
.contact-sp .sp-chat,
.contact-sp .sp-support-left {
    background-color: #fff
}

.contact-sp .sp-tit-mob {
    display: none
}

.contact-sp .sp-qwrapper .accordion-header {
    font-family: SyfSans;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
    color: #3b3c43
}

.contact-sp #aAvail a {
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #006899;
    text-decoration: none;
    margin-left: 2px
}

.contact-sp .age-avail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f9f9f9
}

.contact-sp .age-avail .fa-check,
.contact-sp .age-avail span {
    line-height: 1.4;
    font-size: 20px
}

.contact-sp .not-avail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-sp .not-avail span {
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #006899;
    position: relative;
    margin-left: 20px
}

.contact-sp .not-avail span:before {
    content: "";
    position: absolute;
    border: 5px solid #006899;
    border-radius: 50%;
    left: -16px;
    margin-top: 4px
}

.contact-sp .age-avail .fa-check,
.contact-sp .age-avail span {
    color: #3e8529
}

.contact-sp .sp-support {
    padding-top: 40px;
    display: -ms-flexbox;
    display: flex
}

.contact-sp .sp-vmore {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #00689a;
    display: -ms-flexbox;
    display: flex
}

.contact-sp .sp-vmore:hover {
    color: #01426a
}

.contact-sp .cnumber {
    font-size: 16px;
    line-height: 1.25
}

.contact-sp .card-body {
    font-family: SyfSans-normal;
    font-size: 16px
}

.contact-sp .sp-cl-contain,
.contact-sp .sp-support,
.contact-sp .sp-support-right {
    display: -ms-flexbox;
    display: flex
}

.contact-sp .sp-support-right {
    -ms-flex-flow: column;
    flex-flow: column
}

.contact-sp .addr-ltr,
.contact-sp .age-avail,
.contact-sp .call-head,
.contact-sp .chat-head,
.contact-sp .cnumber,
.contact-sp .e-head,
.contact-sp .not-avail,
.contact-sp .sp-chat-icon,
.contact-sp .sp-title {
    margin-bottom: 0
}

.contact-sp .addr-ltr,
.contact-sp .sproducts-faq-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.contact-sp .sp-qwrapper .accordion-header button {
    background-color: #fff;
    border: 0 none;
    padding-top: 24.5px;
    padding-bottom: 28.5px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    font-family: SyfSans;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.22;
    color: #3b3c43;
    text-align: left;
    padding-right: 15px;
    cursor: pointer
}

.contact-sp .sp-qwrapper .accordion-header button span {
    position: absolute;
    right: 0
}

.contact-sp .faq-ac-card {
    border-bottom: 1px solid #e9eae8
}

.contact-sp .sp-qwrapper .accordion-header button[aria-expanded=true] {
    padding-bottom: 14px
}

.contact-sp .sp-qwrapper .accordion-header button[aria-expanded=true] .sp-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.contact-sp .sp-qwrapper .card-body {
    padding-top: 10px
}

.contact-sp .sp-qwrapper .card-body p {
    margin-bottom: 0
}

.contact-sp .sp-qwrapper .card-body a {
    color: #00689a
}

.contact-sp .sproducts-faq-title .frequ-icon {
    width: 40px;
    height: 40px
}

.contact-sp .call-head,
.contact-sp .chat-head,
.contact-sp .e-head {
    font-size: 28px
}

@media (min-width:992px) {
    .contact-sp .faq-tit {
        margin-bottom: 16px
    }

    .contact-sp:after {
        width: 303px;
        bottom: 111px
    }

    .contact-sp .sp-title {
        font-size: 60px;
        line-height: 1.03;
        width: 727px
    }

    .contact-sp .faq-tit {
        margin-top: 40px
    }

    .contact-sp .chat-head {
        width: 172px;
        margin-top: 102px !important
    }

    .contact-sp .sp-chat {
        margin-bottom: 24px
    }

    .contact-sp .sp-call:first-of-type {
        margin-right: 24px
    }

    .contact-sp .sp-call {
        width: 276px
    }

    .contact-sp .sp-support-left {
        margin-right: 24px;
        padding: 30px 15px 40px 30px;
        min-height: 616px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-sp {
        padding: 200px 118px 165px 119px
    }

    .contact-sp:after {
        width: 303px;
        bottom: 80px
    }

    .contact-sp .chat-head {
        font-size: 36px;
        width: 219px;
        margin-top: 81px !important;
        font-size: 36px;
        width: 219px;
        line-height: normal
    }

    .contact-sp .sproducts-faq {
        margin-bottom: 0
    }

    .contact-sp .sp-support {
        -ms-flex-flow: column;
        flex-flow: column;
        width: 597px
    }

    .contact-sp .sp-support-left {
        margin-bottom: 16px;
        padding: 30px 36px 40px 30px;
        width: 597px;
        min-height: 607px
    }

    .contact-sp .sp-title {
        font-size: 50px;
        width: 606px;
        line-height: normal
    }

    .contact-sp .faq-tit {
        margin-top: 30px;
        margin-bottom: 16px
    }

    .contact-sp .sp-chat {
        margin-bottom: 16px;
        width: 597px;
        min-height: 278px
    }

    .contact-sp .sp-call:first-of-type {
        margin-right: 16px
    }

    .contact-sp .sp-call {
        width: 290px;
        min-height: 302px;
        padding: 30px 34px !important
    }

    .contact-sp .sp-cl-contain {
        -ms-flex-flow: row;
        flex-flow: row;
        width: 597px
    }

    .contact-sp .sp-support-right {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-sp .not-avail {
        width: 400px
    }
}

@media (min-width:768px) and (max-width:833px) {
    .contact-sp {
        padding: 200px 80px 165px 80px
    }
}

@media (max-width:767px) {
    .contact-sp {
        padding-top: 125px;
        padding-bottom: 156px
    }

    .contact-sp .sp-tit-dsk {
        display: none
    }

    .contact-sp .sp-tit-mob {
        display: -ms-flexbox;
        display: flex
    }

    .contact-sp .faq-tit {
        margin-bottom: 20px
    }

    .contact-sp:after {
        width: 109px;
        bottom: 71px
    }

    .contact-sp .sp-call {
        min-height: 210px
    }

    .contact-sp .sp-title {
        font-size: 36px;
        line-height: normal;
        padding-left: 25px
    }

    .contact-sp .sp-vmore {
        margin-top: 28px
    }

    .contact-sp .sproducts-faq-title .faq-tit {
        font-size: 28px;
        margin-top: 44px
    }

    .contact-sp .cnumber {
        margin-top: 8px
    }

    .contact-sp .sp-support-left {
        margin-bottom: 20px;
        padding: 40px 20px 40px 20px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .04)
    }

    .contact-sp .sp-support-right {
        width: 100%
    }

    .contact-sp .chat-head {
        width: 172px;
        margin-top: 40px
    }

    .contact-sp .sp-chat .sp-chat-icon {
        width: 51.3px;
        height: 40px
    }

    .contact-sp .sp-call:first-of-type .sp-chat-icon {
        width: 43.8px;
        height: 43.8px
    }

    .contact-sp .sp-call:last-of-type .sp-chat-icon {
        width: 58px;
        height: 41px
    }

    .contact-sp .sp-call,
    .contact-sp .sp-chat {
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .04)
    }

    .contact-sp .sp-chat {
        padding: 30px
    }

    .contact-sp .addr-ltr {
        margin-top: 8px
    }

    .contact-sp .sp-qwrapper .accordion-header button {
        text-align: left;
        padding-top: 20px
    }

    .contact-sp .sp-call {
        padding: 30px;
        margin-top: 16px
    }

    .contact-sp .age-avail {
        margin-top: 26px;
        width: 169px;
        height: 33px
    }

    .contact-sp .age-avail .fa-check,
    .contact-sp .age-avail span {
        font-size: 16px;
        line-height: 2
    }

    .contact-sp .not-avail {
        margin-top: 26px
    }

    .contact-sp .call-head,
    .contact-sp .e-head {
        margin-top: 50px
    }

    .contact-sp .addr-ltr {
        font-size: 20px;
        line-height: 1.4
    }

    .contact-sp .addr-ltr:first-of-type {
        margin-top: 1px
    }

    .contact-sp .sp-cl-contain,
    .contact-sp .sp-support {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .contact-sp .sproducts-faq {
        margin-bottom: 0 !important
    }
}

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

    .contact-sp .sp-call,
    .contact-sp .sp-chat {
        width: 375px
    }

    .contact-sp .sp-title {
        width: 330px
    }

    .contact-sp .sp-support-right {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-sp .not-avail {
        width: 100%
    }
}

@media (min-width:768px) {
    .contact-sp .sp-call {
        padding: 30px 27px
    }

    .contact-sp .sp-faq-btn {
        margin-top: 20px
    }

    .contact-sp .sproducts-faq-title .faq-tit {
        font-size: 36px
    }

    .contact-sp .sp-call,
    .contact-sp .sp-chat {
        box-shadow: 30px 30px 70px 0 rgba(0, 0, 0, .08)
    }

    .contact-sp .sp-call:last-of-type .sp-chat-icon {
        width: 56.6px;
        height: 40px
    }

    .contact-sp .sp-chat .sp-chat-icon {
        width: 50px;
        height: 40px
    }

    .contact-sp .sp-call .sp-chat-icon {
        width: 38.1px;
        height: 40px
    }

    .contact-sp .sp-support-left {
        box-shadow: 30px 30px 70px 0 rgba(0, 0, 0, .08)
    }

    .contact-sp .call-head,
    .contact-sp .chat-head,
    .contact-sp .e-head {
        margin-top: 50px
    }

    .contact-sp .sp-chat {
        padding: 30px
    }

    .contact-sp .addr-ltr {
        font-size: 20px;
        line-height: 1.4
    }

    .contact-sp .age-avail {
        margin-top: 16px;
        width: 217px;
        height: 40px;
        border-radius: 4px
    }

    .contact-sp .not-avail {
        margin-top: 16px;
        width: 100%;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .contact-sp .addr-ltr,
    .contact-sp .cnumber {
        margin-top: 8px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-sp {
        padding: 200px 30px 235px 30px
    }

    .contact-sp .sp-support-left,
    .contact-sp .sp-support-right {
        width: 50%
    }

    .contact-sp .sp-qwrapper .accordion-header button {
        text-align: left
    }

    .contact-sp .sproducts-faq {
        margin-bottom: 0
    }

    .contact-sp .sp-call {
        min-height: 302px
    }

    .contact-sp .sp-chat {
        min-height: 290px
    }

    .contact-sp .not-avail {
        width: 300px
    }
}

@media (min-width:1200px) {
    .contact-sp {
        padding: 200px 70px 235px
    }

    .contact-sp .not-avail span {
        width: 536px
    }

    .contact-sp .sp-support-left {
        width: 576px;
        min-height: 616px
    }

    .contact-sp .sp-call {
        min-height: 302px
    }

    .contact-sp .sp-chat {
        min-height: 290px
    }

    .contact-sp .not-avail {
        width: 510px
    }
}

@media (min-width:1300px) {
    .contact-sp {
        padding: 200px 90px 235px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .contact-sp .sp-chat {
        width: 576px;
        min-height: 290px
    }

    .contact-sp .sp-call {
        width: 276px;
        min-height: 302px
    }
}

@media (min-width:1440px) {
    .contact-sp {
        padding: 200px 132px 235px
    }
}

.contact-sp .hide {
    display: none
}

@media (min-width:992px) {

    .edgeb .sp-title,
    .ie .sp-title {
        width: 728px
    }
}

.call-status {
    display: -ms-flexbox;
    display: flex;
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3b3c43;
    cursor: pointer;
    background: 0 0;
    border: none
}

.call-details {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43
}

.call-details.hidden {
    display: none
}

.call-details[aria-expanded=false] .avail-arrow img {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (min-width:1200px) {
    .sp-cl-contain {
        width: 576px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .call-details {
        bottom: -132px
    }
}

.sp-cl-contain {
    position: relative
}

.show-avail {
    padding-top: 16px
}

.call-status.open img {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.call-timing {
    padding-top: 21px;
    margin-bottom: 0
}

.avail-txt {
    margin-right: 2px
}

@media (max-width:767px) {
    .sp-call:nth-child(2) {
        -ms-flex-order: 3;
        order: 3
    }

    .call-details {
        -ms-flex-order: 2;
        order: 2
    }

    .sp-call:last-of-type {
        -ms-flex-order: 3;
        order: 3
    }

    .call-details {
        padding: 30px 49px 30px 20px
    }
}

@media (min-width:768px) {
    .call-details {
        padding: 30px 49px 0 22px;
        position: absolute
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .contact-sp.contact-avail {
        padding: 200px 30px 300px 30px
    }

    .call-details {
        padding: 30px 49px 30px 32px;
        bottom: -160px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .call-details {
        bottom: -170px
    }
}

@media (min-width:1200px) {
    .contact-sp.contact-avail {
        padding-bottom: 300px !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .contact-sp .sp-cl-contain {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .call-details {
        width: 375px
    }
}

@media (max-width:767px) {
    .sp-chat-icon {
        width: 38px
    }
}

.syn-cards {
    overflow-x: hidden;
    background-color: #f9f9f9;
}

.syn-cards .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.syn-cards .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.syn-cards .slick-list:focus {
    outline: 0
}

.syn-cards .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.syn-cards .slick-slider .slick-list,
.syn-cards .slick-slider .slick-track {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.syn-cards .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.syn-cards .slick-track:after,
.syn-cards .slick-track:before {
    display: table;
    content: ""
}

.syn-cards .slick-track:after {
    clear: both
}

.syn-cards .slick-loading .slick-track {
    visibility: hidden
}

.syn-cards .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.syn-cards [dir=rtl] .slick-slide {
    float: right
}

.syn-cards .slick-slide img {
    display: inline-block
}

.syn-cards .slick-slide.slick-loading img {
    display: none
}

.syn-cards .slick-slide.dragging img {
    pointer-events: none
}

.syn-cards .slick-initialized .slick-slide {
    display: block
}

.syn-cards .slick-loading .slick-slide {
    visibility: hidden
}

.syn-cards .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.syn-cards .slick-arrow.slick-hidden {
    display: none
}

.syn-cards .container-fluid {
    width: 100%
}

.syn-cards-comp-tabs {
    display: none
}

.syn-cards-slider-wrapper {
    width: 100%
}

.syn-cards-comp-wrapper {
    display: -ms-flexbox;
    display: flex
}

.syn-cards-slider-card-img img {
    max-width: 100%;
    display: block
}

.syn-cards-slider-card-img {
    margin-bottom: 2rem
}

.syn-cards-slider-card-text p span.text-bold {
    font-family: SyfSans
}

.syn-cards-slider-card-text p {
    font-family: SyfSans-normal;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal
}

.syn-cards-comp-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.syn-cards-slider-card {
    padding-right: 1.5rem
}

.syn-cards-slider-top .syn-cards-slider-top-txt-1 {
    font-family: SyfSans;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43
}

.syn-cards-slider-top .syn-cards-slider-top-txt-2 {
    font-family: SyfSans;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3b3c43;
    padding-top: .5rem;
    padding-bottom: 2rem
}

/* Manisha Singh- WCWFT-413 image align defect fix */
@media screen and (max-width: 325px) {
    .syn-cards-slider-top .syn-cards-slider-top-txt-2 {
        font-size: 28px;
    }
}

.syn-cards-comp-wrapper .slick-dots {
    bottom: -75px
}

.syn-cards-comp-wrapper .slick-dots {
    bottom: -70px
}

/* Changed color by sumati as part of ADA */
.syn-cards-comp-wrapper .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
}

.syn-cards-comp-wrapper .slick-dots li button:before {
    font-size: 30px
}

.syn-cards-comp-wrapper .slick-dots li {
    width: 15px;
    height: 15px
}

.syn-cards-slider-button {
    margin-top: 32px
}

.syn-cards-slider-button .syn-gpcc-apply-btn {
    width: 8rem;
    background-color: #016899;
    color: #fff;
    font-family: SyfSans
}

.syn-cards-slider-button .syn-gpcc-apply-btn:hover {
    background-color: #01426a
}

@media screen and (min-width:768px) {
    .syn-cards-comp-wrapper {
        padding-left: 3rem;
        padding-right: 3rem;
        padding-top: 5rem
    }

    .syn-cards-slider-card {
        padding-right: 3rem
    }

    .syn-cards-slider-card-text p {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal
    }
}

@media screen and (min-width:1024px) {
    .syn-cards-comp-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

    .syn-cards-comp-tabs {
        display: -ms-flexbox;
        display: flex;
        width: 40%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 1.5rem
    }

    .syn-cards-tab {
        height: 8.7rem;
        margin-bottom: 2rem;
        padding: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: 29rem;
        cursor: pointer;
        border-radius: 2px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
        border: solid 1px #e9eaeb;
        max-width: 100%
    }

    .syn-cards-tab.active {
        background: #006899;
        margin-left: 1rem
    }

    .syn-cards-tab.active .syn-cards-tab-text-1 {
        color: #fff
    }

    .syn-cards-tab.active .syn-cards-tab-text-2 {
        color: #fff
    }

    .syn-cards-slider-wrapper {
        width: 60%;
        padding-left: 1.5rem
    }

    .syn-cards-tab-text-1 {
        font-family: SyfSans;
        font-size: 16px;
        color: #3b3c43;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        padding-bottom: 1rem
    }

    .syn-cards-tab-text-2 {
        font-family: SyfSans;
        font-size: 25px;
        color: #3b3c43;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        position: relative
    }

    .syn-cards-tab-text-2 span.syn-arrow-icon {
        font-size: 32px;
        position: absolute;
        right: 0;
        top: 3px
    }

    .syn-cards-slider-card-img {
        padding-left: 5px;
        padding-right: 5px
    }

    .syn-cards-slider-card-text {
        padding-left: 5px;
        padding-right: 5px
    }

    .syn-cards-slider-card-text p {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        color: #3b3c43
    }

    .syn-cards-slider-top {
        display: none
    }

    .syn-cards-slider-card {
        padding-right: 0
    }
}

@media screen and (min-width:1280px) {
    .syn-cards-tab-text-2 {
        font-size: 32px
    }
}

@media screen and (min-width:1439px) {
    .syn-cards-comp-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
        padding-left: 10rem;
        padding-right: 10rem
    }

    .syn-cards-comp-tabs {
        padding-right: 3rem
    }

    .syn-cards-slider-wrapper {
        padding-left: 3rem
    }
}

.syn-cards-slider-card-img {
    position: relative
}

.gpcc-comp-card-video-ctrl {
    width: 3.5rem;
    position: absolute;
    margin: auto;
    top: 42%;
    left: 46%
}

.gpcc-comp-card-video-ctrl a:focus,
.gpcc-head .gpcc-label .label-title-button:focus {
    outline: 2px solid #3b3d49 !important;
}

.syn-cards-slider-button a:focus {
    outline: 2px solid #3b3d49 !important;
    outline-offset: 2px !important;
}

#gpccCompareCardModal .modal-dialog {
    width: 585px;
    margin: 50px auto 0;
    max-width: 100%
}

#gpccCompareCardModal .modal-dialog .modal-content {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    border: none
}

#gpccCompareCardModal .modal-dialog .modal-body {
    text-align: center;
    padding: 0;
    line-height: 0
}

#gpccCompareCardModal .modal-dialog iframe {
    max-width: 100%;
    height: 350px
}

@media screen and (min-width:1900px) {
    .syn-cards-comp-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem;
        padding-left: 23rem;
        padding-right: 23rem
    }
}

#pv--product-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px
}

.prod-video-container {
    background: #f9f9f9 !important
}

.pv--video-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: red;
    z-index: 1
}

.pv--video-image:hover {
    color: red
}

.pv--video-image .pv--white-background {
    position: absolute;
    z-index: 0;
    background-color: #fff;
    height: 50px;
    width: 50px
}

.pv--video-image .pv--youtube-play {
    position: absolute
}

#pv--ytplayer {
    display: none
}

.pv--text-container {
    margin: 48px 13px 0 13px;
    color: #3b3c43;
    font-family: SyfSans
}

.pv--header {
    font-size: 24px;
    font-weight: 700
}

.pv--text {
    font-family: SyfSans-normal;
    font-size: 20px;
    margin-bottom: 40px
}

.pv--yellow-rectangle {
    margin-top: 33px;
    width: 32px;
    height: 3px;
    border: solid 7px #fbc600
}

.pv--sub-header {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.17;
    color: #3b3c43
}

.pv--button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    font-size: 16px;
    font-family: SyfSans-normal;
    font-weight: 400;
    letter-spacing: .4px
}

.pv--primary-button {
    color: #fff;
    width: 100%;
    height: 50px;
    border-radius: 2px
}

.pv--primary-button a {
    color: #fff
}

.pv--primary-button a:hover {
    text-decoration: none
}

.pv--secondary-button {
    margin-top: 30px;
    width: 100%;
    height: 50px;
    border-radius: 2px;
    border: solid 2px #016899;
    color: #016899;
    background-color: #fff
}

.pv--secondary-button a {
    color: #016899
}

.pv--secondary-button a:hover {
    text-decoration: none
}

@media (min-width:768px) and (max-width:1199px) {
    .pv--white-background {
        position: absolute;
        z-index: 0;
        background-color: #fff;
        height: 50px;
        width: 50px
    }

    .pv--text-container {
        margin: 59.5px 28px 0 28px
    }

    .pv--header {
        font-size: 36px;
        max-width: 381px;
        margin-bottom: 16px
    }

    .pv--text {
        min-width: 382px;
        font-size: 24px;
        margin-bottom: 40px
    }

    .pv--yellow-rectangle {
        display: none
    }

    .pv--sub-header {
        margin-bottom: 40px;
        font-size: 24px
    }

    .pv--button-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pv--primary-button {
        width: 276px;
        border: solid 2px #006899
    }

    .pv--secondary-button {
        margin-top: 0;
        margin-left: 38px;
        width: 276px;
        border: solid 2px #016899
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    .pv--video-image .pv--white-background {
        position: inherit
    }

    .pv--video-image .pv--youtube-play {
        position: absolute;
        top: 50%;
        left: 45%;
        line-height: .3;
        background: #fff;
        width: 55px
    }

    #pv--product-video {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pv--video {
        width: 635px;
        min-width: 635px;
        height: 358px;
        margin-left: 88px;
        position: relative
    }

    .pv--lazy-img {
        width: 635px;
        min-width: 635px;
        min-height: 358px
    }

    .pv--text-container {
        margin: 0 0
    }

    .pv--header {
        font-size: 50px;
        max-width: 513px;
        margin-bottom: 16px
    }

    .pv--text {
        font-size: 24px;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--yellow-rectangle {
        margin-top: 38px;
        width: 32px;
        height: 3px;
        border: solid 7px #fbc600
    }

    .pv--sub-header {
        margin-top: 39px
    }

    .pv--button-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 20px
    }

    .pv--primary-button {
        width: 176px
    }

    #about .pv--primary-button {
        width: 250px
    }

    .pv--secondary-button {
        margin: 0 0 0 24px;
        width: 176px
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .pv--header {
        font-size: 50px;
        max-width: 352px;
        margin-bottom: 16px
    }

    .pv--text {
        font-size: 24px;
        max-width: 352px;
        line-height: 1.56;
        margin-bottom: 40px
    }
}

@media (min-width:1700px) {
    .pv--video-image .pv--white-background {
        position: inherit
    }

    .pv--video-image .pv--youtube-play {
        position: absolute;
        top: 50%;
        left: 45%;
        line-height: .3;
        background: #fff;
        width: 55px
    }

    #pv--product-video {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pv--video {
        width: 635px;
        min-width: 635px;
        height: 358px;
        margin-left: 88px;
        position: relative
    }

    .pv--lazy-img {
        width: 635px;
        min-width: 635px;
        min-height: 358px
    }

    .pv--text-container {
        margin: 0 0
    }

    .pv--header {
        font-size: 50px;
        max-width: 513px;
        margin-bottom: 16px
    }

    .pv--text {
        font-size: 24px;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--yellow-rectangle {
        margin-top: 38px;
        width: 32px;
        height: 3px;
        border: solid 7px #fbc600
    }

    .pv--sub-header {
        margin-top: 39px
    }

    .pv--button-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 20px
    }

    .pv--primary-button {
        width: 176px
    }

    #about .pv--primary-button {
        width: 250px
    }

    .pv--secondary-button {
        margin: 0 0 0 24px;
        width: 176px
    }
}

@media (max-width:767px) {
    #pv--product-video {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 40px
    }

    .pv--header {
        text-align: center;
        font-size: 28px;
        margin-bottom: 16px
    }

    .pv--sub-header {
        text-align: center;
        font-size: 24px
    }

    .pv--button-container {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .pv--video {
        width: 635px !important
    }
}

.prod-video-container {
    background: #fff !important
}

.pv--button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    margin-top: 1.5rem;
    margin-bottom: 4rem;
    font-size: 1rem;
    font-family: SyfSans-normal;
    font-weight: 400;
    letter-spacing: .4px
}

@media screen and (max-width:480px) {
    #pv--product-video-mob {
        display: block !important
    }

    #pv--product-video {
        display: none !important
    }

    .pv--video {
        margin-left: 3%;
        position: relative;
        width: 22.5rem;
        height: 12.75rem
    }

    .pv--text-container {
        margin-left: 7%;
        margin-top: 2rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 22.5rem;
        height: 12.75rem
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px;
        text-align: left
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--button-container {
        margin-left: 1.15rem
    }

    .pv--primary-button {
        height: 2.5rem;
        width: 9rem;
        margin: 0rem 1rem 0 0;
        padding: 0rem 1.5rem .813rem;
        border-radius: 2px;
        font-size: 1rem !important;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.3;
        letter-spacing: normal
    }

    .pv--secondary-button {
        margin-top: 0;
        margin-right: .844rem;
        margin-bottom: 0;
        margin-left: 1rem;
        width: 9.313rem;
        height: 2.5rem;
        border-radius: 2px;
        border: solid 2px #016899;
        color: var(--blue-optimum-blue);
        padding: unset !important
    }
}

@media (min-width:481px) and (max-width:767px) {
    #pv--product-video-mob {
        display: block !important
    }

    #pv--product-video {
        display: none !important
    }

    .pv--video {
        margin-left: 0;
        position: relative
    }

    .pv--text-container {
        margin-left: 7%;
        margin-top: 2rem;
        margin-right: 1rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 42.019rem;
        max-width: 100%
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px;
        text-align: left
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--primary-button {
        height: 2.5rem;
        width: 9rem;
        margin: 0rem 1rem 0 0;
        padding: .2rem 1.5rem .813rem;
        border-radius: 2px;
        font-size: 1rem !important;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.3;
        letter-spacing: normal
    }

    .pv--secondary-button {
        margin-top: 0;
        margin-right: .844rem;
        margin-bottom: 0;
        margin-left: 1rem;
        width: 9.313rem;
        height: 2.5rem;
        border-radius: 2px;
        border: solid 2px #016899;
        color: var(--blue-optimum-blue);
        padding: unset !important
    }
}

@media (min-width:768px) and (max-width:1199px) {
    #pv--product-video-mob {
        display: block !important
    }

    #pv--product-video {
        display: none !important
    }

    .pv--video {
        margin-left: 0;
        position: relative
    }

    .pv--text-container {
        margin-left: 9%;
        margin-top: 2rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 42.019rem;
        height: 23.75rem;
        max-width: 100%
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px;
        text-align: left
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: unset !important;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--primary-button {
        height: 2.5rem;
        width: 9rem;
        margin: 0rem 1rem 0 0;
        padding: 0rem 1.5rem .813rem;
        border-radius: 2px;
        font-size: 1rem !important;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.3;
        letter-spacing: normal
    }

    .pv--secondary-button {
        margin-top: 0;
        margin-right: .844rem;
        margin-bottom: 0;
        margin-left: 1rem;
        width: 9.313rem;
        height: 2.5rem;
        border-radius: 2px;
        border: solid 2px #016899;
        color: var(--blue-optimum-blue);
        padding: unset !important
    }
}

@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) {
    #pv--product-video-mob {
        display: block !important
    }

    #pv--product-video {
        display: none !important
    }

    .pv--video {
        margin-left: 0;
        position: relative
    }

    .pv--text-container {
        margin-left: 21%;
        margin-top: 2rem;
        width: 42.019rem;
        height: 23.75rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 42.019rem;
        height: 23.75rem;
        max-width: 100%
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px;
        text-align: left
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: unset !important;
        line-height: 1.56;
        margin-bottom: 40px
    }

    .pv--primary-button {
        height: 2.5rem;
        width: 9rem;
        margin: 0rem 1rem 0 0;
        padding: 0rem 1.5rem .813rem;
        border-radius: 2px;
        font-size: 1rem !important;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.3;
        letter-spacing: normal
    }

    .pv--secondary-button {
        margin-top: 0;
        margin-right: .844rem;
        margin-bottom: 0;
        margin-left: 1rem;
        width: 9.313rem;
        height: 2.5rem;
        border-radius: 2px;
        border: solid 2px #016899;
        color: var(--blue-optimum-blue);
        padding: unset !important
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    #pv--product-video-mob {
        display: none !important
    }

    #pv--product-video {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pv--video {
        width: 635px;
        min-width: 635px;
        height: 358px;
        margin-left: 0;
        position: relative
    }

    .pv--text-container {
        margin-left: 7%;
        margin-top: 2rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 36rem;
        height: 20.25rem
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }
}

@media (min-width:1700px) {
    #pv--product-video-mob {
        display: none !important
    }

    #pv--product-video {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .pv--video {
        width: 635px;
        min-width: 635px;
        height: 358px;
        margin-left: 0;
        position: relative
    }

    .pv--text-container {
        margin-left: 7%;
        margin-top: 2rem
    }

    .pv--lazy-img {
        min-width: unset !important;
        min-height: unset !important;
        width: 36rem;
        height: 20.25rem
    }

    .pv--header {
        font-size: 2rem;
        max-width: 513px;
        margin-bottom: 16px
    }

    .pv--text {
        font-size: 1.25rem;
        max-width: 513px;
        line-height: 1.56;
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .blog-tab .nobar {
        margin-top: 30px
    }
}

@media (min-width:1700px) {
    .blog-tab .cat-head {
        padding-top: 110px;
        margin: 61px 24.2% 0 22.2%
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    .blog-tab .cat-head {
        margin: 61px 16.2% 0;
        padding-top: 110px
    }
}

@media (max-width:809px) {
    .blog-tab .cat-head {
        margin: 0 3.2% 0 2.2%;
        padding-top: 110px
    }
}

@media (min-width:810px) and (max-width:849px) {
    .blog-tab .cat-head {
        margin: 0 5.2% 0 4.2%;
        padding-top: 110px
    }
}

@media (min-width:850px) and (max-width:992px) {
    .blog-tab .cat-head {
        margin: 0 9.2% 0 8.2%;
        padding-top: 110px
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .blog-tab .cat-head {
        margin: 0 14.2% 0 13.2%;
        padding-top: 110px
    }
}

@media (min-width:415px) and (max-width:767px) {
    .blog-tab .cat-head {
        margin: 0 15.12%
    }
}

@media (max-width:414px) {
    .blog-tab .cat-head {
        margin: 0 4.5%
    }
}

.blog-tab .cat-head .cat-head-title {
    max-width: 564px;
    max-height: 24px;
    font-family: SyfSans;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3b3c43
}

@media (min-width:1700px) {
    .blog-tab .cat-head .cat-head-title {
        font-size: 46px;
        margin: 92.5px 36px 34px 0
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    .blog-tab .cat-head .cat-head-title {
        font-size: 46px;
        margin: 92.5px 36px 34px 0
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .blog-tab .cat-head .cat-head-title {
        font-size: 32px;
        margin: 40px 36px 24px 0
    }
}

@media (max-width:767px) {
    .blog-tab .cat-head .cat-head-title {
        font-size: 26px;
        margin: 40px 36px 24px 0
    }
}

.blog-tab .cat-head .head-bd[data-color=green] {
    background-color: #508237
}

.blog-tab .cat-head .head-bd[data-color=red] {
    background-color: #b74131
}

.blog-tab .cat-head .head-bd[data-color=turquoise] {
    background-color: #39757a
}

.blog-tab .cat-head .head-bd {
    width: 100%;
    height: 2px
}

@media (min-width:1700px) {
    .blog-tab .cat-blg-sec {
        margin: 50px 22.2% 60px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) and (max-width:1699px) {
    .blog-tab .cat-blg-sec {
        margin: 50px 16.2% 60px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 60px
    }
}

@media (max-width:809px) {
    .blog-tab .cat-blg-sec {
        margin: 0 3.2% 50px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 56px
    }
}

@media (min-width:810px) and (max-width:849px) {
    .blog-tab .cat-blg-sec {
        margin: 0 5.2% 56px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 56px
    }
}

@media (min-width:850px) and (max-width:992px) {
    .blog-tab .cat-blg-sec {
        margin: 0 9.2% 56px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 56px
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .blog-tab .cat-blg-sec {
        margin: 0 14.2% 56px
    }

    .blog-tab .cat-blog-container {
        margin-bottom: 56px
    }
}

@media (max-width:414px) {
    .blog-tab .cat-mb-blg-sec {
        margin: 0 4.2% 36px
    }
}

@media (min-width:415px) and (max-width:767px) {
    .blog-tab .cat-mb-blg-sec {
        margin: 0 15.2% 36px
    }
}

.back-clr {
    background-color: #fff !important
}

@media (min-width:768px) {
    .cat-mb-blg-sec {
        display: none
    }
}

@media (max-width:767px) {
    .cat-blg-sec {
        display: none
    }

    .cat-blog-container {
        margin-bottom: 36px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .blog-article-main-section {
        padding: 130px 94px 0 94px
    }
}

.blog-article-main-section nav ol.article-bcrumb {
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 46px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 14.5px 41px 14.5px 26px;
    background-color: #3b3c43;
    font-size: 14px;
    font-weight: 700;
    font-family: SyfSans;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #e6e6e6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie {
    padding-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans;
    margin-top: 1px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie a {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    padding-left: 23px;
    padding-right: 23px;
    color: #3b3c43;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=whisper] {
    background-color: #e6e6e6
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=green] {
    background-color: green
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=turquoise] {
    background-color: #40e0d0
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=gold] {
    background-color: gold
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=red] {
    background-color: red
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie:before {
    content: "";
    position: absolute;
    border-bottom: 23px solid transparent;
    border-top: 23px solid transparent;
    color: transparent;
    margin-left: -29px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=whisper]:before {
    border-right: 21px solid #e6e6e6
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=green]:before {
    border-right: 21px solid green
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=gold]:before {
    border-right: 21px solid gold
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=red]:before {
    border-right: 21px solid red
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=turquoise]:before {
    border-right: 21px solid #40e0d0
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active {
    padding-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans;
    margin-top: 1px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active a {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    padding-left: 23px;
    padding-right: 23px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=whisper] {
    background-color: #e6e6e6
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=green] {
    background-color: green
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=turquoise] {
    background-color: #40e0d0
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=gold] {
    background-color: gold
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=red] {
    background-color: red
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active:before {
    content: "";
    position: absolute;
    border-bottom: 23px solid transparent;
    border-top: 23px solid transparent;
    color: transparent;
    margin-left: -29px
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=whisper]:before {
    border-right: 21px solid #e6e6e6
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=green]:before {
    border-right: 21px solid green
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=gold]:before {
    border-right: 21px solid gold
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=red]:before {
    border-right: 21px solid red
}

.blog-article-main-section nav ol.article-bcrumb li.breadcrumb-item.active[data-color=turquoise]:before {
    border-right: 21px solid #40e0d0
}

.blog-article-main-section .content-article-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.3;
    font-family: SyfSans;
    color: #3b3c43;
    margin-bottom: 0
}

.blog-article-main-section .article-content-banner img {
    max-width: 100%;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .06);
    background-color: rgba(255, 255, 255, 0)
}

@media (min-width:992px) and (max-width:1024px) {
    .blog-article-main-section .article-content-banner {
        height: auto !important
    }
}

@media (min-width:992px) {
    .blog-article-main-section .content-article-title {
        max-width: 876px;
        margin-top: 40px;
        padding: 1px 0;
        margin-bottom: 52px
    }

    .blog-article-main-section .article-content-banner {
        margin-bottom: 90px;
        width: 63.9%
    }
}

@media (min-width:1700px) and (max-width) {
    .blog-article-main-section .article-content-banner {
        margin-bottom: 90px;
        width: 67%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .blog-article-main-section .content-article-title {
        font-size: 40px;
        line-height: 1.5;
        margin-bottom: 39px;
        margin-top: 39px
    }

    .blog-article-main-section .article-content-banner {
        margin: auto -28px
    }

    .blog-article-main-section .article-content-banner {
        margin-bottom: 65px
    }
}

@media (max-width:767px) {
    .blog-article-main-section nav ol.breadcrumb.article-bcrumb li:first-child {
        display: none
    }

    .blog-article-main-section nav ol.breadcrumb.article-bcrumb li:last-child:before {
        top: 0;
        left: -9999px
    }

    .blog-article-main-section ol.breadcrumb.article-bcrumb li.millie {
        display: none
    }

    .blog-article-main-section ol.breadcrumb.article-bcrumb li.active {
        border-radius: 3.8px !important;
        margin-top: 0 !important;
        line-height: 45px;
        padding-left: 1px !important
    }

    .blog-article-main-section ol.breadcrumb.article-bcrumb li.active a {
        line-height: .96 !important;
        padding: 13px 13px !important;
        border-radius: 3.8px !important
    }

    .blog-article-main-section .content-article-title {
        margin-bottom: 29px;
        margin-top: 34px;
        padding-left: 6px;
        padding-right: 5px;
        font-size: 26px;
        line-height: 1.12;
        font-weight: 700;
        font-family: SyfSans;
        letter-spacing: normal
    }

    .blog-article-main-section .article-content-banner {
        margin-bottom: 41px;
        margin-left: -14px;
        margin-right: -14px
    }
}

@media (min-width:768px) {
    .blog-article-main-section .bread-img-pos {
        height: 17px;
        width: 56px;
        margin-right: 20px
    }
}

.ie .breadcrumb.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 16.5px 41px 16.5px 26px !important
}

.ie .breadcrumb.article-bcrumb li.breadcrumb-item:last-child {
    margin-top: 2px !important;
    margin-left: -1px
}

.ie .blog-content-article nav ol.article-bcrumb li.active.breadcrumb-item::before {
    margin-left: -28px !important
}

.firefox .breadcrumb.article-bcrumb li.breadcrumb-item:last-child {
    margin-top: 2px !important;
    margin-left: 1px
}

.firefox .breadcrumb.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 17px 41px 15px 26px !important
}

.desktop-view {
    display: none
}

.mobile-view {
    display: none
}

.blog-article-card-desc {
    display: none
}

@media (max-width:1199px) {
    .mobile-view {
        display: block
    }

    .blog-article-main-section {
        padding-top: 147px
    }

    .blog-article-container {
        padding-top: 32px
    }

    .blog-article-main-related-products-mobile {
        padding-left: 85px;
        padding-right: 85px
    }

    .blog-article-card-color-lable span {
        padding: 5px 10px;
        border-radius: 2px;
        background-color: #39757a;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #fff
    }

    .blog-article-card-bottom-text-bold {
        font-weight: 700
    }

    .blog-articles-related-product-card-wrapper img {
        width: 39px;
        height: 39px
    }

    .blog-articles-related-product-card-wrapper {
        padding: 21px 16px 17px 16px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    span.blog-article-card-bottom-text-date {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-card-bottom-text-right {
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: right;
        color: #000;
        width: 30%
    }

    .blog-article-card-text {
        padding-top: 24px;
        padding-bottom: 30px;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-content-wrapper {
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .blog-article-card-bottom-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: left;
        justify-content: left
    }

    .blog-article-card-bottom-text-left {
        width: 70%
    }

    .blog-article-img-container {
        height: auto;
        width: 100%
    }

    .blog-article-img-container img {
        height: auto;
        max-width: 100%;
        width: 100%
    }

    .blog-article-content-body {
        padding: 20px 20px 21px
    }

    .blog-article-main-icon-container.mobile-view {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-top: 25px;
        padding-bottom: 28px
    }

    .blog-article-main-icon-container div {
        width: 40px;
        height: 28px;
        font-size: 22px
    }

    .blog-article-main-section {
        padding-left: 88px;
        padding-right: 88px;
        max-width: 1440px;
        margin: auto
    }

    .blog-article-main-icon-container i {
        color: #006899
    }

    .blog-article-main-author {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: .56px;
        text-align: left;
        color: #000;
        margin: 0;
        padding-bottom: 17px
    }

    .blog-article-main-section-container {
        display: -ms-flexbox;
        display: flex
    }

    .blog-article-main-icon-container {
        width: 47px;
        text-align: center
    }

    .blog-article-main-sub-heading {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: 2px;
        text-align: left;
        color: rgba(59, 60, 67, .7);
        padding-bottom: 25px;
        border-bottom: 1px solid #d3d3d3;
        max-width: 700px
    }

    .blog-article-main-sub-heading span {
        display: block
    }

    .blog-article-main-article {
        padding-bottom: 15px
    }

    .blog-article-main-article {
        font-family: SyfSans-normal;
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: .56px;
        text-align: left;
        color: #2b2b2b
    }

    .blog-article-title {
        font-family: SyfSans;
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: .96;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        margin: 0;
        padding-bottom: 12px;
        text-align: center
    }

    .blog-article-title-border {
        height: 4px;
        width: 62px;
        background: #fbc600;
        margin: auto
    }

    .blog-article-main-article-container {
        display: -ms-flexbox;
        display: flex
    }

    .blog-articles-related-product-card {
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .blog-articles-related-product-card a {
        color: #000;
        text-decoration: none
    }

    .blog-articles-related-product-card-title {
        font-family: SyfSans;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        margin: 0;
        padding-top: 17px;
        padding-bottom: 14px
    }

    .blog-articles-related-product-card-subtitle {
        color: #000
    }

    .blog-articles-related-product-card-learn-more {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .33px;
        text-align: left;
        color: #006899
    }

    .blog-article-related-products-card-wrapper {
        padding-top: 62px
    }

    .blog-articles-related-product-card img {
        width: 61px
    }

    .blog-article-main-article-wrapper {
        display: -ms-flexbox;
        display: flex;
        padding-top: 50px
    }

    .blog-article-main-article-list {
        padding-left: 35px
    }

    .blog-article-number-circle {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .44px;
        text-align: center;
        color: #4a4a4a;
        width: 39px;
        height: 39px;
        border-radius: 50%;
        border: solid 2.5px #4a4a4a;
        padding: 9.2px 0 12px
    }

    .blog-article-related-article-wrapper {
        padding-top: 32px
    }

    .blog-article-related-article-wrapper .blog-articles {
        margin-bottom: 60px
    }

    .blog-article-main-article-para-wrapper {
        padding-top: 50px
    }

    .blog-article-main-article-para-link {
        font-weight: 700;
        color: #016899;
        text-decoration: none
    }

    .blog-article-main-article-label-wrapper {
        display: -ms-flexbox;
        display: flex;
        padding-top: 20px;
        padding-bottom: 50px
    }

    .blog-article-main-article-label {
        padding: 13px 20px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #3b3c43;
        border-radius: 2px;
        background-color: #e8e7e7;
        margin-right: 8px
    }

    .blog-article-main-article-2 {
        border-bottom: 1px solid #d3d3d3
    }

    .blog-article-per-wrapper {
        display: -ms-flexbox;
        display: flex;
        color: #000
    }

    .blog-article-per-left {
        font-family: SyfSans;
        font-size: 66.7px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    span.blog-article-per {
        font-family: SyfSans;
        font-size: 35px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    span.blog-article-per-apy {
        font-family: SyfSans;
        font-size: 13.3px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-per-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 5px
    }

    .blog-article-no-min {
        font-family: SyfSans;
        font-size: 20.6px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .87;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    a.btn.blog-articles-related-product-card-explore-btn {
        width: 100%;
        height: 50px;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 2px;
        background-color: #016899;
        color: #fff;
        margin-top: 55px
    }
}

@media (min-width:1200px) {
    .desktop-view {
        display: block
    }

    .blog-article-sticky-container {
        position: sticky;
        top: 0
    }

    .blog-article-main-section {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1440px;
        margin: auto;
        padding-top: 142px
    }

    .blog-article-main-icon-container i {
        color: #006899
    }

    .blog-article-main-author {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: .6px;
        text-align: left;
        color: #000;
        margin: 0;
        padding-bottom: 20px
    }

    .blog-article-main-section-container {
        display: -ms-flexbox;
        display: flex
    }

    .blog-article-main-icon-container {
        width: 47px;
        text-align: center
    }

    .blog-article-main-icon-container div {
        margin-bottom: 10px
    }

    .blog-article-main-details-container {
        padding-left: 24px;
        max-width: 90%
    }

    .blog-article-main-sub-heading {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 2px;
        text-align: left;
        color: rgba(59, 60, 67, .7);
        padding-bottom: 25px;
        border-bottom: 1px solid #d3d3d3;
        max-width: 700px
    }

    .blog-article-main-article {
        padding-bottom: 15px;
        max-width: 700px
    }

    .blog-article-main-article {
        font-family: SyfSans-normal;
        font-size: 18px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: .56px;
        text-align: left;
        color: #2b2b2b
    }

    .blog-article-title {
        font-family: SyfSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        margin: 0;
        padding-bottom: 12px
    }

    .blog-article-title-border {
        height: 4px;
        width: 44px;
        background: #fbc600
    }

    .blog-article-main-article-container {
        display: -ms-flexbox;
        display: flex
    }

    .blog-article-main-related-products {
        padding-left: 76px;
        margin-top: -15px;
        margin-bottom: 50px
    }

    .blog-articles-related-product-card {
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .blog-articles-related-product-card a {
        color: #000;
        text-decoration: none
    }

    .blog-articles-related-product-card-title {
        font-family: SyfSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        margin: 0;
        padding-top: 5px
    }

    .blog-articles-related-product-card-subtitle {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #94969a;
        padding-bottom: 10px;
        padding-top: 5px
    }

    .blog-articles-related-product-card-learn-more {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .33px;
        text-align: left;
        color: #006899
    }

    .blog-article-related-products-card-wrapper {
        padding-top: 62px
    }

    .blog-articles-related-product-card img {
        width: 61px
    }

    .blog-article-main-article-wrapper {
        display: -ms-flexbox;
        display: flex;
        padding-top: 50px
    }

    .blog-article-main-article-list {
        padding-left: 35px
    }

    .blog-article-number-circle {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .63px;
        text-align: center;
        color: #4a4a4a;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: solid 2.5px #4a4a4a;
        padding: 15.1px 0 16.9px
    }

    .blog-article-related-article-wrapper {
        padding-top: 60px
    }

    .blog-article-related-article-wrapper .blog-articles {
        margin-bottom: 60px;
        max-width: 276px
    }

    .blog-article-main-article-para-wrapper {
        padding-top: 50px
    }

    .blog-article-main-article-para-link {
        font-weight: 700;
        color: #016899;
        text-decoration: none
    }

    .blog-article-main-article-label-wrapper {
        display: -ms-flexbox;
        display: flex;
        padding-top: 20px;
        padding-bottom: 50px
    }

    .blog-article-main-article-label {
        padding: 13px 20px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #3b3c43;
        border-radius: 2px;
        background-color: #e8e7e7;
        margin-right: 8px
    }

    .blog-article-main-article-2 {
        border-bottom: 1px solid #d3d3d3
    }
}

@media (min-width:1300px) {
    .blog-article-main-details-container {
        max-width: 95%
    }
}

@media (min-width:1400px) {
    .blog-article-main-section {
        padding-left: 161px;
        padding-right: 156px;
        max-width: 1440px;
        margin: auto
    }
}

@media (min-width:1440px) {
    .blog-article-main-details-container {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .blog-article-main-section {
        padding-left: 31px;
        padding-right: 31px;
        padding-top: 137px
    }

    .blog-article-main-related-products-mobile {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 60px
    }

    h2.blog-article-main-author {
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: .56px;
        text-align: left;
        color: #000
    }

    .blog-article-main-sub-heading {
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: 2px;
        text-align: left;
        color: rgba(59, 60, 67, .7);
        padding-bottom: 20px
    }

    .blog-article-main-icon-container.mobile-view {
        padding-bottom: 24px;
        padding-top: 24px
    }

    article.blog-article-main-article {
        font-family: SyfSans-normal;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: .56px;
        text-align: left;
        color: #2b2b2b
    }

    .blog-article-main-article-number {
        display: none
    }

    .blog-article-main-article-list {
        padding-left: 0
    }

    .blog-article-main-article-label-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 80px
    }

    .blog-article-main-article-label {
        margin-bottom: 8px
    }

    .blog-article-card-text {
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-related-article-wrapper .blog-articles {
        margin-bottom: 16px
    }

    .blog-articles-related-product-card-wrapper {
        padding: 27px 28px 36px 27px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .blog-articles-related-product-card-img-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    h3.blog-articles-related-product-card-title {
        padding-left: 26px;
        max-width: 216px;
        font-family: SyfSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-per-left {
        font-family: SyfSans;
        font-size: 70.6px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    span.blog-article-per {
        font-family: SyfSans;
        font-size: 42.3px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    span.blog-article-per-apy {
        font-family: SyfSans;
        font-size: 14.1px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    a.btn.blog-articles-related-product-card-explore-btn {
        margin-top: 28px;
        font-family: SyfSans;
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .37px;
        text-align: center;
        color: #fff
    }

    .blog-article-card-desc {
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        padding-bottom: 15px;
        display: block
    }
}

.syf-milli-tiles {
    background: #f9f9f9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:1200px) {
    .syf-milli-tiles .sm-posted {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .syf-milli-tiles .syf-item .re-milli-icon {
        display: none
    }

    .syf-milli-tiles .millie-item .sm-posted {
        display: none
    }

    .syf-milli-tiles .millie-item .re-milli-icon {
        width: 45px;
        display: -ms-flexbox;
        display: flex;
        height: 28px;
        margin-top: 5px
    }

    .syf-milli-tiles .fw-article.millie-item .re-milli-icon {
        width: 115px;
        display: block
    }

    .syf-milli-tiles .re-milli-icon-tab {
        display: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .syf-milli-tiles .re-milli-icon {
        display: none
    }

    .syf-milli-tiles .fw-article.millie-item .re-milli-icon {
        display: -ms-flexbox;
        display: flex
    }

    .syf-milli-tiles .re-milli-icon-tab {
        margin-top: 0;
        width: 45px
    }

    .syf-milli-tiles .syf-item .re-milli-icon-tab {
        display: none
    }
}

@media (max-width:767px) {

    .syf-milli-tiles .milli-tag,
    .syf-milli-tiles .re-milli-icon-tab {
        display: none
    }

    .syf-milli-tiles .syf-item .re-milli-icon {
        display: none
    }

    .syf-milli-tiles .millie-item .sm-posted {
        display: none
    }

    .syf-milli-tiles .millie-item .re-milli-icon {
        width: 45px;
        display: -ms-flexbox;
        display: flex;
        height: 27px
    }

    .syf-milli-tiles .fw-article.millie-item .re-milli-icon {
        width: 45px;
        display: -ms-flexbox;
        display: flex
    }
}

.syf-milli-tiles h2,
.syf-milli-tiles p {
    margin-bottom: 0
}

.syf-milli-tiles a {
    text-decoration: none
}

.syf-milli-tiles a:focus {
    outline: revert !important;
}


.syf-milli-tiles .sm-head {
    color: #3b3c43;
    font-family: SyfSans;
    font-weight: 700
}

.syf-milli-tiles .short-title {
    color: #3b3c43
}

.syf-milli-tiles .sm-posted,
.syf-milli-tiles .syf-mili-desc {
    color: #3b3c43;
    font-family: SyfSans-normal;
    font-weight: 400
}

.syf-milli-tiles .sm-article-container {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.syf-milli-tiles .sm-posted {
    font-size: 16px;
    line-height: 20px
}

.syf-milli-tiles .sm-stick {
    padding: 10px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .8px;
    margin-right: 15px;
    font-family: SyfSans;
    font-weight: 700;
    color: #fff
}

.syf-milli-tiles .sm-stick-wrap {
    display: -ms-flexbox;
    display: flex
}

.syf-milli-tiles .sm-article-container article {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    background-color: #fff
}

.syf-milli-tiles .sm-article-container .fw-article {
    width: 100%
}

.syf-milli-tiles .sm-article-container .fw-article .sm-content {
    display: -ms-flexbox;
    display: flex
}

.syf-milli-tiles .sm-article-container .fw-article .sm-stick {
    height: fit-content
}

@media (min-width:768px) {
    .syf-milli-tiles .sm-article-container .fw-article {
        width: 33%
    }

    .syf-milli-tiles .sm-article-container .fw-article {
        width: 100%
    }
}

.syf-milli-tiles .syf-milli-twrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width:1600px) {
    .syf-milli-tiles {
        padding-left: 340px;
        padding-right: 340px
    }

    .syf-milli-tiles .sm-head {
        font-size: 2.625rem;
        line-height: 1.14;
        width: 790.9px
    }

    .syf-milli-tiles .syf-mili-desc {
        width: 775px;
        margin-top: 16px;
        font-size: 28px;
        line-height: 36px
    }

    .syf-milli-tiles .sm-article-container article {
        width: 376px;
        height: unset !important;
        margin-right: 23px
    }

    .syf-milli-tiles .sm-article-container article:last-child {
        margin-right: 0
    }

    .syf-milli-tiles .short-title {
        margin-top: 20px;
        line-height: normal
    }

    .syf-milli-tiles .sm-body {
        padding: 20px 24.3px 24px 24px
    }

    .syf-milli-tiles .sm-img {
        height: 190px;
        overflow: hidden
    }

    .syf-milli-tiles .sm-article-container {
        width: 1174px
    }

    .syf-milli-tiles .sm-article-container .fw-article {
        width: 1174px;
        height: 300px;
        margin-bottom: 24px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-content .sm-body {
        padding: 20px 23px 25px 30px
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon,
    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        margin-top: 30px
    }

    .syf-milli-tiles .sm-article-container .fw-article .short-title {
        margin-top: 24px;
        line-height: normal
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-body {
        width: 598px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-img {
        width: 577px;
        height: 300px;
        overflow: hidden;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:1440px) {
    .syf-milli-tiles {
        padding: 120px 201.1px 120px 200.1px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .syf-milli-tiles {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media (min-width:1920px) {
    .syf-milli-tiles {
        padding: 120px 342px 120px 342px
    }
}

@media (min-width:1200px) {
    .syf-milli-tiles .sm-posted {
        margin-left: auto
    }

    .syf-milli-tiles .sm-stick {
        padding: 11px 10px
    }

    .syf-milli-tiles .sm-article-container {
        -ms-flex-pack: center;
        justify-content: center
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-posted {
        margin-top: 24px;
        display: -ms-flexbox;
        display: flex
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        padding: 10px 10px
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .syf-milli-tiles .sm-head {
        font-size: 2.625rem;
        line-height: 1.14;
        width: 590.4px
    }

    .syf-milli-tiles .syf-mili-desc {
        width: 573px;
        margin-top: 8px;
        font-size: 28px;
        line-height: 36px
    }

    .syf-milli-tiles .sm-article-container {
        width: 980px
    }

    .syf-milli-tiles .sm-body {
        padding: 19.8px 20px 20px 20px
    }

    .syf-milli-tiles .sm-img {
        -ms-flex-order: 2;
        order: 2;
        height: 150px;
        overflow: hidden
    }

    .syf-milli-tiles .sm-article-container article {
        width: 310.2px;
        height: unset !important;
        margin-right: 24px
    }

    .syf-milli-tiles .sm-article-container article:last-child {
        margin-right: 0
    }

    .syf-milli-tiles .short-title {
        margin-top: 28px;
        font-size: 1.5rem;
        height: 91px;
        overflow: hidden
    }

    .syf-milli-tiles .sm-article-container .fw-article {
        width: 975.7px;
        height: 300px;
        margin-bottom: 24px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-img {
        height: 300px;
        width: 482.9px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-ahead {
        margin-top: 24px
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon,
    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        margin-top: 30px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-content .sm-body {
        padding: 20px 63px 52px 30px;
        width: 492.9px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-posted {
        margin-top: 24px;
        display: -ms-flexbox;
        display: flex
    }

    .syf-milli-tiles .sm-article-container .fw-article .short-title {
        margin-top: 24px;
        font-size: 1.5rem;
        height: 96px;
        overflow: hidden
    }
}

.syf-milli-tiles .sm-head,
.syf-milli-tiles .syf-mili-desc {
    text-align: center
}

@media (min-width:768px) and (max-width:1199px) {
    .syf-milli-tiles {
        padding: 60px 36px
    }

    .syf-milli-tiles .sm-stick-wrap {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .syf-milli-tiles .sm-article-container {
        -ms-flex-pack: center;
        justify-content: center;
        width: 718px
    }

    .syf-milli-tiles .sm-head {
        font-size: 2.5rem;
        line-height: 1.1;
        min-width: 479px;
        max-width: 640px
    }

    .syf-milli-tiles .syf-mili-desc {
        width: 682px;
        margin-top: 8px;
        font-size: 24px;
        line-height: normal;
        text-align: center
    }

    .syf-milli-tiles .sm-stick {
        letter-spacing: 2px
    }

    .syf-milli-tiles .sm-body {
        padding: 15px 13px 21px 12px
    }

    .syf-milli-tiles .sm-posted {
        margin-top: 8px
    }

    .syf-milli-tiles .short-title {
        margin-top: 6px;
        font-size: 1.125rem;
        height: 75px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .syf-milli-tiles .sm-article-container article {
        width: 230px;
        height: unset !important;
        margin-right: 14px
    }

    .syf-milli-tiles .sm-article-container article:last-child {
        margin-right: 0
    }

    .syf-milli-tiles .sm-img {
        width: 230px;
        height: 115px;
        overflow: hidden
    }

    .syf-milli-tiles .sm-stick {
        width: fit-content;
        margin-right: 0;
        padding: 8px 11px 8px 13px
    }

    .syf-milli-tiles .sm-article-container .fw-article {
        margin-bottom: 14px;
        width: 718px;
        height: 221px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-ahead {
        margin-top: 18px
    }

    .syf-milli-tiles .sm-article-container .fw-article .short-title {
        margin-top: 18px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-stick-wrap {
        -ms-flex-flow: row;
        flex-flow: row
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-posted {
        margin-top: 17px;
        display: -ms-flexbox;
        display: flex;
        font-size: 11.8px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        width: fit-content
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon,
    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        margin-top: 22.2px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-content .sm-body {
        padding: 14.7px 45.8px 38px 22px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-img {
        width: 355.3px;
        height: 221px;
        -ms-flex-order: 2;
        order: 2
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-body {
        width: 362.7px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        font-size: 10.3px;
        line-height: 10.3px;
        margin-right: 15px;
        height: fit-content;
        padding: 7.5px 7.4px;
        letter-spacing: .59px
    }

    .syf-milli-tiles .sm-article-container .fw-article .short-title {
        font-size: 1.125rem;
        height: 65px;
        overflow: hidden
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon {
        height: 24.9px
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon img {
        width: 84.6px;
        height: 24.9px
    }

    .syf-milli-tiles .sm-article-container .fw-article .milli-tag,
    .syf-milli-tiles .sm-article-container .fw-article .milli-tag img {
        width: 49.1px;
        height: 50.1px
    }

    .syf-milli-tiles .sm-article-container .fw-article .milli-tag {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:833px) {
    .syf-milli-tiles {
        padding: 60px 36px;
        margin: 0
    }
}

@media (max-width:767px) {
    .syf-milli-tiles {
        padding: 40px 15px
    }

    .syf-milli-tiles .sm-head {
        font-size: 2rem;
        line-height: 1.25
    }

    .syf-milli-tiles .syf-mili-desc {
        margin-top: 16px;
        font-size: 24px;
        line-height: normal
    }

    .syf-milli-tiles .sm-body {
        padding: 15.3px 12px 20px 12px
    }

    .syf-milli-tiles .sm-posted {
        margin-left: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 7px;
        padding-bottom: 3px
    }

    .syf-milli-tiles .short-title {
        font-size: 1.5rem;
        margin-top: 8px
    }

    .syf-milli-tiles .sm-stick {
        letter-spacing: 2px;
        padding: 8px 16px 8px 12px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-ahead {
        margin-top: 17.9px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-content {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-content .sm-body {
        padding: 0 12px 20px 12px;
        -ms-flex-order: 2;
        order: 2
    }

    .syf-milli-tiles .sm-article-container .fw-article .re-milli-icon {
        margin-top: 36px
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-posted {
        display: none
    }

    .syf-milli-tiles .sm-article-container .fw-article .milli-tag {
        margin-top: 0
    }

    .syf-milli-tiles .sm-article-container .fw-article .sm-stick {
        margin-top: 34px;
        letter-spacing: .8px
    }

    .syf-milli-tiles .sm-article-container .fw-article .short-title {
        margin-top: 17.9px;
        font-size: 1.5rem
    }

    .syf-milli-tiles .sm-article-container {
        padding: 0 5px
    }

    .syf-milli-tiles .re-milli-icon img {
        width: 107px
    }

    .syf-milli-tiles .sm-article-container article {
        margin-bottom: 24px
    }

    .syf-milli-tiles .sm-article-container article:last-child {
        margin-bottom: 0
    }
}

@media (max-width:360px) {
    .syf-milli-tiles .re-milli-icon img {
        width: 85px
    }
}

.syf-milli-tiles .sm-article-container article:last-child {
    margin-bottom: 0
}

.syf-milli-tiles .sm-article-container article[data-color=turquoise] .sm-content .sm-stick {
    background-color: #39757a
}

.syf-milli-tiles .sm-article-container article[data-color=red] .sm-content .sm-stick {
    background-color: #c63527
}

.syf-milli-tiles .sm-article-container article[data-color=green] .sm-content .sm-stick {
    background-color: #3e8529
}

.syf-milli-tiles .sm-article-container article[data-color=gold] .sm-content .sm-stick {
    background-color: #fbc600
}

@media (min-width:1200px) {
    .ie .syf-milli-tiles .millie-item .re-milli-icon {
        width: 45px;
        display: block;
        height: 17px;
        margin-top: 10px
    }

    .ie .syf-milli-tiles .fw-article.millie-item .re-milli-icon {
        width: 121px;
        height: auto;
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .syf-milli-tiles .short-title {
        margin-top: 16px;
        line-height: normal;
        height: 100px;
        overflow: hidden
    }

    .syf-milli-tiles .fw-article .short-title {
        margin-top: 24px;
        line-height: normal;
        height: 121px;
        overflow: hidden
    }
}

@media (max-width:767.98px) {
    article.blog-items.syf-item {
        display: unset !important
    }

    article.blog-items.millie-item {
        display: unset !important
    }
}

.syf-milli-read {
    font-family: SyfSans;
    text-decoration: none;
    color: #006899;
    font-weight: 500;
    font-size: 1.25rem
}

@media (max-width:430) {
    .syf-milli-read {
        font-size: 1rem !important
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .syf-milli-tiles .short-title {
        margin-bottom: 1rem
    }
}

@media (max-width:767px) {
    .syf-milli-tiles .short-title {
        margin-bottom: 1rem
    }
}

@media (min-width:1200px) {
    .syf-milli-tiles .short-title {
        margin-bottom: 1rem
    }
}

@media (min-width:768px) {
    .syf-milli-tiles .sm-article-container .fw-article {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:1190px) {
    .blog-tab .nav-tabs {
        height: 40px
    }
}

.blog-tab {
    background-color: #f9f9f9
}

.blog-tab nav {
    width: 100%
}

.blog-tab .nav-tabs {
    border-bottom: 1px solid #c4c4c4
}

.blog-tab .nav-item {
    -ms-flex: 1;
    flex: 1
}

.blog-tab .nav-link.active {
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8
}

.blog-tab #icon-cnt {
    display: none
}

.blog-tab #icon-cnt-millie {
    display: none
}

.blog-tab #categoryblogs {
    display: none
}

.blog-tab #brdcrmb-saving {
    display: none
}

.blog-tab #brdcrmb-life {
    display: none
}

.blog-tab #brdcrmb-work {
    display: none
}

.blog-tab #primiercard {
    display: none
}

.blog-tab #pluscard {
    display: none
}

.blog-tab #prefferedcard {
    display: none
}

.blog-tab #nav-home-tab.active #plus {
    display: none
}

.blog-tab #nav-home-tab.active #premier {
    display: block
}

@media (min-width:768px) {
    .blog-tab #nav-home-tab.active #primiercard {
        display: block
    }
}

.blog-tab #nav-profile-tab.active #plus {
    display: block
}

.blog-tab #nav-profile-tab.active #premier {
    display: none
}

@media (min-width:768px) {
    .blog-tab #nav-profile-tab.active #pluscard {
        display: block
    }
}

.blog-tab #nav-contact-tab.active #plus {
    display: none
}

.blog-tab #nav-contact-tab.active #premier {
    display: none
}

@media (min-width:768px) {
    .blog-tab #nav-contact-tab.active #prefferedcard {
        display: block
    }
}

.blog-tab .nav-link {
    border: transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 0
}

.blog-tab .blog-autosugg {
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-y: auto;
    list-style-type: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8
}

.blog-tab .blog-list-items {
    font-size: 22px;
    color: #000;
    transition: all .3s;
    padding-left: 10px
}

.blog-tab .blog-list-items:hover {
    background-color: #fbc600
}

.blog-tab .list-items-active {
    background-color: #fbc600;
    position: relative
}

.blog-tab .position {
    position: relative
}

.blog-tab a {
    text-decoration: none
}

.blog-tab a:hover {
    color: #fff
}

.blog-tab .view-article {
    text-decoration: none
}

.blog-tab .view-article:focus {
    outline-color: #4d90fe
}

.blog-tab .tag-landing-conatiner .tlanding-tile[data-color=green] .tcard-body span.article-stick,
.blog-tab article[data-color=green] .category-stick-wrapper .article-category-stick {
    background-color: #508237
}

.blog-tab .tag-landing-conatiner .tlanding-tile[data-color=red] .tcard-body span.article-stick,
.blog-tab article[data-color=red] .category-stick-wrapper .article-category-stick {
    background-color: #b74131
}

.blog-tab .tag-landing-conatiner .tlanding-tile[data-color=turquoise] .tcard-body span.article-stick,
.blog-tab article[data-color=turquoise] .category-stick-wrapper .article-category-stick {
    background-color: #39757a
}

.blog-tab .tag-landing-conatiner .tlanding-tile[data-color=gold] .tcard-body span.article-stick,
.blog-tab article[data-color=gold] .category-stick-wrapper .article-category-stick {
    background-color: #fbc600
}

.blog-tab .loadmore-wrapper {
    text-align: center;
    margin-top: 124px;
    margin-bottom: 135px
}

@media (min-width:768px) and (max-width:991px) {
    .blog-tab .loadmore-wrapper {
        margin-top: 45.1px;
        margin-bottom: 88px
    }
}

@media (max-width:767px) {
    .blog-tab .loadmore-wrapper {
        margin-top: 42px;
        margin-bottom: 86px
    }
}

.blog-tab .loadmore-wrapper .more-btn {
    padding: 12.5px 60px;
    border: 2px solid #006899;
    font-size: 16px;
    background: #016899;
    color: #fff;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px
}

.blog-tab .loadmore-wrapper .more-btn:hover {
    background-color: #01426a;
    border: 2px solid #01426a
}

@media (max-width:320px) {
    .blog-tab .loadmore-wrapper .more-btn {
        padding: 12px 52px
    }
}

.blog-tab .loadmore-wrapper .more-btn-millie {
    padding: 12.5px 60px;
    border: 2px solid #006899;
    font-size: 16px;
    background: #016899;
    color: #fff;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px
}

.blog-tab .loadmore-wrapper .more-btn-millie:hover {
    background-color: #01426a;
    border: 2px solid #01426a
}

@media (max-width:320px) {
    .blog-tab .loadmore-wrapper .more-btn-millie {
        padding: 12px 52px
    }
}

.blog-tab .loadmore-wrapper .more-btn-category {
    padding: 12.5px 60px;
    border: 2px solid #006899;
    font-size: 16px;
    background: #016899;
    color: #fff;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px
}

.blog-tab .loadmore-wrapper .more-btn-category:hover {
    background-color: #01426a;
    border: 2px solid #01426a
}

@media (max-width:320px) {
    .blog-tab .loadmore-wrapper .more-btn-category {
        padding: 12px 52px
    }
}

.blog-tab nav ol.article-bcrumb {
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 46px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 17px 41px 15.5px 26px;
    background-color: #3b3c43;
    font-size: 12px;
    font-weight: 700;
    font-family: SyfSans;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
    color: #e6e6e6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie {
    padding-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans;
    margin-top: 1px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie a {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    padding-left: 23px;
    padding-right: 23px;
    color: #3b3c43;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=whisper] {
    background-color: #e6e6e6
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=green] {
    background-color: #3e8529
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=turquoise] {
    background-color: #58a7af
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=gold] {
    background-color: #fbc600
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=red] {
    background-color: #c63527
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie:before {
    content: "";
    position: absolute;
    border-bottom: 23px solid transparent;
    border-top: 23px solid transparent;
    color: transparent;
    margin-left: -29px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=whisper]:before {
    border-right: 21px solid #e6e6e6
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=green]:before {
    border-right: 21px solid #508237
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=gold]:before {
    border-right: 21px solid #fbc600
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=red]:before {
    border-right: 21px solid #c63527
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.millie[data-color=turquoise]:before {
    border-right: 21px solid #58a7af
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active {
    padding-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 700;
    font-family: SyfSans;
    margin-top: 1px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active a {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    padding-left: 23px;
    padding-right: 23px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    font-family: SyfSans
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=whisper] {
    background-color: #e6e6e6
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=green] {
    background-color: #508237
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=turquoise] {
    background-color: #58a7af
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=gold] {
    background-color: #fbc600
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=red] {
    background-color: #c63527
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active:before {
    content: "";
    position: absolute;
    border-bottom: 23px solid transparent;
    border-top: 23px solid transparent;
    color: transparent;
    margin-left: -29px
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=whisper]:before {
    border-right: 21px solid #e6e6e6
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=green]:before {
    border-right: 21px solid #508237
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=gold]:before {
    border-right: 21px solid #fbc600
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=red]:before {
    border-right: 21px solid #c63527
}

.blog-tab nav ol.article-bcrumb li.breadcrumb-item.active[data-color=turquoise]:before {
    border-right: 21px solid #58a7af
}

.blog-tab .ie .breadcrumb.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 16.5px 41px 16.5px 26px !important
}

.blog-tab .ie .breadcrumb.article-bcrumb li.breadcrumb-item:last-child {
    margin-top: 2px !important;
    margin-left: -1px
}

.blog-tab .ie .blog-content-article nav ol.article-bcrumb li.active.breadcrumb-item::before {
    margin-left: -28px !important
}

.blog-tab .firefox .breadcrumb.article-bcrumb li.breadcrumb-item:last-child {
    margin-top: 2px !important;
    margin-left: 1px
}

.blog-tab .firefox .breadcrumb.article-bcrumb li.breadcrumb-item:first-child a {
    padding: 18px 41px 15px 26px !important
}

@media (min-width:1700px) {
    .blog-tab .nav-container {
        display: none
    }

    .blog-tab .pos-alg {
        margin-left: -24px
    }

    .blog-tab .vr-lyt-w {
        max-width: 376px
    }

    .blog-tab .icon-cnt {
        display: none
    }

    .blog-tab .icon-cnt-millie {
        display: none
    }

    .blog-tab .vr-lyt-h {
        height: 468px
    }

    .blog-tab .hr-lyt-w {
        max-width: 576px
    }

    .blog-tab .hr-lyt-h {
        height: 222px
    }

    .blog-tab .blogtile {
        margin-top: 24px
    }

    .blog-tab .bt-pd {
        margin-bottom: 0
    }

    .blog-tab .sel-tab {
        max-width: 176px
    }

    .blog-tab .credit-tab {
        max-width: 136px;
        width: 100%
    }

    .blog-tab .margin-style {
        margin-left: 42%;
        margin-top: 30px
    }

    .blog-tab .sel-tab:first-child {
        margin-left: 14.8%;
        margin-top: 18px
    }

    .blog-tab .credit-tab:first-child {
        margin-left: 16%;
        margin-top: 18px
    }

    .blog-tab .sel-tab:nth-child(2) {
        margin-top: 18px
    }

    .blog-tab .credit-tab:nth-child(2) {
        margin-top: 18px
    }

    .blog-tab .sel-tab:nth-child(3) {
        margin-left: 39%;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .blog-tab .credit-tab:nth-child(3) {
        margin-left: none;
        margin-top: 18px;
        padding-top: 10px
    }

    .blog-tab .sel-tab:last-child {
        margin-left: 66px;
        max-width: 96px;
        margin-top: 36px;
        margin-right: 13.2%
    }

    .blog-tab .blg-img-vr {
        max-height: 144px
    }

    .blog-tab .blg-img {
        max-height: 188px
    }

    .blog-tab .break {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative;
        margin-left: -12px
    }

    .blog-tab .break-hr {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative;
        margin-left: -15px
    }

    .blog-tab .millielogo {
        width: 41.4px;
        height: 12.1px;
        margin: 22px 19.6px .8px 0;
        object-fit: contain
    }

    .blog-tab .millielogonav {
        width: 55.4px;
        height: 16.2px;
        margin: 15px 0 2.8px 59px;
        object-fit: contain
    }

    .blog-tab .ly-space {
        margin-right: 24px
    }

    .blog-tab .lx-space {
        margin-left: 24px
    }

    .blog-tab .article-content-wrapper {
        overflow: hidden;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1)
    }

    .blog-tab .article-content-wrapper:hover {
        box-shadow: 0 20px 40px 0 rgba(139, 139, 139, .5)
    }

    .blog-tab .article-category-stick {
        padding: 5px 8px;
        min-width: 88px;
        min-height: 24px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #fff
    }

    .blog-tab .article-content-body {
        margin: 24px 20px 24px
    }

    .blog-tab .article-content-body-vr {
        margin: 0 20px 24px
    }

    .blog-tab .article-head {
        max-width: 336px;
        max-height: 100px;
        margin: 24px 0 21px;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 3.78em
    }

    .blog-tab .article-head-vr {
        max-width: 231px;
        max-height: 100px;
        margin: 13px 0 0 0;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 3.78em
    }

    .blog-tab .article-para {
        max-width: 336px;
        min-height: 40px;
        font-family: SyfSans-normal;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 40px
    }

    .blog-tab .article-posted-time {
        margin-top: 20px;
        min-width: 90px;
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        color: #3b3c43;
        float: left
    }

    .blog-tab .article-posted-date {
        margin-top: 20px;
        width: 90px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: right;
        color: #3b3c43
    }

    .blog-tab .filtercontainer-mb {
        display: none
    }

    .blog-tab .article-footer {
        margin-top: 0
    }

    .blog-tab .search-component-search-input-wrapper {
        margin-left: -168%
    }

    .blog-tab .vr-card {
        margin-top: 24px
    }

    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 32px 20.45% 56px 26.12%
    }

    .blog-tab .nav-tabs {
        margin-top: 11px
    }

    .blog-tab .gpcc-card-title {
        font-size: 50px;
        height: 85px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff
    }

    .blog-tab .gpcc-card-para {
        font-size: 22px;
        text-align: center;
        color: #fff;
        line-height: 1.27;
        letter-spacing: .37px;
        margin: 0 18% 158px
    }

    .blog-tab .tab-text {
        max-width: 176px;
        font-size: 16px;
        margin-bottom: 30px;
        color: #3b3c43;
        text-align: left;
        line-height: .88;
        margin-left: 10px;
        margin-top: 20px
    }

    .blog-tab .mastercard-container {
        max-width: 586px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 87px
    }

    .blog-tab .master-title {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .blog-tab .master-para {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .blog-tab .master-title2 {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .blog-tab .master-para2 {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .blog-tab .pos {
        margin-top: 87px
    }

    .blog-tab .new-pos {
        margin-right: -19.4%
    }

    .blog-tab .img-content {
        max-width: 488px;
        font-size: 70px;
        color: #fff;
        position: absolute;
        margin-top: -50px;
        margin-left: 42px
    }

    .blog-tab .card-primier {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -120px;
        float: right;
        margin-right: -10px;
        max-width: none
    }

    .blog-tab .card-preffered {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -290px;
        float: right;
        margin-right: -60px;
        max-width: none
    }

    .blog-tab .card-plus {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -690px;
        max-width: none
    }

    .blog-tab .card-sml-primier {
        width: 49px;
        height: 31px;
        margin-left: 5 0;
        max-width: none;
        margin-top: 19px;
        margin-right: 36px
    }

    .blog-tab .master-card-ellipse {
        margin-top: 180px;
        width: 888px;
        height: 1106px;
        max-width: none
    }

    .blog-tab #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .blog-tab .img2 {
        float: right
    }

    .blog-tab .gpcc-zero-img {
        margin-left: 20%;
        max-height: 400px;
        margin-top: 120px;
        position: relative;
        object-fit: contain;
        opacity: 0
    }

    .blog-tab .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px;
        color: #fff
    }

    .blog-tab .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff
    }

    .blog-tab .save-pos {
        margin-top: -230px;
        margin-right: -19.4%
    }

    .blog-tab .Gpcc-Cards-Rewards {
        margin-top: 80px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .white-circle {
        width: 109px;
        height: 109px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative
    }

    .blog-tab .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .blog-tab .parent-img-container {
        position: relative
    }

    .blog-tab .assoc-container {
        position: static;
        margin-left: -220px
    }

    .blog-tab .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .desk-pos {
        display: block
    }

    .blog-tab .tb1 {
        margin-right: -31.4%
    }

    .blog-tab .tb3-pos {
        margin-bottom: 153px
    }

    .blog-tab .tb2 {
        float: none;
        margin-left: 13.5%
    }

    .blog-tab #filterOpen,
    .blog-tab .cont-st {
        font-size: 16px;
        margin-bottom: 10px;
        color: #3b3c43;
        text-align: left;
        line-height: .88;
        margin-top: 23px
    }

    .blog-tab .result-no-cnt {
        display: none;
        max-width: 373px;
        margin: 0 27px 100px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-millie {
        display: none;
        max-width: 373px;
        margin: 0 27px 100px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-credit {
        display: none;
        max-width: 373px;
        margin: 0 27px 100px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }
}

@media (min-width:1700px) and (-ms-high-contrast:none),
(min-width:1700px) and (-ms-high-contrast:active) {
    .blog-tab .ie-pos {
        display: none
    }
}

@media (max-width:1699px) and (min-width:1200px) {
    .blog-tab .nav-container {
        display: none
    }

    .blog-tab .icon-cnt {
        display: none
    }

    .blog-tab .icon-cnt-millie {
        display: none
    }

    .blog-tab .result-no-cnt {
        display: none;
        max-width: 373px;
        margin: 0 27px 52px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-millie {
        display: none;
        max-width: 373px;
        margin: 0 27px 100px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-credit {
        display: none;
        max-width: 373px;
        margin: 0 27px 100px 0;
        font-family: SyfSans-md;
        font-size: 26px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .54;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .break {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative;
        margin-left: -12px
    }

    .blog-tab .break-hr {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative;
        margin-left: -15px
    }

    .blog-tab .pos-alg {
        margin-left: -24px
    }

    .blog-tab .vr-lyt-w {
        max-width: 376px
    }

    .blog-tab .vr-lyt-h {
        height: 468px
    }

    .blog-tab .hr-lyt-w {
        max-width: 576px
    }

    .blog-tab .hr-lyt-h {
        height: 222px
    }

    .blog-tab .filtercontainer-mb {
        display: none
    }

    .blog-tab .search-component-search-input-wrapper {
        margin-left: -168%
    }

    .blog-tab .millielogo {
        width: 41.4px;
        height: 12.1px;
        margin: 21px 19.6px .8px 0;
        object-fit: contain
    }

    .blog-tab .blogtile {
        margin-top: 24px
    }

    .blog-tab .ly-space {
        margin-right: 24px
    }

    .blog-tab .lx-space {
        margin-left: 24px;
        float: right
    }

    .blog-tab .bt-pd {
        margin-bottom: 0 !important
    }

    .blog-tab .blg-img-vr {
        max-height: 144px
    }

    .blog-tab .blg-img {
        max-height: 188px
    }

    .blog-tab .millielogonav {
        width: 55.4px;
        height: 16.2px;
        margin: 15px 0 2.8px 40px;
        object-fit: contain
    }

    .blog-tab .article-content-wrapper {
        overflow: hidden;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1)
    }

    .blog-tab .article-content-wrapper:hover {
        box-shadow: 0 20px 40px 0 rgba(139, 139, 139, .5)
    }

    .blog-tab .article-head {
        max-width: 336px;
        min-height: 81px;
        max-height: 81px;
        margin: 24px 0 21px;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3
    }

    .blog-tab .article-head-vr {
        max-width: 231px;
        min-height: 81px;
        margin: 13px 0 0 0;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 81px
    }

    .blog-tab .article-para {
        max-width: 336px;
        min-height: 40px;
        font-family: SyfSans-normal;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 40px
    }

    .blog-tab .article-category-stick {
        padding: 5px 8px;
        min-width: 88px;
        min-height: 24px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        color: #fff
    }

    .blog-tab .article-posted-time {
        margin-top: 20px;
        min-width: 90px;
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: left;
        color: #3b3c43
    }

    .blog-tab .article-posted-date {
        margin-top: 20px;
        width: 90px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: right;
        color: #3b3c43
    }

    .blog-tab .article-footer {
        margin-top: 0
    }

    .blog-tab .vr-card {
        margin-top: 24px
    }

    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 32px 14.45% 56px 16.12%
    }

    .blog-tab .nav-tabs {
        margin-top: 11px
    }

    .blog-tab #filterOpen,
    .blog-tab .cont-st {
        font-size: 16px;
        margin-bottom: 10px;
        color: #3b3c43;
        text-align: left;
        line-height: .88;
        margin-top: 23px
    }

    .blog-tab .sel-tab {
        max-width: 176px
    }

    .blog-tab .credit-tab {
        max-width: 150px;
        width: 100%
    }

    .blog-tab .margin-style {
        margin-left: 27%;
        margin-top: 30px
    }

    .blog-tab .sel-tab:first-child {
        margin-left: 9.2%;
        margin-top: 18px
    }

    .blog-tab .credit-tab:first-child {
        margin-left: 15.8%;
        margin-top: 18px
    }

    .blog-tab .sel-tab:nth-child(2) {
        margin-top: 18px
    }

    .blog-tab .credit-tab:nth-child(2) {
        margin-top: 18px
    }

    .blog-tab .sel-tab:nth-child(3) {
        margin-left: 39%;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .blog-tab .credit-tab:nth-child(3) {
        margin-left: none
    }

    .blog-tab .sel-tab:last-child {
        margin-left: 72px;
        max-width: 96px;
        margin-top: 35px;
        margin-right: 6.8%
    }

    .blog-tab .article-content-body {
        margin: 24px 20px 24px
    }

    .blog-tab .article-content-body-vr {
        margin: 0 20px 24px
    }

    .blog-tab .gpcc-card-title {
        font-size: 50px;
        height: 85px;
        margin-bottom: 5px;
        text-align: center;
        color: #fff
    }

    .blog-tab .gpcc-card-para {
        font-size: 22px;
        text-align: center;
        color: #fff;
        line-height: 1.27;
        letter-spacing: .37px;
        margin: 0 18% 158px
    }

    .blog-tab .tab-text {
        max-width: 176px;
        font-size: 16px;
        margin-bottom: 30px;
        color: #3b3c43;
        text-align: left;
        line-height: .88;
        margin-left: 28px;
        margin-top: 17px
    }

    .blog-tab .mastercard-container {
        max-width: 586px;
        max-height: 504px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 87px
    }

    .blog-tab .master-title {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .blog-tab .master-para {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .blog-tab .master-title2 {
        font-size: 24px;
        line-height: 1.33;
        margin: 12px 0 13px 91px;
        max-width: 344px;
        color: #fff
    }

    .blog-tab .master-para2 {
        font-size: 16px;
        line-height: 1.25;
        max-width: 366px;
        margin: 0 0 30px 91px;
        color: #fff
    }

    .blog-tab .pos {
        margin-top: 87px
    }

    .blog-tab .img-content {
        max-width: 488px;
        font-size: 70px;
        color: #fff;
        position: absolute;
        margin-top: -50px;
        margin-left: 42px
    }

    .blog-tab .card-primier {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -120px;
        float: right;
        margin-right: -10px;
        max-width: none
    }

    .blog-tab .card-preffered {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -290px;
        float: right;
        margin-right: -60px;
        max-width: none
    }

    .blog-tab .card-plus {
        width: 230px;
        height: 143px;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -690px;
        max-width: none
    }

    .blog-tab .card-sml-primier {
        width: 49px;
        height: 31px;
        margin-left: 50px;
        max-width: none;
        margin-top: 19px;
        margin-right: 36px
    }

    .blog-tab .master-card-ellipse {
        margin-top: 180px;
        width: 888px;
        height: 1106px;
        max-width: none
    }

    .blog-tab #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .blog-tab .img2 {
        float: right
    }

    .blog-tab .content2 {
        margin-left: 132px
    }

    .blog-tab .new-pos {
        margin-right: -10.2%
    }

    .blog-tab .gpcc-zero-img {
        margin-left: 20%;
        max-height: 400px;
        margin-top: 120px;
        position: relative;
        object-fit: contain;
        opacity: 0
    }

    .blog-tab .gpcc-zero-title {
        max-width: 410px;
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 30px;
        color: #fff;
        margin-top: 10px;
        margin-left: 19.8%
    }

    .blog-tab .gpcc-zero-para {
        max-width: 410px;
        font-size: 24px;
        line-height: 1.33;
        color: #fff;
        margin-left: 19.8%
    }

    .blog-tab .save-pos {
        margin-top: -230px;
        margin-right: -10.2%
    }

    .blog-tab .Gpcc-Cards-Rewards {
        margin-top: 90px;
        max-width: 588px;
        max-height: 588px;
        width: auto;
        height: auto;
        object-fit: contain;
        position: relative;
        margin-left: 60px
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .white-circle {
        width: 109px;
        height: 109px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-left: 30px
    }

    .blog-tab .yellow-circle {
        width: 224px;
        height: 224px;
        background-color: #fbc600;
        border-radius: 50%;
        position: static;
        margin-top: -50px
    }

    .blog-tab .parent-img-container {
        position: relative
    }

    .blog-tab .assoc-container {
        position: static;
        margin-left: -100px;
        margin-top: 70px
    }

    .blog-tab .gpcc-zero-wallet {
        font-size: 60px;
        line-height: .6;
        color: #fbc600;
        margin-top: -236px;
        position: absolute;
        margin-left: 5.8%
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .desk-pos {
        display: block
    }

    .blog-tab .tb1 {
        margin-right: -10.2%
    }

    .blog-tab .tb3-pos {
        margin-bottom: 127px
    }

    .blog-tab .tb2 {
        float: none;
        margin-left: 16.5%
    }
}

@media (min-width:1400px) {
    .blog-tab .sel-tab:nth-child(3) {
        margin-left: 41%;
        margin-top: 30px;
        margin-bottom: 10px
    }
}

@media (min-width:1700px) {
    .blog-tab .sel-tab:nth-child(3) {
        margin-left: 40%;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .blog-tab .sel-tab:last-child {
        margin-left: 72px;
        max-width: 96px;
        margin-top: 35px;
        margin-right: 13.2%
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .blog-tab {
        padding: 40px 0 0 0
    }

    .blog-tab input[type=text] {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border: 2px solid #f0f0f0;
        border-radius: 2px;
        font-size: 16px;
        background-color: #f0f0f0;
        background-position: 10px 10px;
        background-repeat: no-repeat;
        padding-left: 40px !important
    }

    .blog-tab .icon-cnt {
        background-color: #016899;
        border-radius: 50%;
        z-index: 1
    }

    .blog-tab .result-no-cnt {
        display: none;
        width: 287px;
        height: 14px;
        margin: 40px 0 45px 0;
        font-family: SyfSans-md;
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .7;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-credit {
        display: none;
        width: 287px;
        height: 14px;
        margin: 40px 0 45px 0;
        font-family: SyfSans-md;
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .7;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-millie {
        display: none;
        width: 287px;
        height: 14px;
        margin: 40px 0 45px 0;
        font-family: SyfSans-md;
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .7;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .icon-cnt-millie {
        background-color: #016899;
        border-radius: 50%;
        z-index: 1
    }

    .blog-tab .break {
        border-right: 2px solid rgba(0, 0, 0, .1);
        position: relative
    }

    .blog-tab .break-hr {
        border-right: 2px solid rgba(0, 0, 0, .1);
        position: relative;
        margin-left: -15px
    }

    .blog-tab .nav-container {
        margin-bottom: 24px
    }

    .blog-tab .cnt-sp {
        margin: 0 0 0 60%;
        font-family: SyfSans-md;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        padding: 5px;
        position: absolute
    }

    .blog-tab .bt-pd {
        margin: 20px 14px 16px 20px !important
    }

    .blog-tab .vr-lyt-w {
        max-width: 292px
    }

    .blog-tab .vr-lyt-h {
        height: 349px
    }

    .blog-tab .hr-lyt-w {
        max-width: 414px
    }

    .blog-tab .hr-lyt-h {
        height: 168px
    }

    .blog-tab .search-contain {
        display: none
    }

    .blog-tab .sel-tab {
        max-width: 176px
    }

    .blog-tab .filtercontainer-mb {
        display: none
    }

    .blog-tab .sel-tab:first-child {
        margin-left: 3.2%
    }

    .blog-tab .sel-tab:last-child {
        margin-left: 58px;
        max-width: 96px
    }

    .blog-tab .search-icon {
        margin-top: 10px;
        position: absolute;
        margin-left: 20px;
        color: #3b3c43
    }

    .blog-tab .filter-icon {
        margin-top: 5px;
        font-size: 30px;
        color: #3b3c43;
        opacity: .7;
        margin-left: 45%;
        position: relative
    }

    .blog-tab input[type=text]:focus {
        width: 100%;
        box-shadow: none;
        border-radius: 2px;
        border: solid 4px rgba(1, 104, 153, .1);
        background-color: #fff;
        padding-left: 40px !important
    }

    .blog-tab .blogtile {
        margin-top: 13px
    }

    .blog-tab .ly-space {
        margin-right: 13px
    }

    .blog-tab .blg-img {
        max-height: 146px
    }
}

@media (max-width:1199px) and (min-width:768px) and (max-width:780px) {
    .blog-tab .lx-space {
        margin-left: 13px;
        float: right
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .blog-tab .nobar {
        margin-top: 11px
    }

    .blog-tab .millielogonav {
        width: 47px;
        height: 13.8px;
        margin: 12px 0 13.2px 120px;
        object-fit: contain
    }

    .blog-tab .millielogo {
        width: 35px;
        height: 10.3px;
        margin: -10px 16.6px .7px 0;
        object-fit: contain
    }

    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 24px 3.2%
    }

    .blog-tab .vr-card {
        margin-top: 20px
    }

    .blog-tab .article-content-wrapper {
        overflow: hidden;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1)
    }

    .blog-tab .article-content-wrapper:hover {
        box-shadow: 0 20px 40px 0 rgba(139, 139, 139, .5)
    }

    .blog-tab .article-content-body {
        margin: 20px 20px 20px
    }

    .blog-tab .article-content-body-vr {
        margin: 0 20px 20px
    }

    .blog-tab .article-head {
        max-width: 251px;
        min-height: 81px;
        max-height: 81px;
        margin: 24px 0 30px;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.23;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3
    }

    .blog-tab .article-head-vr {
        max-width: 211px;
        margin: 13px 0 0 0;
        font-family: SyfSans;
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 66px;
        min-height: 66px
    }

    .blog-tab .article-para {
        display: none
    }

    .blog-tab .article-posted-time {
        min-width: 90px;
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: left;
        color: #3b3c43
    }

    .blog-tab .article-posted-date {
        width: 90px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: right;
        color: #3b3c43
    }

    .blog-tab .article-category-stick {
        padding: 5px 8px;
        min-width: 148px;
        min-height: 24px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        color: #fff
    }

    .blog-tab .gpcc-card-title {
        font-size: 36px;
        margin-bottom: 20px;
        text-align: center;
        color: #fff
    }

    .blog-tab .gpcc-card-para {
        font-size: 18px;
        text-align: center;
        color: #fff;
        line-height: 1.11;
        letter-spacing: .37px;
        margin: 0 14.7% 33px
    }

    .blog-tab .tab-text {
        margin: 15px 10px 0 70px;
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 2px;
        text-align: center;
        color: #3b3c43;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .blog-tab .mastercard-container {
        max-width: 394px;
        max-height: 339px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 92px
    }

    .blog-tab .master-title {
        font-size: 20px;
        line-height: 1.33;
        margin: 9px 0 13px 58px;
        max-width: 186px;
        color: #fff
    }

    .blog-tab .master-title2 {
        font-size: 20px;
        line-height: 1.33;
        margin: 9px 0 13px 0;
        max-width: 186px;
        color: #fff
    }

    .blog-tab .master-para {
        font-size: 14px;
        line-height: 1.4;
        max-width: 230px;
        margin: 0 0 23px 58px;
        color: #fff
    }

    .blog-tab .master-para2 {
        font-size: 14px;
        line-height: 1.4;
        max-width: 220px;
        margin: 0 0 15px 0;
        color: #fff
    }

    .blog-tab .pos {
        margin-top: 92px
    }

    .blog-tab .new-pos {
        margin-top: 80px
    }

    .blog-tab .save-pos {
        margin-top: -112px
    }

    .blog-tab .img-content {
        max-width: 356px;
        font-size: 50px;
        color: #fff;
        position: absolute;
        margin-top: -30px;
        margin-left: 28px
    }

    .blog-tab .card-primier {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -70px;
        float: right;
        margin-right: -15px;
        max-width: none
    }

    .blog-tab .card-preffered {
        width: 147px;
        height: 92px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -180px;
        float: right;
        margin-right: -15px;
        max-width: none
    }

    .blog-tab .card-plus {
        width: 147px;
        height: 92px;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -490px;
        margin-left: -15px
    }

    .blog-tab .card-sml-primier {
        width: 37px;
        height: 25px;
        margin-left: 23px;
        max-width: none;
        margin-top: 11px
    }

    .blog-tab #nav-tabContent {
        width: 100%;
        padding-top: 0 !important
    }

    .blog-tab .img2 {
        margin-top: 80px;
        margin-right: -9.2%
    }

    .blog-tab .gpcc-zero-img {
        position: relative;
        margin-left: 20%;
        max-height: 200px;
        object-fit: contain;
        margin-right: -8.5%;
        opacity: 0
    }

    .blog-tab .gpcc-zero-title {
        max-width: 275px;
        font-size: 20px;
        margin-bottom: 4px;
        color: #fff
    }

    .blog-tab .gpcc-zero-para {
        max-width: 251px;
        font-size: 14px;
        line-height: 1.22;
        color: #fff
    }

    .blog-tab .Gpcc-Cards-Rewards {
        max-width: 394px;
        max-height: 394px;
        width: auto;
        height: auto;
        object-fit: contain;
        margin-top: 36px;
        position: relative
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .white-circle {
        width: 82px;
        height: 82px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: relative;
        margin-top: 20px;
        padding-right: 20px
    }

    .blog-tab .yellow-circle {
        width: 150px;
        height: 150px;
        background-color: #fbc600;
        position: static;
        margin-top: -30px;
        border-radius: 50%;
        margin-right: -60px
    }

    .blog-tab .parent-img-container {
        position: relative;
        margin-left: 80px
    }

    .blog-tab .assoc-container {
        position: static;
        margin-left: -80px
    }

    .blog-tab .gpcc-zero-wallet {
        font-size: 40px;
        line-height: .9;
        color: #fbc600;
        margin-top: 90px;
        margin-top: -140px;
        position: absolute
    }

    .blog-tab .master-card-ellipse {
        width: 622px;
        height: 878px;
        max-width: none
    }

    .blog-tab .mob-pos {
        display: none
    }

    .blog-tab .desk-pos {
        display: block
    }

    .blog-tab .tb1 {
        float: right
    }

    .blog-tab .tb2 {
        float: none;
        margin-left: 16.5%
    }
}

@media (max-width:1199px) and (min-width:768px) and (-ms-high-contrast:none),
(max-width:1199px) and (min-width:768px) and (-ms-high-contrast:active) {
    .blog-tab .ie-pos {
        display: none
    }
}

@media (min-width:810px) and (max-width:849px) {
    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 56px 5.2%
    }
}

@media (min-width:850px) and (max-width:992px) {
    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 56px 9.2%
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .blog-tab .tab-pane {
        background-color: #fff;
        padding: 56px 14.2%
    }

    .blog-tab .vr-lyt-w {
        min-width: none;
        max-width: none;
        margin-right: 13px
    }

    .blog-tab .vr-lyt-h {
        height: 349px
    }

    .blog-tab .hr-lyt-w {
        min-width: none;
        max-width: none;
        margin-right: 13px
    }

    .blog-tab .hr-lyt-h {
        height: 168px
    }
}

@media (max-width:767px) {
    .blog-tab {
        padding: 40px 0 0
    }

    .blog-tab .icon-cnt {
        background-color: #016899;
        border-radius: 50%;
        z-index: 1
    }

    .blog-tab input[type=text]:focus {
        width: 100%;
        box-shadow: none;
        border-radius: 2px;
        border: solid 4px rgba(1, 104, 153, .1);
        background-color: #fff;
        padding-left: 40px !important
    }

    .blog-tab .result-no-cnt {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 36px 4.3%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-millie {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 35px 4.3%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-credit {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 35px 4.3%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .icon-cnt-millie {
        background-color: #016899;
        border-radius: 50%;
        z-index: 1
    }

    .blog-tab .break {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative
    }

    .blog-tab .break-hr {
        border-right: 2px solid rgba(0, 0, 0, .1);
        top: 15px;
        position: relative;
        margin-left: -15px
    }

    .blog-tab .cnt-sp {
        margin: 0 0 0 60%;
        font-family: SyfSans-md;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        padding: 5px;
        color: #fff;
        position: absolute
    }

    .blog-tab input[type=text] {
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        border: 2px solid #f0f0f0;
        border-radius: 2px;
        font-size: 16px;
        background-color: #f0f0f0;
        background-position: 10px 10px;
        background-repeat: no-repeat;
        padding: 0 0 0 40px !important
    }

    .blog-tab .nav-container {
        margin: 24px 4.3% 32px 4.3%
    }

    .blog-tab .blogcontainer-mb {
        margin: 0 4.3%
    }

    .blog-tab .blogcontainermillie-mb {
        margin: 0 4.3%
    }

    .blog-tab .blogcontainercredit-mb {
        margin: 0 4.3%
    }

    .blog-tab .search-icon {
        margin-top: 10px;
        position: absolute;
        margin-left: 20px;
        color: #3b3c43
    }

    .blog-tab .filter-icon {
        margin-top: 5px;
        font-size: 34px;
        color: #3b3c43;
        opacity: .7;
        margin-left: 45%;
        position: relative
    }

    .blog-tab nav {
        padding: 0
    }

    .blog-tab .search-contain {
        display: none
    }

    .blog-tab .sel-tab {
        max-width: 176px
    }

    .blog-tab .sel-tab:first-child {
        margin-left: 5.3%
    }

    .blog-tab .sel-tab:last-child {
        margin-left: 50px;
        max-width: 96px
    }

    .blog-tab .millielogonav {
        width: 47px;
        height: 13.8px;
        margin: 12px 0 13.2px 62px;
        object-fit: contain
    }

    .blog-tab .millielogo {
        width: 35px;
        height: 10.3px;
        margin: 23px 16.6px .7px 0;
        object-fit: contain
    }

    .blog-tab .tab-text {
        margin: 15px 10px 0 14px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 2px;
        text-align: center;
        color: #3b3c43;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .blog-tab .article-content-wrapper {
        overflow: hidden;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1)
    }

    .blog-tab .article-content-wrapper:hover {
        box-shadow: 0 20px 40px 0 rgba(139, 139, 139, .5)
    }

    .blog-tab .article-category-stick {
        padding: 5px;
        min-width: 148px;
        min-height: 24px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #fff
    }

    .blog-tab .article-head {
        max-width: 336px;
        margin: 13px 0 20px;
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43
    }

    .blog-tab .article-para {
        max-width: 336px;
        min-height: 30px;
        font-family: SyfSans-normal;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        margin-bottom: 0
    }

    .blog-tab .article-posted-time {
        margin-top: 20px;
        min-width: 90px;
        font-family: SyfSans;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        color: #3b3c43;
        float: left
    }

    .blog-tab .article-posted-date {
        margin-top: 20px;
        width: 90px;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        float: right;
        color: #3b3c43
    }

    .blog-tab .article-content-body {
        padding: 18px
    }

    .blog-tab .blogtile {
        margin-top: 16px
    }

    .blog-tab .filtercontainer {
        display: none
    }

    .blog-tab .gpcc-card-title {
        font-size: 28px;
        height: 85px;
        text-align: center;
        color: #fff;
        margin: 0 11.7%
    }

    .blog-tab .gpcc-card-para {
        font-size: 16px;
        padding-bottom: 44px;
        text-align: center;
        color: #fff;
        line-height: 1.25;
        margin: 0 10.7%
    }

    .blog-tab .mastercard-container {
        width: auto;
        height: auto;
        object-fit: contain;
        margin: 13px 8.2% 0
    }

    .blog-tab .master-title {
        font-size: 20px;
        line-height: 1.33;
        margin: 29px 35.7% 13px 10.2%;
        max-width: 233px;
        color: #fff
    }

    .blog-tab .master-para {
        font-size: 14px;
        line-height: 1.14;
        max-width: 230px;
        margin: 0 10.2%;
        color: #fff
    }

    .blog-tab .master-title2 {
        font-size: 20px;
        line-height: 1.33;
        margin: 29px 35.7% 13px 11.8%;
        max-width: 233px;
        color: #fff
    }

    .blog-tab .master-para2 {
        font-size: 14px;
        line-height: 1.14;
        max-width: 230px;
        margin: 0 11.8%;
        color: #fff
    }

    .blog-tab .img-content {
        max-width: 216px;
        font-size: 28px;
        color: #fff;
        position: absolute;
        margin-top: -20px;
        margin-left: 10.2%;
        margin-bottom: 0
    }

    .blog-tab .card-primier {
        width: 110px;
        height: 69px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -50px;
        float: right;
        margin-right: 8.7px;
        max-width: none
    }

    .blog-tab .card-preffered {
        width: 110px;
        height: 69px;
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -140px;
        float: right;
        max-width: none
    }

    .blog-tab .card-plus {
        width: 110px;
        height: 69px;
        object-fit: contain;
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        box-shadow: 20px 34px 60px 0 rgba(0, 0, 0, .12);
        margin-top: -350px;
        max-width: none
    }

    .blog-tab .pos {
        margin-top: 20px
    }

    .blog-tab .card-sml-primier {
        display: none
    }

    .blog-tab .mob-pos {
        display: block
    }

    .blog-tab .desk-pos {
        display: none
    }

    .blog-tab .gpcc-zero-img {
        position: relative;
        max-height: 200px;
        object-fit: contain;
        margin-right: -4.438%;
        margin-top: 80px;
        margin-left: 11%;
        opacity: 0
    }

    .blog-tab .Gpcc-Cards-Rewards {
        max-width: 236px;
        max-height: 238px;
        width: auto;
        height: auto;
        object-fit: contain;
        float: right;
        margin-top: 50px
    }

    .blog-tab .mob-pos {
        display: block
    }

    .blog-tab .desk-pos {
        display: none
    }

    .blog-tab .white-circle {
        width: 44px;
        height: 44px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: static;
        margin-top: 150px;
        padding-left: 0;
        margin-right: 0
    }

    .blog-tab .yellow-circle {
        width: 80px;
        height: 80px;
        background-color: #fbc600;
        position: static;
        border-radius: 50%;
        margin-right: -30%;
        margin-left: 0
    }

    .blog-tab .parent-img-container {
        position: relative;
        margin-left: 10px
    }

    .blog-tab .assoc-container {
        margin-right: -8px;
        position: static;
        margin-top: -400px;
        margin-left: 80%
    }

    .blog-tab .img-pos {
        margin-top: -90px
    }

    .blog-tab .gpcc-zero-wallet {
        font-size: 24px;
        line-height: 1.33;
        color: #fbc600;
        margin-top: -100px;
        max-width: 221px;
        position: absolute;
        margin-left: 35px
    }

    .blog-tab .gpcc-zero-title {
        max-width: 275px;
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 8px;
        margin-left: 11.1%;
        margin-top: 35px;
        color: #fff
    }

    .blog-tab .gpcc-zero-para {
        margin-left: 11.1%;
        max-width: 198px;
        font-size: 14px;
        line-height: 1.29;
        color: #fff;
        margin-bottom: 102px
    }

    .blog-tab .tb1 {
        margin-right: -3.7%;
        margin-top: 214px
    }

    .blog-tab .lst-para {
        margin-bottom: 131px
    }

    .blog-tab .tb3-pos {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .blog-tab nav ol.breadcrumb.article-bcrumb li:first-child {
        display: none
    }

    .blog-tab nav ol.breadcrumb.article-bcrumb li:last-child:before {
        top: 0;
        left: -9999px
    }

    .blog-tab ol.breadcrumb.article-bcrumb li.millie {
        display: none
    }

    .blog-tab ol.breadcrumb.article-bcrumb li.active {
        border-radius: 3.8px !important;
        margin-top: 0 !important;
        line-height: 45px;
        padding-left: 1px !important
    }

    .blog-tab ol.breadcrumb.article-bcrumb li.active a {
        line-height: .96 !important;
        padding: 13px 13px !important;
        border-radius: 3.8px !important
    }
}

@media (min-width:420px) and (max-width:767px) {
    .blog-tab .nav-container {
        margin: 24px 15.2% 32px
    }

    .blog-tab .blogcontainer-mb {
        margin: 0 15.2%
    }

    .blog-tab .result-no-cnt {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 36px 15.2%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-millie {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 35px 15.2%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .result-no-cnt-credit {
        display: none;
        width: 258px;
        height: 14px;
        margin: 38px 0 35px 15.2%;
        font-family: SyfSans-md;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: .78;
        letter-spacing: normal;
        text-align: left;
        color: #69696c
    }

    .blog-tab .blogcontainermillie-mb {
        margin: 0 15.2%
    }

    .blog-tab .blogcontainercredit-mb {
        margin: 0 15.2%
    }

    .blog-tab .article-head {
        max-width: none;
        margin: 13px 0 20px;
        font-family: SyfSans;
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43
    }

    .blog-tab .article-para {
        max-width: none;
        min-height: 30px;
        font-family: SyfSans-normal;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #3b3c43;
        margin-bottom: 0
    }

    .blog-tab .master-para {
        max-width: none
    }

    .blog-tab .master-para2 {
        max-width: none
    }

    .blog-tab .gpcc-zero-img {
        margin-right: 0;
        opacity: 0
    }

    .blog-tab .gpcc-zero-para {
        max-width: 70%
    }

    .blog-tab .gpcc-zero-wallet {
        margin-left: 40%
    }

    .blog-tab .card-preffered {
        margin-right: 20px
    }

    .blog-tab .card-plus {
        margin-left: 20px
    }

    .blog-tab .tb1 {
        margin-right: 0;
        margin-top: 214px
    }
}

@media (min-width:768px) {
    .blog-tab .blogcontainer-mb {
        display: none
    }

    .blog-tab .blogcontainermillie-mb {
        display: none
    }

    .blog-tab .blogcontainercredit-mb {
        display: none
    }

    .blog-tab .bread-img-pos {
        height: 14.1px;
        width: 48.1px;
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .blog-tab .blogcontainer {
        display: none
    }

    .blog-tab .blogcontainermillie {
        display: none
    }

    .blog-tab .blogcontainercredit {
        display: none
    }

    .blog-tab .filtercontainer {
        display: none
    }

    .blog-tab .filtercontainer-mb {
        display: none
    }
}

@media (min-width:768px) and (max-width:1500px) {
    .blog-tab .blog-content-article nav ol.article-bcrumb li.breadcrumb-item:first-child a {
        padding: 16px 41px 14.5px 26px !important
    }
}

.blog-tab .edgeb .blog-content-article nav ol.article-bcrumb li:first-child.breadcrumb-item a {
    padding: 17px 41px 14.5px 26px
}

@media (max-width:1199px) {
    .tab-ftr-section #applyTag {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ul-focus {
    border: unset !important;
    border-radius: unset !important
}

.btn.focus,
.btn:focus {
    outline: unset !important;
    box-shadow: unset !important
}

#timframe-filter-btn:focus {
    border: 2px solid #000;
    border-radius: 2px;
    background: #f9f9f9
}

.ftr-timeframe-wrapper .timframe-filter-menu a {
    padding: 17px 24px;
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal
}

#timframe-filter-btn-mob:focus {
    border: 2px solid orange;
    border-radius: 2px;
    background: #f9f9f9
}

.timframe-filter-btn-mob-on {
    background: #016899 !important;
    color: #fff !important
}

#listbox-timeframe-mob {
    margin-left: 60px;
    margin-top: 9px;
    width: 88%;
    margin-left: 19px
}

.ftr-timeframe .dropdown-menu {
    position: relative !important;
    padding: .05rem 1rem !important;
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    padding-top: 17px;
    padding-right: 24px;
    padding-bottom: 17px;
    padding-left: 24px;
    width: 100%;
    border-left: 1.5px solid #dbdbdb;
    border-left-width: 1.5px;
    border-left-style: solid;
    border-left-color: #dbdbdb;
    border-right: 1.5px solid #dbdbdb;
    border-right-width: 1.5px;
    border-right-style: solid;
    border-right-color: #dbdbdb;
    width: 100%
}

.ftr-placeholder {
    -ms-transform: initial;
    transform: initial;
    font-family: SyfSans-md;
    width: 100%;
    text-align: left;
    height: 43px;
    background: #f9f9f9;
    border: none;
    line-height: .88;
    padding-top: 17px;
    padding-right: 24px;
    padding-bottom: 17px;
    padding-left: 24px;
    font-family: SyfSans-md;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.ftr-placeholder:focus {
    outline: 1px solid orange
}

.ftr-placeholder:after {
    content: "\f078";
    -ms-transform: initial;
    transform: initial;
    font-family: FontAwesome, "Font Awesome 5 Free";
    position: absolute;
    right: 50px
}

.dropdown-item:focus {
    outline: 2px solid orange
}

.dropdown-item .selected {
    background: #016899
}

.tab-ftr-section form>div:focus-within {
    outline: 2px solid orange
}

.timeframe-selected {
    border: 2px solid rgba(0, 104, 154, .2509803922)
}

.timeframe-selected:focus {
    border: 2px solid orange
}

.syf-sh-link:focus {
    border: 2px solid orange !important
}

a#mobAll:focus {
    outline-color: orange
}

a#mobLess:focus {
    outline-color: orange
}

.ftr-modal-apply.active-apply:focus {
    border: 2px solid orange !important
}

.ftr-modal-clear.active-clear:focus {
    outline-color: orange
}

.ftr-modal-apply:not(.active-clear):focus {
    outline-color: transparent
}

.ftr-modal-clear:not(.active-clear):focus {
    outline-color: transparent
}

#modalClose:focus {
    outline-color: orange
}

a.blog-articles-link {
    text-decoration: none;
    color: #000
}

.blog-article-cards-section {
    display: none
}

@media (min-width:1200px) {
    .blog-article-cards-section {
        display: block;
        padding-left: 110px;
        padding-right: 332px;
        padding-bottom: 80px;
        max-width: 1440px;
        margin: auto
    }

    .blog-article-title {
        font-family: SyfSans;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000;
        margin: 0;
        padding-bottom: 12px
    }

    .blog-article-title-border {
        height: 4px;
        width: 44px;
        background: #fbc600
    }

    .blog-article-container {
        padding-top: 32px
    }

    .blog-article-container>div {
        padding-left: 12px;
        padding-right: 12px
    }

    .blog-articles {
        border-radius: 2px;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .blog-article-img-container {
        height: auto;
        width: 100%
    }

    .blog-article-img-container img {
        height: auto;
        max-width: 100%;
        width: 100%
    }

    .blog-article-content-body {
        padding: 20px 20px 25px
    }

    .blog-article-card-color-lable span {
        padding: 5px 10px;
        border-radius: 2px;
        background-color: #39757a;
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .8px;
        text-align: left;
        color: #fff
    }

    .blog-article-card-text {
        padding-top: 24px;
        padding-bottom: 47px;
        font-family: SyfSans;
        font-size: 22px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-card-bottom-text {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        align-items: center
    }

    .blog-article-card-bottom-text-left {
        width: 65%
    }

    .blog-article-card-bottom-text-right {
        width: 35%;
        text-align: right
    }

    .blog-article-card-bottom-text-bold {
        font-weight: 700
    }

    .blog-article-card-bottom-text-date {
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: left;
        color: #000
    }

    .blog-article-card-bottom-text-right {
        font-family: SyfSans;
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: right;
        color: #000
    }
}

@media (min-width:1400px) {
    .blog-article-cards-section {
        padding-left: 225px;
        padding-right: 332px
    }
}

@media (min-width:1440px) {
    .blog-article-cards-section {
        padding-left: 232px
    }
}

.margin-top-imp .mil-imp-pos {
    margin-top: 94px
}

@media (min-width:768px) and (max-width:991px) {
    .margin-top-imp .mil-imp-pos {
        margin-top: 97px
    }
}

@media (max-width:767px) {
    .margin-top-imp .mil-imp-pos {
        margin-top: 122px
    }
}

@media (min-width:1700px) {
    .margin-top-imp .blog-bg img {
        height: 662px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .margin-top-imp .blog-bg img {
        height: 465px
    }
}

@media (min-width:1400px) and (max-width:1699px) {
    .margin-top-imp .blog-bg img {
        height: 497px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .margin-top-imp .blog-bg img {
        height: 353px
    }
}

@media (min-width:768px) and (max-width:800px) {
    .margin-top-imp .blog-bg img {
        height: 354px
    }
}

@media (min-width:801px) and (max-width:991px) {
    .margin-top-imp .blog-bg img {
        height: 374px
    }
}

@media (max-width:320px) {
    .margin-top-imp .blog-bg img {
        height: 264.5px
    }
}

@media (min-width:321px) and (max-width:360px) {
    .margin-top-imp .blog-bg img {
        height: 298px
    }
}

@media (min-width:361px) and (max-width:400px) {
    .margin-top-imp .blog-bg img {
        height: 310px
    }
}

@media (min-width:401px) and (max-width:450px) {
    .margin-top-imp .blog-bg img {
        height: 342px
    }
}

@media (min-width:451px) and (max-width:580px) {
    .margin-top-imp .blog-bg img {
        height: 470px
    }
}

@media (min-width:590px) and (max-width:650px) {
    .margin-top-imp .blog-bg img {
        height: 537px
    }
}

@media (min-width:651px) and (max-width:700px) {
    .margin-top-imp .blog-bg img {
        height: 308px
    }
}

@media (min-width:701px) and (max-width:767px) {
    .margin-top-imp .blog-bg img {
        height: 340px
    }
}

#blog-landing {
    display: block
}

#millie-landing {
    display: none
}

@media (min-width:992px) and (max-width:1100px) {
    .arrow-centre {
        width: 90px;
        height: 128px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-top: -50px;
        left: 630px
    }
}

@media (min-width:1101px) and (max-width:1300px) {
    .arrow-centre {
        width: 90px;
        height: 128px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-top: -50px;
        left: 760px
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    .arrow-centre {
        width: 90px;
        height: 128px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-top: -50px;
        left: 790px
    }
}

@media (min-width:1401px) and (max-width:1700px) {
    .arrow-centre {
        width: 90px;
        height: 128px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-top: -50px;
        left: 840px
    }
}

@media (min-width:1701px) {
    .arrow-centre {
        width: 90px;
        height: 128px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-top: -50px;
        left: 1090px
    }
}

@media (min-width:768px) and (max-width:800px) {
    .arrow-centre {
        width: 34.7px;
        height: 84px;
        object-fit: contain;
        float: right;
        position: absolute;
        left: 500px;
        margin-top: -20px
    }
}

@media (min-width:801px) and (max-width:991px) {
    .arrow-centre {
        width: 34.7px;
        height: 84px;
        object-fit: contain;
        float: right;
        position: absolute;
        left: 520px;
        margin-top: -20px
    }
}

@media (max-width:320px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 270px;
        margin-top: -10px
    }
}

@media (min-width:321px) and (max-width:360px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 290px;
        margin-top: -10px
    }
}

@media (min-width:361px) and (max-width:400px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 300px;
        margin-top: -10px
    }
}

@media (min-width:401px) and (max-width:450px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 320px;
        margin-top: -10px
    }
}

@media (min-width:451px) and (max-width:580px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 400px;
        margin-top: -10px
    }
}

@media (min-width:590px) and (max-width:650px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 440px;
        margin-top: -10px
    }
}

@media (min-width:651px) and (max-width:700px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 450px;
        margin-top: -10px
    }
}

@media (min-width:701px) and (max-width:767px) {
    .arrow-centre {
        width: 32px;
        height: 68px;
        object-fit: contain;
        float: right;
        position: absolute;
        margin-left: 490px;
        margin-top: -10px
    }
}

/*ADA fix for play/pause button*/
#gpccVideoIcon {
    all: unset;
}

#gpccVideoIcon:focus,
#gpccVideoIcon:focus-visible {
    outline: solid 2px #3b3d49;
}

/* Ashwini added pause button space fix for resolution less than 1200px  */
@media (min-width:1200px) {
    .bannerVideoPauseImage {
        display: block;
    }
}

@media (max-width:1199px) {
    .bannerVideoPauseImage {
        display: none;
        visibility: hidden;
    }
}

@media (min-device-width: 800px) and (max-device-width: 1199px) and (-webkit-min-device-pixel-ratio: 2) {
    .bannerVideoPauseImage {
        display: none;
        visibility: hidden;
    }

}


/* Need to remove after the new header - MKPL .fix */
@media screen and (max-width: 1080px) {
    .navigation .header-right {
        top: 114px;
        /* if alert banner is added revert to 
        top: 173px */
    }
}

@media screen and (min-width: 0rem) and (max-width: 70.25rem) {

    .navigation .login-button.is-active>.login-dropdown,
    .navigation .login-dropdown .login-button .login-dropdown:hover {
        top: 103px;
        /* if alert banner is added revert to 
        top: 173px */
    }
}

.zoom-in-mode .gpcc-head {
    position: unset;
}

.zoom-in-mode .gpcc-head .gpcc-banner-content {
    top: 12rem;
}

.zoom-in-mode .gpcc-head .gpcc-banner-content .gpcc-banner-content-size {
    font-size: 2rem;
}

.zoom-in-mode .gpcc-head .gpcc-banner-content-text {
    top: 20rem;
}

.zoom-in-mode .gpcc-head .gpcc-banner-content-text .gpcc-banner-content-text-size {
    font-size: 1rem;
}

.zoom-in-mode .gpcc-head .gpcc-label {

    width: 19.313rem;
}

.syn-cards-slider-button {
    margin-left: 10px;
}

_::-webkit-full-page-media,
_:future,
:root .gpcc-comp-card-video-ctrl a,
_::-webkit-full-page-media,
_:future,
:root .power-of-syn-video-ctrl a {
    padding: 20px 0;
}

/* added style by sumati for the close button as part of ADA */
.modal-content .modal-close-btn-container .close {
    color: #fff !important;
    opacity: 2 !important;
}

.modal-content .modal-close-btn-container .close:focus:not(:focus-visible) {
    outline: none;
}

/* updated color as part of ada by sumati */
.modal-content .modal-close-btn-container .close:focus-visible {
    outline: solid 2px #fff;
    border-radius: 8px;
}

/* added below changes by sumati as part of ada */
.power-of-syn-video .modal .modal-dialog .modal-content .modal-close-btn-container .close:focus-visible {
    outline: solid 2px #fff;
    border-radius: 8px;
}

.power-of-syn-video .modal .modal-dialog .modal-content .modal-close-btn-container .close {
    color: #fff;
}