/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

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

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-3-3 {
        margin-left: 3.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex:0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

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

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-6 {
    margin: 4.5rem!important
}

.m-7 {
    margin: 6rem!important
}

.m-8 {
    margin: 7.5rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-6 {
    margin-top: 4.5rem!important;
    margin-bottom: 4.5rem!important
}

.my-7 {
    margin-top: 6rem!important;
    margin-bottom: 6rem!important
}

.my-8 {
    margin-top: 7.5rem!important;
    margin-bottom: 7.5rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-6 {
    margin-right: 4.5rem!important
}

.me-7 {
    margin-right: 6rem!important
}

.me-8 {
    margin-right: 7.5rem!important
}

.me-9 {
    margin-right: 9rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display:inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display:inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display:inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

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

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

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display:inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display:inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.25,0.75,0.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68,-0.55,0.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47,0,0.745,0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39,0.575,0.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.scrollable-container {
    height: 500px;
    overflow: auto
}

:root {
    --sec-space-10: 0.5rem;
    --sec-space-15: 0.725rem;
    --sec-space-20: 1rem;
    --sec-space-25: 1.25rem;
    --sec-space-30: 1.5rem;
    --sec-space-35: 1.75rem;
    --sec-space-40: 2rem;
    --sec-space-45: 2.25rem;
    --sec-space-50: 2.5rem;
    --sec-space-55: 2.75rem;
    --sec-space-60: 3rem;
    --sec-space-65: 3.25rem;
    --sec-space-70: 3.5rem;
    --sec-space-75: 3.75rem;
    --sec-space-80: 4rem;
    --padding-small-5: 0.25rem;
    --padding-small-10: 0.5rem;
    --padding-small-15: 0.75rem;
    --padding-small-20: 1rem;
    --padding-small-25: 1.25rem;
    --padding-medium-30: 1.5rem;
    --padding-medium-35: 1.75rem;
    --padding-medium-40: 2rem;
    --padding-medium-45: 2.25rem;
    --padding-medium-50: 2.5rem;
    --padding-large-60: 3rem;
    --padding-large-70: 3.5rem;
    --padding-large-80: 4rem;
    --padding-large-90: 4.5rem;
    --padding-large-100: 5rem;
    --padding-general-4: 4px;
    --padding-general-10: 10px;
    --padding-general-20: 20px;
    --padding-general-30: 30px;
    --padding-general-40: 40px;
    --padding-general-60: 3rem;
    --padding-general-70: 3.5rem;
    --padding-general-76: 76px;
    --padding-general-80: 4rem;
    --padding-general-90: 4.5rem;
    --padding-general-96: 96px;
    --padding-general-100: 5rem;
    --margin-general-10: 10px;
    --margin-general-20: 20px;
    --margin-general-24: 24px;
    --margin-general-30: 30px;
    --margin-general-40: 40px;
    --margin-general-60: 3rem;
    --margin-general-70: 3.5rem;
    --margin-general-76: 76px;
    --margin-general-80: 4rem;
    --margin-general-90: 4.5rem;
    --margin-general-96: 96px;
    --margin-general-100: 5rem;
    --bs-radius-10: 0.5rem;
    --bs-radius-20: 1rem;
    --bs-radius-30: 1.5rem;
    --bs-radius-40: 2rem;
    --bs-radius-50: 2.5rem;
    --bs-radius-60: 3rem;
    --bs-radius-70: 3.5rem;
    --bs-radius-80: 4rem;
    --bs-radius-90: 4.5rem;
    --bs-radius-100: 5rem;
    --bs-general-4: 4px;
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    --fs-10: 0.625rem;
    --fs-12: 0.75rem;
    --fs-13: 0.813rem;
    --fs-14: 0.875rem;
    --fs-15: 0.938rem;
    --fs-16: 1rem;
    --fs-17: 1.063rem;
    --fs-18: 1.125rem;
    --fs-19: 1.188rem;
    --fs-20: 1.25rem;
    --fs-21: 1.313rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-25: 1.563rem;
    --fs-26: 1.625rem;
    --fs-28: 1.75rem;
    --fs-30: 1.875rem;
    --fs-32: 2rem;
    --fs-34: 2.125rem;
    --fs-35: 2.188rem;
    --fs-36: 2.25rem;
    --fs-37: 2.313rem;
    --fs-38: 2.375rem;
    --fs-40: 2.5rem;
    --fs-42: 2.625rem;
    --fs-44: 2.75rem;
    --fs-45: 2.813rem;
    --fs-47: 2.938rem;
    --fs-48: 3rem;
    --fs-50: 3.125rem;
    --fs-52: 3.25rem;
    --fs-55: 3.438rem;
    --fs-56: 3.5rem;
    --fs-60: 3.75rem;
    --fs-62: 3.875rem;
    --fs-66: 4.125rem;
    --fs-70: 4.375rem;
    --fs-72: 4.5rem;
    --fs-75: 4.688rem;
    --fs-81: 5.063rem;
    --fs-83: 5.188rem;
    --fs-86: 5.375rem;
    --fs-90: 5.625rem;
    --fs-98: 6.125rem;
    --fs-116: 7.25rem;
    --fs-120: 7.5rem;
    --fcard-width: 267px;
    --datecard-width: 273px;
    --fcard-gap: 16px
}

@media only screen and (max-width: 479px) {
    :root {
        --fs-24:1.5rem;
        --fs-25: 1.563rem;
        --fs-26: 1.625rem;
        --fs-28: 1.75rem;
        --fs-30: 1.875rem;
        --fs-32: 2rem;
        --fs-34: 2.125rem;
        --fs-35: 2.188rem;
        --fs-36: 2.25rem;
        --fs-38: 2.375rem;
        --fs-40: 2.5rem;
        --fs-42: 2.625rem;
        --fs-44: 2.75rem
    }
}

*,::after,::before {
    box-sizing: border-box
}

blockquote,body,dd,dl,figure,p {
    margin: 0
}

ol[role=list],ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,picture {
    max-width: 100%;
    display: block
}

button,input,select,textarea {
    font: inherit
}

textarea {
    font-family: "Forma DJR Display Regular"!important;
    letter-spacing: 1.5px;
    color: #303630!important
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,::after,::before {
        animation-duration: 0s!important;
        animation-iteration-count: 1!important;
        transition-duration: 0s!important;
        scroll-behavior: auto!important
    }
}

html {
    font-size: 16px;
    scroll-behavior: initial
}

html:focus-within {
    scroll-behavior: auto!important
}

body,html {
    text-rendering: optimizeSpeed
}

body {
    font-family: "Forma DJR Display Regular";
    background-color: #fff;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: 500;
    letter-spacing: 1.5px
}

body.hide-overflow {
    overflow: hidden
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #004740
}

body::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

body.hide-overflow {
    overflow: hidden!important
}

body.loaded {
    overflow-y: auto
}

.container {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (max-width: 1440px) {
    .container {
        max-width:1180px
    }
}

a {
    text-decoration: none
}

a:active,a:focus,a:hover {
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0
}

h3 {
    color: #007367
}

p {
    font-size: var(--fs-16);
    line-height: 1.5;
    color: #303630
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    vertical-align: middle
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none
}

#skippy {
    display: block;
    padding: .5em;
    color: val(--clr-general-white);
    background-color: #1c4792;
    outline: 0
}

#skippy .skiplink-text {
    padding: .5em;
    outline: 1px dotted;
    font-size: 14px
}

a.entier__block__click {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

h1,h2 {
    font-family: "FormaDJRDisplay Bold";
    font-size: 2.5rem;
    letter-spacing: 1.5px;
    line-height: 1.2;
    color: #007367
}

h2 {
    font-size: 2.5rem;
    margin-bottom: var(--fs-16);
    line-height: 3rem
}

button,input,select {
    letter-spacing: 1.5px
}

@media (max-width: 1024px) {
    h1 {
        font-size:1.6rem
    }

    h2 {
        font-size: 2rem;
        line-height: 2.375rem
    }
}

.swiper-button-disabled {
    opacity: .6
}

.swiper-button-lock {
    display: none
}

.frontpage h3 {
    color: #fff
}

.ajax-progress-fullscreen {
    background-image: url(/themes/gitam/assets/images/loader.gif)!important
}

.wh-full {
    width: 100%;
    height: 100%
}

.responsive-img {
    width: 100%;
    height: auto;
    display: block
}

.filterbtn .filter-width:first-child {
    max-width: 240px
}

.filterbtn .filter-width:nth-child(2) {
    max-width: 420px
}

@media (max-width: 767px) {
    .filterbtn .filter-width:first-child {
        max-width:100%;
        flex: 1 1 100%
    }

    .filterbtn .filter-width:nth-child(2) {
        max-width: 100%;
        flex: 1 1 100%
    }

    .filterbtn .searchinput .js-form-item {
        width: 100%
    }
}

.primarybg {
    background-color: #007367
}

.secondarybg {
    background-color: #004740
}

.text--primary {
    color: #007367
}

.text--secondary {
    color: #004740
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

@media only screen and (max-width: 1023px) {
    .pt-40 {
        padding-top:20px
    }
}

.pt-50 {
    padding-top: 50px
}

@media only screen and (max-width: 1023px) {
    .pt-50 {
        padding-top:20px
    }
}

.pt-60 {
    padding-top: 60px
}

@media only screen and (max-width: 1023px) {
    .pt-60 {
        padding-top:30px
    }
}

.pt-80 {
    padding-top: 80px
}

@media only screen and (max-width: 1023px) {
    .pt-80 {
        padding-top:50px
    }
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

@media only screen and (max-width: 1023px) {
    .pb-40 {
        padding-bottom:20px
    }
}

.pb-50 {
    padding-bottom: 50px
}

@media only screen and (max-width: 1023px) {
    .pb-50 {
        padding-bottom:20px
    }
}

.pb-60 {
    padding-bottom: 60px
}

@media only screen and (max-width: 1023px) {
    .pb-60 {
        padding-bottom:30px
    }
}

.pb-80 {
    padding-bottom: 80px
}

@media only screen and (max-width: 1023px) {
    .pb-80 {
        padding-bottom:50px
    }
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    .mt-40 {
        margin-top:20px
    }
}

.mt-50 {
    margin-top: 50px
}

@media only screen and (max-width: 1023px) {
    .mt-50 {
        margin-top:20px
    }
}

.mt-60 {
    margin-top: 60px
}

@media only screen and (max-width: 1023px) {
    .mt-60 {
        margin-top:30px
    }
}

.mt-80 {
    margin-top: 80px
}

@media only screen and (max-width: 1023px) {
    .mt-80 {
        margin-top:50px
    }
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

@media only screen and (max-width: 1023px) {
    .mb-40 {
        margin-bottom:20px
    }
}

.mb-50 {
    margin-bottom: 50px
}

@media only screen and (max-width: 1023px) {
    .mb-50 {
        margin-bottom:20px
    }
}

.mb-60 {
    margin-bottom: 60px
}

@media only screen and (max-width: 1023px) {
    .mb-60 {
        margin-bottom:30px
    }
}

.mb-80 {
    margin-bottom: 80px
}

@media only screen and (max-width: 1023px) {
    .mb-80 {
        margin-bottom:50px
    }
}

.mainheader {
    background: 0 0;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 99;
    transition: .3s all ease-in
}

.navbar-top {
    background-color: #004740;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px
}

.navbar-top .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.navbar-top .navbar-info {
    display: flex;
    align-items: center;
    color: #fcfcfc
}

.navbar-top .navbar-info span {
    margin-right: 20px;
    color: #8bcbb7
}

.navbar-top .navbar-info .navbar-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.navbar-top .navbar-info .navbar-list li {
    margin-right: 25px;
    font-size: 15px
}

.navbar-top .navbar-info .navbar-list li a {
    color: #fcfcfc;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color .3s
}

.navbar-top .navbar-info .navbar-list li a img {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.navbar-top .navbar-info .navbar-list li a:hover {
    color: #8bcbb7
}

.navbar-top .navbar-actions {
    display: flex;
    align-items: center
}

.navbar-top .navbar-actions .search-bar {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 10px
}

.navbar-top .navbar-actions .search-bar input {
    border: none;
    padding: 5px 0;
    font-size: 14px;
    outline: 0;
    letter-spacing: 1.5px;
    line-height: 1.5;
    color: #303630
}

.navbar-top .navbar-actions .search-bar .search-txtfield {
    display: flex;
    gap: 8px;
    align-items: center
}

.navbar-top .navbar-actions .search-bar .search-txtfield img {
    padding-left: 10px
}

.navbar-top .navbar-actions .user-icon {
    z-index: 99
}

.navbar-top .navbar-actions .user-icon a {
    display: block
}

.navbar-top .navbar-actions .user-icon a img {
    width: 24px;
    height: 24px;
    transition: transform .3s
}

.navbar-top .navbar-actions .user-icon a img:hover {
    transform: scale(1.1)
}

.navbar-top .navbar-actions .user-icon .submenu {
    left: -8rem
}

.navbar-top .navbar-actions .user-icon .submenu:before {
    left: 8rem
}

@media (max-width: 768px) {
    .navbar-top {
        flex-direction:column;
        align-items: flex-start
    }

    .navbar-top .container {
        flex-direction: column;
        align-items: flex-start
    }

    .navbar-top .navbar-info {
        margin-bottom: 10px
    }

    .navbar-top .navbar-list {
        flex-direction: column
    }

    .navbar-top .navbar-list li {
        margin-bottom: 10px
    }

    .navbar-top .navbar-actions {
        width: 100%
    }

    .navbar-top .navbar-actions .search-bar {
        width: 100%
    }

    .navbar-top .navbar-actions .search-bar input {
        width: 100%
    }
}

.header__logosection {
    display: flex;
    align-items: center
}

.header__rightsection {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: end
}

@media (max-width: 768px) {
    .header__rightsection {
        right:-79px
    }
}

.brand {
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1px;
    color: var(--color-pink-500)
}

.header {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    margin: 0 auto;
    background-color: #007367;
    padding: 8px 0
}

.menuwrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2rem;
    width: 100%;
    height: 4rem;
    margin: 0 auto
}

.navbar {
    z-index: 9
}

@media screen and (max-width: 1300px) {
    .navbar {
        position:fixed;
        top: 74px;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 0;
        overflow-y: auto;
        visibility: hidden;
        box-shadow: var(--shadow-medium);
        background-color: var(--color-white-100);
        transition: all .5s ease
    }

    .navbar.active {
        left: 0;
        opacity: 1;
        visibility: visible
    }
}

.menu-item {
    position: relative;
    display: inline-block;
    margin-left: 8px
}

.menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: .25rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    cursor: pointer;
    text-transform: capitalize;
    color: #fcfcfc;
    transition: all .3s ease-in-out
}

.menu-link>i.bx {
    font-size: 1.35rem;
    line-height: 1.5;
    color: inherit
}

@media only screen and (min-width: 1301px) {
    .menu-link:hover {
        outline:0;
        color: #8bcbb7
    }
}

@media only screen and (max-width: 1300px) {
    .menu-link {
        position:relative;
        display: inline-flex;
        width: 100%
    }
}

@media only screen and (min-width: 1301px) {
    .menu-dropdown:hover>.submenu {
        display:block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@media only screen and (max-width: 1300px) {
    .menu {
        width:100%;
        height: auto;
        padding: 1rem 0 0
    }

    .menu-item {
        display: block;
        margin: 0 auto
    }

    .menu-link {
        justify-content: space-between;
        padding: 15px 1.25rem;
        color: #303630
    }

    .menu .active .menu-link {
        outline: 0;
        color: #007367;
        font-weight: 700
    }

    .menu .active .menu-link .bx-chevron-down {
        background: url(../images/menu-rightarrow.svg) no-repeat;
        transform: rotate(360deg);
        top: 0;
        left: auto
    }

    .menu .active .submenu {
        visibility: visible
    }
}

.user-icon .dropdown {
    display: flex;
    align-items: center
}

.user-icon .bx-chevron-down {
    top: 4px
}

.user-icon .menu-item {
    margin-top: 3px
}

.user-icon .menu-item:hover span .bx-chevron-down {
    top: -4px
}

.submenu {
    position: absolute;
    top: 49px;
    left: -2rem;
    min-width: 13rem;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    background-color: #fcfcfc;
    transition: all .3s ease-in-out;
    width: 250px
}

.submenu-item {
    display: block
}

.submenu-link {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    cursor: pointer;
    color: #303630;
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 15px 25px
}

.submenu-link a {
    padding: 0
}

.submenu-link:hover {
    outline: 0
}

@media only screen and (min-width: 1300px) {
    .submenu li {
        position:relative
    }
}

.submenu li:hover {
    background: #8bcbb7;
    cursor: pointer
}

.submenu li:hover .submenu-link {
    color: #007367;
    font-weight: 700
}

@media only screen and (max-width: 1300px) {
    .submenu {
        position:relative;
        top: -.5rem;
        left: 0;
        width: 100%;
        max-height: 0;
        padding: 0 0 0 40px;
        border: none;
        outline: 0;
        opacity: 1;
        overflow: hidden;
        visibility: hidden;
        transform: translateY(0);
        box-shadow: none;
        background: 0 0;
        will-change: transform,max-height
    }
}

.close-icon,.mobilegitam {
    position: relative;
    display: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.6rem;
    height: 1.15rem;
    opacity: 0;
    visibility: hidden;
    background: 0 0
}

.close-icon-line,.mobilegitam-line {
    position: absolute;
    display: block;
    right: 0;
    width: 80%;
    height: 2.1px;
    opacity: 1;
    border: none;
    outline: 0;
    border-radius: 1rem;
    background: #f4e4c9
}

.close-icon-line:first-child,.mobilegitam-line:first-child {
    top: 0
}

.close-icon-line:nth-child(2),.mobilegitam-line:nth-child(2) {
    top: .5rem
}

.close-icon-line:nth-child(3),.mobilegitam-line:nth-child(3) {
    top: 1rem
}

@media only screen and (max-width: 1300px) {
    .close-icon,.mobilegitam {
        display:block;
        opacity: 1;
        visibility: visible;
        right: 20px;
        position: absolute
    }
}

.overlay {
    position: fixed;
    top: 63px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease-in-out;
    background-color: #fcfcfc
}

@media only screen and (max-width: 1300px) {
    .overlay.active {
        display:block;
        opacity: 1;
        visibility: visible;
        top: 79px
    }
}

.innersubmenu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 265px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    background-color: #eff6f4;
    transition: all .3s ease-in-out
}

.innersubmenu-item {
    display: block
}

@media only screen and (min-width: 1300px) {
    .innersubmenu-item a {
        padding:16px 20px 14px;
        display: block
    }
}

.innersubmenu-item:hover a {
    color: #007367
}

@media only screen and (min-width: 1300px) {
    .innersubmenu-item:hover a {
        font-weight:700
    }
}

.innersubmenu-link {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    cursor: pointer;
    color: #303630;
    transition: all .35s ease
}

.innersubmenu-link:hover {
    outline: 0;
    color: var(--color-pink-500)
}

.menu-dropdown:hover>.submenu>.submenu-item:hover>.innersubmenu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.bx-chevron-down {
    background: url(../images/down-arrow.svg) no-repeat;
    width: 15px;
    height: 15px;
    background-size: 80%;
    top: 4px;
    position: relative;
    left: 0
}

.submenu-dropdown span::after {
    content: "";
    position: absolute;
    transition: .3s all ease-in;
    right: 17px;
    top: 17px;
    width: 16px;
    height: 16px;
    background-image: url(../images/menu-rightarrow.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg)
}

.menu-item:hover span .bx-chevron-down {
    top: -4px;
    transition: .3s all ease-in;
    left: 0
}

@media only screen and (min-width: 1300px) {
    .menu-item:hover span .bx-chevron-down {
        transform:rotate(180deg);
        top: -4px
    }
}

@media only screen and (max-width: 1300px) {
    .innersubmenu {
        position:relative;
        top: 0;
        left: 0;
        width: 100%;
        max-height: 0;
        padding: 0;
        border: none;
        outline: 0;
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        transform: translateY(0);
        box-shadow: none;
        background: 0 0;
        height: auto;
        overflow: scroll
    }

    .submenu-dropdown span::after {
        transform: rotate(360deg)
    }
}

.submenu:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 65px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff
}

.newstrip {
    background: #007367;
    color: #fcfcfc;
    position: relative;
    left: 5px;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 13px;
    font-size: 12px
}

.hide-desktop {
    display: none
}

.navbar-list {
    display: none
}

@media only screen and (min-width: 1300px) {
    .mainheader.stickyheader {
        transform:translateY(0)
    }

    .mainheader.stickyheader.header--hide {
        transform: translateY(-100%)
    }
}

@media only screen and (max-width: 1300px) {
    .header__logosection {
        width:127px
    }

    .header__rightsection {
        position: absolute;
        right: -16px;
        top: 16px
    }

    .menu-item:hover span .bx-chevron-down {
        transition: .3s all ease-in;
        left: auto
    }

    .bx-chevron-down {
        background: url(../images/menu-rightarrowgrey.svg) no-repeat;
        height: 16px;
        left: auto;
        top: 0;
        position: relative
    }

    .submenu li:hover .submenu-link {
        font-weight: 500
    }

    .submenu li:hover {
        background: 0 0
    }

    .submenu-item:hover {
        background: 0 0
    }

    .submenu-link:hover {
        font-weight: 500
    }

    .submenu-link {
        font-size: 16px;
        padding: 15px 0 15px 0
    }

    .navbar-list {
        display: block
    }

    .hide-desktop {
        display: block
    }

    .navbar-list {
        width: 100%;
        border-top: solid 1px rgba(255,204,255,.8);
        margin: 20px 0 60px;
        padding: 20px 0;
        height: 56vh;
        overflow-y: scroll
    }

    .navbar-list li a {
        display: flex;
        gap: 12px;
        align-items: center;
        color: #303630;
        line-height: 1.2
    }

    .navbar-list li {
        color: #303630;
        padding: 10px 0;
        margin-left: 17px
    }

    .navbar-list li a {
        color: #303630
    }

    .navbar-list li:hover a {
        color: #303630;
        background: 0 0
    }

    .navbar::-webkit-scrollbar {
        display: none
    }

    .navbar {
        scrollbar-width: none
    }

    .close-icon,.mobilegitam-menu {
        position: fixed;
        top: 27px;
        right: 9px;
        font-size: 27px;
        cursor: pointer;
        z-index: 1001
    }

    .mobilegitam-menu.active {
        display: none
    }

    .close-icon {
        display: none
    }

    .close-icon.active {
        display: block;
        top: 27px
    }

    .submenu li:hover span {
        font-weight: 500
    }

    .innersubmenu-link {
        font-size: 16px
    }

    .submenu:before {
        display: none
    }

    .innersubmenu-item {
        display: block;
        padding: 23px 0 0
    }

    .clicksearch-form {
        right: 53px;
        position: absolute
    }

    input {
        outline: 0
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%
    }

    input::-webkit-search-cancel-button,input::-webkit-search-decoration {
        display: none
    }

    input[type=search] {
        background: url(../images/search-mobile.svg) no-repeat 9px center;
        border: 0;
        width: 0;
        padding: 24px 10px 4px 22px;
        border-radius: 10em;
        transition: all .5s;
        cursor: pointer
    }

    input[type=search]:focus {
        width: 130px;
        background-color: #fcfcfc;
        padding: 7px 10px 4px 35px;
        margin: 10px 0;
        color: #4e554e
    }

    input:-moz-placeholder {
        color: #4e554e
    }

    input::-webkit-input-placeholder {
        color: #4e554e
    }

    #myForm {
        position: relative;
        width: 160px
    }

    #myForm input[type=search] {
        position: absolute;
        right: 16px;
        z-index: 999;
        top: -62px
    }

    .dropbtn {
        font-size: 16px;
        border: none;
        cursor: pointer;
        margin-bottom: 30px
    }

    .header__rightsection {
        width: auto
    }

    .dropdown {
        position: relative;
        display: inline-block
    }

    .dropdown::after {
        content: "";
        width: 32px;
        height: 10px;
        background: url(../images/down-arrow.svg) no-repeat;
        position: relative;
        top: -14px
    }

    .hide-desktop .dropdown {
        position: relative;
        float: right;
        right: 60px;
        top: 5px
    }

    .user-icon {
        position: absolute;
        right: 0
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #eff6f4;
        min-width: 160px;
        top: 53px;
        z-index: 9999
    }

    .dropdown-content:before {
        content: "";
        position: absolute;
        top: -15px;
        left: 15px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #eff6f4
    }

    .dropdown-content a {
        color: #303630;
        padding: 12px 16px;
        text-decoration: none;
        display: block
    }

    .dropdown-content a:hover {
        background-color: #8bcbb7;
        color: #007367
    }

    .dropdown:hover .dropdown-content {
        display: block
    }

    .hide-desktop .dropdown:hover .dropdown::after {
        transform: rotate(270deg)
    }

    .submenu-dropdown span::after {
        top: 17px;
        background: url(../images/menu-rightarrowgrey.svg) no-repeat;
        right: 17px
    }
}

.visibilityshowhide {
    display: none
}

@media (max-width: 1300px) {
    .navbar-top {
        display:none
    }

    .header {
        position: fixed;
        padding: 13px 0
    }

    .submenu-item.submenu-dropdown.active span.submenu-link {
        padding: 15px 25px 15px 0
    }

    .submenu-item.submenu-dropdown.active span::after {
        top: 15px;
        background: url(../images/greaterthan-icon.svg) no-repeat
    }

    .user-icon .dropdown-content {
        right: -29px
    }

    .user-icon .dropdown-content::before {
        left: 100px
    }
}

.submenuactive .menu-item {
    display: none
}

.submenuactive .menu-item.active1 {
    display: block
}

.submenuactive .menu-item.active1 .menu-link {
    display: none
}

.submenuactive .menu-item.active1 .submenu {
    max-height: 100%!important;
    overflow: visible
}

.submenuactive .submenu-item {
    display: none
}

.submenuactive .submenu-item.active {
    display: block
}

.submenuactive .submenu-item.active .innersubmenu {
    max-height: 100%
}

.submenuactive .submenu-dropdown span::after {
    left: -19px;
    top: 13px;
    transform: rotate(180deg)
}

.submenuactive .submenu-link {
    color: #007367;
    font-weight: 600
}

@media only screen and (max-width: 1300px) {
    .clicksearch-form a {
        width:30px;
        display: flex;
        top: -28px;
        position: relative;
        right: 48px
    }
}

.footer .row {
    margin-left: 0;
    margin-right: 0
}

.footer--bg {
    background-color: #007367
}

.footer__wrapper {
    padding: var(--sec-space-60) 0
}

.footer__logo img {
    width: 164px;
    height: 70px
}

.footer__logo p {
    color: #fcfcfc;
    margin: var(--sec-space-15) 0;
    margin-bottom: 0
}

.footer__item a {
    font-size: var(--fs-14);
    line-height: 1.2;
    color: #fcfcfc;
    display: block;
    margin: var(--sec-space-10) 0
}

.footer__quicklinks {
    margin-top: var(--sec-space-30)
}

.footer__quicklinks p {
    color: #fcfcfc;
    margin: var(--sec-space-15) 0;
    font-weight: var(--fw-700)
}

.footer__quicklinks .socialmedialinks {
    display: flex;
    align-items: center
}

.footer__quicklinks .socialmedialinks .social-item:not(:last-child) {
    margin-right: var(--sec-space-15)
}

.footer__quicklinks .socialmedialinks .social-item img {
    width: 100%;
    height: 100%
}

.footer__copyright {
    padding: var(--sec-space-25) 0;
    background-color: #004740
}

.footer__copyright p {
    font-size: var(--fs-14);
    line-height: 1.2;
    color: #fcfcfc
}

.footer__multicolumn .footer__title {
    position: relative;
    margin: var(--sec-space-25) 0
}

.footer__multicolumn .footer__title h4 {
    font-size: var(--fs-16);
    line-height: 1.2;
    color: #fcfcfc;
    font-weight: var(--fw-700)
}

.footer__multicolumn .footer__title .footer__title--icon {
    background: url("../images/footer-arrow.svg") no-repeat;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 10px;
    background-position: center;
    transition: all .3s ease-in-out;
    transform: rotate(180deg)
}

.footer__multicolumn .footer--topspace {
    padding-top: var(--sec-space-70)
}

@media only screen and (max-width: 990px) {
    .footer__multicolumn .footer__title {
        margin-bottom:15px;
        cursor: pointer;
        margin: var(--sec-space-15) 0
    }

    .footer__multicolumn .footer__title .footer__title--icon {
        display: inline-block
    }

    .footer__multicolumn .footer__title.active {
        color: #f4e4c9
    }

    .footer__multicolumn .footer__title.active .footer__title--icon {
        transform: rotate(0);
        transition: all .3s ease-in-out;
        bottom: 0;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0
    }

    .footer__multicolumn .footer__item {
        padding: 2px 0
    }

    .footer__multicolumn .footer--topspace {
        padding-top: 0
    }
}

@media only screen and (max-width: 990px) {
    .footer__wrapper {
        padding:var(--sec-space-30) 0
    }

    .footer__quicklinks {
        margin-top: 0
    }

    .footer__list {
        transform: scaleY(0);
        transform-origin: 0 0 0;
        height: 0;
        transition: all .5s ease-in-out
    }

    .footer__list.active {
        transform: scaleY(1);
        transform-origin: 0 0 0;
        height: 100%;
        transition: all .5s ease-in-out;
        margin-top: var(--sec-space-30);
        margin-bottom: 20px
    }
}

.footer .mrb30 {
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .sticky__btn {
        position:fixed;
        bottom: 0;
        width: 100%;
        z-index: 9
    }

    .footer__copyright {
        margin-bottom: 60px;
        display: inline-block;
        width: 100%
    }
}

@media (max-width: 576px) {
    .mobile {
        width:100%
    }
}

@media (min-width: 992px) {
    .width80 {
        width:80%
    }

    .campus2 {
        margin-left: 8.33%;
        width: 22.44%
    }

    .campus3 {
        width: 20%;
        margin-left: 3%
    }

    .campus4 {
        margin-left: 4.5%;
        width: 20.666%
    }
}

.scrolltop {
    position: fixed;
    right: 55px;
    bottom: 13px;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 5px;
    border-radius: 50%;
    transition: .3s all ease-in-out;
    cursor: pointer;
    z-index: 10;
    display: none
}

.scrolltop--progress {
    transform: rotate(270deg);
    display: block;
    height: calc(100% - 13px);
    width: calc(100% - 13px);
    border-radius: 50%;
    display: grid;
    place-items: center
}

.scrolltop img {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1023px) {
    .scrolltop {
        width:40px;
        height: 40px;
        right: 10px;
        bottom: 58px
    }
}

.scrolltop.active {
    display: grid
}

.section {
    margin: var(--padding-general-96) 0
}

@media (max-width: 1366px) {
    .section {
        margin:var(--padding-general-76) 0
    }
}

@media (max-width: 1024px) {
    .section {
        margin:var(--padding-general-70) 0
    }
}

.section-top {
    margin-top: var(--margin-general-96)
}

@media (max-width: 1366px) {
    .section-top {
        margin-top:var(--margin-general-76)
    }
}

@media (max-width: 1024px) {
    .section-top {
        margin-top:var(--margin-general-70)
    }
}

.links,.white-links {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #007367;
    transition: .1s ease-in;
    font-weight: 600;
    font-size: var(--fs-19);
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.5rem;
    font-weight: 500;
    font-family: "FormaDJRDisplay Medium"
}

.links {
    color: #007367
}

.links:hover {
    color: #a58255
}

.links.space {
    width: 100%;
    gap: 0;
    justify-content: space-between
}

.white-links {
    color: #fcfcfc
}

.white-links:hover {
    color: #a58255
}

.links:hover span {
    transition: .4s ease;
    background: url("../images/arrow-icon-gold.svg") no-repeat
}

.white-links:hover span {
    background: url("../images/arrow-icon-gold.svg") no-repeat;
    transition: .4s ease
}

.arrowup {
    background: url("../images/arrow-icon.svg") no-repeat;
    transition: .4s ease;
    width: 18px;
    height: 18px
}

.arrowupwhite {
    background: url("../images/arrow-icon-white.svg") no-repeat;
    transition: .4s ease;
    width: 18px;
    height: 18px;
    display: flex;
    margin-top: -3px;
    margin-left: 6px
}

.cta {
    font-family: "Forma DJR Display Regular";
    text-align: center;
    transition: .4s ease;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 30px;
    cursor: pointer;
    min-width: 187px
}

@media screen and (max-width: 767px) {
    .cta {
        min-width:auto
    }
}

.cta--primary {
    background: #a58255;
    color: #fff!important
}

@media screen and (max-width: 991px) {
    .cta--primary {
        font-size:14px
    }
}

.cta--secondary {
    background: #007367;
    color: #fff
}

.cta--nb {
    background: 0 0;
    color: #007367;
    padding: 8px 20px;
    transition: .4s ease;
    min-width: auto
}

.cta--nb:hover {
    color: #a58255
}

.cta--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.cta--icon img {
    width: 16px;
    position: relative;
    top: -1px
}

.commonbtn {
    margin-top: 24px
}

.commonbtn a {
    font-family: "FormaDJRDisplay Medium";
    font-size: var(--fs-19);
    color: #007367;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    display: inline;
    transition: .4s ease
}

.commonbtn a::after {
    content: "";
    background-size: contain;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    transition: .3s ease
}

.commonbtn a:hover {
    color: #a58255
}

.commonbtn a.commonbtn__viewall {
    position: relative;
    display: inline
}

.commonbtn a.commonbtn__viewall::after {
    background: url("../images/downarrow.svg") no-repeat;
    right: -29px;
    top: -4px
}

.commonbtn a.commonbtn__viewall:hover::after {
    background: url("../images/downarrow-gold.svg") no-repeat
}

.commonbtn a.commonbtn__arrowup::after {
    background: url("../images/arrow-icon.svg") no-repeat;
    right: -29px;
    top: 0;
    width: 18px;
    height: 18px
}

.commonbtn a.commonbtn__arrowup:hover::after {
    background: url("../images/arrow-icon-gold.svg") no-repeat
}

.commonbtn.m0 {
    margin: 0
}

.banner {
    position: relative;
    height: 520px;
    overflow: hidden
}

@media screen and (max-width: 1700px) {
    .banner {
        height:500px
    }
}

@media screen and (max-width: 1440px) {
    .banner {
        height:400px
    }
}

@media screen and (max-width: 1300px) {
    .banner {
        height:370px;
        margin-top: 80px
    }
}

@media screen and (max-width: 991px) {
    .banner {
        height:unset
    }

    .banner .container {
        padding: 0
    }

    .banner__row {
        margin: 0
    }
}

.banner h1 {
    font-family: "FormaDJRDisplay Bold";
    color: #007367;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 2px
}

@media screen and (max-width: 991px) {
    .banner h1 {
        font-size:32px
    }
}

@media screen and (max-width: 767px) {
    .banner h1 {
        font-size:40px
    }
}

.banner p {
    font-family: "Forma DJR Display Regular";
    color: #a58255;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 24px;
    letter-spacing: .8px
}

@media screen and (max-width: 991px) {
    .banner p {
        font-size:12px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 991px) {
    .banner p {
        font-size:16px;
        margin-bottom: 24px
    }
}

.banner a {
    display: inline-block
}

.banner__bg {
    background: url("../images/home-banner.svg") no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 1366px) {
    .banner__bg {
        height:400px
    }
}

@media screen and (min-width: 2000px) {
    .banner__bg {
        background-size:contain;
        background-position: center
    }
}

.banner__desktop {
    display: block
}

@media screen and (max-width: 991px) {
    .banner__desktop {
        display:none
    }
}

.banner__mobile {
    display: none
}

@media screen and (max-width: 991px) {
    .banner__mobile {
        display:block;
        width: 100%
    }
}

.banner__row {
    display: flex;
    height: 100%;
    justify-content: space-between;
    text-align: left
}

@media screen and (max-width: 991px) {
    .banner__row {
        flex-direction:column;
        justify-content: flex-start
    }
}

.banner__col {
    width: 31%;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1440px) {
    .banner__col {
        width:35%
    }
}

@media screen and (max-width: 991px) {
    .banner__col {
        width:100%;
        background: #f0e0c1
    }

    .banner__col:nth-child(2) {
        padding: 24px 15px 32px
    }
}

.banner__wrapper {
    position: absolute;
    width: 100%;
    transform: translateY(25%)
}

@media screen and (max-width: 991px) {
    .banner__wrapper {
        position:unset;
        transform: translateY(0);
        padding: 0
    }
}

.banner .btn {
    font-family: "FormaDJRDisplay Medium";
    background: #a58255;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    padding: 8.21px 15px;
    transition: .4s ease;
    text-align: center
}

@media screen and (min-width: 991px) {
    .banner .btn:hover {
        background:#007367;
        color: #fff
    }
}

.banner br {
    display: block
}

.banner__herobannerslider .swiper-slide {
    display: block;
    box-sizing: border-box
}

@media screen and (max-width: 1920px) {
    .banner__herobannerslider {
        height:100%
    }
}

@media screen and (max-width: 1920px) {
    .banner__herobannerslider video {
        height:100%
    }
}

.banner__herobannerslider .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: absolute;
    margin-top: -20px;
    margin-left: 5%;
    bottom: 9px;
    width: 100%
}

.banner__herobannerslider .swiper-pagination-bullet {
    background: #007367;
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px
}

.banner__herobannerslider .swiper-pagination-bullet-active {
    background: #a58255;
    border: 2px solid #007367;
    height: 14px;
    width: 14px
}

.banner__herobannerslider .swiper-pagination-bullet-active-next,.banner__herobannerslider .swiper-pagination-bullet-active-next-next,.banner__herobannerslider .swiper-pagination-bullet-active-prev {
    background: #007367
}

.video-content {
    position: absolute;
    top: 37%;
    left: 40px;
    color: #fff;
    background-color: rgba(0,0,0,.7098039216);
    padding: 15px 25px;
    border-radius: 5px
}

.video-content p {
    color: #fff;
    margin-bottom: 10px
}

.video-content a {
    color: #fff;
    font-size: 30px
}

.innerpagevido .banner {
    height: auto!important
}

@media screen and (max-width: 1300px) {
    .innerpagevido .banner {
        margin-top:0!important
    }
}

.innerpagevido video::-internal-media-controls-download-button,.innerpagevido video::-webkit-media-controls-enclosure,.innerpagevido video::-webkit-media-controls-panel {
    display: none!important
}

@media (min-width: 1025px) {
    .sticky__btn {
        position:fixed;
        top: 50%;
        right: 0;
        transform-origin: bottom right;
        z-index: 99;
        transform: translateY(-50%)!important
    }
}

@media (min-width: 1025px) {
    .sticky__btn ul {
        align-items:flex-end;
        flex-direction: column
    }
}

.sticky__btn ul {
    display: flex;
    flex-wrap: wrap
}

.sticky__btn ul li {
    background-color: var(--clr-general-black);
    cursor: pointer;
    position: relative;
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-rl;
    background: #a58255;
    border-right: solid .1px #fff;
    border-top: 1px solid #fff;
    border-bottom: solid 1px #fff
}

@media (max-width: 1024px) {
    .sticky__btn ul li {
        border-bottom:0;
        border-right: 0;
        display: flex
    }
}

.sticky__btn ul li a {
    color: #fff;
    padding: 26px 14px;
    display: inline-block;
    width: 54px
}

@media (max-width: 1366px) {
    .sticky__btn ul li a {
        padding:18px 14px;
        text-align: center;
        width: 54px;
        align-items: center;
        display: flex;
        font-size: 14px
    }
}

@media (max-width: 1024px) {
    .sticky__btn ul li a {
        width:auto
    }
}

.sticky__btn ul li:hover {
    background: #007367
}

.sticky__btn ul li:first-child {
    background: #4a76c7;
    border-bottom: solid 1px #fcfcfc
}

.sticky__btn ul li:first-child:hover {
    background: #a58255
}

.sticky__btn ul li:first-child a {
    color: #fff
}

.sticky__btn ul li:nth-child(2) {
    background: #007367;
    border-bottom: solid 1px #fcfcfc
}

.sticky__btn ul li:nth-child(2):hover {
    background: #a58255
}

.sticky__btn ul li:nth-child(2) a {
    color: #fff
}

.footer__colsection ul li {
    font-weight: var(--fw-700);
    font-size: var(--fs-18)
}

@media (max-width: 1024px) {
    footer .sticky__btn ul li {
        width:50%;
        text-align: center;
        writing-mode: initial;
        transform: none;
        white-space: initial
    }

    footer .sticky__btn ul li:first-child {
        flex: 0 1 50%;
        justify-content: center
    }

    footer .sticky__btn ul li:nth-child(2) {
        flex: 0 1 50%;
        justify-content: center;
        border-left: solid 1px #fcfcfc;
        border-bottom: 0
    }

    footer .sticky__btn ul li:nth-child(3) {
        flex: 0 1 100%;
        justify-content: center
    }
}

#small-dialog,#small-dialog1,#small-dialog2 {
    text-align: left;
    position: fixed;
    top: 0;
    z-index: 9999;
    right: 0;
    padding: 50px;
    max-width: 600px;
    background: var(--clr-primary-100);
    height: 100vh;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    #small-dialog,#small-dialog1,#small-dialog2 {
        max-width:100%
    }
}

@media only screen and (max-width: 399px) {
    #small-dialog,#small-dialog1,#small-dialog2 {
        padding:35px
    }
}

.mfp-hide {
    display: none
}

.mfp-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-out;
    transform: translateX(100%) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: translateX(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateX(100%) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom-out-cur {
    cursor: -moz-zoom-out
}

.small-dialog .mfp-close-btn-in .mfp-close,.small-dialog1 .mfp-close-btn-in .mfp-close {
    color: var(--clr-primary-100)!important;
    text-indent: -1000px
}

.small-dialog .js-form-type-checkbox,.small-dialog1 .js-form-type-checkbox {
    display: flex
}

.small-dialog .js-form-type-checkbox label,.small-dialog1 .js-form-type-checkbox label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    flex-basis: 91%
}

@media only screen and (max-width: 479px) {
    .small-dialog .js-form-type-checkbox label,.small-dialog1 .js-form-type-checkbox label {
        flex-basis:85%
    }
}

.small-dialog input[type=checkbox],.small-dialog1 input[type=checkbox] {
    flex-basis: 5%
}

@media only screen and (max-width: 479px) {
    .small-dialog input[type=checkbox],.small-dialog1 input[type=checkbox] {
        flex-basis:10%
    }
}

.small-dialog .form-item--error-message,.small-dialog1 .form-item--error-message {
    color: #10d1ff;
    margin-top: 10px;
    font-size: var(--fs-14);
    flex-basis: 100%
}

.mfp-close {
    position: relative;
    color: var(--clr-primary-100)!important;
    text-indent: -1000px
}

.mfp-close::after {
    content: "";
    background: url("/themes/gitam/assets/images/close-icon.svg");
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width: 399px) {
    .mfp-close::after {
        top:35px;
        right: 35px
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: "FormaDJRDisplay Medium";
    background: 0 0;
    border: 0;
    cursor: pointer
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.breadcrumb {
    padding: 16px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 8px
}

@media screen and (max-width: 1300px) {
    .breadcrumb {
        margin-top:80px
    }
}

.breadcrumb__item {
    padding-left: 25px;
    position: relative;
    font-size: var(--fs-14);
    line-height: 1.2;
    color: #303630
}

.breadcrumb__item:first-child {
    padding-left: 0
}

.breadcrumb__item:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../images/greaterthan-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 5px
}

.breadcrumb__item.active {
    color: #007367;
    font-weight: var(--fw-500);
    white-space: nowrap
}

.breadcrumb__item a {
    color: #303630;
    font-weight: var(--fw-400);
    white-space: nowrap
}

.breadcrumb::-webkit-scrollbar {
    height: 3px;
    background-color: #007367;
    border-radius: 10px
}

.breadcrumb::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

.multi-slider__slide {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 1.5rem);
    max-width: 300px
}

@media (max-width: 768px) {
    .multi-slider__slide {
        width:calc(50% - 1rem)
    }
}

@media (max-width: 480px) {
    .multi-slider__slide {
        width:calc(100% - 1rem)
    }
}

.multi-slider .swiper-slide {
    height: auto
}

.course-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    height: 100%
}

.course-card__image {
    width: 192px;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1300px) {
    .course-card__image {
        width:380px;
        max-width: 100%
    }
}

.course-card a {
    height: 100%;
    color: #fff
}

.course-card a .bg-overlay {
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(0,0,0,0),#05342f);
    transition: all 1s ease;
    will-change: bottom
}

.course-card a:hover .bg-overlay {
    height: 100%;
    bottom: 0;
    top: auto
}

.course-card a .course-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 26px 16px 16px
}

.course-card a .course-card__courses {
    font-size: .75rem;
    margin: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #fff
}

.course-card a .course-card__title {
    font-size: 1rem;
    font-weight: 700;
    justify-content: left;
    align-items: start;
    display: flex;
    color: #fff
}

.course-card a .course-card a {
    color: #fff
}

.course-card a .course-card__title {
    color: #fff
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.disciplinearchitecture__card {
    border: none;
    text-align: left;
    transition: transform .3s;
    cursor: pointer
}

.disciplinearchitecture__card:hover {
    transform: translateY(-5px)
}

.disciplinearchitecture__content {
    margin-top: 1rem;
    background-color: rgba(139,203,183,.15);
    padding: 30px
}

.disciplinearchitecture__content .links {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    align-items: flex-start
}

@media (max-width: 767px) {
    .disciplinearchitecture__content .links .arrowup {
        width:25px
    }
}

.disciplinearchitecture__title {
    font-size: 26px!important;
    font-weight: 600!important;
    color: #a58255
}

.disciplinearchitecture span.course-name {
    width: 100%;
    background: 0 0
}

.exploreengage p {
    margin-bottom: 16px
}

.course-finder .centres-grid__container {
    justify-content: flex-start
}

@media (max-width: 1300px) {
    .top-space-6 {
        margin-top:6%
    }
}

@media (max-width: 767px) {
    .top-space-6 {
        margin-top:14%
    }
}

.find-programme {
    background-color: #007367;
    padding: 2rem 2rem;
    color: #fcfcfc
}

.find-programme select {
    background: url(../images/down-arrow.svg) no-repeat right!important
}

.find-programme p {
    color: #fff
}

.row {
    margin-left: 0;
    margin-right: 0
}

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

.find-programme h2 {
    margin-bottom: 24px;
    color: #fcfcfc
}

.fa-sort-desc {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 24px
}

.mt-35 {
    margin-top: 35px
}

.btn {
    background: #fcfcfc;
    border: 0;
    outline: 0;
    color: #007367;
    padding: 11px 23px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    transition: .3s ease
}

.btn:hover {
    color: #fff;
    background: #a58255;
    transition: .3s ease
}

@media (max-width: 1024px) {
    .find-programme {
        padding:2rem 0
    }
}

.mt-2rem {
    margin-top: 2rem!important
}

.form-type-select select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    border: none;
    border-bottom: solid 1px rgba(217,217,217,.4);
    color: #fcfcfc;
    width: 86%;
    padding: 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/acc-down-arrow.svg) no-repeat right
}

select[name=field_campus_target_id] option {
    position: relative;
    border-bottom: solid 1px rgba(217,217,217,.4);
    color: #fcfcfc;
    padding: 10px 20px;
    cursor: pointer;
    color: #007367;
    background: #eff6f4
}

#edit-field-campus-target-id:focus option {
    position: relative;
    border-bottom: solid 1px rgba(217,217,217,.4);
    color: #fcfcfc;
    padding: 10px 20px;
    cursor: pointer;
    color: #007367;
    background: #eff6f4
}

.form-type-select option {
    position: relative;
    border-bottom: solid 1px rgba(217,217,217,.4);
    color: #fcfcfc;
    padding: 10px 20px;
    cursor: pointer;
    color: #007367;
    background: #eff6f4;
    font-family: "FormaDJRDisplay Medium"
}

input:focus,select:focus {
    outline: 0
}

.form-type-select option li {
    padding: 10px 20px
}

.form-type-select option::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 18px;
    height: 10px;
    background: url(../images/select-arrow.svg)
}

.select_wrap .select_ul {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #eff6f4;
    display: none
}

.select_wrap .select_ul li {
    padding: 10px 20px;
    cursor: pointer;
    color: #007367
}

.select_wrap .select_ul li:hover {
    background: #8bcbb7
}

.select_wrap .option {
    display: flex;
    align-items: center
}

.select_wrap .option .icon {
    background: url(../images/down-arrow.svg);
    width: 32px;
    height: 32px;
    margin-right: 15px
}

.select_wrap.active .select_ul {
    display: block
}

@media (max-width: 580px) {
    .form-type-select select {
        width:100%!important
    }
}

.career-guidance-section .career-image {
    position: relative
}

.career-guidance-section .career-image::after {
    content: "";
    background: linear-gradient(rgba(0,0,0,0),#021431);
    width: 100%;
    height: 29%;
    position: absolute;
    z-index: 1
}

.career-guidance-section .guidance-image {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden
}

@media (max-width: 767px) {
    .career-guidance-section .guidance-image {
        height:500px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.career-guidance-section .guidance-content {
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
    left: 20px
}

.career-guidance-section .bottomcta {
    position: absolute;
    bottom: 8px;
    left: 30px
}

.career-guidance-section .radiusbanner__content {
    padding: 18px 48px 18px 15px;
    z-index: 9
}

.career-guidance-section .radiusbanner__content a {
    color: #007367;
    line-height: 1.3
}

.career-guidance-section .radiusbanner__content a:hover {
    color: #a58255
}

.career-guidance-section .career-guidance-section .visible-desktop {
    display: block
}

.career-guidance-section .career-guidance-section .visible-mobile {
    display: none
}

@media (max-width: 768px) {
    .career-guidance-section .career-guidance-section .visible-desktop {
        display:none
    }

    .career-guidance-section .career-guidance-section .visible-mobile {
        display: block
    }
}

@media (max-width: 580px) {
    br {
        display:none
    }

    .cardradius-slider br {
        display: block
    }

    .campusloactionsec br {
        display: block!important
    }
}

.visible-desktopimg {
    display: block
}

.visible-mobileimg {
    display: none
}

@media (max-width: 767px) {
    .visible-desktopimg {
        display:none
    }

    .visible-mobileimg {
        display: block
    }

    .visible-mobileimg img {
        width: 100%
    }
}

.career-guidance .tickicon ul {
    padding: 16px 0
}

.career-guidance .tickicon ul li {
    font-size: 16px
}

.career-guidance__content {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    max-width: 100%;
    overflow: hidden;
    border-radius: 15px 15px 15px 0
}

.career-guidance__image {
    width: 100%;
    height: auto;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover
}

.career-guidance__overlay {
    position: absolute;
    left: 2%;
    bottom: 15%;
    background: url(../images/programbgcolor.png) no-repeat;
    padding: 52px 42px;
    color: #fff;
    z-index: 2;
    background-size: 100%;
    width: 315px;
    height: 200px
}

.career-guidance__overlay p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    color: #fff
}

.career-guidance__text {
    font-size: 1.3rem;
    line-height: 1.2;
    font-size: 18px
}

@media (max-width: 767px) {
    .career-guidance__text {
        font-size:16px
    }
}

.career-guidance__text span {
    font-family: "FormaDJRDisplay Bold"
}

.career-guidance__highlight {
    font-weight: 700;
    color: #fff
}

.career-guidance__link {
    display: inline-flex;
    align-items: center;
    margin-top: .5rem;
    color: #00a86b;
    text-decoration: none
}

.career-guidance__link-icon {
    margin-left: .5rem;
    font-size: 1rem;
    transition: transform .3s ease
}

.career-guidance__link:hover .career-guidance__link-icon {
    transform: translateX(5px)
}

@media (max-width: 768px) {
    .career-guidance__overlay {
        left:18px;
        bottom: 22%
    }

    .career-guidance__text {
        font-size: .875rem
    }

    .career-guidance__link {
        font-size: .875rem
    }
}

@media (max-width: 480px) {
    .career-guidance__overlay {
        left:9px;
        bottom: 22%
    }

    .career-guidance__text {
        font-size: .75rem
    }

    .career-guidance__link {
        font-size: .75rem
    }
}

.campus-slider .threeslider__card {
    cursor: default
}

.threeslider__relative {
    position: relative
}

.threeslider__inner-container {
    position: relative
}

@media (max-width: 767px) {
    .threeslider__inner-container {
        padding-right:0
    }
}

.threeslider__xhiden {
    overflow: hidden
}

.threeslider__card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: transform .3s
}

.threeslider__card:hover .threeslider__info {
    transform: translateY(-5px)
}

.threeslider__card img {
    width: 375px;
    height: 480px;
    border-radius: 20px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1200px) {
    .threeslider__card img {
        width:100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.threeslider__info {
    background-color: #007367;
    color: #fcfcfc;
    padding: 28px 15px;
    border-radius: 25px;
    position: absolute;
    bottom: 0;
    margin: 13px;
    transition: transform .3s;
    text-align: left
}

.threeslider__info:hover {
    transform: translateY(-5px)
}

.threeslider h4 {
    margin-bottom: 8px
}

.threeslider__slider {
    position: relative
}

.threeslider__slider--horizontal {
    overflow: hidden;
    margin-left: 0
}

@media (max-width: 767px) {
    .threeslider__slider--horizontal {
        margin-left:0
    }
}

@media (min-width: 767px) {
    .threeslider__slider--horizontal {
        margin-left:0
    }
}

.disciplines-slider .course-card__image {
    height: 100%
}

.leaders-section {
    position: relative
}

.leaders-section__slide-control {
    position: absolute;
    top: -16%;
    right: 0;
    display: flex;
    flex-direction: row-reverse
}

@media (min-width: 320px) {
    .leaders-section__slide-control {
        bottom:-13px;
        top: auto;
        z-index: 99
    }
}

@media (max-width: 630px) {
    .leaders-section__slide-control {
        bottom:-13px!important
    }
}

@media (min-width: 630px) {
    .leaders-section__slide-control {
        top:-10.5%;
        z-index: 99
    }
}

@media (min-width: 1024px) {
    .leaders-section__slide-control {
        top:-11.5%;
        z-index: 99
    }
}

.leaders-section__button--prev {
    background: url(../images/arrow-left.svg) no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.leaders-section__button--next {
    background: url(../images/arrow-right.svg) no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer
}

@media (min-width: 320px) {
    .imagegallery__slide-control {
        top:0
    }
}

.leadership-slider .leader-card {
    text-align: left;
    overflow: hidden;
    transition: transform .3s;
    border-radius: 20px 20px 0 0
}

.leadership-slider .leader-card img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transition: transform .3s
}

@media (max-width: 1024px) {
    .leadership-slider .leader-card img {
        width:100%
    }
}

.leadership-slider .leader-card h3 {
    color: #303630;
    margin: 20px 0 10px
}

.leadership-slider .leader-card p {
    color: #303630
}

.leadership-slider .leader-card p a {
    color: #303630
}

.leadership-slider .leader-card span {
    font-size: 14px;
    font-weight: 400
}

.leadership-slider .leader-card:hover img {
    transform: translateY(-5px)
}

.aboutleadership-slider a {
    cursor: default
}

.aboutleadership-slider .leader-card {
    text-align: left;
    overflow: hidden;
    transition: transform .3s;
    border-radius: 20px 20px 0 0
}

.aboutleadership-slider .leader-card img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transition: transform .3s
}

@media (max-width: 1024px) {
    .aboutleadership-slider .leader-card img {
        width:100%
    }
}

.aboutleadership-slider .leader-card h3 {
    color: #303630;
    margin: 20px 0 10px
}

.aboutleadership-slider .leader-card p {
    color: #303630
}

.aboutleadership-slider .leader-card p a {
    color: #303630
}

.aboutleadership-slider .leader-card span {
    font-size: 14px;
    font-weight: 400
}

.aboutleadership-slider .leader-card:hover img {
    transform: translateY(-5px)
}

@media (max-width: 767px) {
    .campuses-slider .leader-card {
        margin:0
    }
}

.vdchidecta .leadership-slider p {
    display: none
}

.know-gitam-section {
    color: #303630
}

.know-gitam-section h1 {
    margin-bottom: var(--fs-16)
}

.know-gitam-section .image-container img {
    border-radius: 20px;
    max-width: 100%;
    height: 100%
}

.know-gitam-section .vimg-container img {
    border-radius: 24px;
    max-width: 100%;
    height: 100%
}

@media (max-width: 991px) {
    .know-gitam-section .vimg-container img {
        margin-top:40px
    }
}

.know-gitam-section .btn-primary {
    color: #007367
}

.know-gitam-section .badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #00a6d3;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    font-weight: 700
}

.know-gitam-section .content {
    padding-right: 16px
}

@media (max-width: 767px) {
    .know-gitam-section .content {
        padding-right:0
    }
}

.know-gitam-section .contents {
    padding-right: 20px
}

.know-gitam-section .contents-right {
    padding-left: 20px
}

.know-gitam-section h3 {
    margin-bottom: 9px;
    margin-top: 12px
}

.know-gitam-section p {
    color: #303630;
    margin-top: 1rem
}

.know-gitam-section p:first-of-type {
    margin-top: 0
}

.know-gitam-section video {
    width: 570px;
    height: 471px;
    top: 0;
    position: relative;
    border-radius: 20px
}

.cardradius-slider {
    height: 38px;
    overflow: hidden
}

@media (max-width: 767px) {
    .cardradius-slider {
        max-width:150px
    }
}

.cardradius-slider .swiper-slide {
    background: 0 0;
    display: flex
}

@media (min-width: 1366px) {
    .know-gitam-section .image-container img {
        width:576px;
        height: 322px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.know-gitam-section .visible-desktop {
    display: block
}

.know-gitam-section .visible-mobile {
    display: none
}

@media (max-width: 768px) {
    .know-gitam-section {
        flex-direction:column
    }

    .know-gitam-section .image-container {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .know-gitam-section .image-container img {
        width: 100%;
        height: 100%
    }

    .know-gitam-section .visible-desktop {
        display: none
    }

    .know-gitam-section .visible-mobile {
        display: block
    }

    .know-gitam-section .image-fullwidth {
        width: 100%
    }
}

.course-section__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden
}

.course-section__image {
    width: 100%;
    height: auto;
    border-radius: 15px;
    -o-object-fit: cover;
    object-fit: cover
}

.course-section__cta {
    background-color: #007367;
    padding: 17px 17px;
    border-radius: 14px;
    color: #fcfcfc;
    display: flex;
    align-items: center
}

.course-section__cta span:first-child {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: 3px;
    margin-right: 8px
}

.course-section__cta span:last-child {
    font-size: 12px;
    display: inline-block;
    text-align: left
}

.course-section__cta-text {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: 1px;
    margin-right: 8px
}

.course-section__cta-subtext {
    font-size: 12px;
    width: 72px;
    display: inline-block;
    text-align: left
}

@media (max-width: 768px) {
    .course-section__cta-text {
        font-size:1.5rem
    }

    .course-section__cta-subtext {
        font-size: .875rem
    }
}

@media (max-width: 480px) {
    .course-section__cta {
        padding:.5rem
    }

    .course-section__cta-text {
        font-size: 1.25rem
    }

    .course-section__cta-subtext {
        font-size: .75rem
    }
}

.partnerships-section h2 {
    margin-bottom: 20px
}

.partnerships-section .logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px!important;
    margin: 0!important
}

.partnerships-section .logo-grid .logo-item {
    width: 270px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.partnerships-section .logo-grid .logo-item img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .partnerships-section h2 {
        margin-bottom:0
    }

    .partnerships-section .logo-grid {
        justify-content: left;
        gap: 0 15px
    }
}

.marquee__movecotent {
    width: 100%;
    background: #fff
}

.marquee__content {
    overflow: hidden;
    margin: 41px 0 0;
    display: flex;
    flex-direction: column
}

.marquee__content__js-marquee {
    display: flex
}

@media screen and (min-width: 768px) {
    .latestnews .latestnews__list:last-child {
        margin-right:200px!important
    }
}

.latestnews .latestnews__list:last-child {
    padding-right: 0
}

.brand .logo-grid {
    justify-content: flex-start;
    align-items: center;
    gap: 50px 13px;
    margin-top: 40px!important
}

@media screen and (max-width: 500px) {
    .brand .logo-grid {
        justify-content:center;
        gap: 50px 0
    }
}

.brand .logo-item {
    width: 270px;
    display: flex;
    align-items: center;
    flex-shrink: 1;
    flex-grow: 1
}

@media screen and (min-width: 767px) {
    .brand .logo-item {
        width:230px
    }
}

@media screen and (max-width: 1024px) {
    .brand .logo-item {
        flex-shrink:0;
        flex-grow: 0;
        justify-content: center
    }
}

@media screen and (max-width: 582px) {
    .brand .logo-item {
        justify-content:center
    }
}

.star-recruiters .logo-grid {
    justify-content: flex-start;
    align-items: center;
    gap: 50px 13px;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .star-recruiters .logo-grid {
        justify-content:center;
        gap: 50px 0
    }
}

.star-recruiters .logo-grid .logo-item {
    width: 255px;
    display: flex;
    align-items: center;
    flex-shrink: 1;
    justify-content: flex-start
}

.star-recruiters .logo-grid .logo-item img {
    width: 190px
}

@media screen and (max-width: 1024px) {
    .star-recruiters .logo-grid .logo-item {
        justify-content:flex-start;
        flex-shrink: 0;
        flex-grow: 0
    }
}

@media screen and (max-width: 582px) {
    .star-recruiters .logo-grid .logo-item {
        justify-content:center
    }
}

.testimonial__content {
    width: 100%
}

.testimonial__card {
    background: rgba(139,203,183,.15);
    border: none;
    padding: 18px;
    border-radius: 16px;
    transition: .2s;
    text-align: left;
    height: 100%;
    transition: transform .3s;
    cursor: default
}

.testimonial__card:hover {
    transition: transform .3s
}

.testimonial__card:hover .testimonial__social-card {
    transform: translateY(-5px)
}

.testimonial__card a {
    cursor: default
}

.testimonial__text {
    font-size: 1rem;
    color: #004740;
    font-weight: 500;
    margin-bottom: 1rem
}

.testimonial__text span {
    background-color: #8bcbb7;
    padding: 0 5px
}

.testimonial__author {
    font-size: 1rem;
    font-weight: 700;
    color: #004740;
    margin-top: .9rem;
    display: flex;
    justify-content: flex-end
}

.testimonial__title {
    font-size: 2rem;
    color: #00796b
}

.testimonial__social-card {
    position: relative;
    width: 100%;
    background: #ecf8f4;
    border-radius: 1.25rem;
    overflow: hidden
}

.testimonial__img-box {
    width: 100%
}

@media (max-width: 1200px) {
    .testimonial__img-box {
        height:100%
    }
}

.testimonial__img-box img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.testimonial__icon {
    position: absolute;
    bottom: -.375rem;
    right: -.375rem;
    width: 5rem;
    height: 5rem;
    background: #ecf8f4;
    border-top-left-radius: 50%;
    padding: 10px
}

.testimonial__icon::after,.testimonial__icon::before {
    content: "";
    position: absolute;
    background: 0 0;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: .313rem .313rem 0 .313rem #ecf8f4
}

.testimonial__icon::before {
    bottom: .375rem;
    left: -1.25rem
}

.testimonial__icon::after {
    top: -1.25rem;
    right: .375rem
}

.testimonial__icon-link img {
    width: 100%
}

@media (max-width: 1200px) {
    .testimonial__inner-container {
        padding-right:0
    }
}

@media (max-width: 1024px) {
    .testimonial__img-box img {
        width:100%
    }
}

.innerpage .testimonial__card {
    display: flex;
    border-radius: 20px
}

.innerpage .testimonial__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0
}

.innerpage .testimonial__author {
    justify-content: flex-start;
    font-size: var(--fs-20)!important;
    font-weight: var(--fw-700)!important;
    font-family: "FormaDJRDisplay Medium"!important;
    line-height: 1.3;
    color: #a58255!important;
    margin: 0!important
}

.innerpage .testimonial__title {
    font-size: 1rem;
    color: #007367;
    font-weight: var(--fw-700)!important;
    margin-bottom: 4px
}

.innerpage .testimonial__social-card {
    border-radius: 0
}

.innerpage .testimonial__designation {
    font-size: .9rem;
    color: #303630;
    font-weight: var(--fw-700)!important
}

.innerpage .testimonial__img-box img {
    aspect-ratio: 4/4;
    border-radius: 16px;
    margin-bottom: 20px
}

.testimonial__slide {
    height: auto!important
}

.faculty-section {
    background: #f4e4c9;
    padding: 3rem 0
}

.faculty-section__footer {
    margin-top: 1.5rem;
    text-align: left
}

.faculty-section .swiper-slide {
    background: 0 0
}

.faculty-section .humansgitam-slider__card {
    border: none;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: transform .3s;
    border-radius: 20px 20px 0 0
}

.faculty-section .humansgitam-slider__card img {
    border-radius: 20px;
    transition: transform .3s
}

.faculty-section .humansgitam-slider__image {
    width: 273px;
    height: 302px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1000px) {
    .faculty-section .humansgitam-slider__image {
        width:100%;
        height: 100%
    }
}

.faculty-section .humansgitam-slider__content {
    margin-top: 1rem
}

.faculty-section .humansgitam-slider__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #a58255;
    margin: 0
}

.faculty-section .humansgitam-slider p {
    font-size: .9rem;
    color: #007367;
    font-weight: 700;
    margin-bottom: 4px
}

.faculty-section .humansgitam-slider__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem
}

.faculty-section .humansgitam-slider__button {
    background-size: cover;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: none;
    background-color: transparent
}

.faculty-section .humansgitam-slider__button--prev {
    background-image: url("../images/arrow-left.svg")
}

.faculty-section .humansgitam-slider__button--next {
    background-image: url("../images/arrow-right.svg")
}

.faculty-section .humansgitam-slider .faculty-slider__card {
    cursor: default;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.faculty-section .humansgitam-slider .faculty-slider__card img {
    border-radius: 20px;
    height: 352px
}

.faculty-section .humansgitam-slider .faculty-slider__card:hover img {
    transition: transform .3s;
    transform: translateY(-5px)
}

.tabs {
    margin: 20px 0 30px 0;
    padding: 0;
    list-style: none;
    position: relative
}

.tabs__tab {
    display: inline-block;
    cursor: pointer;
    color: #a58255;
    padding: 5px 0;
    margin-right: 15px
}

.tabs__tab--active {
    border-bottom: 2px solid #007367;
    color: #007367;
    font-weight: 700
}

.tabs__tab--active::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -.1em;
    left: 0;
    background: 0 0
}

.tabs-content {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

.tabs-content__pane {
    display: none
}

.tabs-content__pane--active {
    display: block
}

.humans-sliderpopup {
    overflow: hidden
}

.humans-sliderpopup .campusslide__sliderbtn {
    bottom: 50%;
    width: 100%;
    align-items: flex-start
}

.humans-sliderpopup .campusslide__sliderbtn .campusslide-btn-prev::after {
    left: 0;
    position: absolute
}

.humansgitampopupslider .popup__content {
    max-height: 100vh
}

.humansgitampopupslider .popupfilter__content {
    padding: 0
}

.humansgitampopupslider .cta {
    min-width: auto;
    right: 0;
    position: fixed;
    z-index: 999
}

.humansgitampopupslider .faculty-slider__card img {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    height: 100%!important
}

.vdcevent .cta {
    min-width: auto;
    right: 0;
    position: fixed;
    z-index: 999;
    top: 0
}

.vdcevent .humans-sliderpopup img {
    height: 350px
}

.stayupdated h2 {
    margin-bottom: 2rem
}

.stayupdated .links {
    margin-bottom: 2rem
}

@media (max-width: 767px) {
    .stayupdated .links {
        margin-bottom:0
    }
}

.news-section {
    padding: 3rem 0
}

.news-section__tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem
}

.news-section__tab {
    cursor: pointer;
    color: #a58255;
    margin-right: 1rem;
    padding: .5rem 1rem;
    border-bottom: 2px solid transparent;
    transition: color .3s,border-color .3s
}

.news-section__tab--active {
    color: #007367;
    border-color: #007367;
    font-weight: 700
}

.news-section__tabs-content {
    display: flex;
    flex-direction: column
}

.news-section__pane {
    display: none
}

.news-section__pane--active {
    display: block
}

.news-section__footer {
    margin-top: 1.5rem;
    text-align: left
}

.news-section__link {
    color: #007367;
    text-decoration: none;
    font-weight: 700
}

.news-section__link:hover {
    text-decoration: underline
}

.news-section__link::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("../images/arrow-right.svg");
    background-size: contain;
    margin-left: 5px
}

.news-slider h3 {
    color: #4e554e
}

.news-slider__card {
    background-color: #fff;
    border: none;
    text-align: left;
    cursor: default
}

.news-slider__image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 1rem
}

.news-slider__image-wrapper.shine::before {
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2
}

.news-slider__image-wrapper.shine:focus::before,.news-slider__image-wrapper.shine:hover::before {
    animation: shine .85s
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.news-slider__image {
    width: 100%;
    border-radius: 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    height: 222px
}

.news-slider__content {
    position: relative
}

.news-slider__title {
    font-family: "FormaDJRDisplay Medium";
    font-size: 1.25rem;
    font-weight: 500;
    color: #4e554e;
    line-height: 1.2
}

.news-slider__subtitle {
    font-size: .9rem;
    color: #007367;
    margin-bottom: .7rem
}

.news-slider__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem
}

.news-slider__button {
    background-size: cover;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: none;
    background-color: transparent
}

.news-slider__button--prev {
    background-image: url("../images/arrow-left.svg")
}

.news-slider__button--next {
    background-image: url("../images/arrow-right.svg")
}

@media (min-width: 1300px) {
    .news-slider .swiper-slide {
        flex:1 1 30%;
        display: flex;
        flex-direction: column;
        border-radius: var(--sec-space-15);
        max-width: 33.3333%
    }
}

@media (max-width: 767px) {
    .news-slider__card {
        margin:0 0 1rem
    }

    .news-section__footer {
        text-align: center
    }
}

.upcoming-events .row {
    margin-left: 0;
    margin-right: 0
}

.upcoming-events h2 {
    margin-bottom: 0
}

.upcoming-events .event-card {
    background: url(../images/curve-bg.svg) no-repeat;
    position: relative;
    padding: 16px 20px 25px 20px;
    width: calc(33.3333333333% - 16px);
    background-size: contain;
    margin: 0 16px 0 0;
    display: inline-block;
    float: left;
    height: 262px
}

@media (max-width: 1050px) {
    .upcoming-events .event-card {
        width:calc(50% - 16px);
        height: 349px;
        margin-bottom: 20px
    }
}

@media (max-width: 900px) {
    .upcoming-events .event-card {
        height:287px
    }
}

@media (max-width: 767px) {
    .upcoming-events .event-card {
        width:57%;
        height: 257px;
        float: none;
        margin: 0 auto 30px auto;
        display: block;
        background-size: 99%
    }
}

@media (max-width: 690px) {
    .upcoming-events .event-card {
        height:264px
    }
}

@media (max-width: 620px) {
    .upcoming-events .event-card {
        background-size:100%;
        width: 65%;
        height: 259px
    }
}

@media (max-width: 570px) {
    .upcoming-events .event-card {
        background-size:100%;
        width: 74%
    }
}

@media (max-width: 500px) {
    .upcoming-events .event-card {
        background-size:100%;
        width: 82%
    }
}

@media (max-width: 450px) {
    .upcoming-events .event-card {
        background-size:100%;
        width: 97%;
        height: 278px
    }
}

@media (max-width: 400px) {
    .upcoming-events .event-card {
        background-size:100%;
        width: 100%
    }
}

.upcoming-events .event-card .date-box {
    position: absolute;
    top: 7px;
    left: 0;
    padding: 10px 15px
}

.upcoming-events .event-card .date-box .date {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #004740
}

.upcoming-events .event-card .organizer {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 28px;
    text-align: right;
    color: #004740;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: flex-end
}

.upcoming-events .event-card .organizer span {
    margin-right: 6px
}

@media (max-width: 1050px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:65px
    }
}

@media (max-width: 900px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:34px
    }
}

@media (max-width: 767px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:26px
    }
}

.upcoming-events .event-card .description {
    margin-top: 10px;
    color: #004740;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.upcoming-events .event-card h3 {
    font-size: 21px;
    color: #004740;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.upcoming-events .event-card img {
    width: 18px;
    height: 18px
}

.upcoming-events .event-card .p {
    font-size: 1em;
    color: #004740;
    margin-bottom: 27px
}

.upcoming-events .event-card .location {
    font-size: 1em;
    color: #004740;
    display: flex;
    margin-top: 26px
}

.upcoming-events .event-card .location span {
    margin-right: 6px
}

.upcoming-events .event-card .register-link {
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 25px;
    position: absolute;
    bottom: 22px;
    right: -2px;
    font-weight: 500;
    font-size: 14px
}

@media (max-width: 1377px) {
    .upcoming-events .event-card .register-link {
        bottom:34px
    }
}

@media (max-width: 1050px) {
    .upcoming-events .event-card .register-link {
        font-size:16px;
        bottom: 50px;
        right: 18px
    }
}

@media (max-width: 900px) {
    .upcoming-events .event-card .register-link {
        bottom:74px;
        right: 8px
    }
}

@media (max-width: 850px) {
    .upcoming-events .event-card .register-link {
        bottom:50px;
        right: 0
    }
}

@media (max-width: 767px) {
    .upcoming-events .event-card .register-link {
        font-size:15px;
        bottom: 9px;
        right: -3px
    }
}

@media (max-width: 450px) {
    .upcoming-events .event-card .register-link {
        font-size:13px;
        bottom: 22px;
        right: -4px;
        bottom: 7px
    }
}

.upcoming-events .event-card .viewdetails {
    margin-top: 10px;
    font-size: 14px;
    background: #007367;
    padding: 9px;
    border-radius: 10px;
    color: #fff
}

.upcoming-events .event-card .viewdetails:hover {
    background-color: #8bcbb7
}

.upcoming-events .viewmore-section {
    width: 100%;
    display: inline-block
}

.upcoming-events .view-more {
    font-size: 1em;
    color: #004740;
    text-decoration: none;
    padding: 10px 0;
    border-radius: 5px;
    transition: background-color .2s,color .2s
}

.upcoming-events .tilebox-section {
    width: 100%;
    display: inline-block;
    margin-top: 40px
}

.upcoming-events .js-form-item {
    margin-bottom: 0
}

.upcoming-events.tabcommon ul {
    padding-bottom: 0
}

.vdc-event .event-card .organizer {
    margin-bottom: 10px
}

@media (max-width: 1367px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:35px
    }

    .vdcevents .upcoming-events .event-card .organizer {
        margin-bottom: 19px
    }

    .mrt25 {
        margin-top: 25px
    }

    .upcoming-events .event-card .register-link {
        bottom: 17px;
        right: 0
    }
}

@media (max-width: 768px) {
    .upcoming-events .events-container {
        flex-direction:column
    }

    .upcoming-events .events-container .event-card {
        flex: 1 1 100%
    }

    .upcoming-events .event-card .description {
        margin-bottom: 19px
    }

    .vdcevents .upcoming-events .event-card .description {
        margin-bottom: 5px
    }

    .upcoming-events .event-card .register-link {
        right: -11px
    }
}

@media (max-width: 1200px) {
    .upcoming-events .event-card .description {
        font-size:14px
    }

    .upcoming-events .event-card .organizer {
        font-size: 12px;
        margin-bottom: 66px
    }

    .upcoming-events .event-card .location {
        font-size: 12px
    }

    .upcoming-events .event-card .register-link {
        right: 19px;
        bottom: 9%
    }
}

@media (max-width: 900px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:48px
    }

    .vdcevents .upcoming-events .event-card .organizer {
        margin-bottom: 10px
    }

    .upcoming-events .event-card .register-link {
        right: -3px;
        bottom: 12%
    }
}

@media (max-width: 768px) {
    .upcoming-events .event-card .register-link {
        right:-6px;
        bottom: 16%;
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:38px
    }
}

@media (max-width: 450px) {
    .upcoming-events .event-card .organizer {
        margin-bottom:38px
    }

    .upcoming-events .event-card .register-link {
        right: 0;
        bottom: 23px
    }

    .mrt25 {
        margin-top: 0
    }
}

@media (max-width: 375px) {
    .upcoming-events .event-card .register-link {
        right:-4px;
        bottom: 44px
    }
}

.allevents .tilebox-section1 {
    width: 100%;
    display: inline-block
}

.allevents .tilebox-section1 .event-card {
    margin: 0 16px 40px 0
}

.allevents .form-type-select select {
    width: 22%;
    color: #303630;
    border-bottom: solid 1px #004740
}

@media (max-width: 375px) {
    .allevents .form-type-select select {
        width:100%!important
    }
}

.allevents .form-submit {
    background: #a58255;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 11px 23px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    border: solid 1px #a58255;
    margin-top: 20px
}

.researchproject {
    margin-top: 40px
}

.researchproject .tilebox-section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px!important
}

.researchproject .event-card {
    background: url(../images/projectbgcurve.svg) no-repeat;
    width: calc(33.333333% - 16px);
    height: 304px;
    background-size: 100%;
    margin-bottom: 32px
}

@media (max-width: 1200px) {
    .researchproject .event-card {
        width:calc(43% - 16px);
        height: 353px;
        background-size: 100%;
        margin-bottom: 32px
    }
}

@media (max-width: 900px) {
    .researchproject .event-card {
        width:calc(50% - 16px);
        height: 320px
    }
}

@media (max-width: 767px) {
    .researchproject .event-card {
        width:calc(60% - 16px);
        height: 342px
    }
}

@media (max-width: 520px) {
    .researchproject .event-card {
        width:calc(100% - 16px);
        height: 330px
    }
}

@media (max-width: 400px) {
    .researchproject .event-card {
        height:305px
    }
}

@media (max-width: 390px) {
    .researchproject .event-card {
        height:305px
    }
}

.researchproject__evnetpara {
    margin: 50px 0 15px 0;
    color: #303630;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

@media (max-width: 1200px) {
    .researchproject__evnetpara {
        margin:80px 0 15px 0
    }
}

@media (max-width: 900px) {
    .researchproject__evnetpara {
        margin:49px 0 15px 0
    }
}

@media (max-width: 767px) {
    .researchproject__evnetpara {
        margin:70px 0 15px 0
    }
}

@media (max-width: 440px) {
    .researchproject__evnetpara {
        margin:55px 0 15px 0
    }
}

@media (max-width: 380px) {
    .researchproject__evnetpara {
        margin:40px 0 15px 0
    }
}

.researchproject__projectdetail p {
    font-size: 12px;
    color: #303630;
    margin-bottom: 10px
}

.researchproject .date-box {
    top: 0!important
}

@media (max-width: 440px) {
    .researchproject .date-box {
        top:0!important;
        padding: 10px 1px!important
    }
}

.researchproject .date {
    font-size: 16px!important;
    color: #4e554e!important;
    font-weight: 400!important
}

.rightpadding {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 75px;
    width: 100%;
    max-width: 100%
}

@media (max-width: 1200px) {
    .rightpadding {
        gap:30px
    }
}

@media (max-width: 767px) {
    .rightpadding {
        grid-template-columns:repeat(1,1fr)
    }
}

@media (max-width: 375px) {
    .rightpadding {
        display:inline-block;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 10px
    }
}

.rightpadding .col-12 {
    width: 100%!important
}

.rightpadding2col {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 75px
}

@media (max-width: 1200px) {
    .rightpadding2col {
        gap:50px
    }
}

@media (max-width: 767px) {
    .rightpadding2col {
        grid-template-columns:repeat(1,1fr)
    }
}

.rightpadding2col .col-12 {
    width: 100%!important
}

.views-exposed-form {
    margin-bottom: 40px
}

.tileinnerbox {
    width: 100%;
    display: inline-block;
    margin-top: 40px
}

.margintop0 {
    margin-top: 0!important
}

.vdc_careerdetail .popup__close {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100px
}

.infograpic {
    padding: 1rem 0 2rem 0
}

.infograpic__title {
    font-size: 2rem;
    font-weight: 700;
    color: #007367;
    margin-bottom: 0
}

.infograpic__logo {
    margin: 1rem 0
}

.infograpic__logo-image {
    max-width: 100px;
    height: auto
}

.infograpic__items {
    display: grid;
    padding: 1rem 0 1rem 0;
    flex-wrap: wrap;
    gap: 15px;
    grid-template-columns: repeat(5,1fr)
}

.infograpic__items:last-child {
    padding-bottom: 0
}

@media (max-width: 1300px) {
    .infograpic__items {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (max-width: 1024px) {
    .infograpic__items {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 767px) {
    .infograpic__items {
        grid-template-columns:repeat(1,1fr)
    }
}

.infograpic__item {
    text-align: center;
    border: solid 1px #4caf50;
    padding: 2rem 1rem;
    box-shadow: 0 0 24px rgba(0,0,0,.1019607843);
    transition: box-shadow .3s ease-in-out;
    border-radius: 25px
}

.infograpic__item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.3)
}

@media (max-width: 767px) {
    .infograpic__item {
        width:100%
    }
}

.infograpic__item-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: #a58255!important
}

.infograpic__item-label {
    font-size: 1rem
}

.social-cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem
}

.social-cards .social-card__inner {
    position: relative;
    width: inherit;
    height: 18.75rem;
    background: #fff;
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    overflow: hidden
}

.social-cards .social-card__inner.shine::before {
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2
}

.social-cards .social-card__inner.shine:focus::before,.social-cards .social-card__inner.shine:hover::before {
    animation: shine .85s
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.social-cards .social-card__img-box {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 320px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .social-cards .social-card__img-box {
        padding:0 30px 0 15px
    }
}

.social-cards .social-card__img-box p {
    padding: 0 65px 40px 10px;
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    text-align: left;
    background: linear-gradient(rgba(0,0,0,0),#05342f)
}

@media screen and (max-width: 1024px) {
    .social-cards .social-card__img-box p {
        font-size:16px
    }
}

.social-cards .social-card__icon {
    position: absolute;
    bottom: -.375rem;
    right: -.375rem;
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-top-left-radius: 50%;
    padding: 10px
}

.social-cards .social-card__icon::after,.social-cards .social-card__icon::before {
    position: absolute;
    content: "";
    background: 0 0;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: .313rem .313rem 0 .313rem #fff
}

.social-cards .social-card__icon::before {
    bottom: .375rem;
    left: -1.25rem
}

.social-cards .social-card__icon::after {
    top: -1.25rem;
    right: .375rem
}

.social-cards .social-card--img1 .social-card__img-box {
    background-image: url("../images/insta.png")
}

.social-cards .social-card--img2 .social-card__img-box {
    background-image: url("../images/facebook.png")
}

.social-cards .social-card--img3 .social-card__img-box {
    background-image: url("../images/youtube.png")
}

.sm-instagram {
    position: relative
}

.sm-instagram::after {
    content: "";
    background: url(../images/insta-icon.svg) no-repeat;
    background-size: contain;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 1;
    position: relative;
    left: 2px;
    top: 2px
}

.sm-facebook {
    position: relative
}

.sm-facebook::after {
    content: "";
    background: url(../images/fb-icon.png) no-repeat;
    background-size: contain;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 1;
    position: relative;
    left: 2px;
    top: 2px
}

.sm-youtube {
    position: relative
}

.sm-youtube::after {
    content: "";
    background: url(../images/youtube-icon.svg) no-repeat;
    background-size: contain;
    width: 52px;
    height: 52px;
    display: block;
    z-index: 1;
    position: relative;
    left: 2px;
    top: 2px
}

.note-text {
    font-size: var(--fs-12);
    font-weight: var(--fw-400);
    color: #303630
}

.note-bold {
    font-weight: var(--fw-700)
}

.curvebnr {
    position: relative
}

.curvebnr__img {
    border-radius: 0 30px 30px 30px;
    overflow: hidden
}

.curvebnr__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .curvebnr__img--desktop {
        display:none
    }
}

.curvebnr__img--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .curvebnr__img--mobile {
        display:block
    }
}

.curvebnr__title {
    position: absolute;
    max-width: 280px;
    min-height: 50px;
    background: #fff;
    top: 0;
    left: 0;
    border-radius: 0 0 15px 0
}

.curvebnr__title h1 {
    padding: var(--padding-general-10)
}

@media screen and (max-width: 1024px) {
    .curvebnr__title h1 {
        font-size:var(--fs-28)
    }
}

.curvebnr__overlay {
    position: absolute;
    background-color: red;
    bottom: 0;
    left: 0;
    transform: translate(3%,-10%);
    border-radius: var(--bs-radius-40);
    width: 40%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--padding-small-20);
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    background: rgba(69,42,124,.1)
}

@media screen and (max-width: 1024px) {
    .curvebnr__overlay {
        height:44%
    }
}

@media screen and (max-width: 767px) {
    .curvebnr__overlay {
        width:90%;
        height: 33%
    }
}

@media screen and (max-width: 375px) {
    .curvebnr__overlay {
        height:30%
    }
}

.curvebnr__overlay p {
    color: #fff;
    font-size: var(--fs-16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis
}

.curvebnr__overlay p span {
    font-weight: var(--fw-700)
}

@media screen and (max-width: 600px) {
    .maininnerbanner .radiusbanner__content h2 {
        font-size:20px;
        line-height: 26px
    }
}

.managecards {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fs-24) var(--fs-16)
}

.managecards__box {
    flex: 0 1 calc(50% - 10px);
    box-sizing: border-box;
    padding: var(--fs-16);
    background-color: rgba(139,203,183,.07);
    text-align: left;
    border-radius: 12px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .managecards__box {
        flex:1 1 100%
    }
}

.managecards__box--username {
    font-size: var(--fs-20);
    font-family: "FormaDJRDisplay Medium";
    color: #007367;
    line-height: 1.3;
    font-weight: var(--fw-500);
    padding-bottom: 4px
}

.managecards__box--userrole {
    font-size: var(--fs-14);
    font-family: "Forma DJR Display Regular";
    color: #303630;
    line-height: 1.2;
    font-weight: var(--fw-400);
    padding-bottom: 8px
}

.managecards__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4px;
    gap: 10px
}

.managecards__head a:first-child {
    width: 100%
}

.managecards__head--title {
    margin: 0;
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    line-height: 26px;
    color: #007367
}

@media (max-width: 640px) {
    .managecards__head--title {
        font-size:var(--fs-16);
        line-height: 1.2
    }
}

.managecards__head span {
    width: 24px;
    height: 24px;
    padding: 2px 0 0 0
}

.managecards__text {
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    line-height: 1.43em;
    max-width: 406px;
    color: #303630
}

.managecards .arrowup {
    background-size: contain;
    display: block;
    width: 30px
}

@media (max-width: 767px) {
    .managecards .arrowup {
        width:22px
    }
}

.underdevelopment .know-gitam-section .col-lg-6 {
    justify-content: center;
    align-items: center;
    display: flex
}

.underdevelopment .btn {
    width: auto
}

.tab {
    width: 100%
}

.tab__box {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-24);
    align-items: center;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .tab__box {
        overflow:auto
    }
}

.tab__box .line {
    position: absolute;
    top: 25px;
    left: 0;
    height: 2px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367
}

.tab__box .clickactive {
    position: relative
}

.tab__box .clickactive div:first-child {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-12);
    align-items: center;
    padding-bottom: 30px
}

.tab__box .clickactive div:first-child a {
    position: relative
}

.tab__box .clickactive div:first-child a:hover {
    color: #007367;
    font-weight: var(--fw-700)
}

.tab__box .clickactive div:first-child a:hover::after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367;
    position: absolute;
    bottom: -3px;
    left: 0
}

.tab__btn {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #4e554e;
    background: 0 0;
    border: none;
    padding-bottom: var(--fs-4);
    line-height: var(--fs-24);
    white-space: nowrap;
    cursor: pointer;
    padding: 0
}

.tab__btn.active {
    color: #007367;
    font-weight: var(--fw-700)
}

@media (max-width: 767px) {
    .tab__btn {
        font-size:var(--fs-16)
    }
}

.tab .content__box {
    margin: 24px 0 0
}

.tab .content__box .content {
    display: none;
    animation: moving .5 ease
}

.tab .content__box .content.active {
    display: block
}

@keyframes moving {
    from {
        transform: translateX(50px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.tabcommon ul {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-24);
    align-items: center;
    padding-bottom: 32px
}

@media (max-width: 767px) {
    .tabcommon ul {
        overflow-x:auto
    }
}

.tabcommon ul li a {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #303630;
    background: 0 0;
    border: none;
    padding-bottom: var(--fs-4);
    line-height: var(--fs-24);
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.tabcommon ul li a.bef-link--selected {
    color: #007367;
    font-weight: var(--fw-700)
}

.tabcommon ul li a.bef-link--selected::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367
}

.tabcommon .views-exposed-form {
    margin-bottom: 0
}

.tabcommon .js-form-item {
    margin-bottom: 0
}

.table {
    width: 100%
}

.table__body {
    width: 100%;
    max-height: calc(89% - 3rem);
    background: #fff;
    margin: 1.5rem auto 0;
    border: 1px solid #d9d9d9!important;
    border-radius: .6rem;
    overflow: auto
}

.table__body::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.table__body::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background-color: rgba(0,0,0,.2666666667);
    visibility: hidden
}

.table__body:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.table__bold-text {
    color: #303630;
    font-size: var(--fs-16)!important;
    font-weight: var(--fw-700)
}

.table__txt-ctr {
    text-align: center!important
}

.table__sm-text {
    font-size: var(--fs-14)
}

.table__sm-font {
    font-size: var(--fs-14);
    font-weight: var(--fw-500)
}

.table table {
    padding: 1rem 0;
    width: 100%;
    border-collapse: collapse;
    text-align: left
}

.table table td,.table table th {
    border-collapse: collapse;
    padding: 1rem;
    border-color: #e4e4e7;
    line-height: 1.5;
    max-width: 211px;
    color: #303630
}

@media (max-width: 991px) {
    .table table td td:not(:first-of-type),.table table th td:not(:first-of-type) {
        min-width:12.1rem
    }
}

.table table td {
    border-top: 1px solid #d9d9d9
}

.table table td a {
    color: #007367
}

.table table thead th {
    top: 0;
    left: 0;
    font-weight: var(--fw-700);
    color: #007367;
    background-color: rgba(139,203,183,.15);
    text-align: center
}

.table table tbody tr:nth-child(2n) {
    background-color: rgba(217,217,217,.15)
}

.table .noborder {
    border: 0!important
}

.table .tablewhitebg {
    background-color: #fff!important
}

.table .tablegreybg {
    background-color: rgba(217,217,217,.15)!important
}

.title-text {
    color: #303630
}

.txt-ctr {
    text-align: center!important
}

.border-bottom {
    border-bottom: 1px solid #d9d9d9
}

.patents span {
    display: block
}

.patents__body {
    border: 1px solid #d9d9d9!important
}

.feestructure .table__body {
    overflow: hidden
}

@media (max-width: 1200px) {
    .feestructure .table table td,.feestructure .table table th {
        min-width:172px
    }
}

.feestructure .table table thead th {
    text-align: left
}

.feestructure .table table tr td:nth-child(2) {
    width: 164px
}

.feestructure .table table tr td:first-child {
    width: 34.2%;
    max-width: 34.2%
}

@media (max-width: 1200px) {
    .feestructure .table table tr td:first-child {
        min-width:379px
    }
}

.feestructure .accordion__content {
    display: flow-root!important
}

.table-container {
    width: 100%;
    overflow-x: auto
}

.table-container::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.table-container::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background-color: rgba(0,0,0,.2666666667);
    visibility: hidden
}

.table-container:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.feescards {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--fcard-width),1fr));
    gap: var(--fcard-gap);
    padding: var(--fs-24) 0 0;
    box-sizing: border-box
}

@media (min-width: 1087px) {
    .feescards {
        grid-template-columns:repeat(4,var(--fcard-width))
    }
}

@media (max-width: 1086px) and (min-width:553px) {
    .feescards {
        grid-template-columns:repeat(2,minmax(calc((100% - var(--fcard-gap))/ 2),1fr))
    }
}

@media (max-width: 552px) {
    .feescards {
        grid-template-columns:1fr
    }
}

.feescards__card {
    box-sizing: border-box;
    background-color: teal;
    padding: 26.4px;
    border-radius: 19.4px;
    background: rgba(139,203,183,.07)
}

.feescards__card--year {
    font-size: 22.87px;
    line-height: 32.68px;
    font-weight: var(--fw-400);
    padding-bottom: 6.5px;
    color: #4e554e
}

.feescards__card--fees {
    color: #007367;
    font-weight: var(--fw-700);
    font-size: 32.68px;
    line-height: 42.48px;
    margin: 0
}

.department__main {
    margin-bottom: 16px
}

.department__main a {
    display: flex;
    align-items: center;
    gap: calc(var(--sec-space-10)/ 2);
    color: #007367;
    font-weight: var(--fw-500);
    display: inline
}

.department__container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .department__container {
        flex-wrap:wrap;
        flex-direction: column
    }
}

.department__wrap {
    background-color: rgba(139,203,183,.15);
    display: flex;
    flex-direction: column;
    gap: calc(var(--sec-space-10)/ 2);
    padding: var(--padding-small-20);
    border-radius: var(--sec-space-15);
    width: 32%
}

@media screen and (max-width: 991px) {
    .department__wrap {
        width:100%
    }
}

.department__para {
    line-height: 1.3;
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    position: relative;
    color: #007367;
    height: 100%;
    width: 100%
}

.department__para::after {
    content: "";
    position: absolute;
    background: url("../images/tertiary arrow-up-right.svg") no-repeat;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0
}

.department__course {
    display: flex;
    align-items: center;
    gap: var(--sec-space-10)
}

.department__course span {
    font-size: var(--fs-12);
    color: #303630;
    font-family: "Forma DJR Display Regular"
}

.department__course p {
    color: #007367;
    background-color: rgba(139,203,183,.2);
    padding: var(--padding-general-4) var(--padding-general-10);
    border-radius: var(--bs-general-4);
    font-weight: var(--fw-500);
    font-size: var(--fs-14);
    font-family: "FormaDJRDisplay Medium"
}

.department .commonbtn {
    margin: 0!important
}

.relatedblog__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.relatedblog__container img {
    border-radius: var(--bs-radius-40)
}

@media screen and (max-width: 767px) {
    .relatedblog__container {
        flex-direction:column
    }
}

.relatedblog__wrap {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    border-radius: var(--sec-space-15);
    max-width: 33.3333%
}

@media screen and (max-width: 767px) {
    .relatedblog__wrap {
        max-width:50%
    }
}

@media screen and (max-width: 575px) {
    .relatedblog__wrap {
        max-width:100%
    }
}

.relatedblog__imgcontainer {
    position: relative;
    margin-top: 30px
}

.relatedblog__imgcontainer img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 222px
}

.relatedblog__tip {
    position: absolute;
    bottom: var(--sec-space-20);
    left: var(--sec-space-20);
    display: flex;
    gap: var(--sec-space-10)
}

.relatedblog__tip a {
    background-color: #8bcbb7;
    padding: var(--sec-space-10) var(--sec-space-20);
    border-radius: var(--bs-radius-40);
    color: #004740;
    text-decoration: none;
    line-height: 1.2
}

.relatedblog__date {
    font-size: var(--fs-14);
    font-weight: var(--fw-500);
    margin-top: var(--sec-space-20);
    color: #004740
}

.relatedblog p {
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    margin-top: var(--sec-space-10);
    line-height: 1.3;
    color: #303630
}

.relatedblog__para {
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    margin-top: var(--sec-space-10);
    line-height: 1.3;
    color: #303630
}

.relatedblog__author {
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    margin-top: var(--sec-space-10);
    color: #004740
}

.relatedblog__author span {
    font-weight: var(--fw-500)
}

.relatedblog__link {
    font-size: var(--fs-14);
    font-weight: var(--fw-500);
    margin-top: var(--sec-space-20);
    color: #007367;
    text-decoration: none;
    position: relative
}

.relatedblog__link::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/arrow-icon.svg") no-repeat;
    width: 22px;
    height: 22px
}

.relatedblog .filterbtn {
    margin: 0
}

.relatedblog .js-form-item {
    margin-bottom: 0!important
}

.relatedblog .filterbtn ul {
    gap: 16px;
    margin-bottom: 0;
    padding-bottom: 0
}

.relatedblog .filterbtn ul li a {
    padding: 0;
    background: 0 0
}

.relatedblog .filterbtn ul li a.bef-link--selected {
    outline: 0;
    background: 0 0
}

.relatedblog .popupfilter span {
    color: #fff
}

.blog_banner {
    border-radius: 30px 30px 30px 30px
}

.blogpost-time {
    color: #007367;
    margin: 20px 0;
    display: flex
}

.blog-txt {
    padding: 10px 0
}

.blogdetail-page h2 {
    color: #303630
}

.blogdetail-page p {
    padding: 10px 0
}

.blogdetail-page .radiustopleft {
    border-radius: 30px 30px 30px 30px
}

.facultycard__wrap {
    display: flex;
    gap: var(--sec-space-20);
    flex-direction: row
}

@media screen and (max-width: 767px) {
    .facultycard__wrap {
        width:100%;
        flex-direction: column
    }
}

.facultycard__details {
    width: 30%
}

@media screen and (max-width: 767px) {
    .facultycard__details {
        width:100%
    }
}

.facultycard__content {
    width: 70%
}

@media screen and (max-width: 767px) {
    .facultycard__content {
        width:100%
    }
}

.facultycard__content p {
    font-size: var(--fs-16);
    line-height: 1.5;
    color: #303630
}

.facultycard__content h3 {
    font-size: 1.25rem;
    color: #007367
}

.facultycard__content--list {
    margin-top: var(--sec-space-20)
}

.facultycard__content--item {
    font-size: var(--fs-16);
    line-height: 1.4;
    font-weight: var(--fw-500);
    margin-top: var(--sec-space-20)
}

.facultycard__content--item li {
    padding: 2px 30px
}

.facultycard__content--titlebold {
    font-weight: var(--fw-700);
    line-height: 1.3
}

.facultycard__content__list-multicontent {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px
}

.facultycard__content .body-txt {
    color: #303630;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 20px
}

.facultycard .leaders-details p {
    padding-bottom: var(--fs-24)!important;
    font-family: "Forma DJR Display Regular"!important
}

.facultycard .leaders-details h4 {
    color: #007367;
    font-size: var(--fs-20);
    padding-bottom: var(--fs-16)
}

.facultycard .tickicon ul li::before {
    position: relative
}

.leaders-details ul {
    list-style: none;
    padding: 0;
    font-size: var(--fs-16);
    line-height: 1.4;
    font-weight: var(--fw-500)
}

.leaders-details ul li {
    align-items: flex-start;
    position: relative;
    list-style: none;
    display: flex;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #303630;
    padding: 2px 30px
}

.leaders-details ul li::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/tick.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px
}

.leaders-details p {
    padding-bottom: var(--fs-24)!important;
    font-family: "Forma DJR Display Regular"!important
}

.leaders-details h4 {
    color: #007367;
    font-size: var(--fs-20);
    padding-bottom: var(--fs-16)
}

.faculty__img {
    border-radius: 32px;
    width: 340px;
    height: 435px
}

@media screen and (max-width: 767px) {
    .faculty__img {
        width:100%;
        height: 100%
    }
}

.faculty__name {
    margin-top: var(--sec-space-20);
    font-size: var(--fs-32);
    font-weight: var(--fw-700);
    color: #007367
}

@media screen and (max-width: 1441px) {
    .faculty__name {
        font-size:var(--fs-28)
    }
}

.faculty__role {
    margin-top: calc(var(--sec-space-10)/ 2);
    font-size: var(--fs-16);
    font-weight: var(--fw-500);
    color: #004740;
    font-family: "FormaDJRDisplay Medium"
}

.faculty__role-education {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: var(--fs-16) 0
}

.faculty__roletitle {
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
    color: #303630
}

.faculty__roledetail {
    margin-top: calc(var(--sec-space-10)/ 2);
    font-size: var(--fs-16);
    color: #303630;
    line-height: 1.4
}

.faculty__edu {
    font-weight: var(--fw-700);
    color: #303630;
    font-size: var(--fs-16)
}

.faculty__eduname {
    margin-top: calc(var(--sec-space-10)/ 2);
    font-size: var(--fs-16);
    color: #303630;
    line-height: 1.4
}

.faculty__contact {
    display: flex;
    flex-direction: column;
    gap: var(--sec-space-20)
}

.faculty__contact p {
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
    color: #303630
}

.faculty__contact--detail {
    display: flex;
    gap: calc(var(--sec-space-10)/ 2);
    margin-top: calc(var(--sec-space-10)/ 2);
    align-items: center;
    gap: calc(var(--sec-space-10)/ 2);
    color: #303630
}

.faculty__contact--detail img {
    background-color: #007367;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px
}

.faculty__contact--research {
    display: flex;
    gap: 8px;
    margin-top: calc(var(--sec-space-10)/ 2);
    align-items: center;
    color: #303630;
    padding-bottom: 8px
}

.faculty__contact--research img {
    background-color: #007367;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px
}

.faculty__list-multicontent {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px
}

.faculty-slider__title {
    font-size: var(--fs-20)!important;
    font-weight: var(--fw-500)!important;
    font-family: "FormaDJRDisplay Medium"!important;
    line-height: 1.3;
    color: #a58255!important;
    margin: 0!important
}

.facultycard__content--list li.icon-columns__item {
    align-items: flex-start
}

.facultycard__content--list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #303630;
    padding: 2px 0
}

.tab {
    width: 100%
}

.tab__box {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-24);
    align-items: center;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .tab__box {
        overflow:auto
    }
}

.tab__box .line {
    position: absolute;
    top: 25px;
    left: 0;
    height: 2px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367
}

.tab__box .clickactive {
    position: relative
}

.tab__box .clickactive div:first-child {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-12);
    align-items: center;
    padding-bottom: 30px
}

.tab__box .clickactive div:first-child a {
    position: relative
}

.tab__box .clickactive div:first-child a:hover {
    color: #007367;
    font-weight: var(--fw-700)
}

.tab__box .clickactive div:first-child a:hover::after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367;
    position: absolute;
    bottom: -3px;
    left: 0
}

.tab__btn {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #4e554e;
    background: 0 0;
    border: none;
    padding-bottom: var(--fs-4);
    line-height: var(--fs-24);
    white-space: nowrap;
    cursor: pointer;
    padding: 0
}

.tab__btn.active {
    color: #007367;
    font-weight: var(--fw-700)
}

@media (max-width: 767px) {
    .tab__btn {
        font-size:var(--fs-16)
    }
}

.tab .content__box {
    margin: 24px 0 0
}

.tab .content__box .content {
    display: none;
    animation: moving .5 ease
}

.tab .content__box .content.active {
    display: block
}

@keyframes moving {
    from {
        transform: translateX(50px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.tabcommon ul {
    position: relative;
    width: 100%;
    display: flex;
    gap: var(--fs-24);
    align-items: center;
    padding-bottom: 32px
}

@media (max-width: 767px) {
    .tabcommon ul {
        overflow-x:auto
    }
}

.tabcommon ul li a {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #303630;
    background: 0 0;
    border: none;
    padding-bottom: var(--fs-4);
    line-height: var(--fs-24);
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.tabcommon ul li a.bef-link--selected {
    color: #007367;
    font-weight: var(--fw-700)
}

.tabcommon ul li a.bef-link--selected::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    background-color: #007367
}

.tabcommon .views-exposed-form {
    margin-bottom: 0
}

.tabcommon .js-form-item {
    margin-bottom: 0
}

.icon-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem;
    margin-top: 2rem
}

.icon-grid__item {
    display: flex;
    align-items: flex-start;
    flex: 1 1 calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    box-sizing: border-box;
    gap: var(--fs-16)
}

.icon-grid__item .icon {
    margin-right: 1.5rem
}

@media (max-width: 1024px) {
    .icon-grid__item {
        flex:1 1 calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem)
    }
}

@media (max-width: 768px) {
    .icon-grid__item {
        flex:1 1 100%;
        max-width: 100%
    }
}

.icon-grid__item img {
    width: 64px;
    height: 64px
}

.icon-grid__icon {
    width: 64px;
    height: 64px;
    margin-right: 1.5rem;
    display: block
}

.icon-grid__content {
    text-align: left
}

.icon-grid__title {
    font-size: 1rem;
    color: #007367;
    margin-bottom: .75rem
}

.icon-grid__description {
    font-size: 1rem;
    color: #303630
}

.highlights__item {
    align-items: center
}

.highlights .icon {
    width: 196px
}

@media (min-width: 991px) {
    .icon-columns {
        padding-right:26px
    }
}

.icon-columns__column {
    box-sizing: border-box;
    margin-bottom: 2rem
}

.icon-columns__column ul {
    display: flex;
    -moz-column-count: 2;
    column-count: 2
}

@media (max-width: 991px) {
    .icon-columns__column ul {
        flex-wrap:wrap
    }
}

.icon-columns__column ul li {
    position: relative
}

.icon-columns__column ul li::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/tick.svg) no-repeat center;
    background-color: #007367;
    color: #fff;
    border-radius: 50%;
    padding: 14px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px
}

.icon-columns h3 {
    margin-bottom: 12px
}

.icon-columns p {
    color: #303630
}

.icon-columns__heading {
    font-size: 2rem;
    color: #007367;
    margin-bottom: 1.5rem
}

.icon-columns__list {
    list-style: none;
    padding: 0
}

.icon-columns__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: .9rem;
    color: #303630;
    padding: 2px 30px;
    align-items: center
}

@media (max-width: 767px) {
    .icon-columns__item {
        align-items:center
    }
}

.icon-columns__icon {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.icon-columns p {
    color: #303630;
    margin-bottom: 15px
}

.icon-columns ul li {
    color: #303630;
    line-height: 1.5;
    margin: 10px 0;
    padding: 0 30px;
    align-items: center
}

@media (max-width: 767px) {
    .icon-columns ul li {
        align-items:center
    }
}

@media (max-width: 991px) {
    .careeroption {
        margin-top:40px
    }
}

.icon-twocolumns p {
    color: #303630
}

.icon-twocolumns__column {
    box-sizing: border-box
}

.icon-twocolumns__column ul {
    display: flex;
    -moz-column-count: 2;
    column-count: 2
}

@media (max-width: 991px) {
    .icon-twocolumns__column ul {
        flex-wrap:wrap
    }
}

.icon-twocolumns__column ul li {
    position: relative
}

.icon-twocolumns__column ul li::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/tick.svg) no-repeat center;
    background-color: #007367;
    color: #fff;
    border-radius: 50%;
    padding: 14px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px
}

.icon-twocolumns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0!important
}

.icon-twocolumns ul li {
    font-size: 1rem;
    color: #303630;
    line-height: 1.5;
    margin: 10px 0;
    padding: 0 30px;
    width: 50%
}

@media (max-width: 767px) {
    .icon-twocolumns ul li {
        width:100%
    }
}

.twocolumn-text ul li {
    padding: 0 30px 0 0
}

.twocolumn-text ul li::before {
    content: 0
}

.twocolumn-txtpara ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0!important;
    -moz-column-count: 2;
    column-count: 2
}

.twocolumn-txtpara ul li {
    font-size: .875rem;
    line-height: 1.5;
    margin: 10px 0;
    width: 50%
}

.twocolumn-txtpara ul li:last-child:nth-child(odd) {
    width: 100%
}

.twocolumn-txtpara ul li h3 {
    margin-bottom: 5px
}

.twocolumn-txtpara ul li p {
    color: #303630
}

.threecolumntick__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0
}

.threecolumntick__column {
    box-sizing: border-box;
    margin: 2rem 0
}

.threecolumntick__column ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .threecolumntick__column ul {
        flex-wrap:wrap
    }
}

.threecolumntick ul li {
    margin-bottom: 1rem;
    font-size: .875rem;
    color: #303630;
    width: 33.3%
}

@media (max-width: 767px) {
    .threecolumntick ul li {
        align-items:center;
        width: 100%
    }
}

.threecolumntick p {
    font-size: .875rem
}

.fourcolumntick__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0
}

.fourcolumntick__column {
    box-sizing: border-box;
    margin: 2rem 0
}

.fourcolumntick__column ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .fourcolumntick__column ul {
        flex-wrap:wrap
    }
}

.fourcolumntick ul li {
    margin-bottom: 1rem;
    font-size: .875rem;
    color: #303630;
    width: 25%
}

@media (max-width: 767px) {
    .fourcolumntick ul li {
        align-items:center;
        width: 100%
    }
}

.fourcolumntick p {
    font-size: .875rem
}

.fivecolumntick__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0
}

.fivecolumntick__column {
    box-sizing: border-box;
    margin: 2rem 0
}

.fivecolumntick__column ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .fivecolumntick__column ul {
        flex-wrap:wrap
    }
}

.fivecolumntick ul li {
    margin-bottom: 1rem;
    font-size: .875rem;
    color: #303630;
    width: 20%
}

@media (max-width: 767px) {
    .fivecolumntick ul li {
        align-items:center;
        width: 100%
    }
}

.fivecolumntick p {
    font-size: .875rem
}

.primaryclr {
    color: #007367
}

.bulletpoint h3 {
    color: #303630;
    margin-top: 10px
}

.bulletpoint ul {
    list-style: disc;
    list-style-position: outside;
    margin: 10px 16px
}

.bulletpoint ul li {
    padding: 0;
    color: #303630;
    line-height: 1.5
}

.tickicon h3 {
    margin-bottom: 7px
}

.tickicon ul li {
    position: relative;
    list-style: none
}

.tickicon ul li::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/tick.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%;
    padding: 14px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px
}

@media (max-width: 1024px) {
    .downloadicon ul {
        flex-wrap:wrap
    }
}

.downloadicon ul li {
    position: relative;
    padding: 7px 38px;
    color: #303630
}

@media (max-width: 1024px) {
    .downloadicon ul li {
        flex-grow:0
    }
}

.downloadicon ul li a {
    color: #303630
}

.downloadicon ul li a::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/download.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%;
    padding: 14px;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.emailicon {
    position: relative;
    word-break: break-all
}

.emailicon::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/email.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%
}

.mobileicon {
    position: relative
}

.mobileicon::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/mobileicon.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%
}

.threecolumn-grid__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.threecolumn-grid__column {
    flex: 1 1 calc(33.333% - 2rem);
    max-width: calc(33.333% - 2rem);
    box-sizing: border-box;
    margin-bottom: 2rem
}

@media (max-width: 1024px) {
    .threecolumn-grid__column {
        flex:1 1 calc(50% - 2rem);
        max-width: calc(50% - 2rem)
    }
}

@media (max-width: 768px) {
    .threecolumn-grid__column {
        flex:1 1 100%;
        max-width: 100%;
        margin-bottom: 0
    }
}

.threecolumn-grid__heading {
    font-size: 1.75rem;
    color: #007367;
    margin-bottom: 1rem
}

.threecolumn-grid__description {
    font-size: 1rem;
    color: #4e554e;
    line-height: 1.6
}

.threecolumn-grid .layout {
    flex-wrap: nowrap;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .threecolumn-grid .layout {
        gap:20px
    }
}

@media screen and (max-width: 767px) {
    .threecolumn-grid .layout {
        flex-wrap:wrap
    }
}

.threecolumn-tile__title {
    color: #007367;
    text-align: left;
    margin-bottom: 2rem
}

.threecolumn-tile__description {
    color: #303630
}

.threecolumn-tile__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px
}

.threecolumn-tile__column {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - .5rem);
    box-sizing: border-box;
    text-align: left
}

@media (max-width: 767px) {
    .threecolumn-tile__column {
        flex:1 1 calc(50% - 2rem);
        max-width: calc(50% - 2rem)
    }
}

@media (max-width: 450px) {
    .threecolumn-tile__column {
        flex:1 1 100%;
        max-width: 100%
    }
}

.threecolumn-tile__image {
    width: 100%;
    height: auto;
    border-radius: 12px
}

.threecolumn-tile__name {
    font-size: 1.25rem;
    color: #00796b
}

.threecolumn-tile--filtercontent__degree {
    font-family: "FormaDJRDisplay Medium";
    font-size: var(--fs-16);
    line-height: 1.4;
    color: #303630;
    margin-bottom: 4px;
    font-weight: var(--fw-500);
    letter-spacing: 5%
}

.threecolumn-tile--filtercontent p {
    font-family: "Forma DJR Display Regular";
    font-size: var(--fs-14);
    margin-bottom: 4px;
    line-height: 1.3;
    color: #303630
}

.threecolumn-tile--filtercontent p span {
    font-family: "FormaDJRDisplay Medium";
    font-weight: var(--fw-700)
}

.threecolumn-tile--filtercontent .links {
    margin-top: 16px
}

.infrastructure img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover
}

.centres-grid__title {
    color: #007367;
    text-align: left;
    margin-bottom: 2rem
}

.centres-grid__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px
}

.centres-grid__4column {
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - .5rem);
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 2rem
}

@media (max-width: 1024px) {
    .centres-grid__4column {
        flex:1 1 calc(50% - 1rem);
        max-width: calc(50% - .5rem)
    }
}

@media (max-width: 768px) {
    .centres-grid__4column {
        flex:1 1 100%;
        max-width: 100%
    }
}

.centres-grid__image {
    width: 100%;
    height: auto;
    border-radius: 12px
}

.centres-grid__heading {
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    line-height: 1.3;
    color: #303630
}

.gitamschoolslider {
    position: relative
}

.gitamschoolslider .leaders-section__slide-control {
    display: none
}

.gitamschoolslider .leadership-slider p a {
    color: #007367
}

.gitamschoolslider .leadership-slider p a:hover {
    color: #a58255
}

.research-faculty__4column {
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - .5rem);
    box-sizing: border-box;
    text-align: left;
    gap: 16px;
    display: flex;
    flex-direction: column
}

@media (max-width: 1024px) {
    .research-faculty__4column {
        flex:1 1 calc(50% - 1rem);
        max-width: calc(50% - .5rem)
    }
}

@media (max-width: 520px) {
    .research-faculty__4column {
        flex:1 1 100%;
        max-width: 100%
    }
}

.research-faculty__4column img {
    border-radius: 14px
}

.research-faculty .centres-grid__container {
    justify-content: flex-start
}

.research-faculty .links {
    margin-top: 0
}

.campuslifesports {
    margin-right: 15px
}

@media (max-width: 767px) {
    .campuslifesports {
        padding-bottom:70px
    }
}

.accredation h3 {
    color: #007367;
    margin: 15px 0 10px
}

.accredation p {
    font-size: 14px;
    color: #303630
}

.accredation .rankings__image {
    border-radius: 20px;
    padding: 45px 75px;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

.campuslife-viewmore ul {
    justify-content: center
}

.campuslife-viewmore ul li a {
    color: #007367
}

.scholarships .coursename {
    width: 100%;
    display: inline-block;
    margin-top: 30px
}

.scholarships .container_twocol .scholarships__wrap {
    width: 40%
}

@media screen and (max-width: 900px) {
    .scholarships .container_twocol .scholarships__wrap {
        width:100%
    }
}

.scholarships__container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .scholarships__container {
        flex-direction:column
    }
}

.scholarships__wrap {
    background-color: rgba(139,203,183,.15);
    display: flex;
    flex-direction: column;
    gap: calc(var(--sec-space-10) * 2);
    padding: var(--padding-small-20);
    border-radius: var(--sec-space-15);
    width: 32%;
    flex-grow: 1
}

@media screen and (max-width: 920px) {
    .scholarships__wrap {
        width:48%
    }
}

@media screen and (max-width: 767px) {
    .scholarships__wrap {
        width:100%
    }
}

.scholarships__percentage {
    font-size: var(--fs-28);
    font-weight: var(--fw-700);
    color: #007367;
    line-height: 1.2;
    margin-top: calc(var(--sec-space-10)/ 2)
}

.scholarships__para {
    line-height: 1.4;
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    color: #303630;
    font-family: "FormaDJRDisplay Medium"
}

@media screen and (max-width: 767px) {
    .scholarships__per {
        width:100%
    }
}

.scholarships__eligibility {
    position: relative
}

.scholarships__eligibility::before {
    content: "";
    position: absolute;
    background: rgba(217,217,217,.4);
    width: 100%;
    height: 1px;
    top: 0;
    transform: translateY(-10px)
}

.scholarships__eligibility--details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.scholarships__eligibility--details p {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    gap: calc(var(--sec-space-10)/ 2);
    margin-top: var(--sec-space-10);
    margin-right: var(--sec-space-10);
    width: 25%;
    color: #303630
}

@media screen and (max-width: 767px) {
    .scholarships__eligibility--details p {
        width:50%
    }
}

.scholarships__eligibility--details p span:first-of-type {
    font-weight: var(--fw-400)
}

.scholarships__eligibility--details p span:nth-of-type(2) {
    font-weight: var(--fw-700)
}

.scholarships__eligibility--details p span {
    font-weight: var(--fw-700);
    font-family: "FormaDJRDisplay Bold"
}

.scholarships__eligibilitytitle {
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    line-height: 1.4;
    font-family: "FormaDJRDisplay Medium"
}

.accordion__content .scholarships p {
    gap: calc(var(--sec-space-10)/ 2);
    margin-top: var(--sec-space-10);
    margin-right: var(--sec-space-10);
    color: #303630
}

.accordion__content .scholarships .percentage {
    font-size: var(--fs-28);
    font-weight: var(--fw-700);
    color: #007367;
    line-height: 1.2;
    margin-top: calc(var(--sec-space-10)/ 2)
}

.scholarship-para h3 {
    font-size: 1.75rem;
    color: #007367;
    margin-bottom: 1rem
}

.scholarship-para p {
    color: #303630;
    padding-bottom: 16px
}

.scholarship-para ul {
    list-style: disc;
    list-style-position: outside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 10px 30px 17px;
    color: #303630
}

.scholarship-para li {
    color: #303630;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.5
}

.scholarship-para .tickicon ul {
    margin: 10px 10px 30px 0
}

.scholarship-para .table table tr td {
    text-align: center
}

.scholarshipcalculator .btn {
    display: inline-block;
    margin-top: 2rem
}

.width50percent {
    width: 50%;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .width50percent {
        width:100%
    }
}

.martop25 {
    margin-top: 25px
}

.vdc-tile {
    display: flex;
    gap: 16px;
    justify-content: left;
    flex-wrap: wrap
}

.vdc_event .card1 {
    width: 32%;
    padding: 20px
}

@media screen and (max-width: 1200px) {
    .vdc_event .card1 {
        width:50%
    }
}

@media screen and (max-width: 1200px) {
    .vdc_event .card1 {
        width:100%
    }
}

.vdc_event .arrowup {
    position: relative!important;
    width: 29px!important
}

.syllabusandcareer__container {
    display: flex;
    flex-direction: row;
    gap: 80px
}

.syllabusandcareer__container--col {
    width: calc(50% - 80px)
}

@media screen and (max-width: 767px) {
    .syllabusandcareer__container--col {
        width:calc(100% - 80px)
    }
}

@media screen and (max-width: 767px) {
    .syllabusandcareer__container {
        flex-direction:column
    }
}

.syllabusandcareer__success--list {
    list-style: disc;
    list-style-position: inside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 0
}

.syllabusandcareer li {
    margin: 10px 0;
    width: 75%
}

.syllabusandcareer__container--col li {
    width: 100%
}

.ourcampuses h2 {
    margin-bottom: 16px
}

.ourcampuses h3 {
    font-family: "FormaDJRDisplay Bold";
    font-size: var(--fs-16);
    color: #a58255;
    font-weight: var(--fw-700);
    line-height: 1.4;
    margin-bottom: 8px
}

.ourcampuses p {
    font-family: "Forma DJR Display Regular";
    line-height: 1.5;
    margin-bottom: 8px;
    font-size: var(--fs-16);
    color: #303630
}

.ourcampuses p span {
    display: block;
    font-weight: 700;
    line-height: 1.5
}

.ourcampuses__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .ourcampuses__row {
        flex-direction:column;
        align-items: flex-start;
        margin-bottom: 0
    }
}

.ourcampuses__col {
    width: 50%;
    overflow: hidden;
    text-align: left;
    padding-right: 16px
}

@media screen and (max-width: 991px) {
    .ourcampuses__col {
        margin-bottom:30px;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .ourcampuses__col:nth-child(2) {
        margin-bottom:0;
        padding-right: 0
    }
}

.ourcampuses__content {
    font-family: "Forma DJR Display Regular";
    line-height: 1.5;
    margin-bottom: 8px;
    font-size: var(--fs-16);
    color: #303630
}

.ourcampuses__content:first-child {
    margin-bottom: 32px
}

@media screen and (max-width: 991px) {
    .ourcampuses__content:first-child {
        margin-bottom:22px;
        width: 100%
    }
}

.ourcampuses__wrapper {
    background: #f4e4c9;
    padding: 21px 0 27px 16px;
    border-radius: 15px;
    transition: .5s ease;
    position: relative;
    height: 100%;
    text-align: left
}

.ourcampuses .tab__box {
    margin-bottom: 24px
}

.ourcampuses .tab__btn {
    color: #a58255;
    line-height: 1.2
}

.ourcampuses .tab__btn.active {
    color: #007367
}

.ourcampuses .tab .content__box .content.active {
    display: block!important
}

.ourcampuses .knowmoreicon {
    margin-top: 63px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .ourcampuses .knowmoreicon {
        margin-top:24px;
        width: 100%
    }
}

.ourcampuses .radiusbottomright .radiusbanner__content {
    width: 120px;
    height: 55px
}

.contacticon {
    margin-top: 8px
}

.contacticon::before {
    position: absolute
}

.contacticon a {
    gap: 6px;
    align-items: center;
    color: #000;
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--fs-16);
    color: #303630
}

.contacticon a img {
    width: 20px
}

.contacticon a span {
    line-height: 1;
    position: relative;
    top: 2px;
    left: 32px
}

.knowmoreicon a {
    font-size: var(--fs-14);
    font-family: var(--fw-500);
    color: #007367;
    position: relative;
    display: inline;
    padding-right: 25px;
    transition: .4s ease
}

.knowmoreicon a::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/arrow-icon.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    transition: .4s ease
}

.knowmoreicon a:hover {
    color: #a58255;
    transition: .4s ease
}

.knowmoreicon a:hover::after {
    background: url("../images/icons/know-more-icon-gold.svg") no-repeat;
    background-size: contain;
    transition: .4s ease
}

.campussection p.threeslider__description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    color: #fff
}

.campusslide {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    height: auto
}

.campusslide img {
    max-width: 100%;
    display: block;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.campusslide .swiper-slide {
    background: 0 0
}

.campusslide .swiper-slide,.campusslide .swiper-wrapper {
    height: auto
}

.campusslide__sliderbtn {
    width: 120px;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    gap: 10px;
    justify-content: end;
    align-items: center
}

.campusslide__sliderbtn .campusslide-btn-next::after,.campusslide__sliderbtn .campusslide-btn-prev::after {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/arrow-right.svg") no-repeat;
    background-size: contain;
    cursor: pointer
}

.campusslide__sliderbtn .campusslide-btn-next.swiper-button-disabled,.campusslide__sliderbtn .campusslide-btn-prev.swiper-button-disabled {
    opacity: .5
}

.campusslide__sliderbtn .campusslide-btn-prev::after {
    background: url("../images/arrow-left.svg") no-repeat
}

.commonsliderarrow {
    display: flex;
    flex-wrap: wrap
}

.commonsliderarrow img {
    max-width: 100%;
    display: block;
    border-radius: 15px;
    overflow: hidden
}

.commonsliderarrow .swiper-slide {
    background: 0 0
}

.commonsliderarrow .swiper-slide,.commonsliderarrow .swiper-wrapper {
    height: auto
}

.commonsliderarrow__sliderbtn {
    width: 120px;
    height: 55px;
    position: absolute;
    right: 0;
    top: -10%;
    z-index: 1;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center
}

.commonsliderarrow__sliderbtn .commonsliderarrow-btn-next::after,.commonsliderarrow__sliderbtn .commonsliderarrow-btn-prev::after {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/arrow-right.svg") no-repeat;
    background-size: contain;
    cursor: pointer
}

.commonsliderarrow__sliderbtn .commonsliderarrow-btn-next.swiper-button-disabled,.commonsliderarrow__sliderbtn .commonsliderarrow-btn-prev.swiper-button-disabled {
    opacity: .5
}

.commonsliderarrow__sliderbtn .commonsliderarrow-btn-prev::after {
    background: url("../images/arrow-left.svg") no-repeat
}

.radiusbanner__container {
    position: relative
}

.radiusbanner__container img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.radiusbanner__content {
    position: absolute;
    background: #fff;
    padding: 15px
}

.radiusbanner__content h2 {
    margin: 0
}

.radiusbanner__content a {
    display: block;
    color: #000;
    line-height: 1
}

.radiusbanner__content::after {
    content: "";
    width: 40px;
    height: 40px;
    background: 0 0;
    position: absolute;
    border-radius: 50%;
    box-shadow: 20px 20px #fff
}

.radiusbanner__content::before {
    content: "";
    width: 40px;
    height: 40px;
    background: 0 0;
    position: absolute;
    border-radius: 50%;
    box-shadow: 20px 20px #fff
}

.radiusbottomright {
    position: relative
}

.radiusbottomright .radiusbanner__content {
    position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 15px 0 0 0;
    bottom: 0;
    right: 0
}

.radiusbottomright .radiusbanner__content a {
    display: block;
    color: #000;
    line-height: 1
}

.radiusbottomright .radiusbanner__content::after {
    left: -40px;
    bottom: 0;
    box-shadow: 20px 20px #fff
}

.radiusbottomright .radiusbanner__content::before {
    right: 0;
    top: -40px;
    box-shadow: 20px 20px #fff
}

.radiusbottomleft {
    position: relative
}

.radiusbottomleft .radiusbanner__content {
    border-radius: 0 15px 0 0;
    bottom: 0;
    left: 0
}

.radiusbottomleft .radiusbanner__content::before {
    left: 0;
    top: -40px;
    box-shadow: -20px 20px #fff
}

.radiusbottomleft .radiusbanner__content::after {
    right: -40px;
    bottom: 0;
    box-shadow: -20px 20px #fff
}

.radiustopleft {
    position: relative
}

.radiustopleft .radiusbanner__content {
    border-radius: 0 0 15px 0;
    top: 0;
    left: 0;
    padding: 0 15px 15px 0
}

@media screen and (max-width: 600px) {
    .radiustopleft .radiusbanner__content {
        position:relative;
        padding: 0 20px 17px 0
    }
}

.radiustopleft .radiusbanner__content::before {
    left: 0;
    bottom: -40px;
    box-shadow: -20px -20px #fff
}

.radiustopleft .radiusbanner__content::after {
    right: -40px;
    top: 0;
    box-shadow: -20px -20px #fff
}

@media screen and (max-width: 767px) {
    .radiustopleft .curvebnr__img--mobile {
        height:539px
    }
}

@media screen and (max-width: 600px) and (max-width:767px) {
    .maininnerbanner .curvebnr__img--mobile {
        height:auto
    }
}

.radiustopright {
    position: relative
}

.radiustopright .radiusbanner__content {
    border-radius: 0 0 0 15px;
    top: 0;
    right: 0;
    padding: 0 0 15px 15px
}

.radiustopright .radiusbanner__content::before {
    left: -40px;
    top: 0;
    box-shadow: 16px -16px #fff
}

.radiustopright .radiusbanner__content::after {
    right: 0;
    bottom: -40px;
    box-shadow: 16px -16px #fff
}

.topprogram h3 {
    font-size: var(--fs-20)
}

.topprogram h4 {
    font-family: "FormaDJRDisplay Medium";
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    line-height: 1.5;
    color: #007367;
    margin-bottom: 4px
}

.topprogram .ourcampuses__card {
    background: rgba(165,130,85,.15);
    padding: 16px;
    border-radius: 12px
}

.topprogram .ourcampuses__wrapper {
    padding: 48px 16px
}

.topprogram .ourcampuses__leftsection {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media screen and (max-width: 991px) {
    .topprogram .ourcampuses__leftsection {
        flex-direction:column
    }
}

.topprogram .ourcampuses__content {
    margin-bottom: 32px
}

.topprogram .ourcampuses__titlebox {
    display: flex;
    justify-content: space-between
}

.topprogram .ourcampuses__titlebox img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    border-radius: 0
}

@media screen and (max-width: 767px) {
    .topprogram .ourcampuses__titlebox img {
        width:16px;
        height: 14px
    }
}

.topprogram .knowmoreicon {
    margin-top: 24px
}

.leftcontent {
    width: 50%
}

@media screen and (max-width: 991px) {
    .leftcontent {
        width:100%
    }
}

.popup {
    z-index: 1000
}

.popup__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1000
}

.popup__overlay--visible {
    display: block
}

.popup__overlay--hidden {
    display: none
}

.popup__close--modify {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    background: 0 0;
    border: none;
    cursor: pointer
}

.popup__content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 20px;
    width: 300px;
    border-radius: 0;
    z-index: 999;
    max-height: 90vh;
    overflow: auto
}

@media only screen and (max-width: 1023px) {
    .popup__content {
        top:50%;
        max-height: 75vh
    }
}

.popup__content::-webkit-scrollbar-track {
    background: rgba(139,203,183,.15)
}

.popup__content::-webkit-scrollbar-thumb {
    background: #007367
}

.popup__content::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    border-radius: 10px
}

.popup__content::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

.popup .searchbar__dropdown {
    min-width: 181px
}

@media screen and (max-width: 360px) {
    .popup .searchbar__dropdown {
        min-width:145px
    }
}

.popup .searchbar__dropdown .dropdown-text span {
    font-size: 14px
}

.popup .searchbar .dropdown-list .dropdown-list-item input[type=checkbox]+label {
    font-size: 14px
}

body.path-content-search .dialog-off-canvas-main-canvas {
    overflow-x: unset!important
}

@media screen and (max-width: 1300px) {
    .searchpopupfilter .popup__clear {
        bottom:0;
        position: absolute;
        left: 0;
        width: 50%
    }
}

.searchpopupfilter .popup__closeicon {
    display: block;
    position: absolute;
    top: 16px;
    right: 23px;
    outline: 0;
    -webkit-appearance: none;
    border: 0;
    background: 0;
    cursor: pointer
}

.searchpopupfilter .popup__closeicon img {
    width: 23px;
    position: relative
}

.searchpopupfilter .popup__applynow {
    -webkit-appearance: none!important;
    outline: 0!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-radius: 0!important
}

@media screen and (max-width: 1300px) {
    .searchpopupfilter .popup__applynow {
        width:50%;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

@media screen and (max-width: 991px) {
    .searchpopupfilter .popup__applynow {
        font-size:16px;
        border-radius: 0
    }
}

.popupfilter {
    z-index: 9
}

.popupfilter h3 {
    font-family: "FormaDJRDisplay Bold";
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
    color: #007367;
    line-height: 1.3;
    margin-bottom: 10px
}

.popupfilter__content {
    max-width: 562px;
    background: #fcfcfc;
    padding: 16px 11px 24px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .popupfilter__content {
        max-width:90%
    }
}

.popupfilter__content select {
    color: #303630
}

.popupfilter__title {
    font-size: var(--fs-14);
    color: #303630;
    margin-bottom: 0
}

.popupfilter__titlebox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.popupfilter__category .cta {
    text-align: center;
    transition: .4s ease;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 30px;
    cursor: pointer;
    min-width: 187px;
    background: #a58255;
    color: #fff
}

.popupfilter__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.popupfilter__item a {
    font-family: "Forma DJR Display Regular";
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    color: #303630;
    line-height: 1.3;
    background: rgba(139,203,183,.15);
    padding: 8px;
    display: block;
    cursor: pointer
}

.popupfilter__item a:hover {
    outline: 1px solid #007367
}

.popupfilter__clearicon {
    margin-bottom: 32px
}

.popupfilter__clearicon a {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: default
}

.popupfilter__clearicon a img {
    display: inline;
    cursor: pointer
}

.popupfilter__cta {
    display: flex;
    gap: 16px;
    justify-content: center
}

.popupfilter__searchcta {
    position: absolute;
    bottom: 22px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0
}

.popupfilter .cta--nb {
    font-size: 14px;
    padding: 0 14px
}

.searchpopupfilter .popupfilter__content {
    max-width: 850px;
    max-height: 100vh;
    padding: 50px 25px 33px;
    height: 280px
}

@media screen and (max-width: 1300px) {
    .searchpopupfilter .popupfilter__content {
        max-width:100%;
        max-height: 100vh;
        height: 100%;
        transform: translate(0,0);
        top: 0;
        left: 0;
        padding: 80px 25px 0
    }
}

.searchinput {
    position: relative;
    max-width: 370px;
    width: 100%;
    margin-top: 8px
}

.searchinput input {
    font-family: "Forma DJR Display Regular";
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #007367;
    line-height: 1;
    max-width: 370px;
    width: 100%;
    border: none;
    padding: 8px;
    border-bottom: 1px solid #004740
}

.searchinput input::-moz-placeholder {
    color: #007367;
    font-size: var(--fs-16);
    font-weight: var(--fw-400)
}

.searchinput input::placeholder {
    color: #007367;
    font-size: var(--fs-16);
    font-weight: var(--fw-400)
}

.searchinput input:focus {
    outline: 0;
    border-bottom: 1px solid #007367
}

.searchinput__icon {
    position: absolute;
    right: 4px;
    top: 34%;
    transform: translateY(-50%);
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .searchinput__icon {
        right:50px
    }
}

.searchinput label {
    display: none!important
}

@media screen and (max-width: 767px) {
    .searchinput .js-form-item {
        width:81%
    }
}

.filterbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: var(--fs-36) 0
}

.filterbtn summary {
    display: none
}

.filterbtn label {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
    color: #007367;
    line-height: 1.3;
    display: flex;
    margin-bottom: 10px
}

.filterbtn ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px
}

.filterbtn ul li {
    font-size: var(--fs-14);
    font-weight: var(--fw-400);
    color: #303630;
    line-height: 1.3;
    cursor: pointer
}

.filterbtn ul li a {
    color: #303630;
    background: rgba(139,203,183,.15);
    padding: 8px;
    display: block
}

.filterbtn ul li a.bef-link--selected {
    outline: 1px solid #007367
}

.filterbtn ul li:hover {
    outline: 1px solid #007367
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.changemakerpopupfilter .popupscroll-area {
    height: 430px;
    overflow: scroll;
    padding: 20px;
    margin-top: 20px
}

.changemakerpopupfilter .popupscroll-area::-webkit-scrollbar-track {
    background: rgba(139,203,183,.15)
}

.changemakerpopupfilter .popupscroll-area::-webkit-scrollbar-thumb {
    background: #007367
}

.changemakerpopupfilter .popupscroll-area::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    border-radius: 10px
}

.changemakerpopupfilter .popupscroll-area::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

.changemakerpopupfilter .popupfilter__content {
    padding: 18px 10px 0;
    overflow: hidden
}

.changemakerpopupfilter h3 {
    margin-bottom: 20px
}

.changemakerpopupfilter .popup__close {
    display: flex;
    justify-content: end;
    margin-top: 0
}

.changemakerpopupfilter .popup__close img {
    width: 26px
}

.eventdetails {
    font-size: var(--fs-16);
    color: #303630;
    line-height: 1.5
}

.eventdetails__wrap {
    padding: var(--padding-medium-30) var(--padding-small-20)
}

.eventdetails__title {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
    color: #303630
}

.eventdetails__tip {
    color: #004740;
    background-color: #8bcbb7;
    padding: calc(var(--padding-small-20)/ 2) calc(var(--padding-medium-40)/ 2);
    display: inline-block;
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    border-radius: var(--bs-radius-100);
    margin-top: var(--sec-space-30)
}

.eventdetails h3 {
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
    color: #004740;
    margin-top: calc(var(--padding-medium-30)/ 2);
    margin-bottom: calc(var(--padding-medium-30)/ 2)
}

.eventdetails p {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #303630;
    line-height: 1.5;
    margin-top: var(--sec-space-10)
}

.eventdetails__para {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    color: #303630;
    line-height: 1.5;
    margin-top: var(--sec-space-10)
}

.eventdetails__venue {
    display: flex;
    flex-direction: column;
    gap: calc(var(--padding-medium-30)/ 2);
    margin-top: var(--sec-space-30)
}

.eventdetails__venue--details {
    display: flex;
    gap: calc(var(--sec-space-10)/ 2)
}

.eventdetails__venue--details img {
    background-color: #007367;
    width: 32px;
    height: 32px;
    border-radius: var(--bs-radius-100);
    padding: calc(var(--padding-small-10)/ 2)
}

.eventdetails__venue--details p {
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    margin-left: var(--sec-space-10)
}

.eventdetails__contact {
    margin-top: var(--sec-space-25)
}

.eventdetails__contact--details {
    padding-top: var(--padding-small-25);
    padding-bottom: var(--padding-small-25);
    display: flex;
    gap: var(--sec-space-60);
    color: #004740
}

.eventdetails__contact--details span {
    font-size: var(--fs-12);
    margin-bottom: var(--sec-space-10)
}

.eventdetails__contact--details p {
    font-family: "FormaDJRDisplay Medium";
    font-size: var(--fs-14)
}

.eventdetails__contact--details a {
    color: #004740
}

.eventdetails__contact--details:first-child {
    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9
}

.eventdetails__contact--details:last-child {
    border-bottom: solid 1px #d9d9d9
}

.eventdetails__download {
    display: flex;
    flex-direction: row;
    gap: calc(var(--padding-medium-30)/ 2);
    margin-top: var(--sec-space-10);
    align-items: center
}

.eventdetails__download img {
    background-color: #007367;
    width: 32px;
    height: 32px;
    border-radius: var(--bs-radius-100);
    padding: calc(var(--padding-small-10)/ 2)
}

.eventdetails__download p {
    font-size: var(--fs-12);
    font-weight: var(--fw-500)
}

.eventdetails__download a {
    font-size: var(--fs-14);
    font-family: "FormaDJRDisplay Medium";
    color: #004740
}

.accordion__item {
    border-bottom: 1px solid #d9d9d9
}

.accordion__item:last-child {
    border-bottom: none
}

.accordion__item.active1 .accordion__header {
    color: #007367
}

.accordion__item.active1 .accordion__content {
    max-height: none;
    overflow: hidden
}

.accordion__item.active1 .accordion__arrow {
    width: 24px;
    height: 24px;
    background: url(../images/downarrow.svg) no-repeat;
    background-size: 100%;
    transition: transform .4s ease;
    transform: translateY(-50%) rotate(-180deg)
}

.accordion__item .faculty-slider__image {
    height: 290px;
    width: 217px
}

.accordion__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../images/acc-down-arrow.svg) no-repeat;
    background-size: 100%;
    transition: transform .4s ease
}

.accordion__header {
    padding: 24px 0;
    padding-right: 56px;
    cursor: pointer;
    text-align: left;
    color: #303630;
    font-size: var(--fs-16);
    font-weight: var(--fw-500);
    line-height: 1.33;
    position: relative;
    font-family: "FormaDJRDisplay Medium"
}

.accordion__header.active1 {
    padding-bottom: 20px
}

.accordion__header.active1 .accordion__arrow {
    transform: translateY(-50%) rotate(-180deg)
}

.accordion__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease,padding .4s ease
}

.accordion__content p {
    padding: 0;
    margin: 0;
    color: #303630;
    margin-bottom: 8px
}

.accordion__para {
    padding: 0 0 24px;
    max-width: 100%;
    font-family: "Forma DJR Display Regular"
}

@media screen and (max-width: 991px) {
    .accordion__para {
        max-width:100%
    }
}

.accordion__para ul {
    list-style: disc;
    list-style-position: outside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 0 30px 0;
    color: #303630
}

@media screen and (max-width: 767px) {
    .accordion__para ul {
        margin:10px 0 0 0
    }
}

.accordion__para ul li {
    color: #303630;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.5
}

.contact_directory_cls .accordion__item:last-child {
    border-bottom: 1px solid #d9d9d9
}

.contact_directory_cls .accordion__item .faculty-slider__image {
    -o-object-fit: fill;
    object-fit: fill
}

.Faqsection a {
    color: #007367
}

.Faqsection ol.ordernumber {
    list-style: decimal;
    padding: 0 17px;
    color: #303630
}

.Faqsection ol.ordernumber li {
    padding: 0;
    margin: 10px 0;
    line-height: 1.5
}

.Faqsection ol.ordernumber li a {
    color: #007367
}

.Faqsection ol.loweralpha {
    list-style: lower-alpha;
    padding: 0 17px;
    color: #303630
}

.Faqsection ol.loweralpha li {
    padding: 0;
    margin: 10px 0;
    line-height: 1.5
}

.Faqsection ol.loweralpha li a {
    color: #007367
}

.faqsectionarrow .accordion__item.active1 .accordion__arrow {
    width: 18px;
    height: 18px;
    background: url(../images/arrow-icon.svg) no-repeat;
    transform: translateY(-50%) rotate(-226deg)
}

.faqsectionarrow .accordion__arrow {
    width: 18px;
    height: 18px;
    background: url(../images/arrow-icon.svg) no-repeat;
    transform: translateY(-50%) rotate(0)
}

.scolarshipcalc .filterbtn .searchinput .js-form-item {
    width: auto;
    display: flex
}

.faqfiltersection .form-type-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0
}

.faqfiltersection .form-type-checkbox input {
    margin-right: 10px
}

.faqfiltersection .filterbtn {
    justify-content: flex-start;
    gap: 60px
}

@media screen and (max-width: 767px) {
    .faqfiltersection .filterbtn {
        flex-wrap:wrap
    }
}

.faqfiltersection .filterbtn label {
    margin-bottom: 0
}

.faqfiltersection .form-checkboxes.bef-checkboxes {
    display: flex;
    gap: 30px
}

@media screen and (max-width: 1024px) {
    .faqfiltersection .form-checkboxes.bef-checkboxes {
        flex-wrap:wrap
    }
}

.faqfiltersection .faq_slect fieldset {
    margin: 0
}

.faqfiltersection .searchinput .js-form-item {
    margin-bottom: 0
}

.customselect-dropdown .form-type-select select {
    width: 22%;
    color: #303630;
    border-bottom: solid 1px #004740
}

@media (max-width: 375px) {
    .customselect-dropdown .form-type-select select {
        width:100%!important
    }
}

@media (max-width: 767px) {
    .customselect-dropdown .searchinput .js-form-item {
        width:100%
    }
}

@media (max-width: 767px) {
    .customselect-dropdown .js-form-item {
        width:100%
    }
}

.accordion-table {
    width: 100%;
    border-collapse: collapse
}

.accordion-table td,.accordion-table th {
    text-align: left
}

.accordion-table__header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.accordion-table__header--active .accordion-table__arrow {
    transform: rotate(270deg)
}

.accordion-table__arrow {
    display: inline-block;
    transition: transform .3s ease;
    transform: rotate(90deg)
}

.accordion-table__body {
    display: none
}

.accordion-table__body--visible {
    display: table-row
}

.accordion-table__cta {
    background: #007367;
    color: #fff;
    margin: 25px auto;
    display: flex
}

#profilepopup-table .popupfilter__content {
    max-width: 850px
}

.counter-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 32px
}

@media (max-width: 1024px) {
    .counter-cards {
        grid-template-columns:repeat(2,1fr);
        justify-content: unset;
        gap: 10px
    }
}

@media (max-width: 520px) {
    .counter-cards {
        grid-template-columns:repeat(1,1fr)
    }
}

.counter-cards__item {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 24px rgba(0,0,0,.1019607843);
    transition: box-shadow .3s ease-in-out;
    padding: 65px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-height: 265px;
    height: 100%
}

.counter-cards__item:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.3)
}

@media screen and (max-width: 1440px) {
    .counter-cards__item {
        padding:40px
    }
}

@media (max-width: 1024px) {
    .counter-cards__item {
        max-height:100%;
        border-radius: 16px
    }

    .counter-cards__item:nth-child(2) {
        order: 3
    }

    .counter-cards__item:nth-child(3) {
        order: 2;
        margin-top: -55px
    }

    .counter-cards__item:nth-child(4) {
        order: 4;
        margin-top: -55px
    }
}

@media (max-width: 520px) {
    .counter-cards__item:nth-child(3) {
        margin-top:0
    }

    .counter-cards__item:nth-child(4) {
        margin-top: 0
    }
}

.counter-cards__item--yellow .counter-cards__number {
    color: #ffc107
}

.counter-cards__item--green .counter-cards__number {
    color: #4caf50
}

.counter-cards__item--red .counter-cards__number {
    color: #f44336
}

.counter-cards__item--blue .counter-cards__number {
    color: #2196f3
}

.counter-cards__number {
    font-size: 65px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #4e554e!important
}

@media (max-width: 1024px) {
    .counter-cards__number {
        font-size:40px
    }
}

.counter-cards span {
    font-size: 65px;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 5px
}

@media (max-width: 1024px) {
    .counter-cards span {
        font-size:40px
    }
}

.counter-cards p {
    font-size: 20px;
    color: #303630;
    margin: 0;
    line-height: 1.2
}

@media (max-width: 1024px) {
    .counter-cards p {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .counter-cards p {
        font-size:12px
    }
}

.counter-cardssmallfnt .counter-cards__number {
    font-size: 27px
}

.counter-cardssmallfnt .counter-cards p {
    font-size: 16px
}

.counter-cardsfnt38 .counter-cards__item {
    padding: 45px 25px
}

.counter-cardsfnt38 .counter-cards__number {
    font-size: 38px
}

.counter-cardsfnt38 .counter-cards p {
    font-size: 16px
}

.entrepreneurs-specification {
    border: solid 1px #007367;
    padding: 30px
}

.entrepreneurs {
    background: #007367;
    color: #fff;
    padding: 30px
}

.entrepreneurs a {
    color: #fff
}

.faculty-profile__wrapper {
    display: flex;
    gap: 16px;
    justify-content: left;
    flex-wrap: wrap
}

.faculty-profile__wrapper li {
    display: flex;
    align-items: flex-start;
    flex: 1 1 calc(20% - 1rem);
    max-width: calc(20% - .5rem);
    min-width: 200px
}

@media (max-width: 1024px) {
    .faculty-profile__wrapper li {
        flex:1 1 calc(25% - 1rem);
        max-width: calc(25% - .5rem)
    }
}

@media (max-width: 767px) {
    .faculty-profile__wrapper li {
        flex:1 1 calc(32% - 1rem);
        max-width: calc(32% - .5rem)
    }
}

@media (max-width: 500px) {
    .faculty-profile__wrapper li {
        flex:1 1 calc(50% - 1rem);
        max-width: calc(50% - .5rem)
    }
}

.faculty-profile .faculty-list__title {
    font-family: "Forma DJR Display Regular";
    color: #303630;
    font-size: 14px;
    font-weight: 400!important;
    margin-top: 10px
}

.faculty-profile .faculty-list__subtitle {
    font-size: .9rem;
    color: #007367;
    font-weight: 700;
    margin-bottom: .4rem
}

.faculty-profile .faculty-list__subtitle .arrowhide {
    width: 87%;
    font-size: 17px;
    line-height: 1;
    word-break: break-word
}

.faculty-profile .faculty-list__subtitle .links:hover span.arrowhide {
    background: 0 0!important
}

.faculty-profile__footer {
    margin-top: 1.5rem;
    text-align: left
}

.faculty-profile .swiper-slide {
    background: 0 0
}

.faculty-slider__card {
    border: none;
    text-align: left;
    transition: transform .3s;
    cursor: default;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.faculty-slider__card img {
    border-radius: 20px
}

.faculty-slider__card:hover img {
    transition: transform .3s;
    transform: translateY(-5px)
}

.faculty-slider__image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.faculty-slider__content {
    margin-top: 1rem
}

.faculty-slider__title {
    font-size: 1.25rem;
    color: #a58255;
    margin-top: 10px;
    font-weight: 500
}

.faculty-slider__subtitle {
    font-size: .9rem;
    color: #007367;
    font-weight: 700;
    margin-bottom: .4rem
}

.faculty-slider__subtitle .wid98 {
    width: 98%
}

.faculty-slider__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem
}

.faculty-slider__button {
    background-size: cover;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: none;
    background-color: transparent
}

.faculty-profile .links {
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

.faculty-profile .links:focus {
    outline: 0
}

.faculty-profile .arrowup {
    right: 0;
    position: absolute
}

.allfacultylist .faculty-profile__wrapper {
    margin-bottom: 16px
}

.allfacultylist .faculty-slider__card img {
    height: 280px
}

.popupfilter a[name="dept_id[0]"] {
    display: none
}

.open-access .faculty-slider__image {
    width: 183px;
    height: 225px!important;
    -o-object-fit: fill;
    object-fit: fill
}

.open-access .faculty-profile .faculty-list__subtitle .arrowhide {
    width: 80%
}

.digital-resource .form-type-select select {
    width: 100%;
    color: #007367!important;
    border-bottom: 1px solid #004740;
    padding: 10px 30px 10px 5px
}

.print-resource .form-type-select select {
    color: #007367!important;
    border-bottom: 1px solid #004740
}

.arrowhide .commonbtn {
    display: none
}

.whovisited .links {
    display: none
}

.whovisited .profilelinks {
    display: block!important
}

.whovisited .profilelinks .arrowup {
    position: relative;
    display: inline-block;
    margin-left: 10px
}

.scholarship-eligibility {
    background-color: #fff;
    color: #303630
}

.scholarship-eligibility .row {
    margin-left: 0;
    margin-right: 0
}

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

.scholarship-eligibility .scholarship-eligibility h2 {
    margin-bottom: 16px;
    color: #004740
}

.scholarship-eligibility .mt-15 {
    margin-top: 15px
}

.scholarship-eligibility .btn {
    background: #a58255;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 11px 23px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    border: solid 1px #a58255
}

.scholarship-eligibility .btn:hover {
    color: #a58255;
    background: #fff;
    border: solid 1px #a58255
}

.scholarship-eligibility .select-box {
    padding-right: 50px
}

.scholarship-eligibility .select_wrap {
    margin: 15px auto;
    position: relative;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.scholarship-eligibility .select_wrap .default_option {
    background: 0 0;
    position: relative;
    cursor: pointer;
    border-bottom: solid 1px #004740;
    color: #303630
}

.scholarship-eligibility .select_wrap .default_option li {
    padding: 10px 6px
}

.scholarship-eligibility .select_wrap .default_option:before {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/src/images/acc-down-arrow.svg)
}

.scholarship-eligibility .select_wrap .select_ul {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #eff6f4;
    display: none
}

.scholarship-eligibility .select_wrap .select_ul li {
    padding: 10px 20px;
    cursor: pointer;
    color: #007367
}

.scholarship-eligibility .select_wrap .select_ul li:hover {
    background: #8bcbb7
}

.scholarship-eligibility .select_wrap .option {
    display: flex;
    align-items: center
}

.scholarship-eligibility .select_wrap .option .icon {
    background: url(/src/images/down-arrow.svg);
    width: 32px;
    height: 32px;
    margin-right: 15px
}

.scholarship-eligibility .select_wrap.active .select_ul {
    display: block
}

@media (max-width: 767px) {
    .scholarship-eligibility .select-box {
        padding-bottom:0;
        padding-right: 25px
    }

    .scholarship-eligibility .mt-35 {
        margin-top: 20px
    }
}

@media (max-width: 530px) {
    .scholarship-eligibility .select-box {
        padding-right:0
    }
}

.scholarship-eligibility .find-programme .last {
    padding-right: 0!important
}

.scholorship-calculator .form-type-select select,.scolarshipcalc .form-type-select select {
    position: relative;
    cursor: pointer;
    border-bottom: solid 1px #004740;
    color: #303630;
    margin: 15px auto;
    width: 100%;
    padding: 10px 30px 10px 0
}

.scholorship-calculator .form-type-select option,.scolarshipcalc .form-type-select option {
    background: #eff6f4;
    padding: 10px 20px;
    cursor: pointer;
    color: #007367
}

.scholorship-calculator .btn,.scolarshipcalc .btn {
    background: #a58255;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 11px 23px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    border: solid 1px #a58255;
    margin-top: 15px
}

.scholorship-calculator .btn:hover,.scolarshipcalc .btn:hover {
    color: #a58255;
    background: #fff;
    border: solid 1px #a58255
}

.scholorship-calculator #sc-result-wrapper,.scolarshipcalc #sc-result-wrapper {
    width: 100%;
    margin: 5px 0
}

.scholorship-calculator .js-form-item,.scolarshipcalc .js-form-item {
    width: 21%;
    flex-grow: 1
}

@media (max-width: 767px) {
    .scholorship-calculator .js-form-item,.scolarshipcalc .js-form-item {
        width:35%
    }
}

@media (max-width: 480px) {
    .scholorship-calculator .js-form-item,.scolarshipcalc .js-form-item {
        width:100%
    }
}

.scholorship-calculator form,.scolarshipcalc form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px
}

.last {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

.js-form-item label,.js-form-item legend {
    color: #303630
}

.js-form-item {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .js-form-item {
        margin-bottom:20px
    }
}

.slct_sp_values {
    margin-bottom: 0!important
}

.js-form-type-radio {
    margin-bottom: 0!important
}

.iti__selected-flag {
    padding: 0 6px 0 0
}

.iti {
    width: 100%
}

.message-status {
    margin-bottom: 25px;
    color: #303630
}

.scholarship-process {
    color: #303630
}

.scholarship-process__title {
    font-size: 2rem;
    color: #007367;
    margin-bottom: 1rem
}

.scholarship-process__description {
    color: #303630;
    margin-bottom: 2rem;
    font-size: 1rem
}

.scholarship-process .timeline__stage {
    display: flex;
    align-items: flex-start
}

@media (max-width: 1024px) {
    .scholarship-process .timeline__stage {
        margin-bottom:2rem
    }
}

.scholarship-process .timeline__stage:last-child {
    margin-bottom: 0
}

.scholarship-process .timeline__icon {
    margin-right: 1rem;
    position: relative
}

.scholarship-process .timeline__icon img {
    width: 100%;
    height: 100%
}

.scholarship-process .timeline__content {
    flex: 1
}

.scholarship-process .timeline__content ul {
    list-style: disc;
    list-style-position: outside;
    margin: 10px 10px
}

.scholarship-process .timeline__content ul li {
    font-size: 14px;
    margin-bottom: .5rem
}

.scholarship-process .timeline__title {
    font-size: 1.25rem;
    color: #007367;
    margin-bottom: .5rem
}

.scholarship-process .timeline__text {
    color: #303630;
    font-size: 1rem;
    margin-bottom: 1rem
}

.scholarship-process .timeline__list {
    list-style: disc;
    list-style-position: inside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 0;
    color: #303630
}

.scholarship-process .timeline__list-item {
    color: #303630;
    font-size: 1rem;
    margin-bottom: .5rem
}

.scholarship-process .timeline__list-item:last-child {
    margin-bottom: 0
}

.scholarship-process .timeline__connector::after {
    content: "";
    width: 2px;
    border: #007367 1px dashed;
    margin: 0 auto;
    height: 50px;
    left: 0;
    position: absolute;
    top: 54px;
    left: 31px
}

.scholarshipvalue .scholarships__eligibility--details p {
    width: auto
}

.scholarshipprocesstline {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #303630
}

.scholarshipprocesstline p {
    margin-bottom: 25px;
    color: #303630
}

.scholarshipprocesstline__step {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px
}

.scholarshipprocesstline__step:last-child {
    margin-bottom: 0
}

.scholarshipprocesstline__step--active .scholarshipprocesstline__icon {
    background-color: #007367
}

.scholarshipprocesstline__step:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    border: dotted 1px #007367;
    top: 32px;
    left: 32px
}

.scholarshipprocesstline__icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: #007367;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.scholarshipprocesstline__icon:last-child::after {
    display: none
}

.scholarshipprocesstline__number {
    font-size: 18px;
    color: #fff
}

.scholarshipprocesstline__content {
    flex: 1;
    color: #303630
}

.scholarshipprocesstline__content__description,.scholarshipprocesstline__content__list {
    font-size: 16px;
    color: #333
}

.scholarshipprocesstline__content ul {
    list-style: disc;
    list-style-position: outside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 10px;
    color: #303630
}

.scholarshipprocesstline__content ul li {
    color: #303630;
    font-size: 14px;
    margin-bottom: .5rem
}

.scholarshipprocesstline__title {
    font-size: 18px;
    color: #007367;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .scholarshipprocesstline {
        padding-left:20px
    }

    .scholarshipprocesstline__icon__number {
        font-size: 16px
    }

    .scholarshipprocesstline__content__title {
        font-size: 16px
    }

    .scholarshipprocesstline__content__description,.scholarshipprocesstline__content__list {
        font-size: 14px
    }
}

ol.ordernumber {
    list-style: decimal;
    padding: 0 17px;
    color: #303630
}

ol.ordernumber li {
    padding: 0;
    margin: 10px 0;
    line-height: 1.5
}

.murti__title {
    margin-bottom: 40px;
    font-size: 32px;
    color: #00695c
}

.murti__stages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.murti__stage {
    flex: 1 1 calc(25% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

.murti__icon {
    background-color: #00695c;
    border-radius: 50%;
    padding: 15px;
    margin-bottom: 20px
}

.murti__icon img {
    max-width: 100%;
    height: auto
}

.murti__content {
    text-align: center
}

.murti__content__subtitle {
    font-size: 18px;
    margin-bottom: 10px;
    color: #00695c
}

.murti__content__list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0
}

.murti__content__list-item {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px
}

.murti .timeline__stage {
    display: flex;
    align-items: flex-start;
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - .5rem)
}

@media (max-width: 1024px) {
    .murti .timeline__stage {
        flex:1 1 calc(50% - 1rem);
        max-width: calc(50% - .5rem);
        margin-bottom: 2rem
    }
}

@media (max-width: 767px) {
    .murti .timeline__stage {
        flex:1 1 100%;
        max-width: 100%
    }
}

.murti .timeline__stage:last-child {
    margin-bottom: 0
}

.murti .timeline__icon {
    margin-right: 22px
}

.murti .timeline__icon img {
    width: 100%;
    height: 100%
}

.murti .timeline__content {
    flex: 1
}

.murti .timeline__content ul {
    list-style: disc;
    list-style-position: outside;
    margin: 10px 24px;
    color: #303630
}

.murti .timeline__content ul li {
    color: #303630;
    font-size: 14px;
    margin-bottom: .5rem
}

.murti .timeline__title {
    font-size: 1.25rem;
    color: #007367;
    margin-bottom: .5rem
}

.murti .timeline__text {
    color: #303630;
    font-size: 1rem;
    margin-bottom: 1rem
}

.murti .timeline__list {
    list-style: disc;
    list-style-position: outside;
    margin-top: calc(var(--sec-space-10)/ 2);
    margin: 10px 10px;
    color: #303630
}

.murti .timeline__list-item {
    color: #303630;
    font-size: 14px;
    margin-bottom: .5rem;
    font-family: "Forma DJR Display Regular"
}

.murti .timeline__list-item:last-child {
    margin-bottom: 0
}

.murti .timeline__connector::after {
    content: "";
    width: 2px;
    border: #007367 1px dashed;
    margin: 0 auto;
    height: 50px;
    left: 0;
    position: absolute;
    top: 54px;
    left: 31px
}

.textlist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
    color: #303630;
    margin-bottom: 24px
}

.textlist .links {
    margin-top: 0
}

.twocolumcourcedtail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.twocolumcourcedtail__stage {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem
}

.twocolumcourcedtail__stage:last-child {
    margin-bottom: 0
}

.twocolumcourcedtail__stage::before {
    content: "";
    width: 64px;
    height: 64px;
    background: url(../images/degreecap.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%;
    margin-right: 10px
}

.twocolumcourcedtail h3 {
    font-size: 1.25rem;
    color: #007367;
    margin-bottom: .5rem
}

.twocolumcourcedtail p {
    font-size: 14px;
    color: #303630
}

.campusdining .timeline__stage {
    max-width: 33.333%
}

@media (max-width: 1024px) {
    .campusdining .timeline__stage {
        max-width:100%
    }
}

.campusdining .murti__stages {
    gap: 30px;
    justify-content: flex-start
}

.reasearchcard__container {
    display: flex;
    flex-direction: row;
    gap: var(--sec-space-20);
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .reasearchcard__container {
        flex-direction:column
    }
}

.reasearchcard__wrap {
    background-color: rgba(139,203,183,.15);
    display: flex;
    flex-direction: column;
    padding: var(--padding-small-20);
    border-radius: var(--sec-space-15);
    width: calc(33.3333% - 16px)
}

@media screen and (max-width: 767px) {
    .reasearchcard__wrap {
        width:100%
    }
}

.reasearchcard__percentage {
    font-size: var(--fs-28);
    font-weight: var(--fw-700);
    color: #007367;
    line-height: 1.2;
    margin-top: calc(var(--sec-space-10)/ 2)
}

.reasearchcard__head {
    font-weight: var(--fw-700);
    font-size: var(--fs-16);
    line-height: 1.2;
    color: #007367;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,115,103,.15)
}

.reasearchcard__para {
    line-height: 1.4;
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    padding-bottom: 4px!important
}

.reasearchcard__paratext {
    line-height: 1.4;
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    padding-top: 8px!important
}

.reasearchcard__per {
    width: 100%
}

@media screen and (max-width: 767px) {
    .reasearchcard__per {
        width:100%
    }
}

.reasearchcard__qualification {
    display: flex;
    align-items: center;
    font-size: var(--fs-12);
    flex-wrap: wrap;
    gap: 10px;
    padding: 4px 0 8px;
    border-bottom: 1px solid rgba(0,115,103,.15)
}

.reasearchcard__campusqualification {
    display: flex;
    align-items: center;
    font-size: var(--fs-12);
    flex-wrap: wrap;
    gap: 10px;
    padding: 4px 0 16px
}

.reasearchcard__degree {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 100px;
    flex-grow: 1;
    position: relative;
    line-height: 1.5
}

.reasearchcard__degree::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/tick.svg) no-repeat center;
    background-color: #007367;
    border-radius: 50%;
    margin-right: 10px
}

.reasearchcard__degree.hypen::after {
    content: "-";
    background: 0 0;
    width: 16px;
    height: 16px
}

.reasearchcard__eligibilitytitle {
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    line-height: 1.4
}

.reasearchcard .icon-columns__paratext {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    line-height: 1.3;
    font-family: "Forma DJR Display Regular";
    color: #303630
}

.datecard {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--datecard-width),1fr));
    gap: var(--fcard-gap);
    padding: var(--fs-24) 0;
    box-sizing: border-box
}

@media (min-width: 1087px) {
    .datecard {
        grid-template-columns:repeat(4,var(--datecard-width))
    }
}

@media (max-width: 1086px) and (min-width:553px) {
    .datecard {
        grid-template-columns:repeat(2,minmax(calc((100% - var(--fcard-gap))/ 2),1fr))
    }
}

@media (max-width: 552px) {
    .datecard {
        grid-template-columns:1fr
    }
}

.datecard__card {
    box-sizing: border-box;
    background-color: teal;
    padding: var(--fs-16);
    border-radius: 19.4px;
    background: rgba(139,203,183,.07)
}

.datecard__sm-text {
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    line-height: 1.2;
    padding-bottom: 4px
}

.datecard__date-text {
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
    font-family: "FormaDJRDisplay Medium";
    line-height: 1.2;
    color: #007367!important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,115,103,.15);
    margin-bottom: 8px
}

.datecard__light-text {
    font-size: var(--fs-12);
    font-weight: var(--fw-400);
    font-family: "Forma DJR Display Regular";
    line-height: 1.2;
    color: #303630
}

.datecard__viewall-link {
    display: flex;
    align-items: center;
    color: #007367
}

.contactform {
    color: #303630
}

.contactform__container {
    max-width: 1200px;
    margin: 0 auto
}

.contactform__title {
    margin-bottom: 20px
}

.contactform__form {
    display: flex;
    flex-wrap: wrap
}

.contactform__row {
    display: flex;
    width: 100%
}

@media (max-width: 768px) {
    .contactform__row {
        flex-direction:column;
        margin-bottom: 0
    }
}

.contactform .radio-section {
    margin: 5px 0 40px
}

@media (max-width: 768px) {
    .contactform .radio-section {
        margin:5px 0 20px
    }
}

.contactform__field {
    flex: 1;
    margin-right: 20px
}

@media (max-width: 768px) {
    .contactform__field {
        margin-right:0;
        margin-bottom: 20px
    }
}

.contactform__field:last-child {
    margin-right: 0
}

.contactform__field--radio {
    flex: 1
}

.contactform__label {
    display: block;
    margin-bottom: 10px;
    color: #303630
}

.contactform__input,.contactform__select,.contactform__textarea {
    width: 100%;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #004740;
    background: 0 0;
    color: #303630;
    margin-bottom: 10px
}

.contactform input::-moz-placeholder {
    color: #303630
}

.contactform input::placeholder {
    color: #303630
}

.contactform__input:focus,.contactform__select:focus,.contactform__textarea:focus {
    outline: 0!important
}

.contactform__textarea {
    height: 100px;
    resize: vertical
}

.contactform__options {
    display: flex;
    align-items: center
}

.contactform__options label {
    margin-right: 15px
}

.contactform__submit {
    background-color: #a58255;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    line-height: 1.2;
    margin-top: 20px
}

.iti input,.iti input[type=tel],.iti input[type=text],.iti--allow-dropdown input {
    width: 100%;
    padding: 10px 6px 10px 52px;
    border: 0;
    border-bottom: 1px solid #004740;
    background: 0 0;
    color: #303630
}

.form-item--error-message {
    color: red;
    font-size: 14px
}

input:-internal-autofill-selected {
    background-color: none!important
}

.contactform__form input::-webkit-input-placeholder {
    color: #303630
}

.contactform__form input::-moz-placeholder {
    color: #303630
}

.contactform__form input:-ms-input-placeholder {
    color: #303630
}

.contactform__form input:-moz-placeholder {
    color: #303630
}

.form-radios {
    display: flex;
    align-items: center;
    margin-top: 30px;
    gap: 10px
}

.form-radios .js-form-item {
    width: auto
}

.form-type-radio input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #303630;
    width: 17px;
    height: 17px;
    border-radius: 20px;
    left: -2px;
    position: relative;
    background: #fff
}

.form-type-radio input[type=radio]:checked::after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: 1px;
    left: 1px;
    position: relative;
    background-color: #004740;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.scolarshipcalc .fieldset-wrapper {
    white-space: nowrap
}

@media (max-width: 767px) {
    .scolarshipcalc .js-form-item {
        margin-bottom:20px
    }
}

.contactformsection {
    padding-right: 30px
}

.contactformsection .form-type-select select {
    width: 100%;
    color: #303630;
    border-bottom: solid 1px #004740
}

.contactformsection .form-submit {
    background: #a58255;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 11px 23px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    border: solid 1px #a58255;
    margin-top: 20px
}

.contactformsection .department_row {
    width: 49%
}

.contactformsection .form-radios {
    display: flex;
    align-items: center;
    margin-top: 30px;
    gap: 10px
}

.contactformsection .form-radios .js-form-item {
    width: auto
}

.contactformsection .form-type-radio input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #303630;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    left: -2px;
    position: relative;
    background: #fff
}

.contactformsection .form-type-radio input[type=radio]:checked::after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #004740;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.js-webform-radios {
    display: flex;
    gap: 16px;
    margin-top: 10px
}

.city-offices {
    margin-top: 23px;
    margin-left: 25px;
    color: #303630
}

@media (max-width: 991px) {
    .city-offices {
        margin-left:0
    }
}

.city-offices__title {
    margin-bottom: 15px
}

.city-offices__location {
    background-color: rgba(139,203,183,.15);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px
}

.city-offices__location:last-child {
    margin-bottom: 0
}

.city-offices__name {
    font-weight: 700;
    font-size: 18px;
    color: #007367
}

.city-offices__address {
    margin-top: 5px;
    font-size: var(--fs-16)
}

.office-card {
    background-color: rgba(139,203,183,.15);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 16px
}

.office-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    position: relative
}

.office-card__header .arrowup {
    position: absolute;
    top: 0;
    right: 0
}

.office-card__title {
    font-size: 20px;
    font-weight: 700;
    color: #00756a;
    width: 92%
}

.office-card__link {
    text-decoration: none
}

.office-card__icon {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.office-card__address {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4
}

.office-card__contacts {
    list-style: none;
    padding: 0;
    margin: 0
}

.office-card__contact {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px
}

.office-card__contact:last-child {
    margin-bottom: 0
}

.office-card__contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: #00756a
}

.office-card ul li {
    display: flex;
    gap: 8px;
    margin-top: calc(var(--sec-space-10)/ 2);
    align-items: center;
    color: #303630;
    padding-bottom: 8px
}

.office-card p {
    color: #303630
}

.campusloactionsec .office-card {
    margin-bottom: 0
}

.contactlocation {
    margin-top: 30px
}

.contactlocation__wrapper {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap
}

@media (max-width: 991px) {
    .contactlocation__wrapper {
        flex-wrap:wrap
    }
}

.fbshow__desktop {
    display: block!important
}

@media (max-width: 1200px) {
    .fbshow__desktop {
        display:none!important
    }
}

.socialfeed--box {
    overflow-y: scroll;
    height: 400px;
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.1607843137);
    overflow-x: hidden;
    width: 96%
}

@media (max-width: 767px) {
    .socialfeed--box {
        width:100%
    }
}

.socialfeed--box iframe {
    width: 100%
}

.social-gap {
    display: flex;
    gap: 16px
}

.socialfeed--box::-webkit-scrollbar {
    width: 5px;
    background-color: #8bcbb7
}

.socialfeed--box::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

#edit-cancel {
    display: none
}

.connectusform .office-card {
    height: 100%
}

.connectusform .office-card__header {
    position: relative
}

.connectusform .office-card__header .arrowup {
    position: absolute;
    top: 0;
    right: 0
}

.campusloactionsec .fullheight {
    height: 100%;
    display: flex
}

@media (max-width: 991px) {
    .campusloactionsec .fullheight {
        flex-direction:column
    }
}

.campusloactionsec .office-card {
    height: 100%
}

.campusloactionsec .office-card__header {
    position: relative
}

.campusloactionsec .office-card__header .arrowup {
    position: absolute;
    top: 0;
    right: 0
}

.cancel {
    display: none
}

textarea::-webkit-input-placeholder {
    color: #303630
}

textarea:-moz-placeholder {
    color: #303630
}

textarea::-moz-placeholder {
    color: #303630
}

textarea:-ms-input-placeholder {
    color: #303630
}

.login_form {
    padding: 70px 0
}

@media screen and (max-width: 1300px) {
    .login_form {
        padding-top:145px
    }
}

.login_form .row {
    justify-content: center
}

.login_form .form-text {
    padding: 5px 15px;
    outline: 0;
    background: 0 0;
    border: 1px solid #000;
    border-radius: 26px;
    opacity: 1;
    font-size: 18px;
    margin: 0;
    color: #3e3d3d;
    width: 100%
}

.login_form h3 {
    margin-bottom: 30px
}

.login_form label {
    font-size: 18px;
    color: #3e3d3d
}

.login_form .form-submit {
    position: relative;
    border: 1px solid transparent;
    background-color: #007367;
    color: #fff;
    padding: 10px 30px;
    border-radius: 36px;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    outline: 0
}

.login_form .description {
    font-size: 13px;
    margin-top: 3px;
    color: red;
    display: none
}

.login_form form {
    max-width: 420px;
    margin: auto;
    border: 1px solid #9f9f9f;
    padding: 50px 40px;
    border-radius: 10px
}

@media only screen and (max-width: 1023px) {
    .login_form form {
        width:90%
    }
}

.login_form .form-item--error-message {
    margin: 10px 0 0 0
}

.login_form .form-group {
    margin-bottom: 2rem
}

.blt-tabs.primary {
    max-width: 1670px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

body:not(.logged-in) ul.blt-tabs {
    display: none
}

.rankings {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 30px 16px;
    padding: 20px 0
}

@media (min-width: 768px) {
    .rankings {
        grid-template-columns:repeat(4,1fr)
    }
}

@media (min-width: 1024px) {
    .rankings {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 767px) {
    .rankings {
        grid-template-columns:repeat(2,1fr)
    }
}

.rankings__card {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    text-align: left;
    transition: transform .3s ease
}

.rankings__card:hover {
    transform: translateY(-5px)
}

.rankings__image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 16px 76px
}

.rankings__text {
    font-size: 14px;
    color: #333;
    text-align: left
}

@media (max-width: 480px) {
    .rankings {
        grid-template-columns:1fr
    }

    .rankings__card {
        padding: 15px
    }

    .rankings__text {
        font-size: 12px
    }
}

.image-ctatile .rankings__image {
    -o-object-fit: contain;
    object-fit: contain
}

.brderrdius20 img {
    border-radius: 20px
}

.centres-grid__title {
    color: #007367;
    text-align: left;
    margin-bottom: 2rem
}

.centres-grid__description {
    color: #303630
}

.centres-grid__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 16px
}

.centres-grid__column {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - .5rem);
    box-sizing: border-box;
    text-align: left
}

@media (max-width: 1024px) {
    .centres-grid__column {
        flex:1 1 calc(50% - 2rem);
        max-width: calc(50% - 2rem)
    }
}

@media (max-width: 768px) {
    .centres-grid__column {
        flex:1 1 100%;
        max-width: 100%
    }
}

.centres-grid__column p {
    color: #303630;
    font-size: 14px
}

.centres-grid__column img {
    border-radius: 20px
}

@media (max-width: 1024px) {
    .centres-grid__column img {
        width:100%
    }
}

.centres-grid__image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 1rem
}

.centres-grid__name {
    font-size: 1.25rem;
    color: #00796b
}

.centres-grid__head {
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    font-family: "FormaDJRDisplay Medium";
    line-height: 1.3;
    padding: 8px 0;
    color: #007367;
    margin-top: 12px
}

.centres-grid__headtext {
    font-size: var(--fs-16);
    font-weight: var(--fw-700);
    font-family: "FormaDJRDisplay Bold";
    line-height: 1.3;
    padding-bottom: 4px;
    color: #303630
}

.centres-grid__subheadtext {
    font-size: var(--fs-14);
    font-weight: var(--fw-700);
    font-family: "FormaDJRDisplay Bold";
    line-height: 1.6;
    color: #303630
}

.centres-grid__subcontent-text {
    font-weight: var(--fw-400);
    font-family: "Forma DJR Display Regular";
    line-height: 1.6
}

.centres-grid__text {
    font-size: var(--fs-16);
    font-weight: var(--fw-400);
    font-family: "Forma DJR Display Regular";
    line-height: 1.3;
    color: #303630
}

.centres-grid--filtercontent__degree {
    font-family: "FormaDJRDisplay Medium";
    font-size: var(--fs-16);
    line-height: 1.4;
    color: #303630;
    margin-bottom: 4px;
    font-weight: var(--fw-500);
    letter-spacing: 5%
}

.centres-grid--filtercontent p {
    font-family: "Forma DJR Display Regular";
    font-size: var(--fs-14);
    margin-bottom: 4px;
    line-height: 1.3;
    color: #303630
}

.centres-grid--filtercontent p span {
    font-family: "FormaDJRDisplay Medium";
    font-weight: var(--fw-700)
}

.centres-grid--filtercontent .links {
    margin-top: 16px
}

.centres-grid p {
    color: #303630;
    padding: 3px
}

@media (max-width: 768px) {
    .centres-gridtwocol__column {
        flex:1 1 calc(50% - 2rem);
        max-width: 100%
    }
}

.studentproject .centres-grid__column {
    flex: 1 1 calc(50% - 0.5rem);
    max-width: calc(50% - .5rem)
}

@media (max-width: 768px) {
    .studentproject .centres-grid__column {
        flex:1 1 calc(100% - 0rem);
        max-width: 100%
    }
}

@media (min-width: 991px) {
    .studentproject .icon-columns {
        padding-right:0
    }
}

.fourcentres-grid .centres-grid__column {
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - .5rem)
}

.libraryclientimagewidth .logo-grid .logo-item {
    width: 173px
}

.threecolumndottedgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 1em 0;
    gap: 76px
}

.threecolumndottedgrid__item {
    position: relative
}

.threecolumndottedgrid__item--with-icon {
    display: flex
}

.threecolumndottedgrid__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #007367;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    flex-basis: 70px
}

.threecolumndottedgrid__number {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    padding-top: 5px
}

@media (max-width: 1024px) {
    .threecolumndottedgrid {
        grid-template-columns:1fr;
        gap: 27px
    }
}

.threecolumndottedgrid p {
    color: #007367;
    font-size: 18px;
    flex-basis: 60%
}

.threecolumndottedgrid__item:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 2px;
    border-bottom: dotted 2px #007367;
    top: 32px;
    right: -48px
}

@media (max-width: 1024px) {
    .threecolumndottedgrid__item:not(:last-child)::after {
        width:2px;
        height: 100%;
        border-left: dotted 3px #007367;
        top: 53px;
        right: 0;
        left: 32px
    }
}

.form-container {
    width: 75%
}

.searchbar {
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-family: "Forma DJR Display Regular";
    min-width: unset;
    position: relative
}

.searchbar__dropdown {
    position: relative!important;
    width: 20%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #007367;
    min-width: 155px
}

@media screen and (max-width: 1200px) {
    .searchbar__dropdown {
        width:25%
    }
}

@media screen and (max-width: 767px) {
    .searchbar__dropdown {
        width:35%
    }
}

@media screen and (max-width: 360px) {
    .searchbar__dropdown {
        width:27%
    }
}

.searchbar__dropdown .dropdown-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    padding: 1rem 1.5rem;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .searchbar__dropdown .dropdown-text {
        padding:16px
    }
}

.searchbar__dropdown .dropdown-text span {
    font-size: 16px;
    font-family: "FormaDJRDisplay Medium";
    font-weight: 500;
    line-height: 1.2
}

@media screen and (max-width: 767px) {
    .searchbar__dropdown .dropdown-text span {
        font-size:14px
    }
}

.searchbar .dropdown-list {
    position: absolute;
    left: 0;
    width: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #eff6f4;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
    display: none;
    z-index: 99
}

.searchbar .dropdown-list .dropdown-list-item {
    font-size: .9rem;
    font-weight: 500;
    font-family: "Forma DJR Display Regular";
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    cursor: pointer;
    transition: margin-left .2s ease,color .2s ease
}

.searchbar .dropdown-list .dropdown-list-item:first-child {
    padding-top: 8px
}

.searchbar .dropdown-list .dropdown-list-item:last-child {
    padding-bottom: 8px
}

.searchbar .dropdown-list .dropdown-list-item:hover {
    color: #007367
}

.searchbar .dropdown-list .dropdown-list-item label {
    font-size: 16px;
    font-family: "Forma DJR Display Regular";
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox] {
    display: none
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox]+label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #007367
}

@media screen and (max-width: 767px) {
    .searchbar .dropdown-list .dropdown-list-item input[type=checkbox]+label {
        font-size:14px
    }
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 18px;
    height: 18px;
    border: 1px solid #007367;
    background-color: transparent;
    border-radius: 3px
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox]:checked+label:before {
    background-color: #007367;
    border-radius: 3px
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox]+label:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    width: 6px;
    height: 10px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none
}

.searchbar .dropdown-list .dropdown-list-item input[type=checkbox]:checked+label:after {
    display: block
}

.searchbar .dropdown-list.show {
    display: block;
    max-height: 300px;
    padding-top: 5px
}

.searchbar #droplist.show {
    max-height: 300px
}

.searchbar .search-box-wrapper {
    position: static;
    width: 80%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

@media screen and (max-width: 767px) {
    .searchbar .search-box-wrapper {
        width:65%
    }
}

.searchbar .search-box img[alt=close] {
    display: none
}

.searchbar .search-box {
    display: flex;
    align-items: center;
    padding-right: 1rem;
    width: 100%;
    color: #007367;
    background-color: #eff6f4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.searchbar .search-box input {
    padding: 1rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    color: #007367;
    background-color: #eff6f4;
    border: 0;
    outline: 0
}

.searchbar .search-box input::-moz-placeholder {
    font-size: 1rem;
    font-weight: 500;
    color: #007367
}

.searchbar .search-box input::placeholder {
    font-size: 1rem;
    font-weight: 500;
    color: #007367
}

@media screen and (max-width: 767px) {
    .searchbar .search-box input {
        padding:16px
    }
}

.searchbar .search-box__searchsubmit {
    width: 20px!important;
    height: 20px;
    background: url(../images/searchbox-icon.svg) no-repeat right;
    text-indent: -99999px
}

.searchbar .search-box img {
    font-size: 1.3rem;
    cursor: pointer;
    width: 32px
}

.searchbar .search-box__filtertext {
    position: absolute;
    background-color: #eff6f4;
    width: 100%;
    top: 55px;
    border-radius: 8px;
    padding: 16px;
    overflow-y: scroll;
    left: 0
}

.searchbar .search-box__filtertext::-webkit-scrollbar {
    width: 3px;
    background-color: #004740
}

.searchbar .search-box__filtertext::-webkit-scrollbar-thumb {
    background-color: #a58255;
    border-radius: 10px
}

@media screen and (min-width: 1200px) {
    .searchbar .search-box__filtertext {
        height:230px
    }
}

.searchbar .search-box__filtertext h4 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px;
    color: #303630
}

@media screen and (max-width: 767px) {
    .searchbar .search-box__filtertext h4 {
        font-size:14px
    }
}

.searchbar .search-box__filtertext a {
    display: block;
    font-size: 14px;
    padding-bottom: 12px;
    color: #007367;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .searchbar .search-box__filtertext a {
        font-size:14px
    }
}

.searchbar .search-box__filtertext a:last-child {
    padding-bottom: 0!important
}

.searchbar .search-box__filtertext a span {
    font-family: "FormaDJRDisplay Medium";
    font-weight: 500!important
}

.searchbar .search-box__filtertext p {
    font-size: 16px;
    padding-bottom: 12px;
    color: #007367;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .searchbar .search-box__filtertext p {
        font-size:14px
    }
}

.searchbar .search-box__filtertext p:last-child {
    padding-bottom: 0!important
}

.searchbar .search-box__filtertext p span {
    font-family: "FormaDJRDisplay Medium";
    font-weight: 500!important
}

.fnt32px {
    font-size: 32px
}

.recommendresultsection {
    margin: 30px 0
}

.filterbtn {
    flex-wrap: wrap
}

.filterbtn .search-filter ul {
    margin-bottom: 20px
}

.filterbtn .filterbycontainer {
    display: flex
}

.clearback {
    right: 0
}

.clearback a {
    background: 0 0;
    text-decoration: underline;
    color: #303630
}

.clearback a:hover {
    border: 0
}

.recommendresults__title {
    font-family: "FormaDJRDisplay Bold";
    font-weight: 700;
    font-size: 16px;
    color: #303630;
    padding-bottom: 8px
}

@media screen and (max-width: 767px) {
    .recommendresults__title {
        font-size:14px
    }
}

.recommendresults__search {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #e7edeb;
    margin: 15px 0
}

.recommendresults__search h4 {
    padding: 8px 0;
    border-bottom: 1px solid #007367
}

.recommendresults__search h4 a {
    color: #303630;
    font-size: 16px;
    font-family: "FormaDJRDisplay Bold";
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .recommendresults__search h4 a {
        font-size:12px
    }
}

.recommendresults__search p {
    margin-top: 8px;
    line-height: 1.2;
    font-size: 16px;
    font-family: "Forma DJR Display Regular";
    color: #303630;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 767px) {
    .recommendresults__search p {
        font-size:12px
    }
}

@media screen and (max-width: 1300px) {
    .btncentr {
        margin:0 auto
    }
}

.searchpagination {
    margin: 1em auto;
    text-align: center;
    transition: font-size .2s ease-in-out
}

.searchpagination__subtitle,.searchpagination__title {
    margin: .5em 0
}

.searchpagination__list {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: .5em
}

.searchpagination__item {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 4px;
    border: solid 1px rgba(0,115,103,.15);
    padding: 3px;
    margin: 0 5px
}

.searchpagination__item--current {
    border: solid 1px #007367
}

.searchpagination__item--current a {
    color: #007367
}

.searchpagination__link {
    color: #303630;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none
}

.searchpagination__link:focus,.searchpagination__link:hover {
    color: #007367
}

.searchpagination__arrow {
    text-decoration: none;
    color: #c4cdd5
}

.searchpagination__arrow:focus,.searchpagination__arrow:hover {
    color: #007367
}

.searchpagination__arrow--next {
    font-style: normal
}

@media (min-width: 350px) {
    .searchpagination {
        font-size:10pt
    }
}

@media (min-width: 500px) {
    .searchpagination {
        font-size:12pt
    }
}

@media (min-width: 700px) {
    .searchpagination {
        font-size:14pt
    }
}

@media (min-width: 900px) {
    .searchpagination {
        font-size:16pt
    }
}

@media screen and (min-width: 767px) {
    .majorminarhead h2 {
        width:65%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .majorminarhead h2 {
        width:100%
    }
}

.major-minor-list li {
    flex: 2 1 calc(15% - 0rem);
    max-width: calc(15% - 0rem);
    min-width: 178px
}

@media screen and (max-width: 1200px) {
    .major-minor-list li {
        flex:2 1 calc(20% - 1rem);
        max-width: calc(20% - 0rem)
    }
}

@media screen and (max-width: 1024px) {
    .major-minor-list li {
        flex:2 1 calc(25% - 1rem);
        max-width: calc(25% - 0rem)
    }
}

@media screen and (max-width: 767px) {
    .major-minor-list li {
        flex:2 1 calc(32% - 1rem);
        max-width: calc(32% - 0rem)
    }
}

@media screen and (max-width: 580px) {
    .major-minor-list li {
        flex:2 1 calc(50% - 1rem);
        max-width: calc(50% - 0rem)
    }
}

@media screen and (max-width: 420px) {
    .major-minor-list li {
        flex:2 1 calc(100% - 1rem);
        max-width: calc(100% - 0rem);
        justify-content: center
    }
}

.major-minor-list__card {
    position: relative
}

.major-minor-list__card:hover img {
    transition: none;
    transform: none
}

.major-minor-list__content {
    position: relative
}

.major-minor-list img {
    height: 198px!important
}

.major-minor-list p {
    font-family: "FormaDJRDisplay Medium";
    font-size: 16px!important;
    font-weight: 500!important
}

.major-minor-list .doublemajor-strip {
    position: absolute;
    background: linear-gradient(rgba(0,0,0,0),#021431);
    width: 100%;
    height: 40px;
    top: -55px;
    border-radius: 0 0 20px 20px
}

.major-minor-list span {
    background: #8bcbb7;
    color: #004740;
    position: absolute;
    bottom: 10px;
    padding: 7px 10px 5px;
    line-height: 1.2;
    border-radius: 33px;
    margin: 0 10px;
    font-size: 13px
}

.brand-flim {
    background-color: #111212!important;
    color: #a58255!important
}

.brand-flim h2,.brand-flim p {
    color: #a58255!important
}

.brand-flim .find-programme {
    background-color: #a58255!important
}

.brand-flim .btn {
    color: #a58255!important;
    border: solid 1px #a58255
}

.brand-flim .btn:hover {
    border: solid 1px #fff!important;
    color: #fff!important
}

.brand-flim .campussection p {
    color: #fff!important
}

.brand-flim .course-finder h2 {
    color: #fff!important
}

.brand-flim .swiper-slide {
    background-color: #111212!important
}

.brand-flim .course-card__courses {
    color: #fff!important
}

.brand-flim .footer__logo p {
    color: #fff!important
}

.brand-flim .footer__quicklinks p {
    color: #fff!important
}

.brand-flim .footer__copyright p {
    color: #fff!important
}

@media screen and (min-width: 1200px) {
    .brand-flim .course-card__image {
        width:auto!important
    }

    .brand-flim .multi-slider__slide {
        max-width: 100%!important
    }
}

.profilepopupctnt .cta {
    position: absolute;
    display: inline-block;
    right: 14px;
    min-width: 33px
}

.profilepopupctnt .profile-txt {
    position: relative;
    margin-top: 55px
}

.profilepopupctnt .profile-txt p {
    padding-bottom: 15px
}

.profilepopupctnt .profile-txt h4 {
    padding-bottom: 15px;
    font-size: 20px
}

.publication-list li {
    flex: 2 1 calc(15% - 0rem);
    max-width: calc(15% - 0rem);
    min-width: 170px
}

@media screen and (max-width: 1200px) {
    .publication-list li {
        flex:2 1 calc(20% - 1rem);
        max-width: calc(20% - 0rem)
    }
}

@media screen and (max-width: 1024px) {
    .publication-list li {
        flex:2 1 calc(25% - 1rem);
        max-width: calc(25% - 0rem)
    }
}

@media screen and (max-width: 767px) {
    .publication-list li {
        flex:2 1 calc(32% - 1rem);
        max-width: calc(32% - 0rem)
    }
}

@media screen and (max-width: 580px) {
    .publication-list li {
        flex:2 1 calc(50% - 1rem);
        max-width: calc(50% - 0rem)
    }
}

@media screen and (max-width: 420px) {
    .publication-list li {
        flex:2 1 calc(100% - 1rem);
        max-width: calc(100% - 0rem);
        justify-content: center
    }
}

.publication-list .arrowup {
    width: 24px;
    margin-top: 5px
}

.publication-list .links.space {
    align-items: self-start;
    line-height: 1.2;
    font-size: 16px
}

.changemaker-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start
}

@media screen and (max-width: 1440px) {
    .changemakerbanner .banner {
        height:780px;
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .changemakerbanner .banner {
        height:600px
    }
}

.changemaker-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-width: 400px;
    position: relative
}

.changemaker-card__image a {
    display: flex;
    align-items: center;
    justify-content: center
}

.changemaker-card__image a::after {
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("../images/play-button-thumb.png") no-repeat center
}

.changemaker-card__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8%
}

.changemaker-card__content {
    padding: 20px 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.changemaker-card p:first-child {
    font-size: 14px;
    color: #007367
}

.changemaker-card h3 {
    font-size: 1.25rem;
    margin: 8px 0;
    font-weight: 700;
    color: #303630
}

.changemaker-card p:nth-child(2) {
    font-size: 14px;
    color: #303630
}

.changemaker-card__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
}

.changemaker-card a {
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px
}

.changemaker-card a:nth-child(2) {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
    color: #303630;
    position: absolute;
    right: 0
}

.changemaker-card span.playicon {
    width: 24px;
    height: 24px;
    background: url("../images/play-icon.svg") no-repeat center;
    background-size: contain;
    margin-right: 5px
}

@media (min-width: 1200px) {
    .changemaker-card {
        flex-direction:column;
        max-width: 32%
    }

    .changemaker-card__image {
        flex: 1
    }

    .changemaker-card__content {
        flex: 1
    }
}

@media (max-width: 767px) {
    .changemaker-card {
        max-width:100%
    }
}

.changemaker-sliderpopup {
    margin-top: 30px;
    overflow: hidden
}

.changemaker-sliderpopup h3 {
    margin-bottom: 20px
}

.changemaker-sliderpopup .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 8%
}

.changemakerslide__sliderbtn {
    width: 120px;
    height: 55px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.changemakerslide__sliderbtn .changemakerslide-btn-next::after,.changemakerslide__sliderbtn .changemakerslide-btn-prev::after {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background: url("../images/arrow-right.svg") no-repeat;
    background-size: contain;
    cursor: pointer
}

.changemakerslide__sliderbtn .changemakerslide-btn-next.swiper-button-disabled,.changemakerslide__sliderbtn .changemakerslide-btn-prev.swiper-button-disabled {
    opacity: .5
}

.changemakerslide__sliderbtn .changemakerslide-btn-prev::after {
    background: url("../images/arrow-left.svg") no-repeat
}

.errorpage {
    margin-top: 220px
}

@media (max-width: 1200px) {
    .errorpage {
        margin-top:160px
    }
}

.errorpage .header {
    position: relative
}

.errorpage h1 {
    font-size: var(--fs-65);
    color: var(--clr-primary-100)
}

.errorpage h2 {
    font-size: var(--fs-50);
    color: var(--clr-general-gray);
    margin-bottom: 0
}

.errorpage p {
    color: var(--clr-general-gray)
}

.errorpage p a {
    color: var(--clr-primary-700)
}

.errorpage img {
    margin: auto
}

.errorpage .footer {
    padding: 35px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.pageerror {
    display: flex;
    align-items: center;
    justify-content: center
}

.wordsearch__text {
    font-size: 40px;
    display: flex;
    justify-content: center;
    font-weight: 700
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    border-radius: 0;
    top: -47px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: "Forma DJR Display";
    src: url("../fonts/Forma DJR Display.ttf"),url("../fonts/Forma DJR Display.ttf") format("otf");
    font-display: swap
}

@font-face {
    font-family: "Forma DJR Display Regular";
    src: url("../fonts/FormaDJRDisplay-Regular-Testing.woff2") format("woff2"),url("../fonts/FormaDJRDisplay-Regular-Testing.woff") format("woff"),url("../fonts/forma-djr-display-regular.ttf") format("truetype");
    font-display: swap
}

@font-face {
    font-family: "FormaDJRDisplay Bold";
    src: url("../fonts/FormaDJRDisplay-Bold-Testing.woff"),url("../fonts/FormaDJRDisplay-Bold-Testing.woff") format("woff2");
    font-display: swap
}

@font-face {
    font-family: "FormaDJRDisplay Medium";
    src: url("../fonts/FormaDJRDisplay-Medium.otf"),url("../fonts/FormaDJRDisplay-Medium.otf") format("otf");
    font-display: swap
}

#block-gitam-local-tasks,.toolbar-bar {
    display: none
}

.logged-in #block-gitam-local-tasks {
    display: block
}

#drupal-off-canvas-wrapper summary {
    padding: 0
}

#drupal-off-canvas-wrapper ol li,#drupal-off-canvas-wrapper ul li {
    padding: 7px!important
}

#skippy,.hide {
    display: none
}

.field-multiple-drag {
    display: none!important
}

#drupal-off-canvas-wrapper td:first-child,#drupal-off-canvas-wrapper th:first-child {
    width: 25px
}

#drupal-off-canvas-wrapper h3.ui-accordion-header a {
    position: relative;
    border-radius: 8px;
    margin: 4px 0;
    min-height: 40px;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none!important
}

#drupal-off-canvas-wrapper h3.ui-accordion-header a:hover {
    color: #26a5ff;
    background-color: rgba(38,165,255,.14);
    text-decoration: none
}

#drupal-off-canvas-wrapper h3.ui-accordion-header a::after {
    transition: all .3s ease-in-out;
    position: absolute;
    top: 15px;
    right: 15px;
    content: "";
    display: inline-block;
    border-right: 2px solid rgba(56,58,64,.6);
    border-bottom: 2px solid rgba(56,58,64,.6);
    width: 9px;
    height: 9px;
    transform: rotate(45deg)
}

#drupal-off-canvas-wrapper h3.ui-accordion-header a::after:hover {
    border-right-color: #26a5ff;
    border-bottom-color: #26a5ff
}

#drupal-off-canvas-wrapper #bs_nav-tabs,#layout-builder-modal #bs_nav-tabs {
    top: -30px!important
}

#drupal-off-canvas #bs_nav-tabs,#layout-builder-modal #bs_nav-tabs {
    width: calc(100% + 30px);
    padding: 0
}

#drupal-off-canvas-wrapper .layout-selection a {
    outline: 0!important
}

#drupal-off-canvas-wrapper :focus {
    outline: 0!important
}

.field-group-accordion-item.ui-widget-content {
    background: 0 0!important
}

#layout-builder-modal .form-item {
    margin-bottom: 0!important
}

#block-rbv-help {
    display: none
}

.layout-builder-form .vertical-tabs {
    display: none
}

#block-rbv-help,.layout-builder-form {
    padding-bottom: 15px
}

.ui-dialog.ui-dialog-off-canvas {
    z-index: 99999
}

.layout-builder {
    max-width: 94%;
    margin: auto;
    border: 3px solid #007367!important
}

#layout-builder-modal .link,#layout-builder-modal a {
    color: #41a5ff
}

#layout-builder-modal .ui-state-active .link,#layout-builder-modal .ui-state-active a {
    color: #fff
}

.field--type-entity-reference-revisions .tabledrag-toggle-weight {
    display: none
}

.field--type-text-long .js-filter-wrapper,.field--type-text-with-summary .js-filter-wrapper,.field--widget-text-textfield .js-filter-wrapper {
    display: none!important
}

.field--type-text-long .js-text-full {
    font-size: 13px!important
}

.ui-widget-overlay {
    z-index: 9999!important
}

.filter-help a {
    color: #c5c5c5!important
}

.layout-builder-form {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.section-library-link-label {
    color: #fff!important
}

.layout-builder__layout video {
    width: 100%;
    object-fit: cover
}

.ief-entity-table {
    width: 100%
}

:root {
    --clr-primary-100: #007367;
    --clr-general-white: #ffffff;
    --clr-general-black: #000000;
    --clr-general-error: #ff0000;
    --clr-general-grey: #292929;
    --clr-general-grey-dark: #9b9b9b
}

.dialog-off-canvas-main-canvas {
    overflow-x: hidden
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0!important
}

.layout-builder-discard-changes.confirmation,.layout-builder-form,.layout-builder-revert-overrides.confirmation {
    margin: 20px auto 20px auto;
    max-width: 94%;
    padding: 1.5em 1.5em .5em;
    border: 3px solid #007367
}

.layout-builder-discard-changes.confirmation #edit-actions,.layout-builder-form #edit-actions,.layout-builder-revert-overrides.confirmation #edit-actions {
    margin-bottom: 20px
}

.layout-builder-discard-changes.confirmation #edit-actions .js-show,.layout-builder-form #edit-actions .js-show,.layout-builder-revert-overrides.confirmation #edit-actions .js-show {
    margin-top: 20px;
    margin-bottom: 12px
}

.layout-builder-discard-changes.confirmation #edit-actions .button,.layout-builder-form #edit-actions .button,.layout-builder-revert-overrides.confirmation #edit-actions .button {
    position: relative;
    border: 1px solid transparent;
    background: var(--clr-primary-100);
    color: var(--clr-general-white);
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 0;
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    outline: 0;
    cursor: pointer
}

.layout-builder-discard-changes.confirmation #edit-actions .button:hover,.layout-builder-form #edit-actions .button:hover,.layout-builder-revert-overrides.confirmation #edit-actions .button:hover {
    background: var(--clr-primary-100);
    color: var(--clr-general-white)
}

.layout-builder-discard-changes.confirmation #edit-actions .button:active,.layout-builder-discard-changes.confirmation #edit-actions .button:focus,.layout-builder-form #edit-actions .button:active,.layout-builder-form #edit-actions .button:focus,.layout-builder-revert-overrides.confirmation #edit-actions .button:active,.layout-builder-revert-overrides.confirmation #edit-actions .button:focus {
    box-shadow: none;
    color: var(--clr-general-white)
}

.layout-builder-discard-changes.confirmation select,.layout-builder-form select,.layout-builder-revert-overrides.confirmation select {
    position: relative;
    border: 1px solid transparent;
    background: var(--clr-primary-100);
    color: var(--clr-general-white);
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 0;
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    outline: 0;
    cursor: pointer
}

.layout-builder-discard-changes.confirmation select:hover,.layout-builder-form select:hover,.layout-builder-revert-overrides.confirmation select:hover {
    background: var(--clr-primary-100);
    color: var(--clr-general-white)
}

.layout-builder-discard-changes.confirmation select:active,.layout-builder-discard-changes.confirmation select:focus,.layout-builder-form select:active,.layout-builder-form select:focus,.layout-builder-revert-overrides.confirmation select:active,.layout-builder-revert-overrides.confirmation select:focus {
    box-shadow: none;
    color: var(--clr-general-white)
}

.layout-builder-form #edit-moderation-state-wrapper {
    padding: 15px 20px;
    background-color: #e7e2e2;
    margin-bottom: 20px
}

.layout-builder-form #edit-moderation-state-wrapper .js-form-wrapper.form-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.layout-builder-form #edit-moderation-state-wrapper .js-form-wrapper.form-wrapper .form-item {
    margin-right: 20px
}

.layout-builder-form #edit-moderation-state-wrapper .js-form-wrapper.form-wrapper transitionset {
    display: none
}

.layout-builder-form #edit-moderation-state-wrapper .js-form-wrapper.form-wrapper .form-item label {
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px
}

.layout-builder-form .layout-builder__message .container {
    max-width: unset
}

.layout-builder-form .layout-builder__message {
    background: #d8e8d8;
    padding: 12px 20px
}

.layout-builder-form .layout-builder__message .message-status {
    margin: 0
}

.layout-builder-form a {
    color: var(--clr-primary-100)
}

.layout-builder-form a:hover {
    color: var(--clr-primary-100)
}

.layout-builder-discard-changes,.layout-builder-form,.layout-builder-revert-overrides {
    text-align: center
}

#drupal-off-canvas-wrapper {
    overflow: unset!important;
    padding-right: 0
}

#drupal-off-canvas-wrapper #drupal-off-canvas {
    overflow: auto!important;
    padding-right: 10px
}

#drupal-off-canvas-wrapper .ui-dialog-titlebar-close {
    right: 30px
}

.ui-dialog.ui-resizable-w {
    width: 20px!important;
    left: -20px!important
}

#drupal-off-canvas-wrapper .inline-block-create-button:before {
    top: 80%!important
}

.form-item-layout-settings-ui-tab-content-layout-breakpoints-desktop label,.form-item-layout-settings-ui-tab-content-layout-breakpoints-mobile label,.form-item-layout-settings-ui-tab-content-layout-breakpoints-tablet label {
    display: flex!important
}

.layout-builder-form #edit-cancel {
    display: none
}

#layout-builder-modal .fieldset-legend {
    font-size: 1rem
}

#layout-builder-modal fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

#layout-builder-modal fieldset legend {
    max-width: unset;
    width: unset
}

#layout-builder-modal.form-item label {
    display: inline-block!important
}

#layout-builder-modal #bs_ui {
    margin-bottom: 0
}

#drupal-off-canvas .inline-block-list__item {
    font-size: .9rem
}

div.layout-builder__message {
    display: none
}

#edit-preview-toggle,#edit-revert {
    display: none!important
}

#layout-builder-modal .form-file,#layout-builder-modal .form-select {
    color: #fff
}

#layout-builder-modal .draggable a.tabledrag-handle {
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZGJkYmRiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkwIDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNzYuOSw0Mi42bC0wLjUtMC41YzAsMCwwLDAsMCwwbC04LjEtNy40Yy0wLjYtMC42LTEuNS0wLjYtMi4xLDBsLTAuMywwLjVjLTAuNiwwLjYtMC40LDEuNSwwLjIsMmw0LjgsNC4zSDQ3LjVWMTguMiAgIGw0LjMsNC44YzAuNiwwLjYsMS41LDAuOCwyLDAuMmwwLjUtMC4zYzAuNi0wLjYsMC42LTEuNSwwLTIuMWwtNy4xLTcuN2MtMC4yLTAuMy0wLjQtMC42LTAuOC0wLjhMNDYuNCwxMmMtMC4zLTAuMy0wLjYtMC40LTEtMC40ICAgYy0wLjQsMC0wLjcsMC4xLTEsMC40bC0wLjUsMC41YzAsMCwwLDAsMCwwbC03LjIsOGMtMC42LDAuNi0wLjYsMS41LDAsMi4xbDAuNSwwLjNjMC42LDAuNiwxLjUsMC40LDItMC4ybDQuMy00Ljh2MjMuNUgyMGw0LjgtNC4zICAgYzAuNi0wLjYsMC44LTEuNSwwLjItMmwtMC4zLTAuNWMtMC42LTAuNi0xLjUtMC42LTIuMSwwbC03LjcsNy4xYy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuOGwtMC4xLDAuMWMtMC4zLDAuMy0wLjQsMC42LTAuNCwxICAgYzAsMC40LDAuMSwwLjcsMC40LDFsMC41LDAuNWMwLDAsMCwwLDAsMGw4LDcuMmMwLjYsMC42LDEuNSwwLjYsMi4xLDBsMC4zLTAuNWMwLjYtMC42LDAuNC0xLjUtMC4yLTJsLTQuOC00LjNoMjMuN3YyMy42bC00LjMtNC44ICAgYy0wLjYtMC42LTEuNS0wLjgtMi0wLjJsLTAuNSwwLjNjLTAuNiwwLjYtMC42LDEuNSwwLDIuMWw3LjIsOGMwLDAsMCwwLDAsMGwwLjUsMC41YzAuMywwLjMsMC42LDAuNCwxLDAuNGMwLjQsMCwwLjctMC4xLDEtMC40ICAgbDAuNS0wLjVjMCwwLDAsMCwwLDBsNy40LTguMWMwLjYtMC42LDAuNi0xLjUsMC0yLjFsLTAuNS0wLjNjLTAuNi0wLjYtMS41LTAuNC0yLDAuMmwtNC4zLDQuOFY0NS41aDIzLjRsLTQuOCw0LjMgICBjLTAuNiwwLjYtMC44LDEuNS0wLjIsMmwwLjMsMC41YzAuNiwwLjYsMS41LDAuNiwyLjEsMGw4LTcuMmMwLDAsMCwwLDAsMGwwLjUtMC41YzAuMy0wLjMsMC40LTAuNiwwLjQtMSAgIEM3Ny4zLDQzLjIsNzcuMiw0Mi44LDc2LjksNDIuNnoiPjwvcGF0aD48L2c+PC9zdmc+")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 100%!important;
    opacity: .75!important;
    height: 25px!important
}

.ui-accordion .ui-accordion-header {
    padding: 0!important
}

.ui-widget-content {
    color: #fff!important
}

.frm_container .error-msg {
    display: none
}

.getintouch .error-msg {
    display: none
}

.tatapopup .error-msg {
    display: none
}

.js-filter-guidelines ul {
    display: none
}

.ui-widget select {
    color: #333!important
}

.media-library-widget-modal label {
    color: #333!important
}

.media-library-widget-modal p {
    color: #333!important
}

.multiple-fields-remove-button {
    background: 0 0!important
}

#layout-builder-modal .form-select {
    color: #fff!important
}

#layout-builder-modal button.button,#layout-builder-modal input[type=submit].button {
    position: relative
}

#layout-builder-modal .tabledrag-toggle-weight-wrapper {
    display: none
}

#layout-builder-modal .field-multiple-table h4 {
    float: left;
    font-weight: initial
}

#layout-builder-modal .form-textarea {
    color: #fff!important
}

.ui-dialog {
    padding: 0!important;
    outline: 0!important;
    border: 0!important
}

.ui-dialog .ui-dialog-titlebar {
    line-height: 1.2;
    padding: 1rem!important;
    background: #1b1b1d;
    border: 0 none;
    border-radius: 0;
    position: relative;
    color: #fff
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    transform: none;
    background: #fff!important;
    -webkit-mask-image: url(../images/close-icon.svg)!important;
    mask-image: url(../images/close-icon.svg)!important;
    -webkit-mask-size: 20px 20px!important;
    mask-size: 20px 20px!important;
    -webkit-mask-repeat: no-repeat!important;
    mask-repeat: no-repeat!important;
    -webkit-mask-position: center center!important;
    mask-position: center center!important;
    cursor: pointer
}

.ui-dialog label {
    display: table;
    margin-block:calc(0.5rem / 2);font-weight: 525
}

.ui-dialog .form-text {
    line-height: 1.5rem;
    padding: calc(.5rem - 1px) .75rem;
    min-height: calc(.5rem* 2 + 1.5rem);
    background-color: #fff;
    border: 1px solid #8e929c;
    border-radius: .5rem
}

.ui-dialog .form-text:hover {
    border-color: #222330;
    box-shadow: inset 0 0 0 1px #222330
}

.ui-dialog .description {
    margin-block:calc(6rem / 16);font-size: .79rem;
    max-width: 80ch;
    color: #545560
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .75rem 1.5rem;
    border-top: 1px solid rgba(0,0,0,.08);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background: #faf9f9
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-block:0.5rem;float: none!important
}

.ui-dialog .ui-dialog-buttonpane button {
    font-size: .875rem;
    padding: calc(.75rem - 2px) 1rem;
    border: 2px solid #5c5c51!important;
    border-radius: .5rem;
    box-shadow: 0 1px 2px rgba(92,81,81,.15);
    transition: .15s cubic-bezier(.19, 1, .22, 1);
    margin: 0!important
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #433838;
    border-color: #433838
}

.ui-dialog details {
    color: #222330;
    border: 1px solid #d4d4d8;
    border-radius: .5rem;
    box-shadow: none;
    display: block;
    margin-block:1rem;background-color: #fff
}

.ui-dialog summary {
    padding-left: 0;
    color: #222330;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 525;
    position: relative;
    box-sizing: border-box;
    padding: 1rem;
    cursor: pointer
}

.ui-dialog summary:hover {
    background-color: rgba(92,81,81,.1)
}

.ui-dialog .js-form-item {
    margin-top: 20px
}

.ui-dialog details .js-form-item {
    padding: 0 1.5rem
}

.ui-dialog .ui-widget-content a {
    text-decoration: underline;
    text-decoration-style: dotted
}

.ui-dialog label.option {
    display: inline;
    font-weight: 400
}

.ui-dialog .form-checkbox {
    all: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 2.5rem;
    height: 1.5rem;
    position: relative;
    overflow: hidden;
    -webkit-clip-path: circle(1.5rem at 50% 50%);
    clip-path: circle(1.5rem at 50% 50%);
    background-color: #8d8d8d;
    border: 3px solid transparent;
    border-radius: .75rem;
    box-sizing: border-box
}

.ui-dialog .form-checkbox:hover {
    opacity: .9;
    box-shadow: 0 0 2px rgba(0,0,0,.2)
}

.ui-dialog .form-checkbox:checked {
    background-color: #26a769
}

.ui-dialog .form-checkbox:checked::before {
    background-color: #fff;
    transform: translateX(16px)
}

.ui-dialog .form-checkbox:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 21px;
    transition: transform .3s;
    transform: translateX(-16px)
}

.layout-builder-form select {
    background: var(--clr-primary-100) url(/themes/gitam/assets/images/down-arrow.svg) no-repeat 130px 15px!important
}

.layout-builder-discard-changes.confirmation,.layout-builder-form,.layout-builder-revert-overrides.confirmation {
    margin: 160px auto 20px auto
}

.userloginform .contactform__field:last-child {
    display: flex;
    gap: 20px
}

.userloginform .form-group {
    margin-bottom: 0
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0
}

#footer {
    margin: 5em 0
}

#footer li {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

#footer p {
    clear: left;
    margin-bottom: 0
}

body {
    overflow-x: hidden
}

.page-title-parallax {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat
}

.header__language {
    display: flex;
    list-style: none;
    align-items: center;
    margin-bottom: 0
}

.header__language a {
    color: #fff
}

.header__language li {
    margin: 0 5px
}

.header__language .is-active {
    font-weight: 600
}

.media_img {
    width: 62%
}

.media_img a {
    height: 100%;
    width: 100%;
    display: block
}

.media_img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.blog_tags ul {
    display: flex;
    flex-wrap: wrap
}

.blog_tags li {
    margin: 0 5px 5px 0
}

.blog_search input {
    width: 100%;
    margin-bottom: 5px
}

.mt-20 {
    margin-top: 20px
}

.keyword-search {
    margin-left: 10px
}

.frm-user-links {
    margin-top: 30px
}

.frm-user-links ul.blt-tabs {
    padding-left: 15px;
    line-height: 2em
}

.frm-user-links ul.blt-tabs li {
    display: inline;
    margin-right: 15px
}

.frm-user-links ul.blt-tabs a {
    color: #e95420;
    text-decoration: none;
    background-color: transparent
}

.frm-user-links ul.blt-tabs a:hover {
    color: #ac3911;
    text-decoration: underline
}

.frm-user-links ul.blt-tabs .is-active {
    text-decoration: underline
}

.breadcrumb ul {
    padding: 10px 16px;
    list-style: none
}

.breadcrumb ul li {
    display: inline
}

.breadcrumb ul li+li:before {
    padding: 5px;
    color: #000;
    content: "\2799"
}

.swiper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    font-size: 18px;
    justify-content: center;
    align-items: center
}

#block-rbg-gitamgroupmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#block-rbg-gitamgroupmenu li {
    float: left;
    color: #e95420;
    padding: 5px;
    display: block
}

#block-rbg-gitamgroupmenu li a {
    display: block;
    color: #e95420;
    text-decoration: none
}

.discipline__course .accordion__item .table table thead {
    display: none
}

.discipline__course .accordion__item .table table thead.show {
    display: block;
    display: table-header-group
}

.discipline__course .accordion__item .table:first-of-type table thead {
    display: table-header-group
}

.messages--error {
    display: none
}