@font-face {
    font-family: "Title";
    src: url('fonts/CormorantGaramond-Medium.ttf');
}
@font-face {
    font-family: "Subtitle";
    src: url('fonts/CormorantGaramond-Light.ttf');
}
@font-face {
    font-family: "Corps";
    src: url('fonts/josefin.ttf');
}

body {
    font-family: 'Corps', sans-serif;
    background-color: #FCFEFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

html, body {
    height: 100%;
}

h1{
    font-family: 'Title', serif;
    color: #DBA368;
    font-size: 45px;
}

h2 {
    font-family: 'Subtitle', serif;
    color: #2F2C2C;
    font-size: 35px;
}

h3 {
    color: #2F2C2C;
    font-weight: bold;
    font-size: 30px;
}

h4 {
    color: #2F2C2C;
    font-weight: bold;
    font-size: 25px;
}

h5 {
    font-family: 'Subtitle', serif;
    color: #2F2C2C;
    font-size: 45px;
}

.smallTitle {
    font-family: 'Subtitle', serif;
    color: #DBA368;
    font-size: 30px;
}

.card-img-top {
    height: 10rem;
    object-fit: cover;
}

.card-header{
    padding: 0;
    background-color: unset;
}

.headerHome{
    color: #F9EDE6;
    font-size: 3.75rem;
}

.thumbnail {
    position: relative;
    display: inline-block;
}


.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate( -50%, -50% );
    text-align: center;
    color: #FFF9F5;
}

hr {
    background-color: #DBA368;
}

.bg-webshop {
    background-color: #F9EDE6;
}

.bg-webshop-light {
    background-color: #FFF9F5;
}

.bg-webshop-dark {
    background-color: #DBA368;
}

.inputLogin{
    border-radius: 10px;
    border: solid #929291;
    background-color: #929291;
    color: #2F2C2C;
    font-weight: bold;
}

.navTitle {
    border-left: solid 1px #2F2C2C;
}

.navTitle p {
    font-size: 19px;
    color: #2F2C2C;
}

.navTitle a {
    font-size: 19px;
    color: #2F2C2C !important;
}
.navTitle button {
    font-size: 19px;
    color: #2F2C2C !important;
}

.navTitle a:hover {
    color: #FFF9F5 !important;
}

.active{
    color: #2F2C2C !important;
}

.activeFilter{
    color: #FFF9F5;
    background-color: #DBA368;
}

.btn-primary{
    background-color: #DBA368;
    color: #2F2C2C;
    border: none;
}

a {
    color: #2F2C2C;
}

.breadcrumb{
    background-color: #FFF9F5;
}

.breadcrumb-item {
    color: #DBA368;
}

.breadcrumb-item.active {
    color: #2F2C2C !important;
}

.activeNav {
    color: #2F2C2C !important;
}

ul.wizard li {
    border: 1px solid #d4d4d4;
    border-right-width: 0;
    position: relative;
    float: left;
    padding: 0 10px 0 20px;
    margin: 0;
    line-height: 38px;
    background: #DBA368;
}

ul.wizard li .chevron {
    position: absolute;
    top: 0;
    right: -10px;
    display: block;
    border: 20px solid transparent;
    border-right: 0;
    border-left: 10px solid #DBA368;
}

ul.wizard li .chevron:before {
    position: absolute;
    top: -20px;
    right: 1px;
    display: block;
    border: 20px solid transparent;
    border-right: 0;
    border-left: 10px solid #DBA368;
    content: "";
}

ul.wizard li .o_link_disable {
    text-decoration: none;
    color: inherit;
    cursor: text;
}

ul.wizard li.text-primary {
    background: #DBA368;
}

ul.wizard li.text-primary .chevron:before {
    border-left: 10px solid #DBA368;
}

ul.wizard li:first-child {
    padding-left: 15px;
    border-radius: 4px 0 0 4px;
}

ul.wizard li:last-child {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}

ul.wizard li:last-child .chevron {
    display: none;
}

ul.wizard li.text-primary {
    background: #2F2C2C;
}

ul.wizard li.text-primary > a {
    color: #DBA368;
}

ul.wizard li.text-primary .chevron::before {
    border-left: 10px solid #2F2C2C;
}


.underline {
    border-bottom: solid 2px #DBA368;
    width: 5rem;
}

.underlineComplete {
    background-color: #DBA368;
    height: 1px;
}

.rotate180 {
    transform: rotate(180deg);
}


.link-webshop{
    color: #2F2C2C;
}

.category a {
    background-color: #DBA368;
    margin-bottom: 1.1rem;
    color: #2F2C2C;
    border-radius: 5px;
}

.category a:hover {
    background-color: #2F2C2C;
    color: #DBA368;
}

.borderWebshop{
    border: solid #DBA368 1px;
}

.card-title{
    color: #2F2C2C;
    text-align: center;
    font-size: 22px;
}

.linkRedirect {
    color: #2F2C2C;
}

.loading-overlay .spinner-border {
    width: 3rem;
    height: 3rem;
    color: #2F2C2C;
}

.jumbotron{
    padding: 1rem;
}

.customSection {
    background-color: #DBA368;
    font-size: 1.25rem;
    padding: 1rem;
    border-radius: 5px;
}

.card-home{
    width: 100%;
    max-width: 600px;
    border-radius: 15px;
}

.copyright{
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}

/* KNP PAGINATOR */

.page-link{
    color: #DBA368;
}

.page-item.active .page-link{
    background-color: #DBA368;
    border-color: #DBA368;
}

.page-link:hover{
    background-color: #DBA368;
    color: #2F2C2C;
}

.customList {
    color: #2F2C2C;
    text-align: left;
}

.customList a:active {
    color: inherit;
}

.customList a:hover {
    color: #2F2C2C;
    text-decoration: none;
}

.customList a:active {
    background-color: #FFF9F5;
}

.customList a {
    color: #2F2C2C;
    text-decoration: none;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover{
    background-color: #2F2C2C;
    border-color: #2F2C2C;
    color: #DBA368;
}

.form-inline {
    text-align: center;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #DBA368;
    border-color: #2F2C2C;
}


.btn-secondary{
    background-color: #FFF9F5;
    color: #2F2C2C;
    border: none;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:hover{
    background-color: #FFF9F5;
    border-color: #FFF9F5;
    color: #DBA368;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #FFF9F5;
    border-color: #2F2C2C;
}

.font-white{
    font-family: 'Subtitle', serif;
    color: #2F2C2C;
}

.font-white-article{
    color: #DBA368;
    font-size: 20px;
}

.font-dark-article{
    color: #2F2C2C;
    font-size: 20px;
}

.font-dark{
    font-family: 'Subtitle', serif;
    color: #FFF9F5;
}

.divNumber{
    width: 100%;
}

.promo{
    text-decoration:line-through;
}

.pagination {
    display: -ms-flexbox;
    flex-wrap: wrap;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.hugeModal {
    max-width: 70% !important;
    width: 70% !important;
}

.dropdown-title{
    font-size: 19px;
    color: #2F2C2C;
}

.borderDetail {
    border: 2px solid #DBA368;
    padding: 10px;
    border-radius: 30px;
}


.imgFamily{
    width: 3.125rem;
}

/** CAROUSEL **/

.cards-wrapper {
    display: flex;
    justify-content: center;
}

.card img {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border-radius: 10px;
}

.card-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.carousel-inner {
    padding: 1em;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: #DBA368;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}


.eye {
    margin: 100px;
    width: 13px;
    height: 13px;
    border: solid 1px #2F2C2C;
    border-radius:  75% 15%;
    position: relative;
    transform: rotate(45deg);
}
.eye:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border: solid 1px #2F2C2C;
    border-radius: 50%;
    left: 3px;
    top: 3px;
}

/* Fix table head */
.tableFixHead    { overflow: auto; height: 15rem }
.tableFixHead th { position: sticky; top: 0; }


/* Opacity #1 */
.hoverArticle {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hoverArticle:hover {
    box-shadow: 0 0 1rem black;
}

/* RESPONSIVE */

@media (max-width: 500px) {
    .centerForm {
        min-width: 90%;
    }

    .homeContainer{
        width: 100% !important;
    }

    .homeHeight{
        height: 125% !important;
    }

}


.ag-theme-quartz {
    --ag-selected-row-background-color: #008cff !important;
}

@media (min-width: 1200px) {
    .containerOrder{
        max-width: 1400px;
    }
}


.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}
/* COL XXL */
.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%}.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}}