body {
    font-family: Cairo-Regular;
}

a {
    text-decoration: none;
}

.img-w {
    width: 100%;
}

.text-white {
    color: white !important;
}


.arrow-ar {
    margin-left: 7px;
    transform: rotate(180deg);
}

.What-is-MultiLP-Master-Card .text-style-1 {
    color: #ff1a25;
}

.MultiLP-Card-Benefits .text-style-1 {
    color: #ff1a25;
}

.Worldwide-travel-benefits .text-style-1 {
    color: #ff1a25;
}

.img-bg-red {
    width: 61px;
    height: 57px;
    margin: 0 11px -60px 0;
    padding: 12px 10px 11.2px 10.9px;
    border-radius: 8px;
    background-color: #f02328;
    position: relative;
    z-index: 2;
}

.img-bg-blue {
    width: 61px;
    height: 57px;
    margin: 0 11px -60px 215px;
    padding: 12px 10px 3px 0.5px;
    border-radius: 8px;
    background-color: #3484fe;
    position: relative;
    z-index: 2;
}

.img-purchase {
    width: 40.1px;
    height: 33.8px;
    object-fit: contain;
}

.benifit-box {
    width: 287px;
    height: 235px;
    margin: 36px 0 0;
    padding: 38.8px 14px 59.2px 32px;
    border-radius: 17px;
    background-color: #1c1d2c;
    position: absolute;
    z-index: 1;
}

.benefit-box-heading {
    height: 19px;
    margin: 0 0 35px 0px;
    object-fit: contain;
    font-family: Cairo-Regular;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: right;
    color: #fff;
}

.benefit-box-content {
    height: 72px;
    margin: 11px 1.8px 0 0;
    object-fit: contain;
    opacity: 0.7;
    font-family: Cairo-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: right;
    color: #fff;
}


/*============= Master Card Benefits Travel Section ===============*/

.mt-travel {
    margin-top: 10em;
}

.mt-protect {
    margin-top: 10em;
}


.mt-Travel {
    margin-top: 10em;
}


.Worldwide-travel-benefits {
    width: 538.3px;
    height: 119px;
    margin: 0 0 18.5px 54.6px;
    font-family: Cairo-Regular;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
}

.tabs-heading {
    width: 635px;
    height: 94.1px;
    margin: 19.5px 0;
    padding: 26.3px 19.5px 26.3px 15.6px;
    border-radius: 17px;
    background-color: #1c1d2c;
}

.tabs-heading-active {
    width: 635px;
    height: 205.3px;
    margin: 18.5px 0 19.5px;
    padding: 22.4px 19.5px 29.8px 15.6px;
    border-radius: 17px;
    background-image: linear-gradient(-93deg, #1c1d2c 0%, #3c0f10 97%);
}

.tabs-hading-text {
    height: 21.5px;
    margin: 1px 0 1px 0;
    object-fit: contain;
    font-family: Cairo-Regular;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    text-align: right;
    color: #fff;
    cursor: pointer;
}

.tabs-conent-text {
    width: 557.8px;
    height: 79px;
    margin: 28.7px 0 0;
    object-fit: contain;
    font-family: Cairo-Regular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: 0.8px;
    text-align: right;
    color: #fff;
}

/*============= Master Card Benefits Travel Section ===============*/

.select2-container--material .select2-selection--single .select2-selection__rendered {
    text-align: right;
}

.select2-container--material .select2-selection--single .select2-selection__arrow {
    left: 17px;
}

@media (max-width: 575.98px) {
    .enhance-tab-arrow-1 {
        margin-right: 0em;
        margin-top: 5px;
    }

    .enhance-tab-arrow-2 {
        margin-right: 0em;
        margin-top: 5px;
    }

    .enhance-tab-arrow-3 {
        margin-right: 0em;
        margin-top: 5px;
    }

    .tab-arrow-ml-1 {
        margin-right: 0em !important;
        margin-top: 5px;
    }

    .tab-arrow-ml-2 {
        margin-right: 0em !important;
        margin-top: 5px;
    }

    .tab-arrow-ml-3 {
        margin-right: 0em !important;
        margin-top: 5px;
    }

    .img-bg-blue {
        margin: 30px 11px -60px 215px;
    }

    .mt-10em {
        margin-top: 10em;
    }

    .Side-menu-Icon-mr {
        margin-top: 2em;
        margin-right: 0em;
    }

    .bannerbtnBT {
        width: 245px;
        height: 42px;
        font-size: 18px;
    }

    .btnhover:after {
        top: 10px;
    }

    .banner-bg {
        height: 800px;
        background: url(../Images/MUTLIPCARD_BG_Mobile.png) left top no-repeat;
    }

    .FOR-THE-PROS {
        width: 100%;
        height: 70px;
        margin: 0 0 30px 29px;
        font-family: Cairo-Regular;
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.22;
        letter-spacing: 1.6px;
        text-align: right;
        color: #fff;
    }

    .textstyle {
        width: 100%;
        height: 101px;
        margin: 60px 0.4px 20px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: 0.8px;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Section ===============*/
    .master-bg {
        height: 890px;
        background: url(../Images/MUTLIPCARD_MASTER_Mobile.png) left top no-repeat;
    }

    .What-is-MultiLP-Master-Card {
        width: 100%;
        height: 150px;
        margin: 40px 5px 20px 0;
        font-family: Cairo-Regular;
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .MultiLP-Master-Card-content {
        width: 100%;
        height: 218px;
        margin: 10px 5px 30.3px 0;
        font-family: Cairo-Regular;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: 0.7px;
        text-align: right;
        color: #fff;
    }

    .see-Card-Benefits {
        width: 100%;
        height: 25px;
        margin: 30.3px 0 40px 123px;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 1.05px;
        text-align: right;
        color: #f02328;
    }
    /*============= Master Card Section ===============*/

    /*============= Master Card Benefits Section ===============*/
    .benefit-bg {
        height: 2280px;
        background: url(../Images/MUTLIPCARD_BENIFITS_Mobile.png) left top no-repeat;
    }

    .MultiLP-Card-Benefits {
        width: 100%;
        height: 78px;
        margin: 0 0 69.7px 7px;
        font-family: Cairo-Regular;
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .mt-benefit {
        margin-top: 20em;
    }

    .mt_benefit-content-mobile {
        margin-top: 20em;
    }

    .mlr-row {
        margin-right: 0;
        margin-left: 0;
    }

    /*============= Master Card Benefits Section ===============*/


    /*============= Master Card Benefits Travel Section ===============*/
    .travel-bg {
        height: 1100px;
        background: url(../Images/MUTLIPCARD_TRAVELS_Mobile.png) left top no-repeat;
    }

    .mt-travel {
        margin-top: 10em !important;
    }

    .Worldwide-travel-benefits {
        width: 100% !important;
        height: 78px !important;
        margin: 100px 0 35.9px 35.2px !important;
        font-family: Cairo-Regular;
        font-size: 32px !important;
        font-weight: 600 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .tabs-heading {
        width: 100% !important;
        height: 78px !important;
        margin: 20.7px 0 0px 0 !important;
        padding: 21px 20.5px 21px 22.1px !important;
        border-radius: 17px !important;
        background-color: #1c1d2c;
    }

    .tabs-heading-active {
        width: 100% !important;
        height: 100% !important;
        margin: 35.9px 0 20.7px 0 !important;
        padding: 23px 20px 20.9px 16px !important;
        border-radius: 17px;
        background-image: linear-gradient(-96deg, #1c1d2c 3%, #3c0f10 95%);
    }

    .tabs-hading-text {
        width: 100% !important;
        height: 36px !important;
        margin: 0 0 0 8.5px !important;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 14px !important;
        font-weight: 800 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.7px !important;
        text-align: right;
        color: #fff;
    }

    .tabs-conent-text {
        width: 307px !important;
        height: auto !important;
        margin: 15.7px 0 0 0.1px !important;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 14px;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.21 !important;
        letter-spacing: 0.7px !important;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits Travel Section ===============*/

    /*============= Master Card Benefits Protect Section ===============*/

    .protect-bg {
        height: 940px;
        background-color: #121323;
        background-image: url(../Images/MUTLIPCARD_PROTECT_Desktop.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: initial;
    }

    .protect-heading {
        width: 100%;
        height: 190px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }


    .list-content {
        margin: 0 10.5px 50px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.9px;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits Protect Section ===============*/

    /*============= Master Card Benefits enhance Section ===============*/

    .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .mt-Travel {
        margin-top: 0em;
    }

    .enhance-bg {
        height: 1100px;
        background: url(../Images/MUTLIPCARD_ENHANCE_Mobile.png) left top no-repeat;
    }

    .Enhance-heading {
        width: 100%;
        height: 78px;
        margin: 0 0 36.9px 22.1px;
        font-family: Cairo-Regular;
        font-size: 28px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits enhance Section ===============*/

    /*============= Master Card Benefits Apply Card Section ===============*/


    .pla-0 {
        padding-right: 0;
    }

    .mt-applycard {
        margin-top: 2em !important;
    }

    .world-bg {
        height: 1420px;
        background: url(../Images/MUTLIPCARD_APPLY_Mobile.png) left top no-repeat;
        background-color: #8d1224 !important;
    }

    .apply-card-heading {
        width: 100%;
        height: 165px;
        margin: 0 0 20px 35px;
        font-family: Cairo-Regular;
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .apply-card-content {
        width: 100%;
        height: 160px;
        margin: 20px 0 24.5px 52px;
        font-family: Cairo-Regular;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .world-card-base {
        width: 344px;
        height: 415px;
        margin: 30px 0 20px;
        padding: 22.6px 27.9px 34px 6px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #f02328;
        background-color: #1c1d2c;
    }


    .Most-Popular {
        width: 122px;
        height: 16px;
        margin: 0 0 7.8px 133.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.65px;
        text-align: right;
        color: #f02328;
    }

    .World-Card-heading {
        width: 100%;
        height: 25px;
        margin: 7.8px 0 20.6px 89.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.05px;
        text-align: right;
        color: #fff;
    }

    li {
        margin: 0 0 10px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff !important;
    }

    .standard-card-base {
        width: 344px;
        height: 415px;
        margin: 20px 0 0;
        padding: 22.6px 27.9px 34px 6px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #0069d9;
        background-color: #1c1d2c;
    }

    /*============= Master Card Benefits Apply Card Section ===============*/

    /*============= Master Card Request Section ===============*/
    .request-card-bg {
        height: 610px;
        background: url(../Images/MUTLIPCARD_Request_BG_Mobile.png) left top no-repeat;
    }

    .Request-Multilp-Card {
        width: 100%;
        height: 58px;
        margin: 100px 0 20px 35px;
        font-family: Cairo-Regular;
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Request Section ===============*/
}

@media (min-width: 768px) and (max-width: 1059.98px) {
    .enhance-tab-arrow-1 {
        margin-right: 8em;
    }

    .enhance-tab-arrow-2 {
        margin-right: 6em;
    }

    .enhance-tab-arrow-3 {
        margin-right: 0;
        margin-top: 0;
    }

    .lang-laptop {
        margin-top: -5.6em;
        margin-left: 12em;
    }

    .Partner-Login-Head {
        margin-left: -1.5em;
    }

    .img-bg-red {
        margin: 34px 11px -60px 0;
    }

    .img-bg-blue {
        margin: 34px 11px -60px 215px;
    }

    .mt-protect {
        margin-top: 5em;
    }

    .position-absolute {
        position: absolute;
    }

    .position-relative {
        position: relative;
    }

    .mt-35em {
        margin-top: 33em;
    }

    .mt-50em {
        margin-top: 50em;
    }

    .Logo-Full-img {
        margin-right: 7em;
    }

    .banner-bg {
        height: 1075px;
        background: url(../Images/MUTLIPCARD_BG_Ipad.png) left top no-repeat;
    }

    .FOR-THE-PROS {
        width: 100%;
        height: 58px;
        margin: 20px 40px 10.5px 111px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: 2.4px;
        text-align: right;
        color: #fff;
    }

    .textstyle {
        width: 583.6px;
        height: 76px;
        margin: 100px 40px 0 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .ml-apply {
        margin-right: 3em;
        margin-top: 0em;
    }

    .img-w {
        width: 385.2px;
        height: 409.8px;
        margin: 13.8px 191.4px 9.9px 191.4px;
    }

    /*============= Master Card Section ===============*/
    .master-bg {
        height: 1000px;
        background: url(../Images/MUTLIPCARD_MASTER_Ipad.png) left top no-repeat;
    }

    .What-is-MultiLP-Master-Card {
        width: 529px;
        height: 180px;
        margin: 0px 40px 10.5px 111px;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .MultiLP-Master-Card-content {
        width: 504px;
        height: 198.3px;
        margin: 20px 40px 20px 25px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: 0.8px;
        text-align: right;
        color: #fff;
    }

    .see-Card-Benefits {
        width: 221px;
        height: 25px;
        margin: 20px 40px 0 313px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 1.05px;
        text-align: right;
        color: #f02328;
    }
    /*============= Master Card Section ===============*/

    /*============= Master Card Benefits Section ===============*/
    .benefit-bg {
        height: 1300px;
        background: url(../Images/MUTLIPCARD_BENIFITS_IPad.png) left top no-repeat;
    }

    .MultiLP-Card-Benefits {
        width: 553px;
        height: 145px;
        margin: 0 1px 40.7px 126px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .mt-benefit {
        margin-top: 20em;
    }

    .mt_benefit-content {
        margin-top: 20em;
    }

    /*============= Master Card Benefits Section ===============*/


    /*============= Master Card Benefits Travel Section ===============*/
    .travel-bg {
        height: 1200px;
        background: url(../Images/MUTLIPCARD_TRAVELS_Ipad.png) left top no-repeat;
    }

    .tabs-heading {
        margin: 19.5px 7% !important;
    }

    .tabs-heading-active {
        margin: 18.5px 7% 19.5px !important;
    }
    /*============= Master Card Benefits Travel Section ===============*/



    /*============= Master Card Benefits Protect Section ===============*/

    .protect-bg {
        height: 1100px;
        background-color: #121323;
        background-image: url(../Images/MUTLIPCARD_PROTECT_Desktop.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: initial;
    }

    .protect-heading {
        width: 613px;
        height: 255px;
        margin: 0px 0 30px 88.5px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }


    .list-content {
        margin: 0 10.5px 50px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits Protect Section ===============*/


    /*============= Master Card Benefits enhance Section ===============*/

    .mt-Travel {
        margin-top: 2em !important;
    }

    .enhance-bg {
        height: 1200px;
        background: url(../Images/MUTLIPCARD_ENHANCE_Ipad.png) left top no-repeat;
    }

    .Enhance-heading {
        width: 573px;
        height: 160px;
        margin: 0 11px 31px 24px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits enhance Section ===============*/


    /*============= Master Card Benefits Apply Card Section ===============*/

    .mt-applycard {
        margin-top: 3em !important;
    }

    .world-bg {
        height: 1390px;
        background: url(../Images/MUTLIPCARD_APPLY_Ipad.png) left top no-repeat;
        background-color: #881224;
    }

    .apply-card-heading {
        width: 100%;
        height: 155px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .apply-card-content {
        width: 100%;
        height: 83px;
        margin: 20px 0 39.5px;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .world-card-base {
        width: 375px;
        height: 445px;
        margin: 30px 20% 30px 19px;
        padding: 28.3px 30px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #f02328;
        background-color: #1c1d2c;
    }


    .Most-Popular {
        width: 122px;
        height: 16px;
        margin: 0 0 7.8px 133.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.65px;
        text-align: right;
        color: #f02328;
    }

    .World-Card-heading {
        width: 240px;
        height: 25px;
        margin: 7.8px 0 20.6px 89.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.05px;
        text-align: right;
        color: #fff;
    }

    li {
        margin: 0 0 10px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff !important;
    }

    .standard-card-base {
        width: 375px;
        height: 445px;
        margin: 0 20% 0 0;
        padding: 28.3px 30px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #0069d9;
        background-color: #1c1d2c;
    }

    .before-login-member {
        display: none;
    }

    /*============= Master Card Benefits Apply Card Section ===============*/

    /*============= Master Card Request Section ===============*/
    .request-card-bg {
        height: 600px;
        background: url(../Images/MUTLIPCARD_Request_BG_Ipad.png) right top no-repeat;
    }

    .Request-Multilp-Card {
        width: 100%;
        height: 155px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Request Section ===============*/
}

@media (min-width: 1020px) and (max-width: 1700px) {
    .enhance-tab-arrow-1 {
        margin-right: 10.5em;
    }

    .enhance-tab-arrow-2 {
        margin-right: 8.5em;
    }

    .enhance-tab-arrow-3 {
        margin-right: 1em;
    }

    .mt-Travel {
        margin-top: 4em !important
    }

    .banner-bg {
        height: 760px;
        background: url(../Images/MUTLIPCARD_BG_Laptop.png) left top no-repeat;
    }

    .FOR-THE-PROS {
        width: 680px;
        height: 58px;
        margin: 50px 50px 10.5px 111px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: 2.4px;
        text-align: right;
        color: #fff;
    }

    .textstyle {
        width: 583.6px;
        height: 76px;
        margin: 100px 50px 0 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .ml-apply {
        margin-right: 3em;
        margin-top: 0em;
    }

    /*============= Master Card Section ===============*/
    .master-bg {
        height: 600px;
        background: url(../Images/MUTLIPCARD_MASTER_Laptop.png) left top no-repeat;
    }

    .What-is-MultiLP-Master-Card {
        width: 529px;
        height: 120px;
        margin: 30px 5px 20px 0;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .MultiLP-Master-Card-content {
        width: 504px;
        height: 198.3px;
        margin: 20px 5px 20px 25px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: 0.8px;
        text-align: right;
        color: #fff;
    }

    .see-Card-Benefits {
        width: 221px;
        height: 25px;
        margin: 20px 0 0 313px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 1.05px;
        text-align: right;
        color: #f02328;
    }
    /*============= Master Card Section ===============*/

    /*============= Master Card Benefits Section ===============*/
    .benefit-bg {
        height: 769px;
        background: url(../Images/MUTLIPCARD_BENIFITS_Laptop.png) left top no-repeat;
    }

    .MultiLP-Card-Benefits {
        width: 553px;
        height: 155px;
        margin: 0 1px 40.7px 126px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .mt-benefit {
        margin-top: 23em;
    }


    /*============= Master Card Benefits Section ===============*/

    /*============= Master Card Benefits Travel Section ===============*/
    .travel-bg {
        height: 730px;
        background: url(../Images/MUTLIPCARD_TRAVELS_Laptop.png) left top no-repeat;
    }
    /*============= Master Card Benefits Travel Section ===============*/


    /*============= Master Card Benefits Protect Section ===============*/

    .protect-bg {
        height: 800px;
        background-color: #121323;
        background-image: url(../Images/MUTLIPCARD_PROTECT_Desktop.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: initial;
    }

    .protect-heading {
        width: 613px;
        height: 250px;
        margin: 0px 0 30px 88.5px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }


    .list-content {
        margin: 0 10.5px 50px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        text-align: right;
        color: #fff;
    }


    /*============= Master Card Benefits Protect Section ===============*/

    /*============= Master Card Benefits enhance Section ===============*/
    .enhance-bg {
        height: 765px;
        background: url(../Images/MUTLIPCARD_ENHANCE_Laptop.png) left top no-repeat;
    }

    .Enhance-heading {
        width: 573px;
        height: 132px;
        margin: 0 11px 31px 24px;
        font-family: Cairo-Regular;
        font-size: 43px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits enhance Section ===============*/


    /*============= Master Card Benefits Apply Card Section ===============*/

    .mt-applycard {
        margin-top: 8em !important;
    }

    .world-bg {
        height: 729px;
        background: url(../Images/MUTLIPCARD_APPLY_Laptop.png) left top no-repeat;
    }

    .apply-card-heading {
        width: 479px;
        height: 250px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .apply-card-content {
        width: 440px;
        height: 130px;
        margin: 20px 0 39.5px;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .world-card-base {
        width: 310px;
        height: 450px;
        margin: 0 0 0 19px;
        padding: 28.3px 17px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #f02328;
        background-color: #1c1d2c;
    }


    .Most-Popular {
        width: 122px;
        height: 16px;
        margin: 0 0 7.8px 133.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.65px;
        text-align: right;
        color: #f02328;
    }

    .World-Card-heading {
        width: 240px;
        height: 25px;
        margin: 7.8px 0 20.6px 89.1px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.05px;
        text-align: right;
        color: #fff;
    }

    li {
        margin: 0 0 10px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 15px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff !important;
    }

    .standard-card-base {
        width: 310px;
        height: 450px;
        margin: 0 19px 0 0;
        padding: 28.3px 17px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #0069d9;
        background-color: #1c1d2c;
    }

    /*============= Master Card Benefits Apply Card Section ===============*/

    /*============= Master Card Request Section ===============*/
    .request-card-bg {
        height: 710px;
        background: url(../Images/MUTLIPCARD_Request_BG_Laptop.png) right top no-repeat;
    }

    .InputInline {
        width: 100%;
    }

    .Request-Multilp-Card {
        width: 479px;
        height: 100px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Request Section ===============*/
}

@media (min-width: 1600px) {
    .enhance-tab-arrow-1 {
        margin-right: 10.5em;
    }

    .enhance-tab-arrow-2 {
        margin-right: 8.5em;
    }

    .enhance-tab-arrow-3 {
        margin-right: 1em;
    }

    .banner-bg {
        height: 1080px;
        background: url(../Images/MUTLIPCARD_BG_Desktop.png) left top no-repeat;
    }

    .FOR-THE-PROS {
        width: 730px;
        height: 58px;
        margin: 100px 50px 10.5px 111px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: 2.4px;
        text-align: right;
        color: #fff;
    }

    .textstyle {
        width: 583.6px;
        height: 76px;
        margin: 100px 50px 50.5px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .ml-apply {
        margin-right: 3em;
        margin-top: 0em;
    }


    /*============= Master Card Section ===============*/
    .master-bg {
        height: 850px;
        background: url(../Images/MUTLIPCARD_MASTER_Desktop.png) left top no-repeat;
    }

    .What-is-MultiLP-Master-Card {
        width: 529px;
        height: 190px;
        margin: 40px 5px 20px 121px;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .MultiLP-Master-Card-content {
        width: 650px;
        height: 208.3px;
        margin: 20px 5px 30px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .see-Card-Benefits {
        width: 221px;
        height: 25px;
        margin: 30px 0 0 434px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 1.05px;
        text-align: right;
        color: #f02328;
    }
    /*============= Master Card Section ===============*/

    /*============= Master Card Benefits Section ===============*/
    .benefit-bg {
        height: 900px;
        background: url(../Images/MUTLIPCARD_BENIFITS_Desktop.png) left top no-repeat;
    }

    .MultiLP-Card-Benefits {
        width: 553px;
        height: 150px;
        margin: 150px 1px 40.7px 126px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .mt-benefit {
        margin-top: 20em;
    }

    /*============= Master Card Benefits Section ===============*/

    /*============= Master Card Benefits Travel Section ===============*/
    .travel-bg {
        height: 800px;
        background: url(../Images/MUTLIPCARD_TRAVELS_Desktop.png) left top no-repeat;
    }

    .Worldwide-travel-benefits {
        width: 538.3px;
        height: 119px;
        margin: 0 0 18.5px 54.6px;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits Travel Section ===============*/


    /*============= Master Card Benefits Protect Section ===============*/

    .protect-bg {
        height: 1000px;
        background-color: #121323;
        background-image: url(../Images/MUTLIPCARD_PROTECT_Desktop.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: initial;
    }

    .protect-heading {
        width: 613px;
        height: 250px;
        margin: 40px 0 30px 88.5px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }


    .list-content {
        margin: 0 10.5px 50px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        text-align: right;
        color: #fff;
    }


    /*============= Master Card Benefits Protect Section ===============*/

    /*============= Master Card Benefits enhance Section ===============*/
    .enhance-bg {
        height: 1000px;
        background: url(../Images/MUTLIPCARD_ENHANCE_Desktop.png) left top no-repeat;
    }

    .Enhance-heading {
        width: 573px;
        height: 160px;
        margin: 0 11px 31px 24px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits enhance Section ===============*/


    /*============= Master Card Benefits Apply Card Section ===============*/
    .world-bg {
        height: 866px;
        background: url(../Images/MUTLIPCARD_APPLY_Desktop.png) left top no-repeat;
    }

    .apply-card-heading {
        width: 479px;
        height: 240px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .apply-card-content {
        width: 479px;
        height: 120px;
        margin: 20px 0 39.5px;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .world-card-base {
        width: 333px;
        height: 500px;
        margin: 0 0 0 19px;
        padding: 28.3px 14px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #f02328;
        background-color: #1c1d2c;
    }


    .Most-Popular {
        width: 150px;
        height: 19px;
        margin: 0 0.4px 9.7px 156.6px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: right;
        color: #f02328;
    }

    .World-Card-heading {
        width: 290px;
        height: 32px;
        margin: 9.7px 0.4px 26px 100.6px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.3px;
        text-align: right;
        color: #fff;
    }

    li {
        margin: 0 0 10px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff !important;
    }

    .standard-card-base {
        width: 333px;
        height: 500px;
        margin: 0 19px 0 0;
        padding: 28.3px 14px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #0069d9;
        background-color: #1c1d2c;
    }

    /*============= Master Card Benefits Apply Card Section ===============*/

    /*============= Master Card Request Section ===============*/
    .request-card-bg {
        height: 900px;
        background: url(../Images/MUTLIPCARD_Request_BG_Laptop.png) right top no-repeat;
        background-color: #121322;
    }

    .Request-Multilp-Card {
        width: 479px;
        height: 100px;
        margin: 0 0 20px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Request Section ===============*/
}

@media (min-width: 1900px) {
    .enhance-tab-arrow-1 {
        margin-right: 10.5em;
    }

    .enhance-tab-arrow-2 {
        margin-right: 8.5em;
    }

    .enhance-tab-arrow-3 {
        margin-right: 1em;
    }

    .banner-bg {
        height: 1080px;
        background: url(../Images/MUTLIPCARD_BG_Desktop.png) left top no-repeat;
    }

    .FOR-THE-PROS {
        width: 680px;
        height: 58px;
        margin: 100px 145px 10.5px 111px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        letter-spacing: 2.4px;
        text-align: right;
        color: #fff;
    }

    .textstyle {
        width: 583.6px;
        height: 76px;
        margin: 100px 145px 50.5px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .ml-apply {
        margin-right: 9em;
        margin-top: 0em;
    }


    /*============= Master Card Section ===============*/
    .master-bg {
        height: 850px;
        background: url(../Images/MUTLIPCARD_MASTER_Desktop.png) left top no-repeat;
    }

    .What-is-MultiLP-Master-Card {
        width: 529px;
        height: 90px;
        margin: 100px 5px 70px 121px;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .MultiLP-Master-Card-content {
        width: 650px;
        height: 208.3px;
        margin: 20px 5px 30px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: 1px;
        text-align: right;
        color: #fff;
    }

    .see-Card-Benefits {
        width: 320px;
        height: 25px;
        margin: 30px 0 0 434px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 1.05px;
        text-align: right;
        color: #f02328;
    }
    /*============= Master Card Section ===============*/

    /*============= Master Card Benefits Section ===============*/
    .benefit-bg {
        height: 1078px;
        background: url(../Images/MUTLIPCARD_BENIFITS_Desktop.png) left top no-repeat;
    }

    .MultiLP-Card-Benefits {
        width: 553px;
        height: 116px;
        margin: 150px 1px 100px 126px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .mt-benefit {
        margin-top: 20em;
    }

    /*============= Master Card Benefits Section ===============*/



    /*============= Master Card Benefits Travel Section ===============*/
    .travel-bg {
        height: 1000px;
        background: url(../Images/MUTLIPCARD_TRAVELS_Desktop.png) left top no-repeat;
    }

    .Worldwide-travel-benefits {
        width: 538.3px;
        height: 119px;
        margin: 0 0 18.5px 54.6px;
        font-family: Cairo-Regular;
        font-size: 50px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits Travel Section ===============*/


    /*============= Master Card Benefits Protect Section ===============*/

    .protect-bg {
        height: 830px;
        background-color: #121323;
        background-image: url(../Images/MUTLIPCARD_PROTECT_Desktop.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: initial;
    }

    .protect-heading {
        width: 613px;
        height: 174px;
        margin: 0px 0 130px 88.5px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }


    .list-content {
        margin: 0 10.5px 50px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        text-align: right;
        color: #fff;
    }


    /*============= Master Card Benefits Protect Section ===============*/



    /*============= Master Card Benefits enhance Section ===============*/
    .enhance-bg {
        height: 1050px;
        background: url(../Images/MUTLIPCARD_ENHANCE_Desktop.png) left top no-repeat;
    }

    .Enhance-heading {
        width: 573px;
        height: 116px;
        margin: 0 11px 80px 24px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }
    /*============= Master Card Benefits enhance Section ===============*/


    /*============= Master Card Benefits Apply Card Section ===============*/
    .world-bg {
        height: 915px;
        background: url(../Images/MUTLIPCARD_APPLY_Desktop.png) left top no-repeat;
    }

    .apply-card-heading {
        width: 479px;
        height: 116px;
        margin: 0 0 160px;
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .apply-card-content {
        width: 479px;
        height: 50px;
        margin: 20px 0 130px;
        font-family: Cairo-Regular;
        font-size: 21px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    .world-card-base {
        width: 375px;
        height: 502px;
        margin: 0 0 0 19px;
        padding: 28.3px 30px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #f02328;
        background-color: #1c1d2c;
    }


    .Most-Popular {
        width: 150px;
        height: 19px;
        margin: 0 0.4px 9.7px 156.6px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: right;
        color: #f02328;
    }

    .World-Card-heading {
        width: 290px;
        height: 32px;
        margin: 9.7px 0.4px 26px 100.6px;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 26px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.3px;
        text-align: right;
        color: #fff;
    }

    li {
        margin: 0 0 10px 0;
        object-fit: contain;
        font-family: Cairo-Regular;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff !important;
    }

    .standard-card-base {
        width: 375px;
        height: 502px;
        margin: 0 19px 0 0;
        padding: 28.3px 30px 0px 0px;
        object-fit: contain;
        border-radius: 8px;
        border: solid 1px #0069d9;
        background-color: #1c1d2c;
    }

    /*============= Master Card Benefits Apply Card Section ===============*/

    /*============= Master Card Request Section ===============*/
    .request-card-bg {
        height: 950px;
        background: url(../Images/MUTLIPCARD_Request_BG_Desktop.png) right top no-repeat;
    }

    .Request-Multilp-Card {
        font-family: Cairo-Regular;
        font-size: 48px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #fff;
    }

    /*============= Master Card Request Section ===============*/
}

.mt-applycard {
    margin-top: 15em;
}

.text-green {
    color: #44ac00;
}

.protect-heading .pretect-first-heading {
    color: #44ac00;
}

.Enhance-heading .Enhance-heading-highlight {
    color: #f02328;
}

.green-arrow {
    margin-left: 7px;
    transform: rotate(180deg);
}

.tab-arrow-ml-1 {
    margin-right: 7.5em;
    float: left;
}

.tab-arrow-ml-2 {
    margin-right: 9em;
    float: left;
}

.tab-arrow-ml-3 {
    margin-right: 8.3em;
    float: left;
}

.enhance-tab-arrow-1 {
    float: left;
}

.enhance-tab-arrow-2 {
    float: left;
}

.enhance-tab-arrow-3 {
    float: left;
}

.float-left {
    float: left;
}


.float-right {
    float: right;
}


.mt-master {
    margin-top: 0em;
}

.blue-color {
    color: #3484fe !important;
}

.list-unstyled {
    padding-right: 0;
}

/*form Controls*/

@media (max-width: 575.98px) {
    .requirements {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 15em;
        border: none;
    }

    .requirements-Mobile {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 5.8em;
        border: none;
    }

    .requirements-Email {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 12.5em;
        border: none;
    }

    .requirements-EmailExist {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 19em;
        border: none;
    }

    .btnContactUs {
        text-transform: uppercase;
        margin-top: 20px;
        border: none;
        color: #f4f4f4;
        width: 100%;
        height: 50px;
        object-fit: contain;
        border-radius: 8px;
        object-fit: contain;
        border-radius: 8px;
        background-color: #80808052;
        background-image: linear-gradient(90deg, #f27053, #f02328);
        right: 0%;
    }


    .btnhover-partner {
        color: white;
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btnhover-partner:after {
            content: url("../Images/btn-arrow-icon.svg");
            position: absolute;
            opacity: 0;
            top: 2.3em;
            left: -20px;
            transition: 0.5s;
        }

        .btnhover-partner:hover {
            background-color: #2764c3 !important;
            color: white !important;
            padding-left: 10% !important;
        }

            .btnhover-partner:hover:after {
                opacity: 1 !important;
                left: 20px !important;
            }

    .Cust-input {
        background-color: #121323;
        color: #fff;
        height: 50px;
    }


    .select2-container--material {
        width: 100% !important;
        right: 0% !important;
        font-size: 16px;
    }

    .form-mr {
        margin-top: 0em;
    }

    .Input-size {
        width: 100px;
    }

    .Input-size-2 {
        width: 14.5em;
        margin-right: 0.5em;
    }

    #btn-submit:hover {
        padding-left: 60% !important;
    }

    .Cust-input {
        background-color: #121323;
        color: #fff;
        height: 50px;
    }

    .select2-container--material {
        width: 100% !important;
        right: 0% !important;
        font-size: 16px;
    }

    .select2-container--open .select2-dropdown {
        right: 7.8% !important;
    }

    .select2-container--material .select2-selection--single {
        border: solid 1px white !important;
    }

    .form-mr {
        margin-top: 2em;
        padding: 1em;
    }

    .Input-size {
        width: 100px;
    }

    .Input-size-2 {
        width: 19.5em;
        margin-right: 0.5em;
    }


    .field-wrapper {
        position: relative;
        margin-bottom: 20px;
    }

        .field-wrapper input {
            border: 1px solid #DADCE0;
            padding: 15px;
            border-radius: 4px;
            width: 100%;
            border-radius: 8px;
        }


    input, textarea {
        background: #121323bf !important;
        color: white;
        max-width: 100% !important;
    }

    .InputInline {
        width: 100%;
    }

    #MobileNumber {
        width: 98%;
        margin-right: 6px;
    }

    .Cust-input {
        height: 46px;
        border-color: white;
        padding: 10px 14px;
    }

    .input-wrapper {
        margin: 0px 0px;
    }

    .field-wrapper .field-placeholder {
        font-size: 16px;
        position: absolute;
        bottom: 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        right: 8px;
        padding: 0 15px;
        -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        z-index: 1;
        text-align: right;
        width: 100%;
    }

        .field-wrapper .field-placeholder span {
            background: #121323;
            color: white;
        }

        .field-wrapper .field-placeholder span {
            background: #121322;
            padding: 0px 8px;
            color: white;
            font-weight: bold;
        }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder, .field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder {
        -webkit-transform: scale(.75) translateY(-35px) translateX(-28px);
        transform: scale(.75) translateY(-35px) translateX(40px);
    }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder {
        color: #1A73E8;
    }
}

@media (min-width: 768px) and (max-width: 1059.98px) {

    .btnhover-partner {
        color: white;
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btnhover-partner:after {
            content: url("../Images/btn-arrow-icon.svg");
            position: absolute;
            opacity: 0;
            top: 2.5em;
            left: -20px;
            transition: 0.5s;
        }

        .btnhover-partner:hover {
            background-color: #2764c3 !important;
            color: white !important;
            padding-left: 10% !important;
        }

            .btnhover-partner:hover:after {
                opacity: 1 !important;
                left: 20px !important;
            }

    .requirements {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 22em;
        border: none;
    }

    .requirements-Mobile {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 12em;
        border: none;
    }

    .requirements-Email {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 19em;
        border: none;
    }

    .requirements-EmailExist {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 25.3em;
        border: none;
    }

    .btnContactUs {
        text-transform: uppercase;
        margin-top: 20px;
        border: none;
        color: #f4f4f4;
        width: 100%;
        height: 50px;
        object-fit: contain;
        border-radius: 8px;
        object-fit: contain;
        border-radius: 8px;
        background-color: #80808052;
        background-image: linear-gradient(90deg, #f27053, #f02328);
        right: 0%;
    }

    .Cust-input {
        background-color: #121323;
        color: #fff;
        height: 50px;
    }

    .select2-container--material {
        width: 100% !important;
        right: 0% !important;
        font-size: 16px;
    }

    .select2-container--open .select2-dropdown {
        right: 25% !important;
    }

    .form-mr {
        margin-top: 2em;
        padding: 1em;
    }

    .Input-size {
        width: 100px;
    }

    .Input-size-2 {
        width: 19.5em;
        margin-right: 0.5em;
    }


    .field-wrapper {
        position: relative;
        margin-bottom: 20px;
    }

        .field-wrapper input {
            border: 1px solid #DADCE0;
            padding: 15px;
            border-radius: 4px;
            width: 100%;
            border-radius: 8px;
        }


    input, textarea {
        background: #121323bf !important;
        color: white;
        max-width: 100% !important;
    }

    .InputInline {
        width: 100%;
    }

    .IpadV {
        width: 20% !important;
        margin-right: 10px;
    }

    #MobileNumber {
        width: 98%;
        margin-right: 6px;
    }

    .Cust-input {
        height: 46px;
        border-color: white;
    }

    .field-wrapper .field-placeholder {
        font-size: 16px;
        position: absolute;
        bottom: 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        right: 8px;
        padding: 0 15px;
        -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        z-index: 1;
        text-align: right;
        width: 100%;
    }

        .field-wrapper .field-placeholder span {
            background: #121323;
            color: white;
        }

        .field-wrapper .field-placeholder span {
            background: #121323bf;
            padding: 0px 8px;
            color: white;
            font-weight: bold;
        }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder, .field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder {
        -webkit-transform: scale(.75) translateY(-35px) translateX(-28px);
        transform: scale(.75) translateY(-35px) translateX(-60px);
    }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder {
        color: #1A73E8;
    }
}

@media (min-width: 1060px) and (max-width: 1441.98px) {

    .btnhover-partner {
        color: white;
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btnhover-partner:after {
            content: url("../Images/btn-arrow-icon.svg");
            position: absolute;
            opacity: 0;
            top: 2.5em;
            left: 0px;
            transition: 0.5s;
        }

        .btnhover-partner:hover {
            background-color: #2764c3 !important;
            color: white !important;
            padding-left: 10% !important;
        }

            .btnhover-partner:hover:after {
                opacity: 1 !important;
                left: 20px !important;
            }

    .requirements {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .requirements-Mobile {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .requirements-Email {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .requirements-EmailExist {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .btnContactUs {
        text-transform: uppercase;
        margin-top: 20px;
        border: none;
        color: #f4f4f4;
        width: 100%;
        height: 50px;
        object-fit: contain;
        border-radius: 8px;
        object-fit: contain;
        border-radius: 8px;
        background-color: #80808052;
        background-image: linear-gradient(90deg, #f27053, #f02328);
        right: 0%;
    }

    .Cust-input {
        background-color: #1213235c;
        color: #fff;
        height: 50px;
    }

    .select2-container--material {
        width: 100% !important;
    }

    .form-mr {
        margin-top: 2em;
        padding: 1em;
    }

    .select2-container--material {
        font-size: 16px !important;
    }

    .Input-size {
        width: 100px;
    }

    .Input-size-2 {
        width: 19.5em;
        margin-right: 0.5em;
    }

    #btn-submit:hover {
        padding-left: 70% !important;
    }

    .btnhover:after {
        top: 12px !important;
        left: 0 !important;
    }

    .btnhover:hover:after {
        left: 10px !important;
        top: 12px;
    }

    .btnTransparenthover:after {
        top: 11px !important;
        left: 0 !important;
    }

    .btnTransparenthover:hover:after {
        left: 10px !important;
        top: 11px;
    }
}

@media (min-width: 1442px) {

    .btnhover-partner {
        color: white;
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .btnhover-partner:after {
            content: url("../Images/btn-arrow-icon.svg");
            position: absolute;
            opacity: 0;
            top: 3em;
            left: 0px;
            transition: 0.5s;
        }

        .btnhover-partner:hover {
            background-color: #2764c3 !important;
            color: white !important;
            padding-left: 10% !important;
        }

            .btnhover-partner:hover:after {
                opacity: 1 !important;
                left: 20px !important;
            }

    .requirements {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .requirements-Mobile {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1.5em;
        border: none;
    }

    .requirements-Email {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 1em;
        border: none;
    }

    .requirements-EmailExist {
        right: 72%;
        color: #44ac00;
        -webkit-transition: 0.28s;
        transform: translateY(-7px);
        transition: 0.28s;
        overflow: hidden;
        background: rgb(41, 20, 35);
        font-size: 11px;
        margin-right: 30.8em;
        border: none;
    }

    .btnContactUs {
        text-transform: uppercase;
        margin-top: 20px;
        border: none;
        color: #f4f4f4;
        width: 100%;
        height: 50px;
        object-fit: contain;
        border-radius: 8px;
        object-fit: contain;
        border-radius: 8px;
        background-color: #80808052;
        background-image: linear-gradient(90deg, #f27053, #f02328);
        right: 0%;
    }

    .Cust-input {
        background-color: #121323;
        color: #fff;
        width: 100%;
        height: 60px;
    }

    .select2-container--material {
        font-size: 18px !important;
    }

    .Input-size {
        width: 100px;
    }

    .Input-size-2 {
        width: 21.7em;
        margin-right: 0.5em;
    }

    #MobileNumber {
        WIDTH: 425PX !important;
        MARGIN-right: 5PX !important;
    }
}

.InputInline {
    display: inline-flex;
}

.Cust-input + label {
    transform: translateY(0px);
}

#FirstName {
    text-transform: capitalize;
}

#LastName {
    text-transform: capitalize;
}

/*form Controls*/



.enhance-bg {
    background-color: #121322;
}

.world-bg {
    background-color: #121322;
}

.request-card-bg {
    background-color: #121322;
}

.travel-bg {
    background-color: #121322;
}

.benefit-bg {
    background-color: #121322;
}