﻿.mainBanner {
    height: 950px;
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/mainBannerBg.jpg);
    background-size: 120%;
    background-position: left;
    display: flex;
    flex-direction: column;
}

.Documentazione h2 {color: var(--bcc-blu);}

.online-banner {
    height: 232px;
    overflow: hidden;
}

.BoxTestoHP {
    margin-bottom: -38px;
}

.BoxTestoHP h1 {
    line-height: 3rem;
    margin-bottom: 10px;
}

.flex-half-box {
    flex: 1;
    min-width: 0;
}

.padding-bottom-24 {
    padding-bottom: 24px;
}

.tabArchivio .corpoInformativa td {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}
#SezioneC .box {
    /* padding-bottom: 0px; */
}
#SezC .content h2 {
	margin-top: 0;
}
.boxCommContent {
	margin-top: -40px;
}
#BoxVantaggi0 {
	padding-top: 0;
	margin-top: 48px;
	margin-bottom: 48px;
	padding-bottom: 0px;
	display: block;
}
.pOnlineVantaggi .textSize16-400 {
    /* margin-bottom: -22px; */
}

.A1Corpo {
    margin-top: 20px
}

.BoxVantaggi p {
    margin-top: 4px;
}

ol,
ul {
    padding-left: 0.9rem;
    list-style-type: disc;
}

#SezC {margin-top:48px;}

.greyBox a {
    text-decoration: none;
}

a:visited {
    color: rgba(0, 111, 52, 1);
}

.ms-webpartzone-cell {
    margin: 0;
}

.custom-container-banner {
    max-width: 1560px;
    margin: 0 auto;
}

.padding-top-56 {
    padding-top: 56px;
}

.mainBoxes {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: auto;
    margin-bottom: 120px;
}
#sectionFAQ {margin-bottom:48px;}
.bSection .box,
.BoxVerdi .box,
#divProdottiRender .box,
#SezioneE .box,
#SezioneC .box {
    display: flex;
    flex-direction: column;
    /* background-color: white; */
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    gap: 24px;
}

#divPrestitiOnline.box {
    display: flex;
    background-color: white;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.width-50-percent {
    width: 50%;
}

.mainFirstBox {
    max-width: 600px;
}

.MostraDivStriscia_No {display:none !important;}

#secStriscia {
	/* margin-bottom:48px; */
	/* margin-top:48px; */
	display: block;
	padding-top: 48px;
	padding-bottom: 48px;
}
.mainSecondBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
}

.tag {
    padding: 4px;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    align-self: flex-start;
}

.tagBlue {
    background-color: rgb(176, 218, 242);
}

.tagOrange {
    background-color: rgba(245, 150, 27, 0.6);
    padding: 4px 6px;
    bottom: -9px;
    right: 16px;
    /* font-weight: 600; */
    font-size: 14px;
    color: black !important;
}

.tagGreen {
    background-color: rgb(216, 233, 195);
    padding: 2px 6px;
    bottom: -9px;
    right: 16px;
    font-weight: 400;
    font-size: 14px;
}

.tagDarkBlue {
    padding: 2px 6px;
    background-color: rgb(0, 53, 148);
    padding: 4px 6px;
    bottom: -9px;
    right: 16px;
    /* font-weight: 600; */
    font-size: 14px;
    color: white;
}

.subText {
    font-weight: 500;
    font-size: 20px;
}

.lighterText {
    font-size: 16px;
    font-weight: 400;
}

.textSize16-700 {
    font-size: 16px;
    font-weight: 700;
}

.textSize20-700 {
    font-size: 20px;
    font-weight: 700;
}

.textSize24-700 {
    font-size: 24px;
    font-weight: 700;
}

.textSize28-700 {
    font-size: 28px;
    font-weight: 700;
}

.textSize32-700 {
    font-size: 32px;
    font-weight: 700;
}

.lightText {
    font-size: 20px;
    font-weight: 400;
}

.boldText {
    font-size: 32px;
    font-weight: 700;
}

.cta-primaria {
    margin: 0;
    padding: 14px 48px;
    cursor: pointer;
}

.cta-secondaria {
    margin: 0;
    padding: 7px 16px;
    align-self: flex-start;
    cursor: pointer;
}

.search-button {
    bottom: 42px;
    right: -630px;
}

.cta-testuale {
    margin: 0;
    cursor: pointer;
}

.icon {
    width: 14px;
}

.icon-40 {
    width: 40px;
    height: 40px;
}

.noAutoCarousel {
    background-color: rgb(243, 249, 246);
}

/* .custom-container {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 312px;
  padding-right: 312px;
} */

.custom-container {
    max-width: 1296px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

.padding-tb-container-48-80 {
    padding-top: 48px;
    padding-bottom: 80px;
}

.padding-tb-container-48-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}


.padding-tb-container-56-56 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-tb-container-56-80 {
    padding-top: 56px;
    padding-bottom: 80px;
}

.SecPromH2 {margin-left:12px;}
h2 {
    margin: 0;
    color: rgb(0, 53, 148);
}

.row-custom {
    flex-direction: row;
}

.row-reverse-custom {
    flex-direction: row-reverse;
}

.column-custom {
    flex-direction: column;
}

.textBox {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(285 / (947 + 285) * (100% - 24px));
    align-self: flex-start;
}

.backgroundBox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(947 / (947 + 285) * (100% - 24px));
}

.backgroundBox--img1 {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/carousel1.png);
}

.backgroundBox--img2 {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/car_bg.jpg);
    background-position: center 40%;
}

.backgroundBox--img3 {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/generic_bg.jpg);
}

.backgroundBox--img4 {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/prestiti_personali_bg.jpg);
    background-position: center 35%;
}

.backgroundBox--img5 {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/family.jpg);
    background-position: center;
}

.biggerSubTitle {
    font-weight: 500;
    font-size: 24px;
}

.textSize20-500 {
    font-size: 20px;
    font-weight: 500;
}

.textSize24-500 {
    font-size: 24px;
    font-weight: 500;
}

.flex {
    display: flex;
}

.BoxOpzioni .flex {
    flex: 1;
}

.gap4 {
    display: flex;
    gap: 4px;
}

.gap8 {
    display: flex;
    gap: 8px;
}

.gap10 {
    display: flex;
    gap: 10px;
    width: 100%;
}

.gap12 {
    display: flex;
    gap: 12px;
}

.gap16 {
    display: flex;
    gap: 16px;
}

.gap20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gap23 {
    display: flex;
    gap: 23px;
}





.gap24 {
    display: flex;
    gap: 24px;
}

.gap32 {
    display: flex;
    gap: 32px;
}

.gap80 {
    display: flex;
    gap: 80px;
}

.gap99 {
    display: flex;
    gap: 0;
    justify-content: center;
}

.boxTab {
    padding: 16px;
    gap: 16px;
}

.self-flexStart {
    align-self: flex-start;
}

.self-flexEnd {
    align-self: flex-end;
}

.standard-cta-padding {
    padding: 10px 16px;
}

.boxTabImg {
    height: 148px;
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/grid_1_prestito_personale.jpg);
    background-size: cover;
    background-position: center;
}
.BoxVerdi .title22 {
  /*  color: var(--bcc-nero-digital); */
    margin-bottom: 8px;
  /*  margin-top:0; */
}

.title22 {
    font-size: 22px;
    font-weight: 600;
}

.title22.title-faq{
	 /* color: var(--bcc-nero-digital); */
	  margin:0;
}
.grid-6 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;
}

.grid-3 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 32px;
}

.grid-3:has(> .MostraDivStriscia_Si):not(:has(> .MostraDivStriscia_Si + .MostraDivStriscia_Si)) {
    grid-template-columns: 1fr;
}



.fullWidth {
    grid-column: 1 / -1;
}

.promozioniEIniziativeSection {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/promozioni_e_iniziative_bg.jpg);
    background-size: cover;
    background-color: rgba(0, 73, 31, 0.6);
    background-blend-mode: multiply;
}

.text-white {
    color: white;
}

.boxSecondGrid {
    padding: 24px 20px 6px 24px;
}

.textSize14-500 {
    font-size: 14px;
    font-weight: 500;
}

.textSize13-400 {
    font-size: 13px;
    font-weight: 400;
}

.PromozioniTab .testoAdd {
    margin-bottom: -24px;
}

.textSize16-400 {
    font-size: 16px;
    font-weight: 400;
}

.textSize16-500 {
    font-size: 16px;
    font-weight: 500;
}

.textSize16-600 {
    font-size: 16px;
    font-weight: 600;
}

.textSize22-600 {
    font-size: 22px;
    font-weight: 600;
}

.textSize28-400 {
    font-size: 28px;
    font-weight: 400;
    color: var(--bcc-blu);
}

.text-blu {
    color: var(--bcc-blu);
}

.textSize24-600-blu {
    font-size: 24px;
    font-weight: 600;
    color: var(--bcc-blu);
}

.textSize24-600 {
    font-size: 24px;
    font-weight: 600;
}

.textSize28-600 {
    font-size: 28px;
    font-weight: 600;
}

.alignRight {
    text-align: right;
}

.align-items-center {
    align-items: center;
}

.imgRight {
    width: 200px;
    height: 142.06px;
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/promozioni_e_iniziative_grid.jpg);
    background-size: cover;
    background-position: center;
    margin: 0 20px 20px 0;
}

/* Tooltip */
.testo-tooltip {
    --bs-tooltip-bg: var(--bcc-verde-scuro);
    --bs-tooltip-color: var(--bcc-nero-digital);
    --bs-tooltip-border-radius: 0;
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-padding-y: 0.625rem;
    --bs-tooltip-padding-x: 0.625rem;
    --bs-tooltip-opacity: 1;
}

.testo-tooltip:not(.testo-header-tooltip) {
    --bs-tooltip-zindex: 800;
}

.testo-tooltip .tooltip-inner {
    background-color: var(--bcc-bianco);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    line-height: 1.5;
}

.testo-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-inner {
    border-bottom: 3px solid var(--bcc-verde-scuro);
}

.testo-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-inner {
    border-left: 3px solid var(--bcc-verde-scuro);
}

.testo-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    margin-top: 0.5rem;
}

.testo-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-inner {
    border-top: 3px solid var(--bcc-verde-scuro);
    margin-top: 0.5rem;
}

.testo-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-inner {
    border-right: 3px solid var(--bcc-verde-scuro);
}

/* Fine tooltip */


/* TAB componenti */
.nav-tabs {
    align-items: flex-end;
    border: 0;
    flex-wrap: nowrap;
    margin: 2.5rem 0 2rem 0;
    overflow-x: hidden;
    position: relative;
    white-space: nowrap;
}

.nav-tabs-contenitore {
    position: relative;
}

.nav-tabs-contenitore::after {
    border-bottom: 1px solid var(--bcc-verde-medio);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

.nav-tabs-contenitore .nav-scroll-sinistra,
.nav-tabs-contenitore .nav-scroll-destra {
    align-items: center;
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #ffffff;
    bottom: 0;
    display: none;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: absolute;
    transition: border-color 0.3s;
    border-radius: 0;
    width: 25px;
    z-index: 16;
}

.nav-tabs-contenitore .nav-scroll-sinistra:focus,
.nav-tabs-contenitore .nav-scroll-sinistra:hover,
.nav-tabs-contenitore .nav-scroll-destra:focus,
.nav-tabs-contenitore .nav-scroll-destra:hover {
    border-color: var(--bcc-verde-scuro);
}

.nav-tabs-contenitore .nav-scroll-sinistra::after,
.nav-tabs-contenitore .nav-scroll-destra::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 0.875rem;
    width: 0.875rem;
}

.nav-tabs-contenitore .nav-scroll-sinistra.scrollVisibile,
.nav-tabs-contenitore .nav-scroll-destra.scrollVisibile {
    display: flex;
}

.nav-tabs-contenitore .nav-scroll-sinistra {
    left: 0;
}

.nav-tabs-contenitore .nav-scroll-sinistra::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/175994.svg);
    transform: rotate(180deg);
}

.nav-tabs-contenitore .nav-scroll-sinistra:hover::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/175996.svg);
    transform: rotate(180deg);
}

.nav-tabs-contenitore .nav-scroll-destra {
    right: 0;
}

.nav-tabs-contenitore .nav-scroll-destra::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/175994.svg);
}

.nav-tabs-contenitore .nav-scroll-destra:hover::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/175996.svg);
}

.tab-content .tab-pane:focus-visible {
    border-radius: 6px;
    box-shadow: 0 0 0 3px var(--bcc-verde-scuro), 0 0 0 5px var(--bcc-bianco);
    outline: 0;
}

/* TAB layout A */
.tab-layout-a .nav-item {
    margin: 0 1.25rem;
}

.tab-layout-a .nav-item:first-child {
    margin-left: 0;
}

.tab-layout-a .nav-link {
    border: 0;
    border-bottom: 3px solid transparent;
    box-shadow: none;
    color: var(--bcc-nero-digital);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    outline: 0;
    padding: 0.5rem 0;
    text-align: left;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.tab-layout-a .nav-link.active,
.tab-layout-a .nav-link:focus-visible,
.tab-layout-a .nav-link:hover {
    border-color: var(--bcc-verde-scuro);
    color: var(--bcc-verde-scuro);
}


/* TAB layout B */
.tab-layout-b .nav-tabs .nav-item {
    margin: 0;
}

.tab-layout-b .nav-tabs .nav-item .nav-link {
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--bcc-verde-medio);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    outline: 0;
    padding: 0.5rem 1.25rem;
    text-align: left;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.tab-layout-b .nav-tabs .nav-item .nav-link.active,
.tab-layout-b .nav-tabs .nav-item .nav-link:focus-visible,
.tab-layout-b .nav-tabs .nav-item .nav-link:hover {
    border-color: var(--bcc-verde-scuro);
    box-shadow: none;
    color: var(--bcc-verde-scuro);
}

.women-background {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/women_energy.png);
    background-size: cover;
    background-position: left;
}

.women-box {
    max-width: 636px;
}

.padding-16 {
    padding: 16px;
}

.padding-20 {
    padding: 20px;
}

.padding-24 {
    padding: 24px;
}

.padding-32 {
    padding: 32px;
}

.padding-40 {
    padding: 40px;
}

.padding-tb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.padding-16-24 {
    padding: 16px 12px;
}

.padding-tp-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.padding-tp-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-tb-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.padding-top-24 {
    padding-top: 24px;
}

.padding-top-39 {
    padding-top: 39px;
}

.padding-top-48 {
    padding-top: 48px;
}


.padding-top-64 {
    padding-top: 64px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-37 {
    padding-bottom: 37px;
}

.padding-bottom-48 {
    padding-bottom: 48px;
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

.padding-bottom-102 {
    padding-bottom: 102px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-134 {
    padding-bottom: 134px;
}

.padding-tp-37-102 {
    padding-top: 37px;
    padding-bottom: 102px;
}

.margin-top-24 {
    margin-top: 24px;
}

.margin-top-245 {
    margin-top: 24.5px;
}

.margin-top-32 {
    margin-top: 32px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-56 {
    margin-top: 56px;
}

.margin-top-80 {
    margin-top: 24px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.TestoPerche.margin-bottom-20 {
    margin-bottom: -45px
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-24 {
    margin-bottom: 24px;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-48 {
    margin-bottom: 48px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-right-32 {
    margin-right: 32px;
}

.BoxOpzioni {gap:32px;}
.justify-content-end {
    justify-content: flex-end;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.greyBox {
    background-color: rgb(248, 249, 250);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 24px;
}

.grey-search-box {
    background-color: rgb(248, 249, 250);
}

.stars {
    font-size: 20px;
    color: rgb(0, 73, 31);
}

.no-gap {
    gap: 0;
}

.gap-315 {
    gap: 31.5px;
}

.faq-icon {
    width: 112px;
    height: 90px;
}

.box-icon img {
    width: 40px;
}

.geolocal-background {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/appointment.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 73, 31, 0.7);
    background-blend-mode: multiply;
}

/* GEOLOCAL STYLE */
.form-label {
    margin-bottom: 0.5rem;
}

.form-control {
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control:focus {
    background-color: var(--bs-body-bg);
    border-color: rgb(127.5, 183, 153.5);
    box-shadow: 0 0 0 0.25rem rgba(0, 111, 52, 0.25);
    color: var(--bs-body-color);
    outline: 0;
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
    margin: 0;
    min-width: 85px;
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
}

.form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.form-control::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border-color: inherit;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: var(--bs-body-color);
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    padding: 0.375rem 0.75rem;
    pointer-events: none;
    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;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg);
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: rgb(127.5, 183, 153.5);
    box-shadow: 0 0 0 0.25rem rgba(0, 111, 52, 0.25);
    outline: 0;
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: 0.75rem;
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    width: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

.form-check-input:active {
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: rgb(127.5, 183, 153.5);
    box-shadow: 0 0 0 0.25rem rgba(0, 111, 52, 0.25);
    outline: 0;
}

.form-check-input:checked {
    background-color: #006f34;
    border-color: #006f34;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #006f34;
    border-color: #006f34;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
    filter: none;
    opacity: 0.5;
    pointer-events: none;
}

.form-floating {
    position: relative;
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
}

.form-floating>label {
    border: var(--bs-border-width) solid transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1rem 0.75rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    white-space: nowrap;
    z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none;
    }
}

.form-floating>.form-control {
    padding: 1rem 0.75rem;
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent;
}

.form-floating>.form-control::placeholder {
    color: transparent;
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.form-floating>.form-control:-webkit-autofill {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.form-floating>.form-select {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1.5em;
    inset: 1rem 0.375rem;
    position: absolute;
    z-index: -1;
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1.5em;
    inset: 1rem 0.375rem;
    position: absolute;
    z-index: -1;
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating> :disabled~label,
.form-floating>.form-control:disabled~label {
    color: #6c757d;
}

.form-floating> :disabled~label::after,
.form-floating>.form-control:disabled~label::after {
    background-color: var(--bs-secondary-bg);
}

/* Clears the "X" in input search from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

legend {
    border-bottom: 0;
    color: var(--bcc-nero-digital);
    float: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

legend .legenda-extra-info {
    display: block;
    font-weight: 400;
}

legend .img-errore {
    display: none;
    height: 1.25rem;
    margin-left: 0.75rem;
    width: 1.1875rem;
}

fieldset {
    padding: 0;
}

fieldset p.msg-errore+div,
fieldset p.msg-errore+button {
    margin-top: 0.75rem;
}

.conErrore:not(.radio-input-cont-esterno, .checkbox-cont-esterno, .gruppo-mixed-state, .mixed-s-g.fly-out-alternative) .form-cont-elm-interno::after {
    display: none;
}

.conErrore .text-input,
.conErrore .textarea,
.conErrore .date-input,
.conErrore .select,
.conErrore .radio-btn,
.conErrore .check-btn,
.conErrore .switch-btn,
.conErrore .file-input {
    border: 0.063rem solid var(--bcc-rosso-alert);
}

.conErrore input[type=checkbox]:checked~.check-btn {
    border: 0.063rem solid var(--bcc-rosso-alert);
}

form .conErrore .msg-errore {
    display: block;
}

.conErrore .file-input-multiple-layout-a::after {
    left: 19.5rem;
    top: 1.25rem !important;
}

.form-cont-elm-interno {
    position: relative;
    width: 100%;
}

.form-cont-elm-interno .form-select {
    --bs-form-select-bg-img: none;
}

.form-cont-elm-interno.form-floating {
    display: inline-block;
    margin-top: 2.25rem;
}

.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown,
.form-cont-elm-interno.form-floating .form-control:not(:-moz-placeholder-shown) {
    height: 2.5rem;
    line-height: inherit;
    min-height: auto;
    padding: 0 2rem 0 0.75rem;
}

.form-cont-elm-interno.form-floating .form-control:placeholder-shown,
.form-cont-elm-interno.form-floating .form-control:not(:placeholder-shown) {
    height: 2.5rem;
    line-height: inherit;
    min-height: auto;
    padding: 0 2rem 0 0.75rem;
}

.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown~label,
.form-cont-elm-interno.form-floating .form-control:not(:-moz-placeholder-shown)~label {
    background-color: transparent;
    height: auto;
    margin: 0;
    padding: 0 2rem 0 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.form-cont-elm-interno.form-floating .form-control:placeholder-shown~label,
.form-cont-elm-interno.form-floating .form-control:not(:placeholder-shown)~label {
    background-color: transparent;
    height: auto;
    margin: 0;
    padding: 0 2rem 0 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown~label::after,
.form-cont-elm-interno.form-floating .form-control:not(:-moz-placeholder-shown)~label::after {
    content: none;
}

.form-cont-elm-interno.form-floating .form-control:placeholder-shown~label::after,
.form-cont-elm-interno.form-floating .form-control:not(:placeholder-shown)~label::after {
    content: none;
}

.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown:focus~label,
.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown:focus-visible~label {
    background-color: transparent;
    color: var(--bcc-nero-digital);
    height: auto;
    transform: scale(1) translateY(-3.5rem) translateX(-0.75rem);
}

.form-cont-elm-interno.form-floating .form-control:placeholder-shown:focus~label,
.form-cont-elm-interno.form-floating .form-control:placeholder-shown:focus-visible~label {
    background-color: transparent;
    color: var(--bcc-nero-digital);
    height: auto;
    transform: scale(1) translateY(-3.5rem) translateX(-0.75rem);
}

.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown:focus~label::after,
.form-cont-elm-interno.form-floating .form-control:-moz-placeholder-shown:focus-visible~label::after {
    content: none;
}

.form-cont-elm-interno.form-floating .form-control:placeholder-shown:focus~label::after,
.form-cont-elm-interno.form-floating .form-control:placeholder-shown:focus-visible~label::after {
    content: none;
}

.form-cont-elm-interno.form-floating .form-control:not(:-moz-placeholder-shown)~label {
    background-color: transparent;
    color: var(--bcc-nero-digital);
    height: auto;
    transform: scale(1) translateY(-3.5rem) translateX(-0.75rem);
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.form-cont-elm-interno.form-floating .form-control:not(:placeholder-shown)~label {
    background-color: transparent;
    color: var(--bcc-nero-digital);
    height: auto;
    transform: scale(1) translateY(-3.5rem) translateX(-0.75rem);
    transition: all 0.3s;
}

.form-cont-elm-interno.form-floating .form-control:not(:-moz-placeholder-shown)~label::after {
    content: none;
}

.form-cont-elm-interno.form-floating .form-control:not(:placeholder-shown)~label::after {
    content: none;
}

.form-cont-elm {
    display: block;
    margin: 0 0 3rem 0;
    position: relative;
}

.form-cont-elm.mixed-state {
    margin-bottom: 0;
}

.form-cont-elm .form-label {
    color: white;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 0.75rem;
}

.text-input,
.textarea,
.date-input,
.select,
.file-input {
    background-color: var(--bcc-bianco);
    border: 0.063rem solid var(--bcc-rovere-digital);
    border-radius: 0.125rem;
    box-shadow: none;
    color: var(--bcc-nero-digital);
    font-size: 1rem;
    font-weight: 400;
    height: 2.5rem;
    outline: 0;
    padding: 0 2rem 0 0.75rem;
    transition: background-color 0.3s;
    width: 100%;
    max-width: 100%;
}

.text-input::-moz-placeholder,
.textarea::-moz-placeholder,
.date-input::-moz-placeholder,
.select::-moz-placeholder,
.file-input::-moz-placeholder {
    color: var(--bcc-nero-digital);
    font-weight: 400;
    opacity: 1;
}

.text-input::-moz-placeholder,
.text-input::placeholder,
.textarea::-moz-placeholder,
.textarea::placeholder,
.date-input::-moz-placeholder,
.date-input::placeholder,
.select::-moz-placeholder,
.select::placeholder,
.file-input::-moz-placeholder,
.file-input::placeholder {
    color: var(--bcc-nero-digital);
    font-weight: 400;
    opacity: 1;
}

.text-input:focus,
.text-input:hover,
.textarea:focus,
.textarea:hover,
.date-input:focus,
.date-input:hover,
.select:focus,
.select:hover,
.file-input:focus,
.file-input:hover {
    background-color: var(--bcc-verde-form);
    border: 0.188rem solid var(--bcc-verde-scuro);
    box-shadow: none !important;
    padding-left: 0.625rem;
}

.text-input:focus~.clear-input,
.text-input:hover~.clear-input,
.textarea:focus~.clear-input,
.textarea:hover~.clear-input,
.date-input:focus~.clear-input,
.date-input:hover~.clear-input,
.select:focus~.clear-input,
.select:hover~.clear-input,
.file-input:focus~.clear-input,
.file-input:hover~.clear-input {
    display: block;
}

.text-input:disabled,
.textarea:disabled,
.date-input:disabled,
.select:disabled,
.file-input:disabled {
    background: var(--bcc-argento-digital) no-repeat right 0.625rem top 50%;
    border: 0.063rem solid transparent;
    color: var(--bcc-nero-digital);
    font-style: italic;
    padding-left: 0.75rem;
}

.text-input:disabled~.clear-input,
.text-input:disabled button,
.textarea:disabled~.clear-input,
.textarea:disabled button,
.date-input:disabled~.clear-input,
.date-input:disabled button,
.select:disabled~.clear-input,
.select:disabled button,
.file-input:disabled~.clear-input,
.file-input:disabled button {
    display: none;
}

.text-input:disabled::placeholder,
.text-input:disabled::-ms-input-placeholder,
.textarea:disabled::placeholder,
.textarea:disabled::-ms-input-placeholder,
.date-input:disabled::placeholder,
.date-input:disabled::-ms-input-placeholder,
.select:disabled::placeholder,
.select:disabled::-ms-input-placeholder,
.file-input:disabled::placeholder,
.file-input:disabled::-ms-input-placeholder {
    color: var(--bcc-nero-digital);
}

.text-input:disabled:hover,
.textarea:disabled:hover,
.date-input:disabled:hover,
.select:disabled:hover,
.file-input:disabled:hover {
    cursor: not-allowed;
}

.text-input:-moz-placeholder-shown~.clear-input,
.textarea:-moz-placeholder-shown~.clear-input {
    display: none;
}

.text-input:placeholder-shown~.clear-input,
.textarea:placeholder-shown~.clear-input {
    display: none;
}

.geolocation-input {
    display: inline-block;
    padding-right: 0.625rem;
    width: calc(100% - 2.5rem);
}

.geolocation-input:focus+.geolocation-btn:focus,
.geolocation-input:focus+.geolocation-btn:hover,
.geolocation-input:hover+.geolocation-btn:focus,
.geolocation-input:hover+.geolocation-btn:hover {
    background-position: left 0.438rem center;
    bottom: 0;
    height: 2.5rem;
    right: 0;
}

.geolocation-btn {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/184631.svg) no-repeat center center/1.25rem;
    background-color: var(--bcc-bianco);
    border: 0.063rem solid var(--bcc-verde-medio);
    border-radius: 0 0.125rem 0.125rem 0;
    bottom: 0;
    color: var(--bcc-verde-medio);
    display: inline-block;
    font-size: 0;
    font-weight: 700;
    height: 2.5rem;
    padding: 0;
    position: absolute;
    right: 0;
    transition: background-color 0.3s;
    width: 2.5rem;
}

.geolocation-btn:focus,
.geolocation-btn:hover {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/189712.svg) no-repeat center center/1.25rem;
    background-color: var(--bcc-argento-digital);
    border: 0.188rem solid var(--bcc-verde-scuro);
    color: var(--bcc-verde-scuro);
    outline: 0;
}

.textarea {
    height: 9.375rem;
    padding: 0.75rem;
}

.textarea:focus:not(:disabled),
.textarea:focus-visible:not(:disabled),
.textarea:hover:not(:disabled) {
    padding-top: 0.625rem;
}

.date-input {
    padding: 0.5rem 0.75rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.date-input:not(:disabled):hover {
    cursor: text;
}

.select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 2.5rem 0 0.75rem;
}

.select:hover~span,
.select:focus~span {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178803.svg);
}

.select:focus~span {
    transform: rotate(180deg);
}

.select:disabled {
    opacity: 1;
}

.select:disabled:hover {
    background-color: var(--bcc-argento-digital);
    border: 0.063rem solid transparent;
}

.select:disabled~span {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178802.svg);
}

.select:not(:disabled):hover {
    cursor: pointer;
}

.select~span {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178801.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 0.875rem;
    pointer-events: none;
    position: absolute;
    right: 0.9375rem;
    top: 0.875rem;
    transition: background-image 0.3s, transform 0.3s;
    width: 0.875rem;
}

.file-input {
    padding-left: 0;
    padding-right: 0.625rem;
    transition: margin 0.3s;
}

.file-input:focus,
.file-input:hover {
    outline: 0;
    padding-left: 0;
}

.file-input:focus::file-selector-button,
.file-input:hover::file-selector-button {
    margin: -0.125rem 0.25rem 0 -0.125rem;
}

.file-input:disabled {
    padding-left: 0;
}

.file-input:disabled::file-selector-button {
    background-color: var(--bcc-argento-digital) !important;
    background-image: none;
    color: var(--bcc-nero-digital);
    font-weight: 400;
    margin: 0 0.25rem 0 0;
}

.file-input::file-selector-button {
    background-color: var(--bcc-verde-medio);
    background-image: linear-gradient(270deg, var(--bcc-verde-b2b) 0%, var(--bcc-verde-medio) 100%);
    border: 0;
    border-radius: 0%;
    border-right: 0.063rem solid var(--bcc-rovere-digital);
    color: var(--bcc-bianco);
    font-size: 1rem;
    font-weight: 700;
    height: 2.5rem;
    text-decoration: none;
}

.file-input:not(:disabled):hover {
    cursor: pointer;
}

.file-input:not(:disabled):hover::file-selector-button {
    cursor: pointer;
}

.file-input.multiple-layout-a {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/197731.svg) no-repeat center right 0.5rem/1.125rem 1.125rem;
    line-height: 2.5rem;
    padding: 0 2.125rem 0 0.75rem;
}

.file-input.multiple-layout-a::file-selector-button {
    display: none;
}

.file-input.multiple-layout-a:focus,
.file-input.multiple-layout-a:hover {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/197733.svg) no-repeat center right 0.5rem/1.125rem 1.125rem;
    background-position: center right 0.375rem;
    line-height: 2.25rem;
    padding-left: 0.625rem;
}

.file-input.multiple-layout-a:disabled {
    background: #E9EAEB url(https://static.publisher.iccrea.bcc.it/archivio/648/197732.svg) no-repeat center right 0.5rem/1.125rem 1.125rem;
    line-height: 2.5rem;
    padding: 0 2.125rem 0 0.75rem;
}

.file-input.multiple-layout-a~.lista-file-caricati a {
    margin-right: 1.9rem;
    vertical-align: text-top;
    word-break: break-word;
}

.file-input-multiple-layout-a .msg-errore {
    position: relative;
}

.file-input-multiple-layout-a.disabled .lista-file-caricati li {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/197734.svg) left top 0.4rem no-repeat;
}

.file-input-multiple-layout-a.disabled .lista-file-caricati a,
.file-input-multiple-layout-a.disabled .lista-file-caricati a:focus,
.file-input-multiple-layout-a.disabled .lista-file-caricati a:hover {
    border-bottom: 0.063rem solid var(--bcc-grigio);
    color: var(--bcc-grigio);
    text-decoration: none;
}

.lista-file-caricati {
    margin: -0.25rem -0.25rem 1.25rem;
    max-width: 24.688rem;
    padding: 0.25rem;
}

.lista-file-caricati:focus-visible {
    border-radius: 6px;
    box-shadow: 0 0 0 3px #00491F, 0 0 0 5px #fff;
    outline: none;
}

.lista-file-caricati li {
    background: url(https://static.publisher.iccrea.bcc.it/archivio/648/196985.svg) no-repeat left top 0.4rem;
    padding-left: 1.9rem;
}

.lista-file-caricati li::before {
    content: none;
}

.lista-file-caricati .elimina {
    background-color: transparent;
    border: 0;
    border-radius: 100%;
    bottom: 0.35rem;
    display: inline-block;
    font-size: 0;
    height: 1.75rem;
    outline: 0;
    padding: 0;
    position: relative;
    transition: background-color 0.3s;
    width: 1.75rem;
    z-index: 1;
}

.lista-file-caricati .elimina::before {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/176458.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0.875rem;
    left: 50%;
    position: absolute;
    top: 50% 14px;
    transform: translate(-50%, -50%);
    width: 0.875rem;
}

.lista-file-caricati .elimina::after {
    background-color: var(--bcc-verde-scuro);
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s;
    width: 100%;
    z-index: -1;
}

.lista-file-caricati .elimina:focus::before,
.lista-file-caricati .elimina:hover::before {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/176461.svg);
}

.lista-file-caricati .elimina:focus::after,
.lista-file-caricati .elimina:hover::after {
    opacity: 1;
}

.lista-file-caricati .elimina:disabled::before {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/197735.svg);
}

.lista-file-caricati .elimina:disabled:focus::after,
.lista-file-caricati .elimina:disabled:hover::after {
    opacity: 0;
}

input[type=radio],
input[type=checkbox] {
    float: left;
    height: 1.625rem;
    margin: 0;
    min-width: auto;
    opacity: 0;
    position: relative;
    width: 1.625rem;
    z-index: 1;
}

input[type=radio]:focus~.radio-btn,
input[type=radio]:focus~.check-btn,
input[type=radio]:hover~.radio-btn,
input[type=radio]:hover~.check-btn,
input[type=checkbox]:focus~.radio-btn,
input[type=checkbox]:focus~.check-btn,
input[type=checkbox]:hover~.radio-btn,
input[type=checkbox]:hover~.check-btn {
    background-color: var(--bcc-verde-form);
    border: 0.188rem solid var(--bcc-verde-scuro);
}

input[type=radio]:not(:disabled):hover,
input[type=checkbox]:not(:disabled):hover {
    cursor: pointer;
}

input[type=radio]:not(:disabled)~.form-label,
input[type=checkbox]:not(:disabled)~.form-label {
    cursor: pointer;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
    cursor: not-allowed;
}

input[type=radio]:disabled~.radio-btn,
input[type=radio]:disabled~.check-btn,
input[type=checkbox]:disabled~.radio-btn,
input[type=checkbox]:disabled~.check-btn {
    background-color: var(--bcc-grigio);
    border: 0.063rem solid var(--bcc-grigio);
}

input[type=radio]:disabled~.form-label,
input[type=checkbox]:disabled~.form-label {
    color: var(--bcc-rovere-digital);
    font-style: italic;
}

input[type=radio]:checked~.radio-btn::before {
    background-color: var(--bcc-verde-medio);
    border: 0.063rem solid var(--bcc-verde-medio);
    border-radius: 100%;
    content: "";
    display: block;
    height: 0.9375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s;
    width: 0.9375rem;
}

input[type=radio]:checked:focus~.radio-btn::before,
input[type=radio]:checked:hover~.radio-btn::before {
    background-color: var(--bcc-verde-scuro);
    border: 0.188rem solid var(--bcc-verde-scuro);
}

input[type=radio]:checked:disabled~.radio-btn {
    background-color: var(--bcc-bianco);
    border: 0.063rem solid var(--bcc-rovere-digital);
}

input[type=radio]:checked:disabled~.radio-btn::before {
    background-color: var(--bcc-verde-medio);
    border: 0.063rem solid var(--bcc-verde-medio);
    opacity: 60%;
}

input[type=radio]:checked:disabled~.form-label {
    color: var(--bcc-nero-digital);
}

input[type=checkbox]:checked:focus~.check-btn,
input[type=checkbox]:checked:hover~.check-btn {
    background-color: var(--bcc-verde-scuro);
    border: 0.063rem solid var(--bcc-verde-scuro);
}

input[type=checkbox]:checked~.check-btn {
    background-color: var(--bcc-verde-medio);
    border: 0.063rem solid var(--bcc-verde-medio);
}

input[type=checkbox]:checked~.check-btn::before {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178798.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    height: 1.063rem;
    left: 0.25rem;
    position: relative;
    top: 0.25rem;
    width: 1.063rem;
}

input[type=checkbox]:checked:disabled~.check-btn {
    background-color: var(--bcc-grigio);
    border: 0.063rem solid var(--bcc-grigio);
}

input[type=checkbox]:checked:disabled~.form-label {
    color: var(--bcc-nero-digital);
}

.gruppo-mixed-state-seleziona-tutto {
    color: var(--bcc-nero-digital);
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 0.625rem;
    outline: none;
    padding-left: 2.1875rem;
}

.gruppo-mixed-state-seleziona-tutto:focus::before,
.gruppo-mixed-state-seleziona-tutto:hover::before {
    background-color: var(--bcc-verde-form);
    border: 0.188rem solid var(--bcc-verde-scuro);
}

.gruppo-mixed-state-seleziona-tutto:not(.disabled):hover {
    cursor: pointer;
}

.gruppo-mixed-state-seleziona-tutto::before {
    background-color: var(--bcc-bianco);
    background-image: none;
    border: 0.063rem solid var(--bcc-rovere-digital);
    content: "";
    display: table-cell;
    height: 1.5625rem;
    left: 0;
    position: absolute;
    top: -0.1875rem;
    transition: background-color 0.3s, background-image 0.3s;
    width: 1.5625rem;
    z-index: -1;
}

.gruppo-mixed-state-seleziona-tutto.disabled {
    color: var(--bcc-rovere-digital);
}

.gruppo-mixed-state-seleziona-tutto.disabled::before {
    background-color: var(--bcc-grigio);
    border: none;
}

input[role=switch] {
    width: 3.125rem !important;
}

input[role=switch]:focus~.switch-btn,
input[role=switch]:hover~.switch-btn {
    background-color: var(--bcc-verde-form);
    border: 0.188rem solid var(--bcc-verde-scuro);
}

input[role=switch]:focus~.switch-btn::before,
input[role=switch]:hover~.switch-btn::before {
    left: 0.125rem;
}

input[role=switch]:focus:checked~.switch-btn,
input[role=switch]:hover:checked~.switch-btn {
    background-color: var(--bcc-verde-form);
}

input[role=switch]:focus:checked~.switch-btn::before,
input[role=switch]:hover:checked~.switch-btn::before {
    left: 1.125rem;
}

input[role=switch]:focus:checked:disabled~.switch-btn::before,
input[role=switch]:hover:checked:disabled~.switch-btn::before {
    left: 1.313rem;
}

input[role=switch]:checked~.switch-btn {
    background-color: var(--bcc-bianco);
}

input[role=switch]:checked~.switch-btn::before {
    background-color: var(--bcc-verde-medio);
    left: 1.313rem;
}

input[role=switch]:checked~.switch-btn-text::before {
    content: "Attivo";
}

input[role=switch]:checked:disabled~.switch-btn {
    background-color: var(--bcc-argento-digital);
    border: 0.063rem solid var(--bcc-argento-digital);
}

input[role=switch]:checked:not(:disabled):focus~.switch-btn::before,
input[role=switch]:checked:not(:disabled):hover~.switch-btn::before {
    background-color: var(--bcc-verde-scuro);
}

input[role=switch]~.switch-btn-text::before {
    content: "Disattivo";
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    margin: 0 0 0 0.5rem;
}

input[role=switch]:disabled~.switch-btn {
    background-color: var(--bcc-argento-digital);
    border: 0.063rem solid var(--bcc-argento-digital);
}

input[role=switch]:disabled~.switch-btn::before {
    background-color: var(--bcc-grigio);
}

input[role=switch]:disabled~.switch-btn-text::before {
    font-style: italic;
}

input[role=switch]:disabled:not(:checked)~.switch-btn::before {
    left: 0.125rem;
}

.radio-input-cont-esterno,
.checkbox-cont-esterno {
    display: table;
    position: relative;
    width: 100%;
}

.radio-input-cont-esterno .msg-errore,
.checkbox-cont-esterno .msg-errore {
    margin: 0.25rem 0 0.75rem 0.75rem;
    position: relative;
}

.radio-input-cont-esterno div:not(:last-child) .form-cont-elm,
.checkbox-cont-esterno div:not(:last-child) .form-cont-elm {
    margin: 0 3rem 1.25rem 0;
}

.radio-input-cont-esterno .input-inline .form-cont-elm,
.checkbox-cont-esterno .input-inline .form-cont-elm {
    display: block;
    vertical-align: top;
}

.radio-input-cont-esterno .input-inline .form-cont-elm:not(:last-child),
.checkbox-cont-esterno .input-inline .form-cont-elm:not(:last-child) {
    margin: 0 3rem 1.25rem 0;
}

.radio-input-cont-esterno.conErrore .msg-errore,
.checkbox-cont-esterno.conErrore .msg-errore {
    display: block;
}

.radio-input-cont-esterno.conErrore legend,
.checkbox-cont-esterno.conErrore legend {
    margin-bottom: 0;
    position: relative;
    width: auto;
}

.switch-cont-esterno .conErrore .msg-errore {
    display: block;
    width: 100%;
}

.switch-cont-esterno .form-cont-elm-interno {
    min-width: 9.5rem;
}

.switch-cont-esterno .form-cont-elm-interno::after {
    right: 0 !important;
}

.clear-input {
    background-color: transparent;
    border: 0;
    border-radius: 100%;
    display: none;
    height: 2rem;
    padding: 0;
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    transition: background-color 0.3s;
    width: 2rem;
}

.clear-input:focus {
    outline: none;
}

.clear-input::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/179196.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    content: "";
    height: 0.75rem;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    transition: background-image 0.3s;
    width: 0.75rem;
}

.clear-input:hover {
    background-color: var(--bcc-verde-scuro);
    display: block;
}

.clear-input:hover::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/176461.svg);
    transition: background-image 0.3s;
}

.clear-input span {
    font-size: 0;
}

.msg-errore {
    color: var(--bcc-rosso-alert);
    display: none;
    font-size: 0.875rem;
    font-weight: 400;
    margin: 0.25rem 0.75rem 0;
    position: absolute;
}

.mixed-s-g {
    display: inline-block;
    margin-bottom: 3rem;
    position: relative;
    text-align: left;
}

.mixed-s-g .arrow {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178801.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    display: inline-block;
    height: 1.3125rem;
    margin-left: 1rem;
    pointer-events: none;
    position: absolute;
    position: relative;
    right: 0.9375rem;
    right: 0;
    top: 0.5625rem;
    top: 0;
    transform: rotate(90deg);
    transition: background-image 0.3s, transform 0.3s;
    width: 0.75rem;
}

.mixed-s-g::after {
    clear: both;
    content: "";
    display: block;
}

.mixed-s-g .cta-secondaria {
    margin: 0;
    padding-right: 4rem;
    text-align: left;
}

.mixed-s-g .cta-secondaria:after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/164078.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 2.1rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    transition: background-image 0.3s, transform 0.3s;
    width: 1.2rem;
}

.mixed-s-g .cta-secondaria:hover:after,
.mixed-s-g .cta-secondaria:focus:after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178803.svg);
}

.mixed-s-g .cta-secondaria:hover span,
.mixed-s-g .cta-secondaria:focus span {
    text-decoration: underline;
}

.mixed-s-g .cta-secondaria:focus:after {
    transform: translateY(-50%) rotate(180deg);
}

.mixed-s-g .cta-secondaria:focus-visible:after {
    transform: translateY(-50%);
}

.mixed-s-g .cta-secondaria:focus-visible span {
    text-decoration: underline;
}

.mixed-s-g .select {
    padding-right: 4rem;
    padding-right: 2rem;
    text-align: left;
}

.mixed-s-g .select:after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178801.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 0.875rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: background-image 0.3s, transform 0.3s;
    width: 0.875rem;
}

.mixed-s-g .select:focus:after,
.mixed-s-g .select:focus-visible:after {
    transform: translateY(-50%) rotate(180deg);
}

.mixed-s-g .selected-items {
    display: inline-block;
    text-align: left;
    width: auto;
}

.mixed-s-g .gruppo-mixed-state-wrapper {
    background-color: var(--bcc-bianco);
    border-radius: 3rem;
    box-shadow: 0 0.188rem 0.625rem rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: 1rem;
    opacity: 0;
    padding: 3.5rem 0 2rem;
    position: absolute;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: hidden;
    width: 55rem;
    z-index: 1;
}

.mixed-s-g .msg-errore {
    margin: 0 0 1.5rem 3rem;
}

.mixed-s-g .cont-seleziona-tutto {
    margin: 0 1.25rem 0.625rem;
}

.mixed-s-g .mixed-state-checkboxes {
    margin-bottom: 0;
    margin-top: 1.25rem;
    padding: 0;
}

.mixed-s-g li {
    background-color: transparent;
    background-image: none;
    padding: 0.625rem 2rem;
    position: relative;
    transition: background-color 0.3s;
}

.mixed-s-g .gruppo-mixed-state .cont-seleziona-tutto .form-cont-elm {
    margin: 0;
}

.mixed-s-g .gruppo-mixed-state li .form-cont-elm {
    margin: 0;
}

.mixed-s-g p:last-of-type:not(.msg-errore) {
    margin: 2rem 0 0 0;
    text-align: right;
}

.mixed-s-g button {
    margin: 0 2rem 0 0;
}

.mixed-s-g.conErrore .msg-errore {
    display: block;
}

.mixed-s-g.conErrore legend:not(.sr-only) {
    margin-bottom: 0;
    position: relative;
    width: auto;
}

.gruppo-mixed-state .msg-errore {
    margin: 0.25rem 0 0.9375rem 0.75rem;
    position: relative;
}

.gruppo-mixed-state li:not(:last-child) .form-cont-elm {
    margin: 0 3rem 1.25rem 0;
}

.gruppo-mixed-state.conErrore .msg-errore {
    display: block;
}

.gruppo-mixed-state.conErrore legend:not(.sr-only) {
    margin-bottom: 0;
    position: relative;
    width: auto;
}

.mixed-s-g.fly-out-alternative {
    display: block;
}

.mixed-s-g.fly-out-alternative .msg-errore {
    margin: 0.25rem 0 0.75rem 0.75rem;
    position: relative;
}

.mixed-s-g.fly-out-alternative .gruppo-mixed-state-wrapper {
    border: 0.063rem solid var(--bcc-rovere-digital);
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    max-height: 21.875rem;
    min-width: 16.25rem;
    overflow: auto;
    padding: 1.5625rem 0;
    transition: opacity 0.3s, visibility 0.3s;
    width: 100%;
}

.mixed-s-g.fly-out-alternative .gruppo-mixed-state-wrapper .mixed-state-checkboxes {
    margin-top: 0;
}

.mixed-s-g.fly-out-alternative li:last-of-type {
    padding-bottom: 0;
}

.mixed-s-g.fly-out-alternative li:not(:last-child) .form-cont-elm {
    margin: 0;
}

.mixed-s-g.fly-out-alternative button {
    display: block;
    position: relative;
}

.radio-btn,
.check-btn {
    background-color: var(--bcc-bianco);
    border: 0.063rem solid var(--bcc-rovere-digital);
    border-radius: 100%;
    display: table-cell;
    height: 1.625rem;
    left: 0;
    position: absolute;
    transition: background-color 0.3s;
    width: 1.625rem;
    z-index: 0;
}

.radio-btn~.form-label,
.check-btn~.form-label {
    display: table;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0.1875rem 0 0 0.75rem;
    vertical-align: middle;
    word-break: break-word;
}

.check-btn {
    border-radius: 0.125rem;
}

.gruppo-mixed-state-seleziona-tutto[aria-checked=true]:focus::before,
.gruppo-mixed-state-seleziona-tutto[aria-checked=true]:hover::before,
.gruppo-mixed-state-seleziona-tutto[aria-checked=mixed]:focus::before,
.gruppo-mixed-state-seleziona-tutto[aria-checked=mixed]:hover::before {
    background-color: var(--bcc-verde-scuro);
    border: 0.063rem solid var(--bcc-verde-scuro);
}

.gruppo-mixed-state-seleziona-tutto[aria-checked=true]::before,
.gruppo-mixed-state-seleziona-tutto[aria-checked=mixed]::before {
    background-color: var(--bcc-verde-medio);
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178798.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    border: 0.063rem solid var(--bcc-verde-medio);
}

.gruppo-mixed-state-seleziona-tutto[aria-checked=mixed]::before {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178800.svg);
}

.gruppo-mixed-state-seleziona-tutto.disabled [aria-checked]::before {
    background-color: var(--bcc-grigio);
    border: 0.063rem solid var(--bcc-grigio);
}

.mixed-state-checkboxes {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 1.25rem;
    padding-left: 0.75rem;
}

.switch-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0.75rem 0 0;
}

.switch-label:not(.disabled):hover {
    cursor: pointer;
}

.switch-label~.form-cont-elm-interno {
    display: inline-block;
    width: auto;
}

.switch-label.no-fieldset {
    font-weight: 600;
}

.switch-btn {
    background-color: var(--bcc-argento-digital);
    border: 0.063rem solid var(--bcc-rovere-digital);
    border-radius: 0.75rem;
    display: inline-block;
    height: 1.5rem;
    left: 0;
    position: relative;
    transition: background-color 0.3s;
    width: 3.125rem;
    z-index: -1;
}

.switch-btn::before {
    background-color: var(--bcc-rovere-digital);
    border-radius: 0.75rem;
    content: "";
    display: inline-block;
    height: 1rem;
    left: 0.185rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
}

input[type=file]:focus {
    outline: 0;
}

.mixed-s-g.fly-out-alternative.conErrore legend {
    margin-bottom: 0;
}

.mixed-s-g.isOpen .gruppo-mixed-state-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

.mixed-s-g.isOpen .cta-secondaria .select:after {
    transform: translateY(-50%) rotate(270deg);
}

.mixed-s-g.isOpen .cta-secondaria .select:focus-visible:after {
    transform: translateY(-50%) rotate(270deg);
}



.landing-green-container {
    background-color: rgba(245, 249, 239, 1);
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 12px;
}

.landing-green-container a {
    padding: 8px 0;
    width: 100%;
    text-align: center;
}

.landing-green-box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.landing-green-box-container .landing-green-box {
    display: flex;
    flex: 0 0 48%;
    align-items: center;
    background-color: white;
    padding: 8px 0;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
}

.landing-green-box-container .landing-green-box:hover,
.landing-green-box-container .landing-green-box:focus-visible,
.landing-green-box-container .landing-green-box.item-selected {
    background-color: #eef4ea;
}

.landing-green-box-container .landing-green-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #006f34;
    transition: height ease .3s;
}

.landing-green-box-container .landing-green-box:hover:after {
    background-color: #00491f;
}

.landing-green-box-container .landing-green-box:hover:after,
.landing-green-box-container .landing-green-box:focus-visible:after,
.landing-green-box-container .landing-green-box.item-selected:after {
    height: 6px;
    background-color: #00491f;
    bottom: 0;
}

.landing-green-box-container .landing-green-box img {
    width: 40px;
    margin-right: 5px;
}

.landing-green-box-container .landing-green-box .text {
    font-size: 14px;
    font-weight: 600;
}

.landing-green-container .title {
    font-size: 18px;
    font-weight: 600;
}

.faq-box {
    flex-direction: column;
}

.credito-trasparente-bg {
    background-color: rgb(240, 240, 240);
}

#s4-bodyContainer {
    padding-bottom: 0 !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--bcc-grigio-perla-digital);
    display: block;
    margin: 0;
}

.breadcrumb ol {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb ol li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb ol li a {
    align-items: center;
    color: var(--bcc-grafite-digital);
    display: flex;
    font-size: 0.75rem;
    min-height: 2.5rem;
    outline: 0;
    padding: 0;
    text-decoration: none;
}

.breadcrumb ol li a:focus-visible {
    border-radius: 6px;
    box-shadow: 0 0 0 3px var(--bcc-verde-scuro), 0 0 0 5px var(--bcc-bianco);
}

.breadcrumb ol li:not(:last-child)::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178797.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0.625rem;
    margin: 0 0.5rem;
    width: 0.625rem;
}

.breadcrumb ol li:not(:last-child) a:hover,
.breadcrumb ol li:not(:last-child) a:focus-visible {
    color: var(--bcc-verde-medio);
    text-decoration: underline;
}

.breadcrumb ol li:last-child a {
    font-weight: 600;
}

/* Media breakpoint up xl */
@media (min-width: 1200px) {
    .breadcrumb {
        display: block;
    }
    #introProgetti .custom-container {
		margin: 0 auto;
	}
}

/* Fine breadcrumb */

.car-background {
    _background-image: url(/Style%20Library/Images/All_Layouts_Images/car_bg.jpg);
    background-size: cover;
    background-position: center 30%;
    min-height: 300px;
}

.car-background .imagMobileBanner {
    position: absolute;
    left: -99999px;
}

.couple-bg {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/couple.jpg);
    background-size: cover;
    background-position: center;
    width: 624px;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.no-bottom {
    bottom: auto;
}

hr {
    margin-top: 40px;
    margin-bottom: 32px;
}

hr.hrNoBarra {
    border: none;
}

.BoxVantaggi {
    margin-bottom: 2px;
}

.BoxVantaggi.RigaAdd {
    margin-top: 24px;
}

.BoxCmain_1.box-blue,
.BoxAmain_1.box-blue,
.BoxVantaggi .box-blue {
    background-color: rgb(239, 248, 253);
}

.BoxCmain_2.box-green,
.BoxAmain_2.box-green,
.BoxVantaggi .box-green {
    background-color: rgb(241, 245, 236);
}

.BoxVantaggi .box {
    flex: 1;
    /* si espandono in modo uguale */
    min-width: 0;
    /* evita overflow */
}


.BoxVantaggi .box-grey {
    background-color: rgba(0, 0, 0, 0.1);
}

.BoxCmain_3.box-orange,
.BoxAmain_3.box-orange,
.BoxVantaggi .box-orange {
    background-color: rgb(249, 241, 238);
}

.documenti-necessari-bg {
    background-color: rgb(248, 249, 250);
    display: flex;
    padding: 24;
    gap: 24;
    width: 28%;
}

.background-white {
    background-color: white;
}

.icona-documenti {
    width: 40px;
    height: 40px;
    color: black;
}


.custom-layout-row-1 {
    display: grid;
    grid-template-columns: 0.3fr 0.7fr;
    gap: 23px;
}

/* RIGA 2 — 50% + 50% */
.custom-layout-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 23px;
}

ul.last3-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.opzioni_prestito_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 36px 0px 0px;
}

.height-200 {
    height: 200px;
}



.online-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/Style%20Library/Images/All_Layouts_Images/online_banner.jpg);
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.flex-width-25 {
    flex: 0 0 calc(25% - 18px);
}

.flex-1-1-0 {
    flex: 1 1 0px;
}

.come-funziona-bg {
    background-image: url('/Style%20Library/Images/4.4_images/PP_ONLINE_PAGINA_INTERNA/COME FUNZIONA/1920x520_ComeFunziona_PPOnline.jpg');
    background-color: rgba(0, 73, 31, 0.6);
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
}

.box-img-half {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/sofa.jpg);
    background-size: cover;
    background-position: center;
}

.flex-half-box {
    flex: 1;
}

.delete-filters-button {
    font-weight: 700;
    font-size: 16;
    color: #B6B9BB;
}

.green-bg {
    background-color: rgb(243, 249, 246);
}

.email-address {
    text-decoration: underline;
    color: rgb(0, 111, 52);
    cursor: pointer;
}

.download-btn {
    cursor: pointer;
}

.text-align-center {
    text-align: center;
}

.box-half-flex {
    flex: 0 0 calc(50% - 12px);
}

.icon-width {
	width: 42px;
	height: auto;
}

.icon-width-large {
    width: 80px;
}

.cta-testuale.icona-sx.modifica::before {
    background: url(/Style%20Library/Images/All_Layouts_Images/Ico_Download.svg) center center no-repeat !important;
}



ul.quadrati li {
    margin: 12px 0;
}

ul.quadrati li::marker {
    content: "■ ";
    color: var(--bcc-blu);
}

.accordion-layout-b {
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0.125rem;
    --bs-accordion-inner-border-radius: 0.125rem;
}

.accordion-layout-b .accordion-header {
    margin: 0;
}

.accordion-layout-b .accordion-item {
    margin: 2rem 0;
}

.accordion-layout-b .accordion-button {
    background-color: var(--bcc-bianco);
    border: 0;
    border-bottom: 0.125rem solid var(--bcc-verde-scuro);
    border-radius: 0.125rem;
    box-shadow: 0 0.188rem 0.625rem rgba(0, 0, 0, 0.1);
    color: var(--bcc-nero-digital);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    outline: 0;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    position: relative;
    text-align: left;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.accordion-layout-b .accordion-button::after {
    background-color: var(--bcc-verde-medio);
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/176461.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.625rem;
    border: 0;
    border-radius: 100%;
    content: "";
    display: block;
    height: 1.5rem;
    position: absolute;
    right: 1.0625rem;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.3s, border 0.3s;
    width: 1.5rem;
}

.accordion-layout-b .accordion-button.collapsed {
    border-color: transparent;
}

.accordion-layout-b .accordion-button.collapsed::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/176451.svg);
}

.accordion-layout-b .accordion-button:not(.collapsed) {
    background-color: var(--bcc-bianco);
    border-color: var(--bcc-verde-scuro);
    color: var(--bcc-verde-scuro);
}

.accordion-layout-b .accordion-button:not(.collapsed)::after {
    background-color: var(--bcc-verde-scuro);
}

.accordion-layout-b .accordion-button:focus,
.accordion-layout-b .accordion-button:hover,
.accordion-layout-b .accordion-button:focus-visible {
    background-color: var(--bcc-grigio-perla-digital);
    border-color: var(--bcc-verde-scuro);
    color: var(--bcc-verde-scuro);
}

.accordion-layout-b .accordion-button:focus::after,
.accordion-layout-b .accordion-button:hover::after,
.accordion-layout-b .accordion-button:focus-visible::after {
    background-color: var(--bcc-argento-digital);
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/178803.svg);
    border: 0.1rem solid var(--bcc-verde-scuro);
}

.accordion-layout-b .accordion-button:focus:not(.collapsed)::after,
.accordion-layout-b .accordion-button:hover:not(.collapsed)::after,
.accordion-layout-b .accordion-button:focus-visible:not(.collapsed)::after {
    background-image: url(https://static.publisher.iccrea.bcc.it/archivio/648/179197.svg);
}

.accordion-layout-b .accordion-body {
    background-color: var(--bcc-grigio-perla-digital);
    padding: 2rem 1rem;
}

.accordion-layout-b .accordion-body>*:first-child {
    margin-top: 0;
}

.accordion-layout-b .accordion-body>*:last-child {
    margin-bottom: 0;
}

.table {
    --bs-table-bg: transparent;
}

.table tr:nth-of-type(odd) {
    background: var(--bcc-grigio-perla-digital);
}

.table td,
.table th {
    font-size: 1rem;
    line-height: 1.5;
    min-width: 9.375rem;
    padding: 1.25rem 0.75rem;
    text-align: left;
    vertical-align: middle;
}

.table th {
    background: var(--bcc-bianco);
    border-bottom: 2px solid var(--bcc-celeste-scuro);
    color: var(--bcc-nero-digital);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}

.table.compatta th {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.625rem 0.75rem;
}

.table.compatta td {
    padding: 0 12px;
}

.table.compatta .cta-testuale {
    margin-bottom: 0;
    margin-top: 0;
}

.opzioni-img {
    display: flex;
    justify-content: center;
}

.d-column-m-row {
    flex-direction: row;
}

.d-row-m-column {
    flex-direction: column;
}

.link-cookie-policy {
    border-bottom: none;
    outline: revert;
}

p.cookie-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #202020;
    margin: -16px 0 38px 0;
    line-height: 1.3;
}

p.custom-subtitle.cookie-subtitle {
    margin-top: -46px !important;
}


.cta-tag.grande .cookie-tag:hover,
.cookieTableWrapper .cta-tag.grande:hover #cta-tag-cookie:hover,
#cta-tag-cookie.cta-tag:hover span,
#cta-tag-cookie.cta-tag:focus span {
    background-color: var(--bcc-verde-pastello) !important;
    color: var(--bcc-nero-digital) !important;
}

.c-cookie-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-cookie-title h3 {
    margin-top: 0;
}

.c-cookie-title.switch-container p {
    width: 80%;
}

#buttons-cookie-policy {
    text-align: right;
}

.link-cookie-policy {
    display: none;
}

.banner-popup-hidden {
    display: none;
}


#link-cookie-policy {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    bottom: 90px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    padding: 10px 16px 10px 10px;
    position: fixed;
    z-index: 9876;
}

#link-cookie-policy:before {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


.o-btn-accordion {
    text-transform: none;
    color: #006B89;
    font-size: 20px;
}

.col-md-2 {
    /*  width: 20%;*/
    float: left;
}

.col-md-10 {
    width: 80%;
    float: left;
}

#custom_page-body #custom_page-content .FullWidth {
    width: 100%;
}

/*input.o-cta-reject:hover, .c-cta-header-choice, .c-cta-footer-choice{
	    background-color: #006f34;
	    color: #fff;
	}*/

.container .article-content H4 {
    font-size: 20px;
}

.o-btn-accordion:hover,
.o-btn-accordion:hover:after {
    color: #006B89;
}

.o-btn-accordion.is-open:after {
    content: '';
    color: #222222 !important;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

button {
    background-color: #999;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    padding: 5px;
}

/*Content page con Accordion*/
.l-accordion-content {
    display: none;
}

.l-accordion-content {
    padding-right: 60px;
}

.o-btn-accordion {
    margin: 15px auto;
}

.o-btn-accordion:after {
    content: '';
    float: right;
    border-top: 10px dashed;
    border-top: 10px solid \9;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    color: #777;
    float: right;
    margin-top: 5px;
    -moz-transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    cursor: pointer;
}

.o-btn-accordion.is-open:after {
    /* content: ''; */
    /* color: #222222 !important; */
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
    /* transform: rotate(180deg); */
}


#pulsanteX {
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
    border: 7px solid #006B89;
    border-radius: 100%;
    background-color: #ffffff;
}

#pulsanteX:hover {
    background-color: #006B89;
}

/* #pulsanteX:after{
		content: "\2716";
		position: absolute;
		font-size: 16pt;
		color:#777;
		top: 7px;
	    left: 9px;
	} */

#pulsanteX:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    top: 17px;
    left: 17px;
    background-color: #777;
    border: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

#pulsanteX:after {
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    top: 17px;
    left: 17px;
    background-color: #006B89;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

#pulsanteX:hover:before,
#pulsanteX:hover:after {
    background-color: #ffffff;
}

#pulsanteX input {
    margin: 0px;
    border-radius: 100%;
    border: none;
    width: 35px;
    height: 35px;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 0;
}

#bannercookieoverlay {
    z-index: 9998;
    background-color: #0007;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.c-cookie-button {
    position: fixed;
    background-color: #777;
    bottom: 0;
    left: 20px;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    z-index: 400;
    cursor: pointer;
    font-size: 24px;
    transition: all .3s;
}

.c-cookie-button:hover {
    bottom: 15px;
}

.c-cookie-button:after {
    content: '';
    position: absolute;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 8px solid #777;
    left: 50%;
    top: 100%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0%);
    z-index: 10;
}

#bannercookie {
    z-index: 999;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: auto;
    right: 0;
    left: 0;
    background-color: #fff;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: clip;
    bottom: 0;
}

#bannercookie br {
    line-height: 0px;
}

#bannercookie .c-cookie-title {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    background-color: #006B89;
    color: #ffffff;
    padding: 10px 0;
}

.c-cookie-title h4 {
    display: inline-block;
    margin-top: 0px;
}

#bannercookie .c-cookie-title:after {
    content: '';
    position: absolute;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 16px solid #006B89;
    left: 50%;
    top: 43px;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 10;
}

#bannercookie .c-cookie-text {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    text-align: justify;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 1em;
    padding: 0 20px;
    color: #222;
}

#ctacookie {
    margin: 2em 0;
    text-align: center;
}

/*
	.o-cta-accept, .o-cta-reject, .o-cta-save, #ctacookie input[type=button] {
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0px;
		color: #777; 
		text-transform: uppercase;
		text-align: center;
		width: 200px;
		height: 50px;
		border-radius: 0;
		cursor: pointer;
	}
	*/

.c-informativa-cookie {
    background-color: #ffffff;
    border: 2px solid #777;
    color: #777;
}

#ctacookie .c-informativa-cookie:hover {
    background-color: #006B89;
    color: #ffffff;
}

.o-cta-accept.alta,
input[type=button].o-cta-save.alta {
    padding: 12px 50px;
}

.o-cta-accept {
    background-color: #006f34;
    background-image: linear-gradient(270deg, #008766 0%, #006f34 100%);
    border: 0;
    border-radius: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    color: #fff !important;
    display: inline-block;
    font-size: 1rem !important;
    font-weight: 700;
    padding: 0.5rem 1rem !important;
    position: relative;
    text-decoration: none;
    z-index: 0;
}


input[type=button].o-cta-save {
    background-color: #fff;
    border: 3px solid #006f34;
    border-radius: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    color: #006f34;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: background-color .3s, border .3s, color .3s;
}

input[type=button].o-cta-accept.alta:hover,
input[type=button].o-cta-accept.alta:focus {
    color: #fff;
    outline: 0;
    text-decoration: none;
    background-color: #00491f;
    background-image: linear-gradient(90deg, #00491f, #006d52);
}

input[type=button].o-cta-save.alta:hover,
input[type=button].o-cta-save.alta:focus {
    background-color: #e9eaeb;
    border: 3px solid #00491f;
    color: #00491f;
    outline: 0;
    text-decoration: none;
}

/*.c-cta-footer-choice .o-cta-reject:hover {
		background-color: #006B89;
		color: #ffffff;
	}*/



/*CLASSE Per identitario 2019-2021*/

.c-button-cookie {
    background-color: #006B89;
    border: 2px solid #006B89;
}

/*fine Per identitario 2019-2021*/

.l-cta-cookie {
    display: inline-block;
}

input[type=button].c-button-cookie {
    background-color: #006B89;
    border: 2px solid #006B89;
    color: #ffffff;
}

input[type=button].c-button-cookie:hover {
    background-color: #ffffff;
    border: 2px solid #006B89;
    color: #006B89;
}

#btnAcceptTechincal {
    margin: 0 3em;
}

/*PAGINA COOKIE.ASP*/

input[type=button][disabled].o-cta-save.alta {
    background-color: #fff;
    border: 3px solid #E9EAEB;
    box-shadow: none;
    color: #B6B9BB;
    cursor: default;
}

.c-cookie-title>span {
    font-size: 20pt;
    color: #777;
}

.c-cookie-title>.o-cookie-status.tecnici {
    background-color: #006B89;
    color: white;
    font-size: 12pt;
    font-weight: 300;
    padding: 0 10px;
    border-radius: 20px;
    float: right;
    text-transform: uppercase;
    margin-top: 24px;
}

/*CONSENSO PROFILAZIONE GENERALI*/
.c-cookie-title h4#lblCookieProfilazione {
    margin-top: 8px;
}

.c-cookie-title>.o-cookie-status.profilazione {
    position: relative;
    color: #aaa;
    font-size: 12pt;
    font-weight: 400;
    line-height: 14pt;
    padding: 0px;
    float: right;
    display: inline-block;
    width: 35px;
    height: 22px;
    cursor: pointer;
    background-image: url('/Style%20Library/Images/All_Layouts_Images/toggle.svg');
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /* margin-top: 35px; */
}

.c-cookie-title>.o-cookie-status.profilazione input {
    visibility: hidden;
}

/*NO CONSENSO PROFILAZIONE*/

.c-cookie-title>.o-cookie-status.profilazione:before {
    content: "Disattivi";
    margin-left: -5em;
    vertical-align: middle;
}

/*SI CONSENSO PROFILAZIONE*/

.c-cookie-title>.o-cookie-status.profilazione.checked {
    background-position: 0 97%;
    filter: hue-rotate(319deg);
    -webkit-filter: hue-rotate(319deg)
}

.c-cookie-title>.o-cookie-status.profilazione.checked:before {
    content: "Attivi";
    margin-left: -3.5em;
    color: #006B89;
}

/*TABELLE COOKIE
	
	#o-cookie-date-agreement {
		font-style: italic;
		margin-bottom: 1em;
	}
	
	#o-cookie-date-agreement b {
		font-weight: 500;
	}
	
	.c-cookie-table {
		width: 100%;
		font-size: 12pt;
		border-collapse: collapse;
		margin-top: 1em;
	}
	
	.c-cookie-table td {
		border-top: 1px solid #006B89;
		border-bottom: 1px solid #006B89;
		vertical-align: top;
		padding: .25em;
	}
	
	.c-cookie-table th {
		text-transform: UPPERCASE;
		color: #777;
		font-size: 11pt;
	}
	
	.c-cookie-table th, .c-cookie-table td {
		padding: 15px;
	}
	.c-cookie-table tr th:nth-child(1), .c-cookie-table tr th:nth-child(3) {
	    min-width: 150px;
	}
	.c-cookie-table tr th:nth-child(2) {
		min-width: 300px;
	}
	.c-cookie-table tr th:last-child {
		min-width: 120px;
	}*/



/* COOKIE CTA */

.c-cta-header-choice {
    float: right;
}

.c-cta-header-choice input {
    margin-left: 2em;
}

/*.c-last-update {
    height: 60px;
}*/

.c-cta-footer {
    text-align: center;
    margin-top: 3em;
}

.c-cta-footer-choice {
    margin-top: 1em;
}

.c-cta-footer-choice input {
    margin: 0 3em;
}

/* AGGIUSTAMENTI ACCORDION*/

.container .c-main-content h3 {
    font-size: 24px;
    text-transform: none;
}

.o-btn-accordion {
    border-bottom: 2px solid #006B89;
    padding: .5em;
}

.o-btn-accordion.is-open {
    border-bottom-color: #006B89;
    color: #006B89;
}

.l-accordion-content {
    margin: 1em;
    text-align: justify;
}

.l-accordion-content ol li:before {
    display: none;
}

.l-accordion-content ol li {
    list-style: number;
}


.o-cookie-link {
    text-align: center
}

.o-cookie-link>a>img {
    width: 26px;
}

a#hInfoPrivacy {
    color: #32638B;
    _border-bottom: 1px solid #32638B;
}

.c-cookie-title h3 {
    color: #003594;
    font-weight: 500;
}

a#hInfoPrivacy:hover {
    color: #006B89;
    border-color: #006B89;
}

.dati-societari-bg {
    background-image: url(/Style%20Library/Images/All_Layouts_Images/dati_societari.png);
    height: 300px;
    background-size: cover;
    background-position: center;
}

.dati-societari-item>div:first-child {
    font-size: 16px;
    font-weight: 700;
}

.dati-societari-item>div:not(:first-child) {
    font-size: 16px;
    font-weight: 400;
}

.hr-dati-societari {
    margin: 0;
}

.icon-box-doc-assicurativa {
    width: 112px;
}

.display-block {
    display: block;
}

.flex-calc {
    flex: 1 1 calc(50% - 24px);
}

.direction {
    flex-direction: row;
}
#TabOpzioni #tab-sinistro .margin-top-45 {
	/* margin-top: 0; */
}
/*Inizio media*/
@media (max-width: 1199px) {
	.SecPromH2 {margin-left:0px;}

#secStriscia {
	margin-bottom:24px;
	margin-top:24px
}


	#SezC {
    margin-top: 24px;
}
#BoxVantaggi0 {
    padding-top: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 0px;
}	
    .contMobile{padding-left: 0px !important;padding-right: 0px !important;}
    
    li.MailCapo a {
        display: block;
    }

    .credito-trasparente-bg {
        padding: 0 15px;
    }

    #CorpoComm .online-banner-box.padding-40 {padding-bottom: 0px;}
    .online-banner-box.padding-40 {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 0;
        padding-top: 16px;
        margin-bottom: 32px;
        padding-bottom: 18px;
        position: relative;
    }

    .online-banner::before {
        content: "";
        position: relative;
        inset: 0;
        background-image: url(/Style%20Library/Images/All_Layouts_Images/online_banner.jpg);
        background-size: cover;
        background-position: center;
        z-index: 1;
        height: 232px;
        width: 100%;
        display: block;
    }
}

@media (max-width: 1190px) {
	.NextProgetto button {border-radius: 0px;}
	#sectionFAQ .padding-top-48 {
	    padding-top: 24px;
	}
    #TabUlstart .nav-item .nav-link {border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;}
    
    .online-banner {
        height: auto;
        overflow: inherit;
        margin-bottom: 0;
    }

    .padding-tb-48 {
        padding-top: 0px !important;
        padding-bottom: 12px !important;
    }

    .textAssicurazione.margin-bottom-24 {
        margin-top: -40px;
    }

    .box-modulo {
        margin-bottom: -28px !important;
    }

    #TabOpzioni .container {
        padding-top: 0;
    }

    #TabOpzioni .nav-tabs-contenitore.margin-bottom-48 {
        position: relative;
        margin-bottom: 0;
    }

    #TabOpzioni .margin-bottom-24 {
        margin-bottom: 0;
        margin-top: 30px;
    }

    #TabOpzioni .nav-tabs {
        margin: 15px 0;
    }

    #TabOpzioni .margin-top-45 {
        margin-top: 0;
    }

    #TabOpzioni .gap16 {
        display: flex;
        gap: 16px;
    }

    #TabOpzioni .tab-pane .flex-wrap .flex.gap24 {
        flex-direction: column;
        gap: 8px;
    }
    
    #TabOpzioni .icon-width {
        width: 30px;
        height: auto;
        margin-bottom: 16px;
    }

    #TabOpzioni .alignRight {
        text-align: right;
        margin-top: -40px;
    }

    #TabOpzioni .greyBox {
        _margin-bottom: 24px;
    }

    #TabOpzioni .padding-tb-48 {
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    #TabOpzioni .TestoRecesso {
        margin-left: 0;
       	padding-top: 30px;
    }

    #TabOpzioni .TestoRecesso>div {
        font-size: 18px;
        line-height: 26px;
    }

    .Documentazione .container {
        padding-left: 0px;
        padding-right: 0;
    }

    #SezioneC {
        margin-top: 0;
    }

    #SezioneE .container {
        padding-bottom: 30px;
    }

    .bSection.padding-top-56 {
        padding-top: 0px;
    }

    .Atitolo .padding-top-56 {
        padding-top: 38px;
    }

    .pOnlineVantaggi .BoxVantaggi {
        margin-left: 12px;
        margin-right: 12px
    }

    .pOnlineVantaggi,
    .pOnlineVantaggi .padding-top-64 {
        padding-top: 22px;
    }

    .SecOpzioni.padding-top-56 {
        padding-top: 0px;
    }

    .pOnlineVantaggi .textSize16-400 {
        margin-bottom: 0px;
    }

    .DatiSoc hr {
        display: inline;
    }

    hr {
        display: none;
    }

    .custom-container {
        /*width: 92%;*/
        margin: 0 auto;
    }

    .form-cont-elm .geolocation-input {
        width: 100%;
    }

    #SectionPartner {
        margin-top: 48px;
    }

    #SectionPartner .row-custom {
        flex-direction: column;
        gap: 0;
    }

    #SectionPartner .backgroundBox {
        width: 100%;
        min-height: 200px;
        order: -1;
        margin-bottom: 16px;
    }

    #SectionPartner .textBox {
        width: 100%;
    }

    .opzioni_prestito_img {
        padding: 0px 36px 0 0;
        /* margin-left: 15px; */
        min-width: 140px;
        padding-right: 0px !important;
    }

    .textSize24-500 {
        margin-bottom: 4px;
    }

    .opzioni_prestito_img img {
        width: 70%;
        height: auto;
    }
}

/* Media breakpoint up lg */
@media (min-width: 992px) {
    .tab-layout-a .nav-tabs .nav-item {
        margin: 0 3rem;
    }
}

@media (max-width: 823px) {
    .PromboxAdd .grid-3 {
        grid-auto-flow: row;
    }

    /* .c-cookie-table tr th:first-child, .c-cookie-table tr th:nth-child(3) {
			width: 100%;
		} */
    .c-cookie-table-wrapper {
        overflow-x: scroll;
        width: 100%;
    }

    .c-cta-header-choice {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    .c-cookie-title h4 {
        display: inline-block;
    }

    .c-cta-header-choice input {
        margin-left: 0;
        margin-bottom: 1em;
    }

    .c-cookie-title>.o-cookie-status.tecnici {
        margin-top: 15px;
    }

    .c-cta-footer-choice input {
        margin-bottom: 1em;
    }

    #bannercookie {
        bottom: 20%;
    }

    #bannercookie .c-cookie-text {
        padding: 0 20px;
        max-height: 40vh;
        overflow-y: auto;
        position: relative;
        margin-top: 20px;
        padding-bottom: 50px;
    }

    #ctacookie input[type='button'] {
        margin-bottom: 20px;
    }
}

/* MD */
@media (min-width: 768px) and (max-width: 991px) {
    .custom-container-banner {
        width: 744px;
    }

    .custom-container {
        /*max-width: 744px;*/
        margin: 0 auto;
    }
}

@media (min-width: 768px) {

    .table td,
    .table th {
        max-width: 12.5rem;
    }

    .table th {
        font-size: 1.25rem;
    }

    .table td {
        font-size: 1rem;
        line-height: 1.5;
    }

    .opzioni-img {
        display: block;
    }

    .d-column-m-row {
        flex-direction: column;
    }

    .d-row-m-column {
        flex-direction: row;
    }

    .online-banner {
        height: 950px;
    }

    .online-banner::before {
        background-position: 70% center;
    }

    .online-banner-box {
        width: 600px;
        left: 180px;
        top: 50%;
        transform: translateY(-50%);
    }

    .gap99 {
        gap: 99px;
        justify-content: left;
    }

    .gap99 .background-white {
        width: 50%;
    }

    .margin-top-80 {
        margin-top: 80px;
    }

    .padding-tb-container-56-56 {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .container-condividi-circolare .bSection {
        margin-bottom: 0px;
    }

    .TestoRecesso {
        margin-top: 24px;
    }

    .tab-pane .gap24 {
        /* display: contents; */
    }

    .tab-pane .documenti-necessari-bg.gap24 {
        display: flex;
    }

    .tab-layout-b .nav-tabs .nav-item .nav-link.active,
    .tab-layout-b .nav-tabs .nav-item .nav-link:focus-visible,
    .tab-layout-b .nav-tabs .nav-item .nav-link:hover {
        border-radius: 1rem;
    }

    .documenti-necessari-bg .gap8.padding-16.column-custom.background-white {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        /* <-- icona in alto */
        gap: 16px;
        padding-right: 24px;
    }

    .documenti-necessari-bg .icona-documenti {
        width: 40px;
        height: auto;
        flex-shrink: 0;
        margin-top: -9px;
        /* leggero aggiustamento visivo */
    }

    .documenti-necessari-bg .wrapper-testi {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px;
        width: 100%;
    }

    .documenti-necessari-bg .wrapper-testi .textSize16-700,
    .documenti-necessari-bg .wrapper-testi .textSize13-400 {
        text-align: left;
    }

    .documenti-necessari-bg .BoxDoc .textSize16-700 {
        margin-bottom: 6px;
    }

    .geolocation-input {
        background-size: 1.25rem 1.25rem;
        border-radius: 0.125rem 0 0 0.125rem;
        margin-right: 8.5rem;
        width: 28rem;
    }

    .geolocation-input:focus+.geolocation-btn,
    .geolocation-input:hover+.geolocation-btn {
        width: 8.5rem;
    }

    .geolocation-input:focus+.geolocation-btn:focus,
    .geolocation-input:focus+.geolocation-btn:hover,
    .geolocation-input:hover+.geolocation-btn:focus,
    .geolocation-input:hover+.geolocation-btn:hover {
        background-position: left 0.438rem center;
        width: 8.5rem;
    }

    .geolocation-btn {
        background-position: left 0.563rem center;
        font-size: 0.875rem;
        padding-left: 2.5rem;
        text-align: left;
        width: 8.5rem;
    }

    .geolocation-btn span {
        display: inline-block;
        position: relative;
    }

    .geolocation-btn span::after {
        background-color: var(--bcc-verde-medio);
        content: "";
        display: block;
        height: 0.063rem;
        position: absolute;
        /* width: 100%; */
    }

    .geolocation-btn:focus,
    .geolocation-btn:hover {
        background-position: left 0.438rem center;
        padding-left: 2.375rem;
    }

    .geolocation-btn:focus span::after,
    .geolocation-btn:hover span::after {
        background-color: var(--bcc-verde-scuro);
        height: 0.188rem;
    }

    .radio-input-cont-esterno .input-inline .form-cont-elm,
    .checkbox-cont-esterno .input-inline .form-cont-elm {
        display: inline-block;
    }

    .form-cont-elm-interno.intervallo-data-input span:nth-of-type(1) {
        margin-right: 0.75rem;
    }

    .form-cont-elm-interno.intervallo-data-input span:nth-of-type(2) {
        margin: 0 0.75rem 0 1.5rem;
    }

    .form-cont-elm-interno.intervallo-data-input input[type=date] {
        display: inline-block;
    }

    .greyBox .faq-box {
        flex-direction: row;
    }

    .landing-green-box-container .landing-green-box {
        display: flex;
        flex: 0 0 23%;
    }

    .landing-green-container {
        padding: 32px;
        gap: 24px;
    }

    .landing-green-container .title {
        font-size: 22px;
        font-weight: 600;
    }

    .landing-green-box-container .landing-green-box img {
        width: 64px;
        margin-right: 10px;
    }

    .landing-green-box-container .landing-green-box .text {
        font-size: 16px;
        font-weight: 500;
    }

    .landing-green-container a {
        padding: 8px 16px;
        align-self: flex-end;
        width: auto;
    }
}

@media (max-width: 768px) {
    .BoxVerdi .box.flex-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        /* oppure center */
        gap: 16px;
    }

    .BoxVerdi {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .flex-width-25 {
        flex: 1 1 25%;
        min-width: 250px;
    }

    .BoxVerdi .text-wrapper {
        display: flex;
        flex-direction: column;
    }

    .online-banner-box {
        left: 50%;
        top: 32px;
        transform: translateX(-50%);
    }

    .Documentazione .box .docImg {
        flex-direction: row;
        display: flex;
    }

    .Documentazione .box {
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
    }

    .Documentazione .box a {
        display: flex;
        align-items: center;
        vertical-align: middle;
    }
	.is-trasparenza.Documentazione .box a {
    	display: initial;
	}
    .Documentazione .box img {
        max-width: 24px;
    }

    .Documentazione .gap10 {
        width: 100%;
    }

    .Documentazione .align-items-center {
        align-items: normal;
    }

    .Documentazione .row-custom {
        flex-direction: row;
    }

    .NextProgetto .row-custom {
        flex-direction: column;
    }

    .row-custom {
        flex-direction: row;
    }

    .flex-half-box {
        width: 100%;
    }

    .box-img-half {
        min-height: 200px;
    }

    .BoxVantaggi p {
        margin-bottom: 0px
    }

    .BoxVantaggi,
    #BoxOpzioni_9 {
        flex-direction: column;
        gap: 16px;
        /* opzionale */
    }

    .BoxVantaggi.BoxVantaggiTab {
        margin-bottom: 24px;
    }

    .BoxVantaggi>* {
        width: 100% !important;
    }

}

/* XS */
@media (max-width: 767px) {
	.boxCommContent {
		margin-top: -80px;
	}
    #sectionFAQ .flex {
        flex-direction: column;
        align-items: flex-start;
        /* gap: 0; rimosso per faw commergiale che usa gap standard come altre faq. qui per chi serviva?*/
    }
    #SectionPromozioni h2 {
        margin-bottom: 0 !important;
    }
    #SectionPromozioni .back-to-dream-crediper-carousel .container {
		padding: 0;
	}
    .PromozioniTab .box-testo .text-blu {
		margin-top: 16px;
	}
	.PromozioniTab .box-testo h3 {
		margin-top: 16px;	
	}
    .online-banner::before {
        height: 180px;
    }
    .online-banner-box .BoxTestoHP .textSize20-500 {
        font-size: 18px;
        line-height: 22px;
        line-height: 26px;
    }
    .online-banner-box .BoxTestoHP .textSize32-700 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
    }
    .custom-container-banner {
        width: 336px;
    }

    .flex-calc {
        flex: 1 1 calc(100%);
    }

    .custom-container {
        width: 100%;
        margin: 0 0;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    .pOnlineVantaggi .textSize28-600 {
        margin-left: 12px;
    }

    .textSize28-600 {
        font-size: 24px;
        /* margin-left: 12px; */
    }

    .TestoPerche.margin-bottom-20 {
        margin-bottom: -47px;
    }
	#divCrTrasp .credito-trasparente-bg .container {
		padding-left: 0;
		padding-right: 0;
		gap: 0;
	}
    .offIdentinet {
        margin-bottom: -10px !important;
    }

    .width-50-percent {
        width: 100%;
    }

    .direction {
        flex-direction: column;
    }

    .margin-bottom-80 {
        margin-bottom: 24px;
    }

    .dati-societari-bg {
        background-position: 25% center;
    }

    .padding-tb-container-48-80 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .title22 {
        font-size: 18px;
    }

    .credito-trasparente-bg .gap16 {
        padding: 0;
        padding-top: 26px;
    }

    .textSize15-500 {
        font-size: 15px;
        line-height: 20px;
    }

	.affinity .simula-il-prestito .cta-primaria {width: 115%;}
    .cta-primaria {
        padding: 11px 16px;
    }

    .iccreatable td,
    .iccreatable th {
        min-width: 250px;
    }

    .c-cookie-title.switch-container p {
        width: 60%;
    }

    .biggerSubTitle {
        font-size: 20px;
        line-height: 26px
    }

    .textSize24-500.textSize20-500 {
        font-size: 20px;
        line-height: 26px;
    }

    .textSize24-600.textSize22-600 {
        font-size: 20px;
        line-height: 26px;
    }

    .landing-green-box-container .landing-green-box {
        margin-bottom: 12px;
    }

    #SezioneC .box {
        padding-bottom: 15px;
    }

    .Documentazione .greyBox {
        padding: 12px;
    }

    .Documentazione .display-block {
        display: block;
        padding: 12px;
    }

    .Documentazione .cta-testuale.icona-dx.avanti {
        margin-right: 0;
    }

    .box-half-flex {
        flex: 0 0 100%;
    }

    .car-background {
        /* background-image: none !important; */
    }

    .car-background .custom-container {
        padding: 0 12px 30px 12px;
    }

    .car-background .box.women-box {
        box-shadow: none;
    }
	.car-background .box.women-box > div {
		padding: 20px 0 15px 0;
	}
	.car-background .box.women-box .subText {
		font-size: 18px;
		line-height: 26px;
	}
    .car-background .imagMobileBanner {
        position: relative;
        left: auto;
        display: block;
        width: 100%;
        height: 160px;
    }
    .car-background .imagMobileBanner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    /*.nav-tabs-contenitore .nav-scroll-sinistra, .nav-tabs-contenitore .nav-scroll-destra {
		display: block;
	}*/
}

@media (min-width: 576px) {
    .text-input,
    .textarea,
    .date-input,
    .select,
    .file-input {
        width: 18.75rem;
    }

    .form-cont-elm {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
    }

    .conErrore:not(.radio-input-cont-esterno, .checkbox-cont-esterno, .gruppo-mixed-state, .mixed-s-g.fly-out-alternative) .form-cont-elm-interno::after {
        background: url(https://static.publisher.iccrea.bcc.it/archivio/648/178799.svg) no-repeat right 0 top 0;
        background-size: cover;
        content: "";
        display: block;
        height: 1.25rem;
        position: absolute;
        right: -1.938rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.188rem;
    }

    .conErrore .img-errore {
        display: inline-block;
    }

    .mixed-s-g.fly-out-alternative .gruppo-mixed-state-wrapper {
        max-width: 18.75rem;
    }

    .geolocation-input {
        margin-right: 2.5rem;
        width: 16.25rem;
    }

    .nav-tabs-contenitore.tab-layout-b::after {
        content: none;
    }

    .tab-layout-b .nav-tabs {
        margin: 32px 0 24px;
    }
 
    .tab-layout-b .nav-tabs .nav-item {
        background-color: var(--bcc-argento-digital);
        border: 0;
        border-radius: 0;
        padding: 0.5rem;
    }

    .tab-layout-b .nav-tabs .nav-item:has(.active) {
        background-color: var(--bcc-verde-scuro);
    }

    .tab-layout-b .nav-tabs .nav-item:focus-visible,
    .tab-layout-b .nav-tabs .nav-item:hover {
        border: 0;
        color: var(--bcc-verde-scuro);
        text-decoration: underline;
    }

    .tab-layout-b .nav-tabs .nav-item.active {
        color: var(--bcc-verde-scuro);
    }

	.OnlyTab {border-radius: 1.25rem 1.25rem 1.25rem 1.25rem !important; }
	
    .tab-layout-b .nav-tabs .nav-item:first-of-type {
        border-radius: 1.25rem 0 0 1.25rem;
        padding: 0.5rem 0.75rem 0.5rem 0.5rem;
    }

    .tab-layout-b .nav-tabs .nav-item:last-of-type {
        border-radius: 0 1.25rem 1.25rem 0;
        padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    }

    .tab-layout-b .nav-tabs .nav-item .nav-link {
        background-color: var(--bcc-bianco);
        border: 0;
        border-radius: 1rem;
        max-width: 22.5rem;
        min-width: 12.5rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    #bannercookie {
        bottom: 0;
    }

    .o-cta-accept,
    .o-cta-reject,
    .o-cta-save,
    #ctacookie input[type=button] {
        width: 250px;
    }
    .tab-layout-b .nav-tabs .nav-item {
		margin: 0 auto;
	}
}