@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;

    --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.15;

    /*.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;
}

/*reset*/
.card-header {
    background-color: transparent;
    border-bottom: 0;
}
.text-muted {
    color: var(--color-gray-5) !important;
}
/*grid*/
.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;
  }
.row_with_sidebar .small_container,
.row_with_sidebar .md_container {
      margin: 0 auto;
  }
.small_container .title-with-arrows__header__tabs__container,
.md_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: 128px;
    }

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

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

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


.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) {
    /*color: var(--color-green-5);*/
}

 a:focus:not(.btn):not(.widget-expand-button)  {
    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;
}
/*header*/
header {
    background: #fff;
    border-bottom: 1px solid;
}
header nav.navbar {
    background: #fff;
}
header .form-dyn-field-container {
    margin: 0;
}
header nav.navbar>.tertiary-navigation{ display:none }
@media (max-width: 575px) {
    header nav.navbar {
        padding: 1rem 0.5rem;
    }.logo__container img {
         max-width: 126px;
     }
}
@media (min-width: 576px) {

    header nav.navbar {
        padding: 0;
    }header nav.navbar>.container:not(.tertiary-navigation)   {
         padding: 1rem 2.5rem;
             display: flex;
             transition: padding  var(--animation-timing)  var(--animation-transition);}
    .scrolldown header nav.navbar>.container:not(.tertiary-navigation)   {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}
@media (min-width: 992px) {

    header nav.navbar>.tertiary-navigation{
        overflow:hidden;height:45px;
        padding: 0rem 2.5rem;
        display: flex;
        transition: height  var(--animation-timing)  var(--animation-transition);}
    .scrolldown header nav.navbar>.tertiary-navigation{ height:0;}
    .navbar-expand-lg .navbar-toggler {
        display: block;
        width: 0;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        text-align: left;
        transition: width  var(--animation-timing)  var(--animation-transition);
    }
    .logo__container img {
        width: 200px;
        transition: width  var(--animation-timing)  var(--animation-transition);
    }.scrolldown .logo__container img {
         width: 150px;
     }

    .scrolldown .navbar-expand-lg .navbar-toggler {
        width: 3.5rem;
    }
    header .form-dyn-field-container {
        margin: 0;
        padding: 0 2rem;
    }
}

/*
menu*/
.menu__all-products-item, .menu__products-item {
    border-radius: 4px;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    color: var(--color-black);
    text-decoration: none;
}

.menu__all-products-item:hover, .menu__products-item:hover {
    background-color: var(--color-sage-1);
    color: var(--color-green-4);
}

.menu__all-products-item:focus, .menu__products-item:focus {
    background-color: var(--color-sage-1);
    border-color: var(--color-green-4);
    color: var(--color-black);
}

.menu__all-products-item.active, .menu__all-products-item:active, .menu__products-item.active, .menu__products-item:active {
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
}

/*user-box*/


/*
user cta link*/
.user-box a {
    text-decoration: none;
    position: relative;
}

.user-box .card.card-base {
    margin: 0
}

.user-box a {
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    gap: 0.25rem;
    border: 2px solid transparent;
    color: var(--color-black);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    font-size: var(--text-size-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    line-height: var(--text-line-height-XXS);
    border-radius: 0.25rem;
}

.user-box a:hover, .user-box a:active {

    color: var(--color-green-4);
    background: var(--color-sage-1);
}

.user-box a:hover .card-base__title {
    color: var(--color-green-4);
}

.user-box a.active .card-base__title {

    color: var(--color-green-4);
}

.user-box a:focus {
    border-color: var(--color-green-2);
    background: var(--color-sage-1);
    color: var(--color-black);
}

.user-box a:focus .card-base__title {
    color: var(--color-black);
}

.user-box .card-base__img img {
    max-width: calc(100% - 0rem);
}

.user-box {
    gap: 0.5rem;
}

.user-box a .card-base__img {
    height: 1.5rem;
    width: 1.5rem;
    background: none;
}

.user-box a:hover .card-base__img {
    box-shadow: none;
}

.user-box a:focus .card-base__img {
    border-color: transparent;
}

@media (max-width: 575px) {
    .user-box .card-base__info {
        display: none;
    }

    .user-box .card.card-link-on-icon {
        display: none;
    }
}

@media (min-width: 576px) {

    .user-box {
        gap: 2rem;
    }

    .user-box > * + *::before {
        content: "";
        background: var(--color-black);
        display: block;
        width: 1px;
        height: 1.5rem;
        margin: auto auto auto -1.5rem;
        position: absolute;
        top: 0;
        bottom: 0;
    }
}

@media (min-width: 992px) {


}

/*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: 2rem 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);
}

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__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-green-2);
    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 .icon__ekomi::before {
     height: 1.5rem;
     width: 3.4rem;
 } .footer__row_guarantees-label img{ max-height:1.5rem; 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-green-2);

}

.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-green-2);
    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-gray-3);
}
.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-green-2);
    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 {
    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;
}
@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);
    }
}
@media(min-width: 992px){

    .sticky-desk-top  {
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
}