*, ::after, ::before {
    box-sizing: border-box;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.full-width,
.full-width-xl,
.full-width-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}
.o-hidden {
    overflow: hidden;
}
.full-width-xl {
    max-width: 1400px;
}
img,
svg {
    vertical-align: middle;
}
.full-width-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
.text-center {
    text-align: center !important;
}

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

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

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

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

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

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

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

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

 /* Accordion Styling */
 .accordion-header {
    margin: 0;
}
.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.accordion-collapse {
    display: none;
}
.accordion-collapse.show {
    display: block;
}
.accordion-collapse {
    transition: max-height 0.3s ease, padding 0.3s ease;
}

/* Common styles for .cmlo */
.cmlo {
    display: flex;
    flex-direction: row;
    padding: 0;
    box-sizing: border-box;
    flex-wrap: wrap;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.cmlo>* {
    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);
}


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

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

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

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

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

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

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

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

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

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

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

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


@media (min-width: 576px) {
    .full-width {
        max-width: 580px
    }   
}

@media (min-width: 768px) {
    .full-width {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .full-width {
        max-width: 980px;
    }
}



@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}


@media (min-width: 1200px) {

    .full-width,
    .full-width-xl {
        max-width: 1320px
    }
}

@media (min-width: 1400px) {

    .full-width,
    .full-width-xl {
        max-width: 1380px;
    }
}

@media screen and (max-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}
@media screen and (max-width: 767px) {
    .d-none {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {}


@media (min-width: 992px) {}


@media (min-width: 768px) {


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

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

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

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

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

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

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

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

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

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

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

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

}

@media (min-width: 992px) {


    /* Column width classes */
    .cmlo>.clmn1,
    .cmlo>.tglable-inner>.clmn1 {
        flex: 0 0 auto;
        width: 8.33333333333%;
    }

    .cmlo>.clmn12_7,
    .cmlo>.tglable-inner>.clmn12_7 {
        flex: 0 0 auto;
        width: 14.2857142857%;
    }

    .cmlo>.clmn12_10,
    .cmlo>.tglable-inner>.clmn12_10 {
        flex: 0 0 auto;
        width: 10%;
    }

    .cmlo>.clmn2_4,
    .cmlo>.tglable-inner>.clmn2_4 {
        flex: 0 0 auto;
        width: 20%;
    }

    .cmlo>.clmn2,
    .cmlo>.tglable-inner>.clmn2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .cmlo>.clmn3,
    .cmlo>.tglable-inner>.clmn3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .cmlo>.clmn4,
    .cmlo>.tglable-inner>.clmn4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .cmlo>.clmn5,
    .cmlo>.tglable-inner>.clmn5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .cmlo>.clmn6,
    .cmlo>.tglable-inner>.clmn6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .cmlo>.clmn7,
    .cmlo>.tglable-inner>.clmn7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .cmlo>.clmn8,
    .cmlo>.tglable-inner>.clmn8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .cmlo>.clmn9,
    .cmlo>.tglable-inner>.clmn9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .cmlo>.clmn10,
    .cmlo>.tglable-inner>.clmn10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .cmlo>.clmn11,
    .cmlo>.tglable-inner>.clmn11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .cmlo>.clmn12,
    .cmlo>.tglable-inner>.clmn12 {
        flex: 0 0 auto;
        width: 100%;
    }

}
.text-end {
    text-align: right !important;
}
@media (min-width: 768px) {
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
}
@media (min-width: 768px) {
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
}

@media (min-width: 576px) {
    .text-sm-end {
        text-align: right !important;
    }
}
.tex-white{
       color: white!important;
}