@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100;
    src: url()
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url()
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url()
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url()
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url()
}

@font-face {
    font-display: swap;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    src: url()
}


@import url('https://fonts.googleapis.com/css2?family=Matemasie&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
    background-color: #f4f4f4
}

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

}

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

:focus-visible {
    outline: medium invert;
    outline: initial
}

body {
    margin: 0
}

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

/* code {
    font-family: Courier New,monospace
} */

body,button,html,input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins",sans-serif!important
}

.app-table {
    width: 100%
}

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

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

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

.grecaptcha-badge {
    visibility: hidden
}

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

.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 {
        flex:0 0 auto;
        width: 8.3333333333%!important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.collapsible {
    padding: 1rem
}

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

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

.accordion .collapsible {
    padding: .25rem
}

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

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

.btn,.btn span {
    cursor: pointer
}

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

.btn:disabled {
    background-color: #d1d1d1!important;
    color: #b0b0b0!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: #2f71a9
}

.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: #2f71a9
}

.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: #2f71a9
}

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

.btn.filled {
    color: #fff
}

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

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

.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: #ff9900
}

.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) */
    background-color: #ff9900;
    color: white;
}

.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%, 0.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: 15px;
    padding: .75rem 1rem
}

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

.btn.link {
    background-color: initial;
    border: initial;
    outline: medium invert;
    outline: initial;
    padding: initial
}

.btn.link.primary {
    color: #2f71a9
}

.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 {
    background-color: initial;
    border: initial;
    outline: medium invert;
    outline: initial
}

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

.alertbox:disabled {
    background-color: #d1d1d1!important;
    color: #b0b0b0!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: #2f71a9
}

.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: #2f71a9
}

.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: #2f71a9
}

.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: #2f71a9
}

.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 {
    border-radius: .19140625em;
    font-size: .875rem;
    padding: .3rem 1rem
}

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

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

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

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

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

.bread-crumb.filled.primary {
    background-color: #ff9900;
    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: initial
}

.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 {
    background-color: #fff;
    overflow: hidden;
    padding: 1rem
}

.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: #2f71a9
}

.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: #2f71a9
}

.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: #447fb3
}

.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: initial
}

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

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

.chip.outlined.primary {
    color: #2f71a9
}

.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: #2f71a9
}

.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: #2f71a9
}

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

.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: #2f71a9
}

.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 {
    border-radius: 1.3125rem;
    font-size: .875rem;
    padding: .25rem 1rem
}

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

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

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

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

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

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

.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 {
    border-radius: 1.25rem;
    padding: 1.25rem
}

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

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

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

.collection.borders.primary {
    border-color: #2f71a9
}

.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 {
    border: initial;
    border-bottom: 1px solid #f8f8f8;
    display: block;
    margin-bottom: 1rem;
    margin-top: .5rem;
    width: 100%
}

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

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

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

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

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

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

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

@media(orientation: portrait)and (max-width:480px) {
    .modal-container .modal.lg {
        border-radius:0;
        border-radius: initial
    }
}

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

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

@media(orientation: portrait)and (max-width:480px) {
    .modal-container .modal.md {
        border-radius:0;
        border-radius: initial
    }
}

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

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

@media(orientation: portrait)and (max-width:480px) {
    .modal-container .modal.sm {
        border-radius:0;
        border-radius: initial
    }
}

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

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

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

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

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

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

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

.drawer.drawer-right .modal {
    border-bottom-left-radius: 1rem;
    border-top-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 {
    background-color: #fff;
    border-radius: .6125em;
    margin-top: .2rem;
    max-height: 250px;
    min-width: 120px;
    overflow-y: scroll;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

.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: #2f71a9;
    outline: none
}

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

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

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

.scrollable-container.primary::-webkit-scrollbar-track {
    background: hsla(208, 60%, 95%, 0.7)
}

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

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

.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 {
    height: 0;
    width: 0
}

.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: initial
}

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

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

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

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

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

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

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

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

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

.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)
}

.spinner {
    position: relative
}

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

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

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

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

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

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

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

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

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

.spinner.primary .wheell {
    border-left-color: #33cccc;
}

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

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

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

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

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

.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 {
    border: 1px solid #f8f8f8;
    padding: .5rem
}

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

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

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

.tabs-container.outline {
    border: initial
}

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

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

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

.tabs-container.outline .tabs-heading .btn.active {
    background-color: initial!important;
    border-bottom: 2px solid #ff9900;
    color: #000000!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;
    top: 23px;
    width: 100%
}

.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;
    height: 100%;
    left: 23px;
    position: absolute
}

.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 {
    background-color: #f9ebe9;
    color: #2f71a9
}

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

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

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

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

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

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

.shimmer {
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
    border-radius: .6125em;
    opacity: 1;
    overflow: hidden;
    position: relative
}

.text-input label {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .3125rem;
    margin-left: .5rem
}

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

.text-input .form-control input {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #212121;
    font-size: 1rem;
    margin-left: .25rem;
    width: 100%
}

.text-input .form-control input,.text-input .form-control input:focus,.text-input .form-control input:hover {
    border: initial;
    outline: medium invert;
    outline: initial
}

.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 {
    border: none;
    border-radius: 3px;
    color: #3983cd;
    font-weight: 700
}

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

.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 {
    font-weight: 200;
    outline-color: #f2f2f2
}

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

.text-input .form-control.error input {
    caret-color: #eb5353;
    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 {
    border-right: 1px solid #000;
    content: ""
}

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

.date-input {
    position: relative
}

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

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

.date-input svg {
    color: #2f71a9
}

.calendar {
    background-color: #fff;
    border-radius: .6125em;
    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);
    flex-direction: column;
    font-size: .875rem;
    width: 20rem;
    z-index: 3
}

.calendar .month {
    background-color: hsla(0,0%,95%,.3)
}

.calendar .month .calender-month-change:hover {
    background-color: #f2f2f2;
    border-radius: .30625em;
    cursor: pointer
}

.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;
    border-radius: .30625em;
    cursor: pointer
}

.calendar .date .out-of-range-date {
    pointer-events: none
}

.calendar .date .selected {
    background-color: #2f71a9;
    border-radius: .30625em;
    color: #fff
}

.calendar .btn {
    width: 100px
}

.auto-complete {
    position: relative
}

.auto-complete .auto-complete-drop-down {
    background-color: #fff;
    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);
    position: absolute;
    top: 3.5em;
    width: inherit;
    z-index: 9
}

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

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

.auto-complete .auto-complete-list .auto-complete-list-item.active,.auto-complete .auto-complete-list .auto-complete-list-item:hover {
    background-color: hsl(237.39deg 57% 95% / 50%);
}

.auto-complete .auto-complete-list::-webkit-scrollbar {
    height: 5px;
    width: 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: #8cbee7
}

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

.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
}

.search-form.container {
    /* background: #fff; */
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    /* 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); */
    font-size: 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: #ff9900
}

.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 {
    background-color: #f2f2f2;
    color: #212121;
    font-size: .875rem;
    font-weight: 500
}

.search-form.container .btn.button.text.tertiary:focus,.search-form.container .btn.button.text.tertiary:hover {
    background-color: #eae9f9;
    color: #2f71a9
}

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

.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 {
        background:#fff;
        position: absolute;
        right: 2rem;
        top: 2.5rem;
        z-index: 1
    }
}

.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
    }
}

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

.h1,.h2,h1,h2 {
    font-family: "Poppins",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    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: "Poppins",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    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: "Poppins",sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0
}

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

.text-primary {
    color: #2f71a9
}

.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 {
    text-decoration-color: #2f71a9;
    text-decoration-line: line-through
}

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

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

.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: #2f71a9
}

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

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

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

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

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

.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 {
    background-color: #fff;
    border-radius: 50%;
    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);
    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
}

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

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

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

    .home-page .mobile-drawer .modal {
        border-radius: 0;
        padding: 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;
    height: 100px;
    width: 100%
}

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

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

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

.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 {
    flex-grow: 1;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: .5rem;
    text-align: start
}

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

.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: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

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

.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: #2f71a9
}

.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 {
    background-color: #fff;
    -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%);
    content: "";
    height: .65em;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: -webkit-transform 50ms ease-in-out;
    transition: transform 50ms ease-in-out;
    transition: transform 50ms ease-in-out,-webkit-transform 50ms ease-in-out;
    width: .65em
}

.checkbox-container input[type=checkbox]:checked.primary {
    border-color: #2f71a9
}

.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: #447fb3
}

.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: #447fb3
}

.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 {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.email-input label {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .3125rem;
    margin-left: .5rem
}

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

.email-input .form-control input {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #212121;
    font-size: 1rem;
    margin-left: .25rem;
    width: 100%
}

.email-input .form-control input,.email-input .form-control input:focus,.email-input .form-control input:hover {
    border: initial;
    outline: medium invert;
    outline: initial
}

.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 {
    border: none;
    border-radius: 3px;
    color: #3983cd;
    font-weight: 700
}

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

.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 {
    font-weight: 200;
    outline-color: #f2f2f2
}

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

.email-input .form-control.error input {
    caret-color: #eb5353;
    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 {
    border-right: 1px solid #000;
    content: ""
}

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

.file-input {
    width: 100%
}

.file-input label {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .3125rem;
    margin-left: .5rem
}

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

.custom-navbar-nav li a span {
    color: #000000;
    transition: color 0.3s ease;
}

.custom-navbar-nav li a:hover span {
    color: #2f71a9;
    text-decoration: underline; /* Optional */
}




.file-input .form-control input {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #212121;
    font-size: 1rem;
    margin-left: .25rem;
    width: 100%
}

.file-input .form-control input,.file-input .form-control input:focus,.file-input .form-control input:hover {
    border: initial;
    outline: medium invert;
    outline: initial
}

.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 {
    border: none;
    border-radius: 3px;
    color: #3983cd;
    font-weight: 700
}

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

.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 {
    font-weight: 200;
    outline-color: #f2f2f2
}

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

.file-input .form-control.error input {
    caret-color: #eb5353;
    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 {
    border-right: 1px solid #000;
    content: ""
}

.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 {
    left: auto;
    line-height: 1;
    padding: 0 5px;
    pointer-events: none;
    position: absolute;
    top: .75rem
}

.floating-label-input [class*=input]:has(input:not(:placeholder-shown),input:focus) label {
    background-color: #fff;
    top: -.5rem;
    transition: .2s;
    z-index: 1
}

.floating-label-input .email-input label {
    left: 1.125rem
}

.number-input label {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .3125rem;
    margin-left: .5rem
}

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

.number-input .form-control input {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #212121;
    font-size: 1rem;
    margin-left: .25rem;
    width: 100%
}

.number-input .form-control input,.number-input .form-control input:focus,.number-input .form-control input:hover {
    border: initial;
    outline: medium invert;
    outline: initial
}

.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 {
    border: none;
    border-radius: 3px;
    color: #3983cd;
    font-weight: 700
}

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

.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 {
    font-weight: 200;
    outline-color: #f2f2f2
}

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

.number-input .form-control.error input {
    caret-color: #eb5353;
    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 {
    border-right: 1px solid #000;
    content: ""
}

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

.otp-input {
    box-sizing: border-box;
    -webkit-column-gap: .25rem;
    column-gap: .25rem;
    width: auto
}

.otp-input input {
    background-color: #f8f8f8;
    border: 1px solid #f2f2f2;
    border-radius: .6125em;
    box-sizing: border-box;
    font-size: .875rem;
    height: 3rem;
    line-height: 1.2;
    padding: 1rem 1rem 1rem 1.3125rem;
    text-align: center;
    width: 3rem
}

.otp-input input.error {
    border: 1px solid #eb5353
}

.otp-input input:focus {
    outline-style: none
}

.otp-input input::-webkit-input-placeholder {
    color: #d1d1d1
}

.otp-input input::placeholder {
    color: #d1d1d1
}

.error-message {
    color: #b03e3e;
    font-size: .8rem
}

.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;
    appearance: none;
    background-clip: content-box;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    padding: 3px
}

.radio-container {
    display: inline-flex;
    margin: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.radio-container input,.radio-container label {
    cursor: pointer
}

.radio-container.sm input {
    height: .875rem;
    margin-right: .3rem;
    width: .875rem
}

.radio-container.sm label {
    font-size: .875rem
}

.radio-container.md input {
    height: 1rem;
    margin-right: .3rem;
    width: 1rem
}

.radio-container.md label {
    font-size: 1rem
}

.radio-container.lg input {
    height: 1.25rem;
    margin-right: .3rem;
    width: 1.25rem
}

.radio-container.lg label {
    font-size: 1.25rem
}

input.primary {
    border-color: #2f71a9
}

input.primary.active,input.primary:focus,input.primary:hover {
    border-color: #b4b7ef
}

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: #2f71a9
}

input:checked.primary.active,input:checked.primary:focus,input:checked.primary:hover {
    background-color: #447fb3
}

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: #2f71a9
}

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 {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .3125rem;
    margin-left: .5rem
}

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

.search-bar .form-control input {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    color: #212121;
    font-size: 1rem;
    margin-left: .25rem;
    width: 100%
}

.search-bar .form-control input,.search-bar .form-control input:focus,.search-bar .form-control input:hover {
    border: initial;
    outline: medium invert;
    outline: initial
}

.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 {
    border: none;
    border-radius: 3px;
    color: #3983cd;
    font-weight: 700
}

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

.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 {
    font-weight: 200;
    outline-color: #f2f2f2
}

.search-bar .form-control.error {
    border: 1px solid #eb5353
}

.search-bar .form-control.error input {
    caret-color: #eb5353;
    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 {
    border-right: 1px solid #000;
    content: ""
}

.search-bar .form-control:has(input:focus) svg {
    color: #2f71a9
}

.search-bar .error {
    color: #eb5353
}

.selection-input {
    position: relative;
    width: 100%
}

.selection-input svg {
    color: #447fb3
}

.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: #447fb3
}

.box {
    align-items: center;
    display: inline-flex
}

.box label:hover {
    cursor: pointer
}

.box.sm {
    font-size: .875rem
}

.box.md {
    font-size: 1rem
}

.box.lg {
    font-size: 1.25rem
}

.box .switch {
    display: inline-block;
    margin-right: .5rem;
    position: relative
}

.box .switch.sm {
    height: 18px;
    width: 30px
}

.box .switch.md {
    height: 24px;
    width: 40px
}

.box .switch.lg {
    height: 30px;
    width: 50px
}

.box .switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.box .switch input:checked+.slider.primary {
    background-color: #d1d1d1
}

.box .switch input:checked+.slider.primary:before {
    background-color: #447fb3
}

.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 {
    -webkit-transform: translateX(13px);
    transform: translateX(13px)
}

.box .switch input:checked+.slider.md:before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px)
}

.box .switch input:checked+.slider.lg:before {
    -webkit-transform: translateX(23px);
    transform: translateX(23px)
}

.box .switch .slider {
    background-color: #f2f2f2;
    border-radius: 2rem;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

.box .switch .slider:before {
    background-color: #b0b0b0;
    border-radius: 50%;
    content: "";
    position: absolute;
    transition: .4s
}

.box .switch .slider.sm:before {
    bottom: 3.5px;
    height: 11px;
    left: 2.5px;
    width: 11px
}

.box .switch .slider.md:before {
    bottom: 4px;
    height: 16px;
    left: 3px;
    width: 16px
}

.box .switch .slider.lg:before {
    bottom: 5px;
    height: 20px;
    left: 4px;
    width: 20px
}

.text-area-field,.text-area-field textarea {
    box-sizing: border-box;
    display: block
}

.text-area-field textarea {
    background: #f8f8f8;
    border: 2px solid #f2f2f2;
    border-radius: .6125em;
    font-size: .875rem;
    height: 6.25rem;
    line-height: 1.2;
    padding: 1rem;
    resize: none;
    width: 100%
}

.text-area-field textarea:focus {
    caret-color: #ffa800;
    font-weight: 500;
    outline-color: #f2f2f2
}

.text-area-field label {
    box-sizing: border-box;
    color: #b0b0b0;
    font-size: .75rem;
    line-height: 1.2;
    margin-bottom: .3125rem;
    margin-left: 0
}

.text-area-field .word-counter {
    color: #f2f2f2;
    float: right;
    font-size: .75rem
}

.text-area-field.prefilled {
    height: auto
}

.text-area-field.prefilled textarea {
    background: 0 0;
    border: none;
    color: #212121;
    margin-top: 1.625rem;
    padding: 0
}

.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 {
    color: #3983cd;
    float: right
}

.text-area-field.prefilled label span.edit-button svg {
    margin-right: 9px;
    padding: 0!important
}

.text-area-field.prefilled .word-counter,.text-area-field.prefilled small {
    display: none
}

@media(orientation: landscape) {
    .passengers-info .left-panel {
        padding-right:1rem
    }
}

.passengers-info .trip-detail-band {
    background-color: #153e55;
    color: #fff
}

.passengers-info .trip-detail-band .timer {
    color: #61b00f;
    font-size: 1.5rem
}

@media(orientation: landscape) {
    .passengers-info .trip-detail-band {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9
    }
}

.passengers-info .right-panel.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 64px
}

.passengers-info .continue-to-pay-tnc .terms-drawer>.modal>.container>.row {
    flex-direction: column!important
}

.passengers-info .continue-to-pay-tnc .terms-drawer>.modal>.container>.row .scrollable-container .terms-container {
    padding: 0!important
}

.passengers-info .continue-to-pay-tnc .terms-drawer>.modal>.container>.row .scrollable-container .modal-container>.modal>.card {
    height: 99vh
}

.passengers-info .title {
    margin-bottom: 0
}

.passengers-info .title svg {
    color: #61b00f;
    vertical-align: middle
}

.passengers-info .card {
    margin-bottom: .5rem
}

.passengers-info .card .collapsible {
    padding: .5rem 1rem
}

.passengers-info .card.passengers-offers .card-header {
    padding-bottom: 0
}

.passengers-info .card.passengers-offers .card-body {
    padding-top: 0
}

.passengers-info .card .collapsible .collapsible-header {
    min-height: 2rem
}

.passengers-info .card .collapsible .collapsible-header .title h5 {
    margin-bottom: .25rem
}

.passengers-info .card .collapsible .collapsible-header .data-fill-check {
    margin-right: .4rem;
    vertical-align: middle
}

.passengers-info .card .collapsible .collapsible-header .col.auto:last-child svg:not(.data-fill-check) {
    fill: #fff;
    color: #2f71a9
}

.passengers-info .text-input .error {
    font-size: .75
}

.passengers-info .passenger-form .error {
    font-size: .6125rem
}

.passengers-info .passenger-form .text-input .form-control {
    border-radius: 0;
    border-radius: initial
}

.passengers-info .passenger-form .text-input.passenger-seat-number .form-control {
    border-radius: .459375em
}

.passengers-info .passenger-form .concession-id-proof .form-control,.passengers-info .passenger-form .concession-items .form-control {
    border-radius: .5rem
}

.passengers-info .passenger-form .auto-complete.gender-name .form-control {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.passengers-info .passenger-form .auto-complete.passenger-name .form-control {
    border-radius: .5rem
}

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

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

.mobile-nav .place-name {
    color: #fff;
    width: 75%
}

.mobile-nav .place-name h4 {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px;
    text-align: center
}

.mobile-nav .place-name h5 {
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 11px;
    text-align: center
}

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

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

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

.booking-failure-page .booking-faliure-ticket-detail .ticket-detail .ticket-top {
    background-color: #eb5353
}

.booking-failure-page .booking-faliure-ticket-detail .ticket-detail .table-container table tbody tr:not(:first-child) td:last-child {
    color: #ffc759
}

.booking-failure-page .fare-details {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.booking-failure-page .fare-details .card-body {
    padding: 0
}

.cancellation .cancel-policy-card {
    margin: 1rem 0
}

.cancellation .faqs.card {
    margin-top: 1rem
}

.cancellation .faqs.card .card-header {
    padding-bottom: 0
}

.cancellation .faqs.card .card-body .accordion .collapsible-header {
    background-color: hsla(0,0%,97%,.4);
    border-radius: .30625em;
    cursor: pointer;
    padding: .4rem;
    width: 100%
}

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

.cancellation .cancellation-stepper-container .btn-step-action {
    background: #fff;
    height: 100%;
    padding: .5rem .5rem 0!important;
    width: 100%
}

.cancellation .cancellation-stepper-container .btn.filled.primary.active,.cancellation .cancellation-stepper-container .btn.filled.primary:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.cancellation .cancellation-stepper-container .row.step-wrapper:last-child .stepper-connector {
    display: none
}

.cancellation .cancellation-stepper-container .row.step-wrapper .step .step-body>.container {
    padding-bottom: 0
}

.cancellation .rrn-number {
    background-color: #cde8f0;
    border-radius: 7px;
    padding: .3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cancellation .rrn-number span {
    color: #013b61
}

.card.fare-details {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-name: shake;
    animation-name: shake
}

.card.fare-details .card-body {
    padding: initial
}

.card.fare-details .card-body .row {
    margin-bottom: 0
}

.card.fare-details .card-body .collapsible .collapsible-header .col.auto {
    padding-top: 1.4rem
}

.card.fare-details .card-body .collapsible .collapsible-header .col.auto svg {
    vertical-align: bottom
}

.usermenu-container .usermenu-content {
    margin-top: calc(-.66667rem + 3px);
    position: relative
}

@media(orientation: landscape) {
    .usermenu-container .usermenu-content {
        bottom:54px
    }
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs {
    border: initial
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .tabs-heading {
    gap: initial
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .tabs-heading .btn {
    border-radius: 0;
    border-radius: initial;
    color: #000
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .tabs-heading .btn svg {
    margin-right: .3rem
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .tabs-heading .btn.active {
    background-color: #2f71a9;
    border-radius: 0;
    color: #fff
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .card .card-body {
    padding: initial
}

@media(orientation: portrait) {
    .usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper:first-child .card .card-body .container {
        display:none
    }
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper>.tabs-actions-wrapper .tabs-heading .btn {
    border-bottom: 1px solid #f2f2f2
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper .col:nth-child(2) .card:has(.card-body):has(.profile-card) {
    overflow: visible
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper .col:nth-child(2) .card:has(.card-body):has(.profile-card) .card-body {
    border-radius: inherit;
    overflow: visible
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper .tabs-content-wrapper .card {
    overflow: visible
}

.usermenu-container .usermenu-content .tabs-container.usermenu-tabs .tabs-actions-wrapper .tabs-content-wrapper .card .card-body {
    border-radius: inherit;
    overflow: visible
}

.usermenu-container .usermenu-content .tabs-container .billing-address .billing-address-title .title-header:has(.data-fill-check) {
    display: none!important
}

.usermenu-container .usermenu-content .tabs-container .billing-address .billing-address-title .col:last-child svg {
    color: #2f71a9
}

.usermenu-container .usermenu-content .title {
    font-size: 1.28rem
}

.offer-details .search-form-wrapper {
    background-color: #f9ebe9;
    border-radius: .6125em;
    justify-content: center;
    margin: 0 2rem;
    padding: 1rem .5rem
}

.offer-details .search-form-wrapper .search-form {
    background-color: #f9ebe9;
    border-radius: 0;
    border-radius: initial;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0
}

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

    to {
        -webkit-transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    95%,to {
        left: 120%
    }
}

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

    95%,to {
        left: 120%
    }
}

header {
    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);
    /* display: flex; */
    justify-content: center;
    padding: .5rem 103px;
    margin-bottom: -24px;
    margin-top: -15px;
    padding-top: 0px;
    height: 82px;
    width: 100%;
}




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 {
    align-items: center;
    display: flex
}

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

@media(orientation: portrait) {
    header {
        background-color:#fdfcff;
        box-shadow: none;
        padding: initial;
        margin-top: 16px;
    }

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

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

    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 {
    color: #000;
    min-width: 150px;
    overflow: auto;
    right: .5rem;
    top: 3.75rem;
    z-index: 999
}

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

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-attachment: scroll;
    
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

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

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

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

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

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

.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 #2f71a9
}

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

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

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

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

.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: initial!important
}

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

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

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

.login .login-intro strong {
    color: #212121;
    font-size: 1rem;
    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: initial
}

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

.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;
    color: #fff!important;
    width: 160px
}

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

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

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

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

.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;
    border-radius: .6125em;
    font-size: .875rem;
    padding: .25rem 1rem
}

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