.texte h4,.texte h5{color:#1da695}.form_connexion input[type=submit],h2.titre-h2{font-family:museo-sans,sans-serif;font-weight:600}.customcalendar tr th,.texte h4,.texte h5,header .topbarmenu li a{text-transform:uppercase}.bg-darkblue{background-color:#253163}.texte h4{font-size:26px;font-weight:300}.texte h5{font-size:14px;font-weight:300}.form_connexion input[type=password],.form_connexion input[type=text]{border-radius:0;margin-bottom:20px}.form_connexion input[type=checkbox]{height:20px;width:20px;left:15px;top:2px;margin:0}.form_connexion input[type=checkbox]+label{margin-left:30px}.form_connexion input[type=submit]{border-radius:0;background:#1da695;color:#fff;display:inline-block;width:auto;padding:0 20px;font-size:13px;line-height:40px;margin-top:10px}
@media only screen and (min-width:1200px) and (max-width:1550px){
    .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 a{
        font-size:14px;
        padding-left:4px;
        padding-right:4px
    }
}
    #table_contacts_info,#table_contacts_length,#table_contacts_paginate,#table_formations_filter,#table_formations_info,#table_moodle_info,#table_formations_length,#table_formations_paginate,.headroom--not-top .topbar,.logo-res{display:none}#table_contacts_filter{display:flex;justify-content:flex-end}#table_contacts_filter label{color:#1da695;text-transform:uppercase;margin:0 0 15px;padding:0}.fc-col-header,.fc-scrollgrid-sync-table{margin-bottom:0}.customcalendar tr td,.customcalendar tr th{text-align:center;border:1px solid #ededed;padding:4px 0}.customcalendar tr td.colored{background:#1da695;color:#fff}.titrecalendar{text-align:center}.img-rs{padding-left:0!important}.img-rs img{max-width:270px!important;margin-left:-10px!important}.btn-hover:hover{color:#1da695!important}.pr p:first-child{text-align:justify}.fs-26{font-size:26px!important;font-weight:700!important}.bk-accordion .card-header h5 a.acc-btn{background-color:#e7eff0}.domain-item .icon-box .inner::before{border-radius:5px;border-color:#ddd;top:0;right:0;left:0;bottom:0}.domain-item .icon-box .inner{display:flex;flex-direction:column;justify-content:space-between}.domains-list{row-gap:30px}#table_formations.fixed_header{padding-top:56px}#posts-filters .input input{border:1px solid #aaa;color:#aaa}#posts-filters .input input::placeholder{color:#aaa}body.template-color-7 a.brook-btn.dark-btn-theme,body.template-color-7 button.brook-btn.dark-btn-theme{background:#005469;color:#fff}h2.titre-h2{color:#222;letter-spacing:0;margin:0;font-size:48px;line-height:1.42}header .topbarmenu{display:flex;align-items:center;justify-content:flex-end;list-style:none;padding:16px 0;margin-bottom:0}header .topbarmenu li a{padding:0 12px;color:#fff;font-size:16px;line-height:1.18;font-weight:600}header .topbarmenu li a span{position:relative;overflow:hidden;z-index:1}header .topbarmenu li a span::after{content:'';width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;transition:width .6s cubic-bezier(.25, .8, .25, 1);background:#fff}header .topbarmenu li:hover a span::after{width:100%;left:0;right:auto}
@media (max-width:1199px){
    header.br_header .topbar{display:none}
}

@media only screen and (min-width: 1200px) {
    .table.fixed_header thead tr{
        display: table;
        width:100%;
    }
}


@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .table.fixed_header thead tr th:nth-of-type(2){
        width: 15% !important;
    }
    
    .table.fixed_header thead tr th:nth-of-type(9),
    .table.fixed_header thead tr th:nth-of-type(10),
    .table.fixed_header thead tr th:nth-of-type(11),
    .table.fixed_header thead tr th:nth-of-type(12),
    .table.fixed_header thead tr th:nth-of-type(13){
        width: 5% !important;
    }

    .table.fixed_header thead tr th:last-of-type{
        width: 0% !important;
    }
}

  @media only screen and (max-width: 1200px) {
    #table_rapports thead {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
    }

    div.dt-container div.dt-layout-cell{
        overflow: scroll;
      }
}

/* .cart-table.lesson-table .table thead .dt-orderable-asc .dt-column-order::before,
.cart-table.lesson-table .table thead .dt-orderable-desc .dt-column-order::after,
.cart-table.lesson-table .table thead .dt-ordering-asc .dt-column-order::before,
.cart-table.lesson-table .table thead .dt-ordering-asc .dt-column-order::after,
.cart-table.lesson-table .table thead .dt-ordering-desc .dt-column-order::before,
.cart-table.lesson-table .table thead .dt-ordering-desc .dt-column-order::after {
  display: none !important;
} */

.cart-table.lesson-table .table thead .dt-orderable-asc .dt-column-order::before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  opacity: 0.3;
  padding-left: 5px;
}

.cart-table.lesson-table .table thead .dt-orderable-desc .dt-column-order::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  opacity: 0.3;
  padding-left: 5px;
}

.cart-table.lesson-table .table thead .dt-ordering-asc .dt-column-order::before {
  opacity: 1;
}

.cart-table.lesson-table .table thead .dt-ordering-desc .dt-column-order::after {
  opacity: 1;
}

.cart-table.lesson-table .table thead{
    background-color: #1DA695;
    z-index: 999;
}

.cart-table.lesson-table .table tbody .group-row td{
    background: #00727A !important;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 700 !important;
}

.cart-table.lesson-table .table tbody td{
    font-size: 14px;
    font-weight: 400;
    color: #00205B;
}

.cart-table.lesson-table .table tbody td.les-num{
    opacity: 0.65;
}

.cart-table.lesson-table .table tbody td.les-title{
    font-weight: 600;
}
.cart-table.lesson-table .table tbody .les-cegep-wrapper{
    display: flex;
    align-items: center;
    position: relative;
    gap: 4px;
}

.cart-table.lesson-table .table tbody td.les-cegep .info{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #1DA695;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1DA695;
    font-size: 12px;
    position: relative;
}

.cart-table.lesson-table .table tbody td.les-cegep .bubble{
    position: absolute;
    top: -5px;
    left: 50%;
    width: fit-content;
    background-color: #1DA695;
    white-space: nowrap;
    border-radius: 4px;
    padding: 2px 4px;
    transform: translate(-50%, -100%);
    color: #fff;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.cart-table.lesson-table .table tbody td.les-cegep .info:hover .bubble{
    opacity: 1;
}

.cours-details .left-cours{
    background-color: rgba(33, 172, 153, 0.12);
    padding: 48px 32px;
}

.cours-details .left-cours .left-detail + .left-detail{
    margin-top: 24px;
}

.cours-details .left-cours .left-detail__header{
    display: flex;
    align-items: center;
    gap: 6px;
}

.cours-details .left-cours .left-detail__header{
    display: flex;
    align-items: center;
    gap: 6px;
}

.cours-details .left-cours .left-detail__header svg{
    width: 25px;
}

.cours-details .left-cours .left-detail__header h4{
    color: #00205B;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.cours-details .left-cours .left-detail__content p{
    margin-left: 31px;
    margin-top: 6px;
    color: rgba(0, 32, 91, 0.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 6px;
}

.cours-details .right-cours .right-cours__header{
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cours-details .right-cours .right-cours__header--title .subtitle{
    color: rgba(0, 32, 91, 0.45);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.cours-details .right-cours .right-cours__header--title h2{
    color: #00205B;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 60px;
}

.cours-details .right-cours .right-cours__header--details{
    margin-top: 60px;
}

.cours-details .right-cours .right-cours__header--details h4{
    color: #00205B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.cours-details .right-cours .right-cours__header--about h3,
.cours-details .right-cours .right-cours__content--section h3{
    color: #00205B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.cours-details .right-cours .right-cours__header--about p,
.cours-details .right-cours .right-cours__content--section p,
.cours-details .right-cours .right-cours__header--details p{
    color: rgba(0, 32, 91, 0.45);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
}

.cours-details .right-cours .right-cours__header--about a:not(.brook-btn),
.cours-details .right-cours .right-cours__content--section a:not(.brook-btn),
.cours-details .right-cours .right-cours__header--details a:not(.brook-btn){
    font-weight: 600;
}

.cours-details .right-cours .right-cours__content--section + .right-cours__content--section{
    margin-top: 60px;
}

@media screen and (max-width: 992px) {
    .cours-details .left-cours{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px;
    }

    .cours-details .left-cours .left-detail + .left-detail{
        margin-top: 0;
    }

    .cours-details .left-cours .left-detail:last-child{
        grid-column: 1 / -1;
    }

    .cours-details .left-cours .left-detail:last-child .left-detail__content{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 8px 12px;
    }
}

@media screen and (max-width: 600px) {
    .cours-details .left-cours .left-detail:last-child .left-detail__content{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .cours-details .left-cours{
        grid-template-columns: 1fr;
    }

    .cours-details .left-cours .left-detail:last-child .left-detail__content{
        grid-template-columns: 1fr;
    }    
}

.course_link.closed-course{
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0.7;
}

#lesson-type label{
    font-size: 14px;
    text-transform: uppercase;
    color: #1da695;
}

/** SELECT2 **/
.select2-container--default{
    width: 100% !important;
    margin-top: 1px;
}

@media only screen and (max-width: 771px) {
    .select2-container--default {
        margin-bottom: 20px !important;
    }
}

.select2-container--default .select2-selection--single{
    height: 40px;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    font-size: 13px;
    color: #aaa;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    padding-left: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after{
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.select2-container--open .select2-dropdown{
    border-radius: 0;
}

.select2-container--open .select2-dropdown .select2-results__option{
    width: 100%;
    position: relative;
    padding: 4px 10px;
    border: 1px dotted transparent;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    color: #333;
    font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background: #efefef;
    border-color: #999;
    color: #333;
}

#table_formations_wrapper .dt-search,
#table_moodle_wrapper .dt-search{
    display: none !important;
}

#table_moodle .les-title{
    background: none;
}

/*** HEADER ***/
.header-default.haeder-fixed-width.header-frontpage .container-fluid:not(.bg-darkblue){
    background: #FFF;
}

.header-default.light-logo--version.header-frontpage .mainmenu-wrapper .page_nav ul.mainmenu li a{
    color: #253163;
}

.header-default.light-logo--version.header-frontpage .header-right .manu-hamber{
    color: #253163;
}

.wrapper-frontpage{
    padding-top: 176px;
}

@media screen and (max-width: 1200px) {
    .wrapper-frontpage{
        padding-top: 112px;
    }   
}


/*** HERO ***/
#hero-section{
    /* height: calc(100vh - 175px); */
    height: 640px;
    overflow: hidden;
}

#hero-section > *{
    padding-top: 80px !important;
    padding-bottom: 0 !important;
}

#hero-section > * > * > *:nth-child(2),
#hero-section > * > *,
#hero-section > *{
    height: 640px;
}

#hero-section > * > * > *:nth-child(2) img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
    display: block;
}

.contenu-pm p {
    font-size: 24px;
    line-height: 1.2;
}

.moodle-course-card,
.moodle-similar-course-card {
    border: 1px solid #91B6BF;
    border-radius: 4px;
    padding: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.moodle-course-card::after {
    content: url(../img/corner-triangle-2.svg);
    width: 27px;
    height: 26px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.moodle-similar-course-card {
    padding: 20px 32px;
}

.moodle-course-card .card-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.moodle-similar-course-card .card-text {
    display: flex;
    align-items: flex-start;
    gap: 52px;
}

.moodle-similar-course-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    line-clamp: 2; 
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.moodle-course-filter-wrapper {
    background: #E7EFF0;
    border-radius: 4px;
    padding: 32px;
    margin-bottom: 16px;
}

.moodle-course-filter-wrapper form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.moodle-course-filter-wrapper form .form-group,
.moodle-course-filter-wrapper form h2 {
    margin-bottom: 0;
    color: #00556A;
}

.moodle-course-filter-wrapper form h2 {
    font-size: 40px;
    color: #00556A;
    margin-bottom: 24px;
}

.moodle-course-filter-wrapper input[type="text"] {
    border: 1px solid #BFD5DA;
    border-right: none;
    font-size: 14px;
    padding-right: 0;
}

.moodle-course-filter-wrapper input[type="text"]:focus {
    outline: none;
    box-shadow: none;
    border-color: #91B6BF;
}

.moodle-course-filter-wrapper .custom-control-label {
    line-height: 1.2;
    font-weight: 500;
    color: #00556A;
}

.moodle-course-filter-wrapper .filter-box .btn.btn-link {
    padding: 0;
    font-size: 20px;
    color: #00556A;
    font-weight: 600;
    width: 100%;
    text-align: left;
    white-space: normal;
    line-height: 1;
    width: 100%;
    padding-right: 20px;
    position: relative;
}

.moodle-course-filter-wrapper .filter-box .btn.btn-link:not(.collapsed)::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cstyle%3E .s0 %7B fill: %2300556a %7D %3C/style%3E%3Cpath class='s0' d='m21.38 12c0 0.3-0.12 0.58-0.33 0.8-0.22 0.21-0.5 0.32-0.8 0.32h-16.5c-0.3 0-0.58-0.11-0.8-0.32-0.21-0.22-0.32-0.5-0.32-0.8 0-0.3 0.11-0.58 0.32-0.8 0.22-0.21 0.5-0.32 0.8-0.32h16.5c0.3 0 0.58 0.11 0.8 0.32 0.21 0.22 0.33 0.5 0.33 0.8z'/%3E%3C/svg%3E");
    font-family: "Font Awesome 5 Free";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.moodle-course-filter-wrapper .filter-box .btn.btn-link.collapsed::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cstyle%3E .s0 %7B fill: %2300556a %7D %3C/style%3E%3Cpath class='s0' d='m21.38 12c0 0.3-0.12 0.58-0.33 0.8-0.22 0.21-0.5 0.32-0.8 0.32h-7.12v7.13c0 0.3-0.12 0.58-0.33 0.8-0.22 0.21-0.5 0.33-0.8 0.33-0.3-0.01-0.58-0.12-0.8-0.33-0.21-0.22-0.32-0.5-0.32-0.8v-7.13h-7.13c-0.3 0-0.58-0.11-0.8-0.32-0.21-0.22-0.32-0.5-0.32-0.8 0-0.3 0.11-0.58 0.32-0.8 0.22-0.21 0.5-0.32 0.8-0.32h7.13v-7.13c0-0.3 0.11-0.58 0.32-0.8 0.22-0.21 0.5-0.33 0.8-0.33 0.3 0.01 0.58 0.12 0.8 0.33 0.21 0.22 0.33 0.5 0.33 0.8v7.13h7.12c0.3 0 0.58 0.11 0.8 0.32 0.21 0.22 0.33 0.5 0.33 0.8z'/%3E%3C/svg%3E");
    font-family: "Font Awesome 5 Free";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.moodle-course-filter-wrapper .filter-box .btn.btn-link:hover,
.moodle-course-filter-wrapper .filter-box .btn.btn-link:active,
.moodle-course-filter-wrapper .filter-box .btn.btn-link:focus {
    text-decoration: none;
}

.moodle-course-filter-wrapper .custom-checkbox .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 16px;
    height: 16px;
    top: 1px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid #91B6BF;
    border-radius: 0;
}

/* Background + border when checked */
.moodle-course-filter-wrapper .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00556A;
  border-color: #00556A;
}

/* Optional: focus ring color */
.moodle-course-filter-wrapper .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

.moodle-course-filter-wrapper .custom-control-label::after {
    top: 1px;
}

.moodle-course-filter-wrapper .filter-box .custom-control.custom-checkbox {
    margin-bottom: 8px;
}

.filter-box {
    margin-bottom: 16px;
}

.filter-box .filter-box-heading,
.filter-box .filter-box-heading h2 {
    display: flex;
    width: 100%;
}

.filter-box-collapse-content-wrapper {
    height: auto; 
    padding: 16px 8px 0 8px;
}

.moodle-course-header h2 {
    color: #00205B;
    padding-bottom: 32px;
}

.moodle-course-filter-wrapper #button-addon2 {
    background: white;
    padding: 0 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #BFD5DA;
    border-left: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003375;
}

.moodle-course-filter-wrapper #button-addon2:hover {
    background: rgba(231, 239, 240, 0.5);
}

.moodle-course-filter-wrapper input[type="text"]:focus+div>button#button-addon2 {
    outline: none;
    box-shadow: none;
    border-color: #91B6BF;
}

.btn-section-moodle,
.btn-section-moodle:visited {
    border-radius: 4px;
    background: #21AC99;
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.btn-section-moodle:hover {
    color: #FFF;
}

.moodle-pagination ul.page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
}

.moodle-pagination .page-numbers li a,
.moodle-pagination .page-numbers li span.current,
.moodle-pagination .page-numbers li span.dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #707CA1;
}

.moodle-pagination .page-numbers li span.current {
    background-color: #192B67;
    color: #fff;
    border-radius: 50%;
}

.moodle-course-card .card-image {
    margin: 0 0 32px;
}

.moodle-course-card .card-tag.tag-formation+.card-image {
    margin: 32px 0;
}

.moodle-course-card .card-tag {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 12px;
    border-radius: 8px;
    line-height: 1;
    margin-bottom: 24px;
}

.moodle-course-card .card-tag.tag-formation {
    background: #F2F4BF;
    color: var(--Color-Bleu-primary-900, #001115);
}

.moodle-course-card .card-tag.tag-competence {
    background: #BFD5DA;
    color: var(--Color-Bleu-primary-900, #001115);
}

.moodle-course-card .card-tag.tag-programme {
    background: #C6CAD9;
    color: var(--Color-Bleu-primary-900, #001115);
}

.right-cours__content--section h2 {
    color: #00205B;
}

.moodle-results-count {
    color: #00556A;
}

#moodleFiltersAccordion .filter-box:last-child {
    margin-bottom: 8px;
}

/* @media screen and (max-width: 1200px) {
    #hero-section{
        height: calc(100vh - 112px);
    }
} */

@media (max-width: 991.98px) {
    .moodle-filter-modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: none;
    }

    .moodle-filter-modal.is-open {
        display: block;
    }

    .moodle-filter-modal__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .moodle-filter-modal__panel {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 85vh;
        overflow: hidden;
        background: #fff;
        border-radius: 16px 16px 0 0;
        display: flex;
        flex-direction: column;
    }

    .moodle-filter-modal__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px;
        border-bottom: 1px solid #e5e7eb;
    }

    .moodle-filter-modal__close {
        border: 0;
        background: transparent;
        font-size: 28px;
        line-height: 1;
        color: #003375;
    }

    .moodle-filter-modal__body {
        overflow-y: auto;
        padding: 16px;
    }
}

@media screen and (max-width: 767px) {
    #hero-section > * > * > *:nth-child(2) img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top;
        display: block;
    }

    .moodle-similar-course-card .card-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}