@media (max-width:5500px){
    .card-dialog-wrapper{
        height: 100%!important;
    }
    .about-profile-card-wrapper{
        height: 100%!important;
    }
    .language-earth{
        font-size: 20px!important;
    }
    .features2-img{
        height: 150px!important;
    }
    .suffix-date-icon{
        position: absolute;
        right: 20px!important;
        top: 8px!important;
        color: grey;
        font-size: 20px!important;
    }
    .date-picker-container .el-input{
        padding: 0px 0px!important;
        border: 0px!important;
    }
    .language-web{
        font-size: 25px!important;
    }
    .language-text{
        font-family: poppinssemibold;
        font-size: 14px!important;
		padding-top: 10px;
		padding-bottom: 10px;
    }
    .drop-down-content-container{
        /* position: absolute;
        width: 100%;
        left: 0px;
        bottom: -90px!important; */
    }
    .header-enroll-unactive{
        font-size: 14px!important;
        text-transform: uppercase;
        color: #fff;
        background-color: #4d5562;
        padding: 5px 35px;
        font-family: poppinssemibold;
    }
    
    .apply-now-wrapper{
        font-family: poppinsregular;
        font-size: 25px!important;
        background-color: #f1b90c;
        display: inline-block;
        padding: 5px 50px;
        border-radius: 50px;
        color: black;
    }
    .job-opening-text{
        font-family: poppinslight;
        font-size: 20px!important;
        padding: 5px 0px;
    }
    .dashboard-key-feautres{
        height: 100%!important;
        width: 100%!important;

    }
    .date-picker .el-input__wrapper{
        border-radius: 20px;
        padding: 5px 11px !important;
    }
    .job-hint-text{
        margin-top: 2px;
        color:#9a9c9e ;
        font-size: 15px!important;
        font-family: poppinsmedium;
    }
    .job-text{
        color:black ;
        font-family: poppinsmedium;
        font-size: 22px!important;
    }
    .job-application-text{
        font-family: poppinslight;
        font-size: 22px!important;
    }
    .job-application-field-wrapper{
        max-width: 900px!important;
        margin-top: 50px;
        width: 100%;
    }
    .job-application-form-container{
        max-width: 1200px!important;
    }
    .job-application-title{
        text-align: center;
        margin: 50px 0px;
        color: #f1b90c;
        font-family: poppinsregular;
        font-size: 35px!important;
    }
    .new-contact-desc-container{
        margin: 50px 0px;
        margin: auto;
        width: 100%;
        max-width: 800px!important;
    }
    .new-contact-desc{
        text-align: center;
        color: #fff;
        font-family: poppinslight;
        font-size: 20px!important;
    }
    .contact-data-text{
        font-size: 15px!important;
        font-family: poppinslight;
        color: #fff;
    }

    .contact-data-title{
        font-size: 25px!important;
        font-family: poppinsmedium;
        color: #fff;
    }
    .new-contact-information-title{
        font-size: 35px!important;
        font-family: poppinsregular;
    }
    
    .contact-new-send-wrapper{
        font-size: 20px!important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        padding: 5px 20px;
        background-color:#f1b90c;
        color: black;
        font-family: poppinsregular;
    }

    .el-select-dropdown__item{
        padding: 0 32px 0 20px!important;
    }
    .contact-dropdown .el-scrollbar div ul li span{
        color: #fff!important;
        font-family: poppinslight;
        font-size: 15px!important;
    }
    .contact-drop-down-text{
        font-size: 20px!important;
    }
    .form-control, .el-input__inner{
        padding: 0px!important;
        font-size: 20px!important;
    }
    .contact-input{
        padding: 10px 0px!important;
        font-family: poppinslight;
        font-size: 20px!important;
    }
    .contact-input-field-wrapper{
        height: 100%!important;
    }
    .history-img{
        height: 100%!important;
        width: 100%;
    }
    .digital-banking-img{
        height: 100%!important;
        width: 100%;
    }
    .dashboard-take-better-section1{
        flex: 1;
        display: flex;
        align-items: center;
        font-size: 35px!important;
        /* background-color: rgba(0, 0, 45, 1); */
        color: #f1b90c;
        font-family: poppinsregular;
        height: 100%;
    }
    .sign-up-failed-container{
        font-size: 35px!important;
        color: #fff;
        font-family: poppinslight;
    
    }
    .sign-data-text{
        margin: 5px 0px;
        font-family: poppinslight;
        font-size: 15px!important;
    }
    .kyc-flow-container{
        margin-top: 50px;
        font-size: 35px!important;
        color: #fff;
        font-family: poppinslight;
    }
    .faq-answer{
        font-size: 18px!important;
        font-family: poppinslight;
        color: #fff;
    
    }
    .faq-question{
        font-family: poppinsregular;
        font-size: 18px!important;
        color: #fff;
    }
    .faq-question-title{
        font-family: poppinsmedium;
        font-size: 35px!important;
    }
    .about-desc-swiper-wrapper{
        /* border: 2px solid red; */
        max-width: 1000px!important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }
    
    .about-swiper-wrapper{
        /* border: 2px solid white; */
        max-width: 1300px!important;
        margin: 50px auto;
    }
    .dashboard-swiper-each-page{
        height: 100%!important;
        /* border: 2px solid black; */
        border-radius: 20px;
        width: 200px;
    }
    .incentive-swiper-each-page{
        height: 100%;
        /* border: 2px solid black; */
        border-radius: 20px;
        width: 200px;
    }
    .about-desctiption-text-container{
        margin: 30px 0px;
        text-align: start;
        font-family:poppinslight;
        color: #fff;
        font-size: 20px!important;
    }
    .about-description-title-container{
        font-size: 35px!important;
        color: #fff;
        font-family: poppinsregular;
    }

    .dashboard-key-text-container{
        display: flex;
        max-width: 100%!important;
        justify-content: center;
        flex-direction: column;
        height: 100%!important;
        margin: 25px 0px;
    }
    .about-text-key-title{
        font-size: 35px!important;
        font-family: poppinsregular;
    }
    .new-features-text{
        margin: 30px 0px;
        color: #fff;
        font-family: poppinslight;
        font-size: 18px!important;
    }
    .features-title{
        color: #fff;
        font-size: 40px!important;
        font-family: poppinsextralight;
    
    }
    .web-head-lang{
        font-size: 14px!important;
    }
    .header-enroll{
        font-size: 14px!important;
        text-transform: uppercase;
        color: #fff;
        border-radius: 50px;
        background-color: #ebb826;
        padding: 5px 35px;
        font-family: poppinssemibold;
    }
    .header-icon-text{
        line-height: 1.3rem;
        font-size: 20px!important;
        color: #fff;
    }
    .header-icon-container{
        height: 40px!important;
        width: 55px!important;
    }

    .language-web{
        color: #ebb826;
        font-size: 25px!important;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .header-selection-web{
        font-size: 14px!important;
    }
    .new-footer-icon-wrapper a img{
        width: 100%!important;
    }
    .new-footer-icon-text-section1 img{
        width: 100%!important;
    }
    .new-footer-icon-text-section2{
        font-size: 18px!important;
        color: #fff;
        font-family: poppinsextralight;
    }
    .new-footer-title{
        padding: 10px 0px;
        text-transform: uppercase;
        color: #fff;
        font-family: poppins-medium;
        font-size: 18px!important;
    }
    .new-footer-7-text{
        font-family: poppinsextralight;
        font-size: 18px!important;
        color: #fff;
        padding: 3px 0px;
    }
    .new-footer-7-title{
        font-family: poppinsmedium;
        color: #fff;
        font-size: 28px!important;
    }
    .dashboard-enroll-now{
        font-size: 20px!important;
    }
    .trust-card{
        display: flex;
        justify-content: center;
        gap: 10px;
        height: 50px!important;
    }
    .customer-name{
        width: 100%;
        /* border: 2px solid red; */
        padding-top: 50px;
        font-family: poppinslight;
        font-size: 18px!important;
        text-align: start;
        /* height: 100px; */
    }
    .customer-dialog-wrapper{
        background-color: #fff;
        /* max-width: 1200px; */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px!important;
        border-radius: 15px;
        height: 400px!important;
        max-width: 400px!important;
    }
    .dashboard-customer-comment-bold{
        font-family: poppinsbold;
        font-size: 20px!important;
    }
    
    .testimonials-text{
        font-family: poppinslight;
        font-size: 18px!important;
        text-align: center;
    }
    .card-dialog-international-desc{
        padding: 10px 0px;
        font-family: poppinsextralight;
        font-size: 18px!important;
        text-align: center;
        height: 200px!important;
    }
    .about-profile-card-dialog-desc{
        padding: 10px 0px;
        font-family: poppinsextralight;
        font-size: 18px!important;
        text-align: center;
    }
    .custom-width-10{
        margin: auto;
        max-width: 1000px!important;
        width: 100%;
        /* border: 2px solid purple; */
    }
    .custom-width-12{
        margin: auto;
        max-width: 1200px!important;
        width: 100%;
    }
    .learnIcon{
        width: auto;
        height: 100%!important;
        object-fit: cover;
        /* height: 80px; */
    }
    
    .dashboard-international-dialog-wrapper{
        margin: 80px 0px;
    }
    .master-international-container{
        height: 50rem!important;
    }
    
    .dashboard-li{
        margin: 10px 0px;
        font-size: 15px!important;
        color: #fff;
        font-family: poppinslight;
    }
    
    .dashboard-history-text{
        font-size: 15px!important;
        color: #fff;
        font-family: poppinslight;
    
    }

    .dashboard-history-text-extralight{
        font-size: 15px!important;
        color: #a7abaeff;
        font-family: poppinsextralight;
    }
    
    .dashboard-who-we-are-text{
        margin: 10px 0px;
        font-size: 20px!important;
        color: #fff;
        font-family: poppinslight;
    }
    .dashboard-who-we-are-title{
        font-family: poppinsextralight;
        color: #fff;
        font-size: 40px!important;
    }
    
    .dashboard-swiper-text-container{
        font-family: poppinslight;
        font-size: 15px!important;
        color: #fff;
    }
    .incentive-swiper-text-container{
        font-family: poppinslight;
        font-size: 15px!important;
        color: #fff;
    }

    .dashboard-swiper-title{
        font-size: 28px!important;
        font-family: poppinsregular;
        color: #fff;
    }
    .incentive-swiper-title{
        font-size: 25px!important;
        font-family: poppinsregular;
        color: #fff;
    }
    
    .dashboard-swiper-img-container{
        /* border: 2px solid red; */
        height: 200px!important;
        max-height: 200px!important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .incentive-swiper-img-container{
        /* border: 2px solid red; */
        height: 200px!important;
        max-height: 200px!important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dashboard-swiper{
        /* border: 2px solid blue; */
        height: 500px!important;
    }
    .incentive-swiper{
        /* border: 2px solid blue; */
        height: 500px!important;
    }
    .dashboard-features-container{
        max-width: 1200px!important;
        margin: 50px auto;
        /* border: 2px solid red; */
        height: 500px!important;
    }

    .dashboard-key-features-title{
        text-align: center;
        font-size: 35px!important;
        font-family: poppinsregular;
    }

    .card-dialog-button{
        background-color: #000000;
        color: #f1b90c;
        padding: 10px 40px;
        border-radius: 20px;
        font-family: poppinsregular;
        font-size: 20px!important;
        height: auto!important;
    }
    
    .card-dialog-desc{
        padding: 10px 0px!important;
        font-family: poppinslight;
        font-size: 18px!important;
        text-align: center;
        height: 300px!important;
    }
    .card-dialog-img-container{
        margin: 20px 0px!important;
        height: 140px!important;
        width: auto;
    }
    .dashboard-card-dialog-container{
        padding: 100px 0px;
        max-width: 1200px!important;
        width: 100%;
        margin: auto;
    }

    .card-dialog-title{
        font-size: 20px!important;
    }
    .about-profile-card-dialog-name{
        font-size: 20px!important;;
    }
    .why-text-container{
        font-size: 30px!important;
    }
    
    .dashboard-why{
        width: 100%;
        height: 600px!important;
        max-height: 600px!important;
    }

    .dashboard-why-section1{
        flex: 1;
        display: flex;
        align-items: center;
        font-size: 35px!important;
        color: #fff;
    }
    .take-better-text{
        font-size: 20px;
    }
    .custom-padding{
        padding-top: 50px!important;
        padding-bottom: 50px !important;
    }
    .dashboard-take-better-container{
        height: 300px!important;
        max-height: 300px !important;
        display: flex;
        justify-content: space-between;
    }
    
    .dashboard-new-video-height{
        height: 100vh!important;
    }
    .dashboard-new-video-title{
        font-size: 50px!important;
    }
    .take-better-text{
        font-size: 35px!important;
    }
    .dashboard-take-better-text,.dashboard-history-text,.dashboard-li,.testimonials-text{
        font-size: 16px!important;
    }
    .dashboard-history-title{
        font-family: poppinsextralight;
        font-size:35px!important;
    }
    .sign-otp-title-container{
        font-size: 22px!important;
    }
    .sign-data-text{
        font-size: 15px!important;
    }
}

@media(max-width:1490px){
    .dashboard-new-phoneshape-video-height{
        height: 140vh;
    }
}

@media(max-width:1450px){
    .masterpay-img1-video{
        max-width: 650px;
    }
    .mp-bg{
        z-index: 2;
        max-width: 650px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 50px;
        right: 0px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .masterpay-gif{
        z-index: 5;
        width: 100%;
        height: 100%;
        max-width: 750px;
        object-fit: contain;
        z-index: 50;
        position: absolute;
        max-width: 650px;
        height: 100%;
        width: 100%;
    }
    .masterpay-gif-financial{
        z-index: 5;
        width: 100%;
        height: 100%;
        max-width: 750px;
        object-fit: contain;
        z-index: 50;
        position: absolute;
        max-width: 650px;
        height: 100%;
        width: 100%;
    }
}

@media(max-width:1366px){ 
    .product-two-dropdown{
        width: 100%!important;
    }
    .product-crypto-exchange-text-and-btn{
        width: 100%!important;
    }
    /* .dashboard-features-container{
        max-width: 1000px!important;
    } */
    .mp-bg{
        z-index: 2;
        max-width: 600px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 50px;
        right: 0px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .masterpay-gif{
        z-index: 5;
        width: 100%;
        height: 100%;
        max-width: 750px;
        object-fit: contain;
        z-index: 50;
        position: absolute;
        max-width: 600px;
        height: 100%;
        width: 100%;
    }
    .masterpay-gif-financial{
        z-index: 5;
        width: 100%;
        height: 100%;
        max-width: 750px;
        object-fit: contain;
        z-index: 50;
        position: absolute;
        max-width: 600px;
        height: 100%;
        width: 100%;
    }
    .mp-bg-container{
        max-height: 450px;
        height: 450px;
        width: 45%;
    }
    .el-dialog{
        width: 50% ;
    }
    .masterpay-img2{
        height: 450px;
        top: 70px;
    }
    .masterpay-img2-features{
        height: 450px;
        top: 70px;
    }
    .master-features-ring{
        z-index: 5;
    }

    .contact-padding{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .masterpay-img1{
        height: 420px;
        top: 100px;
    }
    .masterpay-img1-video{
        max-width: 550px;
    }
    .masterpay-section1-home{
        margin-left: 80px;
    }
    .about-prepaid-container{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .value-details-container{
        padding: 1.5rem;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .key-features-container{
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .about-mission{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .value{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .cardCircle-home{
        width: 25vw;
        top: 0;
    }
    .recognition-img-about{
        width: 30vw!important;
    }
    .masterpay-container-home{
        margin-top: 50px!important;
    }
    .home-better-financial{
       width: 95%;
    }
    .why-choose-home-container{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .why-choose-flex{
        grid-template-columns: repeat(2, 1fr);
    }
    .recognition-img{
        width: 30vw;
    }
    .prepaid-debit-section2{
        width: 95%;
    }
    .prepaid-debit-section3{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        grid-template-columns: repeat(2, 1fr);
    }
    .financialbg-2{
        max-width: 30vw!important;
        margin-top: -80px!important;
        margin-left: -100px!important;
    }
    .budgeting-wrapper{
        width: 95%!important;
        margin: auto;
    }
    .management-wrapper-shadow{
        width: 95%!important;
        margin: auto;
    }
    .masterpay-section1-home-2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 45px;
        margin-left: 0px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .test-container{
        padding: 1.5rem;
    }
    .financial-circle{
        width: 100px!important;
        left: -50px;
    }
    .home-better-financial-section{
        margin-top: 250px;
    }
    .dashboard-key-text-container{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .dashboard-global-master-card-container{
        /* width: 100%;display: flex;flex-direction: column;align-self: flex-end; */
        /* align-self: center!important; */
        max-width: 450px;
    }
}

@media(max-width:1200px){

    .partnet-img{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0px;
    }

    .dashboard-take-better-container{
        flex-direction: column;
        max-height:initial!important;
        height: auto!important;
    }
    
    .mobile-menu-container{
        display: block!important;
    }
    .web-text{
        font-size: 15px!important;
    }
    .mp-bg{
        z-index: 2;
        max-width: 550px;
        height: 80%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 50px;
        right: 0px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .masterpay-gif{
        max-width: 600px;
        width: 100%;
    }
    .masterpay-gif-financial{
        max-width: 600px;
        width: 100%;
    }
    .masterpay-img2{
        height: 400px;
        top:100px;
    }
    .masterpay-img2-features{
        height: 400px;
        top:100px;
    }
    .masterpay-img1{
        height: 400px;
    }    
    .masterpay-img1-video{
        max-width: 500px;
    }
    .detail{
        padding-top:150px!important;

    }
    .about-key-text-container{
        display: flex;
        justify-content: center;
        flex-direction: column;
        /* flex-wrap: wrap; */
        height: 80%!important;
        margin: 0px;
    }
    .about-partner-img-container{
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:1150px){
   
    .dashboard-history-title-medium{
        text-align: center;
    }
    .masterpay-global-master-card-section2-flex-column-padding{
        padding:0px;
        width: 100%;
    }
    .dashboard-history-flex{
        flex-direction: column;
    }
    .language-earth-icon{
        font-size: 20px!important;
    }
    .menu-gone{
        display: none!important;
    }

    .customer-dialog-wrapper{
        margin: 20px 0px;
    }
    .detail{
        padding-top:100px!important;

    }
    .home-better-financial-section{
        margin-top: 200px;

    }
    .masterpay-img1-video{
       max-width: 450px;
       height: 350px;
    }
    .mp-bg{
        z-index: 2;
        max-width: 500px;
        height: 80%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 50px;
        right: 0px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .masterpay-gif{
        position: absolute;
        width: 100%;
    }
    .masterpay-gif-financial{
        position: absolute;
        width: 100%;
    }
    .header-selection-web{
        display: none!important;
    }
    .mobile-d-container{
        display: flex!important;
        justify-content: center;
        align-items: center;
    }
    
    .mobile-dropdown{
        display: flex!important;
        justify-content: center;
        align-items: center;
    }
    .language-web{
        font-size: 30px!important;
        margin-left: 10px;
    }
    .home-graph-padding-container{
        width: 70%!important;
    }
    .faq-collapse-container {
        width: 93%;
    }
    .masterpay-small-card-image-2{
        width: 50%!important;
    }
}

@media(max-width:1024px){
    
    .home-graph-padding-container{
        width: 90%!important;
    }
    .new-footer-wrapper{
        flex-direction: column;
    }
    .mp-bg{
        z-index: 2;
        max-width: 500px;
        height: 80%;
        width: 100%;
        object-fit: cover;
        position: static;
        top: 50px;
        right: 0px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .masterpay-gif{
        z-index: 5;
        max-width: 550px;
        object-fit: contain;
        z-index: 50;
        right: auto;
        left: auto;
        position: absolute;
        max-width: 600px;
        /* height: 70%; */
        width: 100%;
    }
    .masterpay-gif-financial{
        z-index: 5;
        max-width: 550px;
        object-fit: contain;
        z-index: 50;
        right: auto;
        left: auto;
        position: absolute;
        max-width: 600px;
        /* height: 70%; */
        width: 100%;
    }
    .home-better-financial-section{
        margin-top: 200px;

    }
    .el-dialog{
        width: 30%;
    }
    .why-choose-home-title{
        text-align: center;
    }
    .masterpay-img2{
        height: 350px;
        top: 150px;
    }
    .masterpay-img2-features{
        height: 350px;
        top: 150px;
    }
    .masterpay-img1{
        height: 350px;
        top: 150px;
    }
    .masterpay-img1-video{
        max-width: 450px;
     }
    .about-prepaid-container{
        display: flex;
        flex-direction: column-reverse;
    }

    .about-mission-wrapper{
        position: static!important;
        margin-top: 50px!important;
        margin: auto;
        transform: none!important;
    }
    .about-prepaid-section1{
        margin-top: -100px;
        position: static;
    }

    .contact-padding{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .custom-size{
        max-width: 100%;
        width: 100%;
    }

    .value{
        margin-top: 50px!important;
    }

    .footer{
        width: 100%;
        left: 0;
    }

    .el-dialog{
        width: 50% 
    }
}

@media(max-width:992px){
    .cardCircle-home{
        width: 25vw;
        top: 100px;
    }
    .master-international-container{

        height: 500px!important;
        width: 100%;
    }
    .card-dialog-container{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    /* zhixiang */
    .ai-prediction-ul{ 
        margin-left: 10px;
    }
    
    .blockchain-core-features-icon-size{
        height:70px;
        top:0px;
        text-align: center;
    }

    .product-features{
        margin:10px 10px;
        padding:20px;
    }

    .product-features-empty{
        display: none;
    }

    .blockchain-core-features-big-container{
        margin:10px 0px;
    }
    .product-menu{
        overflow-x: scroll;
        overflow-y:hidden;
    }
    .product-flexbox-center{
        flex-direction: column;
    }
    .product-flexbox-column-padding{
        margin: 30px 0px!important;
    }
    .blockchain-core-features-icon-size{
        top:-130px;
    }
    .new-footer-text-container-section1{
        padding-bottom: 30px!important;
    }
    .dashboard-card-dialog-international-container{
        margin: 40px 0px;
    }
    .dashboard-card-cryptocurrency-journey-sub-container-1{
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex:1;
        align-items: center;
    }
    .dashboard-card-cryptocurrency-journey-sub-container-2{
        display: flex;
        justify-content: center;
    }

    .mobile-d-block {
        display: flex !important;
        flex-direction: column;
    }

    .mobile-d-flex {
        display: flex !important;
    }

    .mobile-justify-content-center {
        justify-content: center !important;
    }

    .mobile-column-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }

    .mobile-mt-30 {
        margin-top: 30px;
    }

    .mobile-mb-30 {
        margin-bottom: 30px;
    }

    .mobile-order-1 {
        order: 1;
    }

    .mobile-order-2 {
        order: 2;
    }

    .mobile-height-250 {
        height: 250px !important;
    }

    .mobile-object-fit-contain {
        object-fit: contain !important;
    }

    .machine-coin-content-usdc-container-2{
        margin-top: 10px;
    }
    
    .masterpay-small-card-image{
        /* width: 30%!important; */
        width: 90px!important;
    }

    .masterpay-small-card-image-2{
        /* width: 30%!important; */
        width: 90px!important;
    }
}

@media(max-width:982px){
    .mpg-block-chain-logo-bottom{
        display: none!important;
    }
    .mpg-block-chain-footer-logo{
        display: block!important;
    }
}
@media(max-width:950px){
    .digital-bank-field-wrapper{
        font-size: 15px!important;
    }
    .option-container{
        font-size: 15px!important;
    }
    .dashboard-absolute-img-container{
        height: 25rem!important;
    }
    .crypto-earn-up-to-select-box-container{
        padding-top: 30px !important;
    }
    .crypto-earn-up-to-entire-container{
        padding: 10px !important;
        margin-top: 0px!important;
    }
    .crypto-earn-up-to-sub-container_1{
        align-items: center;
    }
    .crypto-earn-up-to-sub-container_2{
        flex-direction: row!important;
        justify-content: space-between!important;
        margin-left:0px!important;
    }
    .crypto-earn-up-to-container{
        flex-direction: column;        
    }
    .dashboard-take-better-container{
        max-height:initial!important;
        height: auto!important;
    }
    
    .sign-video-wrapper{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .about-swiper-container{
        padding: 1.5rem!important;
    }
  

    .master-international-container{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .header-wrapper{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .footer-card-container{
        margin-top: 20px;
    }
    .footer-text-container{
        flex-direction: column;
    }
    .sign-up-detail-container{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .sign-otp-infor-container{
        padding: 0px!important;
        padding-top: 20px!important;
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .verification-process-container{
        margin-bottom: 20px!important;
        padding: 0px!important;
        padding-top: 20px!important;
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .custom-padding{
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    .custom-padding-x{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .dashboard-international-dialog-wrapper{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .dashboard-new-video-section-2{
        flex: 1!important;
    }
    .dashboard-features-text-padding{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .blockchain-features-text-padding{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .new-dashboard-container{
        /* flex-direction: column-reverse; */
    }
    .custom-padding{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .dashboard-why{
        flex-direction: column;
        height: 500px!important;
        width: 100%!important;
        background-size: cover!important;
    }
    .dashboard-take-better-container{
        flex-direction: column;
    }
    .dashboard-history-text-padding{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .dashboard-history-text-padding-rev{
        width: 100%;
        padding-left:1.5rem !important;
        padding-right:1.5rem !important;
    }

    .features-padding{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .dashboard-img-wrapper-rev{
        text-align: center;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .digital-banking-img-wrapper-rev{
        text-align: center;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .dashboard-history-rev{
        justify-content: center;
        flex-direction: column!important;
    }
    .dashboard-img-wrapper{
        padding-bottom: 20px!important;
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .dashboard-history{
        flex-direction: column;
    }
    .dashboard-who-we-are-container{
        flex-direction: column;
    }
    .customer-dialog-wrapper{
        margin: 20px 0px;
    }
    .dashboard-card-dialog-container{
        width: 100%;
        display: flex!important;
        margin: auto!important;
        justify-content: center!important;
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }
   
    .mp-bg-container{
        margin-top: -50px;
        margin-bottom: 50px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        position: relative;
        max-height: 550px;
        height: 550px;
        width:90%;
        background-image: url('src/assets/img/common/mp_bg_01.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .masterpay-gif{
        z-index: 10;
        height: 100%;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        /* border: 2px solid red; */
        /* object-fit: cover; */
        /* scale: 1.2; */
    }
    .masterpay-gif-financial{
        z-index: 10;
        height: 100%;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        /* border: 2px solid red; */
        /* object-fit: cover; */
        /* scale: 1.2; */
    }
    .detail-help-section{
        padding-top: 0px!important;
    }
    .budgeting-container{
        padding-top: 80px!important;
    }


    .masterpay-wrapper-home{
        flex-direction: column-reverse;
    }
    .masterpay-img1-video{
        width: auto;
        max-width: 650px;
    }

    .video-container-vvip01{
        position: static;
    }
    .masterpay-img1{
        position: static;
        width: 90%;
        height: 100%;
    }
    .masterpay-img2{
        display: flex;
        justify-content: center;
        position: static;
        height: 70%;
        width: 90%;
    }
    .masterpay-img2-features{
        display: flex;
        justify-content: center;
        position: static;
    }
    .masterpay-section1-home{
        margin-top: 50px;
        margin-left: 0px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .masterpay-wrapper-home{
        flex-direction: column-reverse;
    }
    .masterpay-home-2{
        padding-bottom: 20px!important;
    }
    .help-home-padding{
        padding-bottom: 80px;
    }
    .masterpay-section2-home{
        display: flex;
        justify-content: center;
    }
    .masterpay-border{
        margin: 30px auto;
        width: 90%;
    }
    .masterpay-home-title{
        text-align: center;
    }
    .masterpay-home-text{
        text-align: center;
        width: 100%;
    }
    .history-container-home{
        margin-top: 0px;
    }
    .history-section1{
        padding-bottom: 20px;
    }
    .aboutus-title{
        text-align: center;
    }
    .help-home-text{
        text-align: center;
        width: 100%!important;
    }
    .features-title{
        text-align: center;
    }
    .masterpay-home-title2{
        text-align: center;
    }
    .job-application-form-container{
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .trading-img{
        height: 300px;
        padding: 0px !important;
        text-align: center;
    }
    .product-img-wrapper-rev{
        display: flex;
        justify-content: center;
    }
    .product-support-container{
        font-size: 10px!important;
        padding:20px!important;
    }
    .product-last-section-title{
        font-size: 20px!important;
    }
    .product-experience-button{
        color: #f0d87f;
        border: 1px solid #f0d87f;
        width: 150px!important; 
        padding:1px 15px; 
        margin:30px;
        font-size: 15px;
    }
    .masterpay-global-table{
        overflow: scroll;
        padding: 20px!important;
    }
    
    .dashboard-global-master-card-container{
        align-self: center;
    }

    .item-mr-75{
        margin-right: 0px;
    }

    .dashboard-first-digital-bank-section-2{
        align-items: center;
    }
    .dashboard-home-crypto-earn-container-width{
        justify-content: center;
    }
    
}

@media(max-width:850px){
    .apply-field-private{
        overflow: scroll;
        height: 90%;
    }
    .private-plan-img-text-container{
        flex-direction: column;
    }
    .product-buy-and-sell-crypto-title{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .product-flexbox-entire-container{
        flex-direction: column;
    }
    .product-two-dropdown{
        margin-top: 50px;
    }
    .product-section-1-container{
        flex-direction: column;
    }
    .crypto-earn-up-to-sub-container-1-item-2-subitem-2{
        margin-top:100px!important;
    }
    .crypto-earn-up-to-sub-container-1-item-2-subitem-1{
        font-size: 100px!important;
    }
    .crypto-earn-selection-section-text-1{
        padding-left: 0px 0px 0px 0px!important;
    }
    .crypto-earn-selection-section-text-2{
        padding-left: 5px!important;
    }
    .card-element{
        width: 100%!important;
    }
    
    .testimonials-text{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .about-flex{
        width: 500px;
    }
    .contact-us-container{
        height: auto!important;
    }
    .custom-padding-y{
        flex-direction: column;
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .contact-field-container{
        flex-direction: column!important;
    }
    .wrapper{
        flex-direction: column!important;
    }
    .contact-new-video-title-container{
        flex: none!important;
        padding-top: 80px!important;
    }
    .new-contact-container{
        flex-direction: column;
        padding-top: 90px!important;
        padding-bottom: 90px!important;
    }
    .dashboard-history-text-padding{
        padding-top: 10px!important;
    }
    .new-footer-container{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .footer-card-mp-container{
        margin-top: 20px;
    }
    .footer-card-container{
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .sign-up-failed-container{
        text-align: center;
        margin-top: 20px!important;
    }
    .home-better-financial-section{
        margin-top: 100px;

    }
    .header-enroll{
        padding:5px 20px;
    }
    .financial-footer-container{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .digital-budgetting-desc-container{
        margin-top: 40px!important;
    }
    .budgetting-digital-title{
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .budgetting-digital-section-2{
        width: 90%;
        border-left: none!important;
        border-top: 2px solid #ebb826;
        padding-left: 0px!important;
        padding-right: 0px!important;
        padding: 20px!important;
    }
    .budgetting-digital-container{
        flex-direction: column;
        margin-top: 10px!important;
    }
    .budgeting-findout-section1{
        display: flex;
        justify-content: center;
    }
    .budgeting-findout-section2{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .financialbg-2{
        position: relative;
        margin-top: 0px!important;
        margin-bottom: 40px!important;
        text-align: center;
        width: 100%!important;
        margin-left: 0px!important;
    }
    .budgeting-text{
        text-align: center;
    }
    .budgeting-findout{
        flex-direction: column!important;
    }
    .recognition-img{
        position: relative;
    }
    .recognition-img{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: 100%;
    }
    .home-better-financial{
        position: static;
        margin-bottom: 20px;
    }
    .why-choose-home-container{
        margin-top: 100px;
    }
    .master-wrapper-revFlex{
        display: flex;
        flex-direction: column-reverse;
    }
    .cardCircle-home{
        position: static;
        align-items: center;
        text-align: center;
        width: 400px;
    }
    .recognition-img-about{
        position: static!important;
        align-items: center;
        text-align: center;
        width: 100%!important;
        margin-bottom: 1.5rem;
        padding-left:1rem ;
        padding-right:1rem ;
    }
    .history-section2{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .history-recognition{
        display: flex;
        flex-direction: column-reverse;
    }
    .history-wrapper-home{
        display: flex;
        flex-direction: column-reverse;
    }
    .masterpay-img2{
        position: static;
        width: 90%;
        z-index: 2;
    }
    .masterpay-img2-features{
        border-top-right-radius: 50px!important;
        border-bottom-right-radius: 50px!important;
        border-bottom-left-radius: 50px!important;
        position: static;
        /* width: 100%; */
        z-index: 2;
    }
    .masterpay-img1{
        position: static;
        width: 90%;
        height: 100%;
    }
    .masterpay-img1-video{
        width: 100%;
        position: static;
    }
    .contact-flex{
        flex-direction: column;
    }
    .masterpay-home-2{
        padding-bottom: 2rem;
    }
    .masterpay-container-home{
        margin-top: 50px;
    }
    .masterpay-home{
        padding-bottom: 2rem;
    }

    .about-mission-wrapper{
        flex-direction: column;
    }
    .about-section1{
        margin-top:20px!important ;
        margin-bottom:20px!important ;
    }
    .home-better-financial-title{
        text-align: center;
    }
    .master-features-home-section2{
        padding: 20px;
        width: 100%;
        text-align: center;
        grid-template-columns: repeat(1, 1fr);
    }
    .features-title-home{
        max-width: 100%;
    }
    .features-title-text{
        max-width: 100%;
    }
    .master-features-container1{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .prepaid-debit-section1{
        flex-direction: column;
    }
    .prepaid-debit-container{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .masterpay-home-title{
        font-size: 50px;
    }
    .home-side-menu-nav-container{
        height: 200px;
        bottom: 20px;
    }
    .home-better-financial-section{
        margin-top: 10px;
    }
    .header-mpg-section2{
        max-width: 50%;
    }
}

@media(max-width:665px){
    .cryptocurrency-dialog-wrapper-1{
        flex-direction: column-reverse;
    }
    .cryptocurrency-dialog-wrapper-2{
        flex-direction: column-reverse;
    }
    .three-coin-image{
        width: 100px;
        height: 100px;
    }
    .hold-phone-image{
        width: 100px;
        height: auto;
    }
    .master-pay-global-height{
        height: 300px;
    }
    .product-link-button{
        margin-top: 10px;
    }
    .product-crypto-exchange-text-and-btn{
        flex-direction: column;
        align-items: center;
    }
    .trading-trending-scroll{
        width: 1000px!important; /* Set a width large enough to hold all the items */
    }
    .rising-star{
        flex-direction: column;
    }

    .rising-start-padding-container{
        padding: 10px!important;
    }
    .apply-field{
        width: 75%;
    }
    .crypto-earn-overflow{
        width: 800px!important;
        overflow: scroll!important;
    }
    .crypto-earn-up-to-select-box-container{
        width: 100%;
        overflow: scroll;
    }
    .option-container{
        font-size: 12px!important;
    }
    .private-form-padding{
        padding: 10px!important;
        margin: 5px!important;
    }
    .product-two-dropdown{
        width: 100%!important;
        flex-direction: column;
        align-items: center;
    }
    .product-two-dropdown div{
        margin: 5px 0px;
    }
    .form-flexbox{
        flex-direction: column;
        gap: 0px!important;
    }
    .digital-bank-field-wrapper{
        font-size: 12px!important;
    }
    .crypto-earn-up-to-sub-container_2{
        flex-direction: column!important;  
        align-items: center;
        text-align: center;
    }
    .dashboard-key-feautres{
        margin-top: 0px;
    }
    .dashboard-absolute-img-container{
        height: 15rem!important;
    }
    .digital-banking-agent-flexbox{
        padding:20px;
    }
    .digital-banking-agent-ul{
        margin-left : 0px !important;
    }
    .private-plan-title{
        font-size: 25px!important;
    }
    
    .private-plan-desc{
        font-size: 15px!important;
    }
    .incentive-alone-title{
        font-size: 20px!important;
    }
    .incentive-title{
        font-size: 20px!important;
    }
    .incentive-section-1-content-desc{
        font-size: 20px!important;
    }
    .incentive-flex-column-padding-align{
        padding: 60px 10px!important;
    }
    .reward-pool-comparison-container{
        display: flex;
        flex-direction: column;
        padding: 0px!important;
    }
    .crypto-earn-up-to-sub-container-1-item-2-subitem-2{
        margin-top:70px!important;
    }
    .crypto-earn-up-to-sub-container-1-item-2-subitem-1{
        font-size: 70px!important;
    }
    .crypto_earn_flex_column_padding_align{
        padding: 50px 0px!important;
    }
    .about-flex{
        width: 300px;
    }
    .modal-content{
        margin:0px 10px!important;
        width: 100%!important;
    }
    .contact-new-send-wrapper{
        font-size: 18px!important;
    }
    .contact-option{
        font-size: 15px!important;
    }
    .field-wrapper{
        font-size: 15px!important;
    }
    .field-wrapper textarea{
        font-size: 15px !important;
    }
    .logo-text{
        font-size: 15px!important;
    }
    .apply-now-container{
      display: flex!important;
      justify-content: center!important;  
    }
    .job-application-submit-wrapper{
        font-size: 19px!important;
    }
    .apply-now-wrapper{
        font-size: 19px!important;
    } 
    .title-container{
        font-size: 25px!important;
    }
    .master-international-container{
        padding: 0px !important;
    }
    .dashboard-new-video-title,.features-title{
        font-size: 30px!important;
        padding-bottom: 20px!important;
    }
    .take-better-text,.why-text-container{
        font-size: 30px!important;
    }
    .dashboard-take-better-text,.sign-data-text,.dashboard-history-text,.dashboard-li,.testimonials-text,.about-desctiption-text-container,.new-features-text{
        font-size: 15px!important;
    }
    .dashboard-history-title{
        font-size: 25px!important;
    }
    .sign-otp-title-container{
        font-size: 25px!important;
    }
    .about-profile-card-wrapper{
        padding: 20px 5px !important;
    }
    .security-video{
        transform: scale(1.2);
    }
    .security-ai{
        bottom: 20px!important;
    }
    .video-about-wrapper{
        margin-top: 0px!important;
        margin-left: -90px!important;
    }
    .new-footer-img-container{
        position: relative!important;
        margin-top: 50px;
    }
    .sign-video-wrapper{
        height: auto!important;
    }
    .sign-active{
        border-radius: 20px!important;
    }
    .signup-login-selection{
        border-radius: 20px!important;
    }
    .signup-login-selection{
        flex-direction: column;
    }
    .card-dialog-title{
        text-align: center;
    }
    .about-profile-card-dialog-name{
        text-align: center;
    }
    .dashboard-flipCard{
        /* object-fit: !important; */
    }
    .footer-card1{
        width: 40px;
        height: 25px;
    }
    .footer-card-container-section1{
        margin-top: 20px;

    }
    .trust-card{
        margin-top: 20px;

    }
    .new-footer-wrapper-section-2{
        justify-content: center;
        /* align-items: center; */
        flex-direction: column!important;
    }
    .verification-process-flex{
        flex-direction: column!important;
        gap: 5px!important;
    }
    .sign-otp-container{
        flex-direction: column!important;
    }

    .about-text-key-title{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .mp-bg-container{
        height: 400px;
    }
    .financial-circle{
        display: none!important;
    }

    .el-dialog{
        width: 70% 
    }
    .home-side-menu-nav-container{
        height: 200px;
        bottom: 50px;
    }
    .master-features-home-section1{
        border-right: none;
        border-bottom: 3px solid #ebb826;
        width: 85%;
        align-items: center;
        display: flex;
        margin: auto;
        justify-content: center;
    }
    .about-prepaid-container{
        margin-top: 50px!important;
    }
    .budgetting-digital-title{
        margin-bottom: 0!important;
    }
    .detail{
        margin-top: 50px;
        padding-top: 0px!important;
    }
    .history-home{
        margin-bottom: 50px!important;
        margin-top: 50px!important;
    }
    .masterpay-home-2{
        padding-bottom: 0rem!important;
    }
    .history-container-home{
        margin-top: 0px;
    }
    .why-choose-home-container{
        margin-bottom: 50px;
    }
    .footer-title-help{
        width: 100%!important;
    }
    .budgetting-digital-text{
        text-align: center;
    }
    .benefit-budgetting-title{
        text-align: center;
    }
    .budgeting-title{
        text-align: center;
    }
    .management-wrapper{
        flex-direction: column;
    }
    .why-master-global-container{
        flex-direction: column;
    }
    .why-master-global-section1{
        border-right: none!important;
    }
    .prepaid-debit-section3{
        grid-gap:1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .master-features-home-container{
        flex-direction: column!important;
        text-align: center;
    }
    .why-choose-flex{
        grid-template-columns: repeat(1, 1fr);
    }
    .about-debit{
        width: 100%;
    }
    .history-section1{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .history-section2{
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .history-title{
        margin: auto;
        text-align: center;
        align-items: center;
    }

    .history-title{
        padding-top: 20px;
        border-right:none!important;
    }
    .about-prepaid-section1{
        margin-top: -100px;
    }
    .value-details-container{
        padding: 1.5rem;
        display: grid;
        grid-gap: 0px;
        grid-template-columns: repeat(1, 1fr)!important;
    }

    .key-features-container{
        grid-template-columns: repeat(1, 1fr)!important;
    }

    .key-features-wrapper{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .value-detail-wrapper{
        margin: 20px 0px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .detail-flex-wrapper{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 0px;
    }
    .masterpay-container-home{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .custom-size{
        max-width: 100%;
        width: 100%;
    }
    .masterpay-section1-home-2{
        margin-left: 0px;
        margin-top: 10px;
    }
    .masterpay-section1-home{
        margin-left: 0px;
    }
    .contact-container{
        padding: 2.5rem!important;
    }
    .footer-contact{
        padding: 1.5rem;
    }
    .contact-padding{
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .last-row{
        flex-direction: column;
    }

    .last-row-item .custom-button{
        font-size: 13px;
        margin-top: 18px !important;
        padding: 8px;
    }

    .profile-head{
        padding: 7px 20px 25px;
        margin: 0 15px 0;
    }

    .login-form{
        padding: 20px 0;
    }

    .login-area{
        margin: 20px 15px;
    }

    .dashboard-head{
        margin-top: 4px;
    }

    .custom-page-content,.custom-content{
        padding: 15px;
    }

    .contact-head{
        padding: 20px 15px;
    }

    .contact-content{
        margin: 0 15px 10px;
    }

    .el-message-box{
        width: 90%;
    }

    .el-message{
        width: 200px;
        height: 200px;
    }

    .custom-input .el-input-group__prepend{
        padding: 10px 0px 10px 15px;
    }

    .custom-input .el-input__wrapper{
        padding: 5px 5px 5px 13px;
    }

    .custom-input .el-input__wrapper input{
        font-size: 13px;
    }

    .sidebar{
        width: 80%;
        max-width: 310px;
    }

    .sidebar-header{
        padding: 20px;
    }

    .custom-page-bg{
        padding: 15px 15px 0;
    }

    .custom-page-bg.px-0 .custom-header-title{
        padding: 0 15px;
    }

    .footer .item i{
        font-size: 20px;
    }
    
    .footer p{
        font-size: 12.5px;
        line-height: 14px;
        font-weight: 400;
        margin: 3px 0 0;
    }

    .footer .item{
        padding: 14px 0 13px;
    }

    .custom-title{
        font-size: 19px;
        margin-bottom: 0;
    }

    .custom-title-big .left i{
        font-size: 20px;
        margin-right: 5px;
    }

    .custom-icon{
        font-size: 20px;
    }

    .custom-button{
        font-size: 13.5px;
        padding: 10px;
    }

    .login-form .custom-button{
        margin-top: 45px;
    }

    .custom-submit-form .el-form-item{
        padding: 8px 13px;
        margin-bottom: 16px;
    }

    .custom-submit-form .el-form-item__label{
        font-size: 13px !important;
    }

    .custom-submit-form .el-input__inner{
        font-size: 13px !important;
    }

    .custom-outline-button{
        font-size: 14.5px;
    }

    .custom-submit-form .append .el-input-group__append{
        font-size: 16px;
        padding: 0;
    }

    .custom-submit-form .append.el-form-item{
        padding-left: 13px;
    }

    .custom-submit-form .append .el-input__wrapper{
        padding: 8px 12px 8px 0 !important;
    }

    .custom-submit-form .append label{
        padding: 8px 0;
    }

    .custom-row-form .el-form-item__label{
        /* width: 50%; */
        font-size: 14px;
    }

    .custom-row-form .el-form-item__content{
        font-size: 14px;
    }

    .custom-header{
        font-size: 15px;
    }

    .custom-header i{
        font-size: 17px;
    }

    .record-area .item .item-button i{
        font-size: 27px;
    }

    .record-area .item .item-button i.edit{
        margin: 0 0 12px 0 !important;
    }


    .record-area .item .item-button{
        text-align: right;
    }

    .record-area .item .item-content .subtitle{
        font-size: 14px;
        line-height: 16px;
    }

    .record-area{
        margin-top: 10px;
        overflow: auto;
    }

    .record-area .item .item-content .date,.receipt-form-item .el-form-item__label,.record-area .item .item-content .subtitle{
        font-size: 13px;
    }

    .record-area .item .item-content .title,.record-area .item .item-value{
        font-size: 15.4px;
    }

    .receipt-title{
        font-size: 21px;
    }

    .record-area .item .item-img{
        height: 40px;
        margin-right: 15px;
    }

    .record-area-date .item-date{
        font-size: 13px;
        line-height: 16px;
    }

    .record-area-date .item-content{
        padding: 12px 15px;
    }

    .record-area-date .item .item-content .date{
        font-size: 13px;
    }

    .record-area-date .item .item-content .title{
        font-size: 16px;
        margin-bottom: 3px;
    }

    .record-area-date .item .item-content .subtitle{
        font-size: 14px;
        line-height: 16.5px;
    }

    .qr-area .qr-link{
        font-size: 15px;
        text-align: center;
        margin: 10px 0 30px;
    }

    .custom-submit-form.mobile .el-form-item{
        flex-direction: column;
    }

    .custom-submit-form.mobile .el-form-item__label{
        width: 100%;
        display: none;
    }

    .custom-submit-form.mobile .el-input__wrapper{
        padding: 0;
    }

    .custom-submit-form.mobile .el-input__inner{
        text-align: left;
    }

    .record-area .item{
        padding: 13px 14px;
    }

    .login-form-subtitle{
        font-size: 13.5px;
        margin-bottom: 18px;
    }

    .login-form-title{
        font-size: 20px;
    }

    .record-area .item .item-value p{
        text-align: right;
    }

    .record-area .item .item-value{
        min-width: 70px;
    }

    .record-area .item .item-content .subtitle{
        word-break: break-word;
    }

    .dashboard-wallet{
        margin-top: 18px;
        padding: 20px 15px 15px;
    }

    .dashboard-wallet .top img{
        height: 35px;
    }

    .dashboard-wallet-bg .button-area .custom-button{
        margin-left: 10px;
        min-width: 100px;
        padding: 8px;
        font-size: 13px;
    }

    .dashboard-wallet .center .title{
        margin-top: 25px;
        font-size: 14px;
    }

    .dashboard-wallet .center .subtitle{
        font-size: 23px;
    }

    .dashboard-wallet .bottom{
        margin-top: 23px;
    }

    .dashboard-wallet .bottom .item{
        padding-left: 0px;
    }

    .dashboard-wallet .bottom .title{
        font-size: 16px;
    }

    .custom-input-title p,.ads-result .center .item .title,.team-detail .item .title,.ico-list .item .top,.ico-summary-bg .desc,.pool-result .item-area .item,.pool-summary-bg .title,.staking-summary .item .left,.staking-summary .item .right,.staking-detail .bottom .left .title, .staking-detail .bottom .center .title,.mission-list .item p,.subscribe-list .item .center .center-item .title,.assets-total,.dashboard-wallet .bottom .subtitle,.dashboard-invite .subtitle,.dashboard-staking .item-area .item .item-subtitle{
        font-size: 14px;
    }

    .custom-select .el-input{
        height: 42px;
    }

    .dashboard-invite,.dashboard-staking{
        margin-top: 10px;
    }

    .dashboard-invite,.dashboard-staking{
        padding: 14px;
    }

    .dashboard-invite .title{
        font-size: 18px;
        margin-bottom: 0;
    }

    .dashboard-invite .custom-button{
        min-width: 70px;
        padding: 5px;
        font-size: 13px;
    }
    
    .dashbaord-menu{
        gap: 7px;
        margin-top: 10px;
    }

    .dashbaord-menu .item{
        min-height: 100px;
    }

    .dashbaord-menu .item img{
        min-height: 21px;
    }

    .dashbaord-menu .item p{
        font-size: 12.5px;
        font-weight: 300;
    }

    .dashboard-staking .custom-button{
        min-width: 95px;
        padding: 7px;
        font-size: 13px;
    }
    
    .dashboard-staking .left .title{
        font-size: 15px;
        margin-bottom: 10px;
    }

    .dashboard-staking .item-area .item .item-title{
        font-size: 17px;
    }

    .custom-header-title p{
        font-size: 20px;
    }

    .custom-header-title i{
        font-size: 19px;
    }

    .assets-summary{
        margin-top: 15px;
        padding: 15px;
    }

    .assets-summary-bg .assets-value{
        font-size: 21px;
    }

    .assets-summary-bg .assets-earn{
        font-size: 15.5px;
    }

    .assets-summary-bg .item-area{
        margin-top: 20px;
    }

    .assets-summary-bg .item-area .subtitle{
        font-size: 15px;
    }

    .assets-summary-bg .item-area .title{
        font-size: 13.3px;
    }

    .assets-wallet{
        padding: 13px;
    }

    .assets-wallet p{
        font-size: 15px;
    }

    .assets-wallet .right .subtitle{
        text-align: end;
        font-weight: 300;
        font-size: 14px;
    }

    .subscribe-bg{
        padding: 15px;
    }

    .subscribe-bg .title{
        font-size: 15px;
        margin-bottom: 8px;
    }

    .subscribe-package{
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        gap: 6px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-wrap: unset;
    }

    .subscribe-package .item{
        font-size: 13px;
        padding: 4px 1px;
        min-width: 30%;
    }

    .subscribe-progress{
        margin-top: 13px;
    }

    .subscribe-amount{
        margin-top: 4px;
        font-size: 18px;
    }

    .subscribe-amount span{
        font-size: 15px;
    }

    .subscribe-bottom .left .title, .subscribe-bottom .center .title{
        font-size: 13px;
    }

    .subscribe-bottom .left .subtitle, .subscribe-bottom .center .subtitle{
        font-size: 17px;
    }

    .subscribe-bottom .right .custom-button{
        font-size: 13.5px;
        padding: 8px;
        min-width: 97px;
    }

    .subscribe-list .item{
        padding: 15px;
    }

    .subscribe-list .item .top .title{
        font-size: 20px;
        line-height: 23px;
    }

    .subscribe-list .item .top .subtitle{
        font-size: 14px;
        line-height: 16px;
    }

    .subscribe-list .item .top img{
        height: 65px;
    }

    .subscribe-list .item .top .unit-price{
        font-size: 14px;
    }

    .subscribe-list .item .center{
        margin-top: -4px
    }

    .subscribe-list .item .center .center-item .subtitle{
        font-size: 15.5px;
    }

    .profile-detail{
        margin-top: 15px;
        padding: 15px;
    }

    .profile-detail-bg .top .left .name{
        font-size: 16.5px;
        margin-bottom: 5px;
    }

    .profile-detail-bg .top .left .email{
        font-size: 15px;
    }

    .profile-detail-bg .top .left .refer{
        font-size: 15px;
    }

    .profile-detail-bg .top .right i{
        font-size: 18px;
        padding: 20px;
    }

    .profile-detail-bg .bottom .custom-button{
        font-size: 13px;
        padding: 9px;
    }

    .profile-detail-bg .bottom .custom-button i{
        font-size: 13.5px;
    }

    .profile-list .item{
        padding: 15px;
        font-size: 14px;
    }

    .profile-logout{
        margin-top: 35px;
    }

    .profile-detail-bg .bottom{
        margin-top: 25px;
    }

    .custom-tab .el-tabs__item{
        font-size: 13px;
    }

    .mission-list .item{
        padding: 15px;
    }

    .mission-list .item .custom-button{
        padding: 7px;
        min-width: 88px;
    }

    .guide-item{
        min-height: 180px;
    }

    .guide-item .item{
        padding: 10px;
        font-weight: 400;
        font-size: 15px;
    }

    .staking-amount{
        font-size: 18px;
        margin-top: 5px;
    }

    .staking-detail .bottom .left .subtitle, .staking-detail .bottom .center .subtitle{
        font-size: 16px;
    }

    .staking-detail .bottom .right .custom-button{
        padding: 8px;
        font-size: 13px;
        min-width: 105px;
    }

    .staking-list .staking-item .top .custom-button{
        padding: 6px;
        min-width: 100px;
    }

    .staking-list .staking-item .bottom{
        margin-top: 20px;
    }

    .staking-list .staking-item .center .item .title{
        font-size: 16px;
    }

    .staking-list .staking-item .bottom .area .amount{
        font-size: 16px;
    }

    .staking-list .staking-item .bottom .area .date{
        font-size: 13px;
    }

    .staking-detail-area .custom-form-title{
        margin-top: 15px;
    }

    .custom-form-title{
        margin-bottom: 9px;
        font-size: 14px;
    }

    .staking-available{
        font-size: 13.5px;
    }

    .staking-desc{
        font-size: 14px;
        margin-bottom: 9px;
    }

    .staking-summary-title .title{
        font-size: 17.5px;
    }

    .staking-summary-title .span{
        font-size: 14px;
    }

    .staking-summary{
        padding: 15px;
    }

    .staking-summary-terms{
        font-size: 13.5px;
        line-height: 20px;
    }

    .pool-summary{
        padding: 30px;
    }

    .pool-summary-bg .subtitle{
        font-size: 21px;
    }

    .pool-result .item-area{
        margin-bottom: 18px;
    }

    .dashboard-head-icon{
        margin-bottom: 7px;
    }

    .dashboard-head-icon i{
        font-size: 18px;
    }

    .ico-summary{
        margin-top: 20px;
        padding: 15px;
    }

    .ico-summary-bg .desc{
        margin-bottom: 4px;
    }

    .ico-summary-bg .title{
        font-size: 21px;
    }

    .ico-summary-bg .title-desc{
        font-size: 13.5px;
    }

    .ico-progress{
        margin-top: 12px;
    }

    .ico-progress .el-progress-bar__inner .el-progress-bar__innerText{
        font-size: 11px;
        font-weight: 300;
    }

    .ico-summary-bg .bottom{
        margin-top: 22px;
    }

    .ico-summary-bg .bottom .bottom-title{
        font-size: 17px;
    }

    .ico-summary-bg .bottom .bottom-desc{
        font-size: 13px;
    }

    .ico-summary-bg .bottom .custom-button{
        padding: 7px;
        min-width: 100px;
    }

    .ico-list .item{
        padding: 13px 15px 18px;
    }

    .ico-list .item .center .left .title{
        font-size: 19px;
        margin-bottom: 7px;
    }

    .ico-list .item .center .left .desc{
        font-size: 13px;
    }

    .ico-list .item .center .right .custom-button{
        font-size: 13px;
        padding: 7px;
        min-width: 95px;
    }

    .leader-card .leader-item .bottom{
        font-size: 14px;
    }

    .leader-card .leader-item .bottom .right{
        font-size: 16px;
    }

    .leader-reward .item{
        padding: 15px;
        margin-bottom: 15px;
    }

    .leader-reward .item .left{
        font-size: 14px;
    }

    .leader-reward .item .right .custom-button{
        min-width: 85px;
        padding: 7px;
        font-size: 13px;
    }

    .leader-terms-title{
        font-size: 19px;
    }

    .leader-terms{
        font-size: 13.5px;
    }

    .subscribe-list .item .bottom{
        margin-top: 25px;
    }

    .subscribe-list .item .bottom .custom-button{
        padding: 8.5px;
        font-size: 13px
    }

    .team-summary{
        margin-top: 20px;
        padding: 30px;
    }

    .team-summary-bg .right i{
        font-size: 18px;
        padding: 18px;
    }

    .team-summary-bg .title{
        font-size: 14px
    }

    .team-summary-bg .subtitle{
        font-size: 18.5px;
    }

    .team-detail,.team-level{
        margin-top: 5px;
    }

    .team-detail .item .subtitle{
        font-size: 15.5px;
    }

    .team-level .item{
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    .membership-rank{
        margin-top: 30px;
    }

    .membership-rank img{
        height: 150px;
    }

    .membership-detail{
        margin-top: 3px;
    }

    .membership-detail img{
        min-height: 200px;
    }

    .membership-detail .detail .title{
        font-size: 20px;
        margin-top: 13px;
    }

    .membership-detail .detail .custom-button{
        margin-top: 15px;
        padding: 7px;
        font-size: 13px;
        min-width: 100px;
    }

    .membership-condition{
        font-size: 13.5px;
    }

    .ads-result{
        margin-bottom: 30px;
        padding: 15px;
        margin-top: 20px;
    }

    .ads-result .top .title{
        font-size: 14px;
        margin-bottom: 5px;
    }

    .ads-result .top .subtitle{
        margin-bottom: 5px;
        font-size: 20px;
    }

    .ads-result .center .item .subtitle{
        font-size: 16px;
    }

    .ads-result .bottom .custom-button{
        font-size: 13px;
        padding: 7.5px;
    }

    .customer-card{
        padding: 15px;
        margin-top: 15px;
        font-size: 14px;
    }

    .customer-card img{
        height: 30px;
        margin-right: 11px;
    }

    .custom-select .el-input__wrapper,.custom-input-title .custom-upload{
        padding: 0 13px;
    }

    .custom-upload input{
        font-size: 14px;
    }

    .deposit-qr{
        margin-top: 17px;
    }

    .deposit-qr .deposit_address{
        margin-top: 8px;
        font-size: 14px;
    }

    .deposit-qr .deposit_copy{
        margin-bottom: 16px;
        font-size: 15.5px;
    }

    .custom-input-title{
        margin-bottom: 20px;
    }

    .custom-tel-input{
        height: 42px;
    }

    .acceptor-list .item{
        padding: 15px;
    }

    .acceptor-list .item .title{
        font-size: 18px;
    }

    .acceptor-list .item i{
        font-size: 15px;
    }

    .acceptor-list .acceptor-wallet{
        font-size: 18px;
    }

    .acceptor-list .acceptor-wallet span,.acceptor-list .acceptor-desc{
        font-size: 14px;
    }

    .acceptor-list .custom-button{
        margin-top: 24px;
        padding: 9.5px;
        font-size: 13px;
    }

    .dashboard-qrshare .title{
        font-size: 21px;
    }

    .dashboard-qrshare .subtitle{
        font-size: 13.5px;
    }

    .dashboard-qrshare .qr-code{
        width: 170px !important;
        height: 170px !important;
    }

    .login-bg{
        padding-bottom: 70px;
    }

    .custom-tel-input input{
        font-size: 13px;
    }

    .profile-update{
        margin: 20px;
    }

    .profile-update .user-icon{
        padding: 24px;
        font-size: 28px;
    }

    .profile-update .pen-icon{
        width: 30px;
        height: 30px;
        font-size: 10px;
        bottom: -5px;
        right: 5px;
    }

    .membership-home-card .small{
        font-size: 14px;
    }

    .membership-detail .detail .title span{
        font-size: 14px;
    }

    .membership-modal .custom-button{
        margin-top: 29px;
        padding: 8=9px;
    }

    .membership-modal .item{
        font-size: 14px
    }

    .staking-list .staking-item .center .item .subtitle{
        font-size: 13.5px;
    }

    .register_text{
        margin-bottom: 70px;
    }

    .introduction-page .bottom{
        bottom: 70px;
    }

    .introduction-swiper .swiper-pagination{
        bottom: 115px;
    }

    .profile-update .user-profile{
        height: 75px;
        width: 75px;
    }

    .profile-avatar{
        height: 60px;
        width: 60px;
    }

    .ads-modal .title{
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .ads-modal .subtitle{
        font-size: 14px;
        margin-bottom: 22px;
    }

    .bank-hint{
        font-size: 14px;
    }

    .withdraw-model-msg{
        font-size: 15.5px;
    }

    .custom-tab.my-team .el-tabs__item{
        padding: 0 18px !important;
    }

    .receipt-area .receipt-img{
        height: 200px;
        max-width: 100%;
    }

    .leader-comingsoon{
        padding: 30px 20px 45px;
    }

    .leader-comingsoon .center .item{
        font-weight: 300;
        font-size: 14px;
    }

    .leader-comingsoon .title{
        font-size: 18px;
        margin-bottom: 18px;
    }

    .staking-detail .head-title{
        font-size: 15px;
    }

    .share-item{
        min-width: 100%;
    }

    .deposit-term{
        font-size: 14px;
    }

    .dashboard-qrshare .bottom .copy-text{
        font-size: 13px;
    }

    .ads-mission{
        margin-top: 20px;
        padding: 15px;
    }

    .ads-mission .center{
        margin-left: 10px;
        margin-right: 4px;
    }

    .ads-mission .center p{
        font-size: 14.5px;
        line-height: 17px;
    }

    .ads-mission .center .box{
        font-weight: 500;
        font-size: 13px;
    }

    .ads-mission .right{
        padding: 5px 10px;
        font-size: 13px;
    }

    .ads-mission .logo img{
        height: 50px;
        width: 50px;
    }

    .ads-mission .logo .blur-area{
        height: 60px;
        width: 56px;
    }
    .history-text{
        max-width: 100%;
        border-left: none!important;
    }
    .footer-detail{
        flex-direction: column;
        text-align: center;
        gap:0px;
    }
    .footer-border-about{
        border: none!important;
    }
    .detail-wrapper{
        flex-direction: column!important;
    }
    .detail-wrapper-rev{
        flex-direction: column!important;
    }
    .detail-text-container-rev{
        margin-top: 10px;
        border-right: none!important;
        border-top: 3px solid #ebb826;
        padding-right: 0!important;
        padding-top: 20px;
    }
    .detail-text-container{
        margin-top: 10px;
        border-left: none!important;
        border-top: 3px solid #ebb826;
        padding-left: 0!important;
        padding-top: 20px;
    }
    .why-master-global-section2{
        border-left: none!important;
    }
    .master-features-ring,.white-circle-home,.ringcircle-2{
        display: none!important;
    }
    .detail-container-help{
        padding:3rem 1rem!important;
    }
    .prepaid{
        padding-bottom: 20px!important;
    }
    .masterpay-home-text{
        width: 100%!important;
    }
    .company-information-three-col-container{
        padding:20px!important;
    }
    .dashboard-history-flex{
        padding: 0px!important;
    }
    .masterpay-history-blue-flex-column{
        padding: 0px!important;
    }
    .product-features-icon-size{
        top:-100px!important;
        left:-10px;
    }
    .coin-machine-width{
        max-width: 500px!important;
    }
    .coin-machine-exchange-coin-1{
        margin-top: -50px!important;
    }
    .machine-coin-content-sub-2-container-item-1{
        font-size: 20px!important;
    }
    .machine-coin-content-sub-2-container-item-text-1{
        font-size: 20px!important;
    }
}

@media(max-width:550px){
    
    .dashboard-new-phoneshape-video-title-container{
        justify-content: flex-start;
    }

    .mobile-d-block-550{
        display: flex !important;
        flex-direction: column;
    }

    .mobile-text-center{
        text-align: center;
    }

    .machine-coin-content-sub-1-container{
        max-width: 100%;
    }

    .machine-coin-content-sub-2-container{
        justify-content: start;
    }

    .machine-coin-content-sub-2-container-item{
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
}

@media(max-width:480px){
    .dashboard-top-first-title-1{
        justify-content: flex-start;
    }
    .phoneshape-video-title-2-margin{
        margin-left: 0px;
    }
    .coin-machine-width{
        max-width: 450px!important;
    }
}

@media(max-width:450px){
    .cryptocurrency-dialog-wrapper-3{
        height: auto!important;
    }
    .apply-field{
        width: 90%;
    }
    .private-form-padding{
        padding: 5px!important;
        margin: 0px!important;
    }
    .apply-field-private{
        width: 80%!important;
        padding:.5rem!important;
    }
    .text-title-center{
        padding: 50px 0px!important;
    }
    .faq-collapse-header{
        padding: 18px 0px!important;
    }
    .product-buy-and-sell-crypto-title{
        text-align: center;
    }
    .trading-img{
        height: 100%!important;
        width: 100%;
        object-fit: contain;
    }
    .product-crypto-exchange-text-and-btn{
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .about-profile-card-dialog-desc{
        font-size: 14px!important;
    }
    .dashboard-video-wrapper video{
        text-align: center;
        object-fit: cover!important;
        width: 100%!important;
        margin: auto;
    }
    .phoneshape-dashboard-video-wrapper video{
        text-align: center;
        object-fit: cover!important;
        width: 100%!important;
        margin: auto;
    }

    .mpg_video_wrapper video{
        height: 100%;
        object-fit: contain!important;
    }
    .crypto-earn-dashboard-img-width{
        width: 90%!important;
    }
    .dashboard-key-features-title{
        font-size: 25px!important;
    }
    .dashboard-trading-mpg-content{ 
        padding:5px 15px!important;
    }
    .about-us-title{ 
        font-size: 30px;
        padding: 10px;
    }
    .about-history-text{
        font-size: 15px;
    }
    .crypto-earn-earn-plus-container{
        padding:0px!important;
    }
    .crypto-earn-selection-section-sub-text-3{
        margin:0px 0px!important;
    }
    .crypto-earn-up-to-container{
        padding:20px 0px!important;
    }
    .about-flex{
        width: 250px;
    }
    .card-dialog-img-container{
        height: 100px!important;
    }
    .video-about-wrapper{
        margin-left: -60px!important;
        width: 110%!important;
    }

    .history-img-2{
        width: 200px;
    }
    .master-international-container{
        height: 400px!important;
    }
    .masterpay-gif{
        top: -50px;
    }
    .masterpay-gif-financial{
        top: -10px;
    }


    .mp-bg-container{
        height: 300px;
        width: 100%;
    }
    .masterpay-section2-home {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .masterpay-img1-video{
        max-width: 350px;
        width: 100%;
        height: 250px;
        position: static;
    }
    .el-dialog{
        width: 90% 
    }
    .master-features-home-section1{
        padding:.5rem;
        padding-bottom: 2rem!important;
    }
    .test-wrapper{
        padding: 30px 20px;
    }
    .budgeting-text{
        width: 100%!important;
    }
    .prepaid-debit-section2{
        margin-top: -70px;
    }
    .masterpay-home-2{
        margin-top: 10px!important;
    }
    .budgetting-digital-section-2{
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }
    .budgetting-digital-section-1{
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }
    .why-master-global-section1{
        padding:20px!important;
    }
    .why-master-global-section2{
        padding:20px!important;

    }
    .history-recognition{
        margin-top: 20px;
    }
    .cardCircle-home{
        width: 60vw;
    }
    .detail-container-help{
        padding: 1.5rem!important;
    }
    .masterpay-container-home{
        padding: 0!important;
        margin-top: 10px!important;
    }
    .masterpay-section1-home-2{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .masterpay-section2-home{
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }
    .contact-container{
        padding:1.5rem !important;
    }
    .masterpay-section1-home{
        margin-top: 0px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .masterpay-home-text{
        width: 100%;
    }
    .help-home-text{
        width: 100%!important;
    }
    /* .masterpay-home{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */
    .value-details-container{
        padding:0!important;
    }
    .value{
        padding-left:.5rem!important ;
        padding-right:.5rem!important ;
    }
    .recognition-img{
        margin-top: 40px;
    }
    .digital-budgetting-desc-container{
        margin-top: 10px!important;
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }
    .management-wrapper{
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .about-vision-icon{
        height: 150px!important;
        top:-80px;
    }
    .about-team-icon{
        height: 150px!important;
        top:-80px;
    }
    
    .coin-machine-width{
        max-width: 350px!important;
    }

    @media(max-width:450px){
        .about-mission-icon{
            height: 150px!important;
        }
        .about-vision-icon{
            height: 150px!important;
            top:-50px;
        }
        .about-team-icon{
            height: 150px!important;
            top:-50px;
        }
    }
}