.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

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

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

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

    .offset-xxl-12 {
        margin-left: 100%;
    }
}

    /* Hero Slider */
    .hero-slider {
        position: relative;
        width: 100%;
    }

    .hero-slider .carousel {
        width: 100%;
    }



    .hero-slider .carousel-inner {
        width: 100%;
    }

    /* Hero Slide */
    .hero-slide {
        height: 100vh;
        min-height: 720px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        align-items: center;
    }

    /* Hero Overlay */
    .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgb(49 28 105 / 68%) 0%, rgb(51 32 95 / 52%) 45%, rgb(197 192 210 / 0%) 100%);
        z-index: 1;
    }

    /* Hero Content */
    .hero-content {
        position: relative;
        z-index: 10;
        color: #FFFFFF;
        padding-top: 80px;
    }

    .hero-content h5 {
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        margin-bottom: 20px;
        font-weight: 700;
        color: #FFFFFF !important;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    }

    .hero-content h1 {
        font-size: 80px;
        line-height: 1.1;
        font-weight: 800;
        margin-bottom: 25px;
        text-transform: capitalize;
        color: #FFFFFF !important;
        text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
    }

    .hero-content p {
        font-size: 24px;
        line-height: 38px;
        max-width: 840px;
        margin-bottom: 36px;
        font-weight: 400;
        color: #FFFFFF !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    }

    /* Hero Button */
    .hero-btn {
        background: #331f66;
        border: none;
        padding: 16px 42px;
        font-size: 18px;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.4s ease;
        color: #fff;
        text-decoration: none;
        display: inline-block;
    }

    .hero-btn:hover {
        background: #ffffff;
        color: #376eb1;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    /* Slider Navigation Buttons */
    .slider-btn {
        width: 70px;
        height: 70px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 26px;
        background: rgba(255, 255, 255, 0.08);
        transition: all 0.4s ease;
        border-radius: 50%;
    }

    .slider-btn:hover {
        background: #376eb1;
        border-color: #376eb1;
        transform: scale(1.1);
    }

    .carousel-control-prev {
        width: auto;
        left: auto;
        right: 120px;
        bottom: 70px;
        top: auto;
        opacity: 1;
        z-index: 20;
    }

    .carousel-control-next {
        width: auto;
        right: 40px;
        bottom: 70px;
        top: auto;
        opacity: 1;
        z-index: 20;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: none;
    }

    /* Carousel Fade Transition */
    .carousel-fade .carousel-item {
        opacity: 0;
        transition: opacity 1s ease-in-out;
        transform: none;
    }

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        opacity: 1;
    }

    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active.start,
    .carousel-fade .carousel-item.active.end {
        opacity: 0;
    }

    /* Responsive Styles */
    @media (max-width: 991px) {
        .hero-slide {
            height: 700px;
            min-height: 600px;
        }

        .hero-content {
            padding-top: 60px;
        }

        .hero-content h5 {
            font-size: 20px;
            margin-bottom: 16px;
        }

        .hero-content h1 {
            font-size: 58px;
            line-height: 1.15;
        }

        .hero-content p {
            font-size: 20px;
            line-height: 32px;
        }

        .carousel-control-prev {
            right: 100px;
            bottom: 40px;
        }

        .carousel-control-next {
            right: 30px;
            bottom: 40px;
        }

        .slider-btn {
            width: 60px;
            height: 60px;
            font-size: 22px;
        }
    }

    @media (max-width: 767px) {
        .hero-slide {
            height: 600px;
            min-height: 500px;
        }

        .hero-content {
            padding-top: 40px;
        }

        .hero-content h5 {
            font-size: 18px;
            letter-spacing: 1px;
        }

        .hero-content h1 {
            font-size: 38px;
        }

        .hero-content p {
            font-size: 16px;
            line-height: 28px;
        }

        .hero-btn {
            padding: 14px 32px;
            font-size: 16px;
        }

        .slider-btn {
            width: 55px;
            height: 55px;
            font-size: 20px;
        }

        .carousel-control-prev {
            right: 90px;
            bottom: 30px;
        }

        .carousel-control-next {
            right: 20px;
            bottom: 30px;
        }
    }

    @media (max-width: 575px) {
        .hero-slide {
            height: 100vh;
            min-height: 500px;
        }

        .hero-content h1 {
            font-size: 32px;
        }

        .hero-content p {
            font-size: 15px;
            line-height: 26px;
        }
    }

    .text-dark {
        color: #111;
    }

    .about-section {
        position: relative;
        background: #f8fafc;
        overflow: hidden;
        padding: 60px 0px;
    }

    .about-gallery {
        position: relative;
        min-height: 650px;
    }

    .about-gallery img {
        width: 100%;
        display: block;
        border-radius: 18px;
    }

    .img-main {
        width: 75%;
        overflow: hidden;
        box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
    }

    .img-top {
        position: absolute;
        right: 0;
        top: 20px;
        width: 45%;
        overflow: hidden;
        border: 8px solid #fff;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
    }

    .img-bottom {
        position: absolute;
        right: 40px;
        bottom: 0;
        width: 42%;
        overflow: hidden;
        border: 8px solid #fff;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
    }

    .experience-box {
        position: absolute;
        left: -20px;
        bottom: 40px;
        width: 180px;
        background: #0d6efd;
        color: #fff;
        text-align: center;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    }

    .experience-box h2 {
        font-size: 48px;
        font-weight: 700;
        margin: 0;
    }

    .experience-box span {
        font-size: 15px;
    }

    .subtitle {
        color: #0d6efd;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .section-title h2 {
        font-size: 48px;
        font-weight: 800;
        line-height: 1.2;
        margin-top: 10px;
    }

    .title-border {
        width: 80px;
        height: 4px;
        background: #0d6efd;
        margin: 25px 0;
    }

    .about-section p {
        color: #666;
        line-height: 1.9;
        margin-bottom: 20px;
    }

    .about-info {
        display: flex;
        gap: 20px;
        margin: 40px 0;
        flex-wrap: wrap;
    }

    .info-card {
        flex: 1;
        min-width: 150px;
        background: #fff;
        text-align: center;
        padding: 25px;
        border-radius: 15px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
        transition: .4s;
    }

    .info-card:hover {
        transform: translateY(-8px);
    }

    .info-card h3 {
        color: #0d6efd;
        font-size: 34px;
        margin-bottom: 10px;
    }

    .info-card span {
        color: #666;
    }

    .theme-btn {
        display: inline-block;
        background: #0d6efd;
        color: #fff;
        padding: 15px 40px;
        border-radius: 50px;
        text-decoration: none;
        transition: .4s;
    }

    .theme-btn:hover {
        background: #003b95;
        color: #fff;
    }

    .main-text {
        font-size: 48px !important;
        color: #e1700b;
        font-weight: 700;
    }

    .destination-section {
        padding: 60px 0px;
        background-color: rgb(48 28 104);
    }

    .initiatives-section {
        padding: 100px 0;
        background-color: aliceblue;
    }

    .section-subtitle {
        color: #0d6efd;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .section-title {
        font-size: 52px;
        font-weight: 700;
        margin: 15px 0;
    }

    .section-desc {
        color: #6c757d;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .initiative-card {
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        height: 430px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
        transition: .4s;
    }

    .initiative-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .5s;
    }

    .initiative-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .25), transparent);
    }

    .initiative-overlay {
        position: absolute;
        left: 25px;
        right: 25px;
        bottom: 25px;
        color: #fff;
        z-index: 2;
    }

    .initiative-tag {
        display: inline-block;
        padding: 6px 14px;
        background: rgba(255, 255, 255, .18);
        backdrop-filter: blur(8px);
        border-radius: 30px;
        font-size: 13px;
        margin-bottom: 15px;
    }

    .initiative-overlay h3 {
        font-size: 28px;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .initiative-overlay p {
        font-size: 15px;
        opacity: .9;
        margin-bottom: 18px;
    }

    .initiative-overlay a {
        color: #fff;
        text-decoration: none;
        font-weight: 600;
    }

    .initiative-overlay a:hover {
        color: #ffc107;
    }

    .initiative-card:hover {
        transform: translateY(-10px);
    }

    .initiative-card:hover img {
        transform: scale(1.1);
    }

    .updates-section {
        padding: 80px 0;
        background: #0c4a77;
    }

    .section-title {
        margin-bottom: 50px;
    }

    .section-title h2 {
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .updates-wrapper {
        display: flex;
        /* gap:50px; */
        align-items: flex-start;
    }

    /*==========================
Left Card
===========================*/

    .featured-card {
        background: #fff;
        border-radius: 25px;
        overflow: hidden;
        display: flex;
        box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
    }

    .featured-image {
        /* position:relative; */
    }

    .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .country {
        position: absolute;
        top: 20px;
        left: 20px;
        background: #63ff67;
        color: #000;
        padding: 8px 20px;
        border-radius: 50px;
        font-weight: 700;
    }

    .featured-content {
        padding: 35px;
        display: flex;
        flex-direction: column;
    }

    .days {
        font-size: 14px;
        font-weight: 700;
        color: #777;
        margin-bottom: 10px;
    }

    .featured-content h3 {
        font-size: 25px;
        color: #02254d;
        margin-bottom: 15px;
    }

    .rating {
        color: #ff6a00;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .rating span {
        color: #666;
    }

    .featured-content p {
        color: #666;
        line-height: 1.7;
        margin-bottom: 10px;
    }

    .bottom-area {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .price h4 {
        font-size: 42px;
        color: #02254d;
    }

    .price del {
        font-size: 24px;
        color: #999;
        margin-left: 8px;
    }

    .arrow-btn {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #e1700b;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 32px;
        text-decoration: none;
        color: #ffffff;
        transition: .3s;
    }

    .arrow-btn:hover {
        background: #02254d;
        color: #fff;
    }

    /*==========================
Right News
===========================*/

    .news-list {
        width: 100%;
    }

    .news-item {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        padding: 15px 0;
    }

    .news-item:first-child {
        padding-top: 0;
    }

    .news-item h4 {
        color: #fff;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .news-item a {
        text-decoration: none;
        color: #e1700b;
        font-weight: 700;
        transition: .3s;
    }

    .news-item a:hover {
        color: #fff;
        padding-left: 10px;
    }

    /*==========================
Responsive
===========================*/

    @media(max-width:992px) {


        .updates-wrapper {
            flex-direction: column;
        }

        .featured-card,
        .news-list {
            width: 100%;
        }

        .section-title h2 {
            font-size: 50px;
        }

    }

    @media(max-width:768px) {

        .featured-card {
            flex-direction: column;
        }

        .featured-image,
        .featured-content {
            width: 100%;
        }

        .section-title h2 {
            font-size: 36px;
        }

        .featured-content h3 {
            font-size: 28px;
        }

        .price h4 {
            font-size: 30px;
        }

        .news-item h4 {
            font-size: 18px;
        }

    }

    .team-card {
        background: #F4F1EC;
        border-radius: 20px;
        overflow: hidden;
        transition: .4s;
        height: 100%;
        text-align: center;
    }

    .team-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
    }

    .team-img {
        width: 100%;
        height: 365px;
        object-fit: cover;
        display: block;
    }

    .team-content {
        padding: 15px 15px 30px;
    }

    .team-content h4 {
        font-size: 22px;
        font-weight: 700;
        color: #0d223f;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .team-content span {
        display: block;
        color: #777;
        font-size: 15px;
        font-weight: 500;
    }

    @media(max-width:991px) {
        .team-img {
            height: 240px;
        }
    }

    .Team-section {
        padding: 80px 0px;
        background-color: #f8fafc;
    }

    .testimonial-section {
        padding: 80px 0px;
        background-color: #2e1c68;
    }

    .quote-icon i {
        font-size: 70px;
        color: #e1700b;
        line-height: 1;
    }

    .testimonial-content {
        position: relative;
        padding-left: 60px;
    }

    .testimonial-content::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(255, 255, 255, .2);
    }

    .testimonial-content p {
        color: #ffffff;
        font-size: 17px;
        line-height: 1.7;
        margin-bottom: 22px;
        text-align: justify;
    }

    .testimonial-content h4 {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .testimonial-content span {
        color: #d3d1d1;
        font-size: 15px;
    }

    .mb-50 {
        margin-bottom: 2rem;
    }

    .gallery-item {
        overflow: hidden;
        border-radius: 15px;
    }

    .gallery-item img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        display: block;
        border-radius: 15px;
    }

    .gallery-prev,
    .gallery-next {
        color: #fff;
    }

    .gallery-pagination {
        margin-top: 20px;
        text-align: center;
    }

    .gallery-section {
        position: relative;
    }

    .gallery-section {
        padding: 80px 0px;
        background-color: #f5fffd;
    }

    .gallery-row {
        display: flex;
        gap: 20px;
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .gallery-item:hover img {
        transform: scale(1.08);
    }

    /*=========================
 Footer
=========================*/

    .footer-section {
        background: #ffffff url("../images/background/bg3.png") repeat-x top center;
        background-size: cover;
        /* Use contain if you don't want stretching */
        padding: 45px 0 0;
        color: #444;
        position: relative;
        overflow: hidden;
    }

    .footer-logo {
        margin-bottom: 40px;
    }

    .footer-logo img {
        max-width: 350px;
        margin: 0px auto;
    }

    .footer-menu {
        margin-bottom: 15px;
    }

    .footer-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer-menu ul li a {
        text-decoration: none;
        color: #333;
        font-size: 16px;
        font-weight: 600;
        transition: .3s;
    }

    .footer-menu ul li a:hover {
        color: #8C5A2B;
    }

    .footer-contact {
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-contact p {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.8;
    }

    .footer-contact i {
        color: #8C5A2B;
        margin-right: 8px;
    }

    .footer-contact a {
        color: #333;
        text-decoration: none;
    }

    .footer-contact a:hover {
        color: #8C5A2B;
    }

    .footer-social {
        display: flex;
        justify-content: center;
        gap: 18px;
        margin-bottom: 35px;
    }

    .footer-social a {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: #2e1d69;
        text-decoration: none;
        font-size: 18px;
        transition: .3s;
        box-shadow: 0 5px 20px #e1700b78;
    }

    .footer-social a:hover {
        background: #2f1d69;
        color: #fff;
        transform: translateY(-5px);
    }

    .footer-bottom {
        border-top: 1px solid #6d6094;
        padding: 16px 0;
        text-align: center;
        background: #ffffff;
    }

    .footer-bottom p {
        margin: 0;
        font-size: 15px;
        color: #555;
        line-height: 1.8;
    }

    .footer-bottom a {
        color: #e1700b;
        text-decoration: none;
        font-weight: 600;
    }

    .footer-bottom a:hover {
        color: #000;
    }

    /*=========================
 Responsive
=========================*/

    @media(max-width:991px) {

        .footer-section {
            padding-top: 50px;
        }

        .footer-menu ul {
            gap: 18px;
        }

        .footer-menu ul li a {
            font-size: 15px;
        }

        .footer-contact p {
            font-size: 15px;
        }

        .footer-social a {
            width: 44px;
            height: 44px;
        }

    }

    @media(max-width:576px) {

        .footer-logo img {
            max-width: 150px;
        }

        .footer-menu ul {
            flex-direction: column;
            gap: 15px;
        }

        .footer-contact p {
            font-size: 14px;
        }

        .footer-bottom p {
            font-size: 14px;
        }

    }

    .btn-requst {
        background: #ffffff;
        color: #2e1c69;
        text-transform: capitalize;
        font-weight: 600;
        border: 1px solid #b13912;
    }

    .social-media li {}

    .social-media li a {
        border: 1px solid #fff;
        background: #2d1c67;
        border-radius: 50%;
    }




    @media (max-width: 575.98px) {
        .main-text {
            font-size: 25px !important;
            color: #e1700b;
            font-weight: 700;
        }

        .destination-section .flex-1 {
            display: none;
        }

        .featured-content h3 {
            font-size: 17px;
        }

        .hero-content h5 {
            font-size: 16px !important;
            letter-spacing: 1.5px !important;
            margin-bottom: 12px !important;
        }

        .hero-content h1 {
            font-size: 38px !important;
            line-height: 1.15 !important;
            font-weight: 800 !important;
            margin-bottom: 16px !important;
            text-transform: capitalize !important;
        }

        .hero-content p {
            font-size: 18px !important;
            line-height: 28px !important;
            max-width: 100% !important;
            margin-bottom: 24px !important;
            font-weight: 400 !important;
        }
    }

    /* BKS Event Gallery Showcase Single-Row Layout */
    .bks-gallery-grid-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    @media (min-width: 768px) {
        .bks-gallery-grid-row {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 24px !important;
        }
    }

    /* Header Social Media Icon Color Fix */
    .site-header .social-media a,
    .site-header .extra-nav a,
    .site-header .header-nav a.fab,
    .site-header .header-nav a.fa-brands {
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
    }

    .site-header .social-media a:hover,
    .site-header .extra-nav a:hover,
    .site-header .header-nav a.fab:hover,
    .site-header .header-nav a.fa-brands:hover {
        color: #ffffff !important;
        background-color: #006B3F !important;
        border-color: #006B3F !important;
    }