.tariff-container .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #B0B0B0;
    margin-bottom: 3.75rem
}

.tariff-container .form-item .btn-remove-reset {
    border: 0;
    background: none;
    padding: 0
}

@media (max-width: 767.98px) {
    .tariff-container .form-item .btn-remove-reset {
        display: flex;
        align-content: center;
        position: absolute;
        left: 0;
        bottom: 1.75rem;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 .625rem;
        text-align: left;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: -.02em;
        line-height: 1.56
    }

    .tariff-container .form-item .btn-remove-reset:before {
        content: "Remove"
    }

    .tariff-container .form-item .btn-remove-reset:after {
        content: "";
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.40073 14.0002L0.000732422 12.6002L5.60073 7.00018L0.000732422 1.40018L1.40073 0.000183105L7.00073 5.60018L12.6007 0.000183105L14.0007 1.40018L8.40073 7.00018L14.0007 12.6002L12.6007 14.0002L7.00073 8.40018L1.40073 14.0002Z" fill="black"/></svg>');
        background-repeat: no-repeat;
        background-size: .875rem;
        background-position: center center;
        margin-left: .4375rem
    }
}

@media (min-width: 768px) {
    .tariff-container .form-item .btn-remove-reset {
        width: 2.1875rem;
        height: 2.1875rem;
        border-radius: 3.125rem;
        background-color: #2f2552;
        background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.40073 14.0002L0.000732422 12.6002L5.60073 7.00018L0.000732422 1.40018L1.40073 0.000183105L7.00073 5.60018L12.6007 0.000183105L14.0007 1.40018L8.40073 7.00018L14.0007 12.6002L12.6007 14.0002L7.00073 8.40018L1.40073 14.0002Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-size: .875rem;
        background-position: center center
    }
}

.tariff-container .form-item:last-child {
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .tariff-container .form-item {
        margin-bottom: 4.6875rem
    }

    .tariff-container .form-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0
    }
}

.tariff-container .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    margin-top: 0
}

.tariff-container .form-group>select,
.tariff-container .form-group .form-select,
.tariff-container .form-group select {
    padding-right: 2.5rem
}

@media (min-width: 768px) {
    .tariff-container .form-group {
        width: calc(100% - 4.6875rem)
    }
}

.tariff-container .form-select+div+div,
.tariff-container select+div+div {
    display: none
}

.tariff-container input,
.tariff-container select {
    font-size: clamp(1rem, .19vw + .95rem, 1.13rem);
    line-height: 1.55;
    border: 1px solid #000;
    color: #000;
    margin: 0;
    letter-spacing: -.02em
}

.tariff-container input::-moz-placeholder,
.tariff-container select::-moz-placeholder {
    color: #000
}

.tariff-container input::placeholder,
.tariff-container input:focus,
.tariff-container select::placeholder,
.tariff-container select:focus {
    color: #000
}

.tariff-container input:focus,
.tariff-container select:focus {
    border: 1px solid #000
}

.tariff-container input[type=text]:focus {
    box-shadow: 0 0 0 .25rem #00000080
}

.tariff-container select {
    cursor: pointer
}

.tariff-container input[type=text],
.tariff-container .grade-select {
    width: 100%;
    color: #000
}

@media (min-width: 768px) {

    .tariff-container input[type=text],
    .tariff-container .grade-select {
        width: calc(50% - .625rem)
    }
}

.tariff-container .col-points {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: -.02em
}

.tariff-container .col-points span {
    display: inline-block;
    margin-left: .375rem;
    font-weight: 700
}

.tariff-container .col-points p,
.tariff-container .col-points label {
    display: inline-block;
    margin: 0;
    font-weight: 400
}

@media (min-width: 1200px) {
    .tariff-container .col-points {
        font-size: 1.25rem
    }
}

@media (min-width: 1919px) {
    .tariff-container .col-points {
        font-size: 1.625rem
    }
}

.tariff-container .tariff-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .tariff-container .tariff-footer {
        flex-direction: row
    }
}

.tariff-container .tariff-footer__buttons,
.tariff-container .tariff-footer__total-points {
    width: 100%
}

@media (min-width: 768px) {

    .tariff-container .tariff-footer__buttons,
    .tariff-container .tariff-footer__total-points {
        width: 50%
    }
}

.tariff-container .tariff-footer__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -.375rem
}

.tariff-container .tariff-footer__buttons .btn {
    margin-right: .375rem;
    margin-bottom: .375rem
}

.tariff-container .tariff-footer__buttons .btn-primary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-right: 3.5rem;
    background: none;
    color: #000
}

.tariff-container .tariff-footer__buttons .btn-primary .icon-add {
    display: block;
    position: absolute;
    right: .625rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #000;
    -webkit-mask-image: url(/media/middlesex-university/site-assets/images/add.955e3b54.svg);
    mask-image: url(/media/middlesex-university/site-assets/images/add.955e3b54.svg);
    -webkit-mask-size: 2.5rem;
    mask-size: 2.5rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-left: .375rem
}

.tariff-container .tariff-footer__total-points {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
    margin-left: auto;
    letter-spacing: -.02em
}

.tariff-container .tariff-footer__total-points span {
    display: inline-block;
    font-weight: 700
}

.tariff-container .tariff-footer__total-points span.points-label {
    margin-right: .375rem;
    font-weight: 400
}

@media (max-width: 767.98px) {
    .tariff-container .tariff-footer__total-points {
        margin-top: 2.5rem;
        font-size: 1.25rem;
        line-height: 2
    }
}

@media (min-width: 1200px) {
    .tariff-container .tariff-footer__total-points {
        font-size: 1.75rem
    }
}

@media (min-width: 1919px) {
    .tariff-container .tariff-footer__total-points {
        font-size: 2.3125rem
    }
}

@media (min-width: 768px) {
    .tariff-container .tariff-footer {
        margin-top: 1.875rem;
        border-top: 1px solid #B0B0B0;
        padding-top: 3.75rem
    }
}

.ss-option,
.ss-values {
    font-size: clamp(1rem, .19vw + .95rem, 1.13rem);
    line-height: 1.55;
    margin: 0;
    letter-spacing: -.02em
}

.ss-main {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    color: #000
}

.ss-arrow {
    visibility: hidden;
    display: none
}

.ss-content {
    padding: 1.875rem 0 1.3125rem;
    background-color: #f1f1f6;
    background-image: none;
    border-radius: 0;
    border: 1px solid #000
}

.ss-content.ss-open-below {
    border-radius: 0
}

.ss-content .ss-search {
    width: calc(100% - 3.75rem);
    margin: auto;
    padding: 0;
    color: #000
}

.ss-content .ss-search input {
    padding: .625rem .9375rem .625rem 3.0625rem;
    margin: 0 auto;
    margin-bottom: 1.3125rem;
    border: 1px solid #000;
    background-color: #fff;
    background-image: url(/media/middlesex-university/site-assets/css/'data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http:/www.w3.org/2000/svg"><mask id="mask0_1_679" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="34"><rect width="34" height="34" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1_679)"><path d="M27.7667 29.75L18.8417 20.825C18.1333 21.3917 17.3187 21.8403 16.3979 22.1708C15.4771 22.5014 14.4972 22.6667 13.4583 22.6667C10.8847 22.6667 8.7066 21.7753 6.92396 19.9927C5.14132 18.2101 4.25 16.0319 4.25 13.4583C4.25 10.8847 5.14132 8.7066 6.92396 6.92396C8.7066 5.14132 10.8847 4.25 13.4583 4.25C16.0319 4.25 18.2101 5.14132 19.9927 6.92396C21.7753 8.7066 22.6667 10.8847 22.6667 13.4583C22.6667 14.4972 22.5014 15.4771 22.1708 16.3979C21.8403 17.3187 21.3917 18.1333 20.825 18.8417L29.75 27.7667L27.7667 29.75ZM13.4583 19.8333C15.2292 19.8333 16.7344 19.2135 17.974 17.974C19.2135 16.7344 19.8333 15.2292 19.8333 13.4583C19.8333 11.6875 19.2135 10.1823 17.974 8.94271C16.7344 7.70312 15.2292 7.08333 13.4583 7.08333C11.6875 7.08333 10.1823 7.70312 8.94271 8.94271C7.70312 10.1823 7.08333 11.6875 7.08333 13.4583C7.08333 15.2292 7.70312 16.7344 8.94271 17.974C10.1823 19.2135 11.6875 19.8333 13.4583 19.8333Z" fill="black"/></g></svg>');
    background-repeat: no-repeat;
    background-position: .9375rem 50%;
    background-size: 1.5625rem
}

.ss-content .ss-search input::-moz-placeholder {
    color: #000
}

.ss-content .ss-search input::placeholder {
    color: #000
}

.ss-content .ss-search input:focus {
    box-shadow: none
}

.ss-content .ss-search input[type=search]::-webkit-search-decoration,
.ss-content .ss-search input[type=search]::-webkit-search-cancel-button,
.ss-content .ss-search input[type=search]::-webkit-search-results-button,
.ss-content .ss-search input[type=search]::-webkit-search-results-decoration {
    display: none
}

.ss-content .ss-option {
    padding: .5625rem 1.875rem;
    --ss-spacing-l: 1.875rem;
    --ss-spacing-m: 9px
}

.ss-content .ss-option:hover,
.ss-content .ss-option:focus {
    --ss-primary-color: #7071A9
}

.ss-content .ss-selected,
.ss-content .ss-highlighted {
    --ss-primary-color: #7071A9;
    color: #fff
}

.ss-list {
    display: block;
    max-height: 11.5625rem
}