/*
 *   @copyright   Copyright (C) 2025 Dynamowebs Private Limited. All rights reserved.
 *   @license     Proprietary and Confidential. Unauthorized copying, distribution, or modification
 *                via any medium is strictly prohibited.
 *   @author      Faisal mehmood awan <faisal.aqurz@gmail.com> | Imran Khan <imran@dynamowebs.com>
 *   @file        module-global-payment-popup.css
 *   @modified    11/28/25, 12:12 PM
 *   @package     Dynamowebs
 *
 *   This file contains proprietary information of Dynamowebs Private Limited.
 *   No part of this file may be reproduced, distributed, or transmitted in any
 *   form or by any means without the express written permission of Dynamowebs.
 *
 *   @link        https://www.dynamowebs.com
 *   @github      https://github.com/FaisalCloudEngineer
 *
 */
 html a {
    text-decoration: none !important;
}

.main-container-first-popup {
    /* padding: 35px 120px 0px 120px; */
    max-width: 558px;
    width: 100%;
    padding: 35px 0px 0px;
}

.main-container-second-popup {
    padding: 35px 0px 0px;
    max-width: 668px;
    width: 100%;
}

.main-container-third-popup {
    padding: 35px 0px 0px;
    max-width: 663px;
    width: 100%;
}

.card-container {}

.first-row-first-popup {
    text-align: center;
}

.piggy-icon-container {
    display: flex;
    justify-content: center;
}

.piggy-icon-first-popup {
    max-width: 80px;
    width: 70px;
    height: 70px;
    margin: 0 0 20px 0px;
    float: none;
    display: block;
    position: relative;
    object-fit: contain;
}

.ul-btn-first-popup {
    display: flex;
    list-style-type: none;
}

.ul-btn-first-popup li {
    margin: 0 10px 0 0;
    padding: 4px 10px;
    object-fit: contain;
    border-radius: 69.5px;
    border: 1px solid #1b75bc;
}

.ul-li-container {
    display: flex;
    justify-content: center;
    margin: 0px 35px 0px 0px;
}

.active {
    background-color: #1b75bc;
    color: var(--white);
}

.popup-h2-first-popup {
    font-family: Inter;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.15px;
    text-align: center;
    color: #1b75bc;
}

.popup-h4-first-popup {
    font-family: Inter;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.11px;
    text-align: center;
    color: #00aeef;

}

.card-container-first-popup {
    margin: 0 0 15px;
    padding: 27px 50px 27px 40px;
    object-fit: contain;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #e0eafc, #f4fbff);
}

.card-container-second-popup {
    padding: 33px 55px 29px;
    object-fit: contain;
    border-radius: 10px;
    border: solid 2px #ffba35;
    background-image: linear-gradient(118deg, #ffefd1 0%, #fff7e6 93%);
}

.I-understand-that {
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
}

.To-complete-my-UTR-a {
    margin: 0px;
    padding: 9px 52px 9px 6px;
    font-family: Inter;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #333;
}

.To-complete-my-UTR-li::marker {
    color: #00aeef !important;
}

.You-wont-receive-an-li::marker {
    color: #00aeef !important;
}

.Once-our-UTR-is-issu-li::marker {
    color: #00aeef !important;
}

.After-the-above-step {
    font-family: Inter;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #333;
}

.Once-our-UTR-is-issu {
    font-family: Inter;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #333;
}

.Tax2u-will-help-you {
    font-family: Inter;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #333;
}

.I-agree-to-the-above {
    font-family: Inter;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -0.12px;
    color: #555;
}

.form-group {
    text-align: center;
    margin: 15px 0px 15px 0px;
}

.continue-btn-blue {
    padding: 14px 60px 13px;
    border-radius: 38px;
    box-shadow: 0 9px 18px 0 #b2deff;
    border: solid 1px #01b0f5;
    background-image: linear-gradient(94deg, #86ddff -4%, #00b0f5 97%);
}

.continue-btn-orange {
	padding: 14px 60px 13px;
	border-radius: 38px;
	border: solid 1px #ffa800;
	background-image: linear-gradient(102deg, #ffc350 -4%, #ffa800 96%);
	box-shadow: 0 9px 18px 0 #f7d8a5;
}

.Continue-with-your-U-blue {
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    text-align: center;
    color: var(--white);
}

.continue-btn-first-popup-blue {
    text-align: center;
    margin: 0px;
}

.continue-btn-second-blue {
    padding: 14px 50px 13px;
    border-radius: 38px;
    box-shadow: 0 9px 18px 0 #b2deff;
    border: solid 1px #01b0f5;
    background-image: linear-gradient(94deg, #86ddff -4%, #00b0f5 97%);
}

.upload_Ids {
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    text-align: center;
    color: var(--white);
}

.continue-btn-second-popup-blue {
    text-align: center;
    margin: 0px 0px 53px 0px;
}


.continue-btn-yellow {
    padding: 14px 35px 13px;
    border-radius: 38px;
    box-shadow: 0 9px 18px 0 #ffca63;
    border: solid 1px rgb(255 168 0 / 51%);
    background-color: rgb(255 168 0 / 55%);
}

.back-btn-yellow {
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    text-align: center;
    color: var(--white);
}

.continue-btn-first-popup-yellow {
    text-align: center;
    /*margin: 0px 0px 53px 0px;*/
}

.conbine-btn-row {
    margin-top: 38px;
}

.To-complete-your-UTR {
    margin: 5px 120px 9px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.11px;
    text-align: center;
    color: #00aeef;
}

.Great-News {
    margin: 0 54px 0px;
    font-family: Inter;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: -0.21px;
    text-align: center;
    color: #ffa800;
}

.As-you-signed-up-to {
    margin: 10px 28px 0px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}


.card-nested-second-popup {
    margin: 15px 0 0;
    padding: 30px 23px 10px 24px;
    object-fit: contain;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #e0eafc, #f4fbff);
}

.Stay-with-tax2u-on-o {
    margin: 0px 0px 15px 0px;
    font-family: Inter;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
}

.You-wont-receive-an {
    font-family: Inter;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    color: #333;
}

.Upload-your-ID-and-c {
    margin: 10px 0 15px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.11px;
    text-align: center;
    color: #00aeef;
}

.card-container-photo-id {
    margin: 0px 0px 22px;
    padding: 5px 5px;
    object-fit: contain;
    border-radius: 10px;
    border: solid 2px #aad9fe;
    background-color: #f7fbfe;
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.upload-btn-blue {
    padding: 10px 29px;
    border-radius: 38px;
    box-shadow: 0 9px 18px 0 #b2deff;
    border: solid 1px #01b0f5;
    background-image: linear-gradient(105deg, #86ddff -3%, #00b0f5 96%);
    margin-top: 7px;
}

.upload-btn {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    text-align: center;
    color: var(--white);
}

.upload-btn-third-popup-blue {
    text-align: center;
    margin: 0px 0px 0px 0px;
}


.Continue-and-Open-PT-btn-blue {
    margin: 0px;
    padding: 16px 20px 16px 20px;
    border-radius: 38px;
    box-shadow: 0 9px 18px 0 #f7d8a5;
    border: solid 1px #eca00e;
    background-image: linear-gradient(96deg, #ffc350 -4%, #ffa800 97%);
}

.Continue-and-Open-PT-btn {
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    text-align: center;
    color: var(--white);
}

.Continue-and-Open-PT-btn-third-popup-blue {
    text-align: center;
    margin: 0px 0px 21px 0px;
}

.Photo-ID {
    margin: 18px 0px 17px 30px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #333;
}

.Selfie-with-ID {
    margin: 18px 0px 17px 64px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #333;
}

.Proof-of-Address {
    margin: 22px 0px 17px 91px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #333;
}

.continue-back-btn {
    margin: 38px 40px 0px 40px;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

    .main-container-first-popup {
        width: 90% !important;
    }

    .piggy-icon-first-popup {
        width: 66px !important;
        height: 66px !important;
    }

    .popup-h2-first-popup {
        font-size: 20px !important;
        letter-spacing: -0.12px !important;
    }

    .popup-h4-first-popup {
        line-height: 1.44 !important;
        letter-spacing: -0.11px !important;
    }

    .card-container-first-popup {
        padding: 31px 15px 30px 24px !important;
    }

    .To-complete-my-UTR-a {
        margin: 2px 0px 2px 0px !important;
        padding: 6px 0px 10px 0px !important;
    }

    .After-the-above-step {
        padding: 0px !important;
    }

    .Once-our-UTR-is-issu {
        margin: 5px !important;
        padding: 10px 7px 8px 0px !important;
    }

    .Tax2u-will-help-you {
        margin: 5px 44px 14px 4px !important;
    }

    .continue-btn-first-popup-blue {
        margin: 0px 0px 35px 15px !important;
    }

    .continue-btn-blue {
        padding: 12px 26px 13px !important;
    }

    .continue-btn-second-popup-blue {
        margin: 0px !important;
    }

    .continue-btn-second-blue {
        padding: 12px 26px 13px !important;
    }

    .continue-btn-first-popup-yellow {
        margin: 0px !important;
    }

    .continue-btn-yellow {
        padding: 12px 26px 13px !important;
    }

    .To-complete-your-UTR {
        margin: 5px 43px 12px !important;
        font-size: 16px !important;
        line-height: 1.44 !important;
        letter-spacing: -0.11px !important;
    }

    .main-container-second-popup {
        padding: 22px 15px!important;
    }

    .Great-News {
        margin: 0 0px 16px !important;
        font-size: 28px !important;
        line-height: 1.29 !important;
        letter-spacing: -0.17px !important;
    }

    .card-nested-second-popup {
        padding: 25px 16px 24px 40px !important;
    }

    .card-container-second-popup {
        padding: 33px 25px 29px !important;
    }

    .You-wont-receive-an {
        margin: 0 0 0 -23px !important;
        line-height: 1.86 !important;
    }

    .main-container-third-popup {
        width: 90% !important;
    }

    .Upload-your-ID-and-c {
        margin: 15px 21px 12px !important;
        line-height: 1.44 !important;
    }

    .card-container-photo-id {
        text-align: left !important;
    }

    .upload-btn-blue {
        padding: 10px 23px;
        margin-top: 1px;
        font-size: 12px;
        margin-top: 9px;
    }

    .Photo-ID {
        margin: 18px 0px 17px 20px !important;
    }

    .Selfie-with-ID {
        margin: 18px 0px 17px 20px !important;
    }

    .Proof-of-Address {
        margin: 18px 0px 17px 17px !important;
    }

    .Continue-and-Open-PT-btn-third-popup-blue {
        text-align: left !important;
        margin: 0px !important;
    }

    .Continue-and-Open-PT-btn {
        font-size: 14px !important;
    }

    .Continue-and-Open-PT-btn-blue {
        margin: 0px !important;
        padding: 13px 13px !important;
        font-size: 11px;
        margin-top: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }

    .continue-back-btn {
        margin: 29px 0px 0px 0px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .continue-btn-second-blue, .continue-btn-yellow {
        padding: 10px 15px !important;
    }

    .continue-btn-second-blue {
        padding: 10px 1em !important;
        width: 157px !important;
        left: -31px !important;
        position: relative;
    }

    .upload_Ids, .back-btn-yellow {
        font-size: 16px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}