.h6,h6 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .25rem
}

.home-page a {
    text-decoration: none;
    cursor: pointer
}

.home-page a:not(.home-page a.btn) {
    color: #767676
}

.home-page a:not(.home-page a.btn):focus,.home-page a:not(.home-page a.btn):hover {
    color: #dc635b
}

.home-page p {
    margin-top: .1rem;
    margin-bottom: .4rem;
    font-size: .875rem
}

.home-page .search-form-container {
    position: relative;
    min-height: 550px;
    padding: 0 .9rem
}

.home-page .search-form-container .search-page-text {
    place-content: center!important;
    margin-top: 2.5rem;
    margin-bottom: 6rem;
    padding: 0 1.25rem
}

.home-page .search-form-container .search-page-text .search-page-title {
    color: #fff;
    text-align: center
}

@media(orientation: portrait) {
    .home-page .search-form-container .search-page-text {
        padding:unset!important
    }
}

.home-page .search-form-container .search-form-container-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top
}

.home-page .search-form-container .search-form {
    padding: 1.2rem
}

.home-page .search-form-container .search-form .form-control {
    padding: 1rem
}

.home-page .search-form-container .search-form .date-input .form-control {
    padding: .5rem
}

.home-page .search-form-container .search-form .btn.btn-search,.home-page .search-form-container .search-form .destination-input-wrapper .form-control,.home-page .search-form-container .search-form .journey-date-input-wrapper .form-control,.home-page .search-form-container .search-form .source-input-wrapper .form-control {
    height: 3.5rem
}

.home-page .search-form-container .search-form .journey-date-input-wrapper {
    flex: 0 0 auto
}

@media(min-width: 961px)and (max-width:1366px)and (min-width:1367px) {
    .home-page .search-form-container .search-form .journey-date-input-wrapper {
        flex-basis:auto!important
    }
}

@media(orientation: portrait) {
    .home-page .search-form-container .search-form .swap-route-wrapper {
        top:4rem
    }
}

.home-page .seo-content .offer {
    margin: 0
}

.home-page .btn-slide-nav {
    box-shadow: 1px 1px 5px .5px hsla(0,0%,53%,.95);
    -webkit-box-shadow: 1px 1px 5px .5px hsla(0,0%,53%,.95);
    -moz-box-shadow: 1px 1px 5px .5px hsla(0,0%,53%,.95);
    border-radius: 50%;
    background-color: #fff;
    padding: .45rem .6125rem .4rem;
    vertical-align: middle
}

.home-page .btn-slide-nav:focus,.home-page .btn-slide-nav:hover {
    box-shadow: 1px 1px 5px .8px hsla(0,0%,53%,.85);
    -webkit-box-shadow: 1px 1px 5px .8px hsla(0,0%,53%,.85);
    -moz-box-shadow: 1px 1px 5px .8px hsla(0,0%,53%,.85)
}

.home-page .btn-slide-nav.btn.outlined.primary:hover {
    background-color: hsla(0,0%,100%,.99)
}

.home-page .abrs-stats .abrs-stats-content {
    row-gap: 2rem
}

.home-page .abrs-stats .chip {
    border-radius: .30625em;
    height: 100px;
    width: 100px
}

.home-page .abrs-stats .chip.text.primary.active {
    background-color: #f9ebe9
}

.home-page .abrs-stats h6 {
    margin-top: .2rem
}

.home-page .abrs-stats h6 small {
    color: #868686;
    font-weight: 400
}

.bot-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #dc635b,0 0 0 25px rgba(220,99,91,.2);
    position: fixed;
    z-index: 2;
    bottom: 50px;
    right: 50px;
    animation: botzoom 3s cubic-bezier(.47,0,.75,.72) infinite;
    padding: 0;
    zoom:.8;background: #dc635b
}

.bot-icon img {
    width: inherit;
    height: inherit
}

@keyframes botzoom {
    0% {
        box-shadow: 0 0 0 7.5px rgba(220,99,91,.5),0 0 0 25px rgba(220,99,91,.2)
    }

    50% {
        box-shadow: 0 0 0 12px rgba(220,99,91,.5),0 0 0 15px rgba(220,99,91,.2)
    }

    to {
        box-shadow: 0 0 0 7.5px rgba(220,99,91,.5),0 0 0 25px rgba(220,99,91,.2)
    }
}

.home-banner {
    width: 100%;
    height: auto;
    margin-top: 5px
}

@media(orientation: portrait) {
    .home-page .footer-portrait {
        background-color:#fff;
        position: fixed;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 -1px 6px .5px #ccc
    }

    .home-page .footer-portrait nav {
        display: flex;
        justify-content: space-evenly;
        width: 100%
    }

    .home-page .footer-portrait nav .footerUser {
        box-shadow: 0 -2px 3px 1px #ccc;
        margin-top: -30px;
        margin-bottom: 0;
        border-radius: 50%;
        padding: 3px;
        background: #fff
    }

    .home-page .mobile-drawer .modal {
        padding: 0;
        border-radius: 0
    }

    .home-page .mobile-drawer .modal .card {
        border-radius: 0
    }

    .home-page .mobile-drawer .modal .card .card-body {
        padding: 0
    }
}

.menu-login .menu-header {
    background-color: #424242;
    width: 100%;
    height: 80px
}

.menu-login .menu-header a {
    height: inherit;
    margin: 0 1rem;
    flex-grow: 1;
    justify-content: space-between!important;
    color: #fff!important
}

.menu-login .menu-header a.menu-top-button:hover {
    background: inherit
}

.menu-login .menu-header a h6 {
    flex-grow: 1;
    text-align: start;
    margin-left: .5rem;
    font-size: 14px
}

.menu-login .menu-card .card-body .container a .container {
    align-items: center!important
}

.menu-login .menu-card a {
    padding-bottom: 1rem!important;
    width: 100%
}

.menu-login .menu-card a h6 {
    font-size: 14px;
    flex-grow: 1;
    text-align: start;
    margin-bottom: 0;
    margin-left: .5rem
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes entry-from-left {
    0% {
        transform: translateX(-20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-right {
    0% {
        transform: translateX(20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-top {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes entry-from-bottom {
    0% {
        transform: translateY(20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes shake {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

@keyframes flash {
    0%,20%,40%,60%,80%,to {
        opacity: 1
    }

    10%,30%,50%,70%,90% {
        opacity: .8
    }
}

@keyframes pulse {
    0%,10% {
        background-color: #e2e2e2
    }

    45%,55% {
        background-color: #c9c9c9
    }

    90%,to {
        background-color: #e2e2e2
    }
}

@keyframes animate-shimmer-tint {
    0%,5% {
        left: -120%
    }

    95%,to {
        left: 120%
    }
}

.search-form.container {
    box-shadow: 0 0 1px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.04),0 0 1px -2px rgba(0,0,0,.04),0 2px 5px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.04),0 0 1px -2px rgba(0,0,0,.04),0 2px 5px 0 rgba(0,0,0,.06);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.04),0 0 1px -2px rgba(0,0,0,.04),0 2px 5px 0 rgba(0,0,0,.06);
    background: #fff;
    font-size: 1rem;
    border-radius: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: .5rem;
    row-gap: .75rem
}

.search-form.container .error {
    font-size: .875rem
}

.search-form.container .auto-complete:focus-within svg {
    color: #dc635b
}

.search-form.container .auto-complete .auto-complete-drop-down,.search-form.container .auto-complete .auto-complete-drop-down .collection.auto-complete-list {
    width: 100%
}

.search-form.container .auto-complete .text-input .input-prefix svg {
    color: "inherit"
}

.search-form.container .btn.button.text.tertiary {
    color: #212121;
    font-weight: 500;
    font-size: .875rem;
    background-color: #f2f2f2
}

.search-form.container .btn.button.text.tertiary:focus,.search-form.container .btn.button.text.tertiary:hover {
    color: #dc635b;
    background-color: #f9ebe9
}

.search-form.container .btn.btn-search {
    animation-delay: .1s;
    animation-name: flash;
    animation-duration: .2s;
    padding: .5rem 1rem;
    height: 3rem
}

.search-form.container .text-input .form-control {
    background-color: #fff
}

.search-form.container .source-input-wrapper {
    flex: 1 0 20%
}

.search-form.container .source-input-wrapper .form-control {
    height: 3rem
}

@media(min-width: 961px)and (max-width:1366px) {
    .search-form.container .source-input-wrapper {
        flex-basis:250px!important
    }
}

@media(min-width: 769px)and (max-width:960px) {
    .search-form.container .source-input-wrapper {
        flex-basis:calc(50% - 2.5rem)!important
    }
}

@media(orientation: portrait) {
    .search-form.container .source-input-wrapper {
        flex-basis:100%!important
    }
}

.search-form.container .destination-input-wrapper {
    flex: 1 0 20%
}

.search-form.container .destination-input-wrapper .form-control {
    height: 3rem
}

@media(min-width: 961px)and (max-width:1366px) {
    .search-form.container .destination-input-wrapper {
        flex-basis:250px!important
    }
}

@media(min-width: 769px)and (max-width:960px) {
    .search-form.container .destination-input-wrapper {
        flex-basis:calc(50% - 2.5rem)!important
    }
}

@media(orientation: portrait) {
    .search-form.container .destination-input-wrapper {
        flex-basis:100%!important
    }
}

@media(min-width: 769px)and (max-width:960px) {
    .search-form.container .swap-route-wrapper {
        flex-basis:4%!important
    }
}

@media(orientation: portrait) {
    .search-form.container .swap-route-wrapper {
        position:absolute;
        top: 2.5rem;
        right: 2rem;
        z-index: 1;
        background: #fff
    }
}

.search-form.container .journey-date-input-wrapper {
    flex: 0 0 auto
}

.search-form.container .journey-date-input-wrapper .form-control {
    height: 3rem
}

@media(min-width: 961px)and (max-width:1366px)and (min-width:1367px) {
    .search-form.container .journey-date-input-wrapper {
        flex-basis:30%!important
    }
}

@media(min-width: 769px)and (max-width:960px) {
    .search-form.container .journey-date-input-wrapper {
        flex-basis:100%!important
    }
}

@media(orientation: portrait) {
    .search-form.container .journey-date-input-wrapper {
        flex-basis:100%!important
    }
}

.search-form.container .btn-search-wrapper {
    flex: 1 0 150px!important
}

@media(min-width: 961px)and (max-width:1366px) {
    .search-form.container .btn-search-wrapper {
        flex-basis:100px!important
    }
}

@media(orientation: portrait) {
    .search-form.container .btn-search-wrapper {
        flex-basis:100%!important
    }

    .search-form.container {
        position: relative
    }
}

.search-form.container.portrait {
    cursor: pointer;
    row-gap: unset;
    position: relative
}

.search-form.container.portrait .from-city,.search-form.container.portrait .to-city {
    color: #767676!important;
    font-size: 1.5rem
}

.search-form.container.portrait .from-city svg,.search-form.container.portrait .to-city svg {
    margin-right: 10px
}

.search-form.container.portrait .divider-info {
    width: 100%;
    display: flex;
    align-items: center
}

.search-form.container.portrait .divider-info .divider {
    border-color: #d1d1d1!important;
    margin-bottom: .5rem;
    margin-left: 1.2rem
}

.search-form.container.portrait .divider-info svg {
    padding: 0 5px;
    color: #dc635b
}

.search-form.container.portrait #search-button {
    position: absolute;
    bottom: -28px;
    left: calc(50% - 75px)
}

.search-form.container.portrait #search-button .btn {
    width: 150px;
    padding: 0 28px
}

.search-form.container.portrait .fromcity-tocity-mobile-drawer .modal {
    padding: 0;
    border-radius: unset
}

.search-form.container.portrait .fromcity-tocity-mobile-drawer .modal .container.card {
    border-radius: unset
}

.search-form.container.portrait .fromcity-tocity-mobile-drawer .modal .container.card .row {
    padding: 0
}

.search-form.container.portrait .departure {
    color: #444!important;
    font-size: .875rem;
    margin: .921rem 0
}

.search-form.container.portrait .date-panel .date-slider {
    margin: unset
}

.search-form.container.portrait .date-panel .date-slider .col:first-child {
    width: 100%!important
}

.search-form.container.portrait .date-panel .date-slider .col:first-child .btn {
    border-right: unset!important;
    background-color: #fff!important;
    padding: 0 7px;
    min-width: 20%!important;
    white-space: break-spaces!important;
    display: flex;
    flex-direction: column;
    color: #444;
    font-weight: 400
}

.search-form.container.portrait .date-panel .date-slider .col:first-child .btn .day {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto
}

.search-form.container.portrait .date-panel .date-slider .col:first-child .btn .dayName {
    font-size: .75rem;
    font-weight: 400
}

.search-form.container.portrait .date-panel .date-slider .col:first-child .btn.filled .day {
    border-radius: 50%;
    display: block;
    color: #fff;
    background-color: #dc635b!important
}

.search-form.container.portrait .date-panel .divider {
    width: 1px;
    height: 100%;
    border-left: 1px solid #e0e0e0;
    margin: auto
}

.search-form.container.portrait .date-panel .month-year {
    color: #444
}

.search-form.container.portrait .date-panel .month-year .month {
    font-size: 1.3rem;
    font-weight: 400!important
}

.search-form.container.portrait .date-panel .month-year .year {
    font-size: .75rem;
    font-weight: 400
}

.search-form.container.portrait .calendar-modal .modal.md {
    width: -moz-fit-content!important;
    width: fit-content!important;
    padding: 0
}

.source-stations-panel .search-bar {
    margin: 0 8px 6px;
    padding: 12px 2px 5px
}

.source-stations-panel .search-bar .form-control {
    border-radius: 30px;
    padding: 10px!important;
    flex-direction: row-reverse!important;
    align-content: flex-end!important;
    justify-content: flex-end!important
}

.source-stations-panel .card.source-stations-list {
    background-color: #fff;
    border-radius: unset
}

.source-stations-panel .card.source-stations-list .error-message {
    color: #f8f8f8;
    background-color: #eb5353;
    padding: .5rem;
    font-size: 1rem
}

.source-stations-panel .card.source-stations-list .scrollable-container {
    height: calc(100vh - 122px)
}

.source-stations-panel .card.source-stations-list .scrollable-container.error-message-active {
    height: calc(100vh - 158px)
}

.source-stations-panel .card.source-stations-list .scrollable-container .station-item {
    padding: 12px;
    border-top: 1px solid #d1d1d1
}

.mobile-nav {
    background-color: #424242;
    width: 100%
}

.mobile-nav a {
    color: #fff!important
}

.mobile-nav .mobile-header-content {
    color: #fff;
    width: 75%
}

.mobile-nav .mobile-header-content .header-title {
    color: inherit!important;
    font-size: 1rem;
    text-align: center;
    font-weight: 400!important;
    margin: unset
}

.mobile-nav .mobile-header-content .header-sub-title {
    font-size: .8rem;
    text-align: center;
    font-weight: 400;
    margin: unset
}

.mobile-nav .modal-container .modal {
    padding: 0;
    border-radius: 0
}

.mobile-nav .modal-container .modal .card {
    border-radius: 0
}

.mobile-nav .modal-container .modal .card .card-body {
    padding: 0
}

.destination-stations-panel .search-bar {
    margin: 0 8px 6px;
    padding: 12px 2px 5px
}

.destination-stations-panel .search-bar .form-control {
    border-radius: 30px;
    padding: 10px!important;
    flex-direction: row-reverse!important;
    align-content: flex-end!important;
    justify-content: flex-end!important
}

.destination-stations-panel .card.destination-stations-list {
    background-color: #fff;
    border-radius: unset
}

.destination-stations-panel .card.destination-stations-list .error-message {
    color: #f8f8f8;
    background-color: #eb5353;
    padding: .5rem;
    font-size: 1rem
}

.destination-stations-panel .card.destination-stations-list .scrollable-container {
    height: calc(100vh - 122px)
}

.destination-stations-panel .card.destination-stations-list .scrollable-container.error-message-active {
    height: calc(100vh - 158px)
}

.destination-stations-panel .card.destination-stations-list .scrollable-container .station-item {
    padding: 12px;
    border-top: 1px solid #d1d1d1
}

.assured {
    background-color: #e3f1ff
}

.assured .assured-content {
    position: relative;
    border: 1px solid #fff;
    border-radius: 1.1025em;
    padding: 2rem
}

.assured .assured-content .assured-feature-item {
    margin-bottom: 1rem
}

.assured .assured-content .assured-feature-item .container .col {
    text-align: center
}

@media(orientation: portrait) {
    .assured .assured-content .assured-feature-item .container .col {
        text-align:left
    }
}

.assured .assured-content .assured-features {
    padding: 3rem
}

@media(orientation: portrait) {
    .assured .assured-content .assured-features {
        padding:2rem
    }

    .assured .assured-content {
        padding: 2rem 0
    }
}

.faqs {
    padding: .5rem;
    border: 1px solid #d1d1d1;
    border-radius: .4rem
}

.faqs .container>.collapsible:not(:last-child) {
    border-bottom: 1px solid #d1d1d1
}

.faqs .container .collapsible-header {
    padding: .5rem
}

.faqs .accordion .container .col {
    width: auto;
    cursor: pointer
}

.faqs .accordion .collapsible .collapsible-body {
    color: #767676;
    font-size: .875rem
}

.faqs .accordion .collapsible .collapsible-body a {
    color: #007bff
}

.offer-scrollable-container {
    flex-wrap: nowrap!important;
    overflow: hidden;
    column-gap: .5rem;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.offer-scrollable-container img {
    box-sizing: border-box;
    border-radius: .91875em;
    cursor: pointer
}

.offer-scrollable-container img:first-child {
    margin-left: 0
}

@media(orientation: portrait) {
    .offer-scrollable-container img:first-child {
        margin-left:unset
    }
}

.offer-scrollable-container img:last-child {
    margin-right: calc((100vw - 1256px)/2)
}

@media(orientation: portrait) {
    .offer-scrollable-container img:last-child {
        margin-right:unset
    }
}

.h1,h1 {
    font-size: 2.5rem;
    margin-bottom: .625rem
}

.h1,.h2,h1,h2 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h2,h2 {
    font-size: 2rem;
    margin-bottom: .5rem
}

.h3,h3 {
    font-size: 1.875rem;
    margin-bottom: .46875rem
}

.h3,.h4,h3,h4 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h4,h4 {
    font-size: 1.5rem;
    margin-bottom: .375rem
}

.h5,h5 {
    font-size: 1.25rem;
    margin-bottom: .3125rem
}

.h5,.h6,.srtcs .rtc-scrollable-container .col.auto h3,h5,h6 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h6,.srtcs .rtc-scrollable-container .col.auto h3,h6 {
    font-size: 1rem;
    margin-bottom: .25rem
}

.text-primary {
    color: #dc635b
}

.text-secondary {
    color: #7a7a7a
}

.text-grey,.text-tertiary {
    color: #868686
}

.text-success {
    color: #61b00f
}

.text-failure {
    color: #eb5353
}

.text-pending {
    color: #ffa800
}

.text-white {
    color: #fff
}

.text-black {
    color: #767676
}

.text-black .text-success {
    color: #61b00f
}

.text-black .text-failure {
    color: #eb5353
}

.text-black .text-sup {
    text-decoration: none
}

.strike-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    -webkit-text-decoration-color: #dc635b;
    text-decoration-color: #dc635b
}

.text-sm {
    font-size: .8em
}

.srtcs .srtc {
    font-size: 24px
}

.srtcs .srtcPara {
    font-size: 18px;
    color: #767676
}

.srtcs .title {
    margin-top: 0;
    margin-bottom: .2rem
}

.srtcs .srtc-title {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 1.3rem
}

.srtcs p {
    margin-bottom: 1rem
}

.srtcs .srtcButton {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-right: 0!important
}

.srtcs .rtc-scrollable-container {
    column-gap: .5rem
}

.srtcs .rtc-scrollable-container .col.auto {
    padding: 1rem 2rem;
    background-color: #fff;
    border-radius: .5rem;
    text-align: center
}

.srtcs .rtc-scrollable-container .col.auto h3 {
    color: #1a1a1a
}

.srtcs .rtc-scrollable-container .col.auto p {
    font-size: .5rem;
    margin: 0 -1.5rem
}

.why-choose-bussewa p {
    font-size: .875rem
}

.why-choose-bussewa .chooseHeading {
    font-size: 24px
}

.why-choose-bussewa .why-choose-cards {
    margin-top: 1rem
}

.why-choose-bussewa .why-choose-cards .col {
    text-align: center
}

.why-choose-bussewa .why-choose-cards .col .card {
    border: 1px solid #f4f4f4
}

.why-choose-bussewa .why-choose-cards .col .card .card-body {
    column-gap: .5rem
}

.why-choose-bussewa .why-choose-cards .col p {
    word-wrap: break-word;
    width: 220px
}

.seo-content-box.card {
    border-radius: .91875em;
    margin: .5rem 1rem
}

.seo-content-box.card .card-body {
    color: #767676;
    background-color: #f4f4f4;
    padding: 1.5rem
}

.seo-content-box.card .card-body .title {
    color: #212121;
    margin-bottom: .5rem;
    font-size: 1.25rem
}

.seo-content-box.card .card-body ol li,.seo-content-box.card .card-body ul li {
    font-size: .875rem
}

.seo-content-box.card .card-body ol li::marker,.seo-content-box.card .card-body ul li::marker {
    color: #767676
}

@media(orientation: portrait) {
    .seo-content-box.card {
        padding:1rem;
        margin: 0 1rem
    }

    .seo-content-box.card .card-body {
        border-radius: .91875em
    }
}

.install-app {
    position: relative;
    padding-bottom: 2rem;
    background-image: url(./installbackground.png);
    background-size: cover;
}

.install-app .install-app-image {
    height: 520px;
    margin-left: 5%;
    margin-top: -4%
}

@media(orientation: portrait) {
    .install-app .install-app-image {
        margin-left:0
    }
}

.install-app img#mobile-image {
    position: absolute;
    width: auto;
    height: 520px;
    z-index: 1
}

@media(orientation: portrait) {
    .install-app img#mobile-image {
        width:100%;
        height: auto;
        position: relative
    }
}

.install-app .install-container {
    padding: 2rem 0
}

@media(orientation: portrait) {
    .install-app .install-container {
        width:100%;
        margin-left: unset;
        padding: 2rem
    }
}

.btn {
    display: inline-block;
    border: none;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    width: auto;
    height: auto;
    box-sizing: border-box
}

.btn,.btn span {
    cursor: pointer
}

.btn,.btn span,.btn span svg {
    vertical-align: middle
}

.btn:disabled {
    color: #b0b0b0!important;
    background-color: #d1d1d1!important;
    cursor: not-allowed!important
}

.btn:disabled.text {
    background-color: transparent!important
}

.btn:disabled.text:hover {
    background-color: #d1d1d1!important
}

.btn.outlined {
    border: 1px solid;
    transition: .125s
}

.btn.outlined.primary {
    color: #dc635b
}

.btn.outlined.primary.active,.btn.outlined.primary:focus,.btn.outlined.primary:hover {
    color: #551615
}

.btn.outlined.secondary {
    color: #7a7a7a
}

.btn.outlined.secondary.active,.btn.outlined.secondary:focus,.btn.outlined.secondary:hover {
    color: #868686
}

.btn.outlined.tertiary {
    color: #444
}

.btn.outlined.tertiary.active,.btn.outlined.tertiary:focus,.btn.outlined.tertiary:hover {
    color: #212121
}

.btn.outlined.success {
    color: #3f720a
}

.btn.outlined.success.active,.btn.outlined.success:focus,.btn.outlined.success:hover {
    color: #61b00f
}

.btn.outlined.failure {
    color: #b03e3e
}

.btn.outlined.failure.active,.btn.outlined.failure:focus,.btn.outlined.failure:hover {
    color: #eb5353
}

.btn.outlined.primary.active,.btn.outlined.primary:focus,.btn.outlined.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.btn.outlined.secondary.active,.btn.outlined.secondary:focus,.btn.outlined.secondary:hover,.btn.outlined.tertiary.active,.btn.outlined.tertiary:focus,.btn.outlined.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.btn.outlined.success.active,.btn.outlined.success:focus,.btn.outlined.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.btn.outlined.failure.active,.btn.outlined.failure:focus,.btn.outlined.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.btn.outlined.primary {
    border-color: #dc635b
}

.btn.outlined.primary.active,.btn.outlined.primary:focus,.btn.outlined.primary:hover {
    border-color: #efb8b4
}

.btn.outlined.secondary {
    border-color: #7a7a7a
}

.btn.outlined.secondary.active,.btn.outlined.secondary:focus,.btn.outlined.secondary:hover,.btn.outlined.tertiary {
    border-color: #f2f2f2
}

.btn.outlined.tertiary.active,.btn.outlined.tertiary:focus,.btn.outlined.tertiary:hover {
    border-color: #868686
}

.btn.outlined.success {
    border-color: #61b00f
}

.btn.outlined.success.active,.btn.outlined.success:focus,.btn.outlined.success:hover {
    border-color: #dfefcf
}

.btn.outlined.failure {
    border-color: #eb5353
}

.btn.outlined.failure.active,.btn.outlined.failure:focus,.btn.outlined.failure:hover {
    border-color: #fad4d4
}

.btn.filled {
    color: #fff
}

.btn.filled.primary {
    background-color: #dc635b
}

.btn.filled.primary.active,.btn.filled.primary:focus,.btn.filled.primary:hover {
    background-color: #a34943
}

.btn.filled.secondary {
    background-color: hsla(0,0%,48%,.7)
}

.btn.filled.secondary.active,.btn.filled.secondary:focus,.btn.filled.secondary:hover {
    background-color: hsla(0,0%,48%,.9)
}

.btn.filled.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

.btn.filled.tertiary.active,.btn.filled.tertiary:focus,.btn.filled.tertiary:hover {
    background-color: hsla(0,0%,53%,.9)
}

.btn.filled.success {
    background-color: rgba(97,176,15,.7)
}

.btn.filled.success.active,.btn.filled.success:focus,.btn.filled.success:hover {
    background-color: rgba(97,176,15,.9)
}

.btn.filled.failure {
    background-color: rgba(235,83,83,.7)
}

.btn.filled.failure.active,.btn.filled.failure:focus,.btn.filled.failure:hover {
    background-color: rgba(235,83,83,.9)
}

.btn.text {
    color: #fff;
    transition: .125s
}

.btn.text.primary {
    color: #dc635b
}

.btn.text.secondary {
    color: #7a7a7a
}

.btn.text.tertiary {
    color: #444
}

.btn.text.success {
    color: #3f720a
}

.btn.text.failure {
    color: #b03e3e
}

.btn.text.primary.active,.btn.text.primary:focus,.btn.text.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.btn.text.secondary.active,.btn.text.secondary:focus,.btn.text.secondary:hover,.btn.text.tertiary.active,.btn.text.tertiary:focus,.btn.text.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.btn.text.success.active,.btn.text.success:focus,.btn.text.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.btn.text.failure.active,.btn.text.failure:focus,.btn.text.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.btn.sm {
    font-size: .875rem;
    padding: .5rem 1rem
}

.btn.md,.btn.sm {
    border-radius: .459375em
}

.btn.md {
    font-size: 1rem;
    padding: .75rem 1rem
}

.btn.lg {
    font-size: 1.25rem;
    padding: 1rem;
    border-radius: .42875em
}

.btn.link {
    outline: unset;
    border: unset;
    background-color: unset;
    padding: unset
}

.btn.link.primary {
    color: #dc635b
}

.btn.link.primary.active,.btn.link.primary:focus,.btn.link.primary:hover {
    color: #551615
}

.btn.link.secondary {
    color: #7a7a7a
}

.btn.link.secondary.active,.btn.link.secondary:focus,.btn.link.secondary:hover {
    color: #868686
}

.btn.link.tertiary {
    color: #444
}

.btn.link.tertiary.active,.btn.link.tertiary:focus,.btn.link.tertiary:hover {
    color: #212121
}

.btn.link.success {
    color: #3f720a
}

.btn.link.success.active,.btn.link.success:focus,.btn.link.success:hover {
    color: #61b00f
}

.btn.link.failure {
    color: #b03e3e
}

.btn.link.failure.active,.btn.link.failure:focus,.btn.link.failure:hover {
    color: #eb5353
}

.btn.link:focus,.btn.link:hover {
    border: unset;
    outline: unset;
    background-color: unset
}

.alertbox {
    border: none;
    background-color: #fff;
    cursor: pointer
}

.alertbox:disabled {
    color: #b0b0b0!important;
    background-color: #d1d1d1!important;
    cursor: not-allowed!important
}

.alertbox:disabled.text {
    background-color: transparent!important
}

.alertbox:disabled.text:hover {
    background-color: #d1d1d1!important
}

.alertbox.outlined {
    border: 1px solid
}

.alertbox.outlined.primary {
    color: #dc635b
}

.alertbox.outlined.secondary {
    color: #7a7a7a
}

.alertbox.outlined.tertiary {
    color: #444
}

.alertbox.outlined.success {
    color: #3f720a
}

.alertbox.outlined.failure {
    color: #b03e3e
}

.alertbox.outlined.primary.active,.alertbox.outlined.primary:focus,.alertbox.outlined.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.alertbox.outlined.secondary.active,.alertbox.outlined.secondary:focus,.alertbox.outlined.secondary:hover,.alertbox.outlined.tertiary.active,.alertbox.outlined.tertiary:focus,.alertbox.outlined.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.alertbox.outlined.success.active,.alertbox.outlined.success:focus,.alertbox.outlined.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.alertbox.outlined.failure.active,.alertbox.outlined.failure:focus,.alertbox.outlined.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.alertbox.outlined.primary {
    border-color: #dc635b
}

.alertbox.outlined.secondary {
    border-color: #7a7a7a
}

.alertbox.outlined.tertiary {
    border-color: #f2f2f2
}

.alertbox.outlined.success {
    border-color: #61b00f
}

.alertbox.outlined.failure {
    border-color: #eb5353
}

.alertbox.filled.primary {
    color: #dc635b
}

.alertbox.filled.secondary {
    color: #7a7a7a
}

.alertbox.filled.tertiary {
    color: #444
}

.alertbox.filled.success {
    color: #3f720a
}

.alertbox.filled.failure {
    color: #b03e3e
}

.alertbox.filled.primary {
    background-color: hsla(8,57%,95%,.4)
}

.alertbox.filled.secondary {
    background-color: hsla(0,0%,97%,.4)
}

.alertbox.filled.tertiary {
    background-color: hsla(0,0%,95%,.2)
}

.alertbox.filled.success {
    background-color: hsla(90,50%,87%,.6)
}

.alertbox.filled.failure {
    background-color: hsla(0,79%,91%,.4)
}

.alertbox.text.primary {
    color: #dc635b
}

.alertbox.text.secondary {
    color: #7a7a7a
}

.alertbox.text.tertiary {
    color: #444
}

.alertbox.text.success {
    color: #3f720a
}

.alertbox.text.failure {
    color: #b03e3e
}

.alertbox.text.primary.active,.alertbox.text.primary:focus,.alertbox.text.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.alertbox.text.secondary.active,.alertbox.text.secondary:focus,.alertbox.text.secondary:hover,.alertbox.text.tertiary.active,.alertbox.text.tertiary:focus,.alertbox.text.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.alertbox.text.success.active,.alertbox.text.success:focus,.alertbox.text.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.alertbox.text.failure.active,.alertbox.text.failure:focus,.alertbox.text.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.alertbox.sm {
    font-size: .875rem;
    padding: .3rem 1rem;
    border-radius: .19140625em
}

.alertbox.md {
    font-size: 1rem;
    padding: .5rem 1rem;
    border-radius: .6125em
}

.alertbox.lg {
    font-size: 1.25rem;
    padding: .5rem 1rem;
    border-radius: .91875em
}

.bread-crumb .content {
    padding: 0 1rem
}

.bread-crumb.sm {
    padding-bottom: calc(.6666666667rem - 12px)
}

.bread-crumb.filled .content {
    padding: .75rem 3.9375rem 4rem .9375rem
}

.bread-crumb.filled.primary {
    background-color: #551615;
    color: #fff
}

.bread-crumb .bread-crumb-link {
    display: inline-flex;
    flex-direction: row
}

.bread-crumb .bread-crumb-link .btn.tertiary.md {
    color: inherit
}

.bread-crumb .bread-crumb-link .btn.tertiary.md:hover {
    background-color: unset
}

.bread-crumb .bread-crumb-link .btn.tertiary.md:first-child {
    margin-left: 0
}

.bread-crumb .bread-crumb-link .btn.tertiary.md:last-child {
    opacity: .4
}

.bread-crumb .bread-crumb-link .bread-crumb-delimiter {
    margin: 0 .5rem
}

.card .card-body,.card .card-footer,.card .card-header,card-content {
    padding: 1rem;
    overflow: hidden;
    background-color: #fff
}

.card .primary.card-body,.card .primary.card-footer,.card .primary.card-header,card-content.primary {
    background-color: hsla(8,57%,95%,.4)
}

.card .primary.active.card-body,.card .primary.active.card-footer,.card .primary.active.card-header,.card .primary.card-body:focus,.card .primary.card-body:hover,.card .primary.card-footer:focus,.card .primary.card-footer:hover,.card .primary.card-header:focus,.card .primary.card-header:hover,card-content.primary.active,card-content.primary:focus,card-content.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.card .secondary.card-body,.card .secondary.card-footer,.card .secondary.card-header,card-content.secondary {
    background-color: hsla(0,0%,97%,.4)
}

.card .secondary.active.card-body,.card .secondary.active.card-footer,.card .secondary.active.card-header,.card .secondary.card-body:focus,.card .secondary.card-body:hover,.card .secondary.card-footer:focus,.card .secondary.card-footer:hover,.card .secondary.card-header:focus,.card .secondary.card-header:hover,card-content.secondary.active,card-content.secondary:focus,card-content.secondary:hover {
    background-color: hsla(0,0%,97%,.3)
}

.card .tertiary.card-body,.card .tertiary.card-footer,.card .tertiary.card-header,card-content.tertiary {
    background-color: hsla(0,0%,95%,.2)
}

.card .tertiary.active.card-body,.card .tertiary.active.card-footer,.card .tertiary.active.card-header,.card .tertiary.card-body:focus,.card .tertiary.card-body:hover,.card .tertiary.card-footer:focus,.card .tertiary.card-footer:hover,.card .tertiary.card-header:focus,.card .tertiary.card-header:hover,card-content.tertiary.active,card-content.tertiary:focus,card-content.tertiary:hover {
    background-color: hsla(0,0%,95%,.15)
}

.card .success.card-body,.card .success.card-footer,.card .success.card-header,card-content.success {
    background-color: hsla(90,50%,87%,.6)
}

.card .success.active.card-body,.card .success.active.card-footer,.card .success.active.card-header,.card .success.card-body:focus,.card .success.card-body:hover,.card .success.card-footer:focus,.card .success.card-footer:hover,.card .success.card-header:focus,.card .success.card-header:hover,card-content.success.active,card-content.success:focus,card-content.success:hover {
    background-color: hsla(90,50%,87%,.4)
}

.card .failure.card-body,.card .failure.card-footer,.card .failure.card-header,card-content.failure {
    background-color: hsla(0,79%,91%,.4)
}

.card .failure.active.card-body,.card .failure.active.card-footer,.card .failure.active.card-header,.card .failure.card-body:focus,.card .failure.card-body:hover,.card .failure.card-footer:focus,.card .failure.card-footer:hover,.card .failure.card-header:focus,.card .failure.card-header:hover,card-content.failure.active,card-content.failure:focus,card-content.failure:hover {
    background-color: hsla(0,79%,91%,.35)
}

.card .primary.card-body,.card .primary.card-footer,.card .primary.card-header,card-content.primary {
    color: #dc635b
}

.card .secondary.card-body,.card .secondary.card-footer,.card .secondary.card-header,card-content.secondary {
    color: #7a7a7a
}

.card .tertiary.card-body,.card .tertiary.card-footer,.card .tertiary.card-header,card-content.tertiary {
    color: #444
}

.card .success.card-body,.card .success.card-footer,.card .success.card-header,card-content.success {
    color: #3f720a
}

.card .failure.card-body,.card .failure.card-footer,.card .failure.card-header,card-content.failure {
    color: #b03e3e
}

.card .darker.primary.card-body,.card .darker.primary.card-footer,.card .darker.primary.card-header,card-content.darker.primary {
    background-color: #dc635b
}

.card .darker.primary.active.card-body,.card .darker.primary.active.card-footer,.card .darker.primary.active.card-header,.card .darker.primary.card-body:focus,.card .darker.primary.card-body:hover,.card .darker.primary.card-footer:focus,.card .darker.primary.card-footer:hover,.card .darker.primary.card-header:focus,.card .darker.primary.card-header:hover,card-content.darker.primary.active,card-content.darker.primary:focus,card-content.darker.primary:hover {
    background-color: #a34943
}

.card .darker.secondary.card-body,.card .darker.secondary.card-footer,.card .darker.secondary.card-header,card-content.darker.secondary {
    background-color: hsla(0,0%,48%,.7)
}

.card .darker.secondary.active.card-body,.card .darker.secondary.active.card-footer,.card .darker.secondary.active.card-header,.card .darker.secondary.card-body:focus,.card .darker.secondary.card-body:hover,.card .darker.secondary.card-footer:focus,.card .darker.secondary.card-footer:hover,.card .darker.secondary.card-header:focus,.card .darker.secondary.card-header:hover,card-content.darker.secondary.active,card-content.darker.secondary:focus,card-content.darker.secondary:hover {
    background-color: hsla(0,0%,48%,.9)
}

.card .darker.tertiary.card-body,.card .darker.tertiary.card-footer,.card .darker.tertiary.card-header,card-content.darker.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

.card .darker.tertiary.active.card-body,.card .darker.tertiary.active.card-footer,.card .darker.tertiary.active.card-header,.card .darker.tertiary.card-body:focus,.card .darker.tertiary.card-body:hover,.card .darker.tertiary.card-footer:focus,.card .darker.tertiary.card-footer:hover,.card .darker.tertiary.card-header:focus,.card .darker.tertiary.card-header:hover,card-content.darker.tertiary.active,card-content.darker.tertiary:focus,card-content.darker.tertiary:hover {
    background-color: hsla(0,0%,53%,.9)
}

.card .darker.success.card-body,.card .darker.success.card-footer,.card .darker.success.card-header,card-content.darker.success {
    background-color: rgba(97,176,15,.7)
}

.card .darker.success.active.card-body,.card .darker.success.active.card-footer,.card .darker.success.active.card-header,.card .darker.success.card-body:focus,.card .darker.success.card-body:hover,.card .darker.success.card-footer:focus,.card .darker.success.card-footer:hover,.card .darker.success.card-header:focus,.card .darker.success.card-header:hover,card-content.darker.success.active,card-content.darker.success:focus,card-content.darker.success:hover {
    background-color: rgba(97,176,15,.9)
}

.card .darker.failure.card-body,.card .darker.failure.card-footer,.card .darker.failure.card-header,card-content.darker.failure {
    background-color: rgba(235,83,83,.7)
}

.card .darker.failure.active.card-body,.card .darker.failure.active.card-footer,.card .darker.failure.active.card-header,.card .darker.failure.card-body:focus,.card .darker.failure.card-body:hover,.card .darker.failure.card-footer:focus,.card .darker.failure.card-footer:hover,.card .darker.failure.card-header:focus,.card .darker.failure.card-header:hover,card-content.darker.failure.active,card-content.darker.failure:focus,card-content.darker.failure:hover {
    background-color: rgba(235,83,83,.9)
}

.card {
    border-radius: .6125em;
    overflow: hidden
}

.card.primary {
    box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95)
}

.card.secondary {
    box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95)
}

.card.tertiary {
    box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95)
}

.card.success {
    box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95)
}

.card.failure {
    box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95)
}

.card:first-child {
    border-top-left-radius: .6125em;
    border-top-right-radius: .6125em
}

.card:last-child {
    border-bottom-left-radius: .6125em;
    border-bottom-right-radius: .6125em
}

.card.md .card-footer,.card.md .card-header {
    padding: 1rem
}

.card.sm .card-footer,.card.sm .card-header {
    padding: .5rem
}

.card.lg .card-footer,.card.lg .card-header {
    padding: 1.5rem
}

.container.carousel-container {
    position: relative
}

.container.carousel-container .carousel-left-navigation,.container.carousel-container .carousel-right-navigation {
    position: absolute
}

.container.carousel-container .carousel-left-navigation {
    left: 0;
    width: 4rem
}

.container.carousel-container .carousel-left-navigation:hover {
    background: linear-gradient(90deg,rgba(2,0,36,.474),rgba(9,9,121,0))
}

.container.carousel-container .carousel-slides {
    align-items: stretch
}

.container.carousel-container .carousel-right-navigation {
    right: 0;
    width: 4rem
}

.container.carousel-container .carousel-right-navigation:hover {
    background: linear-gradient(-90deg,rgba(2,0,36,.474),rgba(9,9,121,0))
}

.container.carousel-container .btn.btn-carousel-nav {
    position: relative;
    top: calc(50% - 1.5rem)
}

.container.carousel-container .btn.btn-carousel-nav.text:active,.container.carousel-container .btn.btn-carousel-nav.text:focus,.container.carousel-container .btn.btn-carousel-nav.text:hover {
    background-color: unset
}

.chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

.chip.outlined {
    border: 1px solid transparent
}

.chip.outlined.primary {
    color: #dc635b
}

.chip.outlined.primary.active,.chip.outlined.primary:focus,.chip.outlined.primary:hover {
    color: #551615
}

.chip.outlined.secondary {
    color: #7a7a7a
}

.chip.outlined.secondary.active,.chip.outlined.secondary:focus,.chip.outlined.secondary:hover {
    color: #868686
}

.chip.outlined.tertiary {
    color: #444
}

.chip.outlined.tertiary.active,.chip.outlined.tertiary:focus,.chip.outlined.tertiary:hover {
    color: #212121
}

.chip.outlined.success {
    color: #3f720a
}

.chip.outlined.success.active,.chip.outlined.success:focus,.chip.outlined.success:hover {
    color: #61b00f
}

.chip.outlined.failure {
    color: #b03e3e
}

.chip.outlined.failure.active,.chip.outlined.failure:focus,.chip.outlined.failure:hover {
    color: #eb5353
}

.chip.outlined.primary.active,.chip.outlined.primary:focus,.chip.outlined.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.chip.outlined.secondary.active,.chip.outlined.secondary:focus,.chip.outlined.secondary:hover,.chip.outlined.tertiary.active,.chip.outlined.tertiary:focus,.chip.outlined.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.chip.outlined.success.active,.chip.outlined.success:focus,.chip.outlined.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.chip.outlined.failure.active,.chip.outlined.failure:focus,.chip.outlined.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.chip.outlined.primary {
    border-color: #dc635b
}

.chip.outlined.primary.active,.chip.outlined.primary:focus,.chip.outlined.primary:hover {
    border-color: #efb8b4
}

.chip.outlined.secondary {
    border-color: #7a7a7a
}

.chip.outlined.secondary.active,.chip.outlined.secondary:focus,.chip.outlined.secondary:hover,.chip.outlined.tertiary {
    border-color: #f2f2f2
}

.chip.outlined.tertiary.active,.chip.outlined.tertiary:focus,.chip.outlined.tertiary:hover {
    border-color: #868686
}

.chip.outlined.success {
    border-color: #61b00f
}

.chip.outlined.success.active,.chip.outlined.success:focus,.chip.outlined.success:hover {
    border-color: #dfefcf
}

.chip.outlined.failure {
    border-color: #eb5353
}

.chip.outlined.failure.active,.chip.outlined.failure:focus,.chip.outlined.failure:hover {
    border-color: #fad4d4
}

.chip.filled {
    color: #fff
}

.chip.filled.primary {
    background-color: #dc635b
}

.chip.filled.primary.active,.chip.filled.primary:focus,.chip.filled.primary:hover {
    background-color: #a34943
}

.chip.filled.secondary {
    background-color: hsla(0,0%,48%,.7)
}

.chip.filled.secondary.active,.chip.filled.secondary:focus,.chip.filled.secondary:hover {
    background-color: hsla(0,0%,48%,.9)
}

.chip.filled.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

.chip.filled.tertiary.active,.chip.filled.tertiary:focus,.chip.filled.tertiary:hover {
    background-color: hsla(0,0%,53%,.9)
}

.chip.filled.success {
    background-color: rgba(97,176,15,.7)
}

.chip.filled.success.active,.chip.filled.success:focus,.chip.filled.success:hover {
    background-color: rgba(97,176,15,.9)
}

.chip.filled.failure {
    background-color: rgba(235,83,83,.7)
}

.chip.filled.failure.active,.chip.filled.failure:focus,.chip.filled.failure:hover {
    background-color: rgba(235,83,83,.9)
}

.chip.text {
    color: #fff
}

.chip.text.primary {
    color: #dc635b
}

.chip.text.secondary {
    color: #7a7a7a
}

.chip.text.tertiary {
    color: #444
}

.chip.text.success {
    color: #3f720a
}

.chip.text.failure {
    color: #b03e3e
}

.chip.text.primary.active,.chip.text.primary:focus,.chip.text.primary:hover {
    background-color: hsla(8,57%,95%,.3)
}

.chip.text.secondary.active,.chip.text.secondary:focus,.chip.text.secondary:hover,.chip.text.tertiary.active,.chip.text.tertiary:focus,.chip.text.tertiary:hover {
    background-color: hsla(0,0%,95%,.3)
}

.chip.text.success.active,.chip.text.success:focus,.chip.text.success:hover {
    background-color: hsla(90,50%,87%,.3)
}

.chip.text.failure.active,.chip.text.failure:focus,.chip.text.failure:hover {
    background-color: hsla(0,79%,91%,.3)
}

.chip.sm {
    font-size: .875rem;
    padding: .25rem 1rem;
    border-radius: 1.3125rem
}

.chip.md {
    font-size: 1rem;
    border-radius: 1.5rem
}

.chip.lg,.chip.md {
    padding: .4rem 1rem
}

.chip.lg {
    font-size: 1.25rem;
    border-radius: 1.875rem
}

.chip * {
    display: inline;
    vertical-align: middle;
    padding: .25rem;
    line-height: 1
}

.collapsible {
    padding: 1rem
}

.collapsible .collapsible-header {
    align-content: center;
    align-items: center;
    justify-content: space-between;
    cursor: default
}

.collapsible .collapsible-body {
    padding-top: unset;
    transition: .3s ease-in
}

.collection {
    display: flex;
    list-style: none;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: unset;
    box-sizing: border-box
}

.collection .collection-item {
    padding: .5rem;
    cursor: pointer;
    box-sizing: border-box
}

.collection.primary {
    background-color: hsla(8,57%,95%,.4)
}

.collection.secondary {
    background-color: hsla(0,0%,97%,.4)
}

.collection.tertiary {
    background-color: hsla(0,0%,95%,.2)
}

.collection.success {
    background-color: hsla(90,50%,87%,.6)
}

.collection.failure {
    background-color: hsla(0,79%,91%,.4)
}

.collection.lg {
    padding: 1.25rem;
    border-radius: 1.25rem
}

.collection.md {
    padding: 1rem;
    border-radius: 1rem
}

.collection.sm {
    padding: .5rem;
    border-radius: .5rem
}

.collection.borders {
    border: 1px solid #f8f8f8
}

.collection.borders.primary {
    border-color: #dc635b
}

.collection.borders.primary.active,.collection.borders.primary:focus,.collection.borders.primary:hover {
    border-color: #efb8b4
}

.collection.borders.secondary {
    border-color: #7a7a7a
}

.collection.borders.secondary.active,.collection.borders.secondary:focus,.collection.borders.secondary:hover,.collection.borders.tertiary {
    border-color: #f2f2f2
}

.collection.borders.tertiary.active,.collection.borders.tertiary:focus,.collection.borders.tertiary:hover {
    border-color: #868686
}

.collection.borders.success {
    border-color: #61b00f
}

.collection.borders.success.active,.collection.borders.success:focus,.collection.borders.success:hover {
    border-color: #dfefcf
}

.collection.borders.failure {
    border-color: #eb5353
}

.collection.borders.failure.active,.collection.borders.failure:focus,.collection.borders.failure:hover {
    border-color: #fad4d4
}

.divider {
    display: block;
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    border: unset;
    border-bottom: 1px solid #f8f8f8
}

.divider.divider-primary {
    border-color: #f5d4d2
}

.divider.divider-secondary {
    border-color: #f8f8f8
}

.divider.divider-tertiary {
    border-color: #f2f2f2
}

.abrs-backdrop {
    position: fixed;
    width: 100vw;
    height: calc(100vh - 1px);
    background-color: hsla(0,0%,53%,.6);
    top: 0;
    left: 0;
    z-index: 999
}

.drawer .dragable-tag {
    width: 2.5rem;
    height: 3px;
    background-color: #666;
    position: relative;
    left: calc(50% - 15px);
    border-radius: 10px;
    cursor: pointer
}

.drawer.drawer-left .modal {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.drawer.drawer-right .modal {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.drawer.drawer-top .modal {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.drawer.drawer-bottom .modal {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.dropdown {
    border-radius: .6125em;
    background-color: #fff;
    margin-top: .2rem;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 120px;
    max-height: 250px;
    overflow-y: scroll;
    z-index: 2;
    position: absolute
}

.dropdown.primary {
    box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(4,65%,82%,.95)
}

.dropdown.secondary {
    box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.95)
}

.dropdown.tertiary {
    box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,0%,95%,.95)
}

.dropdown.success {
    box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(90,50%,87%,.95)
}

.dropdown.failure {
    box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95);
    -moz-box-shadow: 0 0 5px 3px hsla(0,79%,91%,.95)
}

.dropdown .dropdown-item {
    cursor: pointer
}

.dropdown .dropdown-item:focus {
    outline: none
}

.dropdown .dropdown-item.active,.dropdown .dropdown-item:hover {
    color: #dc635b;
    outline: none
}

.container {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.container,.container .row,.container div[class*=col] {
    box-sizing: border-box
}

.container .row {
    display: inline-flex;
    width: 100%
}

.container .col {
    box-sizing: border-box;
    flex: 1 0
}

.container .col.auto {
    flex: 0 0 auto;
    width: auto
}

.container .col.flex-grow-0 {
    flex-grow: 0
}

.container.fixed {
    width: 100%
}

@media(min-width: 1280px) {
    .container.fixed {
        width:1240px
    }
}

@media screen and (min-width: 992px) {
    .container .l1 {
        width:8.3333333333%!important;
        flex: 0 0 auto
    }

    .container .l2 {
        width: 16.6666666667%!important;
        flex: 0 0 auto
    }

    .container .l3 {
        width: 25%!important;
        flex: 0 0 auto
    }

    .container .l4 {
        width: 33.3333333333%!important;
        flex: 0 0 auto
    }

    .container .l5 {
        width: 41.6666666667%!important;
        flex: 0 0 auto
    }

    .container .l6 {
        width: 50%!important;
        flex: 0 0 auto
    }

    .container .l7 {
        width: 58.3333333333%!important;
        flex: 0 0 auto
    }

    .container .l8 {
        width: 66.6666666667%!important;
        flex: 0 0 auto
    }

    .container .l9 {
        width: 75%!important;
        flex: 0 0 auto
    }

    .container .l10 {
        width: 83.3333333333%!important;
        flex: 0 0 auto
    }

    .container .l11 {
        width: 91.6666666667%!important;
        flex: 0 0 auto
    }

    .container .l12 {
        width: 100%!important;
        flex: 0 0 auto
    }

    .container .lg-auto {
        flex: 0 0 auto
    }

    .container.flex-nowrap-lg {
        flex-wrap: nowrap!important
    }
}

@media screen and (max-width: 991px) {
    .container .m1 {
        width:8.3333333333%!important;
        flex: 0 0 auto
    }

    .container .m2 {
        width: 16.6666666667%!important;
        flex: 0 0 auto
    }

    .container .m3 {
        width: 25%!important;
        flex: 0 0 auto
    }

    .container .m4 {
        width: 33.3333333333%!important;
        flex: 0 0 auto
    }

    .container .m5 {
        width: 41.6666666667%!important;
        flex: 0 0 auto
    }

    .container .m6 {
        width: 50%!important;
        flex: 0 0 auto
    }

    .container .m7 {
        width: 58.3333333333%!important;
        flex: 0 0 auto
    }

    .container .m8 {
        width: 66.6666666667%!important;
        flex: 0 0 auto
    }

    .container .m9 {
        width: 75%!important;
        flex: 0 0 auto
    }

    .container .m10 {
        width: 83.3333333333%!important;
        flex: 0 0 auto
    }

    .container .m11 {
        width: 91.6666666667%!important;
        flex: 0 0 auto
    }

    .container .m12 {
        width: 100%!important;
        flex: 0 0 auto
    }

    .container .md-auto {
        flex: 0 0 auto
    }
}

@media screen and (max-width: 480px) {
    .container .s1 {
        width:8.3333333333%!important;
        flex: 0 0 auto
    }

    .container .s2 {
        width: 16.6666666667%!important;
        flex: 0 0 auto
    }

    .container .s3 {
        width: 25%!important;
        flex: 0 0 auto
    }

    .container .s4 {
        width: 33.3333333333%!important;
        flex: 0 0 auto
    }

    .container .s5 {
        width: 41.6666666667%!important;
        flex: 0 0 auto
    }

    .container .s6 {
        width: 50%!important;
        flex: 0 0 auto
    }

    .container .s7 {
        width: 58.3333333333%!important;
        flex: 0 0 auto
    }

    .container .s8 {
        width: 66.6666666667%!important;
        flex: 0 0 auto
    }

    .container .s9 {
        width: 75%!important;
        flex: 0 0 auto
    }

    .container .s10 {
        width: 83.3333333333%!important;
        flex: 0 0 auto
    }

    .container .s11 {
        width: 91.6666666667%!important;
        flex: 0 0 auto
    }

    .container .s12 {
        width: 100%!important;
        flex: 0 0 auto
    }

    .container .sm-auto {
        flex: 0 0 auto
    }
}

.modal-container {
    position: fixed;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: transparent;
    box-sizing: border-box
}

.modal-container .modal {
    background-color: #fff;
    padding: .7625rem;
    border-radius: 1rem;
    overflow: hidden
}

.modal-container .modal.lg {
    width: 980px
}

@media(orientation: portrait) {
    .modal-container .modal.lg {
        width:95vw
    }
}

.modal-container .modal.md {
    width: 720px
}

@media(orientation: portrait) {
    .modal-container .modal.md {
        width:85vw
    }
}

.modal-container .modal.sm {
    width: 480px
}

@media(orientation: portrait) {
    .modal-container .modal.sm {
        width:65vw
    }
}

.modal-container.left-in .modal {
    animation-name: entry-from-left;
    animation-duration: .5s
}

.modal-container.right-in .modal {
    animation-name: entry-from-right;
    animation-duration: .5s
}

.modal-container.top-in .modal {
    animation-name: entry-from-top;
    animation-duration: .5s
}

.modal-container.bottom-in .modal {
    animation-name: entry-from-bottom;
    animation-duration: .5s
}

.pagination-container .pagination-link.btn.button.lg,.pagination-container .pagination-link.btn.button.md,.pagination-container .pagination-link.btn.button.sm {
    border-radius: 0
}

.pagination-container .pagination-link.btn.button:not(:first-child) {
    border-left: unset
}

.pagination-container .pagination-link.btn.button:first-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.pagination-container .pagination-link.btn.button:last-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.pagination-container .pagination-link.btn.button.lg:first-child {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.pagination-container .pagination-link.btn.button.lg:last-child {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.pagination-container .pagination-link.btn.button.sm:first-child {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.pagination-container .pagination-link.btn.button.sm:last-child {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.progress-bar {
    display: block;
    width: 100%;
    height: 1em;
    background-color: hsla(0,0%,97%,.7);
    border: 1px solid #f8f8f8;
    overflow: hidden
}

.progress-bar .progress-bar-filler {
    height: auto;
    width: auto;
    font-size: .875rem
}

.progress-bar .progress-bar-filler.primary {
    background-color: #dc635b
}

.progress-bar .progress-bar-filler.secondary {
    background-color: hsla(0,0%,48%,.7)
}

.progress-bar .progress-bar-filler.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

.progress-bar .progress-bar-filler.success {
    background-color: rgba(97,176,15,.7)
}

.progress-bar .progress-bar-filler.failure {
    background-color: rgba(235,83,83,.7)
}

.light-blue-bg.primary {
    background-color: hsla(8,57%,95%,.4)
}

.light-blue-bg.secondary {
    background-color: hsla(0,0%,97%,.4)
}

.light-blue-bg.tertiary {
    background-color: hsla(0,0%,95%,.2)
}

.light-blue-bg.success {
    background-color: hsla(90,50%,87%,.6)
}

.light-blue-bg.failure {
    background-color: hsla(0,79%,91%,.4)
}

.scrollable-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box
}

.scrollable-container::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.scrollable-container::-webkit-scrollbar-thumb,.scrollable-container::-webkit-scrollbar-track {
    border-radius: 2px
}

.scrollable-container.primary::-webkit-scrollbar-track {
    background: hsla(8,57%,95%,.7)
}

.scrollable-container.primary::-webkit-scrollbar-thumb {
    background: #e7928c
}

.scrollable-container.primary::-webkit-scrollbar-thumb:hover {
    background: #dc635b
}

.scrollable-container.secondary::-webkit-scrollbar-track {
    background: hsla(0,0%,97%,.7)
}

.scrollable-container.secondary::-webkit-scrollbar-thumb {
    background: #d1d1d1
}

.scrollable-container.secondary::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a
}

.scrollable-container.tertiary::-webkit-scrollbar-track {
    background: hsla(0,0%,97%,.7)
}

.scrollable-container.tertiary::-webkit-scrollbar-thumb {
    background: #d1d1d1
}

.scrollable-container.tertiary::-webkit-scrollbar-thumb:hover {
    background: #868686
}

.scrollable-container.hide-scrollbar {
    scrollbar-width: none
}

.scrollable-container.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.spinner {
    position: relative
}

.spinner .col {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: transparent
}

.spinner svg {
    position: absolute;
    fill: #d1d1d1
}

.spinner .wheel {
    display: block;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-left: .25em solid #efb8b4;
    transform: translateZ(0);
    animation: spin 1.1s linear infinite;
    border-radius: 50%;
    background-color: transparent
}

.spinner.md .wheel {
    width: 10em;
    height: 10em
}

.spinner.md svg {
    width: 6.6125em;
    height: 6.6125em
}

.spinner.lg .wheel {
    width: 12em;
    height: 12em
}

.spinner.lg svg {
    width: 7.5em;
    height: 7.5em
}

.spinner.sm .wheel {
    width: 8em;
    height: 8em
}

.spinner.sm svg {
    width: 5em;
    height: 5em
}

.spinner.primary .wheel {
    border-left-color: #e7928c
}

.spinner.secondary .wheel {
    border-left-color: #7a7a7a
}

.spinner.tertiary .wheel {
    border-left-color: #d1d1d1
}

.spinner.success .wheel {
    border-left-color: #3f720a
}

.spinner.failure .wheel {
    border-left-color: #eb5353
}

.table-container table {
    font-size: 1rem;
    border-spacing: unset
}

.table-container table td,.table-container table th {
    padding: .25rem
}

.table-container table td svg,.table-container table th svg {
    vertical-align: middle
}

.table-container table thead tr {
    background-color: #f2f2f2
}

.table-container.fullwidth table {
    width: 100%
}

.table-container.narrow table {
    font-size: .875rem
}

.table-container.narrow table td,.table-container.narrow table th {
    padding: .15rem
}

.table-container.wide table {
    font-size: 1rem
}

.table-container.wide table td,.table-container.wide table th {
    padding: .5rem
}

.table-container.strips table tbody tr:nth-child(2n) {
    background-color: #fafafa
}

.table-container.outline table {
    padding: .5rem;
    border: 1px solid #f8f8f8
}

.table-container.borders table tr td {
    border-bottom: 1px solid #f8f8f8
}

.tabs-container {
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125);
    gap: 10px
}

.tabs-container .tabs-heading {
    gap: 5px;
    flex-wrap: wrap
}

.tabs-container.outline {
    border: unset
}

.tabs-container.outline .tabs-heading {
    padding: 0!important;
    border-bottom: 1px solid #d1d1d1;
    gap: 0
}

.tabs-container.outline .tabs-heading .btn {
    min-width: 160px;
    flex-grow: 0;
    padding: .5rem 1rem!important;
    transition: border-bottom-color .25s linear;
    border-radius: 0;
    font-size: 1rem;
    margin-bottom: -1px
}

.tabs-container.outline .tabs-heading .btn.text:not(.active) {
    color: #000
}

.tabs-container.outline .tabs-heading .btn.active {
    color: #dc635b!important;
    border-bottom: 2px solid #dc635b;
    background-color: unset!important
}

.stepper-container .step-wrapper {
    position: relative
}

.stepper-container .stepper-connector {
    z-index: 0
}

.stepper-container.horizontal {
    flex-wrap: nowrap!important
}

.stepper-container.horizontal .step-wrapper {
    width: 100%
}

.stepper-container.horizontal .stepper-connector {
    border-top: 1px dashed #000;
    position: absolute;
    width: 100%;
    top: 23px
}

.stepper-container.horizontal .step .step-body .container {
    padding: .5em 1em 0 .5em
}

.stepper-container.vertical {
    flex-direction: column
}

.stepper-container.vertical .step-wrapper {
    width: auto
}

.stepper-container.vertical .stepper-connector {
    border-left: 1px dashed #000;
    position: absolute;
    height: 100%;
    left: 23px
}

.stepper-container.vertical .step .step-body .container {
    padding: .5em 0 1em .5em
}

.stepper-container .step .step-action {
    z-index: 9
}

.stepper-container .step .step-action .btn {
    padding: .5em .75em;
    z-index: 10
}

.stepper-container .step .step-body .step-title {
    font-weight: 400;
    margin-bottom: .5rem
}

.stepper-container .step .step-body .step-content {
    color: #b0b0b0;
    font-size: .875rem
}

.date-slider {
    margin: .75rem 0
}

.date-slider .btn:focus,.date-slider .btn:hover {
    color: #dc635b;
    background-color: #f9ebe9
}

.date-slider .btn.md {
    padding: .75rem 1rem
}

.date-slider .date.btn {
    border-right: 1px solid #f2f2f2;
    border-radius: unset!important
}

.date-slider .date.btn.tertiary {
    background-color: #fff
}

.date-slider .scroll.btn {
    padding: 0!important;
    background-color: #fff
}

.date-slider .scroll.left.btn {
    border-right: 1px solid #f2f2f2;
    border-radius: .30625em 0 0 .30625em;
    height: 100%
}

.date-slider .scroll.right.btn {
    border-left: 1px solid #f2f2f2;
    border-radius: 0 .30625em .30625em 0;
    height: 100%
}

.accordion .collapsible {
    padding: .25rem
}

.accordion .collapsible .collapsible-body {
    padding: 1rem 1rem 0
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes entry-from-left {
    0% {
        transform: translateX(-20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-right {
    0% {
        transform: translateX(20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-top {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes entry-from-bottom {
    0% {
        transform: translateY(20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes shake {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

@keyframes flash {
    0%,20%,40%,60%,80%,to {
        opacity: 1
    }

    10%,30%,50%,70%,90% {
        opacity: .8
    }
}

@keyframes pulse {
    0%,10% {
        background-color: #e2e2e2
    }

    45%,55% {
        background-color: #c9c9c9
    }

    90%,to {
        background-color: #e2e2e2
    }
}

@keyframes animate-shimmer-tint {
    0%,5% {
        left: -120%
    }

    95%,to {
        left: 120%
    }
}

.shimmer {
    border-radius: .6125em;
    position: relative;
    overflow: hidden;
    opacity: 1;
    animation: pulse 2s ease-in-out infinite
}
@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('/fonts/ixi_Thin.ttf');
}

@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('/fonts/ixi_Thin.ttf');
}

@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('/fonts/ixi_Regular.ttf');
}

@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('/fonts/ixi_Medium.ttf');
}

@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('/fonts/ixi_Bold.ttf');
}

@font-face {
    font-family: ixi-type;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('/fonts/ixi_Bold.ttf');
}

body {
    margin: 0
}

body:has(.modal) {
    overflow: hidden
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}

body,button,html,input {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.app-table {
    width: 100%
}

.app-table thead {
    background-color: #f9ebe9;
    color: #dc635b
}

.app-table thead td {
    padding: .5rem 1rem
}

.app-table td:not(thead td) {
    padding: .75rem 1rem;
    border-bottom: 1px solid #d1d1d1
}

.grecaptcha-badge {
    visibility: hidden
}

.h1,h1 {
    font-size: 2.5rem;
    margin-bottom: .625rem
}

.h1,.h2,h1,h2 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h2,h2 {
    font-size: 2rem;
    margin-bottom: .5rem
}

.h3,h3 {
    font-size: 1.875rem;
    margin-bottom: .46875rem
}

.h3,.h4,h3,h4 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h4,h4 {
    font-size: 1.5rem;
    margin-bottom: .375rem
}

.h5,h5 {
    font-size: 1.25rem;
    margin-bottom: .3125rem
}

.h5,.h6,h5,h6 {
    font-family: ixi-type,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0
}

.h6,h6 {
    font-size: 1rem;
    margin-bottom: .25rem
}

.text-primary {
    color: #dc635b
}

.text-secondary {
    color: #7a7a7a
}

.text-grey,.text-tertiary {
    color: #868686
}

.text-success {
    color: #61b00f
}

.text-failure {
    color: #eb5353
}

.text-pending {
    color: #ffa800
}

.text-white {
    color: #fff
}

.text-black {
    color: #767676
}

.text-black .text-success {
    color: #61b00f
}

.text-black .text-failure {
    color: #eb5353
}

.text-black .text-sup {
    text-decoration: none
}

.strike-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    -webkit-text-decoration-color: #dc635b;
    text-decoration-color: #dc635b
}

.text-sm {
    font-size: .8em
}

body {
    background-color: #f4f4f4
}

article,aside,footer,header,main,section {
    width: inherit;
    box-sizing: border-box
}

.page {
    min-height: calc(100vh - 100px);
    height: auto
}

:focus-visible {
    outline: unset
}

.collapsible .collapsible-body {
    animation-name: entry-from-top;
    animation-duration: .25s
}

.assured-drawer .modal,.assured-drawer .modal .card-body {
    padding: unset
}

.verloop-button {
    display: none!important
}

.mobile-nav {
    background-color: #424242;
    width: 100%
}

.mobile-nav a {
    color: #fff!important
}

.mobile-nav .mobile-header-content {
    color: #fff;
    width: 75%
}

.mobile-nav .mobile-header-content .header-title {
    color: inherit!important;
    font-size: 1rem;
    text-align: center;
    font-weight: 400!important;
    margin: unset
}

.mobile-nav .mobile-header-content .header-sub-title {
    font-size: .8rem;
    text-align: center;
    font-weight: 400;
    margin: unset
}

.mobile-nav .modal-container .modal {
    padding: 0;
    border-radius: 0
}

.mobile-nav .modal-container .modal .card {
    border-radius: 0
}

.mobile-nav .modal-container .modal .card .card-body {
    padding: 0
}

.menu-login .menu-header {
    background-color: #424242;
    width: 100%;
    height: 80px
}

.menu-login .menu-header a {
    height: inherit;
    margin: 0 1rem;
    flex-grow: 1;
    justify-content: space-between!important;
    color: #fff!important
}

.menu-login .menu-header a.menu-top-button:hover {
    background: inherit
}

.menu-login .menu-header a h6 {
    flex-grow: 1;
    text-align: start;
    margin-left: .5rem;
    font-size: 14px
}

.menu-login .menu-card .card-body .container a .container {
    align-items: center!important
}

.menu-login .menu-card a {
    padding-bottom: 1rem!important;
    width: 100%
}

.menu-login .menu-card a h6 {
    font-size: 14px;
    flex-grow: 1;
    text-align: start;
    margin-bottom: 0;
    margin-left: .5rem
}

.login .login-intro {
    background-color: #f2f2f2;
    color: #868686;
    font-size: .7625rem
}

.login .login-intro strong {
    font-size: 1rem;
    color: #212121;
    font-weight: 500;
    margin-bottom: .125rem
}

.login .login-intro svg {
    color: #d1d1d1;
    font-size: 1rem;
    margin-right: .5rem;
    margin-top: .2rem
}

.login .login-intro .collection {
    margin: unset
}

.login .login-form .title {
    margin-top: unset;
    font-weight: 400
}

.login .login-form p {
    font-size: .875rem;
    margin: 0
}

.login .login-form p:not(.error-message) {
    color: #b0b0b0
}

.login .login-form .mobileNo-input.container {
    margin-bottom: 1rem
}

.login .login-form .btn.md {
    border-radius: .4rem
}

.login .login-form .btn.btn-login {
    border-radius: .3rem;
    width: 160px;
    color: #fff!important
}

.login .login-form .btn.btn-edit,.login .login-form .btn.btn-resend {
    padding: 0;
    border-radius: unset
}

.login .login-form .btn.btn-edit:hover,.login .login-form .btn.btn-resend:hover {
    background-color: unset
}

.login .login-others .tnc {
    font-size: .875rem;
    margin: 0;
    color: #b0b0b0
}

.login .login-others .divider-text {
    background-color: #fff;
    margin-top: -28px;
    padding: 0 .4rem;
    margin-bottom: 1rem
}

.login .login-others .google-btn.btn {
    border-radius: 6px;
    padding: .4rem
}

.login .login-others .google-btn.btn .ic {
    padding: 0
}

.login .login-others .btn-skip {
    position: relative
}

.new-user-reg {
    padding: 2rem
}

.new-user-reg .chip.gender-chip {
    padding: 0
}

.assured-tnc .collapsible-header {
    background-color: #f2f2f2;
    padding: .25rem 1rem;
    border-radius: .6125em;
    font-size: .875rem
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes entry-from-left {
    0% {
        transform: translateX(-20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-right {
    0% {
        transform: translateX(20%);
        opacity: 0
    }

    to {
        transform: translateX(0)
    }
}

@keyframes entry-from-top {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes entry-from-bottom {
    0% {
        transform: translateY(20%);
        opacity: 0
    }

    to {
        transform: translateY(0)
    }
}

@keyframes shake {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

@keyframes flash {
    0%,20%,40%,60%,80%,to {
        opacity: 1
    }

    10%,30%,50%,70%,90% {
        opacity: .8
    }
}

@keyframes pulse {
    0%,10% {
        background-color: #e2e2e2
    }

    45%,55% {
        background-color: #c9c9c9
    }

    90%,to {
        background-color: #e2e2e2
    }
}

@keyframes animate-shimmer-tint {
    0%,5% {
        left: -120%
    }

    95%,to {
        left: 120%
    }
}

header {
    display: flex;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.35);
    -webkit-box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.35);
    -moz-box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.35);
    padding: .5rem 0
}

header .left-menu {
    margin-left: 1rem
}

header .left-menu nav {
    display: flex
}

header .left-menu nav a svg {
    margin-right: 2px
}

@media(orientation: portrait) {
    header .left-menu {
        margin-left:0
    }
}

header .right-menu nav {
    display: flex;
    align-items: center
}

header .right-menu nav a {
    padding: .5rem
}

@media(orientation: portrait) {
    header {
        background-color:#fabe89;
        box-shadow: unset;
        padding: unset
    }

    header .header-container {
        margin-left: 1rem;
        margin-right: 1rem;
        justify-content: space-between
    }

    header .header-container .left-menu {
        margin-top: .5rem;
        border-radius: .5rem;
        background-color: #fff;
        margin-left: 0
    }

    header .header-container .left-menu nav {
        display: flex;
        justify-content: space-evenly;
        width: 100%
    }

    header .header-container .left-menu nav a {
        flex-direction: column!important
    }
}

header .btn.user-detail {
    position: relative
}

header .dropdown-menu {
    overflow: auto;
    top: 3.75rem;
    color: #000;
    right: .5rem;
    z-index: 999;
    min-width: 150px
}

header .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center
}

header .btn {
    font-size: 1.25rem
}

header .btn.link.tertiary:focus,header .btn.link.tertiary:hover {
    color: #551615
}

header svg {
    vertical-align: middle
}

.footer {
    min-height: 18.75vw
}

.footer .footer-bg {
    background-image: url(https://static.abhibus.com/web/media/backgrounds/footer.20230824.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.footer .footer-content {
    background-color: hsla(0,0%,100%,.95);
    padding-top: 1rem;
    border: unset;
    min-height: calc(18.75vw + 1rem);
    z-index: 0
}

@media(orientation: landscape) {
    .footer .footer-content .col {
        width:100%
    }
}

.footer .footer-content .tabs-container {
    border: unset
}

.footer .footer-content .tabs-container .tabs-heading {
    justify-content: space-around;
    gap: 0
}

.footer .footer-content .tabs-container .tabs-heading .btn {
    flex-grow: 1;
    padding: 1rem 0;
    border-bottom: 1px solid #d1d1d1;
    transition: border-bottom-color .25s linear;
    border-radius: 0;
    font-size: 1rem
}

.footer .footer-content .tabs-container .tabs-heading .btn.text:not(.active) {
    color: #000
}

.footer .footer-content .tabs-container .tabs-heading .btn.active {
    border-bottom: 2px solid #dc635b
}

@media(orientation: portrait) {
    .footer .footer-content .tabs-container .tabs-heading {
        column-gap:1rem
    }
}

.footer .footer-content .tabs-container .card .card-body {
    background: 0 0
}

.footer .footer-content .footer-routes-link {
    display: list-item;
    color: #7a7a7a;
    text-decoration: none;
    cursor: pointer
}

.footer .footer-copyright {
    background-color: #551615;
    font-size: .875rem;
    padding: .5rem 1rem;
    color: #fff
}

.footer .footer-copyright a {
    color: #fff;
    text-decoration: none
}

.footer .footer-copyright div.col:nth-child(2) {
    text-align: end
}

.footer .footer-links {
    background-color: #c22126
}

.footer .footer-links .btn {
    color: #fff
}

.footer .footer-links .btn:focus,.footer .footer-links .btn:hover {
    background-color: unset!important
}

@media(orientation: portrait) {
    .footer .footer-links span {
        margin-top:.4rem!important;
        color: #fff
    }
}

.footer .footer-routes .collapsible-header {
    cursor: pointer
}

.app-download-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.app-download-banner .close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    text-align: center
}

.app-download-banner img {
    width: 100%;
    height: 65px
}
.text-input label {
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1rem;
    margin-left: .5rem;
    box-sizing: border-box;
    font-size: .875rem
}

.text-input .form-control {
    border: 1px solid #f2f2f2;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1rem;
    width: 100%;
    padding: .6125rem;
    border-radius: .5rem;
    caret-color: #dc635b;
    box-sizing: border-box
}

.text-input .form-control input {
    width: 100%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 1rem;
    color: #212121;
    margin-left: .25rem
}

.text-input .form-control input:focus,.text-input .form-control input:hover {
    border: unset;
    outline: unset
}

.text-input .form-control input[type=number] {
    -moz-appearance: textfield
}

.text-input .form-control input[type=number]::-webkit-inner-spin-button,.text-input .form-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.text-input .form-control input[type=file]::-webkit-file-upload-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.text-input .form-control input[type=file]::file-selector-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.text-input .form-control input::-webkit-input-placeholder {
    color: #b0b0b0
}

.text-input .form-control input[type=password]::-ms-clear,.text-input .form-control input[type=password]::-ms-reveal {
    display: none
}

.text-input .form-control:has(input:invalid) {
    border: 1px solid #eb5353
}

.text-input .form-control#selection:hover {
    cursor: pointer
}

.text-input .form-control:focus {
    outline-color: #f2f2f2;
    font-weight: 200
}

.text-input .form-control.error {
    border: 1px solid #eb5353
}

.text-input .form-control.error input {
    color: #eb5353;
    caret-color: #eb5353
}

.text-input .form-control.error:focus {
    outline-color: #eb5353
}

.text-input .form-control .col:has(span.prefix-text-divider) .prefix-text-divider {
    padding-right: .25rem
}

.text-input .form-control .col:has(span.prefix-text-divider):after {
    content: "";
    border-right: 1px solid #000
}

.text-input .error {
    color: #eb5353
}

.auto-complete {
    position: relative
}

.auto-complete .auto-complete-drop-down {
    position: absolute;
    z-index: 9;
    top: 3.5em;
    background-color: #fff;
    width: inherit;
    border-radius: 6px;
    box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.2);
    -webkit-box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.2);
    -moz-box-shadow: 0 3px 5px 3px hsla(0,0%,53%,.2)
}

.auto-complete .auto-complete-list {
    margin: 0;
    background-color: #fff;
    width: inherit;
    overflow-y: auto;
    height: auto;
    max-height: 250px
}

.auto-complete .auto-complete-list .auto-complete-list-item {
    padding: .5rem;
    background-color: transparent;
    transition: background-color .1s linear;
    cursor: pointer;
    width: 100%
}

.auto-complete .auto-complete-list .auto-complete-list-item.active,.auto-complete .auto-complete-list .auto-complete-list-item:hover {
    background-color: hsla(8,57%,95%,.5)
}

.auto-complete .auto-complete-list::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.auto-complete .auto-complete-list::-webkit-scrollbar-thumb {
    border-radius: 2px
}

.auto-complete .auto-complete-list.primary::-webkit-scrollbar-track {
    background: hsla(8,57%,95%,.7)
}

.auto-complete .auto-complete-list.primary::-webkit-scrollbar-thumb {
    background: #e7928c
}

.auto-complete .auto-complete-list.primary::-webkit-scrollbar-thumb:hover {
    background: #dc635b
}

.auto-complete .auto-complete-list.secondary::-webkit-scrollbar-track {
    background: hsla(0,0%,97%,.7)
}

.auto-complete .auto-complete-list.secondary::-webkit-scrollbar-thumb {
    background: #d1d1d1
}

.auto-complete .auto-complete-list.secondary::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a
}

.auto-complete .auto-complete-list.tertiary::-webkit-scrollbar-track {
    background: hsla(0,0%,97%,.7)
}

.auto-complete .auto-complete-list.tertiary::-webkit-scrollbar-thumb {
    background: #d1d1d1
}

.auto-complete .auto-complete-list.tertiary::-webkit-scrollbar-thumb:hover {
    background: #868686
}

.date-input {
    position: relative
}

.date-input .calender {
    z-index: 3;
    height: 200px;
    position: absolute;
    top: 2.5rem
}

.date-input .btn.outlined.button.tertiary.sm.active {
    padding: .1rem;
    border: unset
}

.date-input svg {
    color: #dc635b
}

.checkbox-container {
    line-height: 1.1;
    display: inline-grid;
    grid-template-columns: 1em auto;
    gap: .3em
}

.checkbox-container.sm {
    font-size: .875rem
}

.checkbox-container.md {
    font-size: 1rem
}

.checkbox-container.lg {
    font-size: 1.25rem
}

.checkbox-container label {
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

.checkbox-container input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    background-color: #fff;
    cursor: pointer;
    font: inherit;
    width: 1em;
    height: 1em;
    border-radius: .15em;
    display: grid;
    place-content: center;
    border: 1px solid #d1d1d1
}

.checkbox-container input[type=checkbox]:disabled {
    border-color: #d1d1d1!important;
    cursor: default
}

.checkbox-container input[type=checkbox]:disabled:checked {
    background-color: #b0b0b0!important
}

.checkbox-container input[type=checkbox]:disabled+label {
    color: #d1d1d1!important;
    cursor: default
}

.checkbox-container input[type=checkbox].initialOutline.primary {
    border-color: #dc635b
}

.checkbox-container input[type=checkbox].initialOutline.primary.active,.checkbox-container input[type=checkbox].initialOutline.primary:focus,.checkbox-container input[type=checkbox].initialOutline.primary:hover {
    border-color: #efb8b4
}

.checkbox-container input[type=checkbox].initialOutline.secondary {
    border-color: #7a7a7a
}

.checkbox-container input[type=checkbox].initialOutline.secondary.active,.checkbox-container input[type=checkbox].initialOutline.secondary:focus,.checkbox-container input[type=checkbox].initialOutline.secondary:hover,.checkbox-container input[type=checkbox].initialOutline.tertiary {
    border-color: #f2f2f2
}

.checkbox-container input[type=checkbox].initialOutline.tertiary.active,.checkbox-container input[type=checkbox].initialOutline.tertiary:focus,.checkbox-container input[type=checkbox].initialOutline.tertiary:hover {
    border-color: #868686
}

.checkbox-container input[type=checkbox].initialOutline.success {
    border-color: #61b00f
}

.checkbox-container input[type=checkbox].initialOutline.success.active,.checkbox-container input[type=checkbox].initialOutline.success:focus,.checkbox-container input[type=checkbox].initialOutline.success:hover {
    border-color: #dfefcf
}

.checkbox-container input[type=checkbox].initialOutline.failure {
    border-color: #eb5353
}

.checkbox-container input[type=checkbox].initialOutline.failure.active,.checkbox-container input[type=checkbox].initialOutline.failure:focus,.checkbox-container input[type=checkbox].initialOutline.failure:hover {
    border-color: #fad4d4
}

.checkbox-container input[type=checkbox]:before {
    content: "";
    width: .65em;
    height: .65em;
    transform: scale(0);
    background-color: #fff;
    transition: transform 50ms ease-in-out;
    transform-origin: bottom left;
    -webkit-clip-path: polygon(17% 39%,37% 60%,87% 11%,100% 24%,34% 89%,0 55%);
    clip-path: polygon(17% 39%,37% 60%,87% 11%,100% 24%,34% 89%,0 55%)
}

.checkbox-container input[type=checkbox]:checked.primary {
    border-color: #dc635b
}

.checkbox-container input[type=checkbox]:checked.primary.active,.checkbox-container input[type=checkbox]:checked.primary:focus,.checkbox-container input[type=checkbox]:checked.primary:hover {
    border-color: #efb8b4
}

.checkbox-container input[type=checkbox]:checked.secondary {
    border-color: #7a7a7a
}

.checkbox-container input[type=checkbox]:checked.secondary.active,.checkbox-container input[type=checkbox]:checked.secondary:focus,.checkbox-container input[type=checkbox]:checked.secondary:hover,.checkbox-container input[type=checkbox]:checked.tertiary {
    border-color: #f2f2f2
}

.checkbox-container input[type=checkbox]:checked.tertiary.active,.checkbox-container input[type=checkbox]:checked.tertiary:focus,.checkbox-container input[type=checkbox]:checked.tertiary:hover {
    border-color: #868686
}

.checkbox-container input[type=checkbox]:checked.success {
    border-color: #61b00f
}

.checkbox-container input[type=checkbox]:checked.success.active,.checkbox-container input[type=checkbox]:checked.success:focus,.checkbox-container input[type=checkbox]:checked.success:hover {
    border-color: #dfefcf
}

.checkbox-container input[type=checkbox]:checked.failure {
    border-color: #eb5353
}

.checkbox-container input[type=checkbox]:checked.failure.active,.checkbox-container input[type=checkbox]:checked.failure:focus,.checkbox-container input[type=checkbox]:checked.failure:hover {
    border-color: #fad4d4
}

.checkbox-container input[type=checkbox]:checked.primary {
    background-color: #dc635b
}

.checkbox-container input[type=checkbox]:checked.primary.active,.checkbox-container input[type=checkbox]:checked.primary:focus,.checkbox-container input[type=checkbox]:checked.primary:hover {
    background-color: #a34943
}

.checkbox-container input[type=checkbox]:checked.secondary {
    background-color: hsla(0,0%,48%,.7)
}

.checkbox-container input[type=checkbox]:checked.secondary.active,.checkbox-container input[type=checkbox]:checked.secondary:focus,.checkbox-container input[type=checkbox]:checked.secondary:hover {
    background-color: hsla(0,0%,48%,.9)
}

.checkbox-container input[type=checkbox]:checked.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

.checkbox-container input[type=checkbox]:checked.tertiary.active,.checkbox-container input[type=checkbox]:checked.tertiary:focus,.checkbox-container input[type=checkbox]:checked.tertiary:hover {
    background-color: hsla(0,0%,53%,.9)
}

.checkbox-container input[type=checkbox]:checked.success {
    background-color: rgba(97,176,15,.7)
}

.checkbox-container input[type=checkbox]:checked.success.active,.checkbox-container input[type=checkbox]:checked.success:focus,.checkbox-container input[type=checkbox]:checked.success:hover {
    background-color: rgba(97,176,15,.9)
}

.checkbox-container input[type=checkbox]:checked.failure {
    background-color: rgba(235,83,83,.7)
}

.checkbox-container input[type=checkbox]:checked.failure.active,.checkbox-container input[type=checkbox]:checked.failure:focus,.checkbox-container input[type=checkbox]:checked.failure:hover {
    background-color: rgba(235,83,83,.9)
}

.checkbox-container input[type=checkbox]:checked:before {
    transform: scale(1)
}

.calendar {
    font-size: .875rem;
    flex-direction: column;
    width: 20rem;
    z-index: 3;
    border-radius: .6125em;
    background-color: #fff;
    box-shadow: 0 0 5px 3px hsla(0,0%,53%,.2);
    -webkit-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.2);
    -moz-box-shadow: 0 0 5px 3px hsla(0,0%,53%,.2)
}

.calendar .month {
    background-color: hsla(0,0%,95%,.3)
}

.calendar .month .calender-month-change:hover {
    background-color: #f2f2f2;
    cursor: pointer;
    border-radius: .30625em
}

.calendar .date {
    display: grid;
    grid-template-columns: repeat(7,auto);
    padding: 0 1rem
}

.calendar .date span {
    padding: .5rem;
    text-align: center
}

.calendar .date span:focus,.calendar .date span:hover {
    background-color: #f2f2f2;
    cursor: pointer;
    border-radius: .30625em
}

.calendar .date .out-of-range-date {
    pointer-events: none
}

.calendar .date .selected {
    background-color: #dc635b;
    color: #fff;
    border-radius: .30625em
}

.calendar .btn {
    width: 100px
}

.email-input label {
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1rem;
    margin-left: .5rem;
    box-sizing: border-box;
    font-size: .875rem
}

.email-input .form-control {
    border: 1px solid #f2f2f2;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1rem;
    width: 100%;
    padding: .6125rem;
    border-radius: .5rem;
    caret-color: #dc635b;
    box-sizing: border-box
}

.email-input .form-control input {
    width: 100%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 1rem;
    color: #212121;
    margin-left: .25rem
}

.email-input .form-control input:focus,.email-input .form-control input:hover {
    border: unset;
    outline: unset
}

.email-input .form-control input[type=number] {
    -moz-appearance: textfield
}

.email-input .form-control input[type=number]::-webkit-inner-spin-button,.email-input .form-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.email-input .form-control input[type=file]::-webkit-file-upload-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.email-input .form-control input[type=file]::file-selector-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.email-input .form-control input::-webkit-input-placeholder {
    color: #b0b0b0
}

.email-input .form-control input[type=password]::-ms-clear,.email-input .form-control input[type=password]::-ms-reveal {
    display: none
}

.email-input .form-control:has(input:invalid) {
    border: 1px solid #eb5353
}

.email-input .form-control#selection:hover {
    cursor: pointer
}

.email-input .form-control:focus {
    outline-color: #f2f2f2;
    font-weight: 200
}

.email-input .form-control.error {
    border: 1px solid #eb5353
}

.email-input .form-control.error input {
    color: #eb5353;
    caret-color: #eb5353
}

.email-input .form-control.error:focus {
    outline-color: #eb5353
}

.email-input .form-control .col:has(span.prefix-text-divider) .prefix-text-divider {
    padding-right: .25rem
}

.email-input .form-control .col:has(span.prefix-text-divider):after {
    content: "";
    border-right: 1px solid #000
}

.email-input .error {
    color: #eb5353
}

.file-input {
    width: 100%
}

.file-input label {
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1rem;
    margin-left: .5rem;
    box-sizing: border-box;
    font-size: .875rem
}

.file-input .form-control {
    border: 1px solid #f2f2f2;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1rem;
    width: 100%;
    padding: .6125rem;
    border-radius: .5rem;
    caret-color: #dc635b;
    box-sizing: border-box
}

.file-input .form-control input {
    width: 100%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 1rem;
    color: #212121;
    margin-left: .25rem
}

.file-input .form-control input:focus,.file-input .form-control input:hover {
    border: unset;
    outline: unset
}

.file-input .form-control input[type=number] {
    -moz-appearance: textfield
}

.file-input .form-control input[type=number]::-webkit-inner-spin-button,.file-input .form-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.file-input .form-control input[type=file]::-webkit-file-upload-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.file-input .form-control input[type=file]::file-selector-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.file-input .form-control input::-webkit-input-placeholder {
    color: #b0b0b0
}

.file-input .form-control input[type=password]::-ms-clear,.file-input .form-control input[type=password]::-ms-reveal {
    display: none
}

.file-input .form-control:has(input:invalid) {
    border: 1px solid #eb5353
}

.file-input .form-control#selection:hover {
    cursor: pointer
}

.file-input .form-control:focus {
    outline-color: #f2f2f2;
    font-weight: 200
}

.file-input .form-control.error {
    border: 1px solid #eb5353
}

.file-input .form-control.error input {
    color: #eb5353;
    caret-color: #eb5353
}

.file-input .form-control.error:focus {
    outline-color: #eb5353
}

.file-input .form-control .col:has(span.prefix-text-divider) .prefix-text-divider {
    padding-right: .25rem
}

.file-input .form-control .col:has(span.prefix-text-divider):after {
    content: "";
    border-right: 1px solid #000
}

.file-input .error {
    color: #eb5353
}

.floating-label-input [class*=input] {
    box-sizing: border-box;
    position: relative
}

.floating-label-input [class*=input] .form-control {
    background: 0 0;
    padding: .5rem
}

.floating-label-input [class*=input] label {
    position: absolute;
    top: .75rem;
    left: auto;
    pointer-events: none;
    padding: 0 5px;
    line-height: 1
}

.floating-label-input [class*=input]:has(input:not(:placeholder-shown),input:focus) label {
    transition: .2s;
    z-index: 1;
    background-color: #fff;
    top: -.5rem
}

.floating-label-input .email-input label {
    left: 1.125rem
}

.number-input label {
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1rem;
    margin-left: .5rem;
    box-sizing: border-box;
    font-size: .875rem
}

.number-input .form-control {
    border: 1px solid #f2f2f2;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1rem;
    width: 100%;
    padding: .6125rem;
    border-radius: .5rem;
    caret-color: #dc635b;
    box-sizing: border-box
}

.number-input .form-control input {
    width: 100%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 1rem;
    color: #212121;
    margin-left: .25rem
}

.number-input .form-control input:focus,.number-input .form-control input:hover {
    border: unset;
    outline: unset
}

.number-input .form-control input[type=number] {
    -moz-appearance: textfield
}

.number-input .form-control input[type=number]::-webkit-inner-spin-button,.number-input .form-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.number-input .form-control input[type=file]::-webkit-file-upload-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.number-input .form-control input[type=file]::file-selector-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.number-input .form-control input::-webkit-input-placeholder {
    color: #b0b0b0
}

.number-input .form-control input[type=password]::-ms-clear,.number-input .form-control input[type=password]::-ms-reveal {
    display: none
}

.number-input .form-control:has(input:invalid) {
    border: 1px solid #eb5353
}

.number-input .form-control#selection:hover {
    cursor: pointer
}

.number-input .form-control:focus {
    outline-color: #f2f2f2;
    font-weight: 200
}

.number-input .form-control.error {
    border: 1px solid #eb5353
}

.number-input .form-control.error input {
    color: #eb5353;
    caret-color: #eb5353
}

.number-input .form-control.error:focus {
    outline-color: #eb5353
}

.number-input .form-control .col:has(span.prefix-text-divider) .prefix-text-divider {
    padding-right: .25rem
}

.number-input .form-control .col:has(span.prefix-text-divider):after {
    content: "";
    border-right: 1px solid #000
}

.number-input .error {
    color: #eb5353
}

.otp-input {
    width: auto;
    column-gap: .25rem;
    box-sizing: border-box
}

.otp-input input {
    height: 3rem;
    width: 3rem;
    border-radius: .6125em;
    background-color: #f8f8f8;
    border: 1px solid #f2f2f2;
    padding: 1rem 1rem 1rem 1.3125rem;
    box-sizing: border-box;
    font-size: .875rem;
    line-height: 1.2;
    text-align: center
}

.otp-input input.error {
    border: 1px solid #eb5353
}

.otp-input input:focus {
    outline-style: none
}

.otp-input input::placeholder {
    color: #d1d1d1
}

.error-message {
    font-size: .8rem;
    color: #b03e3e
}

.light-blue-bg.primary {
    background-color: hsla(8,57%,95%,.4)
}

.light-blue-bg.secondary {
    background-color: hsla(0,0%,97%,.4)
}

.light-blue-bg.tertiary {
    background-color: hsla(0,0%,95%,.2)
}

.light-blue-bg.success {
    background-color: hsla(90,50%,87%,.6)
}

.light-blue-bg.failure {
    background-color: hsla(0,79%,91%,.4)
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    margin: 0;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid #d1d1d1;
    border-radius: 50%
}

.radio-container {
    display: inline-flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 5px
}

.radio-container input,.radio-container label {
    cursor: pointer
}

.radio-container.sm input {
    margin-right: .3rem;
    width: .875rem;
    height: .875rem
}

.radio-container.sm label {
    font-size: .875rem
}

.radio-container.md input {
    margin-right: .3rem;
    width: 1rem;
    height: 1rem
}

.radio-container.md label {
    font-size: 1rem
}

.radio-container.lg input {
    margin-right: .3rem;
    width: 1.25rem;
    height: 1.25rem
}

.radio-container.lg label {
    font-size: 1.25rem
}

input.primary {
    border-color: #dc635b
}

input.primary.active,input.primary:focus,input.primary:hover {
    border-color: #efb8b4
}

input.secondary {
    border-color: #7a7a7a
}

input.secondary.active,input.secondary:focus,input.secondary:hover,input.tertiary {
    border-color: #f2f2f2
}

input.tertiary.active,input.tertiary:focus,input.tertiary:hover {
    border-color: #868686
}

input.success {
    border-color: #61b00f
}

input.success.active,input.success:focus,input.success:hover {
    border-color: #dfefcf
}

input.failure {
    border-color: #eb5353
}

input.failure.active,input.failure:focus,input.failure:hover {
    border-color: #fad4d4
}

input:checked.primary {
    background-color: #dc635b
}

input:checked.primary.active,input:checked.primary:focus,input:checked.primary:hover {
    background-color: #a34943
}

input:checked.secondary {
    background-color: hsla(0,0%,48%,.7)
}

input:checked.secondary.active,input:checked.secondary:focus,input:checked.secondary:hover {
    background-color: hsla(0,0%,48%,.9)
}

input:checked.tertiary {
    background-color: hsla(0,0%,53%,.7)
}

input:checked.tertiary.active,input:checked.tertiary:focus,input:checked.tertiary:hover {
    background-color: hsla(0,0%,53%,.9)
}

input:checked.success {
    background-color: rgba(97,176,15,.7)
}

input:checked.success.active,input:checked.success:focus,input:checked.success:hover {
    background-color: rgba(97,176,15,.9)
}

input:checked.failure {
    background-color: rgba(235,83,83,.7)
}

input:checked.failure.active,input:checked.failure:focus,input:checked.failure:hover {
    background-color: rgba(235,83,83,.9)
}

input:checked.primary {
    border-color: #dc635b
}

input:checked.primary.active,input:checked.primary:focus,input:checked.primary:hover {
    border-color: #efb8b4
}

input:checked.secondary {
    border-color: #7a7a7a
}

input:checked.secondary.active,input:checked.secondary:focus,input:checked.secondary:hover,input:checked.tertiary {
    border-color: #f2f2f2
}

input:checked.tertiary.active,input:checked.tertiary:focus,input:checked.tertiary:hover {
    border-color: #868686
}

input:checked.success {
    border-color: #61b00f
}

input:checked.success.active,input:checked.success:focus,input:checked.success:hover {
    border-color: #dfefcf
}

input:checked.failure {
    border-color: #eb5353
}

input:checked.failure.active,input:checked.failure:focus,input:checked.failure:hover {
    border-color: #fad4d4
}

input:disabled {
    border-color: #d1d1d1!important;
    cursor: default
}

input:disabled:checked {
    background-color: #b0b0b0!important
}

input:disabled+label {
    color: #d1d1d1;
    cursor: default
}

.search-bar label {
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1rem;
    margin-left: .5rem;
    box-sizing: border-box;
    font-size: .875rem
}

.search-bar .form-control {
    border: 1px solid #f2f2f2;
    background-color: #f4f4f4;
    font-size: 1rem;
    line-height: 1rem;
    width: 100%;
    padding: .6125rem;
    border-radius: .5rem;
    caret-color: #dc635b;
    box-sizing: border-box
}

.search-bar .form-control input {
    width: 100%;
    border: unset;
    background: unset;
    outline: unset;
    font-size: 1rem;
    color: #212121;
    margin-left: .25rem
}

.search-bar .form-control input:focus,.search-bar .form-control input:hover {
    border: unset;
    outline: unset
}

.search-bar .form-control input[type=number] {
    -moz-appearance: textfield
}

.search-bar .form-control input[type=number]::-webkit-inner-spin-button,.search-bar .form-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.search-bar .form-control input[type=file]::-webkit-file-upload-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.search-bar .form-control input[type=file]::file-selector-button {
    font-weight: 700;
    color: #3983cd;
    border: none;
    border-radius: 3px
}

.search-bar .form-control input::-webkit-input-placeholder {
    color: #b0b0b0
}

.search-bar .form-control input[type=password]::-ms-clear,.search-bar .form-control input[type=password]::-ms-reveal {
    display: none
}

.search-bar .form-control:has(input:invalid) {
    border: 1px solid #eb5353
}

.search-bar .form-control#selection:hover {
    cursor: pointer
}

.search-bar .form-control:focus {
    outline-color: #f2f2f2;
    font-weight: 200
}

.search-bar .form-control.error {
    border: 1px solid #eb5353
}

.search-bar .form-control.error input {
    color: #eb5353;
    caret-color: #eb5353
}

.search-bar .form-control.error:focus {
    outline-color: #eb5353
}

.search-bar .form-control .col:has(span.prefix-text-divider) .prefix-text-divider {
    padding-right: .25rem
}

.search-bar .form-control .col:has(span.prefix-text-divider):after {
    content: "";
    border-right: 1px solid #000
}

.search-bar .form-control:has(input:focus) svg {
    color: #dc635b
}

.search-bar .error {
    color: #eb5353
}

.selection-input {
    position: relative;
    width: 100%
}

.selection-input svg {
    color: #a34943
}

.selection-input :focus {
    outline: none
}

.selection-input .drop-down-items {
    padding: .5rem
}

.selection-input .drop-down-items:focus,.selection-input .drop-down-items:hover {
    color: #a34943
}

.box {
    display: inline-flex;
    align-items: center
}

.box label:hover {
    cursor: pointer
}

.box.sm {
    font-size: .875rem
}

.box.md {
    font-size: 1rem
}

.box.lg {
    font-size: 1.25rem
}

.box .switch {
    position: relative;
    display: inline-block;
    margin-right: .5rem
}

.box .switch.sm {
    height: 18px;
    width: 30px
}

.box .switch.md {
    height: 24px;
    width: 40px
}

.box .switch.lg {
    height: 30px;
    width: 50px
}

.box .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.box .switch input:checked+.slider.primary {
    background-color: #d1d1d1
}

.box .switch input:checked+.slider.primary:before {
    background-color: #a34943
}

.box .switch input:checked+.slider.secondary {
    background-color: #d1d1d1
}

.box .switch input:checked+.slider.secondary:before {
    background-color: #7a7a7a
}

.box .switch input:checked+.slider.tertiary {
    background-color: #d1d1d1
}

.box .switch input:checked+.slider.tertiary:before {
    background-color: #868686
}

.box .switch input:checked+.slider.success {
    background-color: #dfefcf
}

.box .switch input:checked+.slider.success:before {
    background-color: #61b00f
}

.box .switch input:checked+.slider.failure {
    background-color: #fad4d4
}

.box .switch input:checked+.slider.failure:before {
    background-color: #eb5353
}

.box .switch input:checked+.slider.sm:before {
    transform: translateX(13px)
}

.box .switch input:checked+.slider.md:before {
    transform: translateX(18px)
}

.box .switch input:checked+.slider.lg:before {
    transform: translateX(23px)
}

.box .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f2f2f2;
    transition: .4s;
    border-radius: 2rem
}

.box .switch .slider:before {
    position: absolute;
    content: "";
    background-color: #b0b0b0;
    transition: .4s;
    border-radius: 50%
}

.box .switch .slider.sm:before {
    width: 11px;
    height: 11px;
    left: 2.5px;
    bottom: 3.5px
}

.box .switch .slider.md:before {
    width: 16px;
    height: 16px;
    left: 3px;
    bottom: 4px
}

.box .switch .slider.lg:before {
    width: 20px;
    height: 20px;
    left: 4px;
    bottom: 5px
}

.text-area-field,.text-area-field textarea {
    display: block;
    box-sizing: border-box
}

.text-area-field textarea {
    border: 2px solid #f2f2f2;
    background: #f8f8f8;
    height: 6.25rem;
    width: 100%;
    padding: 1rem;
    border-radius: .6125em;
    resize: none;
    font-size: .875rem;
    line-height: 1.2
}

.text-area-field textarea:focus {
    outline-color: #f2f2f2;
    caret-color: #ffa800;
    font-weight: 500
}

.text-area-field label {
    margin-left: 0;
    font-size: .75rem;
    box-sizing: border-box;
    color: #b0b0b0;
    margin-bottom: .3125rem;
    line-height: 1.2
}

.text-area-field .word-counter {
    float: right;
    color: #f2f2f2;
    font-size: .75rem
}

.text-area-field.prefilled {
    height: auto
}

.text-area-field.prefilled textarea {
    background: 0 0;
    border: none;
    color: #212121;
    padding: 0;
    margin-top: 1.625rem
}

.text-area-field.prefilled textarea:focus {
    outline: none
}

.text-area-field.prefilled label {
    color: #212121;
    font-size: 1rem;
    margin-bottom: 1rem
}

.text-area-field.prefilled label span.edit-button {
    float: right;
    color: #3983cd
}

.text-area-field.prefilled label span.edit-button svg {
    padding: 0!important;
    margin-right: 9px
}

.text-area-field.prefilled .word-counter,.text-area-field.prefilled small {
    display: none
}