@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900');

.row {
    margin: unset !important;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.rhb_logo {
    width: 25rem !important;
    position: absolute;
    top: 45px;
}

.rhb_logo_mobile {
    width: 30vw !important;
    position: absolute;
    top: 20px;
}

.row.no-gutters>[class^='col-'],
.row.no-gutters>[class*=' col-'] {
    padding-right: 0;
    padding-left: 0;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

input,
textarea,
select,
button {
    box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
}

a,
input {
    transition: all 0.3s ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

p {
    margin: 0 0 0;
}

body {
    font-size: 16px;
    line-height: 1.6;
    font-family: 'Lato', sans-serif;
    color: #4a565c;
    background: #fff;
    max-width: 1440px;
    margin: auto;
}

@media screen and (max-width: 991px) {
    body {
        font-size: 16px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 15px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 15px;
        line-height: 1.6;
    }
}

a {
    color: #025fab;
}

a:hover,
a:active,
a:focus {
    color: #000;
}

.site--container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow-x: hidden;
    position: relative;
}

.site--container1 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
}

.form {
    text-align: center;
    background-color: #f5f5f5;
    padding: 80px 0 60px;
}

@media (max-width: 991px) {
    .form {
        padding: 50px 0 50px;
    }
}

@media (max-width: 768px) {
    .form {
        padding: 40px 0 40px;
    }
}

@media (max-width: 479px) {
    .form {
        padding: 30px 0 30px;
    }
}

.form--heading {
    color: #0067b1;
    font-size: 35px;
    line-height: 1.2;
}

@media screen and (max-width: 991px) {
    .form--heading {
        font-size: 35px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 768px) {
    .form--heading {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 479px) {
    .form--heading {
        font-size: 26px;
        line-height: 1.2;
        padding: 0 8px;
    }
}

.form--subheading {
    padding-top: 10px;
}

.form--form {
    text-align: left;
    padding-top: 30px;
}

@media (max-width: 991px) {
    .form--form {
        padding-top: 15px;
    }
}

@media (max-width: 768px) {
    .form--form {
        padding-top: 5px;
    }
}

.form--control {
    padding-top: 30px;
}

@media (max-width: 768px) {
    .form--control {
        padding-top: 25px;
    }
}

.form--label {
    color: #404040;
    padding: 0 0 5px 10px;
    font-weight: bold;
}

.form--input,
.form--select,
.form--textarea {
    border-radius: 6px;
    display: block;
    width: 100%;
    border: none;
}

.form--input::-webkit-input-placeholder,
.form--select::-webkit-input-placeholder,
.form--textarea::-webkit-input-placeholder {
    color: #bbc6c8;
}

.form--input::-moz-placeholder,
.form--select::-moz-placeholder,
.form--textarea::-moz-placeholder {
    color: #bbc6c8;
}

.form--input:-ms-input-placeholder,
.form--select:-ms-input-placeholder,
.form--textarea:-ms-input-placeholder {
    color: #bbc6c8;
}

.form--input:-moz-placeholder,
.form--select:-moz-placeholder,
.form--textarea:-moz-placeholder {
    color: #bbc6c8;
}

@media (max-width: 768px) {

    .form--input,
    .form--select,
    .form--textarea {
        background: #fff;
        border-radius: 4px;
    }
}

.form--input .small-text,
.form--select .small-text,
.form--textarea .small-text {
    font-size: 12px;
}

.form--input {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.form--error {
    color: #c0392b;
    font-size: 75%;
    padding-top: 10px;
    font-weight: normal;
}

.form--customer-label {
    text-align: center;
    padding-top: 10px;
}

@media (max-width: 768px) {
    .form--customer-label {
        padding-top: 0;
    }
}

.form--customer-label span {
    margin-right: 40px;
}

@media (max-width: 768px) {
    .form--customer-label span {
        display: block;
        margin: 0 0 10px 0;
    }
}

.form--customer-label label {
    font-weight: normal;
}

.form--customer-label label+label {
    margin-left: 20px;
}

.form--customer-label input {
    margin-right: 10px;
}

.form--tnc-container {
    margin: 0;
}

.form--tnc-input {
    vertical-align: top;
    float: left;
    width: 20px;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .form--tnc-input {
        width: 15px;
    }
}

.form--tnc-label {
    padding-left: 10px;
    float: right;
    width: calc(100% - 20px);
}

.form--tnc-label p+p {
    padding-top: 20px;
}

@media (max-width: 768px) {
    .form--tnc-label {
        width: calc(100% - 15px);
    }
}

.form--tnc-label-text {
    font-size: 75%;
    font-weight: normal;
}

@media (max-width: 768px) {
    .form--tnc-label-text {
        font-size: 81.25%;
    }
}

@media (max-width: 479px) {
    .form--tnc-label-text {
        font-size: 75%;
    }
}

.form--submit {
    padding-top: 40px;
    text-align: center;
}

@media (max-width: 768px) {
    .form--submit {
        padding-top: 30px;
    }
}

@media (max-width: 479px) {
    .form--submit {
        padding-top: 20px;
    }
}

.form--submit-btn {
    width: auto;
    padding: 0 40px;
    background: #ef3e42;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    height: 60px;
    text-align: center;
    /* margin-top: 42px; */
    /* margin-bottom: 60px; */
    /* visibility: hidden; */
}

.form--submit-btn:hover {
    background: #0067b1;
}

.footer__btm a {
    color: #818a91;
    cursor: pointer;
    text-decoration: underline;
    z-index: 999999;
    position: relative;
}

.footer {
    color: #404040;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 45.28px 0;
}

@media (max-width: 991px) {
    .footer {
        font-size: 10px;
    }
}

@media (max-width: 620px) {
    .footer {
        padding: 0 0 20.58px 0;
    }
}

.footer__top {
    margin: 0 68.38px;
}

@media (max-width: 620px) {
    .footer__top {
        margin: 0 30.38px;
    }
}

.footer__top .footer__tnc {
    color: #0667b0;
    padding: 45.28px 0 22.64px;
    font-size: 20px;
    line-height: 1.3;
}

@media screen and (max-width: 991px) {
    .footer__top .footer__tnc {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .footer__top .footer__tnc {
        font-size: 10px;
        line-height: 1.3;
        padding: 22.64px 0;
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__tnc {
        font-size: 10px;
        line-height: 1.3;
        padding: 22.64px 0 11px 0;
    }
}


/* @media (max-width: 767px) {
	.footer__top .footer__tnc {
		padding: 22.64px 0;
	}
}
@media (max-width: 620px) {
	.footer__top .footer__tnc {
		padding: 22.64px 0 11px 0;
	}
} */

.footer__top .footer__tnc.footer__tnc-premier a {
    color: #002f65;
}

.footer__top .footer__tnc a {
    color: #0667b0;
    padding: 0 10px;
    border-left: 1px solid #0667b0;
    font-size: 15px;
    line-height: 1.3;
}

@media screen and (max-width: 991px) {
    .footer__top .footer__tnc a {
        font-size: 15px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .footer__top .footer__tnc a {
        font-size: 14px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__tnc a {
        font-size: 12px;
        line-height: 1.3;
    }
}

.footer__top .footer__tnc a:first-child {
    padding: 0 10px 0 0;
    border-left: none;
    border-right: none;
}

.footer__top .footer__box {
    background: #5bc2e7;
    color: #ffffff;
    font-weight: 300px;
    padding: 45.28px 38.38px;
}

.footer__top .footer__box.footer__box-premier {
    background: #002f65;
}

.footer__top .footer__box.footer__box-premier .footer__box-heading {
    font-size: 40px;
    line-height: 1.3;
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 36px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 32px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 20px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box.footer__box-premier .footer__box-heading {
        font-size: 16px;
        line-height: 1.3;
    }
}

.footer__top .footer__box.footer__box-premier .footer__box-subheading {
    font-size: 30px;
    line-height: 1.3;
}

@media screen and (max-width: 991px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 26px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 24px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 600px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 18px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 479px) {
    .footer__top .footer__box.footer__box-premier .footer__box-subheading {
        font-size: 12px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .footer__top .footer__box {
        padding: 20.58px 38.38px;
    }
}

@media (max-width: 485px) {
    .footer__top .footer__box {
        padding: 20.58px 22.38px;
    }
}

.footer__top .footer__box .footer__box-heading {
    font-size: 55px;
    line-height: 1.3;
}


/* @media screen and (max-width: 991px) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 34px;
		line-height: 1.3;
	}
} */

@media screen and (max-width: 768px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 24px;
        line-height: 1.3;
    }
}


/* @media screen and (max-width: 600px) {
	.footer__top .footer__box .footer__box-heading {
		font-size: 26px;
		line-height: 1.3;
	}
} */

@media screen and (max-width: 479px) {
    .footer__top .footer__box .footer__box-heading {
        font-size: 24px;
        line-height: 1.3;
    }
}

.footer__top .footer__box .footer__box-subheading {
    font-size: 45px;
    line-height: 1.3;
}


/* @media screen and (max-width: 991px) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 26px;
		line-height: 1.3;
	}
} */

@media screen and (max-width: 768px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 20px;
        line-height: 1.3;
    }
}


/* @media screen and (max-width: 600px) {
	.footer__top .footer__box .footer__box-subheading {
		font-size: 22px;
		line-height: 1.3;
	}
} */

@media screen and (max-width: 479px) {
    .footer__top .footer__box .footer__box-subheading {
        font-size: 20px;
        line-height: 1.3;
    }
}

.footer__top .footer__box .footer__box-subheading a {
    color: #ffffff;
}

.footer__top .footer__box .footer__box-subheading .text--light {
    font-weight: 300;
}

.footer__top .footer__box .footer__box-subheading .footer--number {
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .footer__mid.footer__mid-long {
        margin: 0 0 22.64px 0;
    }
}

.footer__mid .footer__mid-left,
.footer__mid .footer__mid-right {
    display: table-cell;
    vertical-align: middle;
}

.footer__mid .footer__mid-left {
    background: #5bc2e7;
    width: 270px;
    padding: 0 45.28px 0 68.38px;
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left {
        padding: 0 20.75px 0 30.38px;
        width: 170px;
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-left {
        width: 122.74px;
        padding: 3px 20.75px 3px 30.38px;
    }
}

.footer__mid .footer__mid-left.footer__mid-left-premier {
    background: #002f65;
    padding: 28.7px 22.9px 28.7px 68.38px;
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left.footer__mid-left-premier {
        width: 140.46px;
        padding: 22.9px 20.75px 22.9px 30.38px;
    }

    .footer__mid .footer__mid-left.footer__mid-left-premier img {
        width: 97.35px;
    }
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-left img {
        width: 106px;
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-left img {
        width: 74px;
    }
}

.footer__mid .footer__mid-right {
    padding: 22.64px 0 0 22.82px;
}

@media (max-width: 991px) {
    .footer__mid .footer__mid-right {
        display: block;
        padding: 22.64px 0 0 68.38px;
    }
}

@media (max-width: 767px) {
    .footer__mid .footer__mid-right {
        display: block;
        padding: 22.64px 0 0 68.38px;
    }
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-right {
        padding: 16px 0 0 30.38px;
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right {
        padding: 16px 0 0 52.38px;
    }
}

.footer__mid .footer__mid-right.mid-right-short {
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .footer__mid .footer__mid-right.mid-right-short {
        display: table-cell;
        padding: 0;
    }
}

.footer__mid .footer__mid-right .islam__logo,
.footer__mid .footer__mid-right .footer__mid-right-text {
    display: table-cell;
    vertical-align: middle;
    color: #818a91;
}

@media (max-width: 767px) {

    .footer__mid .footer__mid-right .islam__logo,
    .footer__mid .footer__mid-right .footer__mid-right-text {
        vertical-align: middle;
    }
}

.footer__mid .footer__mid-right .islam__logo {
    width: 42px;
}

@media (max-width: 620px) {
    .footer__mid .footer__mid-right .islam__logo {
        width: 36px;
        display: block;
        float: left;
        margin: 0 12px 4px 0;
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right .islam__logo {
        width: 30px;
        margin: 2px 12px 1px 0;
    }
}

.footer__mid .footer__mid-right .islam__logo img {
    width: 100%;
}

.footer__mid .footer__mid-right .footer__mid-right-text {
    font-size: 14px;
    padding: 0 68.38px 0 22.82px;
    text-align: justify;
}


/* @media (max-width: 1199px) {
	.footer__mid .footer__mid-right .footer__mid-right-text {
		font-size: 12px;
	}
} */

@media (max-width: 768px) {
    .footer__mid .footer__mid-right .footer__mid-right-text {
        font-size: 10px;
        padding: 0 30.38px 0 0;
        display: block;
    }
}


/* @media (max-width: 479px) {
	.footer__mid .footer__mid-right .footer__mid-right-text {
		padding: 0 30.38px 0 0;
	}
} */

.footer__mid .footer__mid-right .footer__mid-right-copyright {
    margin-top: 24.64px;
    text-align: justify;
}

@media (max-width: 1199px) {
    .footer__mid .footer__mid-right .footer__mid-right-copyright {
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .footer__mid .footer__mid-right .footer__mid-right-copyright {
        margin-top: 20.58px;
        padding-right: 30.38px;
    }
}

.footer__btm {
    margin: 45.28px 68.38px 0 106.76px;
    color: #818a91;
    text-align: justify;
    /* position: relative; */
    /* z-index: 99999; */
}


/* @media (max-width: 991px) {
	.footer__btm {
		margin: 22.64px 68.38px 0;
	}
} */

@media (max-width: 768px) {
    .footer__btm {
        margin: 20.58px 30.38px 0 46px;
    }
}

.footer__btm .footer__btm-text p {
    font-size: 14px;
    line-height: 1.3;
}

.footer__btm .footer__btm-text {
    margin-top: 20px;
}

.footer__btm .footer__btm-text a {
    color: #0067b1;
    font-weight: 600;
    text-decoration: underline;
}

.footer__btm .footer__btm-text a.underline {
    text-decoration: underline;
}

.footer__btm .footer__btm-text:last-child {
    margin-top: 30px;
    color: #818a91;
}

@media (max-width: 320px) {
    .hide--xxs {
        display: none;
    }
}

@media (max-width: 479px) {
    .hide--xs {
        display: none;
    }
}

@media (max-width: 767px) {
    .hide--sm {
        display: none;
    }
}

@media (max-width: 991px) {
    .hide--md {
        display: none;
    }
}

@media (max-width: 1199px) {
    .hide--lg {
        display: none;
    }
}

.show--sm-hide-xs {
    display: none;
}

@media (max-width: 767px) {
    .show--sm-hide-xs {
        display: inline-block;
    }
}

@media (max-width: 479px) {
    .show--sm-hide-xs {
        display: none;
    }
}

.show--sm {
    display: none;
}

@media (max-width: 767px) {
    .show--sm {
        display: block;
    }
}

.show--xs {
    display: none;
}

@media (max-width: 479px) {
    .show--xs {
        display: inline-block;
    }
}

.banner img {
    width: 100%;
}

#intro {
    /* background-image: url(../images/bg--intro-mobile.jpg); */
    /* background-repeat: no-repeat; */
    /* background-position: top; */
    /* background-size: contain; */
    background: linear-gradient(to bottom, #5bc2e7 0%, #caeffc 25%, #eaf7fc 90%, #ffffff 100%);
    text-align: center;
    padding: 48px 0 10px;
}

@media (min-width: 768px) {
    #intro {
        /* background-image: url(../images/bg--intro.jpg); */
        padding-top: 72px;
    }
}

.intro__heading,
.benefit h1,
#intro .prize__heading {
    color: #0067b1;
    margin: 0 auto;
    font-size: 45px;
    line-height: 1.3;
    max-width: 1200px;
}

.intro__heading2 {
    color: #0067b1;
    margin: 0 auto;
    font-size: 35px;
    line-height: 1.3;
    max-width: 900px;
}

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

    .intro__heading,
    .benefit h1,
    #intro .prize__heading {
        font-size: 23px;
        line-height: 26px;
    }

    .intro__heading2 {
        font-size: 19px;
        line-height: 24px;
    }

    .benefits2__heading {
        font-size: 24px;
    }
}

.intro__desc,
#intro .prize__desc {
    color: #373a3c;
    font-size: 22px;
    margin: 0 auto;
    line-height: 1.6;
}

.intro__heading {
    max-width: 710px;
    margin-bottom: 20px;
}



@media (min-width: 768px) {
    .intro__heading {
        max-width: 980px;
    }
}

.intro__desc {
    color: #373a3c;
    font-size: 30px;
    margin: 0 auto;
    line-height: 1.6;
    /* max-width: 820px; */
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .intro__desc {
        /* max-width: 820px; */
        margin-bottom: 10px;
        font-size: 16px;
        padding: 0 16px;
    }
}

#intro .prize__heading {
    max-width: 542px;
    margin-bottom: 70px;
}

@media (min-width: 768px) {
    #intro .prize__heading {
        max-width: 611px;
    }
}

#intro .prize__heading .logo {
    padding-top: 15px;
    width: 110px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    #intro .prize__heading .logo {
        width: 148px;
    }
}

#intro .prize__desc {
    max-width: 560px;
}

@media (min-width: 768px) {
    #intro .prize__desc {
        max-width: 622px;
    }
}

.campaign__period {
    /* font-weight: 600; */
    font-size: 25px;
    line-height: 1.3;
    margin-top: 12px;
    color: #404040;
}

@media (max-width: 768px) {
    .campaign__period {
        font-size: 16px;
        padding: 0 16px;
    }
}

.container_body {
    background: white;
    padding: 80px 30px 40px;
    background: url('../images/bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.category {
    background: #e5eff7;
    /* padding-top: 250px; */
    /* margin-top: -270px; */
}

.category__table {
    /* margin-bottom: 30px; */
    max-width: 937px;
    border-radius: 20px;
    border-collapse: collapse;
    overflow: hidden;
    border-style: unset;
    text-align: center;
    margin: auto;
}

.category__table table th {
    background: #0067b1;
    color: white;
    text-align: center;
    padding: 25px 0;
    width: 60%;
    font-size: 24px;
    font-weight: bold;
}

.category__table table th:first-child {
    border-top-left-radius: 8px;
    border-right: 2px solid #ffffff;
}

.category__table table th:last-child {
    border-top-right-radius: 8px;
}

.table_wrapper {
    border-radius: 12px;
    border: 2px solid #0067b1;
}

.category__table table .td-left {
    background: #ffffff;
    color: #0067b1;
    text-align: left;
    padding: 25px 25px;
    border: 2px solid #0067b1;
    border-left: unset;
    width: 60%;
    font-size: 23px;
    font-weight: bold;
}

.category__table table p {
    color: #808080;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}

.category__table table .td-right {
    background: #ffffff;
    color: #0067b1;
    text-align: center;
    padding: 25px 25px;
    border: 2px solid #0067b1;
    border-right: unset;
    width: 60%;
    font-size: 24px;
    font-weight: bold;
}

.category__table table th,
.category__table-highlight {
    color: #fff;
    background-color: #0067b1;
    /* border: 2px solid #5bc2e7 !important; */
    font-size: 22px;
}

.category__table-head {
    background-color: #ffffff;
}

.category__table table td {
    background-color: #ffffff;
    color: #808080;
    border: 2px solid #0067b1;
    line-height: 1.2;
}

.category__table table tr:last-child td {
    background-color: #ffffff;
    border-bottom: unset;
}

.category__table table td:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.table-bordered {
    border: 2px solid #5bc2e7;
    border-radius: 20px;
}

.category__table-body {
    font-size: 35px;
    font-weight: 600;
    color: #0067b1;
    text-align: center;
}

.arrows_container {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    /* position: relative; */
    left: 0;
    top: 50%;
    z-index: 999;
}

.mobile_rewards_left:hover,
.mobile_rewards_right:hover {
    cursor: pointer;
}

.mobile_rewards_left {
    left: 0%;
    position: absolute;
}

.mobile_rewards_right {
    right: 0%;
    position: absolute;
}

@media screen and (max-width: 767px) {
    .table_wrapper {
        max-width: 320px;
    }

    .category__table table p {
        text-align: center;
    }

    .category__table-body {
        font-size: 22px;
        line-height: 1.3;
    }

    .category__table table th:last-child,
    .category__table table th:first-child {
        border: unset;
    }
}

.form-check-input {
    margin-right: 12px !important;
}

.text--blue {
    color: #0067b1;
}

.text--lightblue {
    color: #5bc2e7;
}

.calculator_title {
    font-size: 20px;
}

.calculator {
    padding: 24px 0 0;
    background: linear-gradient(to bottom, #f5f5f5 0%, #dddddd 100%);
}

.calculator input {
    border: unset;
    /* box-shadow: 0 0 12px 2px rgb(0 0 0 / 10%); */
    border-radius: 20px 0 20px 0;
    line-height: 60px;
    padding: 0 12px;
    text-align: right;
    font-size: 24px;
    background: #fff;
    width: 100%;
    max-width: 217px;
    position: relative;
    /* z-index: 10000; */
}

.calculator h4,
.calculator h3 {
    line-height: 1.3;
}

::placeholder {
    color: #dddddd;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dddddd;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #dddddd;
}

button[disabled],
html input[disabled] {
    cursor: not-allowed;
    opacity: 1;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.calculator_phone {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .calculator_phone {
        margin-top: unset;
    }

    .calculator input {
        font-size: 12px;
        max-width: 85px;
        padding: 0 4px;
        width: unset;
    }

    .calculator_title,
    .calculator h3 {
        font-size: 16px;
    }

    .calculator h4 {
        font-size: 14px;
    }

    .category__table table th {
        padding: 12px 8px;
        font-size: 24px;
    }

    .category__table table .td-left,
    .category__table table .td-right {
        padding: 24px 12px;
        font-size: 24px;
        border: unset;
    }

    .category__table-body b {
        font-size: 24px;
    }

    .h1 {
        margin: 0px auto;
        font-size: 32px;
        line-height: 1.3;
        text-align: center;
        font-weight: bold;
        color: #0067b1;
        padding-top: 80px;
    }

    .h2 {
        margin: 0px auto;
        font-size: 25px;
        line-height: 1.2;
        text-align: center;
        font-weight: 400px;
        color: #0067b1;
    }

    .tier_header {
        padding: 4px 32px;
        background: #0067b1;
        color: #c9c9c9;
        font-size: 24px;
        font-weight: bold;
    }

    .scenario_container {
        width: 99% !important;
    }

    .scenario_title {
        color: #0067b1;
        font-size: 24px;
        width: 200px !important;
        padding: 40px 0;
        border-radius: 12px;
        margin: auto;
    }

    .scenario_body {
        border: 2px solid #0067b1;
        border-radius: 8px;
        padding: 38px 48px 0;
        /* display: flex; */
        margin-top: -28px;
    }

    .scenario_left {
        font-size: 18px;
        flex: 3;
        line-height: 1.8;
    }

    .scenario_right {
        font-size: 18px;
        flex: 1;
        padding-left: 24px;
        border-left: 2px dotted #404040;
        line-height: 1.8;
    }

    .scenario_footer {
        margin-top: 12px;
        border-top: 2px dotted #404040;
        padding: 16px 0;
    }

    .benefits_arrow-wrapper {
        margin: 0px auto 0;
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        margin-top: 185px;
    }

    .scenarios {
        padding: 48px 0 0;
        background: #ffffff;
    }

    .scenarios .intro__desc {
        font-size: 24px;
    }

    .footnote {
        font-size: 22px;
    }

    .flex {
        display: flex;
        text-align: left;
    }
}

@media screen and (max-width: 479px) {
    .benefits img {
        width: 110px;
    }
}

.heading {
    color: #0067b1;
    margin: 60px 0 40px 0;
    font-size: 32px;
    line-height: 1.3;
}

.footer_note {
    color: #414141;
    margin: 10px 0 20px 0;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .heading {
        font-size: 22px;
        line-height: 1.3;
        margin: 20px 0 30px 0;
    }
}

@media screen and (max-width: 479px) {
    .heading {
        font-size: 20px;
        line-height: 1.2;
        margin: 40px 0 30px 0;
    }

    .footer_note {
        color: #414141;
        margin: 10px 0 10px 0;
        font-size: 10px;
    }
}


/*.intro__heading {
	max-width: 560px;
	margin-bottom: 36px;
}
@media (min-width: 768px) {
	.intro__heading {
		max-width: 1000px;
	}
}*/

.sponsors {
    margin: 8px 0;
}

.entries_container {
    border: 2px solid #5bc2e7;
    padding: 22px 12px;
    border-radius: 22px;
    height: 235px;
    margin-bottom: 24px;
}

.entries_container_info {
    background-color: #5bc2e7;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    padding: 22px 12px;
    border-radius: 22px;
    height: 235px;
    margin: auto;
    margin-bottom: 24px;
}

.entries_container h3 {
    font-size: 20px;
    color: #0067b1;
    font-weight: bold;
    line-height: 1.4;
}

.entries_container h4 {
    font-size: 18px;
    line-height: 1.4;
}

.entries_container h5 {
    font-size: 14px;
    line-height: 1.3;
}

.entries_container a {
    text-decoration: underline;
}

.cashless_container {
    margin-bottom: 36px;
}

.cashless_container h3 {
    color: #0067b1;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 6px;
}

.cashless_container h4 {
    color: #404040;
    font-size: 18px;
    line-height: 1.3;
}

.scenarios h5 {
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
}

.scenarios2 {
    padding: 0 0 500px 0px;
    background-color: #003459;
}

.youtube_vids {
    height: 408px;
    width: 740px;
}

.duitnow_container {
    display: flex;
}

.duitnow_left {
    /* flex: 1; */
    margin-top: 100px;
}

.form--footer {
    font-size: 17px;
    line-height: 1.4;
}

.appstore_container img:first-child {
    margin-right: 32px;
}

@media (max-width: 991px) {
    .category {
        /* padding-top: 750px; */
        /* margin-top: -750px; */
    }
}

@media (max-width: 767px) {
    .appstore_container img:first-child {
        /* margin-right: 0; */
    }

    .appstore_container img {
        margin: auto;
    }

    .duitnow_left {
        margin-top: 0;
    }

    .duitnow_container {
        display: block;
    }

    .form--footer {
        font-size: 16px;
    }

    .scenarios2 {
        padding: 0 0 42px 0px;
    }

    .youtube_vids {
        height: 200px;
        width: 100%;
    }

    .scenarios .intro__desc {
        font-size: 16px;
    }

    .entries_container {
        max-width: 320px !important;
    }

    .entries_container h3 {
        font-size: 18px;
    }

    .entries_container h4 {
        font-size: 16px;
    }

    .entries_right_table td {
        padding: 16px 12px 16px 0;
    }

    .entries_right_table {
        padding: 12px 16px 24px 16px;
        margin-left: unset;
    }

    .entries_right_table th {
        font-size: 28px;
    }

    .entries_right_table tr td:last-child {
        font-size: 15px;
        /* line-height: 1.3; */
    }

    .entries_left_table tr td:first-child {
        font-size: 16px;
    }

    .entries_left_table tr td:last-child h3 {
        font-size: 26px;
    }

    .entries_left_table tr td:last-child h5 {
        font-size: 12px;
    }

    .entries_left_title {
        font-size: 17px;
        text-align: center;
    }

    .flex {
        display: unset;
        text-align: center;
    }

    .wallet img {
        margin: auto;
    }

    .footnote {
        font-size: 16px;
        line-height: 1.3;
    }

    .scenario_slick {
        padding: 12px 0 0;
    }

    .scenario_body {
        padding: 38px 12px 0;
    }

    .scenario_left {
        font-size: 14px;
        line-height: 1.6;
        flex: 3;
    }

    .scenario_left div,
    .scenario_right div {
        padding-bottom: 6px;
    }

    .scenario_right {
        font-size: 14px;
        flex: 1.2;
        padding-left: 12px;
        line-height: 1.6;
    }

    .scenario_body {
        margin-top: -22px;
    }

    .scenario_title {
        font-size: 18px;
        width: 160px !important;
    }

    .scenario_footer h3 {
        font-size: 18px;
    }

    .scenario_footer h4 {
        font-size: 12px;
    }

    .cards .cards__img {
        text-align: center;
        padding-left: 0;
        padding-top: 0px;
    }

    .cards .cards__note {
        padding-left: 0;
    }

    .tier_left {
        font-size: 15px;
        align-self: center;
    }

    .tier_right {
        line-height: 1.4;
    }

    .tier_right h1 {
        font-size: 28px;
    }

    .tier_right h3 {
        font-size: 14px;
    }

    .tier_right p {
        font-size: 11px;
    }

    .tier_body {
        padding: 12px 12px;
    }

    .tier_header {
        font-size: 20px;
    }

    .phone {
        margin: 42px auto 0px;
    }

    .crosssell_heading {
        font-size: 16px;
        font-weight: bold;
        padding: 12px 24px;
    }
}

.floating-btn__container {
    /* bottom: 5%; */
    width: 100%;
    z-index: 9999;
    position: fixed;
    max-width: 1440px;
}

.floating-btn__container {
    margin-top: -120px;
}

.floating-btn__wrapper {
    position: relative;
    max-width: 1440px;
    text-align: right;
    width: fit-content;
    margin-left: auto;
}

.floating-btn__wrapper img {
    transform: scale(0.8);
}


/* .animate--reveal {
	visibility: visible;
	-webkit-transform: translateY(0) scale(1);
	opacity: 1;
	transform: translateY(0) scale(1);
	opacity: 1;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s,
		opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
	transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s,
		opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
} */

.category__table_desc {
    font-size: 24px;
    font-weight: 600;
    color: #808080;
    text-align: center;
    padding-bottom: 20px;
}

.benefit {
    margin: 60px auto;
}

.benefit img {
    transform: scale(0.9);
    margin-bottom: -10px;
}

.benefit h3 {
    color: #404040;
    font-weight: bold;
}

.benefit_desc {
    flex-basis: 70%;
    font-size: 23px;
    line-height: 1.4;
}

.benefits_container img {
    flex-basis: 30%;
    max-width: 130px;
}

.slick-dots {
    display: flex;
    justify-content: center;
    /* margin-top: 48px; */
    padding: 0rem 0;
    list-style-type: none;
    margin-bottom: 24px;
    position: relative;
    bottom: 695px;
}

.slick-dots li {
    margin: 0 0.5rem;
}

.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    /* background-image: url(../images/dots.png); */
    background: #808080;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-size: 100%;
    height: 10px;
    width: 10px;
}

.slick-dots li.slick-active button {
    background-size: 100%;
    /* background-image: url('../images/dots_active.png'); */
    background: #70cce2;
}

.criteria_buttons {
    display: flex;
    justify-content: center;
}

.any_two {
    background: linear-gradient(to bottom, #0067b1 0%, #013d69 100%);
    font-size: 25px;
    color: #fff;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 13%);
    border-radius: 20px 0 20px 0;
    width: 100%;
    max-width: 145px;
    padding: 12px 16px;
    margin-top: 12px;
}

/* .any_two_desc {
    font-size: 26px;
} */

.any_three {
    background: linear-gradient(to bottom, #5bc2e7 0%, #4491ad 100%);
    font-size: 30px;
    color: #fff;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 13%);
    border-radius: 20px 0 20px 0;
    width: fit-content;
    padding: 8px 24px;
    cursor: pointer;
    margin-left: 48px;
}

.criteria_controller {
    margin: 0 64px;
}

.criteria_top {
    display: flex;
    justify-content: space-evenly;
    background: #fff;
    padding: 42px 0;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 0.13);
}

.criteria_title {
    font-size: 30px;
    line-height: 30px;
    color: #0067b1;
    text-align: center;
    font-weight: 700;
    margin: 30px 0 60px;
}

.criteria_category {
    font-size: 22px;
    line-height: 1.3;
    color: #0067b1;
    font-weight: bold;
    margin-left: 16px;
    /* margin: 8px 24px; */
}

.criteria_controller a {
    font-size: 20px;
    cursor: pointer;
}

.criteria_controller .criteria_img {
    line-height: 90px;
}

.criteria_controller .criteria_img img {
    vertical-align: middle;
}

.criteria_item {
    flex-basis: 100%;
}

.img_left {
    text-align: left;
    /* margin-left: 18px; */
}

.align_items_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.criteria_rate {
    font-size: 30px;
    position: relative !important;
}

.criteria_desc {
    /* height: 160px; */
}

.criteria_table {
    /* background: linear-gradient(180deg, #fff 40%, #ededed 100%); */
    border-radius: 25px 0 25px 0;
    margin: auto;
    width: 98%;
    /* padding: 32px 32px; */
    /* margin: 0 30px; */
    /* box-shadow: 0px 6px 12px 6px rgb(0 0 0 / 13%); */
}

.criteria_table .table {
    table-layout: fixed;
}

.criteria_table tbody {
    box-shadow: 6px 8px 8px -3px lightgrey;
    border-radius: 0 0 25px 0;
}

.criteria_table hr {
    border-color: #c9c9c9;
}

.table_footnote {
    font-size: 25px;
    padding: 35px 30px 60px !important;
    background: #fff;
    border-radius: 0 0 25px 0;
}

.criteria_level {
    background: #E5EAEB;
    border-radius: 25px 0 0 25px;
}

.rotate-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    white-space: nowrap;
    background: #E5EAEB;
    height: 100%;
    font-size: 23px;
    font-weight: bold;
    border-radius: 0 0 20px;
    padding: 12px 8px;
    right: 0;
}

.criteria_table .table_head {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 1.3;
    /* padding: 24px 0; */
    font-weight: bold;
}

.table_head th {
    display: table-cell;
    text-align: center;
    vertical-align: middle !important;
    padding: 24px 15px !important;
    background: #0067B1;
    line-height: 1.3 !important;
    max-width: 190px;
}

.criteria_rate {
    background: white;
    display: table-cell;
    text-align: center;
    vertical-align: middle !important;
    padding: 24px 15px !important;
}

.grey_bg {
    background: #F2F4F5;
}

.requirements_header {
    font-size: 30px;
    color: #0067B1;
    text-align: center;
    font-weight: bold;
    margin: 18px 0 12px;
    line-height: 1.3;
}

.rates_desc {
    font-size: 26px;
    color: #404040;
    line-height: 1.2;
    width: 240px;
}

.pillar_desc {
    max-width: 400px;
    width: unset;
    margin-bottom: 4px;
}

.or {
    font-weight: bold;
    font-size: 26px;
    margin-top: 25px;
}

.rates_container {
    justify-content: space-between;
    padding: 40px 15px 40px;
    position: relative;
    flex-flow: wrap;
}

.rates_container a,
.pillar_container a {
    text-decoration: underline;
    font-size: 20px;
}

.rates_container a:hover,
.pillar_container a:hover {
    cursor: pointer;
}

.pillar_container {
    justify-content: initial;
    gap: 24px;
    margin: 18px 24px;
    align-items: flex-start;
}

.table_border_bottom_grey {
    border-bottom: 1px solid #BABABA;
}

.table_border_right_grey {
    border-right: 1px solid #BABABA;
}

.table_border_right_white {
    border-right: 1px solid #fff;
}

.table_head_title {
    padding: 24px 15px;
    height: 120px;
}

.icon_plus {
    position: absolute;
    right: 50%;
    bottom: -24px;
}

.icon_plus_right {
    position: absolute;
    right: 50%;
    bottom: -16px;
    z-index: 999;
}

.criteria_total {
    background: #0067B1;
    font-size: 26px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 22px 0;
    color: #fff;
}

.icon_equal {
    position: absolute;
    bottom: 62px;
    z-index: 999;
}

.criteria_header {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.criteria_desc .campaign__period {
    /* margin-top: 25px; */
    font-size: 20px;
    padding: 0 4px;
}

.criteria_bottom_container {
    background: linear-gradient(to bottom, #0067b1 0%, #013d69 100%);
    display: flex;
    justify-content: space-evenly;
    margin: 0 21px;
    border-radius: 0 0 40px 40px;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 0.13);
}

.criteria_bottom_item {
    font-size: 30px;
    color: #fff;
    line-height: 0.8;
    padding: 24px 0 36px;
    flex-basis: 100%;
    font-weight: bold;
}

.criteria_bottom_item small {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.criteria_bottom_item:first-child {
    margin-left: -21px;
}

.criteria_bottom_item:last-child {
    margin-right: -21px;
}

.dark_blue_gradient {
    background: linear-gradient(to bottom, #0067b1 0%, #013d69 100%);
}

.light_blue_gradient {
    background: linear-gradient(to bottom, #5bc2e7 0%, #4491ad 100%);
}

.dark_blue_mobile_gradient {
    background: linear-gradient(to right, #0067b1 0%, #013d69 100%);
}

.light_blue_mobile_gradient {
    background: linear-gradient(to right, #5bc2e7 0%, #4491ad 100%);
}

.criteria_controller_mobile {
    display: flex;
}

.criteria_controller_mobile {
    margin: 0 16px;
}

.criteria_bottom_mobile,
.criteria_top_mobile {
    flex-basis: 50%;
}

.criteria_top_mobile {
    background: #fff;
    padding: 24px 18px;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 0.13);
}

.criteria_controller_mobile .criteria_img img {
    transform: scale(0.8);
}

.criteria_bottom_mobile {
    /* background: linear-gradient(to right, #0067b1 0%, #013d69 100%); */
    border-radius: 0 40px 40px 0;
    box-shadow: 0px 0px 18px 6px rgb(0 0 0 / 0.13);
}

.benefits_container {
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 12px;
}

.matchTable_container,
.bills_container {
    display: flex;
    justify-content: space-between;
}

.matchTable,
.bills_section {
    width: 170px;
    /* padding: 0 15px; */
}

.bills_section a {
    font-size: 20px;
    color: #5bc2e7
}

.criteria_quantity {
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
}

.criteria_quantity a {
    color: #0067b1;
}

.crossell {
    background: url(../images/crosssell_banner.jpg) no-repeat;
    background-size: cover;
    padding: 60px 15px 100px;
    background-position: bottom;
}

.crossell .form--heading {
    font-size: 35px;
    line-height: 45px;
}

.crossell .campaign__period {
    font-size: 25px;
    line-height: 36px;
}

.crossell_btn {
    width: auto;
    padding: 0 40px;
    background: #0067b1;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    height: 60px;
    text-align: center;
}

.maintain_btn {
    border: unset;
    /* box-shadow: 0 0 12px 2px rgb(0 0 0 / 10%); */
    border-radius: 20px 0 20px 0;
    line-height: 60px;
    padding: 0 12px;
    text-align: right;
    font-size: 24px;
    background: #fff;
    width: 100%;
    max-width: 217px;
    position: relative;
}

.maintain_btn_container .dropdown-menu {
    width: 100%;
    border-radius: 10px;
    font-size: 22px;
}

.maintain_btn_container .dropdown-menu .divider {
    margin: 0;
}

.maintain_btn_container a {
    padding: 8px 20px !important;
}

.maintain_btn_container a:hover {
    cursor: pointer;
}

.open>.btn-default.dropdown-toggle {
    color: #333 !important;
}

@media (max-width: 1199px) {
    .table_head th {
        font-size: 21px;
    }

    .requirements_header {
        font-size: 26px;
    }

    .rates_desc {
        font-size: 20px;
    }

    .criteria_category {
        font-size: 18px;
    }

    .rates_container {
        gap: 20px;
    }

    .criteria_rate {
        font-size: 24px;
    }

    .any_two {
        margin-top: 8px;
        font-size: 22px;
        /* width: 100%; */
    }

    .criteria_controller {
        margin: 0 12px;
    }

    .criteria_desc .campaign__period,
    .bills_section a,
    .criteria_quantity a {
        font-size: 18px;
    }

    .criteria_img img {
        vertical-align: middle;
        transform: scale(0.8);
    }

    .criteria_controller a {
        font-size: 16px;
    }
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type='number'] {
    -moz-appearance: textfield;
}

@media (max-width: 991px) {
    .table_head th {
        font-size: 16px;
        padding: 15px 10px !important;
    }

    .requirements_header {
        font-size: 12px;
        margin: 8px 0 8px;
    }

    .any_two {
        font-size: 12px;
        padding: 8px 8px;
        margin-top: 12px;
        text-align: center;
        max-width: 65px;
    }

    .criteria_rate {
        font-size: 14px;
    }

    .criteria_table tbody {
        box-shadow: 6px 8px 8px -3px lightgrey;
    }

    .criteria_total {
        font-size: 14px;
    }

    .icon_equal {
        width: 15px;
        bottom: 52px;
    }

    .rotate-text {
        font-size: 12px;
        padding: 12px 0px;
        width: 20px;
    }

    .rates_desc {
        font-size: 12px;
        margin-bottom: 0;
        width: unset;
    }

    .rates_container {
        padding: 12px 0px 24px;
        gap: 12px;
        flex-flow: unset;
        justify-content: flex-start;
    }

    .pillar_container {
        margin: 0px 8px;
        gap: 12px;
    }

    .rates_container a,
    .pillar_container a {
        font-size: 10px;
    }

    .icon_plus {
        width: 15px;
        bottom: -18px;
    }

    .icon_plus_right {
        width: 15px;
        bottom: -10px;
    }

    .benefit {
        margin: 30px auto;
    }

    .or {
        font-size: 12px;
        margin-top: 12px;
    }

    .table_footnote {
        font-size: 11px;
        padding: 15px 15px 24px !important;
    }

    .table_footnote h2 {
        font-size: 12px;
    }

    .benefit_desc {
        font-size: 16px;
    }

    .criteria_title {
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0 20px;
    }

    .criteria_category {
        font-size: 14px;
        line-height: 1.3;
        /* margin: 8px 24px; */
    }

    .criteria_table {
        margin: 0;
        padding: 0;
        width: 99% !important;
        float: left;
    }
}

@media (max-width: 767px) {
    .maintain_btn {
        font-size: 12px;
        width: 85px;
    }

    .dropdown-menu>li>a {
        font-size: 14px;
    }

    .crossell .form--heading {
        font-size: 18px;
        line-height: 24px;
    }

    .crossell .campaign__period {
        font-size: 16px;
        line-height: 22px;
        padding: unset;
    }

    .crossell_btn {
        padding: 0 20px;
        font-size: 16px;
        height: 50px;
    }

    .crossell {
        background: url(../images/crosssell_banner_mobile.jpg) no-repeat;
        background-size: 100% 100%;
        padding: 48px 24px 280px;
        background-position: bottom;
    }

    .benefits_container img {
        max-width: 100px;
    }

    .benefits_container {
        margin-bottom: 24px;
    }

    .criteria_bottom_item small {
        font-size: 14px;
    }

    .img_left {
        margin-left: unset;
    }

    .criteria_desc .campaign__period {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .criteria_bottom_container {
        background: unset;
        display: flex;
        justify-content: space-evenly;
        margin: unset;
        border-radius: unset;
        box-shadow: unset;
        height: 100%;
        flex-wrap: wrap;
    }

    .criteria_bottom_item:first-child {
        margin-left: unset;
    }

    .criteria_bottom_item:last-child {
        margin-right: unset;
    }

    .criteria_bottom_item {
        margin: auto;
    }

    .criteria_desc {
        height: unset;
    }

    /* .any_two_desc {
        font-size: 14px;
    } */
    .any_three {
        margin-left: 16px;
    }

    /* 
	.any_two,
	.any_three {
		font-size: 22px;
	} */
    .benefit h3 {
        font-size: 18px;
    }
}

.stay_bottom {
    bottom: 5%;
}

sup {
    font-size: 70%;
}

@media screen and (max-width: 479px) {
    .category__table_desc {
        font-size: 14px;
    }

    .floating__btn img {
        transform: scale(0.5);
    }

    .floating-btn__wrapper {
        right: -10%;
    }

    .floating-btn__container {
        right: 0%;
    }
}