@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

html, body {
    height: 100%;
}

html {
    /*overflow: hidden;
    overflow-y: scroll;*/
}

body {
    /*margin-top: 50px;*/
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
a{
    text-decoration:none;
}

.logo img {
    width: 18em;
}

.pbody {
    position: fixed;
    width: 100%;
    height: 75%;
    background: red;
    bottom: 0px;
    z-index: -1;
}

.slanted-edge {
    --p: 75px; /* control the shape (can be percentage) */
    height: 75%;
    aspect-ratio: 1;
    clip-path: polygon(0 var(--p),0 36%, 100% 0, 100% 100%, 0% 100%);
    background: #c1a72f;
}

.paymentarea {
    /*padding: 1.2rem;*/
    background-color: #F9F8F7;
    border: 1px solid #EEEEEE;
    box-shadow: 0 5px 13px 0 rgba(29,29,29,.1)
}

.title {
    font-size: 1.6rem;
    font-weight: 700;
}

.btn-primary.submitbutton {
    color: #fff;
    background-color: #c1a72f;
    border-color: #c1a72f;
}

    .btn-primary.submitbutton:focus {
        color: #fff;
        background-color: #c1a72f;
        border-color: #c1a72f;
        box-shadow: 0 0 0 0.25rem rgba(171,149,46,.5);
    }

footer .img {
    width: 4em;
}

footer .fs-6 {
    font-size: .8rem !important;
}

.popover {
    border-radius: unset;
    border-color: red;
}

.popover-header {
    background-color: red;
    color: #fff;
    border-radius: unset;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    border-right-color: red;
}

.modal .modal-content {
    border-radius: unset;
}

    .modal .modal-content .modal-header {
        background-color: red;
        border-radius: unset;
        color: #fff;
    }

.modal .btn-close {
    color: #fff;
    opacity: 0.8;
    filter: brightness(0) invert(1) opacity(.8);
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .logo {
        background: #fff;
        position: relative;
        margin-top: 0px;
    }

        .logo img {
            width: 16em;
        }

    
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .logo {
        background: #fff;
        position: relative;
        margin-top: 0px;
    }

        .logo img {
            width: 26em;
        }
}
@media (min-width: 768px) and (orientation: landscape) {
   
        .logo img {
            width: 14em;
        }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .error .message {
        font-size: 1.3em;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
}