/* ----------------footer--------------- */
.footer {
    position: relative;
    overflow: hidden;
    padding: 100px 0px;
    background-color: var(--ma-white);
}

    /*--------------------*/
    .footer h2 {
        color: var(--ma-type-primary);
    }

    .footer p {
        font-size: var(--ma-body-font-size);
        margin-bottom: 20px;
    }
/*--------------------*/

.contact_footer_box {
    margin-bottom: 20px;
    padding: 0px 0px 0px 40px;
    position: relative;
}

    .contact_footer_box i {
        height: 20px;
        width: 20px;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .contact_footer_box h5 {
        font-size: var(--ma-header);
        margin-bottom: 5px;
    }

    .contact_footer_box p {
        margin-bottom: 0px;
        font-size: var(--ma-body-font-size);
    }

    .contact_footer_box a {
        color: var(--ma-grey160);
        font-size: var(--ma-body-font-size);
    }

        .contact_footer_box a:hover,
        .contact_footer_box a:focus,
        .contact_footer_box a:active {
            color: var(--ma-tag-black);
            text-decoration: underline;
        }

/*--------------------*/
.footer_link {
    padding: 10px 0px;
}

    .footer_link a {
        margin-bottom: 0px;
        font-size: var(--ma-body-font-size);
        color: var(--ma-grey160);
        position: relative;
        padding-left: 30px;
    }

        .footer_link a:before {
            content: "";
            position: absolute;
            left: 7px;
            top: 7px;
            height: 7px;
            width: 7px;
            background-color: var(--ma-tag-black);
            border-radius: 100%;
        }


        .footer_link a:hover,
        .footer_link a:focus,
        .footer_link a:active {
            color: var(--ma-tag-black);
            text-decoration: underline;
        }



/*------------partner_part--------*/
.partner_part {
    background: #EAEEF5;
    border: 1px solid #EAEEF5;
    padding: 20px 40px;
    border-radius: 20px;
    display: block;
    color: var(--ma-tag-black);
    position: relative;
    min-height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .partner_part h3 {
        width: 100%;
    }

    .partner_part p {
        margin-bottom: 0px;
        width: 100%;
    }

    .partner_part .maicon_link {
        background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M8.5,9.9h19.2c3,.9,3,4.7,0,5.6H9.9c-1.7.2-2.8,1.4-2.9,3v31.4c.2,1.8,1.2,2.9,3,3h31.4c1.7-.1,2.9-1.2,3-2.9v-18c1-2.9,4.8-2.8,5.7.1-.3,6.1.4,12.7,0,18.7s-3.6,7.3-7.5,7.7H9c-4-.4-7.2-3.6-7.7-7.5V17.4c.5-3.8,3.5-6.8,7.3-7.5Z"/> <path d="M53.1,11.1l-24.9,24.8c-3.1,2.4-6.5-1.5-3.9-4.3L48.9,6.9h-11c0,0-.6-.3-.7-.3-2.2-1.2-1.7-4.7.8-5.3h18.3c1.3,0,2.4,1.1,2.5,2.5v18.3c-.5,2.2-3.5,2.9-5,1.2s-.7-1.1-.7-1.2v-11Z"/> </svg>');
        position: absolute;
        right: 20px;
        top: 20px;
        height: 20px;
        width: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }


/*--------------------*/
.trustscore_part {
    background: #D1F3CC;
    border: 1px solid #D1F3CC;
    padding: 20px 40px;
    border-radius: 20px;
    display: block;
    color: var(--ma-tag-black);
    position: relative;
    min-height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .trustscore_part h3 {
        width: 100%;
    }

    .trustscore_part h4 {
        width: 100%;
    }

    .trustscore_part p {
        margin-bottom: 0px;
        width: 100%;
    }

    .trustscore_part .maicon_score_link {
        background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M8.5,9.9h19.2c3,.9,3,4.7,0,5.6H9.9c-1.7.2-2.8,1.4-2.9,3v31.4c.2,1.8,1.2,2.9,3,3h31.4c1.7-.1,2.9-1.2,3-2.9v-18c1-2.9,4.8-2.8,5.7.1-.3,6.1.4,12.7,0,18.7s-3.6,7.3-7.5,7.7H9c-4-.4-7.2-3.6-7.7-7.5V17.4c.5-3.8,3.5-6.8,7.3-7.5Z"/> <path d="M53.1,11.1l-24.9,24.8c-3.1,2.4-6.5-1.5-3.9-4.3L48.9,6.9h-11c0,0-.6-.3-.7-.3-2.2-1.2-1.7-4.7.8-5.3h18.3c1.3,0,2.4,1.1,2.5,2.5v18.3c-.5,2.2-3.5,2.9-5,1.2s-.7-1.1-.7-1.2v-11Z"/> </svg>');
        position: absolute;
        right: 20px;
        top: 20px;
        height: 20px;
        width: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }


/*--------------------*/
.Accept_Payment_box {
    border: 1px dashed #295097;
    background: white;
    padding: 20px 40px;
    border-radius: 20px;
    display: block;
    color: var(--ma-tag-black);
    position: relative;
    min-height: 200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .Accept_Payment_box h3 {
        width: 100%;
    }

    .Accept_Payment_box img {
        max-width: 70px;
        margin: 0px 10px 5px 0px;
    }


/*--------------------*/
.footer p.Copyright_box {
    margin: 10px 0px !important;
    text-align: center;
    font-size: var(--ma-body-font-size);
}






/*------------------------------------------------------*/
.Privacy_box {
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    background-color: white;
    box-shadow: 0px 0px 50px 10px #0000006b;
    padding: 20px;
}

    .Privacy_box p {
        color: var(--ma-gray);
        font-size: 15px;
        margin: 0px;
    }

        .Privacy_box p a {
            color: var(--ma-type-primary);
        }

            .Privacy_box p a:hover,
            .Privacy_box p a:focus,
            .Privacy_box p a:active {
                color: var(--ma-type-primary);
            }

    .Privacy_box button.i_accept_policy {
        padding: 15px 20px;
        border: 1px solid var(--ma-type-primary);
        font-size: 15px;
        border-radius: 5px;
        background-color: var(--ma-white);
        color: var(--ma-type-primary);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .Privacy_box button.i_accept_policy:hover,
        .Privacy_box button.i_accept_policy:focus,
        .Privacy_box button.i_accept_policy:active {
            background-color: var(--ma-type-primary);
            color: var(--ma-white);
        }

/*------------------------------------------------------*/

.scrollUp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: 0px;
    background-color: white;
    padding: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    z-index: 10000;
    border: 1px solid var(--ma-gray-400);
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: none;
}

    .scrollUp > svg {
        width: 25px;
        height: 25px;
        fill: var(--ma-gray-700);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .scrollUp:hover > svg,
    .scrollUp:focus > svg,
    .scrollUp:active > svg {
        fill: var(--ma-type-primary);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

/*----------------------------------------------------------------------------------*/

/* Modal overlay */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 10000;
    cursor: default;
}

    .modal-overlay.show {
        opacity: 1;
        visibility: visible;
    }

/* Convergence particles */
.convergence-particle {
    position: fixed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: 0;
    z-index: 999;
    pointer-events: none;
}

    .convergence-particle.active {
        animation: converge 0.8s ease-out forwards;
    }

@keyframes converge {
    0% {
        opacity: 0;
        transform: translate(var(--sx), var(--sy)) scale(0);
    }

    50% {
        opacity: 1;
        transform: translate(calc(var(--sx) * 0.5), calc(var(--sy) * 0.5)) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(0, 0) scale(0);
    }
}

/* Blast particles */
.blast-particle {
    position: fixed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: 0;
    z-index: 1002;
    pointer-events: none;
}

    .blast-particle.active {
        animation: blast 0.8s ease-out forwards;
    }

@keyframes blast {
    0% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(var(--tx), var(--ty)) scale(0);
    }
}

/* Modal box */
.modal-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0) rotate(180deg);
    background: white;
    border-radius: 20px;
    padding: 20px;
    max-width: 1000px;
    width: 90%;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 10000;
    pointer-events: none;
}

    .modal-box.active {
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
        opacity: 1;
        pointer-events: auto;
    }

    .modal-box.blast {
        animation: modalBlast 0.3s ease-out forwards;
    }

@keyframes modalBlast {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
        opacity: 1;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2) rotate(5deg);
        opacity: 0.8;
    }

    100% {
        transform: translate(-50%, -50%) scale(0) rotate(15deg);
        opacity: 0;
    }
}

/* Media Queries for Responsive Design */
/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
    
}
/* Extra large devices (1200px to 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    
}
/* Large devices (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
       
}
/* Medium devices (768px to 991px) */
@media (max-width: 991px) {
    
    .footer {
        padding: 50px 20px;
    }
    .partner_part {
        margin-bottom:20px;
    }
    .trustscore_part {
        margin-bottom: 20px;
    }
    
}