/*#region MIXINS*/
/*#endregion*/
/*#region GLOBAL*/
/*#region COLORI*/
/*#endregion*/
/*#region FONT SIZES */
.is-size-1 {
  font-size: 69px;
}

@media (min-width: 1400px) {
  .is-size-1-xxl {
    font-size: 69px !important;
  }
  .is-line-height-1-xxl {
    line-height: 69px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-1-xl {
    font-size: 69px !important;
  }
  .is-line-height-1-xl {
    line-height: 69px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-1-lg {
    font-size: 69px !important;
  }
  .is-line-height-1-lg {
    line-height: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-1-md {
    font-size: 69px !important;
  }
  .is-line-height-1-md {
    line-height: 69px !important;
  }
}
@media (max-width: 991px) {
  .is-size-1-touch {
    font-size: 69px !important;
  }
  .is-line-height-1-touch {
    line-height: 69px !important;
  }
}
@media (max-width: 767px) {
  .is-size-1-xs {
    font-size: 69px !important;
  }
  .is-line-height-1-xs {
    line-height: 69px !important;
  }
}
.is-size-2 {
  font-size: 80px;
}

@media (min-width: 1400px) {
  .is-size-2-xxl {
    font-size: 80px !important;
  }
  .is-line-height-2-xxl {
    line-height: 80px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-2-xl {
    font-size: 80px !important;
  }
  .is-line-height-2-xl {
    line-height: 80px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-2-lg {
    font-size: 80px !important;
  }
  .is-line-height-2-lg {
    line-height: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-2-md {
    font-size: 80px !important;
  }
  .is-line-height-2-md {
    line-height: 80px !important;
  }
}
@media (max-width: 991px) {
  .is-size-2-touch {
    font-size: 80px !important;
  }
  .is-line-height-2-touch {
    line-height: 80px !important;
  }
}
@media (max-width: 767px) {
  .is-size-2-xs {
    font-size: 80px !important;
  }
  .is-line-height-2-xs {
    line-height: 80px !important;
  }
}
.is-size-3 {
  font-size: 44px;
}

@media (min-width: 1400px) {
  .is-size-3-xxl {
    font-size: 44px !important;
  }
  .is-line-height-3-xxl {
    line-height: 44px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-3-xl {
    font-size: 44px !important;
  }
  .is-line-height-3-xl {
    line-height: 44px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-3-lg {
    font-size: 44px !important;
  }
  .is-line-height-3-lg {
    line-height: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-3-md {
    font-size: 44px !important;
  }
  .is-line-height-3-md {
    line-height: 44px !important;
  }
}
@media (max-width: 991px) {
  .is-size-3-touch {
    font-size: 44px !important;
  }
  .is-line-height-3-touch {
    line-height: 44px !important;
  }
}
@media (max-width: 767px) {
  .is-size-3-xs {
    font-size: 44px !important;
  }
  .is-line-height-3-xs {
    line-height: 44px !important;
  }
}
.is-size-4 {
  font-size: 42px;
}

@media (min-width: 1400px) {
  .is-size-4-xxl {
    font-size: 42px !important;
  }
  .is-line-height-4-xxl {
    line-height: 42px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-4-xl {
    font-size: 42px !important;
  }
  .is-line-height-4-xl {
    line-height: 42px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-4-lg {
    font-size: 42px !important;
  }
  .is-line-height-4-lg {
    line-height: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-4-md {
    font-size: 42px !important;
  }
  .is-line-height-4-md {
    line-height: 42px !important;
  }
}
@media (max-width: 991px) {
  .is-size-4-touch {
    font-size: 42px !important;
  }
  .is-line-height-4-touch {
    line-height: 42px !important;
  }
}
@media (max-width: 767px) {
  .is-size-4-xs {
    font-size: 42px !important;
  }
  .is-line-height-4-xs {
    line-height: 42px !important;
  }
}
.is-size-5 {
  font-size: 40px;
}

@media (min-width: 1400px) {
  .is-size-5-xxl {
    font-size: 40px !important;
  }
  .is-line-height-5-xxl {
    line-height: 40px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-5-xl {
    font-size: 40px !important;
  }
  .is-line-height-5-xl {
    line-height: 40px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-5-lg {
    font-size: 40px !important;
  }
  .is-line-height-5-lg {
    line-height: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-5-md {
    font-size: 40px !important;
  }
  .is-line-height-5-md {
    line-height: 40px !important;
  }
}
@media (max-width: 991px) {
  .is-size-5-touch {
    font-size: 40px !important;
  }
  .is-line-height-5-touch {
    line-height: 40px !important;
  }
}
@media (max-width: 767px) {
  .is-size-5-xs {
    font-size: 40px !important;
  }
  .is-line-height-5-xs {
    line-height: 40px !important;
  }
}
.is-size-6 {
  font-size: 30px;
}

@media (min-width: 1400px) {
  .is-size-6-xxl {
    font-size: 30px !important;
  }
  .is-line-height-6-xxl {
    line-height: 30px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-6-xl {
    font-size: 30px !important;
  }
  .is-line-height-6-xl {
    line-height: 30px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-6-lg {
    font-size: 30px !important;
  }
  .is-line-height-6-lg {
    line-height: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-6-md {
    font-size: 30px !important;
  }
  .is-line-height-6-md {
    line-height: 30px !important;
  }
}
@media (max-width: 991px) {
  .is-size-6-touch {
    font-size: 30px !important;
  }
  .is-line-height-6-touch {
    line-height: 30px !important;
  }
}
@media (max-width: 767px) {
  .is-size-6-xs {
    font-size: 30px !important;
  }
  .is-line-height-6-xs {
    line-height: 30px !important;
  }
}
.is-size-7 {
  font-size: 27px;
}

@media (min-width: 1400px) {
  .is-size-7-xxl {
    font-size: 27px !important;
  }
  .is-line-height-7-xxl {
    line-height: 27px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-7-xl {
    font-size: 27px !important;
  }
  .is-line-height-7-xl {
    line-height: 27px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-7-lg {
    font-size: 27px !important;
  }
  .is-line-height-7-lg {
    line-height: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-7-md {
    font-size: 27px !important;
  }
  .is-line-height-7-md {
    line-height: 27px !important;
  }
}
@media (max-width: 991px) {
  .is-size-7-touch {
    font-size: 27px !important;
  }
  .is-line-height-7-touch {
    line-height: 27px !important;
  }
}
@media (max-width: 767px) {
  .is-size-7-xs {
    font-size: 27px !important;
  }
  .is-line-height-7-xs {
    line-height: 27px !important;
  }
}
.is-size-8 {
  font-size: 23px;
}

@media (min-width: 1400px) {
  .is-size-8-xxl {
    font-size: 23px !important;
  }
  .is-line-height-8-xxl {
    line-height: 23px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-8-xl {
    font-size: 23px !important;
  }
  .is-line-height-8-xl {
    line-height: 23px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-8-lg {
    font-size: 23px !important;
  }
  .is-line-height-8-lg {
    line-height: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-8-md {
    font-size: 23px !important;
  }
  .is-line-height-8-md {
    line-height: 23px !important;
  }
}
@media (max-width: 991px) {
  .is-size-8-touch {
    font-size: 23px !important;
  }
  .is-line-height-8-touch {
    line-height: 23px !important;
  }
}
@media (max-width: 767px) {
  .is-size-8-xs {
    font-size: 23px !important;
  }
  .is-line-height-8-xs {
    line-height: 23px !important;
  }
}
.is-size-9 {
  font-size: 18px;
}

@media (min-width: 1400px) {
  .is-size-9-xxl {
    font-size: 18px !important;
  }
  .is-line-height-9-xxl {
    line-height: 18px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-9-xl {
    font-size: 18px !important;
  }
  .is-line-height-9-xl {
    line-height: 18px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-9-lg {
    font-size: 18px !important;
  }
  .is-line-height-9-lg {
    line-height: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-9-md {
    font-size: 18px !important;
  }
  .is-line-height-9-md {
    line-height: 18px !important;
  }
}
@media (max-width: 991px) {
  .is-size-9-touch {
    font-size: 18px !important;
  }
  .is-line-height-9-touch {
    line-height: 18px !important;
  }
}
@media (max-width: 767px) {
  .is-size-9-xs {
    font-size: 18px !important;
  }
  .is-line-height-9-xs {
    line-height: 18px !important;
  }
}
.is-size-10 {
  font-size: 16px;
}

@media (min-width: 1400px) {
  .is-size-10-xxl {
    font-size: 16px !important;
  }
  .is-line-height-10-xxl {
    line-height: 16px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-10-xl {
    font-size: 16px !important;
  }
  .is-line-height-10-xl {
    line-height: 16px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-10-lg {
    font-size: 16px !important;
  }
  .is-line-height-10-lg {
    line-height: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-10-md {
    font-size: 16px !important;
  }
  .is-line-height-10-md {
    line-height: 16px !important;
  }
}
@media (max-width: 991px) {
  .is-size-10-touch {
    font-size: 16px !important;
  }
  .is-line-height-10-touch {
    line-height: 16px !important;
  }
}
@media (max-width: 767px) {
  .is-size-10-xs {
    font-size: 16px !important;
  }
  .is-line-height-10-xs {
    line-height: 16px !important;
  }
}
.is-size-11 {
  font-size: 14px;
}

@media (min-width: 1400px) {
  .is-size-11-xxl {
    font-size: 14px !important;
  }
  .is-line-height-11-xxl {
    line-height: 14px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-11-xl {
    font-size: 14px !important;
  }
  .is-line-height-11-xl {
    line-height: 14px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-11-lg {
    font-size: 14px !important;
  }
  .is-line-height-11-lg {
    line-height: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-11-md {
    font-size: 14px !important;
  }
  .is-line-height-11-md {
    line-height: 14px !important;
  }
}
@media (max-width: 991px) {
  .is-size-11-touch {
    font-size: 14px !important;
  }
  .is-line-height-11-touch {
    line-height: 14px !important;
  }
}
@media (max-width: 767px) {
  .is-size-11-xs {
    font-size: 14px !important;
  }
  .is-line-height-11-xs {
    line-height: 14px !important;
  }
}
.is-size-12 {
  font-size: 12px;
}

@media (min-width: 1400px) {
  .is-size-12-xxl {
    font-size: 12px !important;
  }
  .is-line-height-12-xxl {
    line-height: 12px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .is-size-12-xl {
    font-size: 12px !important;
  }
  .is-line-height-12-xl {
    line-height: 12px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .is-size-12-lg {
    font-size: 12px !important;
  }
  .is-line-height-12-lg {
    line-height: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .is-size-12-md {
    font-size: 12px !important;
  }
  .is-line-height-12-md {
    line-height: 12px !important;
  }
}
@media (max-width: 991px) {
  .is-size-12-touch {
    font-size: 12px !important;
  }
  .is-line-height-12-touch {
    line-height: 12px !important;
  }
}
@media (max-width: 767px) {
  .is-size-12-xs {
    font-size: 12px !important;
  }
  .is-line-height-12-xs {
    line-height: 12px !important;
  }
}
/*#endregion*/
/*#region CLASSI ROUNDED*/
.is-rounded-5 {
  border-radius: 5px !important;
}

.is-rounded-b-5 {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.is-rounded-t-5 {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.is-rounded-6 {
  border-radius: 6px !important;
}

.is-rounded-b-6 {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.is-rounded-t-6 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.is-rounded-8 {
  border-radius: 8px !important;
}

.is-rounded-b-8 {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.is-rounded-t-8 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.is-rounded-10 {
  border-radius: 10px !important;
}

.is-rounded-b-10 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.is-rounded-t-10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.is-rounded-12 {
  border-radius: 12px !important;
}

.is-rounded-b-12 {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.is-rounded-t-12 {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.is-rounded-15 {
  border-radius: 15px !important;
}

.is-rounded-b-15 {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.is-rounded-t-15 {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.is-rounded-20 {
  border-radius: 20px !important;
}

.is-rounded-b-20 {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.is-rounded-t-20 {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.is-rounded-26 {
  border-radius: 26px !important;
}

.is-rounded-b-26 {
  border-bottom-left-radius: 26px !important;
  border-bottom-right-radius: 26px !important;
}

.is-rounded-t-26 {
  border-top-left-radius: 26px !important;
  border-top-right-radius: 26px !important;
}

.is-rounded-28 {
  border-radius: 28px !important;
}

.is-rounded-b-28 {
  border-bottom-left-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
}

.is-rounded-t-28 {
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
}

.is-rounded-32 {
  border-radius: 32px !important;
}

.is-rounded-b-32 {
  border-bottom-left-radius: 32px !important;
  border-bottom-right-radius: 32px !important;
}

.is-rounded-t-32 {
  border-top-left-radius: 32px !important;
  border-top-right-radius: 32px !important;
}

.is-rounded-50 {
  border-radius: 50px !important;
}

.is-rounded-b-50 {
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

.is-rounded-t-50 {
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
}

.is-rounded-200 {
  border-radius: 200px !important;
}

.is-rounded-b-200 {
  border-bottom-left-radius: 200px !important;
  border-bottom-right-radius: 200px !important;
}

.is-rounded-t-200 {
  border-top-left-radius: 200px !important;
  border-top-right-radius: 200px !important;
}

/*CLASSI BORDI*/
.border-blue-primary {
  border: 1px solid #002859;
}

.border-t-blue-primary {
  border-top: 1px solid #002859;
}

.border-b-blue-primary {
  border-bottom: 1px solid #002859;
}

.border-e-blue-primary {
  border-right: 1px solid #002859;
}

.border-s-blue-primary {
  border-left: 1px solid #002859;
}

.border-y-blue-primary {
  border-top: 1px solid #002859;
  border-bottom: 1px solid #002859;
}

.border-x-blue-primary {
  border-left: 1px solid #002859;
  border-right: 1px solid #002859;
}

.border-black {
  border: 1px solid #101010;
}

.border-t-black {
  border-top: 1px solid #101010;
}

.border-b-black {
  border-bottom: 1px solid #101010;
}

.border-e-black {
  border-right: 1px solid #101010;
}

.border-s-black {
  border-left: 1px solid #101010;
}

.border-y-black {
  border-top: 1px solid #101010;
  border-bottom: 1px solid #101010;
}

.border-x-black {
  border-left: 1px solid #101010;
  border-right: 1px solid #101010;
}

.border-white {
  border: 1px solid #ffffff;
}

.border-t-white {
  border-top: 1px solid #ffffff;
}

.border-b-white {
  border-bottom: 1px solid #ffffff;
}

.border-e-white {
  border-right: 1px solid #ffffff;
}

.border-s-white {
  border-left: 1px solid #ffffff;
}

.border-y-white {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.border-x-white {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.border-text-primary {
  border: 1px solid #0f2c64;
}

.border-t-text-primary {
  border-top: 1px solid #0f2c64;
}

.border-b-text-primary {
  border-bottom: 1px solid #0f2c64;
}

.border-e-text-primary {
  border-right: 1px solid #0f2c64;
}

.border-s-text-primary {
  border-left: 1px solid #0f2c64;
}

.border-y-text-primary {
  border-top: 1px solid #0f2c64;
  border-bottom: 1px solid #0f2c64;
}

.border-x-text-primary {
  border-left: 1px solid #0f2c64;
  border-right: 1px solid #0f2c64;
}

.border-text-error {
  border: 1px solid #fb0d0d;
}

.border-t-text-error {
  border-top: 1px solid #fb0d0d;
}

.border-b-text-error {
  border-bottom: 1px solid #fb0d0d;
}

.border-e-text-error {
  border-right: 1px solid #fb0d0d;
}

.border-s-text-error {
  border-left: 1px solid #fb0d0d;
}

.border-y-text-error {
  border-top: 1px solid #fb0d0d;
  border-bottom: 1px solid #fb0d0d;
}

.border-x-text-error {
  border-left: 1px solid #fb0d0d;
  border-right: 1px solid #fb0d0d;
}

.border-grey-borders {
  border: 1px solid #e8e8e8;
}

.border-t-grey-borders {
  border-top: 1px solid #e8e8e8;
}

.border-b-grey-borders {
  border-bottom: 1px solid #e8e8e8;
}

.border-e-grey-borders {
  border-right: 1px solid #e8e8e8;
}

.border-s-grey-borders {
  border-left: 1px solid #e8e8e8;
}

.border-y-grey-borders {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.border-x-grey-borders {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.border-ocra-main {
  border: 1px solid #ed9e1b;
}

.border-t-ocra-main {
  border-top: 1px solid #ed9e1b;
}

.border-b-ocra-main {
  border-bottom: 1px solid #ed9e1b;
}

.border-e-ocra-main {
  border-right: 1px solid #ed9e1b;
}

.border-s-ocra-main {
  border-left: 1px solid #ed9e1b;
}

.border-y-ocra-main {
  border-top: 1px solid #ed9e1b;
  border-bottom: 1px solid #ed9e1b;
}

.border-x-ocra-main {
  border-left: 1px solid #ed9e1b;
  border-right: 1px solid #ed9e1b;
}

.border-grey {
  border: 1px solid #1e1e1e;
}

.border-t-grey {
  border-top: 1px solid #1e1e1e;
}

.border-b-grey {
  border-bottom: 1px solid #1e1e1e;
}

.border-e-grey {
  border-right: 1px solid #1e1e1e;
}

.border-s-grey {
  border-left: 1px solid #1e1e1e;
}

.border-y-grey {
  border-top: 1px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
}

.border-x-grey {
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
}

.border-light-grey {
  border: 1px solid #6a6a6a;
}

.border-t-light-grey {
  border-top: 1px solid #6a6a6a;
}

.border-b-light-grey {
  border-bottom: 1px solid #6a6a6a;
}

.border-e-light-grey {
  border-right: 1px solid #6a6a6a;
}

.border-s-light-grey {
  border-left: 1px solid #6a6a6a;
}

.border-y-light-grey {
  border-top: 1px solid #6a6a6a;
  border-bottom: 1px solid #6a6a6a;
}

.border-x-light-grey {
  border-left: 1px solid #6a6a6a;
  border-right: 1px solid #6a6a6a;
}

.border-breadcrumbs-grey {
  border: 1px solid #8b8b8b;
}

.border-t-breadcrumbs-grey {
  border-top: 1px solid #8b8b8b;
}

.border-b-breadcrumbs-grey {
  border-bottom: 1px solid #8b8b8b;
}

.border-e-breadcrumbs-grey {
  border-right: 1px solid #8b8b8b;
}

.border-s-breadcrumbs-grey {
  border-left: 1px solid #8b8b8b;
}

.border-y-breadcrumbs-grey {
  border-top: 1px solid #8b8b8b;
  border-bottom: 1px solid #8b8b8b;
}

.border-x-breadcrumbs-grey {
  border-left: 1px solid #8b8b8b;
  border-right: 1px solid #8b8b8b;
}

.border-light-black {
  border: 1px solid #3f3f3f;
}

.border-t-light-black {
  border-top: 1px solid #3f3f3f;
}

.border-b-light-black {
  border-bottom: 1px solid #3f3f3f;
}

.border-e-light-black {
  border-right: 1px solid #3f3f3f;
}

.border-s-light-black {
  border-left: 1px solid #3f3f3f;
}

.border-y-light-black {
  border-top: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
}

.border-x-light-black {
  border-left: 1px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
}

.border-text-secondary {
  border: 1px solid #212121;
}

.border-t-text-secondary {
  border-top: 1px solid #212121;
}

.border-b-text-secondary {
  border-bottom: 1px solid #212121;
}

.border-e-text-secondary {
  border-right: 1px solid #212121;
}

.border-s-text-secondary {
  border-left: 1px solid #212121;
}

.border-y-text-secondary {
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
}

.border-x-text-secondary {
  border-left: 1px solid #212121;
  border-right: 1px solid #212121;
}

.border-purple {
  border: 1px solid #9245fa;
}

.border-t-purple {
  border-top: 1px solid #9245fa;
}

.border-b-purple {
  border-bottom: 1px solid #9245fa;
}

.border-e-purple {
  border-right: 1px solid #9245fa;
}

.border-s-purple {
  border-left: 1px solid #9245fa;
}

.border-y-purple {
  border-top: 1px solid #9245fa;
  border-bottom: 1px solid #9245fa;
}

.border-x-purple {
  border-left: 1px solid #9245fa;
  border-right: 1px solid #9245fa;
}

.border-orange {
  border: 1px solid #f35525;
}

.border-t-orange {
  border-top: 1px solid #f35525;
}

.border-b-orange {
  border-bottom: 1px solid #f35525;
}

.border-e-orange {
  border-right: 1px solid #f35525;
}

.border-s-orange {
  border-left: 1px solid #f35525;
}

.border-y-orange {
  border-top: 1px solid #f35525;
  border-bottom: 1px solid #f35525;
}

.border-x-orange {
  border-left: 1px solid #f35525;
  border-right: 1px solid #f35525;
}

.border-blue-btn {
  border: 1px solid #0076d1;
}

.border-t-blue-btn {
  border-top: 1px solid #0076d1;
}

.border-b-blue-btn {
  border-bottom: 1px solid #0076d1;
}

.border-e-blue-btn {
  border-right: 1px solid #0076d1;
}

.border-s-blue-btn {
  border-left: 1px solid #0076d1;
}

.border-y-blue-btn {
  border-top: 1px solid #0076d1;
  border-bottom: 1px solid #0076d1;
}

.border-x-blue-btn {
  border-left: 1px solid #0076d1;
  border-right: 1px solid #0076d1;
}

.border-b-primary {
  border-bottom: 1px solid var(--border-primary) !important;
}

.border-t-primary {
  border-top: 1px solid var(--border-primary) !important;
}

.border-primary {
  border: 1px solid var(--border-primary) !important;
}

/*#endregion*/
/*#region CLASSI BACKGROUND E COLOR*/
.bg-blue-primary {
  background-color: #002859;
}

.text-blue-primary {
  color: #002859 !important;
}

.border-color-blue-primary {
  border-color: #002859 !important;
}

.form-select.border-color-blue-primary {
  border-color: #002859 !important;
}

.bg-black {
  background-color: #101010;
}

.text-black {
  color: #101010 !important;
}

.border-color-black {
  border-color: #101010 !important;
}

.form-select.border-color-black {
  border-color: #101010 !important;
}

.bg-white {
  background-color: #ffffff;
}

.text-white {
  color: #ffffff !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

.form-select.border-color-white {
  border-color: #ffffff !important;
}

.bg-text-primary {
  background-color: #0f2c64;
}

.text-text-primary {
  color: #0f2c64 !important;
}

.border-color-text-primary {
  border-color: #0f2c64 !important;
}

.form-select.border-color-text-primary {
  border-color: #0f2c64 !important;
}

.bg-text-error {
  background-color: #fb0d0d;
}

.text-text-error {
  color: #fb0d0d !important;
}

.border-color-text-error {
  border-color: #fb0d0d !important;
}

.form-select.border-color-text-error {
  border-color: #fb0d0d !important;
}

.bg-grey-borders {
  background-color: #e8e8e8;
}

.text-grey-borders {
  color: #e8e8e8 !important;
}

.border-color-grey-borders {
  border-color: #e8e8e8 !important;
}

.form-select.border-color-grey-borders {
  border-color: #e8e8e8 !important;
}

.bg-ocra-main {
  background-color: #ed9e1b;
}

.text-ocra-main {
  color: #ed9e1b !important;
}

.border-color-ocra-main {
  border-color: #ed9e1b !important;
}

.form-select.border-color-ocra-main {
  border-color: #ed9e1b !important;
}

.bg-grey {
  background-color: #1e1e1e;
}

.text-grey {
  color: #1e1e1e !important;
}

.border-color-grey {
  border-color: #1e1e1e !important;
}

.form-select.border-color-grey {
  border-color: #1e1e1e !important;
}

.bg-light-grey {
  background-color: #6a6a6a;
}

.text-light-grey {
  color: #6a6a6a !important;
}

.border-color-light-grey {
  border-color: #6a6a6a !important;
}

.form-select.border-color-light-grey {
  border-color: #6a6a6a !important;
}

.bg-breadcrumbs-grey {
  background-color: #8b8b8b;
}

.text-breadcrumbs-grey {
  color: #8b8b8b !important;
}

.border-color-breadcrumbs-grey {
  border-color: #8b8b8b !important;
}

.form-select.border-color-breadcrumbs-grey {
  border-color: #8b8b8b !important;
}

.bg-light-black {
  background-color: #3f3f3f;
}

.text-light-black {
  color: #3f3f3f !important;
}

.border-color-light-black {
  border-color: #3f3f3f !important;
}

.form-select.border-color-light-black {
  border-color: #3f3f3f !important;
}

.bg-text-secondary {
  background-color: #212121;
}

.text-text-secondary {
  color: #212121 !important;
}

.border-color-text-secondary {
  border-color: #212121 !important;
}

.form-select.border-color-text-secondary {
  border-color: #212121 !important;
}

.bg-purple {
  background-color: #9245fa;
}

.text-purple {
  color: #9245fa !important;
}

.border-color-purple {
  border-color: #9245fa !important;
}

.form-select.border-color-purple {
  border-color: #9245fa !important;
}

.bg-orange {
  background-color: #f35525;
}

.text-orange {
  color: #f35525 !important;
}

.border-color-orange {
  border-color: #f35525 !important;
}

.form-select.border-color-orange {
  border-color: #f35525 !important;
}

.bg-blue-btn {
  background-color: #0076d1;
}

.text-blue-btn {
  color: #0076d1 !important;
}

.border-color-blue-btn {
  border-color: #0076d1 !important;
}

.form-select.border-color-blue-btn {
  border-color: #0076d1 !important;
}

/*#endregion*/
/*#region Aspect Ratios*/
.aspect-ratio-16-9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-4-3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-3-2 {
  aspect-ratio: 3/2;
}

/*#endregion*/
/*#region Position Absolute*/
.top-5 {
  top: 5% !important;
}

.bottom-5 {
  bottom: 5% !important;
}

.end-5 {
  right: 5% !important;
}

.start-5 {
  left: 5% !important;
}

.top-10 {
  top: 10% !important;
}

.bottom-10 {
  bottom: 10% !important;
}

.end-10 {
  right: 10% !important;
}

.start-10 {
  left: 10% !important;
}

.top-15 {
  top: 15% !important;
}

.bottom-15 {
  bottom: 15% !important;
}

.end-15 {
  right: 15% !important;
}

.start-15 {
  left: 15% !important;
}

.top-20 {
  top: 20% !important;
}

.bottom-20 {
  bottom: 20% !important;
}

.end-20 {
  right: 20% !important;
}

.start-20 {
  left: 20% !important;
}

.top-30 {
  top: 30% !important;
}

.bottom-30 {
  bottom: 30% !important;
}

.end-30 {
  right: 30% !important;
}

.start-30 {
  left: 30% !important;
}

.top-40 {
  top: 40% !important;
}

.bottom-40 {
  bottom: 40% !important;
}

.end-40 {
  right: 40% !important;
}

.start-40 {
  left: 40% !important;
}

.top-60 {
  top: 60% !important;
}

.bottom-60 {
  bottom: 60% !important;
}

.end-60 {
  right: 60% !important;
}

.start-60 {
  left: 60% !important;
}

.top-70 {
  top: 70% !important;
}

.bottom-70 {
  bottom: 70% !important;
}

.end-70 {
  right: 70% !important;
}

.start-70 {
  left: 70% !important;
}

.top-80 {
  top: 80% !important;
}

.bottom-80 {
  bottom: 80% !important;
}

.end-80 {
  right: 80% !important;
}

.start-80 {
  left: 80% !important;
}

.top-90 {
  top: 80% !important;
}

.bottom-90 {
  bottom: 80% !important;
}

.end-90 {
  right: 80% !important;
}

.start-90 {
  left: 80% !important;
}

/*#endregion*/
/*#region Buttons*/
.btn-main {
  color: #002859 !important;
  background-color: white !important;
  border-color: white !important;
}

.btn-second {
  color: white !important;
  background-color: #002859 !important;
  border-color: #002859 !important;
}

.contact-pills {
  color: white;
  background-color: #212529;
}

[data-bs-theme=dark] .contact-pills {
  background-color: #DEE2E6;
  color: #1e242d;
}

/*#endregion*/
/*#region Text Truncate*/
.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.is-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}
.is-2-lines.of-visible {
  overflow: visible !important;
}

.is-3-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}

.is-4-lines {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}

.is-5-lines {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}

.is-6-lines {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}

.is-7-lines {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /*word-break: break-all;*/
}

.is-8-lines {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*#endregion*/
/*#endregion*/