/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MOCKUP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@font-face {
    font-family: Poppins-Regular;
    src: url(../../../../0/fonts/Poppins/Poppins-Regular.ttf);
}


@font-face {
    font-family: Poppins-Medium;
    src: url(../../../../0/fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../../../../0/fonts/Poppins/Poppins-SemiBold.ttf);
}

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RADIO START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.radio-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  gap: 2.4rem;
  border: .1rem solid var(--primary-black);
  border-radius: 1.6rem;
  cursor: pointer;
  padding: 2.4rem 3.2rem;
}

.radio-input {
  appearance: none;
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  border: .2rem solid var(--grey-grey-400);
  border-radius: 50%;
  background-clip: content-box;
  cursor: pointer;
}

.radio-label {
  display: flex;
  align-items: end; /* modificato per allineare pallino e testo nella registrazione */
  gap: 1.2rem;
  color: var(--grey-grey-800);
  font-weight: 400;
  cursor: pointer;
  line-height: 130%;
}

.radio-box:hover {
  background-color: var(--grey-grey-200);
}

.radio-input:hover {
  border: .2rem solid var(--primary-black);
}

.radio-box .radio-input,
.radio-label .radio-input {
  margin-top: .75rem;
}

.radio-input:checked {
  border: .7rem solid var(--primary-default);
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RADIO END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SELECT START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.select-box,
.multi-select-box {
  max-width: 35rem;
}

.select-container {
  cursor: pointer;
  position: relative;
}

.select-placeholder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .9rem;
  padding: 1.6rem 1.2rem 1.5rem 1.6rem;
  border: .1rem solid var(--primary-default);
}

.select-placeholder-icon {
  transform: rotate(180deg);
  transition: 500ms;
}

.multi-select-placeholder-icon {
  position: absolute;
  right: 5rem;
  top: 2rem;
  z-index: 3;
  cursor: pointer;
}

.option-container {
  display: none;
  flex-direction: column;
  padding: .8rem;
  background-color: var(--primary-white);
  border: .1rem solid transparent;
  border-radius: .8rem;
  height: 0%;
  overflow: hidden;
  gap: .8rem;
}

.checkbox-container {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.custom-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--grey-grey-800);
  padding: .8rem;
  opacity: 0;
  transition: 100ms;
}

.custom-option:hover {
  background-color: var(--all-blue-50);
  border-radius: .8rem;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END SELECT END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ INPUT START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.input-box {
  height: 4.8rem;
  position: relative;
  width: 100%;
  padding-top: 0.8rem;
  box-sizing: content-box;
}

.input-field , .floating-select{
  background-color: var(--primary-white);
  border-radius: .8rem;
  border: .1rem solid var(--grey-grey-400);
  height: 4.8rem;
  outline: 0;
  padding: 1.2rem 1.6rem;
  width: 100%;
  box-sizing: border-box;
}
.input-placeholder {
  color: var(--grey-grey-500);
  left: 1.6rem;
  line-height: 1.4rem;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 2.2rem;
}
.input-toggle-password {
  position: absolute;
  top: 2.2rem;
  right: 1.6rem;
  cursor: pointer;
}
.input-supporting-text {
  color: var(--grey-grey-400);
  margin: .8rem 1.6rem 0rem 1.6rem;
}

.input-field:focus ~ .input-placeholder,
.input-field:not(:placeholder-shown) ~ .input-placeholder {
  transform: translateY(-2.3rem) translateX(0.5rem) scale(0.75);
  background-color: var(--primary-white);
  color: var(--primary-black);
  padding:0 4px;
  /*top:2rem; TUMBA*/
}
/*TUMBA*/
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
   transform: translateY(-2rem) translateX(0.5rem) scale(0.75);
   color: var(--primary-black) !important;
   background-color: var(--primary-white);
   padding: 0 4px;
}

.input-box .input-field:not(:placeholder-shown):focus, .floating-select .floating-select:not(:placeholder-shown):focus {
  border: .15rem solid var(--primary-default);
}

.input-field:focus ~ .input-placeholder {
  color: var(--primary-black);
}

.input-field.error-input:not(:placeholder-shown) ~ .input-placeholder,
.input-field.error-input:not(:placeholder-shown) ~ .input-supporting-text {
  color: var(--status-error) !important;
}

.input-box .input-field.error-input:not(:placeholder-shown) {
  border: .1rem solid var(--status-error);
}

.input-field.error-input:placeholder-shown ~ .input-supporting-text {
  color: var(--status-error) !important;
}

.input-box .input-field.error-input:placeholder-shown {
  border: .1rem solid var(--status-error);
}

.multi-input-box {
  position: relative;
  border-radius: .8rem;
  border: .1rem solid var(--grey-grey-400);
  height: fit-content;
  min-height: 5rem;
}

.multi-input-box .input-field {
  border: none;
  padding: .4rem 2rem 0;
  height: 5rem;
}

.list-multi-option {
  flex-direction: column;
  list-style: none;
  gap: .5rem;
  padding: 0;
  margin-bottom: 0;
  max-height: 20rem;
  overflow: auto;
}

.item-multi-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--grey-grey-800);
  padding: .8rem;
  opacity: 0;
  transition: 100ms;
}

.item-multi-option:hover {
  background-color: var(--all-blue-50);
  border-radius: .8rem;
}

.multi-input-placeholder-icon {
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
  transform: rotate(180deg);
  transition: 500ms;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ INPUT END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BUTTONS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  border-radius: 6rem;
  width: fit-content;
}

.btn-big {
  height: 5.8rem;
  padding: 1.8rem 3.2rem;
}
.btn-medium {
  height: 4.8rem;
  padding: 1.2rem 3.2rem;
}
.btn-small {
  height: 4rem;
  padding: 0.8rem 2.4rem;
}

.btn-big-circle {
  padding: 1.2rem;
}
.btn-medium-circle {
  padding: 1rem;
}
.btn-small-circle {
  padding: 0.8rem;
}

.btn-primary-light,
.btn-primary-light a {
  color: var(--primary-white) !important;
  background-color: var(--all-blue-400);
}
.btn-primary-dark,
.btn-primary-dark a {
  color: var(--primary-black);
  background-color: var(--primary-white);
}
.btn-primary-disabled-light,
.btn-primary-disabled-light a {
  color: var(--primary-white) !important;
  background-color: var(--primary-white);
  opacity: 0.3;
}
.btn-primary-disabled-dark,
.btn-primary-disabled-dark a {
  opacity: 0.3;
  color: var(--primary-black) !important;
  background: var(--primary-white);
  border: 0.1rem solid var(--primary-white);
}

.btn-danger {
  color: var(--primary-white) !important;
}

.btn-secondary-light,
.btn-secondary-light a {
  color: var(--primary-black);
  background-color: transparent;
  border: 0.1rem solid var(--primary-black);
}



.btn-secondary-dark
 {
  color: var(--primary-white);
  background-color: transparent;
  border: 0.1rem solid var(--primary-white);
}
.btn-secondary-disabled-light,
.btn-secondary-disabled-light a {
  color: var(--primary-black) ;
  opacity: 0.3;
  background: var(--primary-white);
  border: 0.1rem solid var(--primary-black);
}
.btn-secondary-disabled-dark,
.btn-secondary-disabled-dark a {
  color: var(--primary-white);
  opacity: 0.3;
  background-color: transparent;
  border: 0.1rem solid var(--primary-white);
}

.btn-tertiary-light,
.btn-tertiary-light a {
  color: var(--primary-black) !important;
}
.btn-tertiary-dark,
.btn-tertiary-dark a {
  color: var(--primary-white);
}
.btn-tertiary-disabled-light,
.btn-tertiary-disabled-light a {
  color: var(--primary-black);
  opacity: 0.3;
}
.btn-tertiary-disabled-dark,
.btn-tertiary-disabled-dark a {
  color: var(--primary-white) !important;
  opacity: 0.3;
}

.btn-primary-light:hover {
  background-color: var(--all-blue-600);
}

.btn-secondary-light:focus {
    color: var(--primary-black);
}

.btn-secondary-dark:focus {
    border: 0.1rem solid var(--primary-white);
    outline: 0.2rem solid var(--subsense-blue-3);
}

.btn-primary-light:active {
  background-color: var(--all-blue-800);
}
.btn-primary-light:focus-visible,
.btn-primary-dark:focus-visible {
  border: 0.3rem solid var(--grey-grey-800);
}


.btn-primary-light:focus,
.btn-secondary-light:focus,
.btn-tertiary-light:focus,
.btn-primary-dark:focus,
.btn-tertiary-dark:focus {
  border: 0.3rem solid var(--subsense-blue-3);
}

.btn-secondary-dark:focus {
  border: 0.1rem solid var(--primary-white);
  outline: 0.2rem solid var(--subsense-blue-3);
}
.btn-primary-dark:hover {
  background-color: transparent;
  color: var(--primary-white)!important;
  border: 0.1rem solid var(--primary-white);
}
.btn-primary-dark:active,
.btn-secondary-dark:active,
.btn-tertiary-dark:active {
  background: var(--grey-grey-300);
  color: var(--primary-black);
}

.btn-secondary-dark:hover {
    background-color: var(--all-blue-800);
    color: var(--primary-white);
}
.btn-secondary-light:active {
  border: 0.1rem solid var(--all-blue-600);
  color: var(--all-blue-600);
}
.btn-secondary-light:focus-visible,
.btn-tertiary-light:focus-visible {
  border: 0.3rem solid var(--primary-black);
}
.btn-secondary-light:hover {
    background-color: var(--primary-black);
    color: var(--primary-white);
}
.btn-secondary-dark:focus-visible {
  border: 0.1rem solid var(--primary-white);
  outline: 0.2rem solid var(--grey-grey-800);
}

.btn-tertiary-light:hover,
.btn-tertiary-dark:hover {
  color: var(--primary-black);
  background: var(--grey-grey-200);
}
.btn-tertiary-light:active {
  border: 0.1rem solid var(--primary-black);
}

.btn-primary-light.disabled {
  opacity: 0.3;
  background: var(--primary-default);
}

/*TUMBA*/
.btn-secondary-light.arrow-right::after
{
    content: url('/portals/0/icons/arrow_right_alt_black.svg');
	height: 20px;
}

.btn-secondary-light.arrow-right:hover::after {
    content: url('/portals/0/icons/arrow_right_alt_wt.svg');
	height: 20px;
}

.chips-primary-dark,
.chips-primary-dark a, .chips-primary-dark a:visited {
  color: var(--primary-white) !important;
  background: rgba(255,255,255, 0.25);
  border: 1px solid var(--grey-grey-300, #B9C5D5);
}

.chips-primary-dark:hover {
  background: rgba(255, 255, 255, 0.35);
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BUTTONS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LINKS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.txt-underlined{ 
 border-bottom: 0.1rem solid currentColor; 
} 


.link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}

.link-small {
    gap: 0.6rem;
}

.link-regular {
    gap: 0.8rem;
    
}


.link-light,
.link-light span {
    color: var(--primary-default) !important;
}



.img_link_light_download a::after {
    content: url('/portals/0/icons/download.svg');
    height: 20px;
}

.img_link_light_download a:hover::after {
    content: url('/portals/0/icons/download_hover.svg');
 	height: 20px;
}

.img_link_light_delete a::after { /* Nicolò - per CPQ - 15/05/2024 */
    content: url('/portals/0/icons/trash.svg');
    height: 20px;
}

.img_link_light_delete a:hover::after { /* Nicolò - per CPQ - 17/05/2024 */
    content: url('/portals/0/icons/trash_hover.svg');
    height: 20px;
}

.img_link_light a::after {
    content: url('/portals/0/icons/arrow_right_alt.svg');
    height: 20px;
}
.img_link_light a:hover::after {
    content: url('/portals/0/icons/arrow_right_alt_hover.svg');
	height:20px;
}

.img_link_light_ext a::after {
    content: url('/portals/0/icons/external_link.svg');
	height:20px;
}
.img_link_light_ext a:hover::after {
    content: url('/portals/0/icons/external_link_hover.svg');
    height: 20px;
}

    .link-light:hover,
    .link-light:hover span {
        color: var(--all-blue-600) !important;
        
    }

.link-light:active,
 .link-light:active span {
        color: var(--all-blue-800) !important;
        
}

.link-light-disabled,
.link-light-disabled span{
    color: var(--all-blue-200) !important;
    
}


.link-light:focus
/*.link-light:focus span*/
{
    color: var(--primary-default) !important;
    border: 0.3rem solid var(--primary-default);
}

.link-light:focus-visible
/*.link-light:focus-visible  span*/
{
    color: var(--primary-default);
    border: 0.3rem solid var(--subsense-blue-3);
}


.link-dark,
.link-dark span 
{
    color: var(--primary-white) !important;    
}

.link-dark:hover,
.link-dark:hover span{
    color: var(--all-blue-100) !important;
    
}

.img_link_dark a::after {
    content: url('/portals/0/icons/arrow_right_alt_wt.svg');
    height: 20px;
}

.img_link_dark a:hover::after {
    content: url('/portals/0/icons/arrow_right_alt_wt_hover.svg');
    height: 20px;
}


.link-dark:active,
.link-dark:active span{
    color: var(--all-blue-300) !important;
    
}

.link-dark-disabled,
.link-dark-disabled span {
    color: var(--primary-white) !important;
    
    opacity: 0.3;
}

.link-dark:focus
/*commentato per il doppio bordo*/
/*.link-dark:focus span*/ 
{
    color: var(--primary-white) !important;
    border: 0.3rem solid var(--primary-default);
}

.link-dark:focus-visible
/*.link-dark:focus-visible  span*/
{
    color: var(--primary-white)!important;
    border: 0.3rem solid var(--subsense-blue-3);
}

.link-logout::before
{
	content: url('/portals/0/icons/exit.svg');
	height:16px;
	padding-right: 5px;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LINKS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LABELS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.label-button-l,
.label-button-m,
.label-button-s {
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    background-color: transparent !important;
    font-family: Poppins-Medium;
}
.label-button-l:hover,
.label-button-m:hover,
.label-button-s:hover {
  text-decoration: none;
  background-color: transparent !important;
}
.label-button-l {
  font-size: 1.8rem;
  letter-spacing: 0.018rem;
}
.label-button-m {
  font-size: 1.6rem;
  letter-spacing: 0.016rem;
}
.label-button-s {
  font-size: 1.4rem;
  letter-spacing: 0.014rem;
}

.label-link-l {
    
    font-size: 1.8rem; 
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    
}
.label-link-m {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    
}
.label-link-s {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    
}


/*PIKA Font*/
.label-link-regular {
    font-family: Poppins-Regular;
}

/*PIKA Font*/
.label-link-medium {
    font-family: Poppins-Medium;
}


.label-input-l,
.label-input-m,
.label-input-s,
.label-label-l,
.label-label-m,
.label-label-s {
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

/*pika font*/
.label-label-l,
.label-label-m,
.label-label-s,
.label-input-l,
.label-input-m,
.label-input-s {
    font-family: Poppins-Regular;
}

.label-label-l {
  font-size: 1.4rem;
}
.label-label-m {
  font-size: 1.2rem;
}
.label-label-s {
  font-size: 1.1rem;
}

.label-input-l {
  font-size: 1.8rem;
}
.label-input-m {
  font-size: 1.6rem;
}
.label-input-s {
  font-size: 1.4rem;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LABELS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PARGRAPHS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*Pika Font*/
.paragraph-regular, p {
    color: var(--primary-black, --color-gray-black);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    /*pika font*/
    letter-spacing: 0rem;
    font-family: Poppins-Regular;
}

.paragraph-medium {
    color: var(--primary-black, --color-gray-black);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 0;
    /*pika font*/
    letter-spacing: 0rem;
    font-family: Poppins-Medium;
}
.paragraph-medium-light {
    color: var(--all-blue-300, --all-blue-300);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 0;
    letter-spacing: 0rem;
    font-family: Poppins-Medium;
}

.paragraph-xxl {
  font-size: 2rem;
}
.paragraph-xl {
  font-size: 1.8rem;
}
.paragraph-l {
  font-size: 1.6rem;
}
.paragraph-m {
  font-size: 1.4rem;
}
.paragraph-s {
  font-size: 1.2rem;
}
.paragraph-xs {
  font-size: 1.1rem;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PARGRAPHS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADINGS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.heading-0,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6,
.heading-8,
.heading-9 {
    color: var(--text-text-primary);
    font-weight: 600;
    font-style: normal;
    margin: 0;
}



.heading-6-medium,
.heading-7,
.heading-8-medium
 {
    color: var(--text-text-primary);
    font-style: normal;
    font-weight: 500;
    margin: 0;
}

.heading-0 {
    font-size: 7.2rem;
    letter-spacing: -0.072rem;
    font-family: Poppins-SemiBold;
}
.heading-1 {
    font-size: 6.8rem;
    letter-spacing: -0.068rem;
    font-family: Poppins-SemiBold;
}

.heading-2 {
    font-size: 5.8rem;
    letter-spacing: -0.116rem;
    font-family: Poppins-SemiBold;
}
.heading-3 {
    font-size: 5.4rem;
    letter-spacing: -0.108rem;
    font-family: Poppins-SemiBold;
}
.heading-4 {
    font-size: 4.8rem;
    letter-spacing: -0.096rem;
    line-height: 120%;
    font-family: Poppins-SemiBold;
}
.heading-5 {
    font-size: 3.6rem;
    letter-spacing: -0.036rem;
    font-family: Poppins-SemiBold;
}
.heading-6-medium {
    font-size: 3.2rem;
    letter-spacing: -0.016rem;
    font-family: Poppins-Medium;
    /*letter-spacing: -0.05rem; */ /*PIKA FONT*/
}
.heading-6 {
    font-size: 3.2rem;
    font-family: Poppins-SemiBold;
    letter-spacing: -0.05rem;
}
.heading-7 {
    font-size: 2.8rem;
    font-family: Poppins-Medium;
    letter-spacing: -0.05rem;
}
.heading-8-medium {
    font-size: 2.4rem;
    letter-spacing: 0rem;
    font-family: Poppins-Medium;
}

.heading-8 {
    font-size: 2.4rem;
    letter-spacing: 0rem;
    font-family: Poppins-SemiBold;
}
.heading-9 {
    font-size: 2rem;
    letter-spacing: 0rem;
    font-family: Poppins-SemiBold;
}

.heading-0,
.heading-1 {
    line-height: 100%;
}


.heading-2,
.heading-3,
.heading-5,
.heading-6-medium,
.heading-6,
.heading-7,
.heading-8-medium,
.heading-8,
.heading-9 {
  line-height: 110%;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADINGS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEXT-VARIANTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.txt-c-primary-black {
  color: var(--primary-black) !important;
}

.txt-c-primary-black-tr {
  color: var(--primary-black-tr) !important;
}

.txt-c-text-primary{
  color: var(--text-text-primary) !important;
}

.txt-c-primary-white {
  color: var(--primary-white) !important;
}

.txt-c-primary-white-tr {
  color: var(--primary-white-tr) !important;
}

.txt-c-primary-default {
  color: var(--primary-default) !important;
}

.txt-c-blue-300 {
  color: var(--all-blue-300) !important;
}

.txt-c-blue-400 {
  color: var(--all-blue-400) !important;
}

.txt-c-blue-900 {
  color: var(--all-blue-900) !important;
}

.txt-c-grey-500{ 
  color: var(--grey-grey-500,--color-gray-black); 
} 
.txt-c-grey-600{
  color: var(--grey-grey-600);
}
.txt-c-grey-700{ 
  color: var(--grey-grey-700); 
}

.txt-c-grey-400 {
    color: var(--grey-grey-400);
}

.txt-c-grey-800{
  color: var(--text-text-secondary) !important;
}

.txt-txt-secondary-inv { /* Dario - 25/10/23 */
    color: var(--text-text-secondary-invert, rgba(255, 255, 255, 0.70)) !important;
}

.txt-grey-black { /* Dario - 23/10/23 */
    color: var(--grey-black, #000) !important;
}

.txt-blue-70 { /* Dario - 20/10/23 */
    color: rgba(14, 23, 62, 0.70) !important;
}

.txt-blue-0032 { /* Dario - 02/11/23 */
  color: rgba(0, 0, 32, 0.70) !important;
}

.txt-blue-brand { /* Dario - 23/10/23 */
    color: var(--text-text-brand) !important;
}

.txt-grad {
  background: linear-gradient(
    137deg,
    var(--all-blue-400) 0%,
    var(--primary-black) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-grad-2 {
  background: linear-gradient(90deg, var(--primary-black) 39.47%, var(--all-blue-400) 60.69%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-grad-3 {
  background: linear-gradient(89deg, var(--primary-black) 2.04%, var(--all-blue-400) 76.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-grad-4 {
  background: linear-gradient(76deg, var(--primary-black) 15.79%, var(--all-blue-400) 84.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-upper {
  text-transform: uppercase;
}

.txt-align-center {
  text-align: center;
}

.txt-align-left {
    text-align: left;
}

.txt-bold-7 {
    font-weight: 700;
}

.txt-indent-15 { /* Dario - 20/10/23 */
    text-indent: -1.5rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEXT-VARIANTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BACKGROUND START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bg-black {
  background-color: var(--primary-black);
}
.bg-primary {
  background-color: var(--primary-default);
}

.bg-grey {
    background-color: var(--grey-grey-100);
}


.bg-blue-400 {
   background-color: var(--all-blue-400);
}

.bg-blue-700 {
    background-color: var(--all-blue-700);
}

.bg-purple-700 {
  background-color: var(--all-purple-700);
}

.bg-light-gray { /* Dario - 31/10/23 */
  background-color: #F9F9F9;
}
.bg-gray { /* Dario - 26/10/23 */
  background: rgba(255, 255, 255, 0.20);
}
.bg-grey-100{ 
  background: var(--grey-grey-100);
}
.bg-grey-200{ /* Dario - 03/11/23 */
  background: var(--grey-grey-200);
}


/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BACKGROUND END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHADES START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */  
.shades-container {
  position: relative;
  overflow: hidden;
  margin: 2.4rem 2.4rem 0;
}

.shades-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(100rem);
  width: 35rem;
  height: 35rem;
  top: 0;
  left: 0;
}

.shades-circle-splash {
    position: absolute;
    border-radius: 100%;
    filter: blur(10rem);
    width: 35rem;
    height: 35rem;
    top: 0;
    left: 0;
}

.shades-main-content {
  position: relative;
  z-index: 999;
}

.shades-size-350 {
    width: 35rem;
    height: 35rem;
}

.shades-size-390 {
    width: 39rem;
    height: 39rem;
}


.shades-size-400 {
  width: 40rem;
  height: 40rem;
}
.shades-size-450 {
  width: 45rem;
  height: 45rem;
}
.shades-size-500 {
  width: 50rem;
  height: 50rem;
}
.shades-size-600 {
  width: 60rem;
  height: 60rem;
}
.shades-size-700 {
  width: 70rem;
  height: 70rem;
}
.shades-size-800 {
  width: 80rem;
  height: 80rem;
}
.shades-size-900 {
  width: 90rem;
  height: 90rem;
}

.shades-size-1000-900 {
    width: 140rem;
    height: 90rem;
}

.shades-top--100 {
    top: -10rem;
}
.shades-top-100 {
  top: 10rem;
}

.shades-top--150 {
  top: -15rem;
}
.shades-top-150 {
  top: 15rem;
}

.shades-top--200 {
  top: -20rem;
}
.shades-top-200 {
  top: 20rem;
}

.shades-top--250 {
  top: -25rem;
}
.shades-top-250 {
  top: 25rem;
}

.shades-top--300 {
  top: -30rem;
}
.shades-top-300 {
  top: 30rem;
}
.shades-top--350 {
  top: -35rem;
}
.shades-top-350 {
  top: 35rem;
}
.shades-top--400 {
  top: -40rem;
}
.shades-top-400 {
  top: 40rem;
}
.shades-top--450 {
  top: -45rem;
}
.shades-top-450 {
  top: 45rem;
}
.shades-top--500 {
  top: -50rem;
}
.shades-top-500 {
  top: 50rem;
}
.shades-top--550 {
  top: -55rem;
}
.shades-top-550 {
  top: 55rem;
}

.shades-left--100 {
  left: -10rem;
}
.shades-left-100 {
  left: 10rem;
}

.shades-left--150 {
  left: -15rem;
}
.shades-left-150 {
  left: 15rem;
}

.shades-left--200 {
  left: -20rem;
}
.shades-left-200 {
  left: 20rem;
}

.shades-left--250 {
  left: -25rem;
}
.shades-left-250 {
  left: 25rem;
}

.shades-left--300 {
  left: -30rem;
}
.shades-left-300 {
  left: 30rem;
}

.shades-left--350 {
  left: -35rem;
}
.shades-left-350 {
  left: 35rem;
}

.shades-left--400 {
  left: -40rem;
}
.shades-left-400 {
  left: 40rem;
}

.shades-left--450 {
  left: -45rem;
}
.shades-left-450 {
  left: 45rem;
}

.shades-left--500 {
  left: -50rem;
}
.shades-left-500 {
  left: 50rem;
}

.shades-left--550 {
  left: -55rem;
}
.shades-left-550 {
  left: 55rem;
}

.shades-left--600 {
  left: -60rem;
}
.shades-left-600 {
  left: 60rem;
}

.shades-left--650 {
  left: -65rem;
}
.shades-left-650 {
  left: 65rem;
}

.shades-left--700 {
  left: -70rem;
}
.shades-left-700 {
  left: 70rem;
}

.shades-left--750 {
  left: -75rem;
}
.shades-left-750 {
  left: 75rem;
}

.shades-left--800 {
  left: -80rem;
}
.shades-left-800 {
  left: 80rem;
}

.shades-left--900 {
  left: -90rem;
}
.shades-left-900 {
  left: 90rem;
}

.shades-left--1000 {
  left: -100rem;
}
.shades-left-1000 {
  left: 100rem;
}

.shades-opacity-0 {
  opacity: 0;
}
.shades-opacity-10 {
  opacity: 0.1;
}
.shades-opacity-15 {
  opacity: 0.15;
}
.shades-opacity-20 {
  opacity: 0.2;
}
.shades-opacity-30 {
  opacity: 0.3;
}
.shades-opacity-40 {
  opacity: 0.4;
}
.shades-opacity-50 {
  opacity: 0.5;
}
.shades-opacity-60 {
  opacity: 0.6;
}
.shades-opacity-70 {
  opacity: 0.7;
}
.shades-opacity-80 {
  opacity: 0.8;
}
.shades-opacity-90 {
  opacity: 0.9;
}
.shades-opacity-100 {
  opacity: 1;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SHADES END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SPACE-VARIANTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.width-100 {
	width: 100%;
}

.height-100 { /* Dario - 25/10/23 */
    height: 100%;
}

.max-width-xl {
    max-width: 140rem;
}

.max-width-l {
  max-width: 95.2rem;
}

.max-width-m { 
    max-width: 75.5rem
}
.max-width-286 { /* Nicolo - 07/12/23 */
  max-width: 28.6rem;
}

.max-width-s { /* Nicolo - 16/10/23 */
    max-width: 51.5rem
}

.width-218{ /* Dario - 03/11/23 */
  width: 21.8rem;
}

.width-284 { /* Dario - 26/10/23 */
    width: 28.4rem;
}


.width-405 { /* Dario - 23/10/23 */
    width: 40.5rem;
}

.width-515{ /* Dario - 24/10/23 */
  width: 51.5rem;
}

.width-752{ /* Dario - 27/10/23 */
  width: 75.2rem;
}

.width-842 { /* Dario - 24/10/23 */
    width: 84.2rem;
}


.width-952 { /* Dario - 27/10/23 */
    width: 95.2rem;
}

.width-1280{ /* Dario - 31/10/23 */
  width: 128rem;
}

.height-2{ /* Dario - 03/11/23 */
  height: 0.2rem;
}

.height-506{ /* Dario - 03/11/23 */
  height: 50.6rem;
}

.height-550 {
    height: 55rem;
}

.height-812 { /* Dario - 20/10/23 */
    height: 81.2rem;
}


.wd-hg-20 { /* Dario - 23/10/23 */
    width: 2rem;
    height: 2rem;
}

.wd-hg-28{ /* Dario - 03/11/23 */
  width: 2.88rem;
  height: 2.88rem;
}

.wd-hg-32 { /* Dario - 26/10/23 */
    width: 3.2rem;
    height: 3.2rem;
}

.wd-hg-89{ /* Dario - 31/10/23 */
  width: 8.9rem;
  height: 8.9rem;
}

.wd-hg-380{ /* Dario - 03/11/23 */
  width: 38rem;
  height: 38rem;
}
.mg-133 {
    margin-top: 1.33em;
}


.mg-15 {
    margin: 1.5rem;
}

/*da togliere? */
.mg-dw-8 {
  margin-bottom: 0.8rem;
}

.mg-dw-7 {
    margin-bottom: 0.7rem;
}

.mg-up-8 {
  margin-top: 0.8rem;
}

.mg-dw-16 {
  margin-bottom: 1.6rem;
}
.mg-dw-18{
  margin-bottom: 1.8rem;
}

.mg-dw-220{ 
  margin-bottom:22rem; 
} 

.mg-up-16 {
  margin-top: 1.6rem;
}

.mg-dw-24 {
  margin-bottom: 2.4rem;
}

.mg-up-24 {
  margin-top: 2.4rem;
}

.mg-dw-32 {
  margin-bottom: 3.2rem;
}

.mg-up-32 {
  margin-top: 3.2rem;
}

.mg-dw-40 {
  margin-bottom: 4rem;
}

.mg-up-40 {
  margin-top: 4rem;
}

.mg-dw-48 {
  margin-bottom: 4.8rem;
}

.mg-up-48 {
  margin-top: 4.8rem;
}

.mg-dw-56 {
  margin-bottom: 5.6rem;
}

.mg-up-56 {
  margin-top: 5.6rem;
}

.mg-up-64 {
  margin-top: 6.4rem;
}
.mg-dw-64 {
  margin-bottom: 6.4rem;
}

.mg-dw-72 {
  margin-bottom: 7.2rem;
}
.mg-up-72 {
  margin-top: 7.2rem;
}

.mg-up-80 { /* Dario - 25/10/23 */
    margin-top: 8rem;
}

.mg-dw-80 { /* Dario - 26/10/23 */
    margin-bottom: 8rem;
}

.mg-up-88 {
  margin-top: 8.8rem;
}
.mg-dw-88 {
  margin-bottom: 8.8rem;
}

.mg-up-92 {
  margin-top: 9.2rem;
}
.mg-dw-92 {
  margin-bottom: 9.2rem;
}

.mg-dw-105 { /* Dario - 25/10/23 */
    margin-bottom: 10.5rem;
}

.mg-dw-120 { /* Dario - 03/11/23 */
  margin-bottom: 12rem;
}

.mg-up-120 { /* Nicolò - 16/10/23 */
  margin-top: 12rem;
}

.mg-dw-136 {
  margin-bottom: 13.6rem;
}

.mg-up-136 {
  margin-top: 13.6rem;
}

.mg-up-120{
  margin-top: 12rem;
}

.mg-up-200 {
  margin-top: 20rem;
}
.mg-dw-200 {
  margin-bottom: 20rem;
}

.mg-auto {
  margin: auto;
}
.mg-auto-r0 {
  margin: auto 0 auto auto;
}
.mg-lf-8{
  margin-left: 0.8rem;
}
.mg-lf-25 { /* Dario - 20/10/23 */
    margin-left: 2.5rem;
}

.mg-lf-40 { 
    margin-left: 4rem;
}

.mg-lf-50 {
    margin-left: 5rem;
}

.mg-rt-24 { /* Nicol� - 19/10/23 */
    margin-right: 2.4rem;
}

.mg-rt-40 { 
    margin-right: 4rem;
}

.mg-lf-80 {
  margin-left: 8rem;
}


.mg-lf-189 { /* Dario - 30/10/23 */
  margin-left: 18.9rem;
}

.mg-rt-24 { /* Nicolò - 19/10/23 */
  margin-right: 2.4rem;
}

.mg-lf-40 { /* Nicolò - 11/10/23 */
  margin-left: 4rem;
}
.mg-rt-40 { /* Nicolò - 11/10/23 */
  margin-right: 4rem;
}


.mg-rt-150 {
    margin-right: 15rem;
}

.mg-rt-80 {
  margin-right: 8rem;
}

.mg-lr-24 {
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}

.mg-lr-40 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mg-lr-80 {
    margin-left: 8rem;
    margin-right: 8rem;
}

.mg-lf-140 { /* Nicolò - 11/12/23 */
	margin-left: 14rem;
}

.mg-rt-140 { /* Nicolò - 11/12/23 */
	margin-right: 14rem;
}

.mg-lr-299 {
    margin-left: 29.9rem;
    margin-right: 29.9rem;
}

.mg-lr-250 {
    margin-left: 25rem;
    margin-right: 25rem;
}

.mg-lr-180 {
    margin-left: 18rem;
    margin-right: 18rem;
}

.mg-lr-150 {
    margin-left: 15rem;
    margin-right: 15rem;
}

.mg-lf-190 { /* Nicolò - 11/12/23 */
	margin-left: 19rem;
}

.mg-rt-190 { /* Nicolò - 11/12/23 */
	margin-right: 19rem;
}

.mg-lr-16 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}


.mrg-lr-8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.mr-lr-56 {
  margin-left: 5.6rem;
  margin-right: 5.6rem;
}


.mrg-y-56 { 
  margin-top: 56px; 
  margin-bottom: 56px; 
}

.mrg-lr-56_5 { /* Dario - 27/10/23 */
    margin-left: 5.65rem;
    margin-right: 5.65rem;
}

.gap-8 { /* Dario - 24/10/23 */
    gap: 0.8rem;
}

.gap-10 { /* Dario - 25/10/23 */
    gap: 1rem;
}

.gap-16 {
  gap: 1.6rem;
}

.gap-24 { /* Dario - 19/10/23 */
    gap: 2.4rem;
}

.gap-32 {
  gap: 3.2rem;
}
.gap-36 {
  gap: 3.6rem;
}

.gap-40 { /* Dario - 19/10/23 */
    gap: 4rem;
}

.gap-48 {
  gap: 4.8rem;
}

.gap-56 { /* Dario - 23/10/23 */
    gap: 5.6rem;
}

.gap-64 { /* Dario - 02/11/23 */
  gap: 6.4rem;
}

.gap-68 { /* Dario - 25/10/23 */
    gap: 6.8rem;
}

.gap-72 {
    gap: 7.2rem;
}

.gap-88 {
    gap: 8.8rem;
}

.gap-141 { /* Dario - 19/10/23 */
    gap: 14.1rem;
}

.gap-104 { /* Dario - 31/10/23 */
  gap: 10.4rem;
}

.gap-148 {
    gap: 14.8rem;
}
.mobile-gap-12{
  gap: 1.2rem !important;
}

.pd-8 { /* Dario - 26/10/23 */
    padding: 0.8rem;
}

.pd-9 { /* Dario - 03/11/23 */
  padding: 0.96rem;
}

.pd-12{
  padding: 1.2rem;
}
.pd-x-80{
  padding-left: 8rem;
  padding-right: 8rem;
}
.pd-x-40{
  padding-left: 4rem;
  padding-right: 4rem;
}
.pd-y-48{
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
.pd-layout-4 {
    padding: 3.2rem 4rem 6.4rem 4rem;
}

.pd-layout-5 {
    padding: 8.8rem 8rem 20rem 8rem;
}

.pd-layout-7 { 
	padding: 5.6rem 4rem;
}

.pd-layout-12 {
	padding: 8rem 8rem 0rem 8rem;
	gap: 7.2rem;
}

.pd-layout-13 { 
    padding: 8rem 19rem 0rem 19rem;
}

.pd-layout-13-bis {
    padding: 9.2rem 15rem 0rem 15rem;
}

.pd-layout-14 {
    padding: 9.2rem 8rem 13.6rem;
}

.pd-layout-15 {
    padding: 8rem 8rem 8.8rem 8rem;
   
}
.pd-layout-16{
  padding: 4.8rem 8rem 20rem;
}

.pd-autolayout-11 { /* Dario - 19/10/23 */
    /*Pika Grafica Emanuela*/
    padding: 8.8rem 19rem 0rem 19rem;
}

.pd-top-24 { /* Dario - 19/10/23 */
    padding-top: 2.4rem;
}

.space-jst-btw {
  justify-content: space-between;
}
.space-jst-arn {
  justify-content: space-around;
}
.space-jst-evn {
  justify-content: space-evenly;
}

.jst-str {
  justify-content: start;
}
.jst-cnt {
  justify-content: center;
}
.jst-end {
  justify-content: end;
}

.flex-100 { /* Dario - 25/10/23 */
    flex: 1 0 0;
}

.flex-shr-0 { /* Dario - 30/10/23 */
  flex-shrink: 0;
}

.flex-drc-row { /* Dario - 27/10/23 */
  flex-direction: row;
}

.pos-relative{ /* Dario - 03/11/23 */
  position: relative;
}

.pos-absolute{ /* Dario - 03/11/23 */
  position: absolute;
}

.top-rt{ /* Dario - 03/11/23 */
  top: 1.6rem;
  right: 1.6rem;
}



/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SPACE-VARIANTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DISPLAY-VARIANTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.element-hide {
  display: none;
}
.d-flex-centered{
  display: flex;
  align-items: center;
}
.d-flex-row {
  display: flex;
  align-items: center;
  flex-direction:row
}

.d-inflex-col { /* Dario - 25/10/23 */
    display: inline-flex;
    flex-direction: column;
}

.d-flex-col {
  display: flex;
  flex-direction: column;
}
.d-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DISPLAY-VARIANTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOX-TYPES START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.box-link {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 2.4rem;
    flex: 1 0 0;
    align-self: stretch;
    border: .1rem solid var(--grey-grey-300);
    border-radius: 1.6rem;
    padding: 3.2rem 2.4rem 3.2rem 1.6rem;
}
.icon-cirlce {
  padding: .8rem;
  background-color: var(--all-blue-50);
  border-radius: 48%;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOX-TYPES END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOX-CONTAINER-VARIANTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.dark-mode {
  position: relative;
  overflow-x: clip;
}
    .dark-mode::before {
        content: "";
        position: absolute;
        /*Pika grafica emanuela*/
        /*top: -13rem;*/
        top: -20rem;

        left: -2rem;
        right: -2rem;
        bottom: -2rem;
        background-color: var(--primary-black);
        z-index: -3;
    }
.brd-radius-8 {
  border-radius: .8rem;
}

.brd-radius-16 {
  border-radius: 1.6rem;
}

.brd-radius-18 {
  border-radius: 1.88rem;
}

.brd-radius-22 { /* Dario - 23/10/23 */
    border-radius: 2.2rem;
}

.brd-radius-32-0 { /* Dario - 27/10/23 */
    border-radius: 3.2rem 3.2rem 0rem 0rem;
}
.brd-radius-32{
  border-radius: 3.2rem;
}

.brd-radius-0-32 { /* Dario - 27/10/23 */
    border-radius: 0rem 0rem 3.2rem 3.2rem;
}

.brd-radius-40 { /* Dario - 26/10/23 */
    border-radius: 4rem;
}

.brd-radius-120 { /* Dario - 03/11/23 */
  border-radius: 12rem;
}

.brd-radius-lf-20 { /* Nicolò - 11/12/23 */
	border-radius: 0rem 2rem 2rem 0rem;
}


.brd-1-grey-300 { /* Dario - 03/11/23 */
  border: 1.2px solid var(--grey-grey-300, #B9C5D5);
}
.brd-1-primary-black { /* Dario - 03/11/23 */
  border: 1.2px solid var(--primary-black, #000020);
}


.z-index-1 {
	z-index: 1;
}

.z-index-3 { /* Dario - 25/10/23 */
    z-index: 3;
}


/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOX-CONTAINER-VARIANTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALIGNING START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.align-self-stretch {
  align-self: stretch;
}

.align-self-center {
    align-self: center;
}

.align-items-baseline{
  align-items: baseline;
}
.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALIGNING END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


@media screen and (max-width: 1024px) {
  .d-flex-row {
	  flex-direction: column;
  }
  .pd-layout-12 {
	padding: 4rem 1.6rem 0rem 1.6rem;
    text-align:center;
    gap:4rem;

}


    
}
@media screen and (max-width: 576px){ 
	.heading-0{ 
		font-size: 3.6rem; 
		font-style: normal; 
		font-weight: 600; 
		line-height: 110%; /* 39.6px */ 
		letter-spacing: -0.36px;  
	} 
}
@media screen and (max-width: 992px){
	.heading-2 {
		font-size: 3.2rem;
		font-style: normal;	
		font-weight: 600;	
		line-height: 110%; /* 35.2px */	
		letter-spacing: -0.5px;
}

.heading-3{
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 36.4px */
	letter-spacing: -0.5px;
}

/*PIKA FONT*/
/*.paragraph-xl{
	Font-size:1.6rem;
}*/

}

@media screen and (max-width: 576px){ 

	.heading-7{ 
		font-size: 20px; 
		font-style: normal; 
		font-weight: 600; 
		line-height: 110%; 
	} 
	.heading-5{ 
		font-size:3.2rem; 
	}
  .heading-4{ 
	font-size: 3.2rem; 
	font-style: normal; 
	font-weight: 600; 
	line-height: 110%; /* 35.2px */ 
	letter-spacing: -0.5px;  
	} 
}

@media (max-width:767px){ 
	.heading-8{ 
		font-size: 1.8rem; 
	} 
  
  .d-flex-centered{
    flex-wrap: wrap;
  }
}

/*Anna - ho trovato alcune incongruenze nel figma e ho cercato di dare una linea unica modificate pure 
dove vi sembra opportuno  */
@media (max-width:576px){
  .paragraph-xl{
    font-size: 1.6rem;
  }
  .paragraph-xxl{
    font-size: 1.8rem;
  }
  .paragraph-m{
    font-size: 1.6rem;
  }
  .label-button-l{
    font-size: 1.6rem;
  }
  .label-button-m{
    font-size: 1.8rem;
  }
  .label-link-m {
    font-size: 1.8rem;
  }
  .label-input-m{
    font-size: 1.4rem;
  }
  .heading-8-medium{
    font-size: 2rem;
  }
  .heading-9{
    font-size: 2.4rem;
  }
  .paragraph-l{
    font-size: 1.2rem;
  }

  .btn-medium{
    padding: 0.8rem 1.6rem;/*revisione mobile*/
    height:4rem;
  }
  .label-link-l{
    font-size: 1.6rem;
  }
  .label-link-xl{
    font-size: 1.8rem;
  }
    .paragraph-medium, .paragraph-medium-light {
        font-family: Poppins-Regular;
    }
  .heading-6-medium{
    font-size: 2.4rem;
  }
  
}
@media (max-width: 992px) {
  
  .shades-container{
      margin: 1.6rem 0.8rem 0;
    }

}


/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MOCKUP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */