:root {
    --accntclr: #ED4506;
    --txt: #333333;
    --txtaccnt: #093562;
    --bllight: #D2E0EB;
    --blmedium: #5F8FA3;
    --bldeep: #838E9E;
    --lghtbck: #FDF5F0;
    --bllightalt: #DFE9ED;
    --trnstn: 1s;
}

.fullbackpp_main {

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;


}


.paytourbdy {
    background-color: var(--lghtbck);
    border-radius: 5px;
    width: 40%;
    position: relative;
    padding: 1rem;
}

.paytourbdy :is(h2, h3) {
    color: var(--txt);
    text-align: left;
    margin-top: 1rem;
    color: var(--accntclr);
}

.ptbdy {
    display: flex;
    gap: 2rem;
}

.paytourbdy form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
}

.paytourbdy form input {
    width: 100%;
}

.paytourbdy form button {
    margin-top: 1rem;
}

.ptright {
    width: 100%;
}

.clsbtn {
    display: block;
    position: absolute;
    right: 1rem;
    font-size: calc(16px + 6 * ((100vw - 375px) / (1920 - 375)));
    cursor: pointer;
    color: var(--txt);
    transition: var(--trnstn);
}

.ptleft {
    width: 55.75%;
}

.ptimghldr {
    width: 100%;
    margin: 0.25rem 0.69rem;
    flex-shrink: 0;
    display: flex;
}

.ptimghldr img {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 810px) {
    .paytourbdy {
        width: 90%;
    }
}

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

}