@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Public+Sans:wght@400;700&display=swap');

:root {
    /* colori */
    --color-green-1: #D7EBC7;
    --color-green-2: #85E23C;
    --color-primary: var(--color-green-1);
    --color-green-3: #78CB36;
    --color-green-4: #3E8914;
    --color-green-5: #435045;
    --color-green-6: #223124;
    --color-sage-1: #F1F2ED;
    --color-sage-2: #E4E7E0;
    --color-white: #FFFFFF;
    --color-white-80: #FFFFFF80;

    --color-gray-1: #F7F7F7;
    --color-gray-2: #E3E3E3;
    --color-gray-3: #C8C8C8;
    --color-gray-4: #818181;
    --color-gray-5: #666;
    --color-black: #000;
    --color-error-1: #E65F5C;
    --color-error-2: #EF9997;
    --color-success-1: #D7EBC7;
    --color-alert-1: #F9D388;
    --color-alert-2: #FFA900;
    --color-attention-1: #CEEAF7;

    --color-opi: #2e6b75;

    --transition-timing-fn: 0.5s linear;

    --shadow-1: 0px 0px 20px rgba(34, 49, 36, 0.20); /*hover*/
    --shadow-2: 0px -15px 20px rgba(34, 49, 36, 0.20); /*pressed*/

    /*spacing*/
    --space-0: 0rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 2rem;
    --space-6: 2.5rem;
    --space-7: 3rem;
    --space-8: 3.75rem;
    --space-9: 5rem;
    --space-10: 6.25rem;
    /*radius*/
    --image-border-radius-mobile: 0.25rem;
    --image-border-radius: 1rem;

    /*TYPO*/

    --font-weight-bold: 700;
    --font-weight-regular: 400;
    --font-family-title: 'Atkinson Hyperlegible';
    --font-family-text: 'Public Sans';

    /*.h1 XXXL Title*/
    --title-size-XXXL: 5rem;
    --title-weight-XXXL: 700;
    --title-letter-spacing-XXXL: 0.80px;
    --title-line-height-XXXL: 1.2;

    /*.h2 XXL Title*/
    --title-size-XXL: 3rem;
    --title-weight-XXL: 700;
    --title-letter-spacing-XXL: 0.48px;
    --title-line-height-XXL: 1.2;

    /*.h3 XL Title*/
    --title-size-XL: 2rem;
    --title-weight-XL: 700;
    --title-letter-spacing-XL: 0.32px;
    --title-line-height-XL: 1.5;

    /*.h4 L Title*/
    --title-size-L: 1.75rem;
    --title-weight-L: 700;
    --title-letter-spacing-L: 0.28px;
    --title-line-height-L: 1.15;

    /*.h5 M Title*/
    --title-size-M: 1.5rem;
    --title-weight-M: 700;
    --title-letter-spacing-M: 0.24px;
    --title-line-height-M: 1.5;


    /*text-size-M*/
    --text-size-M: 1.5rem;
    --text-letter-spacing-M: 0.24px;
    --text-line-height-M: 1.5;


    /*text-size-S*/
    --text-size-S: 1.125rem;
    --text-letter-spacing-S: 0.18px;
    --text-line-height-S: 1.5;


    /*text-size-XS*/
    --text-size-XS: 1rem;
    --text-letter-spacing-XS: 0.16px;
    --text-line-height-XS: 1.5;


    /*text-size-XXS*/
    --text-size-XXS: 0.875rem;
    --text-letter-spacing-XXS: 0.14px;
    --text-line-height-XXS: 1.5;


    /*text-size-XXXS*/
    --text-size-XXXS: 0.75rem;
    --text-letter-spacing-XXXS: 0.12px;
    --text-line-height-XXXS: 1.5;


    --animation-timing:0.3s;
    --animation-transition: linear;
}

body {
    margin: 0;
    background-color: var(--color-white);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    color: var(--color-black);
    letter-spacing: 0.16px;
    font-size: 1rem;
    font-family: 'Public Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    height: 100dvh;
}

#page-container {
    padding-top: 6rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

.link-home-title {
    font-family: 'Spline Sans', serif;
    font-size: 2rem;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word;
    font-weight: 400;
    margin-bottom: 0 !important;
}

/*reset*/
.text-muted {
    color: var(--color-gray-5) !important;
}
lottie-player{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity:0;
    transition: all var(--animation-timing) var(--animation-transition);
}.configurator-table.configurator-table-disabled   lottie-player,
.updating   lottie-player{
     opacity:1 !important;
 }

.accedi-page-login-container.updating-login,
.modal-content.updating-login > * {
    opacity: 0.3;
}
.accedi-page-login-container.updating-login lottie-player,
.modal-content.updating-login lottie-player{
    opacity:1 !important;
    z-index: 100;
}

/*grid*/
.mt-4-5,.my-4-5 {
    margin-top: 2rem !important;
}
.mb-4-5,.my-4-5 {
    margin-bottom: 2rem !important;
}
.ml-4-5,.mx-4-5 {
    margin-left: 2rem !important;
}
.mr-4-5,.mx-4-5 {
    margin-right: 2rem !important;
}
.mt-6,.my-6 {
    margin-top: 5rem !important;
}
.mb-6,.my-6 {
    margin-bottom: 5rem !important;
}
.ml-6,.mx-6 {
    margin-left: 5rem !important;
}
.mr-6,.mx-6 {
    margin-right: 5rem !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    padding-right: 1rem;
    padding-left: 1rem;
}
.small_container,.medium_container,.big_container {
    margin: 3.125rem auto;
    max-width: 664px;
    width: 100%;
}.medium_container{
     max-width: 896px;
 }.big_container{
      max-width: 1125px;
  }.row_with_sidebar {
     display: flex;
     margin: 2.5rem 0;
     gap: 2rem;
 }.row_with_sidebar.row {
      gap: 0;
      margin-right: -1rem;
      margin-left: -1rem;
  }.swiper.swiper-breadcrumb + .row_with_sidebar {

               margin-top:   0;
           }
.row_with_sidebar .small_container,
.row_with_sidebar .medium_container {
      margin: 0 auto;
  }
.small_container .title-with-arrows__header__tabs__container,
.medium_container div:not(:first-child) .title-with-arrows__header__tabs__container {
       margin-top: 1.5rem;
   }

/*div#page-container {
    padding-top: 112px;
}*/
.minimal_row{
     margin-right: -0.5rem;
     margin-left: -0.5rem;}
.minimal_row >div {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
@media (max-width: 1499px) {
    .container {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .container {
        /*padding-right: 2.5rem;*/
        /*padding-left: 2.5rem;*/
    }

    .row {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .row_with_sidebar {
        flex-direction: column ;
        gap:1.5rem;
    }.sidebar_container {
         order: 2;
     }
}

@media (min-width: 576px) {

    /*div#page-container {
        padding-top: 117px;
    }*/

    .container {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .row {
        /*margin-right: -1rem;*/
        /*margin-left: -1rem;*/
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .medium_container,
    .small_container {
        margin: 3.75rem   auto;
    }.sidebar_container {
         max-width: 316px;
         width: 100%;
     }.sidebar_container ~
    .small_container {
        margin-left:0;
    }.sidebar_container ~
     .medium_container {
         margin-left:0;
     }
}
@media (min-width: 768px) {

    .mt-md-4-5,.my-md-4-5 {
        margin-top: 2rem !important;
    }
    .mb-md-4-5,.my-md-4-5 {
        margin-bottom: 2rem !important;
    }
    .ml-md-4-5,.mx-md-4-5 {
        margin-left: 2rem !important;
    }
    .mr-md-4-5,.mx-md-4-5 {
        margin-right: 2rem !important;
    }

    .mt-md-6,.my-md-6 {
        margin-top: 5rem !important;
    }
    .mb-md-6,.my-md-6 {
        margin-bottom: 5rem !important;
    }
    .ml-md-6,.mx-md-6 {
        margin-left: 5rem !important;
    }
    .mr-md-6,.mx-md-6 {
        margin-right: 5rem !important;
    }
}
@media (min-width: 992px) {

    /*div#page-container {
        padding-top: 173px;
    }*/
}
@media (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}


.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.swiper-fit {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    padding: 0 1rem;
}@media (min-width: 576px){
    .swiper-fit {
        width: calc(100% + 5rem);
        margin-left: -2.5rem;
        padding: 0 2.5rem;
    }.swiper-fit-md-right {
         width: calc(100% + 3.5rem);
         margin-left: -1rem;
         padding: 0 2.5rem 0 1rem;
     }
    }
@media (min-width: 992px){
    .swiper-md-disabled.smallSlider .small-slider__body,
    .swiper-md-disabled .swiper-wrapper {
        flex-wrap: wrap;
        margin: 0 -1rem;
        transform: none !important;
        gap:0;
        width: auto;
    }
    .swiper-md-disabled .swiper-wrapper >div {

        position: relative;
        width: 100%;
        padding: 1rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0 !important
    }
}
@media (min-width: 1440px){
    .swiper-fit  {
        width: 100%;
        margin-left: 0rem;
        padding: 0;
    }
    .swiper-fit-md-right {
        width: calc(100% + 1rem);
        margin-left: -1rem;
        padding: 0 0rem 0 1rem;
    }
    }

.image-simple-box img{
    border-radius: var(--image-border-radius-mobile); max-width:100%; width:auto; height:auto;
}
@media (min-width: 576px) {
    .image-simple-box img{
        border-radius: var(--image-border-radius);

    }
}

a {
    text-decoration: underline;
    color: var(--color-black);
}

a:hover {
    color: var(--color-green-4);
}

a:visited:not(.btn):not(.widget-expand-button):not(.popup__link):not(.menu__products-item):not(.menu__macro-menu-text-link) {
    /*color: var(--color-green-5);*/
}

 a:focus:not(.btn):not(.widget-expand-button):not(.menu__products-item):not(.menu__macro-menu-text-link) {
   /* border-radius: 4px;
    background-color: var(--color-sage-1);
    border: 1px solid var(--color-sage-2);
    color: var(--color-green-4);
    text-decoration: underline;*/
}
.bg-dark {
    color: var(--color-white);
    background-color: var(--color-green-6)!important;
}
/*footer*/
footer {
    margin-top: 5rem;
    background: var(--color-green-6);
    color: var(--color-white);
    padding: 2rem 0;
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
}

footer a:not(.btn) {
    color: var(--color-white);
}

footer a:not(.btn):visited {
    color: var(--color-white);
}

footer a:not(.btn):focus {
    background-color: transparent;
    /* border: 0;*/
    color: var(--color-white);
}

.footer__row_company {
    gap: 3rem 0;
    margin-bottom: 3rem;
}

.footer__row_company > div + div::after {
    content: "";
    border-bottom: 1px solid var(--color-sage-1);
    left: 0.5rem;
    right: 0.5rem;
    position: absolute;
    opacity: 0.8;
    bottom: -1.5rem;
}

.footer__title {
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-bold);
}

footer li a {
    padding: 0 0.5rem;
    border: 1px solid transparent;
    color: var(--color-white);
    display: inline-block;
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    text-decoration: none;
    margin: 0.25rem 0 0.25rem -0.5rem;
}

footer li {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer .review-card-full {
    padding: 0;
    background: transparent;
    border: 0;
    margin: 0;
}

footer .card {
    margin-bottom: -1rem;
    padding:    1rem;
    border-radius: 1rem;
    background: var(--color-sage-1);
    color: var(--color-black);
}

footer .card-header {
    padding: 0;
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-S);
    line-height: var(--text-line-height-S);
    letter-spacing: var(--text-letter-spacing-S);
}
.card-body-form.card-body> div {
    margin-top: 1rem;
}
footer .card-body {
    min-height: 1px;
    padding: 0;
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
}

footer .card .btn {
    margin-right: auto;
}
footer .volcano-input-solid-dynamic .form-dyn input ~ label {
    font-size: var(--text-size-XXXS);
    line-height: var(--text-line-height-XXXS);
    letter-spacing: var(--text-letter-spacing-XXXS);
}
.footer__row_guarantees {
    gap: 1rem 0;
}

.footer__row_legal {
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
}

.social .icon__facebook, .social .icon__linkedin, .social .icon__instagram {
    background: var(--color-opi);
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    color: var(--color-green-6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__row_guarantees-payment,
.footer__row_guarantees-shipping,
.footer__row_guarantees-label{
    display: flex;
    gap: 1.25rem;
    align-items: center;
flex-wrap: wrap;

}

.footer__row_guarantees-label +
.footer__row_guarantees-label{
    margin-top: 1rem;
    gap: .25rem;}
.footer__row_guarantees-label .icon__ekomi::before {
     height: 2.5rem;
     width: 4.4rem;
 }
.footer__row_guarantees-label .icon__fsc::before{
    height: 2.5rem;
    width: 2.5rem;}
.footer__row_guarantees-label + .footer__row_guarantees-label img{
    max-height:2.5rem;}
.footer__row_guarantees-label img{
    max-height:4rem;
    max-width:6rem;

    width:auto; }
.footer__row_guarantees-payment{

    font-size: var(--text-size-XXXS);
    line-height: var(--text-line-height-XXXS);
    letter-spacing: var(--text-letter-spacing-XXXS);
    gap:0.5rem}
.footer__row_guarantees-payment i::before {
    height: 2.3rem;
    width: 2.3rem;
}
.footer__row_guarantees-shipping{ gap:1rem;}

.footer__row_guarantees-shipping i::before {
    height: 2.3rem;

}.footer__row_guarantees-shipping i.icon__sda::before {
     width: 2.8rem;

 }
.footer__row_guarantees-shipping i.icon__dhl::before {

    width: 3.45rem;

 }
.footer__row_guarantees-shipping i.icon__brt::before {
     width:  3rem;

 }
footer .social a {
    border: 1px solid transparent;
    padding: 0.25rem;
}

footer .social a:focus {
    border-color: var(--color-sage-2);

}

footer .social a:focus i {

    background: var(--color-opi);

}

.social a:hover i {
    background: var(--color-green-1);
}

.social {
    display: flex;
    gap: 0.5rem;
    padding: 0 0 1.5rem
}

@media (min-width: 768px) {
    .footer__row_company > div {
        padding: 3.75rem 2rem 2.5rem;
    }

    .footer__row_company > div + div::after {
        display: none
    }

    .footer__row_company {
        margin-bottom: 0;
        border-bottom: 1px solid var(--color-sage-1);
    }

    .footer__row_company > div + div {
        border-right: 1px solid var(--color-sage-1);
    }

    footer .card {
        margin-bottom: 2.5rem;
    }

    footer {
        font-size: var(--text-size-XS);
        line-height: var(--text-line-height-XS);
        letter-spacing: var(--text-letter-spacing-XS);
        padding: 0;
    }

    .footer__row_guarantees {
        padding: 2.5rem 0;
    }


    .footer__row_legal {
        padding: 1rem 0;
    }

    .social {
        padding: 1.5rem 0
    }

    .footer__row_legal.row.flex > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    footer .card-header {
        font-size: var(--text-size-M);
        line-height: var(--text-line-height-M);
        letter-spacing: var(--text-letter-spacing-M);
    }

    footer .card-body {
        font-size: 1rem;
        line-height: var(--text-line-height-S);
        letter-spacing: var(--text-letter-spacing-S);
    }
}

/*
DROPDOWN*/
.dropdown__container {
    border-radius: 0.25rem;
    background: var(--color-sage-1);
}
header .dropdown__container {
    max-width: 315px;
    box-shadow: var(--shadow-1);
}
.dropdown__header {
    border-radius: 0.25rem 0.25rem 0 0;
    background: var(--color-green-5);
    color: var(--color-opi);
    padding: 0.5rem 1rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    line-height: var(--text-line-height-XXS);
    position: relative;
}
header .dropdown__header::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 13px 12.5px;
    border-color: transparent transparent var(--color-green-5) transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    margin: auto;
}

header .dropdown__body {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.dropdown-cards__info {
    font-size: var(--text-size-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    line-height: var(--text-line-height-XXS);
}

.tooltip-cards + .tooltip-cards { border-top: 1px solid var(--color-sage-2);
}
.tooltip-cards a{
    color:var(--color-black);
    display: block;
    text-decoration: none;
    position:relative;
    padding: 0.75rem 1rem;  }
.tooltip-cards.active a{
    font-weight:var(--font-weight-bold)  }
.tooltip-cards.active a::before{
    border-left: 6px   solid var(--color-opi);
    content:"";
    top:0;bottom:0;left:0;
    position:absolute;  }
.tooltip-cards a:hover, .tooltip-cards a:focus {
    color: var(--color-green-4);
    text-decoration: underline;
    background: var(--color-sage-2);
}
.tooltip-cards{

    font-size: var(--text-size-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    line-height: var(--text-line-height-XXS);}
.dropdown__body hr {
    border-top: 1px solid var(--color-gray-3);

    margin: 0;
}

.dropdown-cards a {
    text-decoration: none;
    color: var(--color-green-4);
}


/*FORM*/
 .volcano-form-error-container {
    top: 175px;
}
.scrolldown .volcano-form-error-container {
    transition: top var(--animation-timing) var(--animation-transition);
    top: 75px;
}
.volcano-form-error-container:not(.volcano-form-error-container-show) {
    pointer-events: none;
}
.form-control:disabled, .form-control[readonly] {
    background-color: var(--color-gray-2);
    opacity: 1;
    color: var(--color-gray-4);
    border-color: var(--color-gray-2);
}
.form-control:disabled ~label, .form-control[readonly]~  label{

    color: var(--color-gray-4);
}
.volcano-input-solid-dynamic .form-dyn textarea.form-control:not(:placeholder-shown) ~ label, .volcano-input-solid-dynamic .form-dyn textarea.form-control:focus ~ label, .volcano-input-solid-dynamic .form-dyn select.form-control.volcanoInputDropdownValue ~ label, .volcano-input-solid-dynamic .form-dyn .select2-container ~ label, .volcano-input-solid-dynamic .form-dyn input:not([type="submit"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):focus ~ label, .volcano-input-solid-dynamic .form-dyn input:not([type="submit"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):not(:placeholder-shown) ~ label, .volcano-input-solid-dynamic .form-dyn select + label, .volcano-input-solid-dynamic .form-dyn select.form-control + label, .form-dyn input[type="date"] + label,
.volcano-input-solid-dynamic .form-dyn .form-control + label, .volcano-input-solid-dynamic .form-dyn .select2-container + label, .volcano-input-disabled-overlay + label {

    max-width:  100%  ;
    pointer-events: auto; transform: none;
    position: relative;
    left: 0;
    top: 0;
}label ~.form-ico-end, label ~ .form-ico-start {
     top: calc(50% + 0.6rem);
 }
.volcano-input-inner-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.25rem;
}
.form-inline-field>* {
    margin: 0;
    padding: 0 !important;

}
.form-inline-field>* .btn {

    width: 100%;
}
.form-inline-field {

    margin-bottom: 1.5rem;
    margin:0;
    align-items: flex-end;
} .form-inline-field {
     gap: 0.5rem;
 }

.slide-down {
    transform: translateY(100%);
}


.text-box-block {
    display: flex;
    border-radius: 25px;
    background-color: #eff6fa;
    margin-bottom: 2rem;
}

ul.no-style-list,
ul.no-style-list li {
    list-style: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

ul.menu-list-recap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-direction: column;
}


.file-download-item i::before,
.link-item i::before{
    width: 32px;
    height: 32px;
}

.table-block tbody tr:nth-child(odd) {
    background: #eff6fa;
}
.table-block td,
.table-block .td-header {
    border: 0 !important;
    color: #6c7577;
    word-break: normal;
}

.table-block .td-header{
    font-weight: 700;
}

.color-title {
    color: #2e6b75;
}

a.disable-cursor {
    cursor: default;
}

span.document-date {
    color: #777;
    font-size:12px;
}
hr.document-date-separator {
    color: #777;
}
div.image-document-container {
    margin-bottom: 3rem !important;
}
div.title-document-container {
    margin-bottom: 2rem !important;
}
div.content-document-container {
    margin-bottom: 3rem !important;
}
div.content-document-container p{
    line-height: 1.5;
}
div.files-document-container {
    margin-bottom: 2rem !important;
}.dropdown>.dropdown-item::after {
     content: "\f054";
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
     margin-top: -1em !important;
     font-size: 0.5rem;
 }


@media(min-width: 576px){

    .form-inline-field { gap:1rem;
        margin-bottom: 1rem;
    }
    .form-inline-field>* {
        flex: 1;
    }
}
/*STICKY*/
@media(max-width: 991px){
  .sticky-bottom {
        position: fixed;
        bottom: 0;
        z-index: 4;
        left: 0;
        right: 0;
    }
    .sticky-bottom div.card  {
        border-radius: 0;
        padding:1rem;
        box-shadow: var(--shadow-1);
    }

    .sticky-bottom .widget-detail-container {
        max-height: calc(85vh - 190px);
        overflow-y: auto;
    }.card.card-widget.sticky-bottom {
         max-height: 85vh;
     }
    .sticky-bottom .card-widget__title {
        display: none;
    }
    .sticky-bottom .card-widget hr {
        display: none;
    }
    .sticky-bottom.configurator-widget .cart-total-infos {
        display: none;
    }
    .sticky-bottom.configurator-widget .cart-total-infos-mobile {
        gap: 0.5rem;
        display: flex;
        flex-direction: column;
    }
    .sticky-bottom.configurator-widget .card-widget {
        gap: 0.5rem;
    }
    .card-widget:not(.checkout-widget) .widget-expand-button .widget__expand-button_title {
        display: none;
    }

    .sticky-bottom.card-widget .cart-total__row:not(.cart-total__row-final),
    .sticky-bottom.card-widget .cart-total__row:not(.cart-total__row-final){
        display: none;
    }
    .text-box-block {
        padding: 3rem;
        flex-direction: column;
    }
}
@media(min-width: 992px){
   body .sticky-desk-top{
       position: -webkit-sticky;
       position: sticky;
       transition: top 0.3s linear;
        top: 188px;}
    body.scrolldown .sticky-desk-top  {
        top: 80px;
    }
    .widget-detail-container {
        max-height: calc(85vh - 190px);
        overflow-y: auto;
    }
    .widget-expand-button .widget__expand-button_description {
        display: none;
    }
    .text-box-block {
        padding: 3rem 4.5rem 3rem 3rem;
    }
    .dropdown-menu .dropdown-menu {
        top: 0 !important;
    }
}