.purchase-wrapper {
    padding: 30px 20px
}

.purchase-wrapper-tickets {
    gap: 16px
}

.purchase-wrapper .f-grotesk {
    font-family: 'Space Grotesk', Arial, serif;
}

.purchase-wrapper h1 {
    font-size: 24px;
    margin-bottom: 30px !important;
}

.purchase-wrapper h2 {
    font-size: 28px;
    margin-bottom: 20px !important;
}

.purchase-wrapper .text-description {
    font-size: 16px;
    margin-bottom: 30px;
}

.purchase-wrapper .box-header-title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 4px;

}

.purchase-wrapper .box-header-definition {
    /*width: 50%;*/
}

.purchase-wrapper .box-header-price {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    /*width: 30%;*/
}

.purchase-wrapper .box-header-description {
    font-size: 14px;
    line-height: 16px;
}

.purchase-wrapper .box-header-additional-emails {
    font-size: 14px;
    color: #b1885e;
}

.purchase-wrapper input {
    font-size: 16px;
    height: 55px;
}

.purchase-wrapper .box-singleTicket-wrapper {
    width: 100%;
}

.purchase-wrapper .box-singleTicket {
    background-color: #f1f2f4;;
    padding: 25px 30px;
    margin-bottom: 20px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.purchase-wrapper .amountButton-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    /*width: 30%;*/
}

.purchase-wrapper .amountButton {
    height: 55px;
    width: 55px;
    background-color: #b1885e;
    border-radius: .25rem;

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.purchase-wrapper .amountButton > .amountButton-sign {
    font-size: 30px;
    color: #fff;
}

.purchase-wrapper .amountInput input {
    height: 55px;
    width: 55px;
    text-align: center;
}

.purchase-wrapper .summary-box-wrapper {
    display: flex;
    flex-direction: column;
}

.purchase-wrapper .summary-box {
    border: 1px solid #cdd4da;
    border-radius: 4px
}

.purchase-wrapper .summary-buyer {
    width: 100%;
    margin-bottom: 32px;
}

.purchase-wrapper .summary-payment {
    margin-bottom: 32px;
}

.purchase-wrapper .summary-box .summary-box-header {
    padding: 16px 30px;
    border-bottom: 1px solid #cdd4da;
    margin-bottom: 16px;
    font-size: 18px;
}

.purchase-wrapper .summary-box .summary-box-content {
    padding: 16px 30px;
}

.purchase-wrapper .summary-box .summary-box-content > * {
    font-family: 'Space Grotesk', Arial, serif;
    font-weight: 500;
    text-align: justify;
}

.purchase-wrapper .summary-box .summary-box-content .summary-box-content-element {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
}

.purchase-wrapper .summary-box .summary-box-content > .form-group {
    margin-bottom: 30px;
}

.purchase-wrapper .payu {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    height: 30px;
    margin: 10px 0px;
}

.purchase-wrapper .payu::after {
    content: '';
    position: relative;
    display: inline-block;
    top: 4px;
    left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='289.22' height='144.31' version='0.0' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-440.06 -398.08)'%3E%3Cpath d='m708.01 428.31-17.226-6e-3c-1.879 0-3.402 1.523-3.403 3.402l-1e-3 2.403h1.195c7.778 0 10.671 1.283 10.671 8.368v10.072l8.755 3e-3c1.879 1e-3 3.402-1.521 3.403-3.4l6e-3 -17.439c0-1.879-1.522-3.402-3.4-3.403m-94.014 27.075c-0.795-0.998-2.298-1.136-3.805-1.136h-1.13c-3.755 0-5.228 1.158-6.059 4.761l-10.434 43.37c-1.302 5.33-3.132 6.304-6.263 6.304-3.834 0-5.369-0.915-6.897-6.325l-11.818-43.37c-0.978-3.632-2.421-4.74-6.177-4.74h-1.006c-1.516 0-3.026 0.14-3.801 1.151-0.776 1.012-0.514 2.523-0.114 4.008l11.943 43.746c2.24 8.372 4.903 15.302 14.853 15.302 1.857 0 3.575-0.258 5.004-0.74-3.018 9.491-6.088 13.677-15.141 14.607-1.837 0.153-3.031 0.416-3.696 1.308-0.691 0.925-0.534 2.25-0.287 3.433l0.249 1.122c0.54 2.594 1.461 4.202 4.373 4.202 0.306 0 0.635-0.016 0.988-0.046 13.518-0.885 20.761-8.163 24.999-25.12l14.462-57.845c0.343-1.484 0.55-2.995-0.243-3.992m-72.742 33.321v8.755c0 7.137-2.646 11.269-16.172 11.269-8.936 0-13.28-3.234-13.28-9.886 0-7.295 4.358-10.138 15.543-10.138zm-16.172-36.298c-7.374 0-11.995 0.925-13.748 1.276-3.103 0.674-4.401 1.526-4.401 5.055v1.006c0 1.383 0.205 2.341 0.644 3.015 0.511 0.785 1.335 1.183 2.449 1.183 0.543 0 1.173-0.091 1.924-0.279 1.773-0.443 7.438-1.359 13.635-1.359 11.13 0 15.669 3.083 15.669 10.64v6.744h-14.035c-18.042 0-26.446 6.086-26.446 19.155 0 12.676 8.678 19.657 24.435 19.657 18.725 0 27.075-6.372 27.075-20.663v-24.893c0-13.819-8.897-20.537-27.201-20.537m-35.37 8.384c0 10.407-2.657 16.047-16.675 16.047h-21.578v-26.859c0-3.724 1.385-5.109 5.109-5.109h16.469c10.561 0 16.675 2.606 16.675 15.921zm-16.675-26.698h-18.607c-9.943 0-14.377 4.434-14.377 14.378v63.865c0 3.841 1.233 5.074 5.075 5.074h1.257c3.841 0 5.074-1.233 5.074-5.074v-24.847h21.578c19.158 0 28.081-8.484 28.081-26.698 0-18.215-8.923-26.698-28.081-26.698m236.65-23.782-8.689-3e-3c-0.948-1e-3 -1.716-0.769-1.716-1.717l3e-3 -8.797c1e-3 -0.948 0.77-1.715 1.717-1.715l8.689 3e-3c0.948 0 1.716 0.769 1.716 1.716l-3e-3 8.797c-1e-3 0.948-0.769 1.716-1.717 1.716m17.048 18.009-12.794-5e-3c-1.395 0-2.526-1.132-2.525-2.527l4e-3 -12.952c1e-3 -1.396 1.133-2.527 2.528-2.527l12.793 5e-3c1.396 0 2.527 1.132 2.527 2.527l-5e-3 12.953c0 1.395-1.132 2.526-2.528 2.526m-35.96 24.226c-1.879 0-3.401-1.523-3.4-3.402l5e-3 -15.036h-1.254c-7.778 0-10.671 1.284-10.671 8.369v16.579c-1e-3 0.035-5e-3 0.07-5e-3 0.105v3.634c-2e-3 0.126-0.01 0.243-0.01 0.373v23.165c0 2.829-0.545 5.082-1.67 6.832-2.121 3.268-6.32 4.753-13.038 4.762-6.715-9e-3 -10.913-1.493-13.034-4.758-1.128-1.751-1.674-4.005-1.674-6.836v-23.165c0-0.13-7e-3 -0.247-9e-3 -0.373v-3.634c0-0.035-4e-3 -0.07-5e-3 -0.105v-16.579c0-7.085-2.893-8.369-10.671-8.369h-2.449c-7.779 0-10.671 1.284-10.671 8.369v43.856c0 7.055 1.591 13.028 4.665 17.843 5.937 9.33 17.438 14.299 33.788 14.299 0.02 0 0.04-1e-3 0.06-1e-3 0.021 0 0.04 1e-3 0.061 1e-3 16.35 0 27.851-4.969 33.788-14.299 3.074-4.815 4.665-10.788 4.665-17.843v-33.784l-8.471-3e-3' fill='%23A6C307'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 40px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.purchase-wrapper .summary-box-total-payment {
    background-color: #f1f2f4;
    padding: 20px 30px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 36px;
}

.purchase-wrapper .summary-payment-methods {
    margin-bottom: 36px;
}

.purchase-wrapper .summary-payment-methods > div {
    font-size: 14px;
    line-height: 16px;
}

.purchase-wrapper .summary-before-submit {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
}

.purchase-wrapper .summary-submit button {
    width: 100%;
    background-color: #b1885e;
    border-color: #b1885e;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.purchase-wrapper .invalid-feedback,
.purchase-wrapper .form-error-element {
    margin-top: 6px !important;
}

.purchase-wrapper .icheck-primary-preload {
    display: none;
}

.purchase-wrapper .icheck-primary-preload.icheck-primary {
    display: block;
}

.purchase-wrapper *[class*=icheck-] > label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding-left: 32px !important;
    text-align: justify;
}

.purchase-wrapper *[class*=icheck-] > input:first-child + input[type=hidden] + label::before,
.purchase-wrapper *[class*=icheck-] > input:first-child + label::before {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    margin-left: -32px;
}

.purchase-wrapper *[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
.purchase-wrapper *[class*=icheck-] > input:first-child:checked + label::after {
    transform: translate(9.75px, 6.5px) rotate(45deg);
}

.purchase-wrapper .purchase-menu-main-elements-img {
    justify-content: center;
    display: flex;
    align-items: center;
}

.purchase-wrapper .purchase-menu-main-elements-img > img {
    border-radius: 6px;
    width: 100%;
    max-width: 500px;
    height: auto;
}

.purchase-menu-main .purchase-menu-main-elements-img img {
    max-height: 72px;
}

.purchase-wrapper .required-fields {
    color: #7c7c7c;
    font-size: 12px;
    line-height: 16px;
}

div[id*="orderTicketPositionEmails_"]:has(input[id$="_firstName"]) {
    display: flex;
    flex-direction: row;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: space-between;
}

div[id*="orderTicketPositionEmails_"]:has(input[id$="_firstName"]) > div:has(input[type="email"]) {
    width: 100%;
}

@media (min-width: 769px) {

    .purchase-wrapper .box-singleTicket {
        flex-direction: row;
    }

    .purchase-wrapper .box-header-definition {
        width: 50%;
    }

    .purchase-wrapper .box-header-price {
        width: 30%;
    }

    .purchase-wrapper .amountButton-wrapper {
        width: 30%;
    }
}

@media (min-width: 992px) {

    .purchase-wrapper h1 {
        font-size: 42px;
        margin-bottom: 60px !important;
    }

    .purchase-wrapper h2 {
        font-size: 36px;
        margin-bottom: 32px !important;
    }

    .purchase-wrapper .text-description {
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 20px;
    }
}

@media (min-width: 1025px) {
    .purchase-wrapper {
        padding: 70px 100px
    }
}

@media (min-width: 1200px) {
    .purchase-wrapper-tickets {
        gap: 0;
    }

    .purchase-wrapper .purchase-menu-main-elements-img {
        justify-content: flex-start;
    }
}

@media (min-width: 1366px) {
    .purchase-wrapper .summary-box-wrapper {
        column-gap: 25px;
        flex-direction: row;
    }

    .purchase-wrapper .summary-buyer {
        max-width: 700px;
    }
}


@media (min-width: 1921px) {
    .purchase-wrapper {
        max-width: 1920px;
        margin: auto;
        padding: 70px 0;
    }

    .purchase-menu-main .purchase-menu-main-elements {
        max-width: 1920px;
        margin: auto;
    }
}

